/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*
* Breakpoints:
*   xs
*   xs2    370px
*   xs3    480px
*   sm     600px
*   sm2    769px
*   md     992px
*   lg    1280px
*   lg2   1600px
*/


.row {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-right: -2.5rem;
    margin-left: -2.5rem;
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.row-0 {
    margin-left: 0;
    margin-right: 0;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: left;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: right;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
            order: -1;
}
.second-xs {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.third-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
            order: 1;
}
.fourth-xs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.fifth-xs {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.sixth-xs {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
.last-xs {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

@media only screen and (min-width: 23.125em) { /* 370px */
    .col-xs2,
    .col-xs2-1,
    .col-xs2-2,
    .col-xs2-3,
    .col-xs2-4,
    .col-xs2-5,
    .col-xs2-6,
    .col-xs2-7,
    .col-xs2-8,
    .col-xs2-9,
    .col-xs2-10,
    .col-xs2-11,
    .col-xs2-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-xs2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-xs2-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xs2-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xs2-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-xs2-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xs2-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xs2-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-xs2-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xs2-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xs2-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-xs2-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xs2-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xs2-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-xs2-offset-0 {
        margin-left: 0;
    }

    .col-xs2-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs2-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs2-offset-3 {
        margin-left: 25%;
    }

    .col-xs2-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs2-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs2-offset-6 {
        margin-left: 50%;
    }

    .col-xs2-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs2-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs2-offset-9 {
        margin-left: 75%;
    }

    .col-xs2-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs2-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-xs2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-xs2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-xs2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-xs2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-xs2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-xs2 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-xs2 {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-xs2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-xs2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-xs2 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-xs2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .fourth-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-xs2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-xs2 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-xs {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media only screen and (min-width: 30em) { /* 480px */
    .col-xs3,
    .col-xs3-1,
    .col-xs3-2,
    .col-xs3-3,
    .col-xs3-4,
    .col-xs3-5,
    .col-xs3-6,
    .col-xs3-7,
    .col-xs3-8,
    .col-xs3-9,
    .col-xs3-10,
    .col-xs3-11,
    .col-xs3-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-xs3 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-xs3-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xs3-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xs3-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-xs3-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xs3-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xs3-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-xs3-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xs3-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xs3-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-xs3-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xs3-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xs3-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-xs3-offset-0 {
        margin-left: 0;
    }

    .col-xs3-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs3-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs3-offset-3 {
        margin-left: 25%;
    }

    .col-xs3-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs3-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs3-offset-6 {
        margin-left: 50%;
    }

    .col-xs3-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs3-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs3-offset-9 {
        margin-left: 75%;
    }

    .col-xs3-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs3-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-xs3 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
    }

    .center-xs3 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-xs3 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }

    .top-xs3 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-xs3 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-xs3 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-xs3 {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-xs3 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-xs3 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .second-xs3 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-xs3 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-xs3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-xs3 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-xs {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}


@media only screen and (min-width: 37.5em) { /* 600px */
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-sm {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-sm {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-sm {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-sm {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-sm {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media only screen and (min-width: 48.063em) { /* 769px */
    .col-sm2,
    .col-sm2-1,
    .col-sm2-2,
    .col-sm2-3,
    .col-sm2-4,
    .col-sm2-5,
    .col-sm2-6,
    .col-sm2-7,
    .col-sm2-8,
    .col-sm2-9,
    .col-sm2-10,
    .col-sm2-11,
    .col-sm2-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-sm2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-sm2-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm2-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm2-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm2-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm2-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm2-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm2-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm2-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm2-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm2-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm2-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm2-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm2-offset-0 {
        margin-left: 0;
    }

    .col-sm2-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm2-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm2-offset-3 {
        margin-left: 25%;
    }

    .col-sm2-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm2-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm2-offset-6 {
        margin-left: 50%;
    }

    .col-sm2-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm2-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm2-offset-9 {
        margin-left: 75%;
    }

    .col-sm2-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm2-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-sm2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-sm2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-sm2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-sm2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-sm2 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-sm2 {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-sm2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-sm2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-sm2 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-sm2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-sm2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-sm2 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-sm2 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media only screen and (min-width: 62em) { /* 992px */
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-md {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-md {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-md {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-md {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-md {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}


@media only screen and (min-width: 80em) { /* 1280px */
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-lg {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-lg {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-lg {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-lg {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-lg {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media only screen and (min-width: 100em) { /* 1600px */
    .col-lg2,
    .col-lg2-1,
    .col-lg2-2,
    .col-lg2-3,
    .col-lg2-4,
    .col-lg2-5,
    .col-lg2-6,
    .col-lg2-7,
    .col-lg2-8,
    .col-lg2-9,
    .col-lg2-10,
    .col-lg2-11,
    .col-lg2-12 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .col-lg2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
                flex-basis: 0;
        max-width: 100%;
    }

    .col-lg2-1 {
        -ms-flex-preferred-size: 8.33333333%;
        -webkit-flex-basis: 8.33333333%;
                flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg2-2 {
        -ms-flex-preferred-size: 16.66666667%;
        -webkit-flex-basis: 16.66666667%;
                flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg2-3 {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
                flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg2-4 {
        -ms-flex-preferred-size: 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
                flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg2-5 {
        -ms-flex-preferred-size: 41.66666667%;
        -webkit-flex-basis: 41.66666667%;
                flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg2-6 {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
                flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg2-7 {
        -ms-flex-preferred-size: 58.33333333%;
        -webkit-flex-basis: 58.33333333%;
                flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg2-8 {
        -ms-flex-preferred-size: 66.66666667%;
        -webkit-flex-basis: 66.66666667%;
                flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg2-9 {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
                flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg2-10 {
        -ms-flex-preferred-size: 83.33333333%;
        -webkit-flex-basis: 83.33333333%;
                flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg2-11 {
        -ms-flex-preferred-size: 91.66666667%;
        -webkit-flex-basis: 91.66666667%;
                flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg2-12 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
                flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg2-offset-0 {
        margin-left: 0;
    }

    .col-lg2-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg2-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg2-offset-3 {
        margin-left: 25%;
    }

    .col-lg2-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg2-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg2-offset-6 {
        margin-left: 50%;
    }

    .col-lg2-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg2-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg2-offset-9 {
        margin-left: 75%;
    }

    .col-lg2-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg2-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        text-align: left;
    }

    .center-lg2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center;
    }

    .end-lg2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
        text-align: right;
    }

    .top-lg2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    .middle-lg2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    .bottom-lg2 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
                align-items: flex-end;
    }

    .around-lg2 {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .between-lg2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .first-lg2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
                order: -1;
    }
    .second-lg2 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .third-lg2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
                order: 1;
    }
    .fourth-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fifth-lg2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sixth-lg2 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .last-lg2 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}/* ------------------------------------------------------
**** Notes
------------------------------------------------------ */
/*

[ 01 ] - This class used to style search results on both TP and disc, but different styles set


*/

:root {
	--color-primary: #F47425; /* orange */
	--color-primary-dark: #E1601F;

	--color-primary-text-dark: #7d2600;
	/* Text to be read on top of the primary background that isn't white, example footer */

	--color-primary-pale: #fe9161;
	--color-primary-pale-01: #ffb393;

	--color-tangelo: #d95115; /* orange dark */
	--color-tangelo-dark: #CC4925; /* orange darker */

	--color-secondary: #F4ECE0; /* off-white */
	--color-secondary-dark: #E2DAD0;

	--color-tertiary: #6DABE4; /* light blue */
	--color-tertiary-dark: #5A99D3; /* light blue */

	--color-quaternary: #005da7; /* dark blue */
	--color-quaternary-dark: #003258; /* darkest blue */

	--color-alternative: #FFE250; /* yellow */
	--color-alternative-dark: #fdbf57; /* yellow dark */

	--color-accent-01: #744B7F;

	--color-pale-blue: #A7C9E6;
	--color-pale-blue-01: #cadff1;

	--color-white: #fff;
	--color-grey-00: #f6f6f6;
	--color-grey-01: #F4ECE0; /* originally: #efefea */
	--color-grey-03: #e4e2db;
	--color-grey-04: #dcd9d1;
	--color-grey-06: #ccc;
	--color-grey-08: #afaba1;
	--color-grey-10: #908b7e;
	--color-grey-12: #7F7B78;
	--color-grey-14: #565656;
	--color-grey-18: #424143; /* brand charcoal */
	--color-grey-19: #333;
	--color-grey-21: #24292f;
	--color-black: #000;

	--color-utility-positive: #6DBB5A;
	--color-utility-positive-dark: #439230;

	--color-utility-negative: #F80B0B;
	--color-utility-negative-dark: #B72323;
	--color-utility-negative-light: #F6E4E4;

	--color-utility-neutral: #358AAB;

	--color-facebook: #3e5b98
	--color-facebook-hover: #4f6daf;
	--color-twitter: #4da7de;
	--color-twitter-hover: #5bb4ea;

	--link-transition-duration: 200ms;
}

/* ------------------------------------------------------
**** Viewport settings
------------------------------------------------------ */
@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}

/* ------------------------------------------------------
**** Breakpoints
------------------------------------------------------ */

/* BP Extra extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */

}

/* BP Extra extra  small */
@media only screen and (min-width: 30em) { /* 480px */

}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */

}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */

}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */

}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */

}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */

}

/* BP Extra extra large */
@media only screen and (min-width: 100em) { /* 1600px */

}


/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}


/* ------------------------------------------------------
**** Fonts
------------------------------------------------------ */

/*

Archer Semibold:        font-family: 'Archer-Semibold', Helvetica, Arial, sans-serif;

Brandon Grotesque:      font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif; font-weight: 400, 500, 900; font-style: italic, bold;

*/


/* Archer Semibold */
@font-face {
	font-family: 'Archer-Semibold';
	src: url('../fonts/archer-semibold/subset-Archer-Semibold.eot');
	src: url('../fonts/archer-semibold/subset-Archer-Semibold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/archer-semibold/subset-Archer-Semibold.woff2') format('woff2'),
	url('../fonts/archer-semibold/subset-Archer-Semibold.woff') format('woff'),
	url('../fonts/archer-semibold/subset-Archer-Semibold.ttf') format('truetype'),
	url('../fonts/archer-semibold/subset-Archer-Semibold.svg#Archer-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

/* Iconfont */
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon_v2/fonts/icomoon.eot?sgrd35');
	src:  url('../fonts/icomoon_v2/fonts/icomoon.eot?sgrd35#iefix') format('embedded-opentype'),
	url('../fonts/icomoon_v2/fonts/icomoon.ttf?sgrd35') format('truetype'),
	url('../fonts/icomoon_v2/fonts/icomoon.woff?sgrd35') format('woff'),
	url('../fonts/icomoon_v2/fonts/icomoon.svg?sgrd35#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-before:before,
.icon-after:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-before.icon-guests:before,
.icon-after.icon-guests:after {
	content: "\e936";
}
.icon-before.icon-cart:before,
.icon-after.icon-cart:before {
	content: "\e935";
}
.icon-before.icon-dishwasher:before,
.icon-after.icon-dishwasher:after {
	content: "\e931";
}
.icon-before.icon-desk:before,
.icon-after.icon-desk:after {
	content: "\e932";
}
.icon-before.icon-ensuite:before,
.icon-after.icon-ensuite:after {
	content: "\e933";
}
.icon-before.icon-surface:before,
.icon-after.icon-surface:after {
	content: "\e934";
}
.icon-before.icon-linkedin:before,
.icon-after.icon-linkedin:after {
	content: "\e92e";
}
.icon-before.icon-pinterest:before,
.icon-after.icon-pinterest:after {
	content: "\e92f";
}
.icon-before.icon-twitter:before,
.icon-after.icon-twitter:after {
	content: "\e930";
}
.icon-before.icon-close-quote:before,
.icon-after.icon-close-quote:after {
	content: "\e92c";
}
.icon-before.icon-open-quote:before,
.icon-after.icon-open-quote:after {
	content: "\e92d";
}
.icon-before.icon-aircon:before,
.icon-after.icon-aircon:after {
	content: "\e922";
}
.icon-before.icon-bathroom:before,
.icon-after.icon-bathroom:after {
	content: "\e923";
}
.icon-before.icon-bedroom:before,
.icon-after.icon-bedroom:after {
	content: "\e924";
}
.icon-before.icon-info:before,
.icon-after.icon-info:after {
	content: "\e925";
}
.icon-before.icon-kitchen:before,
.icon-after.icon-kitchen:after {
	content: "\e926";
}
.icon-before.icon-outdoor:before,
.icon-after.icon-outdoor:after {
	content: "\e927";
}
.icon-before.icon-power:before,
.icon-after.icon-power:after {
	content: "\e928";
}
.icon-before.icon-spa:before,
.icon-after.icon-spa:after {
	content: "\e929";
}
.icon-before.icon-suitcase:before,
.icon-after.icon-suitcase:after {
	content: "\e92a";
}
.icon-before.icon-views:before,
.icon-after.icon-views:after {
	content: "\e92b";
}
.icon-before.icon-download:before,
.icon-after.icon-download:after {
	content: "\e921";
}
.icon-before.icon-minus:before,
.icon-after.icon-minus:after {
	content: "\e91f";
}
.icon-before.icon-plus:before,
.icon-after.icon-plus:after {
	content: "\e920";
}
.icon-before.icon-accommodation:before,
.icon-after.icon-accommodation:after {
	content: "\e900";
}
.icon-before.icon-arrow-down:before,
.icon-after.icon-arrow-down:after {
	content: "\e901";
}
.icon-before.icon-arrow-left:before,
.icon-after.icon-arrow-left:after {
	content: "\e902";
}
.icon-before.icon-arrow-right:before,
.icon-after.icon-arrow-right:after {
	content: "\e903";
}
.icon-before.icon-arrow-up:before,
.icon-after.icon-arrow-up:after {
	content: "\e904";
}
.icon-before.icon-at:before,
.icon-after.icon-at:after {
	content: "\e905";
}
.icon-before.icon-australia:before,
.icon-after.icon-australia:after {
	content: "\e906";
}
.icon-before.icon-booking:before,
.icon-after.icon-booking:after {
	content: "\e907";
}
.icon-before.icon-calendar:before,
.icon-after.icon-calendar:after {
	content: "\e908";
}
.icon-before.icon-check:before,
.icon-after.icon-check:after {
	content: "\e909";
}
.icon-before.icon-close:before,
.icon-after.icon-close:after {
	content: "\e90a";
}
.icon-before.icon-comment:before,
.icon-after.icon-comment:after {
	content: "\e90b";
}
.icon-before.icon-compass:before,
.icon-after.icon-compass:after {
	content: "\e90c";
}
.icon-before.icon-facebook:before,
.icon-after.icon-facebook:after {
	content: "\e90d";
}
.icon-before.icon-fax:before,
.icon-after.icon-fax:after {
	content: "\e90e";
}
.icon-before.icon-home:before,
.icon-after.icon-home:after {
	content: "\e90f";
}
.icon-before.icon-instagram:before,
.icon-after.icon-instagram:after {
	content: "\e910";
}
.icon-before.icon-like:before,
.icon-after.icon-like:after {
	content: "\e911";
}
.icon-before.icon-magnify:before,
.icon-after.icon-magnify:after {
	content: "\e912";
}
.icon-before.icon-mail:before,
.icon-after.icon-mail:after {
	content: "\e913";
}
.icon-before.icon-map:before,
.icon-after.icon-map:after {
	content: "\e914";
}
.icon-before.icon-more-info:before,
.icon-after.icon-more-info:after {
	content: "\e915";
}
.icon-before.icon-news:before,
.icon-after.icon-news:after {
	content: "\e916";
}
.icon-before.icon-pets:before,
.icon-after.icon-pets:after {
	content: "\e917";
}
.icon-before.icon-phone:before,
.icon-after.icon-phone:after {
	content: "\e918";
}
.icon-before.icon-photo:before,
.icon-after.icon-photo:after {
	content: "\e919";
}
.icon-before.icon-reduce:before,
.icon-after.icon-reduce:after {
	content: "\e91a";
}
.icon-before.icon-search:before,
.icon-after.icon-search:after {
	content: "\e91b";
}
.icon-before.icon-share:before,
.icon-after.icon-share:after {
	content: "\e91c";
}
.icon-before.icon-shortlist:before,
.icon-after.icon-shortlist:after {
	content: "\e91d";
}
.icon-before.icon-youtube:before,
.icon-after.icon-youtube:after {
	content: "\e91e";
}
.icon-before.icon-mouse-click:before,
.icon-after.icon-mouse-click:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: transparent url(../images/icon_select.svg) center center no-repeat;
}

.icon-pop.icon-before.icon-mouse-click:before,
.icon-pop.icon-after.icon-mouse-click:after {
	background-position: top 8px center;
	width: 44px;
	height: 44px;
	background-size: 50%;
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.icon-pop.icon-before.icon-mouse-click:before,
	.icon-pop.icon-after.icon-mouse-click:after {
		background-position: top 15px center;
		width: 60px;
		height: 60px;
	}
	.icon-pop--large.icon-before.icon-mouse-click:before,
	.icon-pop--large.icon-after.icon-mouse-click:after {
		background-position: top 15px center;
		width: 100px;
		height: 100px;
	}
}


/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
}

html * {
	max-height: 999999px;
}

body {
	line-height: 1.4;
	font-size: 1.6em;
	color: var(--color-grey-18);
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* hide js script image: causes dark blue html background to extend beyond footer */
body > img {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	body {
		font-size: 1.8em;
	}
}


/* ---- Headings ---- */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	line-height: 1.1;
	margin: 0 0 1.5rem 0;
	text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: var(--color-grey-12);
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6 {
	margin-top: 2rem;
}


h1, .h1 {
	font-size: 2.6rem;
	font-weight: 900;
	text-transform: uppercase;
}

h1 a, .h1 a {
	text-decoration: none;
}

h2, .h2 {
	font-size: 2.4rem;
	font-weight: 900;
	text-transform: uppercase;
}

h3, .h3 {
	font-size: 2.2rem;
}

h4, .h4 {
	font-size: 2rem;
}

h5, .h5 {
	font-size: 1.8rem;
}

h6, .h6 {
	font-size: 1.6rem;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */

}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	h1, .h1 {
		font-size: 3.6rem;
	}

	h2, .h2 {
		font-size: 2.8rem;
	}

	h3, .h3 {
		font-size: 2.4rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	h1, .h1 {
		font-size: 4rem;
	}

	h2, .h2 {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	h3, .h3 {
		font-size: 2.6rem;
	}

	h4, .h4 {
		font-size: 2.1rem;
	}

	h5, .h5 {
		font-size: 1.9rem;
	}

	h6, .h6 {
		font-size: 1.7rem;
	}

	p + h1,
	p + h2,
	p + h3,
	p + h4,
	p + h5,
	p + h6,
	ul + h1,
	ul + h2,
	ul + h3,
	ul + h4,
	ul + h5,
	ul + h6,
	ol + h1,
	ol + h2,
	ol + h3,
	ol + h4,
	ol + h5,
	ol + h6 {
		margin-top: 3rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	h1, .h1 {
		font-size: 5rem;
	}
	h2, .h2 {
		font-size: 3.6rem;
	}
	h3, .h3 {
		font-size: 2.8rem;
	}
}


.heading-inline {
	display: inline;
	float: left;
	padding: 0;
}
.heading-center {
	text-align: center;
}

p,
ol,
ul,
dl,
address {
	margin: 0 0 1.5rem;
}

small {
	font-size: 1.28rem;
}

/* ---- Lists ---- */

ul,
ol {
	padding: 0 0 0 2rem;
}


li ul,
li ol {
	list-style-type: none;
	margin: 1rem 0;
}

ol li ol {
	list-style-type: lower-alpha;
}

ul.inline,
ol.inline {
	list-style-type: none;
	margin-left: 0;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
}

/* list styles for terms and conditions */

/* Numbered ordered lists */

.ol--nested-counting-numbers {
	padding-left: 2rem;
}

ol > li > .ol--nested-counting-numbers {
	padding-left: 2.8rem;
}

ol > li > ol > li > .ol--nested-counting-numbers {
	padding-left: 3.8rem;
}

ol > li > ol > li > .ol--nested-counting-numbers li::marker {
	font-size: .9em;
}

@media screen and (max-width: 31.25em ) { /* 500px */
	.ol--nested-counting-numbers {
		padding-left: 1.4rem;
	}
	ol > li > .ol--nested-counting-numbers {
		padding-left: 1.6rem;
	}
	ol > li > ol > li > .ol--nested-counting-numbers {
		padding-left: 2.6rem;
	}
}

.ol--nested-counting-numbers > li::marker {
	content: counters(list-item,'.') '.\00a0';
	font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
	font-variant-numeric: lining-nums;
	padding-right: 2px;
}

.ol--nested-counting-numbers > li {
	font-family: unset;
	list-style-type: decimal;
}

.ol--upper-roman {
	list-style-type: upper-roman;
	padding-left: 2rem;
}

.ol--lower-latin {
	list-style-type: lower-latin;
}

.ol--lower-latin > li::marker {
	content: "(" counter(list-item, lower-alpha) ") \00a0";
}


/* ---- Contact list ---- */
.contact-list {
	list-style: none;
	padding: 0;
	margin: 0 0 15px;
}
.contact-list:before,
.contact-list:after {
	content: " ";
	display: table;
}
.contact-list:after {
	clear: both;
}
.contact-list > li {
	float: left;
	border: 1px solid var(--color-grey-03);
	width: 48.5%;
	margin: 0 3% 20px 0;
	padding: 0 20px 17px;
	background-color: var(--color-white);
}
.contact-list > li:nth-child(2n+2) {
	margin-right: 0;
}
.contact-list h4 {
	font-size: 2.1rem;
	background-color: var(--color-grey-01);
	margin: 0 -20px 15px;
	padding: 13px 20px 10px;
}
.contact-list p {
	margin-bottom: 5px;
}



/* ---- Breadcrumbs ---- */

.breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumb li {
	display: inline;
}
.breadcrumb li a {
	color: var(--color-white);
}
.breadcrumb li a:hover,
.breadcrumb li a:focus {
	color: var(--color-pale-blue);
}
.breadcrumb li:before {
	content: "\00a0/\00a0";
}
.breadcrumb li:first-child:before {
	content: none;
}


/* ---- Quotations ---- */

blockquote {
	margin: 1.5rem 0;
	padding: 15px 18px;
	background: var(--color-grey-01);
	border-left: 5px solid var(--color-grey-08);
	font-style: normal;
}
blockquote small:before {
	content: '\00A0 \2014';
}
blockquote small:after {
	content: '';
}
blockquote.pull-right {
	float: right;
	background-color: transparent;
}
blockquote.pull-right p, blockquote.pull-right small {
	text-align: right;
}
blockquote.pull-right small:before {
	content: '';
}
blockquote.pull-right small:after {
	content: '\00A0 \2014';
}
blockquote cite {
	font-style: normal;
	display: block;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
}
blockquote cite:before {
	content: "- ";
}

q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

dl,
dd {
	margin-bottom: 1.5em;
}

dt {
	font-weight: bold;
}

.dl-horizontal:before, .dl-horizontal:after {
	content: " ";
	display: table;
}
.dl-horizontal:after {
	clear: both;
}
.dl-horizontal dt {
	float: left;
	clear: left;
	width: 30.38869258%;
}
.dl-horizontal dd {
	margin-left: 32.99289258%;
}

/* No style blockquote */
blockquote.blockquote--no-style {
	padding: 0;
	background: none;
	border-left: none;
}

/* Blockquote content */
.blockquote__content {
	font-style: italic;
	padding: 5px 24px;
	position: relative;
}
.blockquote__content p:last-child {
	margin-bottom: 0;
}
.blockquote__content:before,
.blockquote__content:after {
	position: absolute;
	display: block;
	font-size: 2.7rem;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: var(--color-grey-08);
}
.blockquote__content:before {
	content: "\e92d";
	top: -6px;
	left: -5px;
}
.blockquote__content:after {
	content: "\e92c";
	text-align: right;
	bottom: -6px;
	right: -5px;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.blockquote__content:before,
	.blockquote__content:after {
		font-size: 4rem;
	}
	.blockquote__content {
		padding: 11px 44px;
	}
}


/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	blockquote {
		padding: 25px 35px;
	}
}


/* ---- Text level elements ---- */

abbr[title] {
	border-bottom: none;
	cursor: help;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	background-color: var(--color-grey-00);
	color: var(--color-grey-18);
	text-decoration: none;
}

mark {
	background-color: var(--color-grey-00);
	color: var(--color-grey-18);
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: Monaco, Courier New, monospace;
	color: var(--color-grey-18);
	background: var(--color-grey-01);
	background: rgba(0, 0, 0, .07);
	padding: 0 2px;
	margin: 0 -2px;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ---- Links ---- */

a {
	color: var(--color-primary);
	word-break: break-word;
}

a:hover {
	color: var(--color-tangelo);
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
	outline: 0;
}

.link-invisible,
a.link-invisible:not(.button),
:where(.bg-white) a.link-invisible:not(.button) {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.link-invisible:hover,
.link-invisible:focus,
:where(.bg-white) a.link-invisible:not(.button):hover,
:where(.bg-white) a.link-invisible:not(.button):focus {
	text-decoration: underline;
}


/* ------------------------------------------------------
**** Design Patterns

Reusable bits of badass code that we probably use a lot

------------------------------------------------------ */

/* ---- Buttons ---- */
.button {
    display: inline-block;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: var(--color-white);
    background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
    text-decoration: none;
    border-radius: 4px;
    text-transform: uppercase;
    outline: none;
    position: relative;
    font-weight: 900;
    font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
    line-height: 1.2;
}

.button:after {
	content: "\00a0\003e";
	padding-left: 4px;
	position: relative;
	top: -2px;
}
.button.icon-before:after {
	content: none;
}

.button-no-arrow:after {
	content: none;
}

/* Small */
.button,
.button.button-small {
    font-size: 1.5rem;
    padding: 6px 13px 5px;
}

/* Button */
.button-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.button-list li {
	margin-bottom: 10px;
	margin-right: 10px;
}

.button__text {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: var(--color-white);
	background-color: transparent;
	text-decoration: none;
	border-radius: 0;
	border: none;
	text-transform: uppercase;
	outline: none;
	position: relative;
	font-weight: normal;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	text-decoration: underline;
	padding: 7px 0;
}
.slide-toggle {
	position: relative;
	padding-right: 2rem;
}
.button.slide-toggle {
	position: relative;
	padding-right: 10px;
}
.slide-toggle:after,
.button.slide-toggle:after {
	content: "";
    position: absolute;
	height: 10px;
	width: 1em;
	background: transparent url(../images/icon_arrow-st.svg) center center no-repeat;
	background-size: contain;
	transition: all 400ms ease-in-out;
}
.slide-toggle:after {
    right: 0;
    top: calc(50% - 5px);
}
.button.slide-toggle:after {
	position: relative;
    display: inline-block;
	margin-left: 0.2em;
}
.slide-toggle.expanded:after,
.button.slide-toggle.expanded:after {
	transform: rotate(-180deg);
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    /* Regular */
    .button {
        padding: 10px 20px 8px;
        font-size: 2rem;
    }
	.button.slide-toggle {
	    padding-right: 15px;
	}


}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .button.button-large {
        font-size: 2.5rem;
        padding: 14px 37px 12px;
    }
}

/* Orange (default) */
.button,
.button.button-orange {
    background-color: var(--color-primary);
	border-color: var(--color-primary);
    color: var(--color-white);
}
.button:hover,
.button:focus,
.button.button-orange:hover,
.button.button-orange:focus {
    background-color: var(--color-tangelo);
	border-color: var(--color-tangelo);
    color: var(--color-white);
}

.button.icon-before:before,
.button.icon-after:after {
	color: inherit;
}

/* Light orange *
2023 colour scheme same as button tertiary (light blue) */
.button.button-light-orange {
	background-color: var(--color-tertiary);
	border-color: var(--color-tertiary);
    color: var(--color-white);
}

.button.button-light-orange:hover,
.button.button-light-orange:focus {
	background-color: var(--color-tertiary-dark);
	border-color: var(--color-tertiary-dark);
    color: var(--color-white);
}

/* Dark Grey */
.button.button-dark-grey {
    background-color: var(--color-grey-18);
    color: var(--color-white);
    border-color: var(--color-grey-18);
}
.button.button-dark-grey:hover,
.button.button-dark-grey:focus {
    background-color: var(--color-grey-14);
    color: var(--color-white);
    border-color: var(--color-grey-14);
}

/* Grey */
.button.button-grey {
    background-color: var(--color-grey-04);
	border-color: var(--color-grey-04);
    color: var(--color-grey-18);
}
.button.button-grey:hover,
.button.button-grey:focus {
    background-color: var(--color-grey-03);
	border-color: var(--color-grey-03);
    color: var(--color-grey-18);
}

/* Grey outline */
.button.button-outline-grey {
    background-color: var(--color-white);
    color: var(--color-grey-10);
    border-color: var(--color-grey-04);
}
.button.button-outline-grey:hover,
.button.button-outline-grey:focus {
    background-color: var(--color-white);
    color: var(--color-grey-10);
    border-color: var(--color-grey-10);
}
/* Blue */
.button.button-lightblue {
	background-color: var(--color-tertiary);
	border-color: var(--color-tertiary);
    color: var(--color-white);
}
.button.button-lightblue:hover,
.button.button-lightblue:focus {
	background-color: var(--color-tertiary);
	border-color: var(--color-tertiary);
    color: var(--color-white);
}

/* Block */
.button-block {
    display: block;
    width: 100%;
}

/* Disabled/unavailable button style */
.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
    opacity: 0.4;
    cursor: default;
    -webkit-box-shadow: none;
            box-shadow: none;
}


/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* - Inline buttons - */
.inline-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 14px;
    margin-bottom: 2px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.inline-buttons .button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 9px;
}

/* Full */
.inline-buttons.inline-buttons--full .button {
	flex: 1 1 auto;
	width: auto;
}

/* Center */
.inline-buttons.inline-buttons--center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}


/* Right */
.inline-buttons.inline-buttons--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.inline-buttons {
		margin-top: 27px;
		margin-bottom: 10px;
	}
}

/* -- Icon buttons -- */
.button.icon-before:before,
.button.icon-after:after {
	position: absolute;
}

/* Small */
.button.icon-before:before,
.button.button-small.icon-before:before,
.button.icon-after:after,
.button.button-small.icon-after:after {
	left: 10px;
	top: 1px;
	font-size: 2.7rem;
}
.button.icon-before,
.button.icon-before.button-small {
	padding-left: 38px;
}
.button.icon-after,
.button.icon-after.button-small {
	padding-right: 38px;
}


/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    /* Regular */
    .button.icon-before:before,
	.button.icon-after:after {
		left: 17px;
		top: 4px;
		font-size: 3.4rem;
	}
	.button.icon-before {
		padding-left: 57px;
	}
	.button.icon-after {
		padding-right: 57px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .button.button-large.icon-before:before,
	.button.button-large.icon-after:after {
		left: 25px;
		top: 7px;
		font-size: 4rem;
	}
	.button.button-large.icon-before {
		padding-left: 73px;
	}
	.button.button-large.icon-after {
		padding-right: 73px;
	}
}


/* ---- Text links ---- */
.text-link {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: none;
	text-decoration: underline;
	cursor: pointer;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	padding: 0;
}

/* ---- Expando Styles ---- */

.expando-opener-heading {
	color: var(--color-tangelo);
}

.expando-opener-heading:hover {
	color: var(--color-tangelo-dark);
}

a.expando-opener-link:before,
.expando-opener-heading:before {
	content:"\003e ";
	margin-right: 5px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.expando-opener-heading.expanded:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	    transform: rotate(90deg);

}


hr {
	margin: 2em 0;
	padding: 0;
	border: 0;
	border-bottom: 2px dashed var(--color-grey-04);
	height: 1px;
	display: block;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	clear: right;
}

/* ---- In text call to action - styled as content sandwiched inbetween two <hr>s---- */
.intext-cta {
	margin: 2em 0;
	padding: 1.5em 0;
	border: 0;
	border-bottom: 2px dashed var(--color-grey-04);
	border-top: 2px dashed var(--color-grey-04);
	display: block;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
.intext-cta:before,
.intext-cta:after {
	content: " ";
	display: table;
}

.intext-cta:after {
	clear: both;
}
.intext-cta p {
	margin-bottom: 0;
}
.intext-cta .button {
	float: right;
}

/* ---- Highlight box ---- */

.highlight,
.highlight--right,
.highlight--left {
	margin: 25px 0 20px;
	padding: 20px;
	position: relative;
	background: var(--color-grey-01);
}

.highlight p:last-child {
	margin-bottom: 0;
}

.highlight--accent,
.highlight--orange {
	background: var(--color-primary);
	color: var(--color-white);
}

.highlight--white {
	background: var(--color-white);
	color: var(--color-grey-19);
}

.highlight--border {
	border: 1px var(--color-grey-06) solid;
}

.highlight--large {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 2.1rem;
}

.highlight--icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.highlight--icon__icon {
	padding-right: 20px;
}

/* Close button */
.highlight .highlight__close {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: none;
	color: var(--color-grey-10);
	font-size: 2.3rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	top: 3px;
	right: 3px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */

}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */

	.highlight {
		margin: 25px 0 35px;
		padding: 20px 25px;
	}

    .highlight--left {
        float: left;
        width: 45%;
        margin-right: 20px;
        clear: right;
    }

    .highlight--right {
        float: right;
        width: 45%;
        margin-left: 20px;
        clear: left;
    }
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */

	.highlight {
		margin: 40px 0 35px;
	}

}

.highlight--mt0 {
	margin-top: 0;
}

/* ---- Basic box ---- */
.basic-box {
	margin: 25px 0 20px;
	padding: 20px;
	position: relative;
	border: 2px solid #d7d7d7;
}

.basic-box  *:last-child {
	margin-bottom: 0;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.basic-box {
		margin: 25px 0 35px;
		padding: 20px 25px;
	}
}

.image-caption {
	text-align: center;
	font-style: italic;
	border-bottom: 2px solid var(--color-grey-04);
	margin: 0 0 25px;
}

/* ---- Date Pattern ---- */

.calendar-date {
	background: var(--color-tangelo);
	color: var(--color-white);
	border-radius: 6px;
	padding: 0px 0 5px;
	width: 60px;
	text-align: center;
}
.calendar-date-text {
	color: var(--color-white);
	text-decoration: none; /* Used if the date is a link */
	font-size: 2.4rem;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.calendar-date-text span {
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}





/* ---- TinyMCE Templates ---- */

/* These styles are for client use in the TinyMCE Template system */
/* prefixed with ct- (content template) to avoid clashing with skin template columns */

.ct-col-group {
	margin-bottom: 1.5rem;
}

/* two columns */
@media screen and (min-width: 500px) {
	.ct-col--one-half {
		float: left;
		width: 48.148148148148%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-half:first-child {
		margin-left: 0;
	}
}

/* three columns */
@media screen and (min-width: 560px) {
	.ct-col--one-third {
		float: left;
		width: 30.95916429249733%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-third:first-child {
		margin-left: 0;
	}
}

/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* Mega menu in */
@-webkit-keyframes megaMenuIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes megaMenuIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* Fade in */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Fade out */
@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/* Grow in */
@-webkit-keyframes growIn {
	from {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes growIn {
	from {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}
/* Grow in fade */
@-webkit-keyframes growInFade {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes growInFade {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
/* ---- Fade in up ---- */
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
/* Fade in up margin */
@-webkit-keyframes fadeInUpMargin {
	from {
		opacity: 0;
		margin-bottom: -20px;
	}
	to {
		opacity: 1;
		margin-bottom: 0;
	}
}

@keyframes fadeInUpMargin {
	from {
		opacity: 0;
		margin-bottom: -20px;
	}
	to {
		opacity: 1;
		margin-bottom: 0;
	}
}
/* Fade in down */
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
/* Fade in down margin */
@-webkit-keyframes fadeInDownMargin {
	from {
		opacity: 0;
		margin-top: -20px;
	}
	to {
		opacity: 1;
		margin-top: 0;
	}
}

@keyframes fadeInDownMargin {
	from {
		opacity: 0;
		margin-top: -20px;
	}
	to {
		opacity: 1;
		margin-top: 0;
	}
}
/* Fade in left */
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
/* Fade in right */
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}

/* Pop */
@-webkit-keyframes pop {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pop {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* Pulse */
@-webkit-keyframes buttonPulse {
	0% {
		background-color: var(--color-grey-18);
		border-color: var(--color-grey-18);
	}
	50% {
		background-color: var(--color-grey-19);
		border-color: var(--color-grey-19);
	}
	100% {
		background-color: var(--color-grey-18);
		border-color: var(--color-grey-18);
	}
}
@keyframes buttonPulse {
	0% {
		background-color: var(--color-grey-18);
		border-color: var(--color-grey-18);
	}
	50% {
		background-color: var(--color-grey-19);
		border-color: var(--color-grey-19);
	}
	100% {
		background-color: var(--color-grey-18);
		border-color: var(--color-grey-18);
	}
}

/* pointLeft */
@-webkit-keyframes pointLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
}
@keyframes pointLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
}

/* pointRight */
@-webkit-keyframes pointRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(7px);
		transform: translateX(7px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
}
@keyframes pointRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(7px);
		transform: translateX(7px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0px);
	}
}
/* Processing dot */
@-webkit-keyframes processing-dot {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-tertiary);
	}
	10% {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: var(--color-quaternary);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-tertiary);
	}
}
@keyframes processing-dot {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-tertiary);
	}
	10% {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: var(--color-quaternary);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-tertiary);
	}
}
@-webkit-keyframes processing-dot-white {
	0% {
		-webkit-transform: scale(0.5);
		background-color: var(--color-white);
	}
	10% {
		-webkit-transform: scale(1);
		background-color: var(--color-grey-06);
	}
	100% {
		-webkit-transform: scale(0.5);
		background-color: var(--color-white);
	}
}
@keyframes processing-dot-white {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-white);
	}
	10% {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: var(--color-grey-06);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		background-color: var(--color-white);
	}
}
/* Spin */
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* ------------------------------------------------------
**** Images
------------------------------------------------------ */


img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

/*

Old school image left and right are more generic now so we can use them on anything

You can find them in the helper classes section

*/

/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */

/* ---- Base styles ---- */
.field-element {
    margin-bottom: 13px;
    position: relative;
}
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element {
        margin-bottom: 21px;
    }
}

.field-element:before,
.field-element:after {
    content: " ";
    display: table;
}

.field-element:after {
    clear: both;
}

.field-input .textbox,
.field-input .dropdown,
.form-section .textbox,
.form-section select {
    display: block;
    width: 100%;
    outline: none;
    line-height: normal;
    padding: 9px 20px 8px;
    -webkit-appearance: none;
    line-height: 1.7;
    border: none;
    border-radius: 4px;
    background-color: var(--color-grey-00);
    color: var(--color-grey-18);
    font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
    border: 2px solid var(--color-grey-04);
    white-space: nowrap;
}

:where(.bg-orange) .field-input .textbox,
:where(.bg-orange) .field-input .dropdown,
:where(.bg-orange) .form-section .textbox,
:where(.bg-orange) .form-section select {
	border-color: var(--color-grey-00);
}

:where(.bg-orange) .field-element.field-element--white .field-input .textbox,
:where(.bg-orange) .field-element.field-element--white .field-input .dropdown,
:where(.bg-orange) .field-element.field-element--white .form-section .textbox,
:where(.bg-orange) .field-element.field-element--white .form-section select {
	border-color: var(--color-white);
}

:where(.bg-secondary) .field-element.field-element--white .field-input .textbox,
:where(.bg-secondary) .field-element.field-element--white .field-input .dropdown,
:where(.bg-secondary) .field-element.field-element--white .form-section .textbox,
:where(.bg-secondary) .field-element.field-element--white .form-section select {
	border-color: var(--color-white);
}

:where(.bg-secondary-dark) .field-element.field-element--white .field-input .textbox,
:where(.bg-secondary-dark) .field-element.field-element--white .field-input .dropdown,
:where(.bg-secondary-dark) .field-element.field-element--white .form-section .textbox,
:where(.bg-secondary-dark) .field-element.field-element--white .form-section select {
	border-color: var(--color-white);
}

select option,
select optgroup {
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif !important;
}

.field-input textarea.textbox {
    white-space: pre-wrap;
}

/* Make card numbers really readable, although slightly less pretty */
.field-element .field-input .textbox.cc-form-number {
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.1em;
}
.field-element .field-input .textbox.cc-form-number,
.field-element.field-element--small .field-input .textbox.cc-form-number {
	font-size: 1.95rem;
}

/* Always displayed uppercase, so enter them uppercase too */
.field-element--promo-code input {
	text-transform: uppercase;
}


/* ---- Inline ---- */

.field-element--inline-text {
	text-transform: uppercase;
	color: var(--color-grey-10);
	font-weight: 500;
	font-size: 1.3rem;
	text-align: center;
}

.field-elements-inline--mobile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.field-elements-inline--mobile .field-element {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding: 0 5px;
}
.field-elements-inline--mobile .field-element.field-element--button {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.field-elements-inline--mobile .field-element--inline-text {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 6px 11px 0;
}
.field-elements-inline--mobile .field-element.field-element--hidden-label,
.field-elements-inline--mobile .field-element.field-element--button,
.field-elements-inline--mobile .field-element.field-element--inline-text {
	margin-top: 26px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.field-elements-inline {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-left: -5px;
		margin-right: -5px;
	}
	.field-elements-inline .field-element {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		padding: 0 5px;
	}
	.field-elements-inline .field-element.field-element--button {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.field-elements-inline .field-element--inline-text {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		padding: 6px 11px 0;
	}
	.field-elements-inline .field-element.field-element--hidden-label,
	.field-elements-inline .field-element.field-element--button,
	.field-elements-inline .field-element.field-element--inline-text {
		margin-top: 26px;
	}
}

/* BP small */
@media screen and (min-width: 48.063em) { /* 769px */
	.field-element--inline-text {
		font-size: 1.5rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.field-elements-inline .field-element.field-element--hidden-label,
	.field-elements-inline .field-element.field-element--button,
	.field-elements-inline .field-element.field-element--inline-text {
		margin-top: 31px;
	}
	.field-elements-inline .field-element--inline-text {
		padding: 13px 16px 0;
	}
	.field-element--inline-text {
		font-size: 1.6rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */

}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */

}

/* ---- White ---- */
:where(.field-element).field-element--white .field-input .textbox,
:where(.field-element).field-element--white .field-input .dropdown,
.field-element--white.field-element--fileselector .fs-preview-wrapper {
    background-color: var(--color-white);
    border-color: var(--color-grey-04);
}

/* ---- Focus ---- */
.field-element .field-input .textbox:focus,
.field-element .field-input .dropdown:focus,
.form-section .textbox:focus,
.form-section select:focus,
.field-element.field-element--daterangepicker--arrive-depart.field-element--daterangepicker--arrive-depart--active .field-input .textbox.js--display-value {
	border-color: var(--color-grey-10);
}


/* ---- Sizes ---- */

/* Small */
.field-element .field-input .textbox,
.field-element .field-input .dropdown,
.field-element--fileselector .fs-preview-wrapper,
.field-element.field-element--small .field-input .textbox,
.field-element.field-element--small .field-input .dropdown,
.field-element.field-element--small.field-element--fileselector .fs-preview-wrapper,
.form-section .textbox,
.form-section select {
    font-size: 1.6rem;
    padding: 2px 10px 0;
    min-height: 33px;
}


/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    /* Regular */
    .field-element .field-input .textbox,
    .field-element .field-input .dropdown,
    .field-element.field-element--fileselector .fs-preview-wrapper,
	.form-section .textbox,
	.form-section select {
        padding: 6px 15px 4px;
        font-size: 2rem;
        line-height: 1.6;
        min-height: 46px;
    }
    .field-element .field-input .textbox.cc-form-number {
		font-size: 2.5rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--large .field-input .textbox,
    .field-element.field-element--large .field-input .dropdown,
    .field-element.field-element--large.field-element--fileselector .fs-preview-wrapper {
        font-size: 2.4rem;
        padding: 9px 25px 9px;
    }
}

/* ---- Disabled ---- */
.field-element.field-element--disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.field-element.field-element--disabled .textbox[disabled],
.field-element.field-element--disabled select[disabled],
.field-element.field-element--disabled button[disabled],
.field-element.field-element--disabled input[type="checkbox"] + label,
.field-element.field-element--disabled input[type="radio"] + label {
    cursor: not-allowed;
}

/* ---- Caps ---- */
.field-element--caps .textbox,
.field-element--caps select {
    text-transform: uppercase;
}


/* ---- Placeholders ---- */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--color-grey-12);
    text-transform: none;
}
::-moz-placeholder { /* Firefox 19+ */
    color: var(--color-grey-12);
    text-transform: none;
}
:-ms-input-placeholder { /* IE 10+ */
    color: var(--color-grey-12) !important;
    text-transform: none;
}
::placeholder { /* CSS working draft */
    color: var(--color-grey-12);
    text-transform: none;
}
.field-element--dropdown--placeholder .field-input .dropdown {
    color: var(--color-grey-12);
}
.field-element--select--multiple .ms-choice > span.placeholder {
    color: var(--color-grey-12);
}



/* ---- Fieldset ---- */
.field-element fieldset,
.form-section fieldset {
    border: none;
    padding: 0;
    margin: 0;
}


/* ---- Labels and legends ---- */
.field-label,
.fieldset__legend,
.form-section > tbody > tr > th {
    font-size: 1.6rem;
    margin-bottom: 7px;
    line-height: 1.2;
    font-weight: normal;
}

/* White */
.field-element--white .field-label,
.field-element--white.fieldset__legend {
    color: var(--color-grey-18);
}

/* Instead of h3s */
.label.heading {
    margin: 30px 0px 20px;
    padding: 8px 8px 8px 0px;
    border-bottom: 1px solid #E2E2E2;
}

/* Hidden labels */
.field-element--hidden-label .field-label,
.field-element--hidden-label .fieldset__legend {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.field-label,
	.fieldset__legend,
	.form-section > tbody > tr > th {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
}


/* ---- Required ---- */
.field-label__required {
    text-indent: -9999px;
    line-height: 0;
    display: inline-block;
}

.field-label__required:after {
    content: "*";
    text-indent: 0;
    display: block;
    line-height: inherit;
}


/* ---- Field helpers ---- */
.field-helper {
    font-weight: 400;
    font-size: 1.4rem;
    font-style: italic;
    margin-bottom: 1em;
}

.field-label .field-helper {
    margin-top: 0.3em;
    margin-bottom: 0;
}
.field-label .tooltip {
	margin-left: 4px;
	vertical-align: bottom;
	display: inline-block;
}


/* ---- Attach wrapper ---- */
.field-element-attach-wrapper {
    position: relative;
}
.field-element-attach-wrapper__button {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 0 5px 5px 0;
    background: var(--color-grey-04);
    border: none;
    outline: none;
    padding: 0 7px;
    z-index: 1;
    cursor: pointer;
}
.field-element-attach-wrapper__button .icon {
    color: var(--color-grey-14);
}
.field-element-attach-wrapper__button:hover,
.field-element-attach-wrapper__button:active,
.field-element-attach-wrapper__button:focus {
    background-color: var(--color-grey-06);
}
.field-element-attach-wrapper .field-element .field-input .textbox,
.field-element-attach-wrapper .field-element .field-input .dropdown {
    padding-right: 40px;
}

.field-element-attach-wrapper--small .field-element-attach-wrapper__button .icon,
.field-element-attach-wrapper__button .icon {
    font-size: 2.7rem;
    margin-top: 2px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element-attach-wrapper__button .icon {
        font-size: 3.1rem;
        margin-top: 3px;
    }
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
    .field-element-attach-wrapper--large .field-element-attach-wrapper__button .icon {
        font-size: 3.4rem;
        margin-top: 4px;
    }
}


/* ---- Field errors ---- */
.field-element.field-element--error  .field-input .textbox,
.field-element.field-element--error  .field-input .dropdown {
    background-color: var(--color-utility-negative-light);
    border-color: var(--color-utility-negative-dark);
}
.field-error__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field-error__list__item {
    color: var(--color-white);
    background: var(--color-utility-negative-dark);
    padding: 5px 10px;
    margin: 14px 0 9px;
    position: relative;
    text-align: center;
}
.field-error__list__item:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 12px 11px;
	border-color: transparent transparent var(--color-utility-negative-dark) transparent;
}

/* ---- Form section datepicker ---- */
.form-section .fb-widget-datepicker input {
	display: inline-block;
}

/* ---- Text area ---- */
textarea {
    resize: vertical;
}

/* ---- Range ---- */
.field-element.field-element--range .field-input .textbox {
    -webkit-appearance: slider-horizontal;
    background: none;
    padding: 0;
    border-radius: 0;
    border: none;
    background: none !important;
}
input[type=range]::-moz-focus-outer {
    border: 0;
}


/* ---- Selects ---- */
.field-element .field-input .dropdown,
.form-section select {
    -moz-appearance: none;
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
}
.field-element .field-input .dropdown[multiple] {
    background-image: none;
    padding-right: 20px;
}

.field-element .dropdown::-ms-expand,
.daterangepicker select.monthselect::-ms-expand,
.daterangepicker select.yearselect::-ms-expand,
.form-section select::-ms-expand {
    display: none;
}

/* Multiple selects */
.field-element.field-element--select.field-element--select--multiple select {
    padding: 8px 8px;
    background-image: none;
}

.field-element.field-element--select.field-element--select--multiple option {
    padding: 6px 10px;
}

/* Small */
.field-element .field-input .dropdown,
.field-element.field-element--small .field-input .dropdown,
.form-section select {
    background-position: top -347px right -112px;
    padding-right: 25px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element .field-input .dropdown,
	.form-section select {
        background-position: top -262px right -99px;
        padding-right: 40px;
    }
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--large .field-input .dropdown {
        background-position: top -255px right -99px;
    }
}

/* ---- Multiple select plugin ---- */
.field-element--select--multiple .ms-parent.dropdown {
	width: 200px !important;
}

.field-element--select--multiple .ms-drop {
	position: absolute;
	background: var(--color-white);
	left: 0;
	padding: 15px 20px;
	margin-top: 2px;
	border-radius: 4px;
	z-index: 800;
	border: 1px solid var(--color-grey-04);
	display: none;
	white-space: nowrap;
	color: var(--color-grey-18);
}
.field-element--select--multiple .ms-drop:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.field-element--select--multiple .ms-drop:after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
}

.field-element--select--multiple .ms-choice.disabled {
    background-color: var(--color-grey-00);
    background-image: none;
    border: 1px solid var(--color-grey-04);
    cursor: default;
}

.field-element--select--multiple .ms-choice > span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: block;
}
.field-element--select--multiple .ms-choice {
	text-align: left;
}



.field-element--select--multiple .field-element--select--multiple .ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
}

.field-element--select--multiple .ms-choice > div.open {

}

.field-element--select--multiple .ms-drop {

}

.field-element--select--multiple .ms-drop.bottom {
    top: 100%;
}

.field-element--select--multiple .ms-drop.top {
    bottom: 100%;
}

.field-element--select--multiple .ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.field-element--select--multiple .ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--color-white);
}

.field-element--select--multiple .ms-drop ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.field-element--select--multiple .ms-drop ul > li {
    display: list-item;
    background-image: none;
    position: static;
}

.field-element--select--multiple .ms-drop ul > li .disabled {
    opacity: .35;
}

.field-element--select--multiple .ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.field-element--select--multiple .ms-drop ul > li.group {
    clear: both;
}

.field-element--select--multiple .ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.field-element--select--multiple .ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.field-element--select--multiple .ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.field-element--select--multiple .ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.field-element--select--multiple .ms-drop .ms-no-results {
    display: none;
}


/* Autocomplete results list */
.field-element__ac-results ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.field-element__ac-results {
	background: var(--color-white);
	padding: 10px 15px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--color-grey-04);
	z-index: 800;
	overflow: visible !important;
	font-family: inherit;
	min-width: 100%;
}

.field-element__ac-results:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.field-element__ac-results:after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
    background: none;
    height: auto;
    text-align: left;
    padding: 0;
}
.field-element__ac-results li {
	font-size: 1.5rem;
	padding: 6px 6px 6px 30px;
	line-height: 1.3;
	color: var(--color-grey-10);
	border-top: 1px solid var(--color-grey-01);
	cursor: pointer;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.field-element__ac-results li:first-child {
	border-top: none;
}
.field-element__ac-results li:hover {
	background-color: var(--color-grey-01);
}
.field-element__ac-results li b {
	font-size: 1.7rem;
	color: var(--color-grey-18);
}
.field-element__ac-results span:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 4px;
	left: 1px;
	font-size: 2.6rem;
	color: var(--color-tertiary);
	width: 26px;
	height: 26px;
}
.field-element__ac-results span.town:before {
	content: "\e914";
	font-family: 'icomoon' !important;
}
.field-element__ac-results span.area:before {
	content: "\e90c";
	font-family: 'icomoon' !important;
}


/* ---- Checkboxes and radio buttons ---- */
.field-element.field-element--checkbox,
.field-element.field-element--radio,
.checkbox-list label,
.radio-list label {
    font-size: 1.6rem;
}

.field-element input[type="checkbox"],
.field-element input[type="radio"],
.checkbox-list input[type="checkbox"],
.radio-list input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.field-element input[type="checkbox"] + label,
.field-element input[type="radio"] + label,
.field-element.field-element--small input[type="checkbox"] + label,
.field-element.field-element--select--multiple input[type="checkbox"] + label,
.field-element.field-element--small input[type="radio"] + label,
.checkbox-list label,
.radio-list label {
    padding-left: 34px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.field-element input[type="radio"] + label:before,
.field-element input[type="checkbox"] + label:before,
.field-element.field-element--small input[type="radio"] + label:before,
.field-element.field-element--small input[type="checkbox"] + label:before,
.field-element.field-element--select--multiple input[type="checkbox"] + label:before,
.radio-list label:before,
.checkbox-list label:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 13px;
    position: relative;
    top: 3px;
    background-color: var(--color-grey-01);
    border: 2px solid var(--color-grey-04);
    margin-left: -34px;
}

/* Check and dot */
.field-element input[type="checkbox"]:checked + label:after,
.field-element input[type="radio"]:checked + label:after,
.checkbox-list input[type="checkbox"]:checked + label:after,
.radio-list input[type="radio"]:checked + label:after,
label.label--checkbox-checked:after {
    content: " ";
    position: absolute;
    left: 1px;
    top: 9px;
}


/* Without labels */
.field-element.field-element--checkbox--no-label input[type="checkbox"] + label,
.field-element.field-element--radio--no-label input[type="radio"] + label {
    padding-left: 0;
}

.field-element.field-element--checkbox--no-label input[type="checkbox"] + label:before,
.field-element.field-element--radio--no-label input[type="radio"] + label:before {
    margin-left: 0;
    margin-right: 0;
}

.field-element.field-element--checkbox--no-label input[type="checkbox"]:checked + label:after,
label.label--checkbox-checked:after,
.field-element.field-element--radio--no-label input[type="radio"]:checked + label:after {
    left: 1px;
}

.field-element.field-element.field-element--radio--no-label input[type="radio"]:checked + label:after,
label.label--checkbox-checked:after {
    margin-left: 4px;
}

/* -- Checkboxes -- */

/* Box */
.field-element input[type="checkbox"] + label:before,
.checkbox-list input[type="checkbox"] + label:before {
    border-radius: 4px;
}

/* Check (pseudo element) */
.field-element input[type="checkbox"]:checked + label:after,
.field-element.field-element--small input[type="checkbox"]:checked + label:after,
.field-element.field-element--select--multiple input[type="checkbox"]:checked + label:after,
.checkbox-list input[type="checkbox"]:checked + label:after,
label.label--checkbox-checked:after {
    content: " ";
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
    background-position: top -708px left 1px;
    width: 17px;
    height: 17px;
    margin: -3px 0 0 0px;
}

.field-element.field-element--checkboxlist--columns .field-element__input-set {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

/* -- Radio Buttons -- */

/* Radio button (pseudo element) */
.field-element input[type="radio"] + label:before,
.radio-list input[type="radio"] + label:before {
    border-radius: 50%;
}

/* Radio dot (pseudo element) */
.field-element input[type="radio"]:checked + label:after,
.field-element.field-element--small input[type="radio"]:checked + label:after,
.radio-list input[type="radio"]:checked + label:after {
    left: 7px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: var(--color-grey-18);
}

/* White */
.field-element.field-element--white input[type="checkbox"] + label:before,
.field-element.field-element--white input[type="radio"] + label:before {
    background-color: var(--color-white);
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element input[type="checkbox"] + label:before,
    .field-element input[type="radio"] + label:before,
	.checkbox-list input[type="checkbox"] + label:before,
	.radio-list input[type="radio"] + label:before {
        width: 28px;
        height: 28px;
        margin-right: 13px;
		top: 7px;
		margin-left: -43px;
	}

    .field-element input[type="checkbox"] + label:before,
    .field-element.field-element--small input[type="checkbox"] + label:before,
    .field-element.field-element--select--multiple input[type="checkbox"] + label:before,
    .checkbox-list label:before,
    .field-element input[type="checkbox"] + label:before,
	.checkbox-list input[type="checkbox"] + label:before {
		width: 28px;
		height: 28px;
		margin-right: 13px;
		top: 7px;
		margin-left: -43px;
	}

	.field-element input[type="checkbox"] + label,
	.field-element input[type="radio"] + label,
	.checkbox-list label,
	.radio-list label {
		padding-left: 43px;
	}

    .field-element input[type="checkbox"]:checked + label:after,
	.checkbox-list input[type="checkbox"]:checked + label:after,
	label.label--checkbox-checked:after {
        background-position: top -734px left 2px;
        width: 24px;
        height: 24px;
        margin: 0;
    }

    /* Radio dot (pseudo element) */
    .field-element input[type="radio"]:checked + label:after,
	.radio-list input[type="radio"]:checked + label:after {
        left: 9px;
        top: 16px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--large input[type="checkbox"] + label:before,
    .field-element.field-element--large input[type="radio"] + label:before {
        width: 34px;
        height: 34px;
        margin-right: 16px;
        top: 9px;
    }

    .field-element.field-element--large input[type="checkbox"]:checked + label:after,
    label.label--checkbox-checked:after {
        width: 29px;
        height: 29px;
        margin: 0 0 0 1px;
    }

    /* Radio outer */
    .field-element.field-element--large input[type="radio"]:checked + label:after {
        left: 10px;
        top: 20px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
    }
}

/* ---- Color picker ---- */

/* Small */
.field-element.field-element--colorpicker .textbox.colorpicker,
.field-element.field-element--colorpicker.field-element--small .textbox.colorpicker {
    padding: 2px 7px;
    height: 32px;
    width: 38px;
}

/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element.field-element--colorpicker .textbox.colorpicker {
        padding: 3px 8px;
        height: 42px;
        width: 49px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    .field-element.field-element--colorpicker.field-element--large .textbox.colorpicker {
        padding: 4px 10px;
        height: 50px;
        width: 60px;
    }
}

/* ---- Money ---- */
.field-element.field-element--money .field-input .textbox {
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
    background-position: top -447px left 0;
}

.field-element.field-element--money .field-input {
    position: relative;
}
.field-element.field-element--money .field-input .money-symbol:before {
    content: "\00a4";       /* Generic currency sign */
    position: absolute;
    display: block;
    left: 2px;
    color: var(--color-grey-10);
    font-weight: bold;
    text-align: center;
}
.field-element.field-element--money .field-input .money-symbol--dollar:before {
    content: "$";    /* Dollars */
}
.field-element.field-element--money .field-input .money-symbol--pound:before {
    content: "\00a3";    /* Pounds */
}
.field-element.field-element--money .field-input .money-symbol--yen:before {
    content: "\00a5";    /* Yen */
}
.field-element.field-element--money .field-input .money-symbol--indian_rupee:before {
    content: "\20B9";   /* Indian rupee */
}


/* Small */
.field-element.field-element--money .field-input .textbox,
.field-element.field-element--money.field-element--small .field-input .textbox {
    padding-left: 30px;
}
.field-element.field-element--money .field-input .money-symbol:before,
.field-element.field-element--money.field-element--small .field-input .money-symbol:before {
    top: 4px;
    font-size: 18px;
    width: 30px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.field-element.field-element--money .field-input .textbox {
		padding-left: 43px;
	}
    .field-element.field-element--money .field-input .money-symbol:before {
        top: 10px;
        font-size: 21px;
        width: 41px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    .field-element.field-element--money.field-element--large .field-input .money-symbol:before {
        top: 17px;
    }
}


/* ---- Time pickers ---- */

.field-element.field-element--timepicker .field-input .textbox {
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
    background-position: top -170px left 12px;
}

/* Timepicker modal */
.ui-timepicker {
    display: block;
    position: absolute;
    height: 200px;
    overflow: auto;
    z-index: 9999 !important;
}

.ui-timepicker-standard {
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-06);
    display: block;
    margin: 3px 0 0;
    padding: 5px;
    list-style: none outside none;
    border-radius: 4px;
}

.ui-timepicker-standard a {
    color: var(--color-grey-21);
}

.ui-timepicker-standard .ui-state-hover {
    background-color: var(--color-grey-03);
}

.ui-timepicker-standard .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-timepicker-standard .ui-menu-item a {
    display: block;
    padding: 5px 10px;
    line-height: 1.5;
    text-decoration: none;
    border-radius: 3px;
}

.ui-timepicker-hidden {
    display: none;
}


/* Small */
.field-element.field-element--timepicker .field-input .textbox,
.field-element.field-element--timepicker.field-element--small .field-input .textbox {
    background-position: top -219px left 9px;
    padding-left: 30px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element.field-element--timepicker .field-input .textbox {
        background-position: top -170px left 11px;
        padding-left: 43px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--timepicker.field-element--large .field-input .textbox {
        background-position: top -164px left 11px;
    }
}



/* ---- Date pickers ---- */

/* - Date picker and Date-range picker - */
.field-element.field-element--datepicker .field-input .textbox,
.field-element.field-element--daterangepicker .field-input .textbox {
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
}

/* Small */
.field-element.field-element--datepicker .field-input .textbox,
.field-element.field-element--datepicker.field-element--small .field-input .textbox,
.field-element.field-element--daterangepicker .field-input .textbox,
.field-element.field-element--daterangepicker.field-element--small .field-input .textbox {
    background-position: top -45px left 8px;
    padding-left: 30px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element.field-element--datepicker .field-input .textbox,
    .field-element.field-element--daterangepicker .field-input .textbox {
        background-position: top 12px left 10px;
         padding-left: 43px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--datepicker.field-element--large .field-input .textbox,
    .field-element.field-element--daterangepicker.field-element--large .field-input .textbox {
        background-position: top 19px left 10px;
    }
}


/* - Date/time picker - */
.field-element.field-element--datetimepicker .field-input .textbox,
.field-element.field-element--datetimerangepicker .field-input .textbox {
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
}

/* Small */
.field-element.field-element--datetimepicker .field-input .textbox,
.field-element.field-element--datetimepicker.field-element--small .field-input .textbox,
.field-element.field-element--datetimerangepicker .field-input .textbox,
.field-element.field-element--datetimerangepicker.field-element--small .field-input .textbox {
    background-position: top -134px left 8px;
    padding-left: 30px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element.field-element--datetimepicker .field-input .textbox,
    .field-element.field-element--datetimerangepicker .field-input .textbox {
        background-position: top -87px left 10px;
        padding-left: 43px;
    }
}

/* BP medium */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--datetimepicker.field-element--large .field-input .textbox,
    .field-element.field-element--datetimerangepicker.field-element--large .field-input .textbox {
        background-position: top -80px left 10px;
    }
}

/* Arrive/depart */
.field-element.field-element--daterangepicker--arrive-depart .textbox.textbox--arrive-depart-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 100%;
	min-height: 0;
}
.field-element.field-element--daterangepicker--arrive-depart .field-input .textbox.js--display-value {
	cursor: pointer;
}
.field-element.field-element--daterangepicker--arrive-depart .date {
	display: inline-block;
}
.field-element.field-element--daterangepicker--arrive-depart .date--fake {
	padding: 0;
}
.field-element.field-element--daterangepicker--arrive-depart .date--active {
	padding: 0;
	position: relative;
}
.field-element.field-element--daterangepicker--arrive-depart .date--active:after {
	content: " ";
	height: 2px;
	background-color: var(--color-alternative);
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
}
.field-element.field-element--daterangepicker--arrive-depart .sep {
	display: inline-block;
}


/* Container Appearance */
.daterangepicker {
    position: absolute;
    background: var(--color-white);
    top: 100px;
    left: 20px;
    padding: 15px;
    margin-top: 2px;
    border-radius: 4px;
    width: 90%;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-06);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-06);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.dropup{
    margin-top: -5px;
}

.daterangepicker.dropup:before{
    top: initial;
    bottom:-7px;
    border-bottom: initial;
    border-top: 7px solid var(--color-grey-06);
}

.daterangepicker.dropup:after{
    top: initial;
    bottom:-6px;
    border-bottom: initial;
    border-top: 6px solid var(--color-white);
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 500;
    display: none;
    border: 1px solid var(--color-grey-04);
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .calendar {
    display: none;
    max-width: 300px;
    margin: 0 auto;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

/* Calendars */
.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.daterangepicker .calendar th {
	padding: 17px 0 8px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.daterangepicker .calendar td {
    border: none;
    padding: 5px 8px;
    font-size: 1.2rem;
	font-weight: 500;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    border-collapse: collapse;
}
.daterangepicker td,
.daterangepicker th.available {
    cursor: pointer;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: var(--color-grey-06);
    background: var(--color-white);
    visibility: hidden;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    background-color: var(--color-grey-00);
    color: var(--color-grey-08);
}
.daterangepicker td.disabled:not(.start-half-disabled),
.daterangepicker option.disabled {
    cursor: not-allowed !important;
}

.daterangepicker td.available:hover {
    background: var(--color-grey-18);
    color: var(--color-white);
}

.daterangepicker td.active {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.daterangepicker td.active:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.daterangepicker td.end-date,
.daterangepicker td.start-date,
.daterangepicker td.in-range {
    background: var(--color-primary);
	color: var(--color-white);
}

.daterangepicker td.end-date:hover,
.daterangepicker td.start-date:hover,
.daterangepicker td.in-range:hover {
	background: var(--color-primary-dark);
    color: var(--color-white);
}

.daterangepicker td.end-date {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.daterangepicker td.start-date {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}



/* Half dates */
.daterangepicker td.start-half-disabled {
	background: rgb(252,252,252); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(252,252,252,1) 50%,rgba(239,239,234,1) 51%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(315deg, rgba(252,252,252,1) 50%,rgba(239,239,234,1) 51%);
	background: -o-linear-gradient(315deg, rgba(252,252,252,1) 50%,rgba(239,239,234,1) 51%);
	background: linear-gradient(135deg, rgba(252,252,252,1) 50%,rgba(239,239,234,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Half date disabled - hover and active */
.daterangepicker td.start-half-disabled:hover,
.daterangepicker td.start-half-disabled.active {
	background: rgb(253,191,87); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,191,87,1) 50%,rgba(239,239,234,1) 51%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(315deg, rgba(253,191,87,1) 50%,rgba(239,239,234,1) 51%);
	background: -o-linear-gradient(315deg, rgba(253,191,87,1) 50%,rgba(239,239,234,1) 51%);
	background: linear-gradient(135deg, rgba(253,191,87,1) 50%,rgba(239,239,234,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* Disabled active */
.daterangepicker td.active.disabled,
.daterangepicker td.active.disabled:hover {
    opacity: 0.4;
}

/* Disabled in range */
.daterangepicker td.in-range.disabled,
.daterangepicker td.in-range.disabled:hover {
    opacity: 0.4;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: var(--color-grey-04);
}

.daterangepicker td.available.off:hover,
.daterangepicker th.available.off:hover {
    background-color: var(--color-alternative);
    color: var(--color-grey-18);
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.yearselect,
.daterangepicker select.monthselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    margin-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 62px;
    background-color: var(--color-white);
    outline: none;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 5px 23px 5px 8px;
    border: 2px solid var(--color-grey-01);
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
    background-position: top -349px right -118px;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 40%;
}

.daterangepicker select.yearselect {
    width: 44%;
}

.daterangepicker th.month {
    font-size: 1.6rem;
    text-transform: none;
    font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

/* Previous/Next buttons */
.daterangepicker th.prev .daterangepicker-prev-icon,
.daterangepicker th.next .daterangepicker-next-icon {
    height: 29px;
    display: block;
    margin: 0 auto;
    border: 1px solid var(--color-grey-04);
    border-radius: 4px;
    color: var(--color-grey-10);
    font-size: 1.4rem;
    padding-top: 6px;
}
.daterangepicker th.prev:hover .daterangepicker-prev-icon,
.daterangepicker th.next:hover .daterangepicker-next-icon {
	color: var(--color-alternative);
	border-color: var(--color-alternative);
}

.daterangepicker th.prev .daterangepicker-prev-icon:before,
.daterangepicker th.next .daterangepicker-next-icon:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.daterangepicker th.prev .daterangepicker-prev-icon:before {
	content: "\e902";
}
.daterangepicker th.next .daterangepicker-next-icon:after {
	content: "\e903";
}

.daterangepicker th.prev,
.daterangepicker th.next,
.daterangepicker th.month,
.daterangepicker .calendar-table thead tr:first-child th {
    padding: 0;
}


/* Text Input Above Each Calendar */
.daterangepicker .input-mini {
    border: 2px solid var(--color-grey-01);
    border-radius: 4px;
    color: var(--color-grey-14);
    display: block;
    height: 30px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 5px 15px;
    width: 100%;
    font-size: 1.4rem;
}

.daterangepicker .input-mini.active {
    border-color: var(--color-grey-04);
    background-color: rgb(255, 255, 238);
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 7px;
    color: var(--color-grey-14);
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

/* Time Picker */
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: var(--color-grey-06);
    cursor: not-allowed;
}

/* Predefined Ranges */
.daterangepicker .ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

.daterangepicker .applyBtn {
    background-color: var(--color-utility-positive-dark);
    color: var(--color-white);
}
.daterangepicker .applyBtn:hover,
.daterangepicker .applyBtn:focus {
    background-color: var(--color-utility-positive-dark);
    color: var(--color-white);
}

.daterangepicker .cancelBtn {
    background-color: var(--color-grey-04);
    color: var(--color-grey-21);
}
.daterangepicker .cancelBtn:hover,
.daterangepicker .cancelBtn:focus {
    background-color: var(--color-grey-08);
    color: var(--color-grey-21);
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto 12px;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 1.3rem;
    background: var(--color-grey-03);
    border: 1px solid #f5f5f5;
    color: var(--color-grey-21);
    padding: 4px 12px 3px;
    margin-bottom: 7px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1.2;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: var(--color-utility-neutral);
    border: 1px solid var(--color-utility-neutral);
    color: var(--color-white);
}

/* Static daterangepicker */
.daterangepicker.daterangepicker--static td,
.daterangepicker.daterangepicker--static th.available {
    cursor: default;
}

/* Hide text inputs */
.daterangepicker .daterangepicker_input {
	display: none;
}

.daterangepicker .calendar.left,
.daterangepicker .calendar.right {
	float: none;
}
.daterangepicker .calendar.right .next {
	display: none;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
    .daterangepicker{
        width: auto;
    }

    .daterangepicker .next--mobile {
    	display: none;
    }
    .daterangepicker .calendar.right .next {
    	display: block;
    }

    .daterangepicker .ranges ul {
        width: 160px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }


    .daterangepicker .calendar.left {
        margin: 0;
    }

    .daterangepicker .calendar.left,
	.daterangepicker .calendar.right {
		float: left;
	}

    .daterangepicker.single .ranges,
    .daterangepicker.single .calendar{
        float:left;
    }

    .daterangepicker .calendar.right {
        margin: 0;
    }

    .daterangepicker .left .daterangepicker_input {
        padding-right: 15px;
    }
    .daterangepicker .calendar {
    	float: left;
    }

    .daterangepicker .calendar.left .calendar-table {
        padding-right: 8px;
        border-right: 2px solid var(--color-grey-01);
    }
    .daterangepicker.single .calendar.left .calendar-table {
		border-right: none;
		padding-right: 0;
	}
    .daterangepicker .calendar.right .calendar-table {
        padding-left: 8px;
    }


}

/* BP small */
@media screen and (min-width: 48.063em) { /* 769px */
    .daterangepicker .ranges {
        width: auto;
        float: left;
    }

    .daterangepicker .calendar.left {
        margin: 0;
    }
}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.daterangepicker .calendar td {
		padding: 7px 11px;
	}
}

/* ---- Total selector ---- */
.field-element--total-selector__output {
	position: relative;
}
.field-element--total-selector__output .field-input input {
	cursor: pointer;
    background-image: url(../images/form-icons_v2.svg);
    background-repeat: no-repeat;
}

/* Small */
.field-element.field-element--total-selector .field-element--total-selector__output .field-input input,
.field-element.field-element--total-selector .field-element--small .field-element--total-selector__output .field-input input {
    background-position: top -347px right -112px;
}
.field-element--total-selector .field-element--total-selector__output .field-input input,
.field-element.field-element--total-selector.field-element--small .field-element--total-selector__output .field-input input {
    padding-right: 22px;
}


/* Responsive */
/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
    .field-element.field-element--total-selector .field-element--total-selector__output .field-input input {
        background-position: top -262px right -99px;
        padding-right: 40px;
    }
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
    /* Large */
    .field-element.field-element--total-selector.field-element--large .field-element--total-selector__output .field-input input {
        background-position: top -255px right -99px;
    }
}



.field-element--total-selector__dropdown {
	position: absolute;
	background: var(--color-white);
	top: 100%;
	left: 0;
	right: 0;
	padding: 20px 25px;
	margin-top: 2px;
	border-radius: 4px;
	z-index: 800;
	border: 1px solid var(--color-grey-04);
	display: none;
	white-space: nowrap;
}
.field-element--total-selector.field-element--total-selector--active .field-element--total-selector__dropdown {
	display: block;
}
.field-element--total-selector__dropdown:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.field-element--total-selector__dropdown:after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
}

.total-selector__dropdown__field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 0 11px;
}
.total-selector__dropdown__field:last-child {
	margin-bottom: 0;
}
.total-selector__dropdown__field__labels {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.total-selector__dropdown__field__buttons {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
}
.total-selector__dropdown__field__button {
	-webkit-appearance: none;
	border: 1px solid var(--color-grey-04);
	border-radius: 4px;
	outline: none;
	background: none;
	padding: 0;
	height: 29px;
	width: 32px;
	color: var(--color-grey-10);
	cursor: pointer;
	font-size: 1.4rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	transition:
		color 150ms ease,
		background-color 150ms ease,
		border 150ms ease;
}
.total-selector__dropdown__field__button:focus {
	color: var(--color-grey-08);
	border-color: var(--color-grey-08);
}
.total-selector__dropdown__field__button:hover {
	color: var(--color-white);
	border-color: var(--color-primary);
	background-color: var(--color-primary);
}

/* Min / max */
.total-selector__dropdown__field__button.total-selector__dropdown__field__button--min,
.total-selector__dropdown__field__button.total-selector__dropdown__field__button--max {
	opacity: 0.5;
	pointer-events: none;
	color: var(--color-grey-10);
	border-color: var(--color-grey-04);
}

.total-selector__dropdown__field__total {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 3px 5px;
	width: 50px;
	text-align: center;
	font-size: 1.8rem;
}
.total-selector__dropdown__field__labels p {
	display: inline-block;
	margin-right: 8px;
}
.total-selector__dropdown__field__labels__title {
	font-weight: 500;
	margin: 0;
	font-size: 1.8rem;
}
.total-selector__dropdown__field__labels__helper {
	margin: 0;
	font-size: 1.7rem;
}
.field-element--total-selector__fields {
	display: none;
}

/* Done button */
.total-selector__dropdown__close__button-wrap {
	text-align: right;
	padding-top: 10px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.field-element--total-selector__dropdown {
		right: auto;
	}
	.total-selector__dropdown__field__labels p {
		display: block;
		margin-right: 28px;
	}
	.total-selector__dropdown__field {
		margin: 0 0 23px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	/* Don't really need this close button above tablet */
	.total-selector__dropdown__close__button-wrap {
		display: none;
	}
}


/* ---- Location + distance field ---- */
.field-element.field-element--location-distance .location-distance__fields {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.field-element.field-element--location-distance .location-distance__location {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.field-element.field-element--location-distance .location-distance__location .textbox {
	border-radius: 4px 0 0 4px;
}
.field-element.field-element--location-distance .location-distance__distance {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 110px;
	    -ms-flex: 0 0 110px;
	        flex: 0 0 110px;
}
.field-element.field-element--location-distance .location-distance__distance .dropdown {
	border-radius: 0 4px 4px 0;
}
.field-element.field-element--location-distance .location-distance__fields:before {
	content: " ";
	width: 1px;
	position: absolute;
	top: 7px;
	bottom: 7px;
	right: 110px;
	background: var(--color-grey-10);
	display: block;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.field-element.field-element--location-distance .location-distance__fields:before {
		top: 12px;
		bottom: 12px;
		right: 150px;
	}
	.field-element.field-element--location-distance .location-distance__distance {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 150px;
			-ms-flex: 0 0 150px;
				flex: 0 0 150px;
	}
}


/* ---- Autocomplete ---- */
.ui-autocomplete {
    list-style: none;
    background: var(--color-white);
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--color-grey-06);
    border-radius: 4px;
    padding: 3px 0;
    margin: 0;
}
.ui-autocomplete .ui-menu-item {
    padding: 5px 11px;
    cursor: pointer;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
    padding: 5px 11px;
    background: var(--color-utility-neutral);
    color: var(--color-white);
}


/* ---- Google Address autocomplete ---- */
/*
	NOTE:
	likely to be legacy code as of 12/09/2019
	replaced with addressify
	confirm the classes mentioned in 'touristBookingSeleniumTest.php' are superfluous
	then remove
*/
.pac-container {
	background: var(--color-white);
	padding: 10px 15px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--color-grey-04);
	z-index: 800;
	overflow: visible !important;
	font-family: inherit;
}
.pac-container:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.pac-item:first-child:before {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
    background: none;
    height: auto;
    text-align: left;
    padding: 0;
}
.pac-container:after {
    content: "";
	padding: 1px 1px 1px 0;
	height: 16px;
	text-align: right;
	display: block;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px;
}
.pac-item {
	font-size: 1.5rem;
	padding: 6px;
	line-height: 1.3;
	color: var(--color-grey-10);
	border-top: 1px solid var(--color-grey-01);
	cursor: pointer;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pac-item:first-child {
	border-top: none;
}
.pac-item:hover {
	background-color: var(--color-grey-01);
}
.pac-item-query {
	font-size: 1.7rem;
	padding-right: 6px;
	color: var(--color-grey-18);
}
.pac-icon {
	background: none !important;
	font-size: 2.6rem;
	color: var(--color-tertiary);
	width: 17px;
	height: 21px;
	margin: 0 9px 0 0;
	position: relative;
}
.pac-icon:before {
	content: "\e914";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: -2px;
	left: -5px;
}
.pac-matched {
	font-weight: bold;
}

/* ---- Addressify Autocomplete ---- */
.address-auto-anchor {
	position: relative;
}

.search-result-options-container {
	/* [ 01 ] */
	position: absolute;
	top: calc(100% - 45px);
	left: 0;
	width: 100%;
	z-index: 1000;
	background: var(--color-white);
	border-radius: 4px;
	border: 1px solid var(--color-grey-04);
	z-index: 800;
	overflow: visible !important;
	font-family: inherit;
	box-shadow: 0 8px 16px rgba(0,0,0,0.4), 0 0 8px rgba(0,0,0,0.2);
}

.search-result-options {
	position: relative;
}

.search-result-options:before {
    position: absolute;
    top: -7px;
    left: 14px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--color-grey-04);
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.search-result-options:after {
    position: absolute;
    top: -6px;
    left: 15px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid transparent;
    content: '';
    background: none;
    height: auto;
    text-align: left;
    padding: 0;
}

.search-result-options-container.hidden {
	display: none;
}

.search-result-options > *:first-child {
	position: relative;
}

.result-option {
	display: block;
	position: relative;
	padding-left: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--color-grey-10);
	border-top: 1px solid var(--color-grey-01);
	cursor: pointer;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

:where(.bg-grey) .search-result-options a.result-option {
    color: var(--color-grey-18);
}

.result-option:hover,
.result-option:focus {
	background-color: var(--color-grey-01);
}

:where(.bg-grey) .search-result-options a.result-option:hover,
:where(.bg-grey) .search-result-options a.result-option:focus {
    color: var(--color-grey-18);
}


.result-option:first-child {
	border-top: none;
}

.result-option:after {
	content: "\e914";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: var(--color-tertiary);
	font-size: 2.6rem;
	width: 17px;
	height: 21px;
	line-height: 1;
	position: absolute;
	top: 6px;
	left: 5px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.search-result-options-container {
		top: calc(100% - 11px);
		width: calc(100% - 210px);
	}
}

@media only screen and (min-width: 62em) {
	.search-result-options-container {
		top: calc(100% - 19px);
		width: calc(100% - 282px);
	}
}

/* ---- Lightweight elements ---- */
.field-element--lightweight {
    margin: 0;
}


/* ---- TinyMCE tweaks ---- */
.mce-panel {
    border-color: var(--color-grey-06) !important;
}
.mce-toolbar-grp,
.mce-flow-layout {
    background-color: var(--color-grey-03) !important;
}
.mce-tinymce{
    border-radius: 5px !important;
    overflow: hidden !important;
}
.mce-btn {
    border: 1px solid var(--color-grey-03) !important;
    background-color: var(--color-grey-03) !important;
}
.mce-btn:hover,
.mce-btn:focus{
    color: var(--color-grey-19);
    background-color: var(--color-grey-04) !important;
    border-color: var(--color-grey-06) !important;
}
.mce-btn.mce-active,
.mce-btn.mce-active:hover{
    background-color: var(--color-grey-06) !important;
    border-color: var(--color-grey-08) !important;
}
.mce-btn:active{
    background-color:var(--color-grey-03) !important;
    border-color: var(--color-grey-06) !important;
}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
    background-color: var(--color-utility-neutral) !important;
    color: var(--color-white) !important;
}


/* ---- Submit Bar ---- */
.submit-bar {
    text-align: right;
    margin: 15px 0;
}

.sidebar .submit-bar {
    padding: 10px 0;
}

.submit-bar a,
.submit-bar .button {
    margin-right: 20px;
    margin-bottom: 12px;
}
.submit-bar a:last-child,
.submit-bar .button:last-child {
	margin-right: 0;
}

/* ---- Search Form ---- */
.site-search-form {
    margin: 0 0 40px;
}
.search-result {
    border-top: 1px solid var(--color-grey-06);
    margin: 20px 0;
    padding: 20px 0;
}
.search-result p:last-child {
    margin-bottom: 0;
}


/* ---- Search pagination ---- */
.search-paginate {
    padding: 10px 0;
    text-align: center;
}
.search-paginate .page-prev {
    margin: 0 8px 0 0;
}
.search-paginate .page {
    padding: 2px 9px;
    margin: 0 3px;
    background: var(--color-grey-03);
    border: 1px var(--color-tangelo) solid;
    text-decoration: none;
}
.search-paginate .page.on {
    color: var(--color-black);
    border-color: var(--color-black);
}
.search-paginate .page-next {
    margin: 0 0 0 8px;
}


/* ---- Captcha ---- */
.captcha {
    background-color: var(--color-grey-00);
    padding: 10px;
    width: 100%;
    border: 1px solid #D7D7D7;
}

.captcha .captcha-info, .captcha .info {
    float: right;
    padding-bottom: 8px;
}
.captcha .captcha-info, .captcha .info a {
    text-decoration: none;
}
.captcha .captcha-info .captcha-icon {
    width: 16px;
    height: 16px;
    margin-bottom: 16px;
}

.captcha .captcha-img {
    width: 200px;
    margin-bottom: 10px;
}

.captcha .captcha-input {
    width: 200px;
}

/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

/* ---- Content tables & Form section tables & Checkbox list tables (shared styles) ---- */
.table--content-standard {
	width: 100%;
	margin: 2rem 0 3rem;
	border-collapse: collapse;
	color: var(--color-grey-18);
}
.table--content-standard caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--content-standard th {
	font-weight: bold;
	background-color: var(--color-grey-01);
	font-size: 1.7rem;
}
.table--content-standard td {
	background-color: var(--color-white);
}
.table--content-standard th,
.table--content-standard td {
	border: 1px solid #D7D7D7;
	padding: 12px 15px;
	text-align: left;
}


:where(.bg-grey) .table--content-standard th {
	background-color: var(--color-white);
}
:where(.bg-grey) .table--content-standard td {
	background-color: var(--color-grey-01);
}


/* ---- Content tables ---- */

/* Small */
.table--content-standard.table--content-small {
	font-size: 1.3rem;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small td {
	padding: 5px 10px;
}
.table--content-standard.table--content-small th {
	font-size: 1.4rem;
}

/* ---- Total table ---- */
.total-table {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 14px;
	font-size: 1.5rem;
}
.total-table tr {
	border-bottom: 1px solid var(--color-grey-04);
}
.total-table tr:last-child {
	border-bottom: none;
}
.total-table__membership-discount {
	color: var(--color-utility-positive-dark);
}
.total-table--border-top tr {
	border-top: 1px solid var(--color-grey-04);
	border-bottom: 1px solid var(--color-grey-04);
}
.total-table th,
.total-table td {
	padding: 6px 0;
	vertical-align: top;
}
.total-table th {
	text-align: left;
	font-weight: normal;
}
.total-table td {
	text-align: right;
}
.total-table__total-row th,
.total-table__total-row td {
	font-weight: bold;
}
.total-table__total-row__sub-text {
	font-weight: normal;
	color: var(--color-grey-14);
	font-size: smaller;
	white-space: nowrap;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.total-table {
		margin: 8px 0 20px;
	}
	.total-table tr:last-child {
		border-bottom: 1px solid var(--color-grey-04);
	}
	.total-table th,
	.total-table td {
		padding: 8px 0;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.total-table {
		font-size: 1.6rem;
		margin-top: 11px;
		margin-bottom: 30px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.total-table {
		font-size: 1.8rem;
		margin-bottom: 40px;
	}
}

/* ---- Invisible table ---- */
/* hidden table */
/* table plain text */
.table-invis {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 14px;
	font-size: 1.5rem;
}
.table-invis tr {
	border: none;
}
.table-invis tr:last-child {
	border-bottom: none;
}
.table-invis th,
.table-invis td {
	padding: 2px 0;
	vertical-align: top;
}
.table-invis th {
	text-align: left;
	font-weight: bold;
	padding-right: 8px;
}
.table-invis td {
	text-align: left;
}
.table-invis__total-row th,
.table-invis__total-row td {
	font-weight: bold;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.table-invis {
		margin: 8px 0 20px;
	}
	.table-invis.tbl-2-cols th {
		width: 240px;
	}
}

@media screen and (max-width: 48em) {/*  768px */
	.table-invis.tbl-2-cols th {
		width: 320px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.table-invis {
		font-size: 1.6rem;
		margin-top: 11px;
		margin-bottom: 30px;
	}
	.table-invis.tbl-2-cols th {
		width: 260px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.table-invis {
		font-size: 1.8rem;
		margin-bottom: 40px;
	}

	.table-invis.tbl-2-cols th {
		width: 50%;
	}
}

.table-invis--vert-spaced th,
.table-invis--vert-spaced td {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* ---- Form section tables ---- */
.form-section {
	text-align: left;
	margin: 20px 0 30px;
}
.form-section .s {
	font-weight: normal;
	font-size: 1.3rem;
}

.form-section .textbox,
.form-section select {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 24px;
}

/* file upload in form table */
.form-section .file-upload {
	display: block;
	margin-top: 10px;
}

.form-section .file-upload .field-label {
	margin-bottom: 0;
}

.file-upload__size {
	margin-bottom: 4px;
	font-size: 1.4rem;
}

.form-section input.upload {
	margin-bottom:2em;
}

.form-section,
.form-section > tbody,
.form-section > tbody > tr,
.form-section > tbody > tr > th,
.form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.form-section > tbody > tr > td,
.form-section > tbody > tr > th {
	padding: 0;
}
.form-section > tbody > tr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}
.form-section > tbody > tr > th:first-child {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	    -ms-flex-order: 0;
	        order: 0;
	text-align: left;
}
.form-section label {
	display: block;
}
.form-section > tbody > tr > th {
	margin-bottom: 0;
}
.form-section > tbody > tr > td {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}
.form-section > tbody > tr > td.field-info {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
	text-transform: uppercase;
	font-size: 1.4rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.form-section > tbody > tr > td.field-info .field-error {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Checkbox/radio list */
.checkbox-list,
.radio-list {
	width: 100%;
	margin: 20px 0;
}
.checkbox-list td.check,
.radio-list td.check {
	padding: 0;
}

/* Field errors */
.field-error {
	display: block;
	margin: 0 0 25px;
	background: var(--color-utility-negative-dark);
	color: var(--color-white);
	border-left: 4px solid var(--color-utility-negative);
	padding: 10px 20px;
}

/* ---- Responsive table ---- */
table.responsive {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
}

/* ---- No Styles Table ---- */
.table__no-styles {
	border-collapse: separate;
	border: none;
	background: none;
	min-width: 0;
}

.table__no-styles th,
div:not(.widget) > table.table__no-styles th,
.table__no-styles td,
div:not(.widget) > table.table__no-styles tr:nth-child(odd) td {
	padding: 0;
	border: 0;
	background: none;
}


/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Large text ---- */
.text-large {
	font-size: 1.9rem;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.text-large {
		font-size: 2.1rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.text-large {
		font-size: 2.4rem;
	}
}


/* ---- Word break ---- */
.word-break--break-all {
	word-break: break-all;
}

/* ---- Caption text ---- */
.caption-text {
	font-family: 'Archer-Semibold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.2;
}
.caption-text:before {
	content: "@";
	display: block;
}

.caption-text.no-before-at:before {
	display: none;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.caption-text {
		font-size: 1.6rem;
	}
}

/* ---- Text Align ---- */
.text-align--left {
	text-align: left;
}
.text-align--center--xs {
	text-align: center;
}
.text-align--right--xs {
	text-align: right;
}

/* BP Small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.text-align--left--sm {
		text-align: left;
	}
	.text-align--center--sm {
		text-align: center;
	}
	.text-align--right--sm {
		text-align: right;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.text-align--left--sm {
		text-align: left;
	}
	.text-align--center--sm {
		text-align: center;
	}
	.text-align--right--sm {
		text-align: right;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.text-align--left--md {
		text-align: left;
	}
	.text-align--center--md {
		text-align: center;
	}
	.text-align--right--md {
		text-align: right;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.text-align--left--lg {
		text-align: left;
	}
	.text-align--center--lg {
		text-align: center;
	}
	.text-align--right--lg {
		text-align: right;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.text-align--left--lg {
		text-align: left;
	}
	.text-align--center--lg {
		text-align: center;
	}
	.text-align--right--lg {
		text-align: right;
	}
}

/* BP Extra Large */
@media only screen and (min-width: 100em) { /* 1600px */
	.text-align--left--lg2 {
		text-align: left;
	}
	.text-align--center--lg2 {
		text-align: center;
	}
	.text-align--right--lg2 {
		text-align: right;
	}
}

/* ---- Clearfix ---- */

.clear {
	height: 0;
	clear: both;
	display: block;
}

.-clearfix:before,
.-clearfix:after {
	content: " ";
	display: table;
}

.-clearfix:after {
	clear: both;
}


/* Image Replacement */
.-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}

.-ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.-hidden {
	display: none !important;
	visibility: hidden;
}

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

.-vis-hidden.focusable:active,
.-vis-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* BP MAX Extra small */
@media only screen and (max-width: 37.5em) { /* 600px */
	.-vis-hidden-xs {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
}

.-invisible {
	visibility: hidden;
}

/* Angle Brackets */
.-r-arrow-after:after {
	content: "\00a0\003e";
}
.-r-arrow-before:before {
	content: "\003e\00a0";
}
.-l-arrow-after:after {
	content: "\00a0\003c";
}
.-l-arrow-before:before {
	content: "\003c\00a0";
}

/* Ellipsis */
.ellipsis-2:after {
	content: "..";
}
.ellipsis-3:after {
	content: "...";
}

/* ---- Floats and positioning ---- */

.left,
.right,
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.left {
		margin: 0 35px 25px 0;
		float: left;
	}
	.right {
		margin: 0 0 25px 35px;
		float: right;
	}
}

/* ---- Split text box ---- */
.split-text-box {
	margin: 0 0 15px;
}

.split-text-box__title {
	font-size: 1.7rem;
	margin-bottom: 0;
}
.split-text-box__info {
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 0;
}
.split-text-box__info a {
	text-decoration: none;
}
.split-text-box__info a:hover,
.split-text-box__info a:focus {
	text-decoration: underline;
}
.split-text-box__hours {
	margin-top: 10px;
}
.section--booking-support .split-text-box-group {
	text-align: center;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.section--booking-support .split-text-box-group {
		text-align: left;
	}
	.split-text-box {
		margin: 10px 0 25px;
		border-right: 2px dashed var(--color-primary-pale);
	}
	.split-text-box:first-child {
		text-align: right;
	}
	.split-text-box:last-child {
		border-right: none;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.split-text-box__title {
		font-size: 2rem;
	}
	.split-text-box__info {
		font-size: 2.8rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.split-text-box__title {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.split-text-box__info {
		font-size: 3.2rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.split-text-box {
		margin: 15px 0 40px;
	}
	.split-text-box__title {
		font-size: 2.4rem;
	}
	.split-text-box__info {
		font-size: 3.8rem;
	}
}


/* ---- Hang content ---- */
.hang-content {
	position: relative;
	margin: 8px 0 20px;
}
.hang-content__title-wrap {
	border-bottom: 1px solid var(--color-grey-04);
	padding: 0 0 8px;
}
.hang-content__title {
	margin: 0;
	text-transform: uppercase;
	color: var(--color-grey-10);
	font-size: 1.6rem;
	font-weight: 500;
}
.hang-content__text {
	padding-top: 12px;
}


.hang-content--no-title .hang-content__text {
	border-top: none;
}
.hang-content--no-title {
	border-top: 1px solid var(--color-grey-04);
	padding-top: 0;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.hang-content {
		margin-top: 10px;
		margin-bottom: 25px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.hang-content__text {
		padding-top: 20px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.hang-content__title {
		width: 140px;
		text-align: right;
	}
	.left-offset,
	.hang-content__text {
		margin-left: 140px;
	}
	.hang-content__text {
		padding-top: 30px;
	}
	.hang-content {
		margin-top: 20px;
		margin-bottom: 50px;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.hang-content__title {
		width: 165px;
	}
	.left-offset,
	.hang-content__text {
		margin-left: 165px;
	}
}

/* ---- Left offset content sections ---- */
/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.content-offset {
		margin-left: 2em;
	}
}

/* ---- Promo titles ---- */
.promo-title {
	font-family: 'BrandonPrinted-Two', Helvetica, Arial, sans-serif;
	font-weight: normal;
}


/* ---- Site Messages ---- */
ul.messages {
	list-style: none;
	margin: 24px 0 25px;
	padding: 0;
}
ul.messages .error {
	background: var(--color-utility-negative-dark);
	border-left: 4px solid var(--color-utility-negative);
	color: var(--color-white) !important;
}
ul.messages .warning {
	background: var(--color-utility-negative-dark);
	border-left: 4px solid var(--color-utility-negative);
	color: var(--color-white) !important;
}
ul.messages .confirm {
	color: var(--color-white) !important;
	background: var(--color-utility-positive-dark);
	border-left: 4px solid var(--color-utility-positive);
}
ul.messages li {
	margin: 0 0 15px;
	padding: 8px 15px;
	vertical-align: bottom;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.2em;
}
ul.messages .error a {
	color: var(--color-white) !important;
}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	ul.messages li {
		margin: 0 0 15px;
		padding: 10px 20px;
		font-size: 1.6rem;
	}
}


/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

* {
	margin: 0;
}

html,
body {
	background: var(--color-secondary);
	height: 100%;
}

#wrap {
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	overflow: hidden;
	-webkit-transition: padding-top 400ms ease 350ms;
	-o-transition: padding-top 400ms ease 350ms;
	transition: padding-top 400ms ease 350ms;

	/* allow for extreme zoom or giant screens */
	max-width: 3000px;
}

.header-inactive #wrap {
	padding-top: 0;
}
.header-unfixed #wrap {

}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	#wrap {
		padding-top: 66px;
		background: var(--color-grey-01);
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	html,
	body {
		background: var(--color-grey-01);
	}
	#wrap {
		padding-top: 104px;
	}
}


/* ---- Container ---- */

.container {
	width: 90%;
	margin: 0 auto;
}

/* Wide */
.container.container--wide {
	width: auto;
}

.container.container--padded {
	padding-left: 25px;
	padding-right: 25px;
}


/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.container,
	.container.container--regular--sm2 {
		width: 660px;
	}
	.container.container--wide--sm2 {
		width: auto;
	}
	.container.container--regular--sm2 {
		padding-left: 0;
		padding-right: 0;
	}
	.container.container--padded--sm2 {
		padding-left: 25px;
		padding-right: 25px;
	}
	.container.container--not-padded--sm2 {
		padding-left: 0;
		padding-right: 0;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.container,
	.container.container--regular--sm2,
	.container.container--regular--md {
		width: 880px;
	}
	.container.container--wide--md {
		width: auto;
	}
	.container.container--regular--md {
		padding-left: 0;
		padding-right: 0;
	}
	.container.container--padded--md {
		padding-left: 25px;
		padding-right: 25px;
	}
	.container.container--not-padded--md {
		padding-left: 0;
		padding-right: 0;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.container,
	.container.container--regular--sm2,
	.container.container--regular--md,
	.container.container--regular--lg {
		width: 1160px;
	}
	.container.container--wide--lg {
		width: auto;
	}
	.container.container--regular--lg {
		padding-left: 0;
		padding-right: 0;
	}
	.container.container--padded--lg {
		padding-left: 25px;
		padding-right: 25px;
	}
	.container.container--not-padded--lg {
		padding-left: 0;
		padding-right: 0;
	}
}



/* ---- Sections ---- */
.section,
.section-padding {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

/* Small */
.section--small {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Large */
.section--large {
    padding-top: 40px;
    padding-bottom: 40px;
}


/* No padding */
.section.section--no-padding {
	padding-top: 0;
	padding-bottom: 0;
}

@media screen and (min-width: 23.75em) { /* 380px */
    .section,
	.section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section--small {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section--large {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section,
	.section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section--small {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section--large {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	.section--borders {
		border-left: 25px solid var(--color-secondary);
		border-right: 25px solid var(--color-secondary);
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section,
	.section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section--small {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .section--large {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}


/* ---- Background colours ---- */

/* White */
.bg-white {
	background-color: var(--color-white);
	color: var(--color-grey-18);
}
:where(.bg-white) a:not(.button),
:where(.bg-white) .text-link {
	color: var(--color-primary);
}
:where(.bg-white) a:not(.button):hover,
:where(.bg-white) a:not(.button):focus,
:where(.bg-white) .text-link:hover,
:where(.bg-white) .text-link:focus {
	color: var(--color-tangelo);
}

/* Dark grey */
.bg-dark-grey {
	background-color: var(--color-grey-18);
	color: var(--color-white);
}
:where(.bg-dark-grey) a:not(.button) {
	color: var(--color-white);
}
:where(.bg-dark-grey) a:not(.button):hover,
:where(.bg-dark-grey) a:not(.button):focus {
	color: var(--color-white);
}

/* Grey */
.bg-grey {
	background-color: var(--color-grey-01);
	color: var(--color-grey-18);
}
:where(.bg-grey) a:not(.button),
.bg-grey .text-link {
	color: var(--color-primary);
}
:where(.bg-grey) a:not(.button):hover,
:where(.bg-grey) a:not(.button):focus,
:where(.bg-grey) .text-link:hover,
:where(.bg-grey) .text-link:focus {
	color: var(--color-tangelo);
}

.bg-grey .slide-toggle:after {
    background-image: url(../images/icon_arrow-st--grey.svg);
}

.bg-grey .button.slide-toggle:after {
    background-image: url(../images/icon_arrow-st.svg);
}

/* Green */
.bg-green {
	background-color: var(--color-utility-positive);
	color: var(--color-white);
}
:where(.bg-green) a:not(.button),
:where(.bg-green) .text-link {
	color: var(--color-white);
}
:where(.bg-green) a:not(.button):hover,
:where(.bg-green) a:not(.button):focus,
:where(.bg-green) .text-link:hover,
:where(.bg-green) .text-link:focus {
	color: var(--color-white);
}

/* Orange */
.bg-orange {
	background-color: var(--color-primary);
	color: var(--color-white);
}
:where(.bg-orange) a:not(.button) {
	color: var(--color-white);
}
:where(.bg-orange) a:not(.button):hover,
:where(.bg-orange) a:not(.button):focus {
	color: var(--color-grey-00);
}
.bg-orange + .bg-orange {
	border-top: 2px solid var(--color-secondary);
}

.bg-dark-orange {
	background-color: var(--color-primary-dark);
	color: var(--color-white);
}
:where(.bg-dark-orange) a:not(.button) {
	color: var(--color-white);
}
:where(.bg-dark-orange) a:not(.button):hover,
:where(.bg-dark-orange) a:not(.button):focus {
	color: var(--color-grey-00);
}

/* Light orange */
.bg-light-orange {
	background-color: var(--color-alternative);
	color: var(--color-grey-18);
}
:where(.bg-light-orange) a:not(.button) {
	color: var(--color-grey-18);
}
:where(.bg-light-orange) a:not(.button):hover,
:where(.bg-light-orange) a:not(.button):focus {
	color: var(--color-grey-12);
}

/* Dark blue */
.bg-dark-blue {
	background-color: var(--color-quaternary);
	color: var(--color-white);
}
:where(.bg-dark-blue) a:not(.button) {
	color: var(--color-white);
}
:where(.bg-dark-blue) a:not(.button):hover,
:where(.bg-dark-blue) a:not(.button):focus {
	color: var(--color-pale-blue);
}

/* Darker blue */
.bg-darker-blue {
	background-color: var(--color-quaternary);
}

/* Light blue */
.bg-light-blue {
	background-color: var(--color-tertiary);
	color: var(--color-white);
}
:where(.bg-light-blue) a:not(.button) {
	color: var(--color-white);
}
:where(.bg-light-blue) a:not(.button):hover,
:where(.bg-light-blue) a:not(.button):focus {
	color: var(--color-pale-blue-01);
}

/* Sand */
.bg-secondary {
	background-color: var(--color-secondary);
}

.bg-secondary-dark {
	background-color: var(--color-secondary-dark);
}

/* Transparent */
.bg-transparent {
	background-color: transparent;
	color: var(--color-grey-18);
}
:where(.bg-transparent) a:not(.button),
:where(.bg-transparent) .text-link {
	color: var(--color-primary);
}
:where(.bg-transparent) a:not(.button):hover,
:where(.bg-transparent) a:not(.button):focus,
:where(.bg-transparent) .text-link:hover,
:where(.bg-transparent) .text-link:focus {
	color: var(--color-tangelo);
}

/* Forceful + angry error messages */
.bg-error {
	background-color: #E04D4D !important;
	color: #FFF;
}

/* ---- Heading sidetext ---- */
.heading-center-sidetext-wrapper {
	position: relative;
}
.heading-center-sidetext-wrapper .heading-center {
	padding: 0 200px;
}
.heading-center-sidetext {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.2rem;
	font-weight: 500;
}
.heading-center-sidetext-highlight {
	color: var(--color-quaternary);
}
.heading-center-sidetext-highlight:before {
	margin-right: 8px;
}

/* ---- Magnific inline ---- */
.magnific-inline__title {
	border-bottom: 1px dotted var(--color-grey-10);
	cursor: pointer;
	display: inline-block;
}
.magnific-inline__content {
	display: none;
}
.magnific-inline__title:hover {
	opacity: 0.9;
}

/* Grey */
:where(.bg-grey) .magnific-inline__title {
	border-bottom-color: var(--color-grey-10);
}

/* Dark blue */
:where(.bg-dark-blue) .magnific-inline__title {
	border-bottom-color: var(--color-tertiary);
}

/* Light blue */
:where(.bg-light-blue) .magnific-inline__title {
	border-bottom-color: var(--color-grey-08);
}

/* Orange */
:where(.bg-orange) .magnific-inline__title {
	border-bottom-color: var(--color-primary-pale);
}

/* ---- Tooltips ---- */
.tooltip,
.tt5 {
	position: relative;
}

.tooltip__title {
	position: relative;
	z-index: 1;
    opacity: 1;
    transition: all 100ms ease-in-out;
}
.tooltip__title a,
.tooltip__title a:not(.button) {
	color: inherit;
}
.tooltip__title a:not(.button):hover,
.tooltip__title a:not(.button):focus {
	color: var(--color-black);
}
.tooltip:hover .tooltip__title {
    opacity: 0.7;
}
.tooltip__content,
.tt5c {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: var(--color-grey-18);
	max-width: 270px;
	min-width: 120px;
	padding: 10px 10px;
	font-size: 1.1rem;
	border-radius: 4px;
	margin-top: 7px;
	text-align: center;
	pointer-events: none;
	color: var(--color-white);
	z-index: 98;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	white-space: normal;
	text-transform: none;
}
.tooltip__content small {
	font-size: 1.1rem;
}
.tooltip__content:before,
.tt5c:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent var(--color-grey-18) transparent;
}


.tooltip--wide .tooltip__content {
	max-width: 600px;
	min-width: 250px;
}

.tooltip__content__line {
	margin-bottom: 8px;
	display: block;
}
.tooltip__content__line:last-child {
	margin-bottom: 0;
}

/* Center align */
.tooltip.tooltip--center .tooltip__content,
.tt5 .tt5c {
	left: 50%;
    margin-right: -50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.tooltip.tooltip--center .tooltip__content:before,
.tt5 .tt5c:before {
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* Right align */
.tooltip.tooltip--right .tooltip__content {
	right: 0;
	left: auto;
}
.tooltip.tooltip--right .tooltip__content:before {
	right: 14px;
	left: auto;
}

/* Up */
.tooltip.tooltip--up .tooltip__content,
.tt5 .tt5c {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 7px;
}
.tooltip.tooltip--up .tooltip__content:before,
.tt5 .tt5c:before {
	border-width: 5px 5px 0 5px;
	border-color: var(--color-grey-18) transparent transparent transparent;
	top: 100%;
}


/* Tooltips stay visible below tablet */
.tooltip--button.tooltip--tablet:hover .tooltip__content,
.tooltip--tablet .tooltip__title:hover + .tooltip__content,
.tooltip.tooltip--open.tooltip--tablet .tooltip__content,
.tt5:hover .tt5c {
	display: block;
	-webkit-animation: fadeIn 200ms ease;
			animation: fadeIn 200ms ease;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}
.tooltip--tablet .tooltip__info-icon {
	display: inline-block;
}
.tooltip--tablet .tooltip__title {
	border-bottom: 1px dotted var(--color-grey-10);
	cursor: pointer;
}
button.tooltip--tablet .tooltip__title {
	border-bottom: none;
}
/* Transition up */
.tooltip--button.tooltip--transition-up.tooltip--tablet:hover .tooltip__content,
.tooltip--tablet.tooltip--transition-up .tooltip__title:hover + .tooltip__content,
.tooltip.tooltip--open.tooltip--tablet.tooltip--transition-up .tooltip__content {
	-webkit-animation-name: fadeInUpMargin;
			animation-name: fadeInUpMargin;
}
/* Transition down */
.tooltip--button.tooltip--transition-down.tooltip--tablet:hover .tooltip__content,
.tooltip--tablet.tooltip--transition-down .tooltip__title:hover + .tooltip__content,
.tooltip.tooltip--open.tooltip--tablet.tooltip--transition-down .tooltip__content {
	-webkit-animation-name: fadeInDownMargin;
			animation-name: fadeInDownMargin;
}


/* No transition */
.tooltip.tooltip--no-transition.tooltip--button:hover .tooltip__content,
.tooltip.tooltip--no-transition .tooltip__title:hover + .tooltip__content,
.tt5:hover .tt5c {
	-webkit-animation: none;
	        animation: none;
}

/* Info icon */
.tooltip__info-icon {
	border-radius: 50%;
	background: var(--color-grey-04);
	color: var(--color-white);
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	display: none;
	-webkit-appearance: none;
	border: none;
	outline: none;
	padding: 0;
}
.tooltip.tooltip--info-icon .tooltip__title {
	border-bottom: none;
	margin-right: 7px;
}
.tooltip.tooltip--info-icon .tooltip__content {
	left: -8px;
	right: auto;
}
.tooltip.tooltip--info-icon.tooltip--center .tooltip__content {
	right: auto;
	left: 50%;
}
.tooltip.tooltip--info-icon.tooltip--right .tooltip__content {
	right: -8px;
	left: auto;
}

/* position the tool tip away from the left of the screen on mobile */
@media screen and (max-width: 23.75em) {/*  380px */
    .tooltip.tooltip--info-icon.tooltip--mobile-end .tooltip__content:before {
    	left: 14px;
    	right: auto;
    }
}

/* position the tool tip away from the left of the screen on mobile */
@media screen and (max-width: 48em) {/*  768px */
    .tooltip.tooltip--info-icon.tooltip--tablet-end .tooltip__content {
    	left: calc(100% - 30px);
    	right: auto;
    }

    .tooltip.tooltip--info-icon.tooltip--tablet-end .tooltip__content:before {
    	left: 14px;
    	right: auto;
    }
}


/* Grey */
.tooltip--info-icon.tooltip--info-icon--dark .tooltip__info-icon {
	background: var(--color-grey-08);
}

/* Disabled */
.tooltip.tooltip--disabled .tooltip__content,
.tooltip.tooltip--button.tooltip--disabled .tooltip__content {
	display: none;
}

/* Grey */
:where(.bg-grey) .tooltip__title {
	border-bottom-color: var(--color-grey-10);
}

/* Dark blue */
:where(.bg-dark-blue) .tooltip__title {
	border-bottom-color: var(--color-tertiary);
}

/* Light blue */
:where(.bg-light-blue) .tooltip__title {
	border-bottom-color: var(--color-grey-08);
}

/* Orange */
:where(.bg-orange) .tooltip__title {
	border-bottom-color: var(--color-primary-pale);
}


/* - Style 2 - */
.tooltip.tooltip--style2 .tooltip__content {
	max-width: 250px;
	min-width: 140px;
	padding: 6px 10px;
	font-size: 1.3rem;
	min-width: 0;
	text-transform: uppercase;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	font-weight: 500;
	white-space: nowrap;
}

/* - Style 3 - */
.tooltip.tooltip--style3 .tooltip__content,
.tt5 .tt5c {
	max-width: none;
	min-width: 0;
	font-size: 1.2rem;
	white-space: nowrap;
	text-transform: none;
	text-align: left;
	font-weight: 400;
	padding: 8px 12px;
}
.tooltip.tooltip--style3 .tooltip__content p,
.tt5 .tt5c p {
	margin: 0 0 3px;
}
.tooltip.tooltip--style3 .tooltip__content p:last-child,
.tt5 .tt5c p:last-child {
	margin-bottom: 0;
}


/* Tweak the accom summary tooltip a little */
.tooltip.tooltip--style3 .accom-box__tooltip-summary .total {
	margin-top: 6px;
}
.tooltip.tooltip--style3 .accom-box__tooltip-summary span {
	display: inline-block;
	width: 50%;
}
.tooltip.tooltip--style3 .accom-box__tooltip-summary span.label {
	text-align: left;
}
.tooltip.tooltip--style3 .accom-box__tooltip-summary span.value {
	text-align: right;
}

/* - Style 4 - */
.tooltip.tooltip--style4 .tooltip__content {
	background-color: var(--color-grey-18);
	max-width: 250px;
	min-width: 140px;
	padding: 6px 10px;
	font-size: 1.3rem;
	min-width: 0;
	text-transform: uppercase;
	color: var(--color-white);
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	font-weight: 500;
	white-space: nowrap;
}

/* Hide tooltips tablet and below */
@media only screen and (min-width: 64.063em) { /* 1025px */
	.tooltip__info-icon {
		display: inline-block;
	}
	.tooltip--button:hover .tooltip__content,
	.tooltip__title:hover + .tooltip__content,
	.tooltip.tooltip--open .tooltip__content {
		display: block;
		-webkit-animation: fadeIn 200ms ease;
				animation: fadeIn 200ms ease;
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
	}
	.tooltip__title {
		border-bottom: 1px dotted var(--color-grey-10);
		cursor: pointer;
	}
	button .tooltip__title {
		border-bottom: none;
	}
	.tooltip__content,
	.tt5c {
		font-size: 1.2rem;
	}

	/* Transition up */
	.tooltip--button.tooltip--transition-up:hover .tooltip__content,
	.tooltip--transition-up .tooltip__title:hover + .tooltip__content,
	.tooltip.tooltip--open.tooltip--transition-up .tooltip__content {
		-webkit-animation-name: fadeInUpMargin;
		animation-name: fadeInUpMargin;
	}
	/* Transition down */
	.tooltip--button.tooltip--transition-down:hover .tooltip__content,
	.tooltip--transition-down .tooltip__title:hover + .tooltip__content,
	.tooltip.tooltip--open.tooltip--transition-down .tooltip__content {
		-webkit-animation-name: fadeInDownMargin;
		animation-name: fadeInDownMargin;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.tooltip__content,
	.tt5c {
		max-width: 400px;
		min-width: 180px;
		font-size: 1.4rem;
	}
	.tooltip--wide .tooltip__content {
		max-width: 700px;
		min-width: 300px;
	}
}


/* ---- Icon plain ---- */
.icon-plain {
	font-size: 4rem;
	color: var(--color-grey-10);
}
.icon-plain:before {
	display: block;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.icon-plain {
		font-size: 5.5rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.icon-plain {
		font-size: 7rem;
	}
}

/* ---- Icon lists ---- */
.icon-list,
.hang-content__text ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 23px;
	font-size: 1.5rem;
}
.icon-list__inner {
	padding-left: 24px;
	position: relative;
}
.icon-list > li,
.hang-content__text ul li {
	margin: 0 0 4px;
	position: relative;
}
.hang-content__text ul li {
	padding-left: 24px;
}

.icon-list > li .icon-list__inner:before,
.hang-content__text ul li:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin: 2px 8px 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
}


/* Check */
.icon-list--check > li .icon-list__inner:before,
.hang-content__text ul li:before {
	content: "\e909";
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.icon-list,
	.hang-content__text ul {
		font-size: 1.6rem;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.icon-list,
	.hang-content__text ul {
		font-size: 1.8rem;
	}
	.icon-list > li,
	.hang-content__text ul li {
		margin-bottom: 7px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.icon-list {
		font-size: 2rem;
	}
}


/* ---- Icon circle lists ---- */
.icon-circle-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.icon-circle-list__item {
	margin-right: 8px;
}
.icon-circle-list__item:last-child {
	margin-right: 0;
}
.icon-circle-list__item a {
	display: block;
	width: 34px;
	height: 34px;
	background-color: var(--color-black);
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	padding: 2px 0;
}
.icon-circle-list__item a:before {
	color: var(--color-white);
	font-size: 3rem;
}

.icon-circle-list__item a.icon-facebook {
	background-color: var(--color-facebook);
}
.icon-circle-list__item a.icon-facebook:hover {
	background-color: var(--color-facebook-hover);
}
.icon-circle-list__item a.icon-twitter {
	background-color: var(--color-twitter);
}
.icon-circle-list__item a.icon-twitter:hover {
	background-color: var(--color-twitter-hover);
}
.icon-circle-list__item a.icon-mail {
	background-color: var(--color-grey-10);
}
.icon-circle-list__item a.icon-mail:hover {
	background-color: var(--color-grey-08);
}

/* ---- Lined headings ---- */
/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.lined-heading {
		padding-bottom: 15px;
		border-bottom: 2px dashed var(--color-grey-10);
	}

	/* Grey */
	:where(.bg-grey) .lined-heading {
		border-bottom-color: var(--color-grey-10);
	}

	/* Dark blue */
	:where(.bg-dark-blue) .lined-heading {
		border-bottom-color: var(--color-tertiary);
	}

	/* Light blue */
	:where(.bg-light-blue) .lined-heading {
		border-bottom-color: var(--color-grey-08);
	}

	/* Orange */
	:where(.bg-orange) .lined-heading {
		border-bottom-color: var(--color-primary-pale);
	}

	/* Dark Grey */
	:where(.bg-dark-grey) .lined-heading {
		border-color: rgba(255,255,255,0.25)
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.lined-heading {
		padding-bottom: 22px;
	}

}

/* ---- Heading borders ---- */
.heading-borders {
	font-weight: normal;
	border-top: 1px solid var(--color-grey-04);
	border-bottom: 1px solid var(--color-grey-04);
	padding: 11px 0 7px;
	font-size: 1.8rem;
	margin: 0 0 17px;
}
p + .heading-borders {
	margin-top: 25px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.heading-borders {
		padding: 14px 0 9px;
		font-size: 1.9rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.heading-borders {
		padding: 16px 0 12px;
		font-size: 2.1rem;
		margin: 3px 0 25px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.heading-borders {
		padding: 24px 0 17px;
		font-size: 2.5rem;
		margin: 0 0 30px;
	}
	p + .heading-borders {
		margin-top: 35px;
	}
}

/* ---- Subtitle ---- */
.subtitle {
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	margin: 0 0 11px;
	display: block;
}
h1 + .subtitle,
.h1 + .subtitle,
h2 + .subtitle,
.h2 + .subtitle,
h3 + .subtitle,
.h3 + .subtitle {
	margin-top: -15px;
}
.subtitle a,
.subtitle-subtitle a {
	text-decoration: none;
}

.subtitle .icon-before:before {
	margin-right: 6px;
	font-size: 2.2rem;
	display: inline-block;
	vertical-align: bottom;
}

.subtitle.subtitle--with-subtitle {
	margin-bottom: 2px;
}
.subtitle-subtitle {
	font-size: 1.4rem;
}

/* No bottom margin */
.subtitle--mb-0 {
	margin-bottom: 0;
}

/* Inline */
.subtitle--inline {
	display: inline;
}

/* Underline */
.subtitle.subtitle--underline a,
.subtitle-subtitle.subtitle--underline a,
.link-styling {
	text-decoration: underline;
}

.reverse-text {
	color: var(--color-white);
}

/* White */
.subtitle,
.subtitle a,
:where(.bg-white) .subtitle,
:where(.bg-white) .subtitle a {
	color: var(--color-grey-12);
}
:where(.bg-white) .subtitle a:hover,
:where(.bg-white) .subtitle a:focus {
	color: var(--color-grey-10);
}

:where(.bg-white) .subtitle-subtitle a {
	color: inherit;
}
:where(.bg-white) .subtitle-subtitle a:hover,
:where(.bg-white) .subtitle-subtitle a:focus {
	color: var(--color-black);
	text-decoration: underline;
}

/* Grey */
:where(.bg-grey) .subtitle,
:where(.bg-grey) .subtitle a {
	color: var(--color-grey-12);
}
:where(.bg-grey) .subtitle a:hover,
:where(.bg-grey) .subtitle a:focus {
	color: var(--color-grey-10);
}
:where(.bg-grey) .subtitle--readable {
	color: var(--color-grey-18);
}

/* Reverse */
:where(.bg-green) .subtitle,
:where(.bg-orange) .subtitle,
:where(.bg-dark-orange) .subtitle,
:where(.bg-dark-blue) .subtitle,
:where(.bg-dark-grey) .subtitle {
	color: var(--color-white);
}

:where(.bg-green) .subtitle a,
:where(.bg-dark-blue) .subtitle a {
	color: var(--color-white);
}

:where(.bg-green) .subtitle a:hover,
:where(.bg-green) .subtitle a:focus {
	color: var(--color-white);
}

/* Heading with subtitle */
.heading-subtitle {
	margin: 0 0 12px;
}
.heading-subtitle__heading {
	display: inline-block;
	margin: 0;
}
.heading-subtitle__fraction {
	font-size: 60%;
	position: relative;
	top: -0.5em;
}
.heading-subtitle .subtitle {
	display: inline-block;
	margin: 0 0 0 2px;
}
.heading-subtitle .subtitle:before {
	content: "/ ";
}


/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.subtitle {
		font-size: 1.4rem;
		margin: 0 0 18px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.subtitle {
		font-size: 1.5rem;
		margin: 0 0 23px;
	}
	.subtitle-subtitle {
		font-size: 1.6rem;
	}
	.subtitle.subtitle--with-subtitle {
		margin-bottom: 5px;
	}
	.heading-subtitle .subtitle {
		margin-left: 5px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.subtitle.subtitle--with-subtitle {
		margin-bottom: 8px;
    }
	.subtitle .icon-before:before {
		margin-right: 10px;
		font-size: 2.6rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.heading-subtitle {
		margin-bottom: 20px;
	}
	.subtitle {
		font-size: 1.7rem;
	}
	.subtitle-subtitle {
		font-size: 1.8rem;
	}
}

/* ---- Lined text ---- */


/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.lined-text {
		position: relative;
		overflow: hidden;
		display: block;
		text-align: center;
	}
	.lined-text-inner {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.lined-text-inner:before,
	.lined-text-inner:after {
		content: " ";
		width: 70px;
		position: absolute;
		top: 10px;
		display: inline-block;
		border-top: 2px dashed currentColor;
	}
	.lined-text-inner:before {
		right: 100%;
		margin-right: 13px;
	}
	.lined-text-inner:after {
		left: 100%;
		margin-left: 13px;
	}

	/* Grey */
	:where(.bg-grey) .lined-text {
		color: var(--color-grey-10);
	}

	/* Dark blue */
	:where(.bg-dark-blue) .lined-text {
		color: var(--color-white);
	}
	:where(.bg-dark-blue) .lined-text-inner:before,
	:where(.bg-dark-blue) .lined-text-inner:after {
		border-color: var(--color-tertiary);
	}

	/* Orange */
	:where(.bg-orange) .lined-text {
		color: var(--color-white);
	}
	:where(.bg-orange) .lined-text-inner:before,
	:where(.bg-orange) .lined-text-inner:after {
		opacity: 0.25;
	}

	/* Charcoal */
	:where(.bg-dark-grey) .lined-text-inner:before,
	:where(.bg-dark-grey) .lined-text-inner:after {
		opacity: 0.25;
	}

	/* With form elements */
	.lined-text-inner .inline-field-elements {
		float: right;
		margin-top: -7px;
	}
	.lined-text-inner .inline-field-elements .field-element {
		margin-right: 2%;
	}
	.lined-text-inner .inline-field-elements .field-element:last-child {
		margin-right: 0;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.lined-text-inner:before,
	.lined-text-inner:after {
		width: 100px;
	}
}


/* ---- Tabs ---- */
.tabs {
	position: relative;
}
.tab {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.tab.tab-active {
	clip: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	padding: 45px 0 40px;
	position: relative;
	width: auto;
}
.tab.tab-active .tab-content {
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/* Feature buttons in tabs */
.tab .feature-button {
	top: -70px;
	right: -30px;
}


/* -- Buttons -- */
.tab-buttons-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.tab-buttons-list-item {
	float: left;
	margin-right: 9px;
	position: relative;
	z-index: 1;
}
.tab-buttons-list-item:last-child {
	margin-right: 0;
}
.tab-button {
	-webkit-appearance: none;
	padding: 0;
	outline: none;
	border: none;
	font-weight: 500;
	padding: 14px 25px 13px;
	font-size: 1.6rem;
	line-height: 1.2;
	background: var(--color-tertiary);
	text-transform: uppercase;
	color: var(--color-white);
	text-align: center;
	display: block;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	height: 46px;
	white-space: nowrap;
	text-decoration: none;
}
.tab-buttons-list-item.column > .tab-button {
	width: 100%;
}
.tab-button,
.tab-buttons-list-item:after,
.tab-buttons-list-item .tab-button:after {
	-webkit-transition: all 120ms ease-in;
	-o-transition: all 120ms ease-in;
	transition: all 120ms ease-in;
}
.tab-buttons-list-item:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 1px;
	right: 1px;
	height: 1px;
	background-color: var(--color-white);
	opacity: 0;
}
.tab-buttons-list-item .tab-button:after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	background-color: transparent;
	height: 0;
}
/* Hover/focus */
.tab-button:hover,
.tab-button:focus {
	background-color: var(--color-tertiary);
	color: var(--color-white);
}
/* Active */
.tab-buttons-list-item.tab-buttons-list-item-active .tab-button {
	background-color: var(--color-white);
	color: var(--color-grey-18);
}
.tab-buttons-list-item.tab-buttons-list-item-active .tab-button:after {
	background-color: var(--color-white);
	height: 5px;
}
.tab-buttons-list-item.tab-buttons-list-item-active:after {
	opacity: 1;
}

/* In columns */
.tab-buttons-list-cols .tab-buttons-list-item {
	float: none;
	display: inline-block;
	margin: 0 2px;
	vertical-align: bottom;
}
.tab-buttons-list-4-col .tab-buttons-list-item {
	width: 23%;
}
.tab-buttons-list-5-col .tab-buttons-list-item {
	width: 18%;
}

/* ---- Popout bars ---- */
.popout-bar {
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}
.popout-bar .messages {
	margin-bottom: 0;
}
.popout-bar .messages li:last-child {
	margin-bottom: 0;
}
.popout-bar .messages .action-link {
	float: right;
}

/* Mobile button */
.search-form-mobile-button {
	margin: 3px 10px 0 5px;
	float: right;
	max-width: 91px;
}

.search-form-mobile-button .field-input .textbox {
	background-position: top -1573px left 5px;
	background-image: url(../images/form-icons_v2.svg);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-right: 6px;
	text-align: left;
	overflow: hidden;
	font-size: 1.4rem;
	letter-spacing: -0.05rem;
}
.search-form-mobile-button__fields {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: block;
}
.search-form-mobile-button span:after {
	content: " ";
	width: 3px;
	height: 3px;
	background-color: var(--color-grey-10);
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 10px 1px 0 4px;
}
.search-form-mobile-button span:last-child:after {
	content: none;
}

/* BP Extra */
@media only screen and (min-width: 18.75em) { /* 300px */
	.search-form-mobile-button {
		max-width: 114px;
	}
}

/* BP Extra */
@media only screen and (min-width: 21.25em) { /* 340px */
	.search-form-mobile-button {
		max-width: 147px;
	}
}


/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */
	.search-form-mobile-button {
		max-width: 166px;
	}
}

/* BP iPhone */
@media only screen and (min-width: 23.375em) { /* 374px */
	.search-form-mobile-button {
		max-width: 184px;
	}
}

/* BP Extra */
@media only screen and (min-width: 25em) { /* 400px */
	.search-form-mobile-button {
		max-width: 190px;
	}
}

/* BP Extra */
@media only screen and (min-width: 26.25em) { /* 420px */
	.search-form-mobile-button {
		max-width: 215px;
	}
}

/* BP extra */
@media only screen and (min-width: 30em) { /* 480px */
	.search-form-mobile-button {
		max-width: 260px;
	}
}

/* BP extra */
@media only screen and (min-width: 34.3750em) { /* 550px */
	.search-form-mobile-button {
		max-width: 310px;
	}
}


/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.search-form-mobile-button {
		max-width: 336px;
	}
	.search-form-mobile-button .field-input .textbox {
		background-position: top -1545px left 6px;
		padding-left: 30px;
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.search-form-mobile-button span:after {
		margin: 12px 2px 0 6px;
	}
}


/* BP extra */
@media only screen and (min-width: 48em) { /* 768px */
	.search-form-mobile-button {
		display: none;
	}
	.search-form-mobile-close-wrap {
		display: none;
	}
}


/* Fields */
.popout-bar__fields {
	margin: 0 0 -13px;
}
.popout-bar__fields--button--disabled .button {
	opacity: 0.6;
}
.popout-bar__fields--button--disabled .button:hover,
.popout-bar__fields--button--disabled .button:focus {
	opacity: 1;
}
.popout-bar__fields--button--pulse {
	-webkit-animation: 600ms pop;
	        animation: 600ms pop;
}
.popout-bar__fields--button--pulse .button {
    -webkit-animation: buttonPulse 700ms infinite;
            animation: buttonPulse 700ms infinite;
}
.popout-bar__fields--button--pulse .button:hover {
	-webkit-animation: none;
	        animation: none;
}
.popout-bar__fields .field-element.field-element--text-helper {
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.4rem;
}
.popout-bar__fields .field-element.field-element--text-helper p {
	margin: 0;
}
.popout-bar__button {
	float: right;
}
/* Placeholders */
.popout-bar__fields ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--color-grey-18);
}
.popout-bar__fields ::-moz-placeholder { /* Firefox 19+ */
    color: var(--color-grey-18);
}
.popout-bar__fields :-ms-input-placeholder { /* IE 10+ */
    color: var(--color-grey-18) !important;
}
.popout-bar__fields ::-ms-input-placeholder { /* Edge */
    color: var(--color-grey-18);
}
.popout-bar__fields ::placeholder { /* CSS working draft */
    color: var(--color-grey-18);
}
.popout-bar__fields .field-element--dropdown--placeholder .field-input .dropdown {
    color: var(--color-grey-18);
}
.popout-bar__fields .field-element--select--multiple .ms-choice > span.placeholder {
    color: var(--color-grey-18);
}


/* Orange */
.popout-bar:where(.bg-orange):before {
	border-color: transparent transparent var(--color-tangelo-dark) transparent;
}
.popout-bar:where(.bg-orange):after {
	border-color: transparent transparent transparent var(--color-tangelo-dark);
}

/* Light blue */
.popout-bar:where(.bg-light-blue):before {
	border-color: transparent transparent var(--color-quaternary-dark) transparent;
}
.popout-bar:where(.bg-light-blue):after {
	border-color: transparent transparent transparent var(--color-quaternary-dark);
}

/* Sand */
.popout-bar:where(.bg-secondary):before {
	border-color: transparent transparent var(--color-grey-08) transparent;
}
.popout-bar:where(.bg-secondary):after {
	border-color: transparent transparent transparent var(--color-grey-08);
}
.popout-bar:where(.bg-secondary) .popout-bar__fields .field-element.field-element--text-helper {
	color: var(--color-grey-18);
}
:where(.bg-secondary) .icon-before.icon-mouse-click:before,
:where(.bg-secondary) .icon-after.icon-mouse-click:after {
	background-image: url(../images/icon_select--dark.svg);
}

/* Sand Dark */
.popout-bar:where(.bg-secondary-dark):before {
	border-color: transparent transparent var(--color-grey-08) transparent;
}
.popout-bar:where(.bg-secondary-dark):after {
	border-color: transparent transparent transparent var(--color-grey-08);
}
.popout-bar:where(.bg-secondary-dark) .popout-bar__fields .field-element.field-element--text-helper {
	color: var(--color-grey-18);
}

/* Search - collapses on mobile */
.section--popout-bar--search {
	display: none;
}
.search-mobile-active .section--popout-bar--search {
	display: block;
	-webkit-animation: fadeInDown 200ms ease;
	        animation: fadeInDown 200ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.search-form-mobile-close-wrap {
	text-align: right;
}
.search-form-mobile-close {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	color: var(--color-white);
	font-size: 2.7rem;
	position: relative;
	top: 0;
	right: -6px;
}


/* Sticky */
#popout-bar-sticky-anchor {
	display: none;
}


/* BP extra */
@media only screen and (max-width: 47.938em) { /* 767px */
	.section--popout-bar--sticky.section--popout-bar--search .popout-bar {
		padding-top: 4px;
	}

	/* Collapsable sticky search */
	.section--popout-bar--sticky.section--popout-bar--search {
		position: fixed;
		top: var(--mobile-menu-height, 48px);
		left: 0;
		right: 0;
		z-index: 499;
	}
}

/* BP extra */
@media only screen and (min-width: 48em) { /* 768px */
	.section--popout-bar--sticky {
		display: block;
		position: fixed;
		top: var(--mobile-menu-height, 48px);
		left: 0;
		right: 0;
		z-index: 499;
	}
	.popout-bar__fields {
		margin-left: -4px;
		margin-right: -4px;
	}
	.popout-bar__fields {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		margin: 0 -4px -13px;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.popout-bar__fields .field-element {
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		-webkit-box-flex: 1;
		        flex: 1 1 auto;
		margin-left: 4px;
		margin-right: 4px;
	}

	.popout-bar__fields .field-element.popout-bar__fields--dates {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 160px;
		    -ms-flex: 0 0 160px;
		        flex: 0 0 160px;
	}
	.popout-bar__fields .field-element.popout-bar__fields--guests {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 96px;
		    -ms-flex: 0 0 96px;
		        flex: 0 0 96px;
	}
	.popout-bar__fields .field-element.popout-bar__fields--promo-code {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 140px;
		    -ms-flex: 0 0 140px;
		        flex: 0 0 140px;
	}
	.popout-bar__fields .field-element.popout-bar__fields--button {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.popout-bar__fields .field-element.field-element--text-helper {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 auto;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 200px;
	}


	/* Multi park seach */
	.popout-bar__fields.popout-bar__fields--multi-park .field-element.popout-bar__fields--location {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.popout-bar__fields.popout-bar__fields--multi-park .field-element.popout-bar__fields--types {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100px;
		    -ms-flex: 0 0 100px;
		        flex: 0 0 100px;
	}
}


/* Max BP Large */
@media only screen and (min-width: 48.063em) and (max-width: 79.938em) { /* 1279px */
	/* Right align */
	.popout-bar__fields--button .tooltip .tooltip__content {
		right: 0;
		left: auto;
		margin-right: 0;
		-webkit-transform: none;
        -ms-transform: none;
            transform: none;
	}
	.popout-bar__fields--button .tooltip .tooltip__content:before {
		right: 14px;
		left: auto;
	}
}


@media only screen and (min-width: 48em) and (max-width: 61.938em) { /* 991px */
	.section--popout-bar--sticky .icon-pop {
		display: none;
	}
}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */
	.button:after {
		padding-left: 0;
	}
	.section--popout-bar--sticky.section--popout-bar--search .icon-pop {
		display: none;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.popout-bar {
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
	}
	.popout-bar__fields {
		margin-bottom: -21px;
	}

	.popout-bar:before,
	.popout-bar:after {
		content: " ";
		position: absolute;
		top: 0;
		margin-top: -10px;
		width: 0;
		height: 0;
		border-style: solid;
	}
	.popout-bar:before {
		right: 100%;
		margin-right: -10px;
		border-width: 0 0 10px 10px;
	}
	.popout-bar:after {
		left: 100%;
		margin-left: -10px;
		border-width: 10px 0 0 10px;
	}

	.popout-bar__fields .field-element.field-element--text-helper {
		max-width: 300px;
		font-size: 1.6rem;
	}

	/* Sticky */
	#popout-bar-sticky-anchor {
		display: block;
	}
	.section--popout-bar--sticky {
		position: relative;
		top: auto;
	}
	.popout-bar-sticky .section--popout-bar--sticky.section--popout-bar--sticky--active {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.section--popout-bar--sticky--active .popout-bar:where(.bg-orange) {
		border-bottom: 1px solid var(--color-tangelo);
	}
	.section--popout-bar--sticky--active .icon-pop {
		display: none;
	}

	.popout-bar__fields .field-element.popout-bar__fields--dates {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 220px;
		    -ms-flex: 0 0 220px;
		        flex: 0 0 220px;
	}
	.popout-bar__fields .field-element.popout-bar__fields--guests {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 130px;
		    -ms-flex: 0 0 130px;
		        flex: 0 0 130px;
	}
	.popout-bar__fields .field-element.popout-bar__fields--promo-code {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 200px;
		    -ms-flex: 0 0 200px;
		        flex: 0 0 200px;
	}

	/* Multi park */
	.popout-bar__fields.popout-bar__fields--multi-park .field-element.popout-bar__fields--types {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 130px;
		    -ms-flex: 0 0 130px;
		        flex: 0 0 130px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.popout-bar {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

/* ---- Popup ---- */

.mfp-content {
	max-width: 1100px;
}

/* Small */
.magnific--small .mfp-content {
	max-width: 700px;
}

.mfp-wrap img.mfp-img {
	padding: 0;
}
.mfp-wrap .mfp-container .mfp-close {
	top: -57px;
	left: auto;
	right: -17px;
	text-align: center;
	padding-right: 0;
}
.mfp-close:before {
	content: '\00d7';
	text-align: center;
	display: block;
}

.popup {
	background-color: var(--color-white);
}
.popup__header,
.popup__content {
	padding-left: 20px;
	padding-right: 20px;
}

/* Header */
.popup__header {
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom: 2px dashed var(--color-grey-04);
}
.subtitle.popup__subtitle {
	margin-bottom: 0;
}
.popup__header :last-child {
	margin-bottom: 0;
}
.popup__header__image {
	float: right;
	margin: -4px 0 0 25px;
}

/* Content */
.popup__content {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.popup__header,
	.popup__content {
		padding-left: 35px;
		padding-right: 35px;
	}
	.popup__content {
		padding-top: 25px;
		padding-bottom: 20px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.popup__header {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.popup__header,
	.popup__content {
		padding-left: 55px;
		padding-right: 55px;
	}
	.popup__content {
		padding-top: 40px;
		padding-bottom: 27px;
	}
}

/* Newsletter popup */
#newsletter-popup {
	max-width: 560px;
	margin: 0 auto;
}
#newsletter-popup.magnific--white .mfp-close {
	max-width: 560px;
	position: absolute;
	top: auto;
	left: auto;
	bottom: 100%;
	right: auto;
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}
#newsletter-popup .popup-title.icon-before.icon-mail:before {
	font-size: 20px;
	margin-right: 15px;
}


/* Aspen parks popup */
.aspen-popup-logos {
	margin: 0 0 30px;
}
.aspen-poup-logo-left {
	float: left;
	width: 140px;
}
.aspen-poup-logo-right {
	float: right;
}

/* Newsletter popup */
#aspen-popup {
	max-width: 560px;
	margin: 0 auto;
}
#aspen-popup.magnific--white .mfp-close {
	max-width: 560px;
	position: absolute;
	top: auto;
	left: auto;
	bottom: 100%;
	right: auto;
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}

@media screen and (max-width: 500px) {
	.aspen-poup-logo-left {
		width: 100px;
	}
	.aspen-poup-logo-right {
		width: 100px;
	}
}

/* ---- Wide slider ---- */
.section--wide-slider {
	overflow: hidden;
	background-color: var(--color-white);
}
.wide-slider-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.wide-slider-list__item__img {
	width: 100%;
	display: block;
}
.wide-slider-list__item a {
	display: block;
	position: relative;
	outline: none;
	text-decoration: none;
}
.wide-slider-list__item {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	    -ms-flex: 1 1 50%;
	        flex: 1 1 50%;
}
.wide-slider-list__item:nth-child(1n+3) {
	display: none;
}
.wide-slider-list__item__img {
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.wide-slider-list__item a:before {
	position: absolute;
	right: 12px;
	bottom: 12px;
	color: var(--color-white);
	font-size: 2.5rem;
	z-index: 2;
}

/* Slick */
.wide-slider-list.slick-slider {
	display: block;
	-webkit-flex-wrap: initial;
	    -ms-flex-wrap: initial;
	        flex-wrap: initial;
}
.wide-slider-list .slick-list {
	overflow: visible;
}
.wide-slider-list__item.slick-slide {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
}
.section--wide-slider .slick-arrow {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.wide-slider-list__item a:before {
		right: 20px;
		bottom: 25px;
		font-size: 3rem;
	}
}


/* Wider than iPad */
@media only screen and (min-width: 64.063em) { /* 1025px */
	.wide-slider-list__item a:hover .wide-slider-list__item__img {
		-webkit-filter: brightness(80%);
		        filter: brightness(80%);
	}
}

/* ---- Image galleries ---- */
.image-gallery-slider {
	margin: 0 0 30px;
}

.image-gallery-slider__for,
.image-gallery-slider__nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Nav */
.image-gallery-slider__nav__item {
	margin: 0 10px;
	outline: none;
	cursor: pointer;
}
.image-gallery-slider__nav__item:hover {
	opacity: 0.9;
}
.image-gallery-slider__nav {
	margin: 0 0 25px;
}


/* For */
.image-gallery-slider__for .slick-arrow {
	top: 0;
}
.image-gallery-slider__for .slick-arrow,
.section--wide-slider .slick-arrow {
	position: absolute;
	z-index: 2;
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: rgba(66,65,67,0.8);
	color: var(--color-white);
	padding: 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	cursor: pointer;
}
.image-gallery-slider__for .slick-arrow:before,
.section--wide-slider .slick-arrow:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-indent: 0;
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 3.2rem;
}
.image-gallery-slider__for .slick-prev,
.section--wide-slider .slick-prev {
	left: 0;
}
.image-gallery-slider__for .slick-next,
.section--wide-slider .slick-next {
	right: 0;
}
.image-gallery-slider__for .slick-prev:before,
.section--wide-slider .slick-prev:before {
	content: "\e902";
}
.image-gallery-slider__for .slick-next:before,
.section--wide-slider .slick-next:before {
	content: "\e903";
}
.image-gallery-slider__for .slick-arrow:hover,
.section--wide-slider .slick-arrow:hover {
	background: rgba(66,65,67,0.9);
}



/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.image-gallery-slider__for .slick-arrow,
	.section--wide-slider .slick-arrow {
		width: 44px;
		height: 44px;
	}
	.image-gallery-slider__for .slick-arrow:before,
	.section--wide-slider .slick-arrow:before {
		font-size: 3.8rem;
	}
}




/* ---- Icon pops ---- */
.icon-pop {
	position: absolute;
	z-index: 0;
	color: var(--color-white);
	text-align: center;
	top: -20px;
	height: 22px;
	width: 44px;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	padding-top: 6px;
	font-size: 2.6rem;
}
.icon-pop:before {
	display: block;
}


/* Orange */
:where(.bg-orange) .icon-pop {
	background-color: var(--color-primary);
}
/* Light blue */
:where(.bg-light-blue) .icon-pop {
	background-color: var(--color-tertiary);
}
/* Sand */
:where(.bg-secondary) .icon-pop {
	background-color: var(--color-secondary);
	color: var(--color-grey-18);
}
/* Sand */
:where(.bg-secondary-dark) .icon-pop {
	background-color: var(--color-secondary-dark);
	color: var(--color-grey-18);
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.icon-pop {
		top: -30px;
		height: 30px;
		width: 60px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		padding-top: 8px;
		font-size: 3.8rem;
	}

	.icon-pop--large {
		top: -50px;
		height: 50px;
		width: 100px;
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
		font-size: 8rem;
	}
}

/* ---- Processing spinner ---- */
.processing.processing--animate .processing-dots-wrapper {
	-webkit-animation: spin linear infinite 1500ms;
	animation: spin linear infinite 1500ms;
}

.processing-dots-wrapper {
	position: relative;
}
.processing-dot {
	border-radius: 50%;
	background: var(--color-tertiary);
	display: block;
	position: absolute;
}

/* White */
.processing.processing--animate.processing--white .processing-dot {
	-webkit-animation-name: processing-dot-white;
	animation-name: processing-dot-white;
}
.processing.processing--white .processing-dot {
	background: var(--color-white);
}


/* Regular */
.processing {
	width: 35px;
	height: 35px;
}
.processing .processing-dots-wrapper {
	width: 35px;
	height: 35px;
}
.processing .processing-dot {
	width: 8px;
	height: 8px;
}

.processing .processing-dot-8 {
	left: 4px;
	top: 4px;
}
.processing .processing-dot-7 {
	left: 0;
	top: 13px;
}
.processing .processing-dot-6 {
	left: 4px;
	top: 23px;
}
.processing .processing-dot-5 {
	left: 13px;
	top: 26px;
}
.processing .processing-dot-4 {
	left: 23px;
	top: 22px;
}
.processing .processing-dot-3 {
	left: 27px;
	top: 13px;
}
.processing .processing-dot-2 {
	left: 23px;
	top: 4px;
}
.processing .processing-dot-1 {
	left: 13px;
	top: 0px;
}

.button .processing {
	margin: 0 auto;
}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */

	.processing.processing--animate {
		-webkit-animation: spin 1200ms;
		animation: spin 1200ms;
	}

	.processing.processing--animate .processing-dot {
		-webkit-animation-name: processing-dot;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-easing: linear;
		-webkit-animation-duration: 1200ms;
		-webkit-animation-name: processing-dot;
		animation-name: processing-dot;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		-webkit-animation-duration: 1200ms;
		animation-duration: 1200ms;
	}
	.processing-dot-8 {
		-webkit-animation-delay: 150ms;
		animation-delay: 150ms;
	}
	.processing-dot-7 {
		-webkit-animation-delay: 300ms;
		animation-delay: 300ms;
	}
	.processing-dot-6 {
		-webkit-animation-delay: 450ms;
		animation-delay: 450ms;
	}
	.processing-dot-5 {
		-webkit-animation-delay: 600ms;
		animation-delay: 600ms;
	}
	.processing-dot-4 {
		-webkit-animation-delay: 750ms;
		animation-delay: 750ms;
	}
	.processing-dot-3 {
		-webkit-animation-delay: 900ms;
		animation-delay: 900ms;
	}
	.processing-dot-2 {
		-webkit-animation-delay: 1050ms;
		animation-delay: 1050ms;
	}
	.processing-dot-1 {
		-webkit-animation-delay: 1200ms;
		animation-delay: 1200ms;
	}




	/* Large */
	.processing.processing--large.processing--animate .processing-dots-wrapper {
		-webkit-animation-duration: 2500ms;
		animation-duration: 2500ms;
	}
	.processing.processing--large {
		width: 65px;
		height: 65px;
	}
	.processing.processing--large .processing-dots-wrapper {
		width: 65px;
		height: 65px;
	}
	.processing.processing--large .processing-dot {
		width: 13px;
		height: 13px;
	}

	.processing.processing--large .processing-dot-8 {
		left: 8px;
		top: 8px;
	}
	.processing.processing--large .processing-dot-7 {
		left: 0;
		top: 26px;
	}
	.processing.processing--large .processing-dot-6 {
		left: 7px;
		top: 44px;
	}
	.processing.processing--large .processing-dot-5 {
		left: 26px;
		top: 52px;
	}
	.processing.processing--large .processing-dot-4 {
		left: 45px;
		top: 44px;
	}
	.processing.processing--large .processing-dot-3 {
		left: 52px;
		top: 26px;
	}
	.processing.processing--large .processing-dot-2 {
		left: 45px;
		top: 8px;
	}
	.processing.processing--large .processing-dot-1 {
		left: 26px;
		top: 0px;
	}
}

/* ---- Text circles ---- */
.text-circle {
	width: 70px;
	height: 70px;
	background-color: var(--color-primary);
	border-radius: 50%;
	font-size: 1.3rem;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	padding: 8px;
	position: relative;
	-webkit-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	    transform: rotate(-11deg);
	display: inline-block;
	margin: 0;
	color: var(--color-white);
}
.text-circle-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	padding-left: 4px;
	padding-right: 4px;
}

.promo-box__inner .text-circle-content {
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 26px);
    margin-right: -50%;
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

/* Promo */
.text-circle.text-circle--promo {
	background-image: url(../images/promo-circle.png);
	background-color: transparent;
	background-size: 100%;
}


/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.text-circle {
		width: 96px;
		height: 96px;
		font-size: 1.6rem;
		line-height: 1.3;
		padding: 10px;
	}
	.promo-box__inner .text-circle-content {
	    position: absolute;
	    top: calc(50% - 8px);
	    left: calc(50% - 33px);
	    margin-right: -50%;
	    -webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	}
}


/* ---- Map section ---- */
.section-map {
	padding: 0;
	height: 135px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #E0DFDA;
}
.section-map .expand-button-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}
.section-map .park-map-image {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}
.section-map .expand-map-button {
	float: left;
}
.section-map-address {
	position: absolute;
	bottom: 0;
	padding: 0;
}
.section-map-address .map-address {
	margin: 0;
	color: var(--color-white);
	font-size: 1.8rem;
	display: inline-block;
	padding: 5px 11px;
}
.section-map-address .map-address.icon-before:before {
	margin-right: 10px;
	font-size: 21px;
	vertical-align: top;
}

/* ---- Icon items ---- */
.icon-item-list {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.icon-item {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 8px 0 6px;
}
.icon-item__icon {
	border-color: var(--color-grey-10);
	border-style: solid;
	border-radius: 50%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--color-grey-10);
	margin: 0 auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.icon-item.icon-item--crossed .icon-item__icon:after {
	content: " ";
	width: calc(100% + 2px);
	position: absolute;
	top: 50%;
	left: 0;
	background-color: var(--color-grey-10);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.icon-item__label {
	text-transform: uppercase;
	color: var(--color-grey-10);
	font-weight: 500;
	margin: 10px auto 0;
	line-height: 1.2;
}

/* Small */
.icon-item__icon,
.icon-item.icon-item--small .icon-item__icon {
	width: 40px;
	height: 40px;
	font-size: 3.2rem;
	border-width: 1px;
}
.icon-item.icon-item--crossed .icon-item__icon:after,
.icon-item.icon-item--crossed.icon-item--small .icon-item__icon:after {
	height: 1px;
}
.icon-item__label,
.icon-item.icon-item--small .icon-item__label {
	font-size: 1.2rem;
	max-width: 100px;
}

/* No margin top */
.icon-item.icon-item--no-margin-top {
	margin-top: 0;
}

/* No margin */
.icon-item.icon-item--no-margin {
	margin-top: 0;
	margin-bottom: 0;
}

/* Side */
.icon-item.icon-item--side {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
}
.icon-item.icon-item--side .icon-item__icon {
	margin: 0 12px 0 0;
}
.icon-item.icon-item--side .icon-item__label {
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	max-width: none;
}


/* Blue */
:where(.bg-light-blue) .icon-item__icon {
	color: var(--color-white);
	border-color: var(--color-white);
}
:where(.bg-light-blue) .icon-item__label {
	color: var(--color-white);
}
:where(.bg-light-blue) .icon-item.icon-item--crossed .icon-item__icon:after {
	background-color: var(--color-white);
}
/* Charcoal */
:where(.bg-dark-grey) .icon-item__icon {
	color: var(--color-white);
	border-color: var(--color-white);
}
:where(.bg-dark-grey) .icon-item__label {
	color: var(--color-white);
}
:where(.bg-dark-grey) .icon-item.icon-item--crossed .icon-item__icon:after {
	background-color: var(--color-white);
}

/* BP Extra */
@media only screen and (min-width: 21.25em) { /* 340px */
	.icon-item-list {
		margin: 0 -15px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.icon-item-list .icon-item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 50%;
		    -ms-flex: 1 1 50%;
		        flex: 1 1 50%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.icon-item-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		margin: 0;
	}
	.icon-item-list .icon-item {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 18px;
		padding-left: 0;
		padding-right: 0;
	}
	.icon-item-list .icon-item:last-child {
		margin-right: 0;
	}

	/* Side */
	.icon-item.icon-item--side.icon-item--block-sm {
		display: inline-block;
		text-align: center;
	}
	.icon-item.icon-item--side.icon-item--block-sm .icon-item__icon {
		margin: 0 auto;
	}
	.icon-item.icon-item--side.icon-item--block-sm .icon-item__label {
		margin: 10px auto 0;
		max-width: 100px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	/* Regular */
	.icon-item__icon {
		width: 55px;
		height: 55px;
		font-size: 4.2rem;
		border-width: 2px;
	}
	.icon-item__label {
		font-size: 1.3rem;
		line-height: 1.3;
	}

	.icon-item.icon-item--crossed .icon-item__icon:after {
		height: 2px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.icon-item {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	/* Large */
	.icon-item.icon-item--large .icon-item__icon {
		width: 80px;
		height: 80px;
		font-size: 6rem;
	}
	.icon-item.icon-item--large .icon-item__label {
		font-size: 1.4rem;
		max-width: 130px;
	}
	/* Offset left */
	.icon-item-list--offset-left .icon-item:first-child {
		position: absolute;
		top: 0;
		left: 0;
	}
	.icon-item-list--offset-left {
		padding-left: 140px;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.icon-item-list .icon-item {
		margin-right: 24px;
	}
	/* Offset left */
	.icon-item-list--offset-left {
		padding-left: 165px;
	}
}

/* ---- Logo Gallery ---- */
.logo-gallery .logo {
	float: left;
	padding: 0 10px;
	margin: 15px 1.6665% 15px 1.6665%;
	border: 1px solid var(--color-grey-06)ccc;
	width: 30%;
}

.logo-gallery .logo-wrap {
	position: relative;
	width: 100%;
	height: 200px;
	display: table-cell;
	vertical-align:middle;
}

.logo-gallery .logo-wrap:before {
	content: "";
	display: block;
	padding-top: 0%;
}

.logo-wrap img {
	width: 100%;
	max-width: 50em;
	height: auto;
	max-height: 100%;
	margin: 0 auto;
}

.logo-details {
	text-align: center;
}


/* ---- Mini gallery ---- */
.mini-gallery img {
	margin: 0 7px 7px 0;
}


/* ---- Tile slider ---- */
.section--tile-slider {
	padding-top: 25px;
	padding-bottom: 25px;
	overflow: hidden;
}
@media screen and (min-width: 2000px) {
	.section--tile-slider {
		margin: auto;
		max-width: 1950px;
	}
}

.section--tile-slider .slick-arrow {
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	bottom: auto;
}
.tile-slider .slick-list {
	overflow: visible !important;;
}
.tile-slider__item,
.tile-slider__item__inner:focus {
	outline: none;
}
.tile-slider {
	margin-bottom: -30px;
}

.tile-slider__item__column {
	margin-bottom: 30px;
}

/* -- Tiles -- */
.tile {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-width: 1px;
}

.tile__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	outline: none;
	min-width: 1px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.tile,
.tile__link,
a.tile__link:not(.button),
a.tile__link:not(.button):hover,
a.tile__link:not(.button):focus {
	color: var(--color-white);
}

.tile--text__content,
.tile--image__content {
	padding: 17px 20px;
}



/* -- Image tiles -- */

/* Image */
.tile--image__image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	    -ms-flex-order: 0;
	        order: 0;
	min-height: 180px;
    padding: 33%;
}

/* Content */
.tile--image__content {
	position: relative;
	z-index: 3;
	background-color: rgba(66, 65, 67, 0.92);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 1px;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}
.tile--image__content__inner {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 1px;
}
.tile--image__content__title {
	font-size: 2.2rem;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.tile--image__content__details__description__subtitle.subtitle {
	color: var(--color-white);
	margin-bottom: 8px;
}
.tile--image__content__details__text-circle {
	position: absolute;
	top: -80px;
	left: 20px;
}


/* Captions */
.tile--image__caption {
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 2;
	max-width: 220px;
	margin: 0;
	text-shadow: 0px 0px 8px rgba(0, 42, 76, 0.8);
}

/* Tall */
.tile--tall .tile--image__content__title {
	font-size: 2.2rem;
}

/* Short */
.tile--short .tile--image__content__title {
	font-size: 2rem;
}
.tile--short .tile--image__caption {
	right: auto;
	left: 35px;
}


/* -- Text tiles -- */
.tile--text__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	height: 100%;
}
.tile--text__content__inner {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.tile--text__subtitle {
	margin-bottom: 0;
}
.tile--text__heading {
	font-size: 2.2rem;
	margin-top: 10px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.tile--image__caption {
		left: 25px;
	}
	.tile--image__image {
		height: 180px;
		padding: 0;
	}
	.tile-slider__item__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}

	/* -- Columns -- */
	.tile-slider__item__column {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	.tile {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.tile--image__image {
		height: 220px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.tile--image__content__title {
		font-size: 2.5rem;
	}
	.tile--text__heading {
		margin-top: 20px;
	}
	.tile-slider {
		margin-bottom: -40px;
	}
	.tile-slider__item__column {
		margin-bottom: 40px;
	}
	.tile--text__content,
	.tile--image__content {
		padding: 30px 25px;
	}
}

/* Wider than tablet */
@media only screen and (min-width: 64.063em) { /* 1025px */
	.tile--image__content__details {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.tile--image__content__details__description {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
				flex: 1 1 auto;
	}
	.tile--image__content__details__text-circle {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
		margin-left: 20px;
		padding-left: 20px;
		border-left: 2px solid #8eb5d2;
		position: static;
		top: 0;
		left: 0;
	}
	.tile-slider {
		margin-bottom: 0;
	}
	.tile-slider__item__inner {
		margin-left: 0;
		margin-right: 0;
	}
	.tile--image__caption {
		bottom: 25px;
		right: 35px;
		left: auto;
	}
	.tile-slider__item__column {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	.tile {
		height: 364px;
	}
	.tile__link {
		height: 100%;
		display: block;
	}
	.tile--image__content {
		opacity: 0;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
		height: 100%;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		    -ms-flex: none;
		        flex: none;
	}
	.tile--image:hover .tile--image__content {
		opacity: 1;
	}
	.tile--image__image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		height: auto;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		    -ms-flex: none;
		        flex: none;
	}

}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.tile--image__content__title {
		font-size: 3rem;
	}
	.tile--text__heading {
		font-size: 2.9rem;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.tile--text__content,
	.tile--image__content {
		padding: 40px 35px;
	}

	.tile--image__content__title {
		font-size: 3.5rem;
	}
	.tile--text__heading {
		font-size: 3.5rem;
	}
}

/* ---- Media object / box - card ---- */
.card-box {
	background: var(--color-white);
	border-radius: 4px;
	box-shadow: -5px 5px 20px rgba(64, 64, 65, 0.25);
	padding: 0;
	overflow: hidden;
}

.card-box__content {
	padding: 20px;
}

.card-box__content > *:last-child {
	margin-bottom: 0;
}

.defy-gravity-member-tcs {
	display: inline-block;
	padding-left: 34px;
	margin-bottom: 1.5rem;
}

.ibe__members-promo .field-element {
	margin-bottom: 0;
}

.ibe__members-promo .field-element input[type="checkbox"] + label:before {
	background-color: rgba(239, 239, 234, 0.5);
	top: 1em;
}

.ibe__members-promo .field-element input[type="checkbox"] + label:after {
	top: 1.33em;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.defy-gravity-member-tcs {
		margin-bottom: 0;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.card-box__content {
		padding: 20px 25px;
	}
	.defy-gravity-member-tcs {
		padding-left: 43px;
	}
	.ibe__members-promo .field-element input[type="checkbox"] + label:before {
		top: 0.8em;
	}
	.ibe__members-promo .field-element input[type="checkbox"] + label:after {
		top: 1em;
	}
}

/* BP Custom */
@media only screen and (min-width: 91.25em) { /* 1460px */
	.defy-gravity-member-tcs {
		display: block;
	}
}

/* ---- Make a donation section ---- */
.section.section--make-a-donation {
	padding-bottom: 20px;
}
.section--make-a-donation__content__slider {
	margin: 15px 0 25px;
}
.donation-slider__info {
	margin: 29px 0 0;
}
.donation-sidebar {
	margin-bottom: 30px;
}
.section--make-a-donation__content__custom-amount {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 20px;
}
.section--make-a-donation__content__custom-amount .donation-slider-amount {
	margin: 0 auto;
}
.donation-into-text {
	text-align: center;
	margin-bottom: 30px;
}
.donation-slider-amount-value-wrapper {
	color: var(--color-white);
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 3.2rem;
	background-color: var(--color-grey-10);
	border-radius: 6px;
	padding: 4px 7px;
	text-align: center;
	width: 149px;
	margin: 0 auto 10px;
	display: block;
}
/* as seen in donation_form_regular.php */
#donation-slider-amount-value-preview {
	line-height: 1;
}
#donation-slider-amount-value-preview span {
	outline: none;
}
#donation-slider-amount-value,
#donation-slider-custom-amount-value {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: none;
	color: inherit;
	padding: 0;
	display: inline;
	width: 84px;
	text-align: center;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	font-weight: 900;
}
#donation-slider-amount-value::-webkit-inner-spin-button,
#donation-slider-amount-value::-webkit-outer-spin-button,
#donation-slider-custom-amount-value::-webkit-inner-spin-button,
#donation-slider-custom-amount-value::-webkit-outer-spin-button {
	display: none;
}

#donation-slider-amount-description__text-wrapper:before {
	font-size: 50px;
	float: left;
	margin: 0 15px 0 0;
}
#donation-slider-amount-description__text {
	overflow: hidden;
	padding-top: 3px;
	margin: 0;
	text-align: center;
}
#section--make-a-donation__content__button {
	float: right;
}
/* as seen in step4_payment_cba.php */
.donation-custom-amount-button {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	text-decoration: underline;
	font-size: 1.8rem;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
}
.ibe__payment__donation {
	display:block;
}
.ibe__payment__donation__img {
	margin-left: auto;
	margin-right: auto;
	display:block;
	margin-bottom: 1rem;
}
.donation-custom-amount-wrapper {
	position: relative;
}
.dca__title {
	margin-bottom: 0;
	line-height: 2;
}
.dca__subtitle {
	font-size: 1.4rem;
	font-weight:bold;
}
.dca {
	position: absolute;
	top:calc(100% - 5px);
	right: 0;
	width: 100%;
	height: auto;
	padding-top:5px;
	z-index: 2;
	display: none;
}
.dca.active {
	display: block;
}
.dca__inner {
	background-color: var(--color-white);
	padding: 1.3rem;
	position: relative;
	width: 100%;
	box-shadow: 0 2px 4px 2px rgba(0,0,0,0.33);
	border: 1px solid var(--color-grey-04);
}
.dca__inner:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: calc(100% - 1em);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent var(--color-white) transparent;
}
.dca header {
	border-bottom: 1px solid var(--color-grey-04);
}
.dca__buttons{
	position: absolute;
	top:1.3rem;
	right:1.3rem;
}
.dca__button {
	position: relative;
	color: transparent;
	text-indent: -3000px;
	text-indent: -200vw;
	width: 36px;
	overflow: hidden;
	background-size: contain;
}
.dca__button--confirm {
	background: var(--color-grey-04) url(../images/icon_tick-green.svg) center center no-repeat;
	border-color: var(--color-grey-04);
}
.dca__button--clear {
	background: var(--color-white) url(../images/icon_cross-red.svg) center right no-repeat;
	border-color: var(--color-white);
}
.dca__button--clear:hover,
.dca__button--clear:focus {
	background-color: var(--color-grey-04);
	border-color: var(--color-grey-04)
}
.dca__body {
	padding: 2.4rem 0 0;
}
.dca__slider {
	position: relative;
}
.dca__slider__value-min,
.dca__slider__value-max {
	position: absolute;
	top: 0;
	text-align: center;
	font-size: 1.4rem;
}
.dca__slider__value-min {
	left: 0;
}
.dca__slider__value-max {
	right: 0;
}
.dca input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent; /* Otherwise white in Chrome */
  margin: 0;
}
.dca input[type=range]:focus {
  outline: none;
}
.dca input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	background: var(--color-grey-04);
	border-radius: 2px;
	border: 0px solid rgba(1, 1, 1, 0);
}
.dca input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--color-quaternary);
}
.dca input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	box-shadow: 1px 1px 1px var(--color-grey-18), 0px 0px 1px #4d4d4e;
	border: 0px solid var(--color-grey-18);
	height: 32px;
	width: 32px;
	border-radius: 16px;
	background: var(--color-grey-18);
	cursor: pointer;
	margin-top: -14px;
}
.dca input[type=range]:focus::-webkit-slider-runnable-track {
	background: var(--color-grey-04);
}
.dca input[type=range]::-moz-range-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	background: var(--color-grey-04);
	border-radius: 2px;
	border: 0px solid rgba(1, 1, 1, 0);
}
.dca input[type=range]::-moz-range-thumb {
	box-shadow: 1px 1px 1px var(--color-grey-18), 0px 0px 1px #4d4d4e;
	border: 0px solid var(--color-grey-18);
	height: 32px;
	width: 32px;
	border-radius: 16px;
	background: var(--color-grey-18);
	cursor: pointer;
}
.dca input[type=range]::-ms-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
  	border-width: 18px 0;
	color: transparent;
}
.dca input[type=range]::-ms-fill-lower {
	background: var(--color-grey-04);
	border: 0px solid rgba(1, 1, 1, 0);
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
.dca input[type=range]::-ms-fill-upper {
	background: var(--color-grey-04);
	border: 0px solid rgba(1, 1, 1, 0);
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
.dca input[type=range]::-ms-thumb {
	box-shadow: 1px 1px 1px var(--color-grey-18), 0px 0px 1px #4d4d4e;
	border: 0px solid var(--color-grey-18);
	height: 32px;
	width: 32px;
	border-radius: 16px;
	background: var(--color-grey-18);
	cursor: pointer;
}
.dca input[type=range]:focus::-ms-fill-lower {
	background: var(--color-grey-04);
}
.dca input[type=range]:focus::-ms-fill-upper {
	background: var(--color-grey-04);
}
.dca input[type=text] {
	display: none;
}
.booking__payment__donation + .booking__payment__gift-voucher,
.booking__payment__donation + .booking__payment__ext-voucher {
	border-top: 1px solid var(--color-grey-04);
	padding-top: 11px;
}
.booking__payment__donation__title .booking__payment__donation__title--tablet {
	display: none;
}


/* IE hack fix -
if not IE, apply these styles
has nothing to do with (display:block)
and everything to do with IE not supporting @supports */
@supports(display:block) {
	.dca__slider__value-min,
	.dca__slider__value-max {
		top: -20px;
	}
	.dca input[type=range] {
		margin: 14px 0;
	}
	.dca__body {
		padding: 4.2rem 0 0;
	}
}
@supports(display: grid) {
	.ibe__payment__donation {
		display: grid;
		grid-auto-columns: auto;
		grid-auto-flow: row;
		grid-gap: 15px;
	}
	.ibe__payment__donation__img {
		width: auto;
		margin-bottom: 0;
	}
}


/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.dca {
	    width: 350px;
	}
	.booking__payment__donation__title .booking__payment__donation__title--tablet {
		display: inline-block;
	}
	.booking__payment__donation__title .booking__payment__donation__title--mobile {
		display: none;
	}
	@supports(display: grid) {
		.ibe__payment__donation {
			display: grid;
		}
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.ibe__payment__donation__img {
		width:20%;
		max-width: 95px;
		margin: 0 20px 0 0;
		float: left;
	}
	@supports(display: grid) {
		.ibe__payment__donation {
			display: grid;
			grid-template-columns: 1fr 3fr;
		}
		.ibe__payment__donation__img {
			width:100%;
			margin: 0 auto;
		}
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.donation-slider-amount-description {
		float: left;
		margin: 8px 30px 0;
		width: 310px;
	}
	.section--make-a-donation__content__slider .donation-slider-amount {
		float: left;
	}
	.donation-slider-amount-value-wrapper {
		display: inline-block;
	}
	#donation-slider-amount-description__text {
		text-align: left;
	}
	.ibe__payment__donation__img {
		margin: 0 20px 0 0;
		float: left;
	}
	.dca__inner {
    	padding: 20px 25px;
	}
	.dca__button {
		font-size: 1.5rem;
    	padding: 6px 13px 5px;
	}
	.dca__buttons {
	    top: 20px;
	    right: 18px;
	}
	.booking__payment__donation + .booking__payment__gift-voucher,
	.booking__payment__donation + .booking__payment__ext-voucher {
		border-top: none;
		padding-top: 0;
	}
	@supports(display: grid) {
		.ibe__payment__donation {
			display: grid;
			grid-template-columns: 1fr 3fr;
		}
		.ibe__payment__donation__img {
			width:100%;
			margin: 0 auto;
		}
	}
}


/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--make-a-donation__content__slider {
		padding: 0 200px;
	}
	.donation-slider-amount-value-wrapper {
		font-size: 4.6rem;
		width: 179px;
		padding: 4px 15px;
	}
	.js--donation-btn.button,
	.dca__button {
	    padding: 10px 10px 8px;
	}
	.ibe__payment__donation__img {
		display:block;
		width:100%;
		margin: 0 auto 1.5rem;
		float: none;
	}
	.js--donation-form .field-elements-inline .field-element {
		padding: 0 2px;
	}
	.js--donation-form .button {
		font-size: 1.8rem;
	}
	@supports(display: grid) {
		.ibe__payment__donation {
			display: grid;
			grid-template-columns: 1fr;
		}
		.ibe__payment__donation__img {
			width:100%;
			margin-bottom: 0.5rem;
		}
	}
}

/* BP Large */
@media only screen and (min-width: 90em) { /* 1440px */
	.js--donation-form .field-elements-inline .field-element {
		padding: 0 5px;
	}
	.js--donation-form .button {
		font-size: 2rem;
	}
}

@media only screen and (min-width: 100em) /* 1600px */{
	@supports(display: grid) {
		.ibe__payment__donation {
			display: grid;
			grid-template-columns: 1fr 3fr;
		}
		.ibe__payment__donation__img {
			margin-bottom: 0;
		}
	}
}

/* external popup donation policy page - temp: Jan 2020 */
.magnific--page .mfp-iframe-scaler {
	min-height: 426px;
	padding-top: 80%;
	padding-top: 75vh;
}

@media (max-width: 900px) {
	.magnific--page .mfp-container {
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* ---- Articles ---- */
.article-list {
	list-style: none;
	padding: 0;
	margin-top: 22px;
	margin-bottom: 0;
}

.article-item {
	margin-bottom: 25px;
}

.article-item__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 1px;
}
.article-item__link,
a.article-item__link:not(.button),
a.article-item__link:not(.button):hover,
a.article-item__link:not(.button):focus {
	text-decoration: none;
	color: inherit;
}

/* Content */
.article-item__content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 15px 20px;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	min-width: 1px;
}
.article-item__content__title {
	font-size: 2.4rem;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 10px;
}
.article-item__content__title a {
	text-decoration: none;
}
.article-item__content__title a:not(.button) {
	color: inherit;
}
.article-item__content__title a:not(.button):hover,
.article-item__content__title a:not(.button):focus {
	color: var(--color-black);
}
.article-item__content__text blockquote {
	margin-top: 0;
}

/* Sub list */
.article-item__sublist {
	padding: 0;
	margin: 0;
	list-style: none;
}
.article-item__sublist__item {
	border-top: 1px solid #dcdcd6;
	padding: 20px 0 5px;
}
.article-item__sublist__item__image {
	margin-bottom: 20px;
	float: right;
	margin-left: 20px;
	width: 62px;
}

.article-item__sublist__links {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-left: -7px;
	margin-right: -7px;
}
.article-item__sublist__links__item--button {
	margin-left: 7px;
	margin-right: 7px;
}


/* Hidden content */
.article-item__content__hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.article-item--hidden-content-visible .article-item__content__hidden,
.article-item__sublist__item--hidden-content-visible .article-item__content__hidden {
	clip: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	position: static;
	width: auto;
	-webkit-animation: fadeInDown 200ms ease;
	        animation: fadeInDown 200ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

/* With columns */
.article-item__content__columns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-width: 1px;
}
.article-item__content__promo-errors {
	padding: 1em;
	border: 2px var(--color-grey-06) dotted;
	margin: 1em 0;
}

/* Map pins */
.park-list-pin {
	position: relative;
	margin: -10px 0 0 -10px;
}
.park-list-pin:before {
	content: "\e914";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 5rem;
	color: var(--color-primary);
	display: block;
}
.park-list-pin__letter {
	position: absolute;
	top: 11px;
	left: 15px;
	font-weight: bold;
	font-size: 1.4rem;
	border-radius: 50%;
	background-color: var(--color-grey-01);
	color: var(--color-grey-18);
	width: 20px;
	height: 20px;
	padding-top: 1px;
	text-align: center;
}

.article-item__content__sidebar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-width: 1px;
}
.article-item__content__sidebar__item {
	margin: 0;
}

/* Pets */
.article-item__content__sidebar .icon-item:first-child {
	margin-top: 0;
}

/* Affiliate list */
.affiliate-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.affiliate-item {
	margin: 0 20px 10px 0;
}
.affiliate-item:last-child {
	margin-right: 0;
}
.affiliate-item img {
	max-width: 60px;
}

/* Image */
.article-item__image {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 170px;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	    -ms-flex-order: 0;
	        order: 0;
}
.article-item__image__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.article-item__image .text-circle {
	position: absolute;
	top: 20px;
	right: 20px;
}

/* active article for park search results */
.park--active .article-item__inner {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.33);
}


/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */
	.article-item__image {
		height: 220px;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.article-item__sublist__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.article-item__sublist__item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 60px;
		    -ms-flex: 0 0 60px;
		        flex: 0 0 60px;
		margin-right: 20px;
		margin-bottom: 0;
		float: none;
		margin-left: 0;
		width: auto;
	}
	.article-item__sublist__item__main {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.article-item__sublist__item__header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.article-item__sublist__item__content {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
				flex: 1 1 auto;
	}

	.article-item__sublist__item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100px;
		    -ms-flex: 0 0 100px;
		        flex: 0 0 100px;
	}

	.article-item__sublist__links {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}

	.article-item__image {
		height: 250px;
	}
	.article-item__content__mainbar {
		min-width: 1px;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.article-item__content__sidebar {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 60px;
		text-align: center;
	}

	/* With columns */
	.affiliate-list {
		display: block;
	}
	.affiliate-item {
		margin: 0 0 10px 0;
	}
	.article-item__content__columns {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	.article-item__content__sidebar {
		display: block;
	}
	.article-item__content__sidebar__item {
		margin: 0 0 20px;
	}

	.affiliate-item img {
		max-width: none;
	}

}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.article-item__sublist__item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 150px;
		    -ms-flex: 0 0 150px;
		        flex: 0 0 150px;
		margin-right: 30px;
	}
	.article-item__content__title {
		font-size: 3rem;
	}
	.article-item__content__header .subtitle {
		margin-bottom: 5px;
	}

	/* Grid */
	.article-list--grid {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 5rem;
		   -moz-column-gap: 5rem;
		        column-gap: 5rem;
	}
	.article-list--grid .article-item {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.article-item {
		margin-bottom: 35px;
	}
	.article-item__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.article-item__content {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
		padding: 25px 30px;
	}
	.article-item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		    -ms-flex: 0 0 40%;
		        flex: 0 0 40%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
		height: auto;
	}

	/* Map */
	.article-item--map .article-item__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.article-item--map .article-item__content {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		padding: 25px 30px;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.article-item--map .article-item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		height: 290px;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.article-list {
		margin-top: 40px;
	}
	.article-item--map .article-item__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.article-item--map .article-item__content {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 60%;
		    -ms-flex: 1 1 60%;
		        flex: 1 1 60%;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0;
		padding: 25px 30px;
	}
	.article-item--map .article-item__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40%;
		    -ms-flex: 0 0 40%;
		        flex: 0 0 40%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
		height: auto;
	}
}

/* ---- Inline links ---- */

/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */
	.inline-links {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.inline-links__item {
		margin-right: 20px;
	}
	.inline-links__item:last-child {
		margin-right: 0;
	}

}

/* ---- Embedded TinyMCE Videos ---- */
.tinymce-media-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.tinymce-media-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tinymce-media-iframe {
    margin: 2rem 0;
}

iframe {
    border: 0;
}

/* ---- Videos list ---- */
.videos-list__item {
	margin: 0 auto 30px;
	max-width: 800px;
}
.videos-list__item:last-child {
	margin-bottom: 0;
}

/* ---- Videos slider ---- */
.videos-slider {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 60px;
}
.videos-slider .slick-arrow {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



/* ---- Video playhead icon ---- */

.video-play-button-overlay {
	position: relative;
}
.video-play-button-overlay:after {
	content: '\00a0';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.15) no-repeat center center;
	background-image: url(../images/icon_youtube.svg);
	background-size: 20% auto;
	transition: background 180ms ease-in-out;
}

.promo-box__link:hover .video-play-button-overlay:after {
	background-size: calc(20% + 8px) auto;
}


/* ---- Promo boxes ---- */
.promo-box-list {
	list-style: none;
	padding: 0;
	margin-top: 22px;
	margin-bottom: 0;
}

@media screen and (min-width: 125em) { /* 2000px */
	.home .promo-box-list {
		margin-left: auto;
		margin-right: auto;
		max-width: 2000px;
	}
}

.promo-box {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	min-width: 1px;
}
.promo-box__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	        min-width: 1px;
}
.promo-box__link,
.promo-box .promo-box__link:not(.button) {
	text-decoration: none;
}
.promo-box .promo-box__link:not(.button),
.promo-box .promo-box__link:not(.button):hover,
.promo-box .promo-box__link:not(.button):focus {
	color: inherit;
}

.promo-box__inner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	        min-width: 1px;
}
.promo-box__img-wrap {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.promo-box__img {
	width: 100%;
}
.promo-box__content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.promo-box__header,
.promo-box__text,
.promo-box__button {
	padding-left: 20px;
	padding-right: 20px;
}
.promo-box__header {
	text-align: center;
	padding-top: 16px;
	padding-bottom: 12px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
}
.promo-box__header__title {
	font-size: 2.2rem;
	text-transform: uppercase;
	font-weight: 900;
}
.promo-box--no-subtitle .promo-box__header__title {
	margin-bottom: 0;
}
.promo-box__header__title a,
.promo-box__header__title a:not(.button),
.promo-box__header__title a:not(.button):hover,
.promo-box__header__title a:not(.button):focus {
	color: inherit;
	text-decoration: none;
}
.promo-box__header__subtitle {
	margin: 0;
}
.promo-box__header__date {
	margin: 0;
	color: var(--color-grey-10);
}
.promo-box__text {
	border-top: 2px dashed var(--color-grey-04);
	padding-top: 16px;
	padding-bottom: 10px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.promo-box__button {
	margin: 0;
	text-align: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.promo-box__button .button {
	border-radius: 4px 4px 0 0;
}
.promo-box__img {
	position:relative;
	overflow:hidden;
}

/* Text circles */
.promo-box__img .text-circle {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1;
}
.promo-box__content .text-circle {
	position: absolute;
	top: -80px;
	left: 16px;
}

.promo-box__img .kids-club {
	position: absolute;
	bottom: 0;
	right: 20px;
	z-index: 1;
	text-indent: -999em;
	width: 70px;
	height: 70px;
	background: url(../images/dinkus_kidsclub_2023.svg) transparent no-repeat 100%;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.promo-box__header {
		padding-top: 18px;
		padding-bottom: 12px;
	}

	.promo-box-list--grid {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 5rem;
		   -moz-column-gap: 5rem;
		        column-gap: 5rem;
	}
	.promo-box-list--grid .promo-box {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	/* Grid */
	.promo-box-list--grid {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		        column-count: 3;
	}

	.promo-box__header__title {
		font-size: 2.5rem;
	}
	.promo-box__text {
		padding-top: 25px;
	}
	.promo-box-list {
		margin-top: 40px;
	}
	.promo-box {
		margin-bottom: 35px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.promo-box__header__title {
		font-size: 3rem;
	}
	.promo-box__header,
	.promo-box__text,
	.promo-box__button {
		padding-left: 30px;
		padding-right: 30px;
	}
	.promo-box__header {
		padding-top: 28px;
		padding-bottom: 20px;
	}
}


/* ---- Feature boxes ---- */
.feature-box-list {
	list-style: none;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 0;
}


@media screen and (min-width: 125em) { /* 2000px */
	.home .feature-box-list {
		margin-left: auto;
		margin-right: auto;
		max-width: 2000px;
	}
}

.feature-box {
	overflow: hidden;
	margin-bottom: 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-width: 1px;
}
.feature-box__link {
	min-width: 1px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.feature-box__link,
.feature-box .feature-box__link:not(.button) {
	text-decoration: none;
}
.feature-box .feature-box__link:not(.button),
.feature-box .feature-box__link:not(.button):hover,
.feature-box .feature-box__link:not(.button):focus {
	color: inherit;
}

.feature-box__inner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 1px;
}
.feature-box__image {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 1px;
}
.feature-box__image__hover {
	background-color: var(--color-white);
	border-top: 2px dashed var(--color-grey-04);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}

.feature-box__image__hover__text {
	padding: 18px 20px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.feature-box__image__hover__image {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	overflow: hidden;
	display: none;
}
.feature-box__image__img {
	width: 100%;
}
.feature-box__image__caption-text {
	position: absolute;
	bottom: 20px;
	right: 30px;
	color: var(--color-white);
	margin: 0;
	text-shadow: 0px 0px 8px rgba(0, 42, 76, 0.8);
}
.feature-box__content {
	padding: 17px 20px 10px;
	position: relative;
	z-index: 2;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 1px;
}
.feature-box__inner:where(.bg-white) .feature-box__content {
	background-color: var(--color-white);
}
.feature-box__title {
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 10px;
}
.feature-box__title a,
.feature-box__title a:not(.button) {
	text-decoration: none;
	color: inherit;
}
.feature-box__title a:not(.button):hover,
.feature-box__title a:not(.button):focus {
	color: var(--color-black);
}
.feature-box__header {
	padding-bottom: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.feature-box__header__subtitle {
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.feature-box__header__subtitle--extra {
	text-align: right;
}
.feature-box__icons {
	padding: 0;
}
.feature-box__icons__item {
	display: inline-block;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.feature-box__title {
		font-size: 2.5rem;
	}
	/* Grid */
	.feature-box-list--grid {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 5rem;
		   -moz-column-gap: 5rem;
		        column-gap: 5rem;
	}
	.feature-box-list--grid .feature-box {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.feature-box__content {
		padding: 20px 30px 12px;
	}
	.feature-box__image__hover__text {
		padding: 18px 30px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	/* Grid */
	.feature-box-list--grid {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		        column-count: 3;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.feature-box__title {
		font-size: 3rem;
	}
	.feature-box__content {
		padding: 32px 50px 18px;
	}

	.feature-box-list {
		margin-top: 40px;
	}
	.feature-box {
		margin-bottom: 35px;
	}


	.feature-box__image__hover__text {
		padding: 32px 50px 18px;
	}

	.feature-box__image__hover__image {
		display: block;
	}

	.feature-box__image__hover {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translateY(-100%);
		    -ms-transform: translateY(-100%);
		        transform: translateY(-100%);
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		-o-transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01), -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
	}

	.feature-box__image__caption-text {
		bottom: 30px;
		right: 50px;
	}

	.feature-box__button {
		position: absolute;
		bottom: 0;
		-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
				transform: translateY(100%);
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		-o-transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
		transition: transform 400ms cubic-bezier(0, 0.62, 0, 1.01), -webkit-transform 400ms cubic-bezier(0, 0.62, 0, 1.01);
	}
	.feature-box__button .button {
		border-radius: 0 0 4px 4px;
		position: relative;
	}


	/* Hover */
	.feature-box.feature-box--hover .feature-box__inner:hover .feature-box__image__hover {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	.feature-box.feature-box--hover .feature-box__inner:hover .feature-box__button {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	.feature-box.feature-box--hover .feature-box__inner:hover .feature-box__button .button {
		border-radius: 4px 4px 0 0;
	}

	/* No image */
	.feature-box.feature-box--no-image .feature-box__image__hover {
		position: relative;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.feature-box.feature-box--no-image .feature-box__button {
		position: relative;
		top: auto;
		bottom: auto;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	.feature-box.feature-box--no-image .feature-box__button .button {
		border-radius: 4px;
	}
	.feature-box.feature-box--no-image .feature-box__image__hover__text {
		padding: 18px 50px;
	}
}


/* ---- Tabs ---- */
.section--tabs {
	padding-bottom: 0;
}
.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.tabs__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	    -ms-flex: 1 1 50%;
	        flex: 1 1 50%;
	border-left: 1px solid var(--color-grey-01);
	border-right: 1px solid var(--color-grey-01);
	margin: 0 0 10px;
}
.tabs__item a {
	display: block;
	background-color: var(--color-grey-01);
	color: var(--color-grey-18);
	text-decoration: none;
	text-align: center;
	font-weight: 500;
	font-size: 1.3rem;
	padding: 9px 10px;
	position: relative;
	text-transform: uppercase;
	white-space: nowrap;
}
.tabs__item__hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* Hover */
.tabs__item a:hover,
.tabs__item a:focus {
	color: var(--color-grey-18);
	background-color: var(--color-grey-00);
}

/* White */
:where(.bg-white) .tabs__item a {
	background-color: var(--color-grey-01);
	color: var(--color-grey-18);
}
:where(.bg-white) .tabs__item a:hover,
:where(.bg-white) .tabs__item a:focus {
	color: var(--color-grey-18);
	background-color: var(--color-grey-03);
}
:where(.bg-white) .tabs__item {
	border-right-color: var(--color-grey-03);
}

/* Grey */
:where(.bg-grey) .tabs__item a {
	color: var(--color-grey-10);
	background-color: var(--color-white);
}
:where(.bg-grey) .tabs__item a:hover,
:where(.bg-grey) .tabs__item a:focus {
	color: var(--color-grey-18);
	background-color: var(--color-grey-00);
}
:where(.bg-grey) .tabs__item {
	border-right-color: var(--color-grey-01);
}

/* Active */
.tabs .tabs__item.tabs__item--active a {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.tabs__item.tabs__item--active a:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: var(--color-primary) transparent transparent transparent;
}

/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */

	.tabs__item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 33.333333%;
		    -ms-flex: 1 1 33.333333%;
		        flex: 1 1 33.333333%;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.section--tabs + .section {
		padding-top: 10px;
	}
	.tabs {
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		margin: 0;
	}
	.tabs__item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.tabs__item a {
		padding: 13px 10px;
	}
	.tabs__item.tabs__item--active a:after {
		border-width: 12px 12px 0 12px;
	}
	.tabs__item {
		margin-bottom: 16px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--tabs + .section {
		padding-top: 25px;
	}
	.tabs__item a {
		font-size: 1.6rem;
		padding: 16px 15px;
	}
	.tabs__item__hide {
		clip: auto;
		height: auto;
		margin: auto;
		overflow: visible;
		position: static;
		width: auto;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.tabs__item a {
		font-size: 1.7rem;
		padding: 22px 25px;
	}
}

/* ---- Discount codes ---- */
.accom-discount, .accom-campaign-promo {
	margin: 15px 0;
}
.accom-discount .discount-code {
	margin: 0 10px;
}
.accom-discount__type {
	vertical-align: bottom;
	padding: 6px 8px;
	line-height: 1;
	display: inline-block;
	font-weight: 400;
}
.accom-discount__cond--valid {
	color: var(--color-utility-positive-dark);
}
.accom-discount__cond--invalid {
	color: var(--color-utility-negative-dark);
}
.discount-code {
	display: inline-block;
	background-color: var(--color-utility-positive-dark);
	color: var(--color-white);
	padding: 6px 8px;
	line-height: 1;
	vertical-align: bottom;
}

/* Error */
.discount-code.discount-code--error {
	background-color: var(--color-utility-negative-dark);
}

/* ---- Campaign promos ---- */
.accom-discount + .accom-campaign-promo {
	margin: -15px 0 15px;
}

/* ---- Accom boxes ---- */

/* Skip link */
#content {
	position: relative;
	top: -130px;
}

/* Filters */
.accom-boxes__filters .field-element {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */
	.accom-boxes__filters .field-element {
		margin-bottom: 0;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.accom-boxes__filters .field-element {
		margin-left: auto;
		margin-right: 0;
	}
}

.accomodation-unavaliable__wrapper {
	text-align: center;
	padding: 20px 0;
}
.accomodation-unavaliable__title {
	text-transform: uppercase;
}
h3.explain-yourself {
	text-transform: uppercase;
	margin-top: -0.5em;
	margin-bottom: 0.75em;
	color: var(--color-grey-21);
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.accomodation-unavaliable__wrapper {
		text-align: center;
		padding: 40px 40px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.accomodation-unavaliable__wrapper {
		text-align: center;
		padding: 60px 20%;
	}
}

/* -- Loading msg -- */
.accom-loading-msg .processing {
	margin: 0 auto;
}

/* -- Tour button -- */
.tour-start-button {
	-webkit-appearance: none;
	border: none;
	background: none;
	padding: 0;
	color: var(--color-grey-10);
	outline: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.5rem;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	cursor: pointer;
	margin-bottom: 26px;
	display: none;
	text-align: left;
}
.tour-start-button:before {
	background-color: var(--color-grey-10);
	border-radius: 50%;
	margin-right: 10px;
	color: var(--color-white);
	font-size: 2rem;
	display: inline-block;
	vertical-align: bottom;
}
.tour-start-button:hover {
	color: var(--color-grey-18);
}
.tour-start-button:hover:before  {
	background-color: var(--color-grey-18);
}

/* Wider than iPad */
@media only screen and (min-width: 64.063em) { /* 1025px */
	.tour-start-button {
		display: block;
	}
}

/* -- List -- */
.accom-box-list {
	list-style: none;
	padding: 0;
	margin-top: 25px;
}

/* Sorted */
.accom-box-list--sorted .accom-box {
	-webkit-animation: growIn 700ms cubic-bezier(0, 0.39, 0.31, 1);
	        animation: growIn 700ms cubic-bezier(0, 0.39, 0.31, 1);
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.accom-box {
	position: relative;
	margin-bottom: 40px;
}
.accom-box__inner {
	height: 100%;
}

/* Top */
.accom-box__top {
	position: relative;
}
.accom-box__calendar {
	display: none;
	background-color: var(--color-white);
}

/* Gallery slider */
.accom-box__gallery {
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accom-box__gallery__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.accom-box__gallery__list__item {
	outline: none;
	position: relative;
}
.accom-box__gallery__list__item:nth-child(1n+2) {
	display: none;
}
.slick-slider .accom-box__gallery__list__item:nth-child(1n+2) {
	display: block;
}
.accom-box__gallery__list__item__height {
	padding-top: 63.83%;
}
.accom-box__gallery__list__item__img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}

/* Calendar button */
.accom-box__calendar-button {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background-color: transparent;
	color: var(--color-white);
	font-size: 3.4rem;
	padding: 0;
	position: absolute;
	right: 20px;
	top: -10px;
	cursor: pointer;
	z-index: 5;
}
.accom-box__calendar-button:before {
	display: block;
	background-color: var(--color-grey-18);
	padding: 2px;
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms;
	transition: -webkit-transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms;
	-o-transition: transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms;
	transition: transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms;
	transition: transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms, -webkit-transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms;
	-webkit-transform-origin: center top;
	    -ms-transform-origin: center top;
	        transform-origin: center top;
	z-index: 2;
	position: relative;
}
.accom-box__calendar-button:after {
	content: " ";
	position: absolute;
	width: 38px;
	height: 10px;
	top: 0;
	right: 10px;
	background-color: var(--color-grey-21);
	-webkit-transform: skew(-45deg);
	    -ms-transform: skew(-45deg);
	        transform: skew(-45deg);
	z-index: 0;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	-o-transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1), -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	-webkit-transform-origin: bottom center;
	    -ms-transform-origin: bottom center;
	        transform-origin: bottom center;
}
.accom-box__calendar-button:hover:before {
	background-color: var(--color-grey-14);
}
.accom-box__calendar-button:focus {
	outline: none;
	border: none;
}

/* accomodation details decal */
.accom-box__accom-details {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background-color: var(--color-primary);
	color: var(--color-white);
	padding: 0;
	position: absolute;
	left: 20px;
	top: -10px;
	cursor: pointer;
	z-index: 5;
	height: 38px;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
}
.accom-box__accom-details__wrapper {
	position:relative;
	background-color: var(--color-primary);
	padding:6px 10px;
}
.accom-box__accom-details .details__content {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 500;
}
.accom-box__accom-details:after {
	content: " ";
	position: absolute;
	width: calc(100% - 1px);
    height: 10px;
    top: 0;
    right: 6px;
	background-color: var(--color-primary-dark);
	-webkit-transform: skew(-45deg);
	    -ms-transform: skew(-45deg);
	        transform: skew(-45deg);
	z-index: -1;
}
.accom-box__accom-details:hover,
.accom-box__accom-details:hover .accom-box__accom-details__wrapper,
.accom-box__accom-details:hover .accom-box__accom-details__wrapper:before {
	background-color: var(--color-primary);
}
.accom-box__accom-details .accom-box__accom-details__wrapper:focus {
	outline: none;
	border: none;
}

@media only screen and (min-width: 87.5em){
	.accom-box__accom-details {
	    left: 30px;
	}
}

/* Calendar */
.accom-box__daterangepicker {
	display: none;
}
.accom-box__calendar__content {
	padding: 10px 12px;
	background: var(--color-white);
}
.accom-box__calendar__content .daterangepicker {
	position: relative;
	top: auto !important;
	left: auto !important;
	padding: 0;
	border: none;
	display: block !important;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	margin: 0;
	border-radius: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: auto;
}
.accom-box__calendar__content .daterangepicker .calendar.left {
	margin: 0 0 17px;
}
.accom-box__calendar__content .daterangepicker .calendar.left .calendar-table {
	height: 100%;
}

.accom-box__calendar__content .daterangepicker.opensright:before,
.accom-box__calendar__content .daterangepicker.opensright:after {
	content: none;
}
.accom-box__calendar__content .daterangepicker .calendar td {
    padding-left: 0;
    padding-right: 0;
}
.accom-box__calendar__content .daterangepicker .calendar.left,
.accom-box__calendar__content .daterangepicker .calendar.right {
	float: none;
}

.accom-box__calendar__header {
	border-bottom: 2px solid var(--color-grey-01);
	padding: 2px 15px 0 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--color-white);
}
.accom-box__calendar__title {
	color: var(--color-grey-10);
	font-weight: 500;
	font-size: 1.6rem;
	text-align: center;
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.accom-box__calendar__title:before {
	font-size: 2.6rem;
	vertical-align: top;
	margin: -3px 4px 0 0;
	display: inline-block;
}
.accom-box__calendar__calendar__close {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: none;
	color: var(--color-grey-10);
	font-size: 2.1rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}
.accom-box__calendar__calendar__close:before {
	display: block;
}
.accom-box__calendar__calendar__close:hover,
.accom-box__calendar__calendar__close:focus {
	color: var(--color-grey-18);
}

/* Content */
.accom-box__content {
	padding: 20px 20px;
	position: relative;
}
.accom-box__content .text-circle {
	position: absolute;
	top: -60px;
	right: 70px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.accom-box__title {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 0 0 2px;
}
.accom-box__subtitle {
	text-transform: uppercase;
	font-weight: 500;
	color: var(--color-grey-10);
	font-size: 1.4rem;
	margin: 0 0 7px;
}
.accom-box__prices {
	margin-bottom: 10px;
}
.accom-box__discount-code {
	position: absolute;
	top: -10px;
	left: 20px;
	z-index: 8;
}
.accom-box__discount-code:before {
	content: " ";
	position: absolute;
	right: 100%;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--color-utility-positive-dark) transparent;
}
.accom-box__members-price {
	color: var(--color-grey-10);
}

.accom-box__prices p {
	margin-bottom: 2px;
	font-weight: 500;
	font-size: 1.8rem;
}
.accom-box__prices .accom-box__members-price {
	font-size: 1.4rem;
	text-transform: uppercase;
	/* [1] */
	/* to match with .accom-box__subtitle font-size */
}


.accom-box__buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.accom-box__buttons__button {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	    -ms-flex: 1 1 50%;
	        flex: 1 1 50%;
}
.accom-box__buttons__button.accom-box__buttons__button--book {
	text-align: right;
}
.accom-box__buttons__park-name a {
	text-decoration: none;
}
:where(.bg-grey) .accom-box__buttons__park-name a:not(.button) {
	color: inherit;
}

/* Calendar active */
.accom-box.accom-box--calendar .accom-box__content .text-circle {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	    -ms-transform: translateY(-20px);
	        transform: translateY(-20px);
}
.accom-box.accom-box--calendar .accom-box__calendar {
	display: block;
	-webkit-animation: fadeIn 300ms ease;
	        animation: fadeIn 300ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
.accom-box.accom-box--calendar .accom-box__calendar-button {
	pointer-events: none;
}
.accom-box.accom-box--calendar .accom-box__calendar-button:before {
	-webkit-transform: rotateX(90deg) skew(18deg);
	        transform: rotateX(90deg) skew(18deg);
	-webkit-transition-delay: 0ms;
	     -o-transition-delay: 0ms;
	        transition-delay: 0ms;
}
.accom-box.accom-box--calendar .accom-box__calendar-button:after {
	-webkit-transform: rotateX(90deg) skew(-20deg);
	        transform: rotateX(90deg) skew(-20deg);
	-webkit-transition-delay: 250ms;
	     -o-transition-delay: 250ms;
	        transition-delay: 250ms;
}
.accom-box.accom-box--calendar .accom-box__calendar-button .tooltip__content {
	display: none;
}


/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */
	.accom-box__calendar {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3;
	}
	.accom-box.accom-box--calendar .accom-box__gallery {
		opacity: 0;
	}
	.accom-box__calendar__content .daterangepicker {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.accom-box__calendar__content  .daterangepicker .calendar {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 50%;
		    -ms-flex: 1 1 50%;
		        flex: 1 1 50%;
	}
	.accom-box__calendar__content .daterangepicker .calendar.left {
		margin: 0;
	}
	.accom-box__calendar__content  .daterangepicker .calendar.left .calendar-table {
		padding-right: 8px;
		border-right: 2px solid var(--color-grey-01);
		height: 100%;
	}
	.accom-box__calendar__content  .daterangepicker .calendar.right .calendar-table {
		padding-left: 8px;
	}
	.accom-box__calendar {
		border-bottom: 2px solid var(--color-grey-01);
	}
	.accom-box__calendar__content {
		padding: 7px 12px;
	}
}



@media only screen and (max-width: 31.188em) { /* 499px */
	/* Date picker */
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media only screen and (max-width: 28.063em) { /* 449px */
	/* Date picker */
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 1.1rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 6px 0 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.3rem;
	}
}

/* BP Extra extra small */
@media only screen and (max-width: 23.125em) { /* 369px */
	/* Date picker */
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.4rem;
	}
}

/* ==== Side by side ==== */

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.accom-box__content .text-circle {
		top: -10px;
		right: auto;
		left: -80px;
	}
}

@media only screen and (min-width: 37.5em) /* 600px */ and (max-width: 48em) { /* 768px */
	.accom-box__buttons {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.accom-box__buttons__button {
		margin-right: 8px;
	}
	.accom-box__buttons__button.accom-box__buttons__button--book {
		margin-right: 0;
	}

	.accom-box__calendar {
		border-bottom: none;
	}
	.accom-box__calendar__calendar__close {
		font-size: 2.1rem;
		width: 30px;
		height: 30px;
	}
	.accom-box__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		position: relative;
	}
	.accom-box__top {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 50%;
		position: static;
	}
	.accom-box__content {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding-right: 50px;
	}
	.accom-box__gallery {
		position: relative;
	}
	.accom-box__calendar__content {
		padding: 0 12px;
	}

	.accom-box__title {
		font-size: 1.8rem;
		margin: 0 0 1px;
	}
	.accom-box__subtitle {
		font-size: 1.4rem;
		margin: 0 0 5px;
	}
	.accom-box__prices p {
		font-size: 1.8rem;
	}

	/* Date picker */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 4px 0 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.3rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 1.1rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar {
		max-width: 210px;
	}
	.accom-box__calendar__content .daterangepicker .calendar-table {
		padding-top: 2px;
	}
}


@media only screen and (min-width: 43.75em) /* 700px */ and (max-width: 48em) { /* 768px */
	.accom-box__calendar__content .daterangepicker .calendar-table {
		padding-top: 7px;
	}
	.accom-box__title {
		font-size: 1.8rem;
		margin: 0 0 2px;
	}
	.accom-box__subtitle {
		font-size: 1.4rem;
		margin: 0 0 7px;
	}
	.accom-box__prices {
		margin-bottom: 15px;
	}
	.accom-box__top {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 47%;
		    -ms-flex: 0 0 47%;
		        flex: 0 0 47%;
		max-width: 47%;
	}

}



/* ==== Two columns ==== */

/* Datepicker */
@media only screen and (min-width: 48.063em) /* 769px */ and (max-width: 66.250em) { /* 1060px */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 4px 0 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.3rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 1.1rem;
	}
}

@media only screen and (min-width: 54.375em) /* 870px */ and (max-width: 66.250em) { /* 1060px */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 7px 0 6px;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.4rem;
	}
}

@media only screen and (min-width: 62em) /* 992px */ and (max-width: 66.250em) { /* 1060px */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 8px 0 5px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.5rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}


/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.accom-box-list {
		margin-top: 35px;
	}
	.accom-box__content .text-circle {
		top: -60px;
		right: 60px;
		left: auto;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.accom-box__calendar__header {
		padding: 7px 15px 2px 45px;
	}
	.accom-box__calendar__content {
		padding: 15px 12px;
	}
	.accom-box__calendar__title {
		font-size: 1.7rem;
	}
	.accom-box__calendar__title:before {
		font-size: 3rem;
		margin: -4px 4px 0 0;
	}
	.accom-box__content .text-circle {
		top: -55px;
		right: 70px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.accom-box__content .text-circle {
		top: -80px;
		right: 70px;
	}
}
@media only screen and (min-width: 87.5em) {
	.accom-box__prices .accom-box__members-price { /* [1] */
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 107.5em) {
	.accom-box__prices .accom-box__members-price { /* [1] */
	    font-size: 1.6rem;
	}
	.accom-box__prices p {
	    margin-bottom: 8px;
	    font-size: 2rem;
		/* to match .accom-box__title styles */
	}
}

/* ==== Three columns ==== */

/* Datepicker */
@media only screen and (min-width: 80em) /* 1280px */ and (max-width: 99.938em) { /* 1599px */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 7px 0 4px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.4rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 1.1rem;
	}
}

@media only screen and (min-width: 87.5em) /* 1400px */ and (max-width: 99.938em) { /* 1599px */
	.accom-box__calendar__content .daterangepicker .calendar th {
		padding: 8px 0 5px;
	}
	.accom-box__calendar__content .daterangepicker th.month {
		font-size: 1.5rem;
	}
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media only screen and (min-width: 93.75em) /* 1500px */ and (max-width: 99.938em) { /* 1599px */
	.accom-box__calendar__content .daterangepicker .calendar td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */

}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.accom-box__calendar__header {
		padding: 7px 20px 2px 60px;
	}
	.accom-box__calendar-button {
		right: 30px;
	}
	.accom-box__discount-code {
		left: 30px;
	}
	.accom-box__content {
		padding: 25px 30px;
	}
	.accom-box__title {
		font-size: 1.9rem;
		margin: 0 0 6px;
	}
	.accom-box__subtitle {
		font-size: 1.5rem;
		margin: 0 0 10px;
	}
	.accom-box__prices {
		margin-bottom: 15px;
	}
	.accom-box__price p {
		font-size: 1.9rem;
	}
}

/* BP Extra extra extra large */
@media only screen and (min-width: 107.5em) { /* 1720px */
	.accom-box__calendar__content {
		padding: 25px 12px;
	}
	.accom-box__calendar__header {
		padding: 11px 20px 7px 60px;
	}
	.accom-box__calendar__calendar__close {
		font-size: 2.6rem;
		width: 40px;
		height: 40px;
	}
	.accom-box__calendar__title {
		font-size: 2rem;
	}
	.accom-box__calendar__title:before {
		font-size: 3.5rem;
		margin: -5px 4px 0 0;
	}

	.accom-box__title {
		font-size: 2rem;
		margin: 0 0 8px;
	}
	.accom-box__subtitle {
		font-size: 1.6rem;
		margin: 0 0 10px;
	}
	.accom-box__price {
		font-size: 2rem;
		margin: 0 0 3px;
	}
	.accom-box__price__was {
		font-size: 1.6rem;
	}
	.accom-box__members-price {
		font-size: 2rem;
		margin: 0 0 10px;
	}
}

/* ---- Header ---- */
.section--header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 66px;
	padding: 4px 0;
	border-bottom: 1px solid var(--color-primary-dark);
	-webkit-transition: all 400ms ease 350ms;
	-o-transition: all 400ms ease 350ms;
	transition: all 400ms ease 350ms;
}

.header__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header__logo {
	margin-top: 3px;
	float: left;
	margin-right: 2px;
}
.header__logo a {
	display: block;
}
.header__logo__img {
	height: calc(var(--mobile-menu-height, 48px) - 8px);
	width: calc((var(--mobile-menu-height, 48px) - 8px) * 1.162);
}
.header__inner #frankenmenu {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.header-inactive .section--header {
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}

/* Unfixed */
.header-unfixed .section--header {
	position: absolute;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.header__logo {
		margin-right: 20px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--header {
		display: block;
		padding-bottom: 0;
	}
	.header__logo {
		margin-top: 0;
		float: none;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 0;
	}
	.header__logo__img {
		width: 67px;
		height: 58px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--header {
		height: 104px;
		padding-block: 10px;
	}
	.header__logo__img {
		width: 102px;
		height: 88px;
	}
}


/* ---- Content ---- */
.mainbar > :first-child {
	margin-top: 0;
}
.sidebar {
	margin-top: 20px;
}
.first-xs .sidebar {
	margin-top: 0;
}


/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.sidebar {
		margin-top: 0;
	}
}

/* ---- State template ---- */
.state-map,
.park-list-pin {
	display: none;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.state-map,
	.park-list-pin {
		display: block;
	}
	.state-map-sticky .state-map {
		position: fixed;
		top: 66px;
		left: 25px;
		width: 300px;
	}
}
/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.state-map-sticky .state-map {
		top: 104px;
	}
}



/* ---- Footer ---- */

.home #footer {
	max-width: 2000px;
	margin: auto;
}


/* ---- Social ---- */

/* Social list */
.footer-social-list {
	list-style: none;
	padding: 0;
	margin: 0 -0.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.footer-social-list__item {
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 0.5rem;
}
.footer-social-list__item:last-child {
	margin-right: 0;
}
.footer-social-list__item a {
	text-decoration: none;
	color: var(--color-white);
	background-color: var(--color-primary);
	border-radius: 50%;
	text-indent: -9999px;
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	transition:
		color var(--link-transition-duration),
		background-color var(--link-transition-duration);
}
.footer-social-list__item a:hover {
	background-color: var(--color-primary-dark);
}

.footer-social-list__item span {
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 3rem;
}
.footer-social-list__item span:before {
	display: block;
}


/* Facebook post */
.footer-fb-post .socialiser-single-wide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.footer-fb-post-content {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.footer-fb-post-title {
	font-size: 2rem;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.footer-fb-post-title a {
	color: var(--color-white);
	text-decoration: none;
}
.footer-fb-post-title a:hover,
.footer-fb-post-title a:focus {
	text-decoration: underline;
	color: var(--color-pale-blue);
}
.footer-fb-post-time {
	font-size: 1.4rem;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 12px;
	display: block;
}
.footer-fb-post-text {
	line-height: 1.2;
	font-size: 1.6rem;
}
.footer-fb-post-text a {
	text-decoration: underline;
}
.footer-fb-post-more {
	white-space: nowrap;
}
.footer-fb-actions-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.footer-fb-actions-list-item {
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin-right: 19px;
}
.footer-fb-actions-list-item:last-child {
	margin-right: 0;
}
.footer-fb-actions-list-item a {
	font-size: 1.4rem;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--color-white);
	text-decoration: none;
}
.footer-fb-actions-list-item a:hover,
.footer-fb-actions-list-item a:focus {
	color: var(--color-pale-blue);
}
.footer-fb-actions-list-item a.icon-before:before {
	color: var(--color-tertiary);
	margin-right: 7px;
	font-size: 2.4rem;
	vertical-align: top;
}

/* Post info */
.footer-fb-post {
	display: none;
}
.footer-fb-post-info {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58px;
	    -ms-flex: 0 0 58px;
	        flex: 0 0 58px;
	padding-right: 20px;
}

.footer-fb-post-avatar-wrapper {
	background-color: var(--color-white);
	border-radius: 4px 4px 0 0;
	padding: 6px;
	text-align: center;
}
.footer-fb-post-facebook-icon-wrapper {
	position: relative;
}
.footer-fb-post-facebook-icon {
	margin: 0;
}
.footer-fb-post-facebook-icon a {
	text-decoration: none;
	background-color: var(--color-tertiary);
	display: block;
	border-radius: 0 0 4px 4px;
	text-indent: 0;
	color: var(--color-white);
	text-align: center;
	font-size: 3rem;
	padding: 3px 0;
}
.footer-fb-post-facebook-icon a:before {
	display: block;
}
.footer-fb-post-facebook-icon a:hover {
	background-color: var(--color-tertiary);
}

div.socialiser-single-wide p {
	min-height: 0;
}
div.socialiser-single-wide img {
	float: none;
	margin: 0;
}

.footer-fb-post-likes {
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.1;
	margin-top: 11px;
	display: block;
}
.footer-fb-post-likes-number {
	font-size: 2rem;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.footer-fb-post {
		display: block;
	}
	.footer-social-list {
		margin-bottom: 20px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.footer-fb-post-title {
		font-size: 2.5rem;
	}
	.footer-fb-post-info {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40px;
		    -ms-flex: 0 0 40px;
		        flex: 0 0 40px;
		padding-right: 20px;
	}
	.footer-fb-post-facebook-icon a {
		font-size: 3.5rem;
	}
	.footer-social-list__item a {
		width: 40px;
		height: 40px;
	}
	.footer-social-list__item span {
		font-size: 3rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.footer-social-list__item a {
		width: 64px;
		height: 64px;
	}
	.footer-social-list__item span {
		font-size: 5rem;
	}
	.footer-social-list {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.footer-social-list__item {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.footer-social-list__item a {
		width: 70px;
		height: 70px;
	}
	.footer-social-list__item span {
		font-size: 5rem;
	}
	.footer-fb-post-info {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 78px;
		    -ms-flex: 0 0 78px;
		        flex: 0 0 78px;
		padding-right: 30px;
	}
	.footer-fb-post-facebook-icon a {
		font-size: 4rem;
	}
	.footer-fb-post-text {
		font-size: 1.7rem;
	}
	.footer-social-list {
		margin-bottom: 0;
		justify-content: space-around;;
	}
}


/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--social {
		border-top: 25px solid var(--color-secondary);
		padding-bottom: 60px;
	}
	.footer-social-list__item a {
		width: 90px;
		height: 90px;
	}
	.footer-social-list__item span {
		font-size: 6.4rem;
	}
	.footer-fb-post-info {
		padding-right: 40px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 93px;
		    -ms-flex: 0 0 93px;
		        flex: 0 0 93px;
	}

	.footer-fb-post-title {
		font-size: 3rem;
	}
	.footer-fb-post-facebook-icon a {
		padding: 6px 0;
	}
	.footer-fb-post-text {
		font-size: 1.8rem;
	}
}

/* ---- Enews signup ---- */
.section--enews-signup {
	padding: 0;
}
.enews-signup-title {
	color: var(--color-white);
	width: 24%;
}
.enews-signup-email {
	width: 51.6%;
}
.enews-signup-button {
	width: 23%;
}
.enews-signup-button .icon-mail:before {
	font-size: 16px;
	position: relative;
	top: -2px;
}


/* ---- Locations section ---- */
.section--location-list {
	display: none;
}

.locations-list a {
	-webkit-column-break-inside: avoid;
	   page-break-inside: avoid;
	        break-inside: avoid;
}

.locations-list-item-depth2 {
	display: inline-block;
	width: 100%;
}

.locations-list-items--title--resorts {
	margin: 3.6rem 0 1.5rem 0;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.locations-list {
		-webkit-columns: 2;
		   -moz-columns: 2;
				columns: 2;
		-webkit-column-gap: 40px;
		   -moz-column-gap: 40px;
				column-gap: 40px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.locations-list {
		-webkit-columns: 3;
		   -moz-columns: 3;
				columns: 3;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--location-list {
		display: block;
	}
	.locations-list {
		-webkit-columns: 4;
		   -moz-columns: 4;
				columns: 4;
	}
}


/* ---- Bottom footer ---- */
.section--footer {
	padding-top: 56px;
	padding-bottom: 40px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: 500; /* medium weight */
}
.section--footer a {
	text-decoration: none;
}
.section--footer a:hover {
	text-decoration: underline;
}
.section--footer .copyright {
	margin: 0 0 5px;
	opacity: 0.75;
}
.footer__gday-logo {
	display: block;
	margin: 0 auto 32px;
}
.footer-links-list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
}

/* Booking footer */
.booking-support__open-time {
	margin-bottom: 20px;
}
.booking-support__open-time:last-child {
	margin-bottom: 0;
}
.booking-support__open-time__title,
.booking-support__open-time__text {
	margin-bottom: 0;
}


/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.booking-support__open-time__title {
		margin-bottom: 8px;
	}
	.footer-links-list-item {
		display: inline-block;
	}
	.footer-links-list-item:after {
		content: " ";
		width: 1px;
		height: 16px;
		background-color: var(--color-primary);
		border-right: 1px solid var(--color-white);
		display: inline-block;
		margin: 3px 2px 0 7px;
		vertical-align: top;
	}
	.footer-links-list-item:last-child:after {
		content: none;
	}
	.booking-support__open-time:last-child {
		margin-bottom: 20px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--footer .copyright {
		margin: 0;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--footer {
		border-bottom: 25px solid var(--color-secondary);
		font-size: 1.6rem;
	}
}

.footer__gday-logo {
	max-width: 60%;
}
@media only screen and (min-width: 62em) { /* 992px */
	.footer__gday-logo {
		max-width: 100%;
	}
}


/* ---- Page title ---- */
.section--page-title .lined-text {
	margin-bottom: 0;
}
.page-title__logo {
	margin-top: 3px;
	float: left;
	display: none;
}


/* BP Extra extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */

}

/* BP Extra extra  small */
@media only screen and (min-width: 30em) { /* 480px */

}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */

}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */

}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */

	/*
	CART BAR - Multi park bookings CSS

	This view has been removed from the templates
	but leaving for future use if they impliment again.
	Also scared I might break things.
	*/
	html:not(.cart-bar-init) .cart-bar__info__text {
		display: none;
	}
	.cart-bar,
	.cart-bar__info__text__title,
	.cart-bar__info__count__items {
		display: none;
	}
	.cart-bar__info__text {
		float: left;
		transition: opacity 200ms ease;
	}
	.cart-bar-empty .cart-bar__info__text {
		opacity: 0;
		pointer-events: none;
	}
	.cart-bar__info__text a {
		text-decoration: none;
		color: var(--color-white);
		padding: 5px 5px 0;
		height: 40px;
		display: block;
		position: relative;
	}
	.cart-bar__info__count {
		margin: 0;
	}
	.cart-bar__info__count:before {
		content: "\e935";
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 3.4rem;
		display: block;
	}
	.cart-bar__info__count__value {
		width: 17px;
		height: 17px;
		background-color: var(--color-quaternary);
		color: var(--color-white);
		border-radius: 50%;
		display: block;
		font-weight: bold;
		font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
		text-align: center;
		font-size: 1.3rem;
		position: absolute;
		top: 2px;
		right: 2px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	html:not(.cart-bar-init) .cart-bar {
		display: none;
	}
	.cart-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 400;
		border-top: 1px solid var(--color-grey-04);
		transition: all 500ms ease;
		transform: translateY(100%);
	}
	.cart-bar__inner {
		display: flex;
		flex-wrap: nowrap;
	}

	/* Info */
	.cart-bar__info {
		display: flex;
		flex-wrap: nowrap;
		padding: 14px 13px 10px;
		border-right: 1px solid var(--color-grey-04);
		border-left: 1px solid transparent;
		border-top: 1px solid transparent;
		position: relative;
		flex: 0 0 auto;
		background-color: var(--color-white);
		transition: all 250ms ease;
	}
	.cart-bar__info:hover {
		background-color: var(--color-grey-01);
	}
	.cart-bar__info__icon {
		color: var(--color-grey-08);
		font-size: 2.8rem;
		padding-right: 6px;
	}
	.cart-bar__info__icon:before {
		display: block;
		margin-top: -8px;
	}
	.cart-bar__info__text a {
		text-decoration: none;
	}
	.cart-bar__info__text a:not(.button) {
		color: inherit;
	}
	.cart-bar__info__text__title {
		color: var(--color-grey-08);
		font-size: 1.5rem;
		font-weight: 500;
		margin: 0;
		transition: all 250ms ease;
	}
	.cart-bar__info__count {
		margin: 0;
		font-size: 1.5rem;
	}
	.cart-bar-empty .cart-bar__info__count__value {
		display: none;
	}
	.cart-bar__info__button {
		-webkit-appearance: none;
		padding: 0;
		border: none;
		outline: none;
		background: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		z-index: 1;
		cursor: pointer;
	}
	.cart-bar__info__text__title:after {
		font-size: 2rem;
		display: inline-block;
		vertical-align: top;
		margin: -3px 0 0 7px;
	}

	/* Items */
	.cart-bar__items {
		flex: 1 1 auto;
		padding: 1px 30px 0px;
		display: flex;
		align-items: center;
		border-left: 1px solid var(--color-grey-04);
		transition: opacity 250ms ease;
	}
	.cart-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.cart-list {
		list-style: none;
		padding: 0;
		margin: 0 -0.4rem;
		display: flex;
		flex-wrap: wrap;
		flex: 1 1 auto;
	}
	.cart-list__item {
		flex: 0 1 auto;
		margin-bottom: 7px;
		position: relative;
	}
	.cart-list__item__thumb__remove-button .tooltip__content {
		z-index: 100;
	}


	/* Removing */
	.cart-list__item.cart-list__item--removing {
		animation: fadeOut 300ms ease;
		animation-fill-mode: forwards;
	}


	.cart-list__item__thumb {
		padding: 0 0.4rem;
		width: 68px;
	}
	.cart-list__item--ajax-added .cart-list__item__thumb {
		animation: growInFade 400ms ease;
		animation-fill-mode: forwards;
	}
	.cart-list__item__thumb__remove-button {
		-webkit-appearance: none;
		padding: 0;
		border: none;
		outline: none;
		background: none;
		color: var(--color-grey-08);
		font-size: 1.5rem;
		display: block;
		margin: -2px -3px -1px auto;
		cursor: pointer;
	}
	.cart-list__item__thumb__remove-button:before {
		display: block;
	}
	.cart-list__item__thumb__remove-button:hover {
		color: var(--color-grey-18);
	}
	.cart-list__item__thumb__image {
		display: block;
		background-color: var(--color-grey-01);
		min-height: 42px;
	}
	.cart-list__item__thumb__image.tooltip .tooltip__content {
		bottom: 56px;
	}
	.cart-list__item__thumb__image:hover img {
		opacity: 0.9;
	}

	.cart-list__item:nth-last-child(1n+9) {
		display: none;
	}

	/* Item hover */
	.cart-list__item__hover {
		display: none;
		position: absolute;
		bottom: 100%;
		left: 3px;
		background: var(--color-white);
		padding: 15px 17px;
		border-radius: 4px;
		border: 1px solid var(--color-grey-04);
		width: 320px;
		animation: fadeInUp 200ms;
		animation-fill-mode: forwards;
	}
	.cart-list__item__hover:before {
		position: absolute;
		bottom: -7px;
		left: 24px;
		display: inline-block;
		border-right: 7px solid transparent;
		border-top: 7px solid var(--color-grey-04);
		border-left: 7px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.2);
		content: '';
	}

	.cart-list__item__hover:after {
		position: absolute;
		bottom: -6px;
		left: 25px;
		display: inline-block;
		border-right: 6px solid transparent;
		border-top: 6px solid var(--color-white);
		border-left: 6px solid transparent;
		content: '';
	}

	.cart-list__item__hover__header {
		padding-right: 25px;
		margin-bottom: 15px;
	}
	.cart-list__item__hover__header .subtitle {
		margin-bottom: 0;
	}
	.cart-list__item__title {
		text-transform: uppercase;
		font-size: 1.9rem;
	}
	.cart-list__item__title a {
		text-decoration: none;
	}
	.cart-list__item__title a:not(.button),
	.cart-list__item__title a:not(.button):hover,
	.cart-list__item__title a:not(.button):focus {
		color: inherit;
	}
	.cart-list__item__hover__close-button {
		-webkit-appearance: none;
		padding: 0;
		border: none;
		outline: none;
		background: none;
		color: var(--color-grey-08);
		font-size: 2.2rem;
		display: block;
		cursor: pointer;
		position: absolute;
		top: 11px;
		right: 11px;
	}
	.cart-list__item__hover__close-button:before {
		display: block;
	}
	.cart-list__item__hover__close-button:hover {
		color: var(--color-grey-18);
	}
	.cart-list__item__hover__image {
		margin-bottom: 16px;
	}
	.cart-list__item__hover__image a {
		display: block;
	}

	.cart-list__item__hover__info__park {
		font-size: 2rem;
		font-weight: 500;
		line-height: 1.2;
		margin: 0 0 3px;
	}
	.cart-list__item__hover__info__subtitle {
		margin-bottom: 6px;
	}
	.cart-list__item__hover__info__prices {
		margin-bottom: 10px;
	}
	.cart-list__item__hover__info__prices p {
		margin-bottom: 1px;
		font-weight: 500;
		font-size: 1.8rem;
	}

	.cart-list__item__hover__info__members-price {
		margin: 0 0 10px;
		color: var(--color-grey-08);
	}
	.cart-list__item.cart-list__item--hover .cart-list__item__hover {
		display: block;
	}


	/* Button */
	.cart-bar__book-button,
	.cart-bar__continue-button {
		flex: 0 0 auto;
		padding: 12px 0;
		display: flex;
		align-items: center;
		transition: opacity 250ms ease;
	}
	.cart-bar__continue-button {
		margin-right: 10px;
	}

	/* Open */
	.cart-bar-show .cart-bar {
		transform: none;
		transition-duration: 250ms;
	}

	/* Closed */
	.cart-bar-closed .cart-bar {
		background-color: transparent;
		border-top: none;
		transform: translateY(100%);
	}
	.cart-bar-closed .cart-bar__info {
		transform: translateY(calc(-100% + 10px));
		padding-top: 9px;
		border-left-color: var(--color-grey-04);
		border-top-color: var(--color-grey-04);
		border-right-color: var(--color-grey-04);
	}
	.cart-bar-closed .cart-bar__items,
	.cart-bar-closed .cart-bar__book-button,
	.cart-bar-closed .cart-bar__continue-button {
		opacity: 0;
	}
	.cart-bar-closed .cart-bar .tooltip__content {
		display: none;
	}

}

/* Max Extra BP */
@media only screen and (max-width: 71.813em) { /* 1149px */

}

/* Max BP Large */
@media only screen and (max-width: 79.938em) { /* 1279px */

}

/* Max BP large with max height */
@media only screen and (max-width: 79.938em) /* 1280px */, screen and (max-height: 37.438em) { /* 599px */
	.cart-bar__book-button .button,
	.cart-bar__continue-button .button {
		font-size: 1.5rem;
		padding: 6px 13px 5px;
	}
}

/* Min BP large with min height */
@media only screen and (min-width: 80em) /* 1280px */ and (min-height: 37.5em) { /* 600px */
	.cart-list {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
	}
	.cart-list__item {
		margin-bottom: 7px;
	}
	.cart-list__item__thumb {
		padding-left: 0.6rem;
		padding-right: 0.6rem;
		width: 82px;
	}
	.cart-bar__info {
		padding: 18px 18px 15px;
	}
	.cart-bar__info__icon {
		font-size: 3.4rem;
		padding-right: 10px;
	}
	.cart-bar__info__icon:before {
		margin-top: -10px;
	}
	.cart-bar__info__text__title {
		font-size: 1.6rem;
	}
	.cart-bar__info__count {
		font-size: 1.7rem;
	}
	.cart-list__item__thumb__remove-button {
		margin-top: 0;
		margin-right: -4px;
		font-size: 1.6rem;
	}
	.cart-bar__info__text__title:after {
		font-size: 2.5rem;
	}
	.cart-bar__items {
		padding-bottom: 4px;
	}
	.cart-list__item:nth-last-child(1n+9) {
		display: block;
	}
	.cart-list__item:nth-last-child(1n+11) {
		display: none;
	}
	.cart-bar-closed .cart-bar__info {
		padding-top: 12px;
		transform: translateY(calc(-100% + 14px));
	}
	.cart-list__item__thumb__image.tooltip .tooltip__content {
		bottom: 68px;
	}

	/* Item hover */
	.cart-list__item__hover {
		left: 6px;
		padding: 19px 22px;
		width: 380px;
	}
	.cart-list__item__hover__close-button {
		top: 20px;
		right: 20px;
	}
	.cart-list__item__hover:before {
		left: 28px;
	}
	.cart-list__item__hover:after {
		left: 29px;
	}
	.cart-list__item__title {
		font-size: 2.2rem;
	}
	.cart-list__item__thumb__image {
		min-height: 49px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */

}



/* Max BP Extra large */
@media only screen and (max-width: 87.438em) { /* 1399px */

}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */

}

/* Max BP Extra extra large */
@media only screen and (max-width: 99.938em) { /* 1599px */

}



/* BP Extra extra large */
@media only screen and (min-width: 100em) { /* 1600px */

}


/* Min BP Extra extra large with min height */
@media only screen and (min-width: 100em) /* 1600px */ and (min-height: 54em) { /* 864px */
	.cart-list {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.cart-list__item {
		margin-bottom: 10px;
	}
	.cart-list__item__thumb {
		padding-left: 1rem;
		padding-right: 1rem;
		width: 110px;
	}
	.cart-bar__info {
		padding: 26px 22px 25px;
	}
	.cart-list__item__thumb__remove-button {
		margin-bottom: 1px;
	}
	.cart-list__item:nth-last-child(1n+11) {
		display: none;
	}
	.cart-bar-closed .cart-bar__info {
		padding-top: 19px;
		transform: translateY(calc(-100% + 22px));
	}
	.cart-bar__info__text__title {
		margin-bottom: 5px;
	}
	.cart-bar-closed .cart-bar__info__text__title {
		margin-bottom: 0;
	}
	.cart-list__item__thumb__image.tooltip .tooltip__content {
		bottom: 88px;
	}

	/* Item hover */
	.cart-list__item__hover {
		left: 7px;
		width: 383px;
	}
	.cart-list__item__hover__close-button {
		top: 20px;
		right: 20px;
	}
	.cart-list__item__hover:before {
		left: 37px;
	}

	.cart-list__item__hover:after {
		left: 38px;
	}
	.cart-list__item__title {
		font-size: 2.3rem;
	}
	.cart-list__item__hover__info__button {
		text-align: right;
	}
	.cart-list__item__hover__info__prices {
		margin-bottom: 15px;
	}
	.cart-list__item__thumb__image {
		min-height: 63px;
	}
}


/* Max BP Extra extra extra large */
@media only screen and (max-width: 107.438em) { /* 1720px */

}

/* BP Extra extra extra large */
@media only screen and (min-width: 107.5em) { /* 1720px */

}

@media print {
	#mobile-header,
	#skip,
	#footer,
	.section--banner,
	#header,
	.sidebar,
	.section--page-title .subtitle,
	.widget-Video,
	.breadcrumb
	.cart-bar, {
		display: none;
	}
	.section--page-title {
		background: none;
	}
	.row {
		display: block;
		margin: 0 !important;
	}
	#wrap,
	.section--content {
		overflow: auto;
	}
	.row > div {
		width: 100%;
	}
	/* Defining all page breaks */
	a {
	    page-break-inside:avoid
	}
	blockquote {
	    page-break-inside: avoid;
	}
	h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
	     page-break-inside:avoid }
	img { page-break-inside:avoid;
	     page-break-after:avoid; }
	table, pre { page-break-inside:avoid }
	ul, ol, dl  { page-break-before:avoid }
}


/* ---- States map ---- */
.state-map-wrapper {
	position: relative;
	margin: 20px auto 30px;
	padding: 30px 40px;
	border: 1px solid var(--color-grey-03);
}
#state-map {
	max-height: 480px;
	display: block;
}
.state-map-wrapper .map-legend-wrapper ul {
	padding: 0 0 0 19px;
	margin: 0;
}
.state-map-wrapper .map-legend-wrapper li {
	margin-bottom: 4px;
}
.state-map-wrapper .map-legend-wrapper li a:hover {

}
.state-map-wrapper .map-legend-wrapper li:last-child {
	margin-bottom: 0;
}
.state-map-wrapper .map-legend-wrapper h2 {
	font-size: 2.3rem;
	margin: 0 0 9px;
}
.state-map-wrapper .map-legend {
	font-size: 1.7rem;
	line-height: 1.2;
	opacity: 0;
	background: var(--color-grey-01);
	position: absolute;
	padding: 20px 19px;
	right: 40px;
	margin: 0;
	top: 50%;
	width: 190px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	display: none;
}
.state-map-wrapper .map-legend a {
	text-decoration: none;
	color: inherit;
}
.state-map-wrapper .map-legend.map-legend-visible {
	opacity: 1;
	display: block;
}

/* ---- Page title ---- */
.section--page-title .lined-text {
	margin-bottom: 0;
}
.page-title__logo {
	margin-top: 3px;
	float: left;
	display: none;
}
.page-title__logo__img {
	width: 54px;
}
.header-active .page-title__logo {
	opacity: 0;
	pointer-events: none;
}

.header-button {
	display: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    padding: 0;
    text-indent: -9999px;
    position: absolute;
    background: none;
    top: -12px;
    right: 30px;
    background-color: transparent;
    cursor: pointer;
}

.header-button__icon {
	background-color: var(--color-primary);
	width: 58px;
    height: 58px;
    display: block;
    z-index: 2;
    position: relative;
    -webkit-transition:
		-webkit-transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms,
		background-color 100ms ease;
    transition:
		-webkit-transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms,
		background-color 100ms ease;
    -o-transition:
		transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms,
		background-color 100ms ease;
    transition:
		transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms,
		background-color 100ms ease;
    transition:
		transform 300ms cubic-bezier(0, 0.39, 0.31, 1) 150ms,
		background-color 100ms ease;
	-webkit-transform-origin: center top;
	    -ms-transform-origin: center top;
	        transform-origin: center top;
}
.header-button:hover .header-button__icon {
	background-color: var(--color-primary-dark);
}


.header-button:before {
	content: " ";
	position: absolute;
	width: 58px;
	height: 12px;
	top: 0;
	right: 12px;
	background-color: var(--color-primary-text-dark);
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	z-index: 0;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	-o-transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	transition: transform 250ms cubic-bezier(0, 0.39, 0.31, 1), -webkit-transform 250ms cubic-bezier(0, 0.39, 0.31, 1);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}

.header-button-top,
.header-button-middle,
.header-button-bottom {
    height: 3px;
    background-color: var(--color-white);
    left: 12px;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    position: absolute;
    display: block;
    right: 12px;
}
.header-button-top {
    top: 18px;
}
.header-button-middle {
    top: 29px;
}
.header-button-bottom {
    top: 40px;
}

/* Active */
.header-active .header-button {
	pointer-events: none;
}
.header-active .header-button .header-button__icon {
	-webkit-transform: rotateX(90deg) skew(18deg);
	        transform: rotateX(90deg) skew(18deg);
	-webkit-transition-delay: 0ms;
	     -o-transition-delay: 0ms;
	        transition-delay: 0ms;
}
.header-active .header-button:before {
	-webkit-transform: rotateX(90deg) skew(-20deg);
	        transform: rotateX(90deg) skew(-20deg);
	-webkit-transition-delay: 250ms;
	     -o-transition-delay: 250ms;
	        transition-delay: 250ms;
}

/* Max BP Small */
@media only screen and (max-width: 47.938em) { /* 767px */
	.section--page-title--hide-mobile {
		display: none;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.page-title__content {
		padding-left: 130px;
		padding-right: 130px;
	}
	.section--page-title {
		border-top: 15px solid var(--color-grey-01);
	}
	.header-button {
		display: block;
	}
	.section--page-title {
		border-top-width: 25px;
	}
	.section--page-title .container--wide {
		padding-left: 160px;
		padding-right: 160px;
	}
	.page-title__logo {
		top: 24px;
		left: 30px;
		position: absolute;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		float: none;
		margin-top: 0;
		display: block;
	}
	.page-title__logo__img {
		width: 96px;
		float: right;
	}
	.page-title__logo__img--secondary-logo {
		width: 110px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--page-title .container--wide {
		padding-left: 200px;
		padding-right: 200px;
	}
	.page-title__logo__img {
		width: 108px;
	}
	.page-title__content {
		padding-left: 150px;
		padding-right: 150px;
	}

	.header-button {
		top: -14px;
		right: 30px;
	}
	.header-button__icon {
		width: 68px;
		height: 68px;
	}
	.header-button:before {
		width: 69px;
		height: 14px;
		right: 14px;
	}

	.header-button-top,
	.header-button-middle,
	.header-button-bottom {
		height: 3px;
		left: 14px;
		right: 14px;
	}
	.header-button-top {
		top: 20px;
	}
	.header-button-middle {
		top: 33px;
	}
	.header-button-bottom {
		top: 46px;
	}
}

@media only screen and (min-width: 90em) { /* 1440px */
	.page-title__logo__img {
		width: 120px;
	}
}


/* ---- Page banner ---- */
.banner__image {
	display: none;
}


/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.banner__image {
		height: 170px;
		display: block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.banner__image {
		height: 190px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.banner__image {
		height: 220px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.banner__image {
		height: 260px;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.banner__image {
		height: 290px;
	}
}

/* ---- Home banner ---- */
.section--home-banner {
	padding-top: 0;
	padding-bottom: 0;
}
.home-banner__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	opacity: 0;
}
.home-banner__content-wrapper {
	padding-top: 20px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 163px;
	min-height: 50vw;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.home-banner__content {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-shadow: 0px 0px 8px rgba(0, 42, 76, 0.8);
}

.section--hm-banner-video .home-banner__content {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 106px;
	color: var(--color-white);
}

.section--hm-banner-video .home-banner__content:last-child {
	margin-bottom: 0;
}

.home-banner__content a {
	text-decoration: none;
	display: block;
}
.home-banner__content a,
.home-banner__content a:not(.button),
.home-banner__content a:not(.button):hover,
.home-banner__content a:not(.button):focus {
	color: var(--color-white);
}
.home-banner__content__heading {
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0;
}
.home-banner__content__heading span {
	display: block;
}
.home-banner__content__location,
.home-banner__content__link {
	color: var(--color-white);
	text-transform: uppercase;
}

.home-banner__content__location:before {
	content: "@";
	display: block;
}

/* video banner */
.home-banner-video__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	opacity: 1;
}

.home-banner__video {
	position: absolute;
	top: 0;
	left: calc((100vw - 480px) / 2);
	right: calc((100vw - 480px) / 2);
	bottom: auto;
	display: block;
	opacity: 1;
}

.section--hm-banner-video .home-banner__content-wrapper {
	background: none;
	height: 160px;
	min-height: unset;
}

.home-banner__video video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* BP Custom */
@media only screen and (min-width: 29em) { /* 464px */
	.home-banner__video {
		left: 0;
		right: 0;
	}

	.section--hm-banner-video .home-banner__content-wrapper {
		background: none;
		height: auto;
		min-height: 33vw;
	}
}


/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.home-banner__content__heading {
		font-size: 4.6rem;
	}
	.home-banner__content-wrapper {
		padding-top: 50px;
		min-height: 413px;
		min-height: 45vw;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.home-banner__content__heading {
		font-size: 5.6rem;
	}
	.section--home-banner {
		padding-top: 110px;
		padding-bottom: 30px;
	}
	.home-banner__image {
		opacity: 1;
		background-size: cover;
		background-position: center bottom;
	}
	.home-banner__content-wrapper {
		padding-top: 0;
		background: none !important;
		min-height: 220px;
		min-height: 22vw;
	}
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section--hm-banner-video .home-banner__content-wrapper {
		min-height: 32vw;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.home-banner__content__heading {
		font-size: 6.5rem;
	}
	.section--home-banner {
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 160px;
		padding-bottom: 50px;
		position: relative;
	}
	.section--home-banner:before,
	.section--home-banner:after {
		content: '\00a0';
		background: var(--color-grey-01);
		width: 9000px;
		width: 100vw;
		height: 25px;
		position: absolute;
		top: -25px;
	}
	.section--home-banner:after {
		left: 100%;
	}
	.section--home-banner:before {
		right: 100%;
	}

	/* video banner */
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.home-banner__content-wrapper {
		min-height: 220px;
	}
	.home-banner__content__heading {
		font-size: 7.4rem;
	}
	.section--home-banner {
		padding-top: 200px;
	}


	/* video banner */
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 100em ) {  /* 1600px */
	.home-banner__content-wrapper {
		min-height: 270px;
		min-height: 15vw;
	}

	/* video banner */
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 112.5em ) {  /* 1800px */
	/* video banner */
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}

	.home-banner__content-wrapper {
		min-height: 270px;
		min-height: 15vw;
	}
}


@media only screen and (min-width: 120em ) {  /* 1920px */
	/* video banner */
	.section--hm-banner-video {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section--hm-banner-video .home-banner__content-wrapper {
		min-height: auto;
		height: 632px;
	}
}

@media only screen and (min-width: 125em ) {  /* 2000px */
	.section--home-banner {
		border-top: 25px solid var(--color-secondary);
	}
}

@media only screen and (min-width: 162em ) {  /* 2592px */
	.section--hm-banner-video {
		padding-top: 0;
	}
}

/* ---- Park features ---- */

/* Heading */
.park-features__info__heading__title h2 {
	margin-bottom: 0;
	display: none;
}
.park-features__info__heading__icon .icon-item {
	margin: 6px 0 20px;
}
.park-features__info__heading__title--mobile {
	display: inline-block;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: flex-start;
    text-align: left;
	padding-top: 9px;
}
.park-features__info__heading__title--mobile button {
	font-weight: bold;
}
.park-features__info__heading {
	position: relative;
}
@media only screen and (min-width: 48em) { /* 768px */
	.park-features__info__heading__title--mobile {
		display: none;
	}
	.park-features__info__heading__title h2 {
		display: block;
	}
	.park-features__info__heading {
		position: static;
	}
	.park-features__info__heading__icon .icon-item {
		margin: 6px 0 20px;
	}
}


/* Slider */
.park-features__slider {
	position: relative;
}

/* Hide */
.park-features__slider.park-features__slider--hide-small {
	display: none;
}


.park-features__slider .slick-arrow,
.accom-box__gallery .slick-arrow,
.section--tile-slider .slick-arrow,
.videos-slider .slick-arrow {
	position: absolute;
	bottom: 0;
	z-index: 2;
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: rgba(66,65,67,0.8);
	color: var(--color-white);
	padding: 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	cursor: pointer;
	border-radius: 0;
}
.park-features__slider .slick-arrow:before,
.accom-box__gallery .slick-arrow:before,
.section--tile-slider .slick-arrow:before,
.videos-slider .slick-arrow:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-indent: 0;
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 3.2rem;
}
.park-features__slider .slick-prev,
.accom-box__gallery .slick-prev,
.section--tile-slider .slick-prev,
.videos-slider .slick-prev {
	left: 0;
}
.park-features__slider .slick-next,
.accom-box__gallery .slick-next,
.section--tile-slider .slick-next,
.videos-slider .slick-next {
	right: 0;
}
.park-features__slider .slick-prev:before,
.accom-box__gallery .slick-prev:before,
.section--tile-slider .slick-prev:before,
.videos-slider .slick-prev:before {
	content: "\e902";
}
.park-features__slider .slick-next:before,
.accom-box__gallery .slick-next:before,
.section--tile-slider .slick-next:before,
.videos-slider .slick-next:before {
	content: "\e903";
}
.park-features__slider .slick-arrow:hover,
.accom-box__gallery .slick-arrow:hover,
.section--tile-slider .slick-arrow:hover,
.videos-slider .slick-arrow:hover {
	background: rgba(66,65,67,0.9);
}

.park-features__slider__list__item__img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 160px;
}

/* Info */
.park-features__info {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 18px;
	padding-bottom: 18px;
}
.park-features__info .icon-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 2rem;
	margin-bottom: 0;
	padding-top:10px;
}
.park-features__info .icon-list li {

}
.park-features__info .icon-list li .tooltip,
.park-features__info .icon-list li .tooltip__title {
	display: block;
}
.park-features__info .icon-list__inner {
	display: block;
	position: relative;
}

/* BP Extra extra small */
@media only screen and (min-width: 22.5em) { /* 360px */
	.park-features__slider__list__item__img {
		height: 210px;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */

	.park-features__slider__list__item__img {
		height: 100%;
	}
	.park-features__slider__list.slick-slider,
	.park-features__slider .slick-list,
	.park-features__slider .slick-track {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.park-features__content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
	}
	.park-features__info {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 25px;
		padding-bottom: 20px;
		border-top: 0.5px solid var(--color-grey-01);
	}

	.park-features__slider {
		-webkit-flex: 1 0 270px;
		    -ms-flex: 1 0 270px;
		        -webkit-box-flex: 1;
		        flex: 1 0 270px;
	}
	.park-features__content {
		min-height: 270px;
	}

}

/* Max BP Small */
@media only screen and (max-width: 47.938em) { /* 767px */
	.park-features__info__heading__icon .icon-item {
		margin: 0;
	}
	.park-features__info__heading__icon {
		margin: 0;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.park-features__slider {
		-webkit-flex: 1 0 350px;
		    -ms-flex: 1 0 350px;
		        -webkit-box-flex: 1;
		        flex: 1 0 350px;
	}
	.park-features__content {
		min-height: 350px;
	}
	.park-features__info {
		padding-top: 35px;
		padding-bottom: 35px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.park-features__info__heading {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 20px;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.park-features__info__heading__title {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
				flex: 1 1 auto;
	}
	.park-features__info__heading__icon {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
		margin: 0 0 0 30px;
	}
	.park-features__info__heading__icon .icon-item {
		margin: 0;
	}
	.park-features__slider.park-features__slider--hide-small {
		display: block;
	}
	.park-features__info .icon-list {
		padding-top: 0;
	}
}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */
	.park-features__info__heading__icon .icon-item .icon-item__icon {
		border: none;
		margin: 0 5px 0 0;
		width: 32px;
		height: 32px;
		font-size: 3.2rem;
	}
	.park-features__info__heading__icon .icon-item .icon-item__icon.icon-pets {
		border: solid 1px var(--color-white);
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.park-features__slider {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 380px;
		    -ms-flex: 1 0 380px;
		        flex: 1 0 380px;
	}
	.park-features__content {
		min-height: 380px;
		border-top: 25px solid var(--color-secondary);
	}
	.park-features__info {
		border-top: none;
	}
	.park-features__info__heading {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
}

/* Max iPad */
@media only screen and (max-width: 64em) { /* 1024px */
	.park-features__info .icon-list li .tooltip__content {
		display: block;
		padding: 0;
		background: none;
		position: static;
		max-width: none;
		min-width: 0;
		text-align: left;
		font-size: 1.3rem;
		border-radius: 0;
		margin-top: 0;
	}
	.park-features__info .icon-list li .tooltip__content:before,
	.park-features__info .icon-list li .tooltip__content:after {
		content: none;
	}
}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */
	.park-features__info .icon-list li .tooltip__content {
		font-size: 1.1rem;
	}
}

/* Wider than iPad */
@media only screen and (min-width: 64.063em) { /* 1025px */
	.park-features__info .icon-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: row;
		flex-direction: column;

		margin-left: -12px;
		margin-right: -15px;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;

	}
	.park-features__info .icon-list li {
		-webkit-box-flex: 1;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 50%;
		flex: 0 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.park-features__info .icon-list li:after {
		clear: both;
	}
	.park-features__info__list-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		max-height: 250px;
	}
	.park-features__info__list-wrap.park-features__info__list-wrap--extra-extra-large {
		max-height: 490px;
	}
	.park-features__info__list-wrap.park-features__info__list-wrap--extra-large {
		max-height: 430px;
	}
	.park-features__info__list-wrap.park-features__info__list-wrap--large {
		max-height: 360px;
	}
	.park-features__info__list-wrap.park-features__info__list-wrap--medium {
		max-height: 290px;
	}
	.park-features__info .icon-list__inner {
		overflow: visible;
		display: inline-block;
		position: relative;
	}
	.park-features__info .icon-list li:before {
		left: 12px;
	}
}

/* IE10+ & Edge */
/* Kill buggy flex for IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.park-features__info__list-wrap {
		max-height: none !important;
	}
}


/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.park-features__slider {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 480px;
		    -ms-flex: 1 0 480px;
		        flex: 1 0 480px;
	}
	.park-features__info {
		padding-left: 50px;
		padding-right: 30px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.park-features__slider {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 610px;
		    -ms-flex: 1 0 610px;
		        flex: 1 0 610px;
	}
	.park-features__slider .slick-arrow,
	.accom-box__gallery .slick-arrow,
	.section--tile-slider .slick-arrow,
	.videos-slider .slick-arrow {
		width: 44px;
		height: 44px;
	}
	.park-features__slider .slick-arrow:before,
	.accom-box__gallery .slick-arrow:before,
	.section--tile-slider .slick-arrow:before,
	.videos-slider .slick-arrow:before {
		font-size: 3.8rem;
	}
}

/* -- park warning notice --*/
.park-warning-notice {
	background-color: var(--color-utility-negative);
	border: 0.2em solid var(--color-utility-subtle);
	border-radius: 0.3em;
	margin-bottom: 2em;
	padding: 1em;
	text-align: center;
	color: var(--color-white);
}
.park-warning-notice a:link,
.park-warning-notice a:visited {
	color: var(--color-white);
}
.park-warning-notice a:hover,
.park-warning-notice a:active,
.park-warning-notice a:focus {
	color: var(--color-black) !important;
}

/* -- park state announcement --*/
.park-state-announcment {
	background-color: var(--color-utility-positive-dark);
	border-radius: 0.3em;
	margin-bottom: 2em;
	padding: 1em;
	text-align: center;
	color: var(--color-white);
}
.park-state-announcment a:link,
.park-state-announcment a:visited {
	color: var(--color-white);
}
.park-state-announcment a:hover,
.park-state-announcment a:active,
.park-state-announcment a:focus {
	color: var(--color-black) !important;
}


/* ---- From/to ---- */
.from-to {
	margin: 20px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.from-to__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.from-to__item :last-child {
	margin-bottom: 0;
}
.from-to__item--to {
	text-align: right;
}
.from-to__icon:before {
	content: "\e903";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: var(--color-grey-10);
	font-size: 4rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

/* ---- Ratings ---- */
.rating {
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 0;
}

.ratings-overall-title {
	text-align: center;
	margin-bottom: 10px;
}
.ratings-overall-title__score {
	font-weight: 900;
	font-size: 2.8rem;
}
.ratings-overall-title__text {
	font-weight: 900;
	font-size: 2rem;
}

.ratings-reviewpro {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.ratings-reviewpro img {
	max-width: 140px;
	display: block;
	max-height: 32px;
}
.ratings-reviewpro .tooltip__info-icon {
	margin-left: 10px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.rating {
		font-size: 2.5rem;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.ratings-overall-title {
		margin-bottom: 0;
	}
	.ratings-overall-title__score {
		font-size: 3.5rem;
	}
	.ratings-overall-title__text {
		font-size: 2.2rem;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.rating {
		font-size: 3rem;
	}
}

/* ---- Star ratings ---- */
.star-rating {
	display: block;
	height: 22px;
	width: 130px;
	position: relative;
	margin-bottom: 11px;
}
.star-rating:before,
.star-rating:after {
	content: " ";
	display: block;
	height: 21px;
	width: 130px;
	background: url(../images/stars/star-sprite.svg);
	top: 0;
	position: absolute;
}
.star-rating:before {
	z-index: 1;
	left: 0;
}
.star-rating:after {
	background-position: bottom right;
	right: 0;
}
.star-rating[data-rating="0.0"]:before,
.star-rating[data-rating="5.0"]:after {
	width: 0px;
}
.star-rating[data-rating="0.5"]:before,
.star-rating[data-rating="4.5"]:after {
	width: 11px;
}
.star-rating[data-rating="1.0"]:before,
.star-rating[data-rating="4.0"]:after {
	width: 24px;
}
.star-rating[data-rating="1.5"]:before,
.star-rating[data-rating="3.5"]:after {
	width: 38px;
}
.star-rating[data-rating="2.0"]:before,
.star-rating[data-rating="3.0"]:after {
	width: 52px;
}
.star-rating[data-rating="2.5"]:before,
.star-rating[data-rating="2.5"]:after {
	width: 65px;
}
.star-rating[data-rating="3.0"]:before,
.star-rating[data-rating="2.0"]:after {
	width: 77px;
}
.star-rating[data-rating="3.5"]:before,
.star-rating[data-rating="1.5"]:after {
	width: 92px;
}
.star-rating[data-rating="4.0"]:before,
.star-rating[data-rating="1.0"]:after {
	width: 105px;
}
.star-rating[data-rating="4.5"]:before,
.star-rating[data-rating="0.5"]:after {
	width: 119px;
}
.star-rating[data-rating="5.0"]:before,
.star-rating[data-rating="0.0"]:after {
	width: 130px;
}

/* BP 2 */
@media screen and (max-width: 1050px) {
	.star-rating {
		height: 17px;
		width: 111px;
	}
	.star-rating:before,
	.star-rating:after {
		height: 17px;
		width: 130px;
		background-size: 23px;
	}
	.star-rating:before {
		z-index: 1;
		left: 0;
	}
	.star-rating:after {
		background-position: bottom right;
		right: 0;
	}
	.star-rating[data-rating="0.0"]:before,
	.star-rating[data-rating="5.0"]:after {
		width: 0px;
	}
	.star-rating[data-rating="0.5"]:before,
	.star-rating[data-rating="4.5"]:after {
		width: 10px;
	}
	.star-rating[data-rating="1.0"]:before,
	.star-rating[data-rating="4.0"]:after {
		width: 23px;
	}
	.star-rating[data-rating="1.5"]:before,
	.star-rating[data-rating="3.5"]:after {
		width: 33px;
	}
	.star-rating[data-rating="2.0"]:before,
	.star-rating[data-rating="3.0"]:after {
		width: 46px;
	}
	.star-rating[data-rating="2.5"]:before,
	.star-rating[data-rating="2.5"]:after {
		width: 56px;
	}
	.star-rating[data-rating="3.0"]:before,
	.star-rating[data-rating="2.0"]:after {
		width: 66px;
	}
	.star-rating[data-rating="3.5"]:before,
	.star-rating[data-rating="1.5"]:after {
		width: 79px;
	}
	.star-rating[data-rating="4.0"]:before,
	.star-rating[data-rating="1.0"]:after {
		width: 91px;
	}
	.star-rating[data-rating="4.5"]:before,
	.star-rating[data-rating="0.5"]:after {
		width: 102px;
	}
	.star-rating[data-rating="5.0"]:before,
	.star-rating[data-rating="0.0"]:after {
		width: 112px;
	}
}

/* ---- Site search ---- */
@media screen and (min-width: 650px) {
	.site-search-form input[type="text"] {
		width: 60%;
		margin: 0 1.5% 0 0;
	}
}

/* ---- Sidebar ---- */
.sidebar-item {
	position: relative;
	margin-bottom: 20px;
}
.sidebar-item__padded {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Booking details */
.sidebar.sidebar--pull .sidebar-item.sidebar-item--booking-details:first-child:before,
.sidebar.sidebar--pull .heading-subtitle + .sidebar-item.sidebar-item--booking-details:before  {
	border-color: transparent transparent var(--color-tangelo) transparent;
}
.booking-details__header__price .heading-subtitle,
.booking-details__header__members-price .subtitle {
	margin-bottom: 0;
}

.booking-details__header__price,
.booking-details__header__members-price {
	padding-top: 7px;
	padding-bottom: 7px;
}
.booking-details-book-button__details {
	display: none;
}
.booking-details__body__header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border-bottom: 1px solid var(--color-grey-04);
}
.booking-details__body__header__title {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding-right: 25px;
}
.booking-details__body__header__image {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60px;
	    -ms-flex: 0 0 60px;
	        flex: 0 0 60px;
}

.booking-details__quote-error {
	border: 2px #FFD2D2 dotted;
	margin: 30px 0;
	padding: 15px;
}

/* -- Multi items -- */
.booking-details__multi-item__header {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 10px;
}
.booking-details__multi-item__header__left {
	flex: 1 1 auto;
	padding-right: 3rem;
}
.booking-details__multi-item__title .subtitle {
	margin-bottom: 0;
}
.booking-details__multi-item__remove {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	color: var(--color-grey-08);
	display: block;
	margin: -2px -4px 0 auto;
	font-size: 2rem;
	cursor: pointer;
}
.booking-details__multi-item__remove:before {
	display: block;
}
.booking-details__multi-item__remove:hover {
	color: var(--color-grey-18);
}

.booking-details__multi-item__details {
	display: flex;
	margin-left: -1rem;
	margin-right: -1rem;
}
.booking-details__multi-item__details p {
	margin: 0;
	flex: 0 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
.booking-details__multi-item__details .icon-before:before {
	font-size: 2.8rem;
	margin: -3px 5px 0 -4px;
	display: inline-block;
	vertical-align: top;
	color: var(--color-grey-08);
}

.booking-details__multi-item__more-details-button-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.booking-details__multi-item__price {
	font-weight: 900;
}

.booking-details__multi-item {
	border-bottom: 1px solid var(--color-grey-04);
	margin-bottom: 17px;
	padding-bottom: 7px;
}

/* More details */
.booking-details__multi-item__more-details {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.booking-details__multi-item__more-details .total-table {
	margin: 0;
}
.booking-details__multi-item__more-details .total-table tr:last-child {
	border-bottom: none;
}
.booking-details__multi-item--more-details .booking-details__multi-item__more-details {
	clip: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	position: relative;
	width: auto;
	animation: fadeInDown 250ms ease;
	animation-fill-mode: forwards;
}

/* In mainbar */
#booking-details-mainbar .sidebar-item.sidebar-item--booking-details {
	margin: 15px 0 25px;
}

.booking-progress-bar {
	position: relative;
	display: -webkit-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
			justify-content: space-between;
	margin-bottom: 20px;
}
.booking-progress-bar ul {
	padding: 0;
	margin: 0;
	background-color: transparent;
	width: calc(100% - 57px);
	position: relative;
	height: 14px;
}
.booking__progress__step {
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color: transparent;
	text-align: center;
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--color-white);
	border: 1px solid var(--color-grey-04);
	position: relative;
	z-index: 2;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1;
	color: var(--color-grey-10);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: calc(33% - 18px);
}
.booking__progress__step:first-child {
	margin-left: 0;
}
.booking__progress__step:last-child {
	float: right;
	margin-left: 0;
}
.booking__progress__step > a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	color: transparent;
}
.booking__progress__title {
	color: var(--color-grey-10);
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6;
	margin: 0;
	display: inline-block;
}
.booking-progress-bar ul:after,
.booking-progress-bar ul:before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 1px;
	right: 1px;
	background-color: var(--color-grey-04);
	height: 2px;
	z-index: 0;
}
.section--booking-progress-bar--mobile {
	padding-left: 5%;
	padding-right: 5%;
}
.section--booking-progress-bar--mobile .booking-progress-bar {
	margin-bottom: 0;
}

/* Max BP Extra small */
@media only screen and (max-width: 37.438em) { /* 599px */
	.fixed-button-mobile .section--footer {
		padding-bottom: 105px;
	}

	.booking-details-book-button {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 98; /* FF3.6-15 */
	}
	.booking-details-book-button__button-wrap {
		margin: 0;
		padding: 9px 5% 0px;
	    background: var(--color-white);
	    box-shadow: 0 -4px 12px rgba(0,0,0,0.25);
	}
	.frankenmenu-mob-menu-visible .booking-details-book-button {
		display: none;
	}
	.booking-details-book-button__details {
		display: block;
		background-color: var(--color-white);
		padding: 0;
		text-align: center;
	}
	.booking-details-book-button__details p {
		margin: 0;
	}
	.booking-details-book-button__button-wrap .field-element .textbox {
		border-color: var(--color-grey-06)
	}
	.booking-details-book-button__button-wrap .field-element,
	.booking-details-book-button__button-wrap .field-element.field-element--button {
		margin: 0;
	}
	.booking-details-book-button__button-wrap .field-element .field-label {
		margin: 0;
	}
	.booking-details-book-button__button-wrap .field-element .field-label label {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: var(--color-grey-04);
		padding: 7px 13px;
		text-transform: uppercase;
		font-size: 1.3rem;
		color: var(--color-grey-18);
		width: 89px;
		border-radius: 4px 0 0 4px;
		border-top: 2px solid var(--color-grey-06)
		border-bottom: 2px solid var(--color-grey-06)
		border-left: 2px solid var(--color-grey-06)
	}
	.booking-details-book-button__button-wrap .field-element--booking-qty {
		padding-left: 89px;
	}
	.booking-details-book-button__button-wrap .field-element--booking-qty .field-input .textbox {
		border-radius: 0 4px 4px 0;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.booking-progress-bar ul {
		width: calc(100% - 81px);
		height: 20px;
	}
	.booking__progress__step {
		width: 20px;
		height: 20px;
		border: 2px solid var(--color-grey-04);
		font-size: 1.4rem;
		line-height: 1.2;
		background-size: contain;
		margin-left: calc(33% - 25.25px);
	}
	.booking__progress__step:first-child {
		margin-left: 0;
	}
	.booking__progress__title {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.booking-progress-bar ul:after,
	.booking-progress-bar ul:before {
		top: calc(50% - 2px);
		height: 4px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.sidebar-item {
		margin-bottom: 30px;
	}

}

/* Max BP Medium */
@media only screen and (max-width: 61.938em) { /* 991px */
	#booking-details-mainbar + .hang-content {
		border-top: none;
	}
	#booking-details-mainbar + .hang-content .hang-content__text {
		padding-top: 0;
	}
	.booking-details__body__header {
		margin-bottom: 18px;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.sidebar-item__padded {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.booking-details__header__price,
	.booking-details__header__members-price {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.sidebar.sidebar--pull {
		margin-top: -53px;
	}
	.sidebar.sidebar--pull .sidebar-item:first-child:before,
	.sidebar.sidebar--pull .heading-subtitle + .sidebar-item:before {
		content: " ";
		position: absolute;
		top: 0;
		right: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 13px 13px;
		border-color: transparent transparent var(--color-grey-10) transparent;
	}
	.booking-details__body__header__title {
		padding-right: 0;
	}
	.booking-details__body__header__image {
		display: none;
	}
	.sidebar__heading-hide {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.sidebar-item {
		margin-bottom: 50px;
	}
	.sidebar-item__padded {
		padding-left: 35px;
		padding-right: 35px;
	}
	.sidebar.sidebar--pull {
		margin-top: -73px;
	}
	.booking-progress-bar ul {
		width: calc(100% - 97px);
		height: 25px;
	}
	.booking__progress__step {
		width: 25px;
		height: 25px;
		border: 2px solid var(--color-grey-04);
		font-size: 1.7rem;
		line-height: 1.3;
		background-size: contain;
		margin-left: calc(33% - 31.25px);
	}
	.booking__progress__step:first-child {
		margin-left: 0;
	}
	.booking__progress__title {
		font-size: 1.7rem;
		line-height: 1.6;
	}
	.booking-progress-bar ul:after,
	.booking-progress-bar ul:before {
		top: calc(50% - 2px);
		height: 4px;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.booking-details__body__header {
		margin: 0 0 10px;
	}
	.booking-details__body__header__title {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		padding-right: 25px;
	}
	.booking-details__body__header__image {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		display: block;
	}
}


/* ---- Cart box ---- */
.cart-box {
	padding: 30px 18px 20px;
	position: relative;
	margin: 0 0 30px;
}


.cart-box__title .heading-subtitle {
	margin-bottom: 0;
}
.cart-box__title__subtitle {
	margin-bottom: 10px;
}

.cart-box__title__image a {
	display: block;
	text-align: center;
}
.cart-box__title__image__img {
	margin-bottom: 15px;
}
.cart-box__heading span.strikethrough,
.booking-details__multi-item__header p.strikethrough {
	text-decoration: line-through;
}
.cart-box__remove {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	color: var(--color-grey-08);
	font-size: 2.7rem;
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
.cart-box__remove:before {
	display: block;
}
.cart-box__remove:hover {
	color: var(--color-grey-18);
}
.cart-box__details {
	margin-bottom: 10px;
}
.cart-box__details p {
	margin: 0;
}
.cart-box__details .icon-before:before {
	font-size: 2.8rem;
	margin: -3px 5px 0 -4px;
	display: inline-block;
	vertical-align: top;
	color: var(--color-grey-08);
}
.cart-box__total-table .total-table {
	margin-top: 0;
}

.cart-box__guest-details {
	border-bottom: 1px solid var(--color-grey-04);
	margin-bottom: 18px;
}
.cart-box__additional-details form > .field-element:last-child {
	margin-bottom: 0;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.cart-box {
		padding: 30px 35px;
	}
	.cart-box__title {
		display: flex;
		flex-wrap: nowrap;
	}
	.cart-box__title__image {
		flex: 0 0 171px;
		padding-right: 30px;
	}

	.cart-box__title__text {
		flex: 1 1 auto;
		position: relative;
		padding-right: 30px;
	}

	.cart-box__details {
		display: flex;
		margin-left: -1rem;
		margin-right: -1rem;
		margin-bottom: 19px;
	}
	.cart-box__details p {
		margin: 0;
		flex: 0 0 auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.cart-box__remove {
		top: -4px;
		right: -4px;
	}
	.cart-box__title__image__img {
		margin-bottom: 25px;
	}
}

/* ---- Bookings ---- */
.booking__or {
    margin-bottom: 0;
    margin-top: 10px;
}
p.booking__or + .heading-borders {
    margin-top: 10px;
}
.booking__voucher-form {
	margin: 40px 0 20px 0;
}
.js--total-wrap .total-table {
	margin-top: 0;
}
.js--deposit-helper--hidden {
	display: none;
}

.payment-type-icons {
	margin-top: 20px;
	margin-bottom: 20px;
}
.payment-type-icon {
	padding: 8px 10px;
	background-color: var(--color-white);
	border: none;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
}
.payment-type-icon.rewards-program-btn {
	padding: 0;
}
.payment-type-icon.rewards-program-btn .card-wrapper {
	padding: 8px 10px;
}
a.payment-type-icon,
button.payment-type-icon {
	cursor: pointer;
}
.payment-type-icon__or {
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	color: var(--color-grey-10);
	margin: 0 9px;
	font-size: 1.4rem;
}
a.payment-type-icon:hover,
button.payment-type-icon:hover {
	background-color: var(--color-grey-03);
}
.payment-type-icon.selected {
	background-color: var(--color-white);
}

.payment-type-icon img {
	max-width: 65px;
	max-height: 42px;
	margin: 0;
	display: block;
}

.payment-type-icons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	margin: 0 -10px 25px;
}
.payment-type-icon {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	margin: 0 10px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
}

/* Max BP Extra small */
@media only screen and (max-width: 37.438em) { /* 599px */
	.js--address-auto .field-element.field-element--inline-text {
		text-align: left;
		display: inline-block;
		margin: 0;
		color: inherit;
		text-transform: none;
		font-size: inherit;
		font-weight: inherit;
	}
	.js--address-auto .field-element.field-element--button {
		display: inline-block;
	}
	.js--address-auto .field-element.field-element--button .button {
		-webkit-appearance: none;
		border: none;
		outline: none;
		background: none;
		text-decoration: underline;
		cursor: pointer;
		font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
		padding: 0;
		text-align: left;
		text-transform: none;
		font-weight: normal;
		color: var(--color-primary);
		font-size: inherit;
	}
	.js--address-auto .field-element.field-element--button .button:hover,
	.js--address-auto .field-element.field-element--button .button:focus {
		color: var(--color-tangelo);
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.payment-type-icons {
		margin: 0 -20px 25px;
	}
	.payment-type-icon {
		margin: 0 20px;
		padding: 10px;
	}
	.payment-type-icon.rewards-program-btn {
		padding: 0;
	}
	.payment-type-icon.rewards-program-btn .card-wrapper {
		padding: 10px;
	}
	.payment-type-icon img {
		max-width: 85px;
		max-height: 55px;
	}
	.js--address-auto__address {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.booking__or {
		margin-bottom: 25px;
		margin-top: 25px;
	}
}

/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

------------------------------------------------------ */

/* ---- Catch all ---- */
.sidebar .widget {
	margin-bottom: 35px;
}
.sidebar .widget:last-child {
	margin-bottom: 0
}


/* ---- State map ---- */
.state-map-wrapper { /* phone */
	height: 300px;
}

.state-map-infowindow {
	padding: 1rem;
}

.state-map-infowindows {
	display: none;
}

@media only screen and (min-width: 47em) { /* tablet 800px */
	.state-map-wrapper {
		height: 500px;
	}
}

/* BP Medium */
@media only screen and (min-width: 80em) { /* desktop 992px */
	.state-map-wrapper {
		height: 900px;
	}
}


/* ---- Related links / list style 1 ---- */

/* -- List style 1 -- */
.list-style-1,
.list-style-1 ul,
.widget-RelatedLinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.list-style-1,
.widget-RelatedLinks ul {
	font-size: 1.3rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 500;
}
.list-style-1 a,
.widget-RelatedLinks ul a {
	padding: 5px 18px 5px 0;
	position: relative;
	display: block;
	text-decoration: none;
}
.list-style-1 a:after,
.widget-RelatedLinks ul a:after {
	content: "\e903";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 1.6rem;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -8px -3px 0 0;
}

/* White */
:where(.bg-white) .list-style-1 a,
:where(.bg-white) .list-style-1 a:after,
:where(.bg-white) .widget-RelatedLinks ul a,
:where(.bg-white) .widget-RelatedLinks ul a:after {
	color: var(--color-grey-18);
}
:where(.bg-white) .list-style-1 a:hover,
:where(.bg-white) .list-style-1 a:focus,
:where(.bg-white) .list-style-1 .active a,
:where(.bg-white) .list-style-1 a:hover:after,
:where(.bg-white) .list-style-1 a:focus:after,
:where(.bg-white) .list-style-1 .active a:after,
:where(.bg-white) .widget-RelatedLinks ul a:hover,
:where(.bg-white) .widget-RelatedLinks ul a:focus,
:where(.bg-white) .widget-RelatedLinks ul .active a,
:where(.bg-white) .widget-RelatedLinks ul a:hover:after,
:where(.bg-white) .widget-RelatedLinks ul a:focus:after,
:where(.bg-white) .widget-RelatedLinks ul .active a:after {
	color: var(--color-black);
}
:where(.bg-white) .widget-RelatedLinks ul li.on > a,
:where(.bg-white) .widget-RelatedLinks ul li.on > a:after {
	color: var(--color-white);
}
:where(.bg-white) .list-style-1 ul a,
:where(.bg-white) .list-style-1 ul a:after {
	color: var(--color-grey-10);
}

/* Sand */
:where(.bg-secondary) .list-style-1 a,
:where(.bg-secondary) .list-style-1 a:after,
:where(.bg-secondary) .widget-RelatedLinks ul a,
:where(.bg-secondary) .widget-RelatedLinks ul a:after {
	color: var(--color-grey-18);
}
:where(.bg-secondary) .list-style-1 a:hover,
:where(.bg-secondary) .list-style-1 a:focus,
:where(.bg-secondary) .list-style-1 .active a,
:where(.bg-secondary) .list-style-1 a:hover:after,
:where(.bg-secondary) .list-style-1 a:focus:after,
:where(.bg-secondary) .list-style-1 .active a:after,
:where(.bg-secondary) .widget-RelatedLinks ul a:hover,
:where(.bg-secondary) .widget-RelatedLinks ul a:focus,
:where(.bg-secondary) .widget-RelatedLinks ul .active a,
:where(.bg-secondary) .widget-RelatedLinks ul a:hover:after,
:where(.bg-secondary) .widget-RelatedLinks ul a:focus:after,
:where(.bg-secondary) .widget-RelatedLinks ul .active a:after {
	color: var(--color-black);
}
:where(.bg-secondary) .widget-RelatedLinks ul li.on > a,
:where(.bg-secondary) .widget-RelatedLinks ul li.on > a:after {
	color: var(--color-white);
}

/* Orange */
:where(.bg-orange) .list-style-1 a,
:where(.bg-orange) .list-style-1 a:after {
	color: var(--color-primary-text-dark);
}
:where(.bg-orange) .list-style-1 a:hover,
:where(.bg-orange) .list-style-1 a:focus,
:where(.bg-orange) .list-style-1 .active a,
:where(.bg-orange) .list-style-1 a:hover:after,
:where(.bg-orange) .list-style-1 a:focus:after,
:where(.bg-orange) .list-style-1 .active a:after {
	color: var(--color-grey-18);
}
:where(.bg-orange) .list-style-1 ul a,
:where(.bg-orange) .list-style-1 ul a:after {
	color: var(--color-white);
}

/* Related links */
.widget-RelatedLinks ul li.on > a {
	background-color: var(--color-primary);
}
.widget-RelatedLinks ul li.on > a {
	padding-left: 20px;
	padding-right: 30px;
}
.widget-RelatedLinks ul li.on > a:after {
	right: 15px;
}
.widget-RelatedLinks ul li {
	border-top: 1px solid var(--color-grey-03);
}
.widget-RelatedLinks > ul > li > a {
	padding-left: 20px;
}
.widget-RelatedLinks > ul > li:first-child > a {
	padding-left: 10px;
}
.widget-RelatedLinks > ul > li:last-child {
	border-bottom: 1px solid var(--color-grey-03);
}
.widget-RelatedLinks ul ul a {
	padding-left: 30px;
}
.widget-RelatedLinks ul ul ul a {
	padding-left: 40px;
}

/* BP Large with min-height */
@media only screen and (min-width: 80em) /* 1280px */ and (min-height: 40.625em) /* 650px */ {
	.list-style-1,
	.widget-RelatedLinks ul {
		font-size: 1.4rem;
	}
	.list-style-1 a,
	.widget-RelatedLinks ul a {
		padding: 7px 18px 7px 0;
	}
}

/* ---- Advertisements ---- */
.widget-Advertisements .advertisement {
	margin-bottom: 20px;
}
.widget-Advertisements .advertisement img {
	margin: 0 auto;
	display: block;
}
/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.widget-Advertisements .advertisement {
		margin-bottom: 30px;
	}
}

/* ---- Special offers list ---- */

/* More info active */
.special-offers-list__item--more-info-active .special-offer-more-info {
	clip: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	position: relative;
	width: auto;
	clear: both;
	padding: 20px 0;
	-webkit-animation: fadeInDown 200ms ease;
	        animation: fadeInDown 200ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

/* ---- Reviews tab ---- */
/* TripAdvisor widget */
#CDSWIDSSP .widSSPData {
	padding: 0 !important;
}

.review-provider-logo__img {
	max-width: 84px;
	max-height: 18px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.review-provider-logo__img {
		max-width: 120px;
		max-height: 25px;
	}
}

/* ---- Simple Image Gallery ---- */
.widget-GallerySimple {
	margin: 15px -10px;
}

.widget-GallerySimple h3 {
	padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
	width: 33.333%;
	padding: 10px;
	float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
	width: 100%;
}

/* ---- Children Page Gallery ---- */
.children-gallery-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-ChildrenGallery .children-gallery-list-item {
	width: 22%;
	float: left;
	margin: 0 4% 20px 0;
	position: relative;
}
.widget-ChildrenGallery .children-gallery-list-item:nth-child(4n+4) {
	margin-right: 0;
}
.widget-ChildrenGallery .children-gallery-list-item-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover {
	text-decoration: underline;
}
.widget-ChildrenGallery .children-gallery-list-item-image {
	margin-bottom: 9px;
}
.widget-ChildrenGallery .children-gallery-list-item-link:hover .children-gallery-list-item-image {
	opacity: 0.9;
}
.widget-ChildrenGallery .children-gallery-list-item-title {
	margin: 0;
}
.widget-ChildrenGallery .children-gallery-list-item-anchor {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* fix image warping for page gallery widget on IE */
.widget-ChildrenGallery .promo-box__inner {
	display: block
}
@supports(display: block) {
	/* the 'supports' request is just to eliminate IE as it's the only browser that doesn't suport it */
	.widget-ChildrenGallery .promo-box__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}


/* ---- Order Form ---- */
.widget-OrderForm .product {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
	margin-right: 0;
}

/* ---- Videos ---- */
.widget-Video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---- Blog ---- */
.widget-RelatedLinks .blog-archive-list {
	margin: 20px 0;
}


/* --------------------------------------------------------
Blog hub
-------------------------------------------------------- */
.bloghub-posts--unfiltered .promo-box--bloghub-post--hidden,
.bloghub-posts--filtered .promo-box--bloghub-post--filtered-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.bloghub-posts--unfiltered .promo-box--bloghub-post--animate {
	animation: fadeIn 300ms ease;
	animation-fill-mode: forwards;
}

.bloghub-posts--filtered .promo-box--bloghub-post--filtered-pre-visible {
	opacity: 0;
}

.bloghub-posts--unfiltered .promo-box--bloghub-post--animate-grow,
.bloghub-posts--filtered .promo-box--bloghub-post--filtered-visible {
	animation: growInFade 350ms ease;
	animation-fill-mode: forwards;
}

.promo-box--bloghub-post--image-loading .promo-box__img {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.promo-box--bloghub-post .promo-box__img__link {
	position: relative;
	overflow: hidden;
	padding-top: 61.67%;
	display: block;
}
.promo-box--bloghub-post .promo-box__img,
.promo-box--bloghub-post .promo-box__img-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.promo-box--bloghub-post .promo-box__img-placeholder {
	filter: blur(6px);
	transform: scale(1.05);
	transition: all 500ms ease;
	z-index: 1;
}
.promo-box--bloghub-post.promo-box--bloghub-post--image-loaded .promo-box__img-placeholder {
	opacity: 0;
	transform: none;
	transition-duration: 1.5s;
}
.promo-box--bloghub-post.promo-box--bloghub-post--image-loaded .promo-box__img-placeholder {
	opacity: 0;
	transform: none;
	transition-duration: 1.5s;
}




.bloghub-filters {
	display: none;
}
.bloghub-filters.bloghub-filters--visible {
	display: block;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.bloghub-filters {
		display: block;
	}
	.bloghub-show-filters-button-wrap {
		display: none;
	}
}

/* --------------------------------------------------------
Blog post
-------------------------------------------------------- */
.blog-sidebar .field-input input {
	background: var(--color-white);
}
img.blog-post-featured-img {
	margin: 10px 0 40px;
	width: 100%;
}
img.blog-author-img {
	float:left;
	max-width: 200px;
	max-height: 300px;
	margin: 0 20px 20px 0;
}

#blog-post-section .blog-post {
	width: 92%;
	margin: 0 auto;
}

#blog-post-section .blog-post .side {
	float: left;
	width: 9%;
	border-right: 1px solid #d7d7d7;
	text-align: center;
	margin-top:  30px;
}
#blog-post-section .blog-post .blog-date,
#blog-post-section .blog-post .blog-subscribe,
#blog-post-section .blog-author-pic {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 20px;
}
.side-col {
	padding: 0 14% 0 0;
}
.blog-author-pic img {
	margin: 32% 0;
}

.blog-item {
	border-bottom: 1px solid #f3f1f1;
	margin: 5px 0 20px;
}

.blog-item .details p.date,
.blog-item .details p.author,
.blog-post .details p.date,
.blog-post .details p.author {
	display: inline;
}

p.blog-rss-link {
	float: right
}
p.blog-rss-link img {
	width: 16px;
	margin-left: 10px;
}

.blog-comments,
.fb-comments,
.fb-comments span,
.fb-comments iframe {
	width: 100% !important;
}

.share .share-item {
	display:inline-block;
	margin: 1px;
	vertical-align: top;
}

.share .share-item.share-item-fb {
	margin-top: -1px;
}

.blog-article__footer .share {
	width: 50%;
	float: left;
}

.blog-post__tags,
.blog-post__categories,
.blog-post__share,
.blog-post__social {
	margin: 20px 0;
}


iframe[name="google_conversion_frame"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.share .share-item.share-item-fb {
		margin-top: -4px;
	}
}
/* --------------------------------------------------------
Rewards Velocity and Flybuys styles
-------------------------------------------------------- */

.subtitle--reward__points {
	font-weight: bold;
}
.subtitle--reward__pretitle {
	font-size: 1.4rem;
}
.rewards__login-wrapper {
	width: 100%;
}
.rewards__login-form,
.rewards__login-image {
	display: inline-block;
	float: left;
}
.rewards__login-form {
	width: 100%;
	font-size: 1.6rem;
}
.rewards__login-form .field-element {
	margin-bottom: 12px;
}
.payment-type-icon.rewards-program-btn {
	border-color: transparent;
	background-color: transparent;
}
.payment-type-icon.rewards-program-btn .card-wrapper {
	background: var(--color-white);
	border-color: transparent;
}
.rewards-program-btn.button-disabled img {
	filter: grayscale(100%);
}
.rewards-program-btn img {
	margin: 0;
}
.js--rewards__login-form--agnostic {
	width: 100%;
	padding: 0 0 25px 0;
}
.rewards__login-image {
	width: 100%;
	margin-left: 0;
}
.accomodation__flybuys,
.accomodation__velocity {
	padding: 16px 4px 4px;
}
.accomodation__rewards__logo {
	margin-left: auto;
	margin-right: auto;
	width: 254px;
}
.accomodation__rewards__logo__link {
	display: inline-block;
}
.accomodation__rewards__logo__link.gday {
	display: inline-block;
	float: left;
	border-right: 2px dashed var(--color-grey-10);
	padding-right: 16px;
	margin-right: 16px;
}
.accomodation__rewards__logo__link.flybuys {
	padding: 10px 0;
}
.accomodation__rewards__logo__img{
	width: auto;
	height: 72px;
}
.flybuys .accomodation__rewards__logo__img {
	width: 108px;
	height: 52px;
}
.accomodation__velocity .accomodation__rewards__logo {
	width: 258px;
}
.payment-type-icon--reward {
	margin-bottom: 26px;
	background-color: var(--color-white);
	border: 1px var(--color-white) solid;
}
.payment-type-icon--reward:hover {
	background-color: var(--color-white);
	border: 1px var(--color-white) solid;
}
.payment-type-icon--reward img {
	width: 65px;
	height: 53px;
}
.booking-details__body__header--rewards {
	margin-bottom: 1.5rem;
}
.booking-details__body__header--rewards .subtitle--with-subtitle {
	text-decoration: underline;
}
.booking-details__body__header--rewards .subtitle .tooltip__info-icon {
	font-size: 1.6rem;
}
.booking-details__body__header--rewards .subtitle .tooltip__info-icon.icon-before:before {
	margin-right: 0;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}
.booking-details__body__header__image--reward img {
	padding-top: 10px;
	width: 132px;
}
.velocity-comp {
	margin-bottom: 30px;
}
@supports (display: flex) {
	.booking-details__body__header__image--reward img {
		padding-top: 0;
	}
	.booking-details__body__header__image--reward {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 60px;
		    -ms-flex: 0 0 60px;
		        flex: 0 0 60px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
		padding-bottom: 7px;
	}
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.payment-type-icon--reward {
		margin-bottom: 26px;
		background-color: transparent;
		border: 1px transparent solid;
	}
	.payment-type-icon--reward:hover {
		background-color: transparent;
		border: 1px transparent solid;
	}
	.rewards__login-form {
		width: calc(100% - (86px + 20px));
		margin-top: 9px;
	}
	.js--rewards__login-form--agnostic {
		width: 100%;
	}
	.rewards__login-image {
		width: 86px;
		float: right;
	}
	.payment-type-icon--reward {
		margin-left: 20px;
		margin-right: 0;
		margin-bottom: 0;
		padding: 10px 0;
	}
	.payment-type-icon--reward img {
		width: 85px;
		height: 53px;
	}
	.booking-details__body__header__image--reward {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 80px;
		-ms-flex: 0 0 80px;
		flex: 0 0 80px;
	}
	.booking-details__body__header__image--reward img {
		padding-top: 6px;
	}
}
@media only screen and (min-width: 48em) { /* 768px */
	.payment-type-icon--reward {
		padding-top: 14px;
	}
	.booking-details__body__header__image--reward {
		display: block;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 80px;
		-ms-flex: 0 0 80px;
		flex: 0 0 80px;
	}
}
/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.rewards__login-form {
		margin-top: 0;
	}
	.booking-details__body__header__image--reward img {
		max-height: 50px;
	}
	.rewards__login-image {
		height: 76px;
	}
	.rewards__login-image img {
		margin-top: 10px;
	}
	.accomodation__rewards__logo {
		margin-right: 0;
		margin-left: 0;
	}
	.payment-type-icon--reward {
		padding-top: 21px;
		margin-left: 15px;
	}
	.subtitle .tooltip__info-icon.icon-before:before {
		margin-right: 0;
		font-size: 1.6rem;
	}
	.accomodation__flybuys,
	.accomodation__velocity {
		padding-top: 0;
		padding-right: 2.5rem;
		padding-left: 2.5rem;
		padding-bottom: 0;
	}
	.accomodation__velocity {
		padding-bottom: 10px;
	}
	.booking-details__body__header__image--reward {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 90px;
		-ms-flex: 0 0 90px;
		flex: 0 0 90px;
	}
	.booking-details__body__header__image--reward img {
		padding-top: 8px;
	}
	.accomodation__rewards__logo__link.gday {
	    padding-right: 8px;
	    margin-right: 8px;
	}
	.accomodation__velocity .accomodation__rewards__logo__link.gday {
		margin-right: 0;
	}

	@supports(display: flex) {
		.booking-details__body__header__image--reward img {
			padding-top: 0;
		}
		.rewards__login-image {
			height: unset;
			display: flex;
			flex-flow: row;
			justify-content: center;
			align-items: stretch;
		}
		.rewards__login-image img {
			margin-top: auto;
		}
		.booking-details__body__header__image--reward {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 60px;
			    -ms-flex: 0 0 60px;
			        flex: 0 0 60px;
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
			padding-bottom: 7px;
		}
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.rewards__login-image {
		padding-top: 27px;
		margin-left: 0;
		height: unset;
	}
	.rewards__login-image img {
		margin: auto;
	}
	.rewards__login-form .field-label label {
		white-space: nowrap;
	}
	.rewards__login-form .field-input {
		margin-top: 15px;
	}
	.accomodation__rewards__logo {
		width: 287px;
	}
	.accomodation__velocity .accomodation__rewards__logo {
		width: 272px;
	}
	.accomodation__rewards__logo__link.gday {
		padding-right: 16px;
		margin-right: 16px;
	}
	.accomodation__velocity .accomodation__rewards__logo__link.gday {
		margin-right: 12px;
	}
	@supports(display: flex) {
		.rewards__login-image {
			display: block;
		}
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.js--rewards__login-form--agnostic {
		width: 100%;
	}
	.booking-details__body__header__image--reward {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		display: block;
	}
	.booking-details__body__header__image--reward img {
		padding-top: 0;
	}
	@supports(display: flex) {
		.rewards__login-image {
			height: unset;
			display: flex;
			flex-flow: row;
			justify-content: center;
			align-items: stretch;
		}
		.rewards__login-image img {
			margin-top: auto;
		}
	}
}

/* BP Extra large */
@media only screen and (min-width: 100em) { /* 1600px */
	.rewards__login-form .field-input {
		margin-top: 0;
	}
	.rewards__login-image {
		padding-top: 22px;
	}
}

/* --------------------------------------------------------
Streamlined IBE mobile experience
-------------------------------------------------------- */
/* Accomodation template */
.accommodation .section--page-title {
	display: none;
}
.accommodation .section--wide-slider {
	display: none;
}
.section--booking-details--mobile {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section--booking-details--mobile .booking-details__body__header {
    margin-bottom: 0;
	border-bottom: none;
}
.section--booking-details--mobile  .subtitle-subtitle {
	margin-bottom: 0;
}
.booking-details--mobile__img {
	display: none;
}
.booking-details--mobile__img[data-item="0"] {
	display: block
}
.booking-details__body__header--desktop {
	display: none;
}
.heading-subtitle--mobile button {
    color: var(--color-grey-18);
	font-size: 1.5rem;
	font-weight: bold;
}
.heading-subtitle--mobile.accomodation-features-heading .slide-toggle::after {
    background-image: url(../images/icon_arrow-st--black.svg);
}
.mainbar-spacing {
	padding-top: 10px;
}
/* Step 2 personal details */
.booking-details__personal-details--mobile .sidebar {
    margin-top: 0;
}
.ibe_sidebar_edit-booking {
	margin: 15px 0 5px 0;
}
.ibe_sidebar_edit-booking button {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding: 8px 10px;
	background-color: var(--color-grey-01);
	text-decoration: none;
	border-radius: 4px;
	border: none;
	text-transform: uppercase;
	outline: none;
	position: relative;
	font-weight: bold;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	color: var(--color-grey-10);
	font-size: 1.3rem;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	width: 100%;
}
.ibe_sidebar_edit-booking button svg {
	width: 0.8em;
	height: 0.8em;
}
.ibe_sidebar_edit-booking button svg g {
	fill: var(--color-grey-10);
	-webkit-transition: fill 250ms ease-in-out;
	transition: fill 250ms ease-in-out;
}
.ibe_sidebar_edit-booking button:hover,
.ibe_sidebar_edit-booking button:focus {
	color: var(--color-white);
	background-color: var(--color-grey-10);
}
.ibe_sidebar_edit-booking button:hover svg g,
.ibe_sidebar_edit-booking button:focus svg g {
	fill: var(--color-white);
}
.booking-details__personal-details--mobile .booking-details__header,
.booking-details__personal-details--mobile .booking__sidebar__quote {
	display: none;
}
.booking-details__personal-details--mobile .sidebar-item__padded {
	padding: 0;
}
.booking-details__personal-details--mobile .sidebar-item,
.booking-details__personal-details--mobile .from-to {
    margin-bottom: 0;
}
.booking-details__personal-details--mobile .from-to + .subtitle {
    margin-top: 1em;
}
.booking-details__summary--desktop {
	display: none;
}
.membership-details-form__button--mobile button,
.guest-details-form__button--mobile button {
	display: block;
	width: 100%;
}
.membership-details-form__field-wrapper,
.guest-details-form {
	padding: 20px 0 0;
}
.ibe__members-promo {
	margin-top: 30px;
}
.ibe__members-promo .highlight {
	margin: 0 0;
}
.ibe__members-promo .heading-subtitle,
.disc-members__price-pop__members-price .subtitle {
	margin: 0;
}
.disc-members__price-pop__price.sidebar-item__padded,
.disc-members__price-pop__members-price.sidebar-item__padded {
    padding-top: 10px;
    padding-bottom: 10px;
}
.disc-members__price-pop__price,
.disc-members__price-pop__members-price {
	position: relative;
}
.disc-members__price-pop__price,
.disc-members__price-pop__members-price,
.disc-members__price-pop {
	position: relative;
}
.disc-members__price-pop:before {
	content: " ";
    position: absolute;
    top: -13px;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 13px 13px;
    border-color: transparent transparent var(--color-quaternary-dark) transparent;
}
.disc-members__price-pop:after {
	content: " ";
    position: absolute;
    top: -13px;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent transparent var(--color-quaternary-dark) transparent;
}
.disc-members__price-pop__price:before,
.disc-members__price-pop__price:after,
.disc-members__price-pop__members-price:before,
.disc-members__price-pop__members-price:after {
	content: " ";
    position: absolute;
    top: 0;
	width: 13px;
	height: 100%;
}
.disc-members__price-pop__price:before,
.disc-members__price-pop__price:after {
	background-color: var(--color-quaternary);
}
.disc-members__price-pop__members-price:before,
.disc-members__price-pop__members-price:after {
	background-color: var(--color-quaternary);
}
.disc-members__price-pop__members-price:before,
.disc-members__price-pop__price:before {
	right: 100%;
}
.disc-members__price-pop__members-price:after,
.disc-members__price-pop__price:after {
	left: 100%;
}
.disc-members__price-pop + .highlight {
	padding-top: 10px;
}
.guest-details-form__button {
	margin-top: 40px;
}

/* Step 3 payment */


/* Step 4 payment */
.booking__payment__gift-voucher h4,
.booking__payment__ext-voucher h4,
.booking__payment__donation__title h3 {
	font-weight: normal;
    font-size: 1.8rem;
    margin: 0;
	display: inline-block;
	line-height: 33px;
}
.booking__payment__donation__title--desktop {
	display: none;
}
.booking__payment__gift-voucher,
.booking__payment__ext-voucher {
	margin: 3px 0 17px;
}
.js--booking__payment__donation__details {
	margin-top: 10px;
}
.booking__payment__gift-voucher__details .field-element--button,
.booking__payment__ext-voucher__details .field-element--button {
	margin-top: 10px;
}
.booking__payment__donation {
	position: relative;
	margin: 3px 0 17px;
}
.booking__payment__gift-voucher .button,
.booking__payment__ext-voucher .button,
.booking__payment__donation__button {
	float: right;
	padding-left: 10px;
	padding-right: 5px;
}
.customer-details__slide-toggle .booking__customer-details {
	position: relative;
	border-top: 1px solid var(--color-grey-04);
	border-bottom: 1px solid var(--color-grey-04);
	margin: 0;
}
.customer-details__slide-toggle .booking__customer-details__form {
	margin-top: 17px;
}
.customer-details__slide-toggle + .booking__additional-details .rewards-form__active > .heading-borders,
.customer-details__slide-toggle + .post-customer-details__slide-toggle > .heading-borders:first-child {
	border-top: 1px solid transparent;
}
.customer-details__slide-toggle.expanded + .booking__additional-details .rewards-form__active > .heading-borders,
.customer-details__slide-toggle.expanded + .post-customer-details__slide-toggle > .heading-borders:first-child {
    border-top: 1px solid var(--color-grey-04);
}
.customer-details__slide-toggle .booking__customer-details .heading-borders {
	opacity: 0.5;
	border-top: none;
	border-bottom: none;
	margin: 0;
}
.expanded .booking__customer-details .heading-borders {
	opacity: 1;
}
.booking__customer-details .booking__customer-details--mobile {
	position: absolute;
	top: 5px;
	right: 0;
	color: var(--color-grey-10);
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 500;
}
.expanded .booking__customer-details__form {
	border-bottom: 1px solid var(--color-grey-04);
	margin-bottom: 17px;
}
.booking__payment__gift-voucher__details,
.booking__payment__ext-voucher__details {
	margin-top: 10px;
}
.booking__button__note {
	text-align: center;
	font-size: 1.2rem;
	opacity: 0.8;
	margin-top: 3px;
	padding: 2px 5% 5px;
}
.booking__button__note--emphasis {
	opacity: 1;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}
.booking__payment__summary {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-grey-04);
	margin-bottom: 2px;
}
.booking__payment__summary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.booking__payment__summary li {
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: -0.5px;
}
.booking__payment__summary__title {
	color: var(--color-grey-10);
}
.booking__payment__summary .booking__payment__summary__guests {
	margin-top: 5px;
}
.booking__payment__summary__guests li:first-child .booking__payment__summary__title{
	font-size: 1.2rem;
	margin:0;
}
/* BP custom */
@media only screen and (min-width: 22.5em) { /* 360px */
	.booking__payment__summary li {
		letter-spacing: 0;
	}
}
/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.booking__payment__gift-voucher .button,
	.booking__payment__ext-voucher .button {
		padding: 6px 10px 5px 13px;
	}
	.heading-subtitle--mobile {
		display: none;
	}
	.mainbar-spacing {
		padding-top: 0;
	}
	.section--booking-details--mobile {
		display: none;
	}
	.accommodation .section--page-title {
		display: block;
	}
}

/* BP Small */
@media only screen and (min-width: 48em) { /* 768px */
	.accommodation .section--wide-slider {
		display: block;
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.section--wide-slider {
		display: block;
	}
	.booking-details__body__header--desktop {
		display: -webkit-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	/* Step 2 personal details */
	.booking-details__summary--desktop {
		display: block;
	}
	.membership-details-form__button--mobile,
	.guest-details-form__button--mobile {
		display: none;
	}
	/* Step 4 payment */
	.booking-details__summary--desktop--step4 {
		display: block;
	}
	.booking__payment__summary {
		display: none;
	}
	.booking__payment__gift-voucher h4,
	.booking__payment__ext-voucher h4 {
		font-weight: bold;
		font-size: 2.1rem;
		line-height: 1.1;
    	margin: 0 0 1.5rem 0;
		display: block;
	}
	.booking__payment__gift-voucher__button,
	.booking__payment__ext-voucher__button,
	.booking__payment__donation__title {
		display: none;
	}
	.booking__payment__donation__title--desktop {
		display: block;
	}
	.booking__customer-details {
		position: static;
		border-top: none;
		border-bottom: none;
	}
	.booking__customer-details--mobile {
		display: none;
	}
	.customer-details__slide-toggle .booking__customer-details {
		margin: 0 0 17px;
	}
	.customer-details__slide-toggle .booking__customer-details__form {
		margin-top: 0;
	}
	.customer-details__slide-toggle + .booking__additional-details .rewards-form__active > .heading-borders,
	.customer-details__slide-toggle + .post-customer-details__slide-toggle > .heading-borders:first-child {
		border-top: 1px solid var(--color-grey-04);
	}
	.booking__customer-details .heading-borders {
		border-top: 1px solid var(--color-grey-04);
		border-bottom: 1px solid var(--color-grey-04);
		margin: 3px 0 17px;
	}
	.booking__customer-details .heading-borders {
		opacity: 1;
	}
	.expanded .booking__customer-details .heading-borders {
		opacity: 1;
	}
}


/* --------------------------------------------------------
Rottnest Island Specific design tweaks
-------------------------------------------------------- */
.wide--rottnest .section--page-title .section--banner {
	position: relative;
}
.wide--rottnest .section--page-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: var(--color-white);
	text-shadow: 0px 0px 8px rgba(0, 42, 76, 0.8);
	padding-top: 30px;
	padding-bottom: 30px;
}
.wide--rottnest .banner__image {
	height: 240px;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.wide--rottnest .breadcrumb a:not(.button) {
	color: var(--color-white);
}

.wide--rottnest .banner__image {
	background-position: top center;
}

/* Related links */
.rottnest-template .widget-RelatedLinks .widget-title {
	display: none;
}

.rottnest-template .popout-bar {
	margin-top: 44px;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.wide--rottnest .banner__image {
		height: 300px;
	}
	.wide--rottnest .section--page-title {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.wide--rottnest .banner__image {
		height: 360px;
	}
	.wide--rottnest .lined-text-inner:before {
		border-top: 2px dashed var(--color-white);
	}
	.wide--rottnest .section--page-title {
		padding-top: 80px;
		padding-bottom: 80px
	}
}
.wide--rottnest .subtitle {
	color: var(--color-white);
}
.wide--rottnest .subtitle.promo-box__header__subtitle {
	color: var(--color-grey-10);
}
/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.wide--rottnest .banner__image {
		height: 420px;
	}
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.wide--rottnest .banner__image {
		height: 520px;
	}
	.rottnest-template .popout-bar {
		margin-top: 100px;
	}
}

/* BP Extra large */
@media only screen and (min-width: 87.5em) { /* 1400px */
	.wide--rottnest .banner__image {
		height: 520px;
	}
}

/* Alert ribbon */
.alert-ribbon {
	position: relative;
	z-index: 1;
	background-color: var(--color-alternative);
	color: var(--color-white);
	padding-top: 16px;
	padding-bottom: 8px;
	text-align: left;
	font-size: 2rem;
	line-height: 1.2;
}
@media only screen and (min-width: 62em) { /* 992px */
	.alert-ribbon {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

.alert-ribbon--green {
	background-color: var(--color-utility-positive-dark);
}
.alert-ribbon .container {
	max-width: 800px;
}
.alert-ribbon--max-1168 .container {
	max-width: 1168px;
}

.alert-ribbon p {
	margin-bottom: 0;
}

.alert-ribbon *:last-child {
	margin-bottom: 0;
}


.alert-ribbon--green a {
	color: currentColor;
}

/* close button */
.btn-close {
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	outline: none;
	border: none;
	background: transparent;
	background: none;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 20px;
	color: inherit;
	font-family: 'brandon-grotesque', Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	z-index: 2;
	margin-top: 0;
	float: right;
}

.btn-close:after,
.btn-close:before {
    content: "\00a0";
    position: absolute;
    background-color: var(--color-quaternary);
    transition: all 200ms ease-in-out;
    transform: rotate(-45deg);
}

.btn-close:after {
    height: 16px;
    width: 2px;
    top: calc(50% - 8px);
    left: 7px;
}
.btn-close:before {
    top: calc(50% - 1px);
    left: 0;
    height: 2px;
    width: 16px;
}

.btn-close:hover:after,
.btn-close:hover:before,
.btn-close:focus:after,
.btn-close:focus:before {
    background-color: var(--color-accent-01);
}

.reverse-text .btn-close:after,
.reverse-text .btn-close:before {
	background-color: var(--color-white);
}

/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
	.reverse-text .btn-close,
	.reverse-text .btn-close {
		opacity: 0.8;
	}

	.reverse-text .btn-close:hover,
	.reverse-text .btn-close:focus {
		opacity: 1;
	}
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.alert-ribbon--max-1168 .container {
		padding-right: 100px;
	}
	.btn-close {
		position: absolute;
		top: 20px;
		right: 20px;
		margin-top: 0;
	}
}

/* Filter deals */
.preceeding-decal {
	text-transform: uppercase;
    margin-top: 0.4rem;
}

/* BP Medium */
@media only screen and (min-width: 62em) { /* 992px */
	.preceeding-decal {
		margin-top: 1.2rem;
	}
}

/* --------------------------------------------------------
Stand Alone Payment Page
-------------------------------------------------------- */
.h-spacing {
	margin-top: 35px;
	margin-bottom: 25px;
}

.h-spacing-t {
	margin-top: 40px;
}

/* text colours */
.txt-accent {
	color: var(--color-primary);
}

.txt-affirm {
	color: var(--color-utility-positive-dark);
}

.txt-alert {
	color: var(--color-utility-negative-dark);
}

#payment-form label[for="api-cvc"] {
	text-transform: uppercase;
}

.txt-dblock--xsm {
	display: block;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.txt-dblock--xsm {
		display: inline;
	}
}

/* --------------------------------------------------------
Campaign Message - 20220120 - "It's cool to be kind"
-------------------------------------------------------- */
.campaign-message {
	background: var(--color-quaternary);
	color: var(--color-white);
	padding: 32px 24px;
	line-height: 1.75;
	font-size: 125%;
	margin-top: 32px;
	margin-bottom: 32px;
}

.campaign-message__img-wrap {
	margin: 0 auto;
    display: block;
	width: 180px;
}

.campaign-message p {
	margin-bottom: 0;
}

/* BP Extra small */
@media only screen and (min-width: 37.5em) { /* 600px */
	.campaign-message {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 16px;
	}

	.campaign-message__img-wrap {
		margin: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 180px;
		flex: 0 0 180px;
	}

	.campaign-message p {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 24px;
	}
}

@media only screen and (min-width: 87.5em) { /* 1400px */
	.campaign-message {
		max-width: 1200px;
		font-size: 133.333333%;
	}

	.campaign-message p {
		padding-left: 40px;
	}
}

/* --------------------------------------------------------
Express Job Widget Styles
-------------------------------------------------------- */

.expr3ss-jobs-widget-title {
	color: inherit !important;
	font-weight: 500;
	font-size: 2rem;
}
.expr3ss-jobs-widget-subtitle {
	font-size: 1.4rem !important;
	text-transform: uppercase;
	font-weight: 100;
	color: var(--color-primary);
}


/* --------------------------------------------------------
Flexbox grid show / hide extension
-------------------------------------------------------- */

.col-md-show {
	display: none;
}

@media only screen and (min-width: 62em) { /* 992px */
	.col-md-show {
		display: block;
	}
	.col-md-hide {
		display: none;
	}
}
/*
* frankenMenu v1.0 // Karmabunny Web Design // built by Luke Underwood
*/

:root {
    --menu-link-transition-duration: var(--link-transition-duration, 200ms);
    --mobile-menu-height: 48px;
    --mobile-transition-speed-out: 300ms; /* based on mobileTransitionSpeedOut from the js */
}


/** Desktop and Mobile styling
===================================*/
#frankenmenu-list,
#frankenmenu-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

#frankenmenu-list a,
#frankenmenu-subnav-list a {
    text-decoration: none;
    display: block;
}


/** Desktop menu only
===================================*/
@media only screen and (min-width: 62em) { /* 992px */

    #frankenmenu {
        z-index: 1000;
    }

    #frankenmenu-list,
    #frankenmenu-subnav-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    #mobile-header {
        display: none;
    }

    #frankenmenu .frankenmenu_container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    /* ---- All level menu items ---- */
    #frankenmenu-list .menu-item {
        position: relative;
    }
    #frankenmenu-list .sub-menu {
        display: none;
        min-width: 200px;
        position: absolute;
        -webkit-box-shadow: 0 0 16px 1px rgba(0,0,0,0.4);
                box-shadow: 0 0 16px 1px rgba(0,0,0,0.4);
        z-index: 1;
        min-width: 250px;
        max-width: 350px;
        text-align: left;
        top: 0;
        left: 100%;
    }

    /* ---- First level menu ---- */
    #frankenmenu-list .menu-item-depth1,
     #frankenmenu-subnav .menu-item-depth1 {
        text-align: center;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
    }
    #frankenmenu-list .menu-item-depth1 > a,
    #frankenmenu-subnav .menu-item-depth1 > a {
        position: relative;
        display: block;
        color: var(--color-white, #FFF);
        font-size: 1.5rem;
        padding: 7px 8px 5px;
        font-weight: 500;
        text-transform: uppercase;
        z-index: 1;
        transition:
            color var(--menu-link-transition-duration) ease;
    }

    /* Home */
    #frankenmenu-list .menu-item.menu-home-page > a {
        text-indent: -9999px;
        position: relative;
        overflow: hidden;
        padding: 0;
        width: 33px;
        height: 33px;
    }
    #frankenmenu-list .menu-item.menu-home-page > a:before {
        content: "\e90f";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        right: 0;
        text-align: center;
        text-indent: 0;
        font-size: 2.8rem;
        z-index: 1;
    }

    /* Hover */
    #frankenmenu-list .menu-item-depth1 > a:hover,
    #frankenmenu-list .menu-item-depth1 > a:focus,
    #frankenmenu-list .menu-item-depth1.frankenhover > a,
    #frankenmenu-list .menu-item-depth1.frankenhold > a,
    #frankenmenu-subnav .menu-item-depth1 > a:hover,
    #frankenmenu-subnav .menu-item-depth1 > a:focus,
    #frankenmenu-subnav .menu-item-depth1.frankenhover > a,
    #frankenmenu-subnav .menu-item-depth1.frankenhold > a {
        color: var(--color-white, #FFF);
        background-color: var(--color-primary-dark, #CC4925);
    }

    /* Current item */
    #frankenmenu-list .menu-item-depth1.menu-current-item > a,
    #frankenmenu-subnav .menu-item-depth1.menu-current-item > a,
    #frankenmenu-list .menu-item-depth1.menu-current-item-ancestor > a {
        background-color: var(--color-primary-dark, #CC4925);
        color: var(--color-white, #FFF);
    }

    #frankenmenu-list .menu-item-depth1.menu-current-item > a:hover,
    #frankenmenu-list .menu-item-depth1.menu-current-item > a:focus,
    #frankenmenu-subnav .menu-item-depth1.menu-current-item > a:hover,
    #frankenmenu-subnav .menu-item-depth1.menu-current-item > a:focus,
    #frankenmenu-list .menu-item-depth1.menu-current-item-ancestor > a:hover,
    #frankenmenu-list .menu-item-depth1.menu-current-item-ancestor > a:focus {
        color: var(--color-white, #FFF);
    }

    /* ---- Submenus ---- */
    #frankenmenu-list .sub-menu a {
        border-top: 1px solid #242C35;
        padding: 9px 18px 10px;
        color: #B0B7BF;
        font-size: 1.5rem;
        line-height: 1.8rem;
        background-color: #191f25;
        -webkit-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        font-weight: 500;
    }
    #frankenmenu-list .sub-menu .menu-item:first-child a {
        border-top: none;
    }
    #frankenmenu-list .sub-menu .menu-item > a:hover,
    #frankenmenu-list .sub-menu .menu-item > a:focus,
    #frankenmenu-list .sub-menu .menu-item.frankenhover > a,
    #frankenmenu-list .sub-menu .menu-item.frankenhold > a {
        background: var(--color-grey-21, #24292f);
        color: #FFF;
    }

    #frankenmenu-list .frankenhold > .sub-menu {
        display: block !important;
        opacity: 1 !important;
    }

    /* ---- First level submenus ---- */
    #frankenmenu-list .sub-menu-depth1 {
        top: 100%;
        left: auto;
    }

    /* ---- Right aligned submenus ---- */
    #frankenmenu-list .sub-menu.submenu-right-align,
    #frankenmenu-list .sub-menu.submenu-right-align .sub-menu {
        left: auto;
        right: 100%;
    }
    #frankenmenu-list .sub-menu-depth1.submenu-right-align {
        left: auto;
        right: 0;
    }


    /* ---- Sub-navigation ---- */
    #frankenmenu-list .menu-item-subnav {
        display: none;
    }
    #frankenmenu-subnav {
        border-left: 2px solid var(--color-primary-pale, #fe9161);
        margin-left: 10px;
        padding-left: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
    #frankenmenu-subnav-list,
    #frankenmenu-subnav-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #frankenmenu-subnav-list .menu-item-depth1 > a {
        overflow: hidden;
        height: 33px;
        position: relative;
        text-indent: -9999px;
    }
    #frankenmenu-subnav-list .sub-menu {
        display: none;
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-facebook > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-twitter > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-youtube > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a {
        width: 31px;
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-facebook > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-twitter > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-youtube > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: inherit;
        text-indent: 0;
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 3rem;
        margin: 0 auto;
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-facebook > a:before {
        content: "\e90d";
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-twitter > a:before {
        content: "\e930";
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-youtube > a:before {
        content: "\e91e";
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a:before {
        content: "";
    }
    /* Instagram is an SVG, the icon font icon version is _very_ dated */
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a:before {
        background: url(../images/icon_instagram.svg) transparent center no-repeat;
        height: 1em;
    }

    .menu-item-tag > a:before {
        color: #FFF;
        background: #f2672a;
        padding: 1px 4px;
        border-radius: 2px;
        margin: 0 0 0 10px;
        font-size: 1.1rem;
        float: right;
        display: block;
    }
    .menu-item-tag--sale > a:before {
        content: "SALE";
    }
    .menu-item-tag--free > a:before {
        content: "FREE";
    }
    .menu-item-tag--hot > a:before {
        content: "HOT";
    }
    .menu-item-tag--xmas > a:before {
        content: "\00a0";
        width: 30px;
        background: url(../images/icon_xmas-tree.svg) no-repeat center center;
    }

    /* ---- Moved elements ---- */
    .frankenmoved {
        display: none;
    }

    /* ---- Megamenu ---- */
    #frankenmenu-list .mega-menu {
        left: 0;
        right: 0;
        background-color: var(--color-secondary, #F4ECE0);
        color: var(--color-grey-18, #424143);
        text-align: left;
        top: 100%;
        position: absolute;
        border-top: 1px solid var(--color-secondary-dark, #E2DAD0);
        border-bottom: 4px solid var(--color-secondary-dark, #E2DAD0);
        z-index: 51;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        width: 1px;
    }
    #frankenmenu-list .mega-menu:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 16px;
        z-index: 1;
    }
    /* Remove relative positioning for mega menu */
    .frankenmenu-mega #frankenmenu-list .menu-item {
        position: static;
    }
    #frankenmenu-list .menu-item.frankenhover .mega-menu,
    #frankenmenu-list .menu-item.frankenhold .mega-menu {
        padding: 20px 0;
        width: auto;
        height: auto;
        clip: auto;
        overflow: visible;
        margin: auto;
    }
    #frankenmenu-list .menu-item.frankenhold .mega-menu {
        display: block !important;
        height: auto !important;
    }

    #frankenmenu-list .mega-menu-column-title,
    #frankenmenu-list .mega-menu-preview-title {
        font-size: 2.1rem;
        margin-bottom: 5px;
    }

    /* No title */
    #frankenmenu-list .mega-menu-column--no-title {
        padding-top: 28px;
    }

    /* Megamenu preview */
    #frankenmenu-list .mega-menu-preview-title {
        margin-top: 17px;
    }
    #frankenmenu-list .mega-menu-preview-image {
        height: 110px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    #frankenmenu-list .mega-menu-preview-text {
        margin-bottom: 0;
        line-height: 1.2;
        font-size: 1.6rem;
    }

    #frankenmenu-list .mega-menu-column--1 .mega-menu-depth3 {
        display: none;
    }
    .mega-menu-depth3 {
        -webkit-animation: fadeInLeft 300ms ease;
                animation: fadeInLeft 300ms ease;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
    }

    .mega-menu-submenu {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 1.3rem;
        line-height: 1.2;
        text-transform: uppercase;
        font-weight: 500;
    }
    .mega-menu-submenu a {
        padding: 5px 18px 5px 0;
        position: relative;
        display: block;
        text-decoration: none;
    }
    .mega-menu-submenu a:after {
        content: "\e903";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 1.6rem;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -8px -3px 0 0;
    }

    .mega-menu-submenu a,
    .mega-menu-submenu a:after {
        color: var(--color-grey-18, #424143);
    }
    .mega-menu-submenu a:hover,
    .mega-menu-submenu a:focus,
    .mega-menu-submenu .active a,
    .mega-menu-submenu a:hover:after,
    .mega-menu-submenu a:focus:after,
    .mega-menu-submenu .active a:after {
        color: var(--color-primary);
    }
    .mega-menu-submenu .menu-current-item > a,
    .mega-menu-submenu .menu-current-item > a:after {
        color: var(--color-grey-18, #424143);
    }
    .mega-menu-submenu .menu-current-item > a {
        color: var(--color-primary);
    }
    .mega-menu-submenu .menu-current-item > a {
        padding-left: 20px;
        padding-right: 30px;
    }
    .mega-menu-submenu .menu-current-item > a:after {
        right: 15px;
    }
}

/* BP Large with min-height */
@media only screen and (min-width: 80em) /* 1280px */ and (min-height: 40.625em) /* 650px */ {
	.mega-menu-submenu {
		font-size: 1.4rem;
	}
	.mega-menu-submenu a {
		padding: 7px 18px 7px 0;
	}
}


/* BP Large */
@media only screen and (min-width: 80em) { /* 1280px */
    #frankenmenu-list .mega-menu:before {
        height: 24px;
    }
    #frankenmenu-list .menu-item-depth1 > a,
    #frankenmenu-subnav .menu-item-depth1 > a {
        font-size: 1.7rem;
        padding: 16px 15px 15px;
    }
    #frankenmenu-subnav-list .menu-item-depth1 > a {
        height: 54px;
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-facebook > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-twitter > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-youtube > a:before,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a:before {
        top: 7px;
        font-size: 4rem;
    }
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-facebook > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-twitter > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-youtube > a,
    #frankenmenu-subnav-list .menu-item-depth1.menu-item-instagram > a {
        width: 39px;
    }
    #frankenmenu-list .menu-item.menu-home-page > a {
        width: 54px;
        height: 54px;
    }
    #frankenmenu-list .menu-item.menu-home-page > a:before {
        font-size: 4.3rem;
    }
    #frankenmenu-list .mega-menu-preview-image {
        height: 150px;
    }

}

/* BP Large with min-height */
@media only screen and (min-width: 80em) /* 1280px */ and (min-height: 40.625em) /* 650px */ {
    #frankenmenu-list .mega-menu-column-title,
    #frankenmenu-list .mega-menu-preview-title {
        font-size: 2.3rem;
        margin-bottom: 9px;
    }
    #frankenmenu-list .menu-item.frankenhover .mega-menu,
    #frankenmenu-list .menu-item.frankenhold .mega-menu {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    #frankenmenu-list .mega-menu-preview-text {
        font-size: 1.8rem;
    }
    #frankenmenu-list .mega-menu-preview-title {
        margin-top: 25px;
    }
    /* No title */
    #frankenmenu-list .mega-menu-column--no-title {
        padding-top: 34px;
    }
}


/** Mobile menu only
===================================*/
@media only screen and (max-width: 61.938em) { /* 991px */

    /* Prevents font-boosting of menu items on Android */
    #frankenmenu * {
        max-height: 999999px;
    }

    #wrap {
        margin-top: var(--mobile-menu-height);
        /* -webkit-transform: translate3d(0, 0, 0); */
        /* transform: translate3d(0, 0, 0); */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #FFF;
    }
    .popout-bar-sticky-present #wrap {
        /* The 63px is from the slim search bar height */
        margin-top: calc(var(--mobile-menu-height, 48px) + 63px);
    }
    #frankenmenu {
        top: 0;
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        background-color: var(--color-secondary, #F4ECE0);
        border-left: 1px solid transparent;
        width: 70%;
        z-index: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        padding-top: var(--mobile-menu-height);
    }
    .popout-bar-sticky-present #frankenmenu {
        /* The 63px is from the slim search bar height */
        padding-top: calc(var(--mobile-menu-height, 48px) + 63px);
    }
    .frankenmenu-mob-menu-visible #frankenmenu {
        border-color: var(--color-secondary-dark, #E2DAD0);
    }
    #frankenmenu .frankenmenu_container {
        position: relative;
        padding: 0;
        max-width: none;
        width: 100%;
        margin: 0;
        opacity: 0;
    }

    /* ---- Mobile header ---- */
    #mobile-header {
        background-color: var(--color-primary, #F47425);
        color: var(--color-white, #FFF);
        height: var(--mobile-menu-height);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        border-bottom: 1px solid var(--color-primary-dark, #E1601F);
    }
    #mobile-menu-button {
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        outline: none;
        border: none;
        padding: 0;
        text-indent: -9999px;
        width: 40px;
        height: 36px;
        margin-top: calc((var(--mobile-menu-height, 48px) - 36px) / 2);
        position: relative;
        background: none;
    }

    .mobile-menu-button-top,
    .mobile-menu-button-middle,
    .mobile-menu-button-bottom {
        height: 3px;
        background-color: var(--color-white, #FFF);
        left: 6px;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 400ms;
        animation-duration: 400ms;
        position: absolute;
        display: block;
        right: 6px;
    }
    .mobile-menu-button-top {
        top: 8px;
    }
    .mobile-menu-button-middle {
        top: 17px;
    }
    .mobile-menu-button-bottom {
        top: 26px;
    }

    /* Animations active */
    .frankenmenu-mob-menu-animations .mobile-menu-button-top {
        -webkit-animation-name: mobileMenuBtnTopClose;
        animation-name: mobileMenuBtnTopClose;
    }
    .frankenmenu-mob-menu-animations .mobile-menu-button-middle {
        -webkit-animation-name: mobileMenuBtnMiddleClose;
        animation-name: mobileMenuBtnMiddleClose;
    }
    .frankenmenu-mob-menu-animations .mobile-menu-button-bottom {
        -webkit-animation-name: mobileMenuBtnBottomClose;
        animation-name: mobileMenuBtnBottomClose;
    }

    /* Close button */
    .frankenmenu-mob-menu-visible #mobile-menu-button .mobile-menu-button-top {
        -webkit-animation-name: mobileMenuBtnTopOpen;
        animation-name: mobileMenuBtnTopOpen;
    }
    .frankenmenu-mob-menu-visible #mobile-menu-button .mobile-menu-button-middle {
        -webkit-animation-name: mobileMenuBtnMiddleOpen;
        animation-name: mobileMenuBtnMiddleOpen;
    }
    .frankenmenu-mob-menu-visible #mobile-menu-button .mobile-menu-button-bottom {
        -webkit-animation-name: mobileMenuBtnBottomOpen;
        animation-name: mobileMenuBtnBottomOpen;
    }



    @-webkit-keyframes mobileMenuBtnTopClose {
        0% {
            -webkit-transform: translate(0, 9px) rotate(45deg);
            transform: translate(0, 9px) rotate(45deg);
        }
        50%, 70% {
            -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }



    @keyframes mobileMenuBtnTopClose {
        0% {
            -webkit-transform: translate(0, 9px) rotate(45deg);
            transform: translate(0, 9px) rotate(45deg);
        }
        50%, 70% {
            -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @-webkit-keyframes mobileMenuBtnTopOpen {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        50%, 70% {
            -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
        }
        100% {
            -webkit-transform: translate(0, 9px) rotate(45deg);
            transform: translate(0, 9px) rotate(45deg);
        }
    }
    @keyframes mobileMenuBtnTopOpen {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        50%, 70% {
            -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
        }
        100% {
            -webkit-transform: translate(0, 9px) rotate(45deg);
            transform: translate(0, 9px) rotate(45deg);
        }
    }
    @-webkit-keyframes mobileMenuBtnBottomClose {
        0% {
            -webkit-transform: translate(0, -9px) rotate(-45deg);
            transform: translate(0, -9px) rotate(-45deg);
        }
        50%, 70% {
            -webkit-transform: translate(0, -9px);
            transform: translate(0, -9px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes mobileMenuBtnBottomClose {
        0% {
            -webkit-transform: translate(0, -9px) rotate(-45deg);
            transform: translate(0, -9px) rotate(-45deg);
        }
        50%, 70% {
            -webkit-transform: translate(0, -9px);
            transform: translate(0, -9px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @-webkit-keyframes mobileMenuBtnBottomOpen {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        50%, 70% {
            -webkit-transform: translate(0, -9px);
            transform: translate(0, -9px);
        }
        100% {
            -webkit-transform: translate(0, -9px) rotate(-45deg);
            transform: translate(0, -9px) rotate(-45deg);
        }
    }
    @keyframes mobileMenuBtnBottomOpen {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        50%, 70% {
            -webkit-transform: translate(0, -9px);
            transform: translate(0, -9px);
        }
        100% {
            -webkit-transform: translate(0, -9px) rotate(-45deg);
            transform: translate(0, -9px) rotate(-45deg);
        }
    }
    @-webkit-keyframes mobileMenuBtnMiddleClose {
        0% {
            opacity: 0;
        }
        50%, 70%, 100% {
            opacity: 1;
        }
    }
    @keyframes mobileMenuBtnMiddleClose {
        0% {
            opacity: 0;
        }
        50%, 70%, 100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes mobileMenuBtnMiddleOpen {
        0% {
            opacity: 1;
        }
        50%, 70%, 100% {
            opacity: 0;
        }
    }
    @keyframes mobileMenuBtnMiddleOpen {
        0% {
            opacity: 1;
        }
        50%, 70%, 100% {
            opacity: 0;
        }
    }


    /* ---- All level menu items ---- */
    #frankenmenu-list, #frankenmenu-list ul {
        width: 100%;
    }
    #frankenmenu-list .menu-item {
        position: relative;
        border-top: 1px solid var(--color-secondary-dark, #E2DAD0);
        float: none;
        width: 100%;
    }
    #frankenmenu-list a {
        min-height: 39px;
        width: 100%;
        padding: 9px 48px 9px 20px;
        color: inherit;
        font-weight: 500;
        font-size: 1.6rem;
    }
    #frankenmenu-list .menu-item.menu-current-item {
        border-color: var(--color-primary, #F47425);
    }
    #frankenmenu-list .menu-item.menu-current-item > a {
        color: var(--color-white, #fff);
        background-color: var(--color-primary, #F47425);
    }

    #frankenmenu-list .menu-item.menu-current-item > .submenu-toggle {
        color: var(--color-white, #fff);
    }

    #frankenmenu-list .menu-item.menu-current-item-ancestor > a {
        background-color: var(--color-secondary-dark, #E2DAD0);
    }

    /* Has children */
    #frankenmenu-list .menu-item.menu-item-has-children > a {
        padding-right: 55px;
    }

    /* ---- Submenus ---- */
    #frankenmenu-list .sub-menu {
        display: none;
    }
    #frankenmenu-list .menu-current-item-ancestor > .sub-menu,
    #frankenmenu-list .menu-current-item-ancestor > .mega-menu {
        display: block;
    }

    #frankenmenu-list .menu-item > a:after {
        content: none;
    }

    /* Depth differences */
    #frankenmenu-list .menu-item-depth1 > a {
        padding-left: 20px;
        background-color: var(--color-secondary, #E2DAD0);
        font-weight: 900;
        text-transform: uppercase;
    }
    #frankenmenu-list .menu-item-depth2 a {
        text-transform: none;
        line-height: 1.2;
    }
    #frankenmenu-list .menu-item-depth2 > a {
        padding-left: 30px;
        background-color: var(--color-secondary, #E2DAD0);
    }
    #frankenmenu-list .menu-item-depth3 > a {
        padding-left: 45px;
    }
    #frankenmenu-list .menu-item-depth4 > a {
        padding-left: 55px;
    }
    #frankenmenu-list .menu-item-depth5 > a {
        padding-left: 65px;
    }
    #frankenmenu-list .menu-item-depth6 > a {
        padding-left: 75px;
    }

    /* Expand buttons */
    .submenu-toggle {
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none;
        border: none;
        color: inherit;
        font-size: 2.3rem;
        width: 55px;
        background: none;
        height: 39px;
        display: block;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        padding: 0;
    }
    .submenu-toggle:before,
    .submenu-toggle:after {
        content: " ";
        width: 12px;
        height: 3px;
        display: block;
        position: absolute;
        background-color: currentColor;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 22px;
        -webkit-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    .submenu-toggle:before {
        -webkit-transform: rotate(45deg) translateX(-5px);
        -ms-transform: rotate(45deg) translateX(-5px);
        transform: rotate(45deg) translateX(-5px);
    }
    .submenu-toggle:after {
        -webkit-transform: rotate(-45deg) translateX(5px);
        -ms-transform: rotate(-45deg) translateX(5px);
        transform: rotate(-45deg) translateX(5px);
    }
    #frankenmenu-list .menu-item-submenu-open > a {
        background: inherit;
        color: inherit;
    }
    .menu-item-submenu-open > .submenu-toggle:before,
    .menu-item-submenu-open > .submenu-toggle:after {
        top: 15px;
    }
    .menu-item-submenu-open > .submenu-toggle:before {
        -webkit-transform: rotate(-45deg) translateX(-5px);
        -ms-transform: rotate(-45deg) translateX(-5px);
        transform: rotate(-45deg) translateX(-5px);
    }
    .menu-item-submenu-open > .submenu-toggle:after {
        -webkit-transform: rotate(45deg) translateX(5px);
        -ms-transform: rotate(45deg) translateX(5px);
        transform: rotate(45deg) translateX(5px);
    }

    /* ---- Sub-navigation ---- */
    #frankenmenu-subnav-list {
        display: none;
    }

    /* ---- Menu positions ---- */

    /* Left */
    .frankenmenu-mobile-pos-left #frankenmenu {
        left: 0;
    }
    .frankenmenu-mobile-pos-left #frankenmenu .frankenmenu_container {
        -webkit-transform: translate3d(-10%, 0, 0) scale(0.9);
        transform: translate3d(-10%, 0, 0) scale(0.9);
    }
    .frankenmenu-mobile-pos-left.frankenmenu-mob-menu-visible #wrap {
        -webkit-transform: translate3d(70%, 0, 0);
        transform: translate3d(70%, 0, 0);
    }

    /* Right */
    .frankenmenu-mobile-pos-right #frankenmenu {
        right: 0;
    }
    .frankenmenu-mobile-pos-right #frankenmenu .frankenmenu_container {
        -webkit-transform: translate3d(10%, 0, 0) scale(0.9);
        transform: translate3d(10%, 0, 0) scale(0.9);
    }
    .frankenmenu-mobile-pos-right.frankenmenu-mob-menu-visible #wrap {
        -webkit-transform: translate3d(-70%, 0, 0);
        transform: translate3d(-70%, 0, 0);
    }
    .frankenmenu-mobile-pos-right #mobile-menu-button {
        float: right;
        margin-right: -5px;
    }

    /* ---- Transitions ---- */
    #frankenmenu,
    #wrap,
    #frankenmenu .frankenmenu_container {
        -webkit-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }
    .js #frankenmenu {
        opacity: 0;
    }

    /* Menu open */
    .frankenmenu-mob-menu-visible #frankenmenu {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .frankenmenu-mob-menu-visible #frankenmenu .frankenmenu_container {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }

    /* ---- Moved elements ---- */
    .frankenmove {
        display: none;
    }

    /* ---- Megamenu ---- */
    .mega-menu-preview {
        display: none;
    }
    .mega-menu-preview-image {
        background-image: none !important;
    }
    .mega-menu-column-title {
        font-size: 1.4rem;
        padding: 9px 20px;
        margin: 0;
        background: var(--color-secondary, #E2DAD0);
        color: var(--color-primary, #F47425);
        border-top: 1px solid var(--color-secondary-dark, #E2DAD0);
    }
    #frankenmenu-list .menu-item-depth1 .mega-menu-column-title {
        padding-left: 30px;
    }
    #frankenmenu-list .menu-item-depth2 .mega-menu-column-title {
        padding-left: 45px;
    }
    #frankenmenu-list .menu-item-depth3 .mega-menu-column-title  {
        padding-left: 55px;
    }
    #frankenmenu-list .mega-menu {
        display: none;
        background: none;
    }
    #frankenmenu-list .container {
        width: auto;
    }
    #frankenmenu-list .mega-menu-depth3 {
        display: none;
    }

}


@media only screen and (max-width: 47.938em) { /* 767px */
    .popout-bar-sticky-present #wrap {
        margin-top: var(--mobile-menu-height, 48px);
    }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img,
.slick-slide img.slick-loading
{
    display: none;
}
.slick-slide.slick-current img.slick-loading {
    display: block;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* White popup style */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

/* Fade transition */
.mfp-fade.mfp-bg {
	opacity: 0;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 50px auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #CCC;
}
.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 64px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	left: 100%;
	top: 0;
	text-decoration: none;
	text-align: center;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 60px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
	opacity: 0.9;
}


.mfp-close-btn-in .mfp-close {
	color: #FFFFFF;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
	* Remove all paddings around the image on small screen
	*/
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}