@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic);

meta.foundation-version {
    font-family: '/5.5.3/'
}

meta.foundation-mq-small {
    font-family: '/only screen/';
    width: 0
}

meta.foundation-mq-small-only {
    font-family: '/only screen and (max-width: 40em)/';
    width: 0
}

meta.foundation-mq-medium {
    font-family: '/only screen and (min-width:40.0625em)/';
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: '/only screen and (min-width:40.0625em) and (max-width:64em)/';
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: '/only screen and (min-width:64.0625em)/';
    width: 64.0625em
}

meta.foundation-mq-large-only {
    font-family: '/only screen and (min-width:64.0625em) and (max-width:90em)/';
    width: 64.0625em
}

meta.foundation-mq-xlarge {
    font-family: '/only screen and (min-width:90.0625em)/';
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: '/only screen and (min-width:90.0625em) and (max-width:120em)/';
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: '/only screen and (min-width:120.0625em)/';
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body, html {
    height: 100%
}

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

body, html {
    font-size: 100%
}

body {
    font-family: Cairo,sans-serif !important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    margin: 0;
    padding: 0;
    cursor: auto;
    color: #222;
    background: #fff
}

a:hover {
    cursor: pointer
}

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

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.img-box-md {
    width: 303px;
    height: 303px;
}

.book-img {
    width: 240px !important;
    height: 300px !important;
}

.img-box-lg {
    width: 500px;
    height: 500px;
}

.right {
    float: right !important
}

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

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    max-width: 73.125rem;
    margin: 0 auto
}

    .row:after, .row:before {
        display: table;
        content: ' '
    }

    .row:after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

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

    .row .row {
        width: auto;
        max-width: none;
        margin: 0 -.9375rem
    }

        .row .row:after, .row .row:before {
            display: table;
            content: ' '
        }

        .row .row:after {
            clear: both
        }

        .row .row.collapse {
            width: auto;
            max-width: none;
            margin: 0
        }

            .row .row.collapse:after, .row .row.collapse:before {
                display: table;
                content: ' '
            }

            .row .row.collapse:after {
                clear: both
            }

.column, .columns {
    float: left;
    width: 100%;
    padding-right: .9375rem;
    padding-left: .9375rem
}

    .column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
        float: right
    }

    .column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
        float: left
    }

@media only screen {
    .small-push-0 {
        position: relative;
        right: auto;
        left: 0
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        right: auto;
        left: 8.33333%
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        right: auto;
        left: 16.66667%
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        right: auto;
        left: 25%
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        right: auto;
        left: 33.33333%
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        right: auto;
        left: 41.66667%
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        right: auto;
        left: 50%
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        right: auto;
        left: 58.33333%
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        right: auto;
        left: 66.66667%
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        right: auto;
        left: 75%
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        right: auto;
        left: 83.33333%
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        right: auto;
        left: 91.66667%
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        right: auto;
        left: auto;
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.small-centered, .columns.small-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .column.small-uncentered, .columns.small-uncentered {
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

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

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media only screen and (min-width:40.0625em) {
    .medium-push-0 {
        position: relative;
        right: auto;
        left: 0
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        right: auto;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        right: auto;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        right: auto;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        right: auto;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        right: auto;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        right: auto;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        right: auto;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        right: auto;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        right: auto;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        right: auto;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        right: auto;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        right: auto;
        left: auto;
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.medium-centered, .columns.medium-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

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

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .push-0 {
        position: relative;
        right: auto;
        left: 0
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        right: auto;
        left: 8.33333%
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        right: auto;
        left: 16.66667%
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        right: auto;
        left: 25%
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        right: auto;
        left: 33.33333%
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        right: auto;
        left: 41.66667%
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        right: auto;
        left: 50%
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        right: auto;
        left: 58.33333%
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        right: auto;
        left: 66.66667%
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        right: auto;
        left: 75%
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        right: auto;
        left: 83.33333%
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        right: auto;
        left: 91.66667%
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .large-push-0 {
        position: relative;
        right: auto;
        left: 0
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        right: auto;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        right: auto;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        right: auto;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        right: auto;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        right: auto;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        right: auto;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        right: auto;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        right: auto;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        right: auto;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        right: auto;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        right: auto;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        right: auto;
        left: auto;
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.large-centered, .columns.large-centered {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .column.large-uncentered, .columns.large-uncentered {
        float: left;
        margin-right: 0;
        margin-left: 0
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

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

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        float: left;
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .push-0 {
        position: relative;
        right: auto;
        left: 0
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        right: auto;
        left: 8.33333%
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        right: auto;
        left: 16.66667%
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        right: auto;
        left: 25%
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        right: auto;
        left: 33.33333%
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        right: auto;
        left: 41.66667%
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        right: auto;
        left: 50%
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        right: auto;
        left: 58.33333%
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        right: auto;
        left: 66.66667%
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        right: auto;
        left: 75%
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        right: auto;
        left: 83.33333%
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        right: auto;
        left: 91.66667%
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

.accordion {
    margin-bottom: 0;
    margin-left: 0
}

    .accordion:after, .accordion:before {
        display: table;
        content: ' '
    }

    .accordion:after {
        clear: both
    }

    .accordion .accordion-navigation, .accordion dd {
        display: block;
        margin-bottom: 0 !important
    }

        .accordion .accordion-navigation.active > a, .accordion dd.active > a {
            color: #222;
            background: #fc6e51
        }

        .accordion .accordion-navigation > a, .accordion dd > a {
            font-size: 1rem;
            display: block;
            padding: 1rem;
            color: #222;
            background: #f6f6f6
        }

            .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
                background: #eaeaea
            }

        .accordion .accordion-navigation > .content, .accordion dd > .content {
            display: none;
            padding: .9375rem
        }

            .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
                display: block;
                background: #fff
            }

.alert-box {
    font-size: .8125rem;
    font-weight: 400;
    position: relative;
    display: block;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    transition: opacity .3s ease-out;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fb4823;
    background-color: #fc6e51
}

    .alert-box .close {
        font-size: 1.375rem;
        line-height: .9;
        position: absolute;
        top: 50%;
        right: .25rem;
        margin-top: -.6875rem;
        padding: 0 6px 4px;
        opacity: .3;
        color: #333;
        background: inherit
    }

        .alert-box .close:focus, .alert-box .close:hover {
            opacity: .5
        }

    .alert-box.radius {
        border-radius: 3px
    }

    .alert-box.round {
        border-radius: 1000px
    }

    .alert-box.success {
        color: #fff;
        border-color: #9cbd74;
        background-color: #b4cd96
    }

    .alert-box.alert {
        color: #fff;
        border-color: #de2d0f;
        background-color: #f04124
    }

    .alert-box.secondary {
        color: #4f4f4f;
        border-color: #c7c7c7;
        background-color: #e7e7e7
    }

    .alert-box.warning {
        color: #fff;
        border-color: #de770f;
        background-color: #f08a24
    }

    .alert-box.info {
        color: #4f4f4f;
        border-color: #74bfdd;
        background-color: #a0d3e8
    }

    .alert-box.alert-close {
        opacity: 0
    }

[class*=block-grid-] {
    display: block;
    width: 220px;
    padding: 0
}

    [class*=block-grid-]:after, [class*=block-grid-]:before {
        display: table;
        content: ' '
    }

    [class*=block-grid-]:after {
        clear: both
    }

    [class*=block-grid-] > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 .625rem 1.25rem
    }

@media only screen {
    .small-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

        .small-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .small-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

        .small-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .small-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

        .small-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .small-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

        .small-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .small-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

        .small-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .small-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

        .small-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .small-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

        .small-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .small-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

        .small-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .small-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

        .small-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .small-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

        .small-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .small-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

        .small-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .small-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

        .small-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .small-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

@media only screen and (min-width:40.0625em) {
    .medium-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

        .medium-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .medium-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

        .medium-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .medium-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

        .medium-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .medium-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

        .medium-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .medium-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

        .medium-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .medium-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

        .medium-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .medium-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

        .medium-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .medium-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

        .medium-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .medium-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

        .medium-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .medium-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

        .medium-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .medium-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

        .medium-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .medium-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

        .medium-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .medium-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

@media only screen and (min-width:64.0625em) {
    .large-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

        .large-block-grid-1 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both
        }

    .large-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

        .large-block-grid-2 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both
        }

    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

        .large-block-grid-3 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both
        }

    .large-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

        .large-block-grid-4 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both
        }

    .large-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

        .large-block-grid-5 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both
        }

    .large-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

        .large-block-grid-6 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both
        }

    .large-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

        .large-block-grid-7 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both
        }

    .large-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

        .large-block-grid-8 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both
        }

    .large-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

        .large-block-grid-9 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both
        }

    .large-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

        .large-block-grid-10 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both
        }

    .large-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

        .large-block-grid-11 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both
        }

    .large-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

        .large-block-grid-12 > li:nth-of-type(1n) {
            clear: none
        }

        .large-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both
        }
}

.breadcrumbs {
    display: block;
    overflow: hidden;
    margin-left: 0;
    padding: .5625rem .875rem .5625rem;
    list-style: none;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-radius: 3px;
    background-color: #f4f4f4
}

    .breadcrumbs > * {
        font-size: .6875rem;
        line-height: .6875rem;
        float: left;
        margin: 0;
        text-transform: uppercase;
        color: #fc6e51
    }

    .breadcrumbs > :focus a, .breadcrumbs > :hover a {
        text-decoration: underline
    }

    .breadcrumbs > * a {
        color: #fc6e51
    }

    .breadcrumbs > .current {
        cursor: default;
        color: #333
    }

        .breadcrumbs > .current a {
            cursor: default;
            color: #333
        }

        .breadcrumbs > .current:focus, .breadcrumbs > .current:focus a, .breadcrumbs > .current:hover, .breadcrumbs > .current:hover a {
            text-decoration: none
        }

    .breadcrumbs > .unavailable {
        color: #999
    }

        .breadcrumbs > .unavailable a {
            color: #999
        }

            .breadcrumbs > .unavailable a:focus, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a {
                cursor: not-allowed;
                text-decoration: none;
                color: #999
            }

    .breadcrumbs > :before {
        position: relative;
        top: 1px;
        margin: 0 .75rem;
        content: '/';
        color: #aaa
    }

    .breadcrumbs > :first-child:before {
        margin: 0;
        content: ' '
    }

[aria-label=breadcrumbs] [aria-hidden=true]:after {
    content: '/'
}

.button, button {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    display: inline-block;
    margin: 0 0 1.25rem;
    padding: 1rem 2rem 1.0625rem 2rem;
    cursor: pointer;
    transition: background-color .3s ease-out;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #fc6e51;
    border-radius: 0;
    background-color: #fc6e51;
    -webkit-appearance: none;
    -moz-appearance: none
}

    .button:focus, .button:hover, button:focus, button:hover {
        background-color: #b12103
    }

    .button:focus, .button:hover, button:focus, button:hover {
        color: #fff
    }

    .button.secondary, button.secondary {
        color: #333;
        border-color: #b9b9b9;
        background-color: #e7e7e7
    }

        .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
            background-color: #b9b9b9
        }

        .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
            color: #333
        }

    .button.success, button.success {
        color: #fff;
        border-color: #92b666;
        background-color: #b4cd96
    }

        .button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
            background-color: #92b666
        }

        .button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
            color: #fff
        }

    .button.alert, button.alert {
        color: #fff;
        border-color: #cf2a0e;
        background-color: #f04124
    }

        .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
            background-color: #cf2a0e
        }

        .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
            color: #fff
        }

    .button.warning, button.warning {
        color: #fff;
        border-color: #cf6e0e;
        background-color: #f08a24
    }

        .button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
            background-color: #cf6e0e
        }

        .button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
            color: #fff
        }

    .button.info, button.info {
        color: #333;
        border-color: #61b6d9;
        background-color: #a0d3e8
    }

        .button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
            background-color: #61b6d9
        }

        .button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
            color: #fff
        }

    .button.large, button.large {
        font-size: 1.25rem;
        padding: 1.125rem 2.25rem 1.1875rem 2.25rem
    }

    .button.small, button.small {
        font-size: .8125rem;
        padding: .875rem 1.75rem .9375rem 1.75rem
    }

    .button.tiny, button.tiny {
        font-size: .6875rem;
        padding: .625rem 1.25rem .6875rem 1.25rem
    }

    .button.expand, button.expand {
        font-size: 1rem;
        width: 100%;
        padding: 1rem 2rem 1.0625rem 2rem;
        padding-top: 1rem;
        padding-right: 1rem;
        padding-bottom: 1.0625rem;
        padding-left: 1rem
    }

    .button.left-align, button.left-align {
        text-align: left;
        text-indent: .75rem
    }

    .button.right-align, button.right-align {
        padding-right: .75rem;
        text-align: right
    }

    .button.radius, button.radius {
        border-radius: 3px
    }

    .button.round, button.round {
        border-radius: 1000px
    }

    .button.disabled, .button[disabled], button.disabled, button[disabled] {
        cursor: default;
        opacity: .7;
        color: #fff;
        border-color: #fc6e51;
        background-color: #fc6e51;
        box-shadow: none
    }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            background-color: #b12103
        }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            color: #fff
        }

        .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
            background-color: #fc6e51
        }

        .button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
            cursor: default;
            opacity: .7;
            color: #333;
            border-color: #b9b9b9;
            background-color: #e7e7e7;
            box-shadow: none
        }

            .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
                background-color: #b9b9b9
            }

            .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
                color: #333
            }

            .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
                background-color: #e7e7e7
            }

        .button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
            cursor: default;
            opacity: .7;
            color: #fff;
            border-color: #92b666;
            background-color: #b4cd96;
            box-shadow: none
        }

            .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
                background-color: #92b666
            }

            .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
                color: #fff
            }

            .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
                background-color: #b4cd96
            }

        .button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
            cursor: default;
            opacity: .7;
            color: #fff;
            border-color: #cf2a0e;
            background-color: #f04124;
            box-shadow: none
        }

            .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
                background-color: #cf2a0e
            }

            .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
                color: #fff
            }

            .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
                background-color: #f04124
            }

        .button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
            cursor: default;
            opacity: .7;
            color: #fff;
            border-color: #cf6e0e;
            background-color: #f08a24;
            box-shadow: none
        }

            .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
                background-color: #cf6e0e
            }

            .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
                color: #fff
            }

            .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
                background-color: #f08a24
            }

        .button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
            cursor: default;
            opacity: .7;
            color: #333;
            border-color: #61b6d9;
            background-color: #a0d3e8;
            box-shadow: none
        }

            .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
                background-color: #61b6d9
            }

            .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
                color: #fff
            }

            .button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
                background-color: #a0d3e8
            }

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

@media only screen and (min-width:40.0625em) {
    .button, button {
        display: inline-block
    }
}

.button-group {
    left: 0;
    margin: 0;
    list-style: none
}

    .button-group:after, .button-group:before {
        display: table;
        content: ' '
    }

    .button-group:after {
        clear: both
    }

    .button-group.even-2 li {
        display: inline-block;
        width: 50%;
        margin: 0 -2px
    }

        .button-group.even-2 li .button, .button-group.even-2 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
            border-left: 0
        }

        .button-group.even-2 li .button, .button-group.even-2 li button {
            width: 100%
        }

    .button-group.even-3 li {
        display: inline-block;
        width: 33.33333%;
        margin: 0 -2px
    }

        .button-group.even-3 li .button, .button-group.even-3 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
            border-left: 0
        }

        .button-group.even-3 li .button, .button-group.even-3 li button {
            width: 100%
        }

    .button-group.even-4 li {
        display: inline-block;
        width: 25%;
        margin: 0 -2px
    }

        .button-group.even-4 li .button, .button-group.even-4 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
            border-left: 0
        }

        .button-group.even-4 li .button, .button-group.even-4 li button {
            width: 100%
        }

    .button-group.even-5 li {
        display: inline-block;
        width: 20%;
        margin: 0 -2px
    }

        .button-group.even-5 li .button, .button-group.even-5 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
            border-left: 0
        }

        .button-group.even-5 li .button, .button-group.even-5 li button {
            width: 100%
        }

    .button-group.even-6 li {
        display: inline-block;
        width: 16.66667%;
        margin: 0 -2px
    }

        .button-group.even-6 li .button, .button-group.even-6 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
            border-left: 0
        }

        .button-group.even-6 li .button, .button-group.even-6 li button {
            width: 100%
        }

    .button-group.even-7 li {
        display: inline-block;
        width: 14.28571%;
        margin: 0 -2px
    }

        .button-group.even-7 li .button, .button-group.even-7 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
            border-left: 0
        }

        .button-group.even-7 li .button, .button-group.even-7 li button {
            width: 100%
        }

    .button-group.even-8 li {
        display: inline-block;
        width: 12.5%;
        margin: 0 -2px
    }

        .button-group.even-8 li .button, .button-group.even-8 li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
            border-left: 0
        }

        .button-group.even-8 li .button, .button-group.even-8 li button {
            width: 100%
        }

    .button-group > li {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group > li .button, .button-group > li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group > li:first-child .button, .button-group > li:first-child button {
            border-left: 0
        }

    .button-group.stack > li {
        display: block;
        float: none;
        margin: 0
    }

        .button-group.stack > li .button, .button-group.stack > li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
            border-left: 0
        }

        .button-group.stack > li .button, .button-group.stack > li > button {
            display: block;
            margin: 0;
            border-color: rgba(255,255,255,.5);
            border-top: 1px solid;
            border-left-width: 0
        }

        .button-group.stack > li > button {
            width: 100%
        }

        .button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
            border-top: 0
        }

    .button-group.stack-for-small > li {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-left: 0
        }

@media only screen and (max-width:40em) {
    .button-group.stack-for-small > li {
        display: block;
        width: 100%;
        margin: 0
    }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-left: 0
        }

        .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
            display: block;
            margin: 0;
            border-color: rgba(255,255,255,.5);
            border-top: 1px solid;
            border-left-width: 0
        }

        .button-group.stack-for-small > li > button {
            width: 100%
        }

        .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
            border-top: 0
        }
}

.button-group.radius > * {
    display: inline-block;
    margin: 0 -2px
}

    .button-group.radius > * .button, .button-group.radius > * > button {
        border-color: rgba(255,255,255,.5);
        border-left: 1px solid
    }

.button-group.radius > :first-child .button, .button-group.radius > :first-child button {
    border-left: 0
}

.button-group.radius > *, .button-group.radius > * > .button, .button-group.radius > * > a, .button-group.radius > * > button {
    border-radius: 0
}

.button-group.radius > :first-child, .button-group.radius > :first-child > .button, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.button-group.radius > :last-child, .button-group.radius > :last-child > .button, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.button-group.radius.stack > * {
    display: block;
    margin: 0
}

    .button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
        border-color: rgba(255,255,255,.5);
        border-left: 1px solid
    }

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-left: 0
}

.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
    display: block;
    margin: 0;
    border-color: rgba(255,255,255,.5);
    border-top: 1px solid;
    border-left-width: 0
}

.button-group.radius.stack > * > button {
    width: 100%
}

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-top: 0
}

.button-group.radius.stack > *, .button-group.radius.stack > * > .button, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button {
    border-radius: 0
}

.button-group.radius.stack > :first-child, .button-group.radius.stack > :first-child > .button, .button-group.radius.stack > :first-child > a, .button-group.radius.stack > :first-child > button {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px
}

.button-group.radius.stack > :last-child, .button-group.radius.stack > :last-child > .button, .button-group.radius.stack > :last-child > a, .button-group.radius.stack > :last-child > button {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px
}

@media only screen and (min-width:40.0625em) {
    .button-group.radius.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

@media only screen and (max-width:40em) {
    .button-group.radius.stack-for-small > * {
        display: block;
        margin: 0
    }

        .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
        display: block;
        margin: 0;
        border-color: rgba(255,255,255,.5);
        border-top: 1px solid;
        border-left-width: 0
    }

    .button-group.radius.stack-for-small > * > button {
        width: 100%
    }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px
    }
}

.button-group.round > * {
    display: inline-block;
    margin: 0 -2px
}

    .button-group.round > * .button, .button-group.round > * > button {
        border-color: rgba(255,255,255,.5);
        border-left: 1px solid
    }

.button-group.round > :first-child .button, .button-group.round > :first-child button {
    border-left: 0
}

.button-group.round > *, .button-group.round > * > .button, .button-group.round > * > a, .button-group.round > * > button {
    border-radius: 0
}

.button-group.round > :first-child, .button-group.round > :first-child > .button, .button-group.round > :first-child > a, .button-group.round > :first-child > button {
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

.button-group.round > :last-child, .button-group.round > :last-child > .button, .button-group.round > :last-child > a, .button-group.round > :last-child > button {
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

.button-group.round.stack > * {
    display: block;
    margin: 0
}

    .button-group.round.stack > * .button, .button-group.round.stack > * > button {
        border-color: rgba(255,255,255,.5);
        border-left: 1px solid
    }

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-left: 0
}

.button-group.round.stack > * .button, .button-group.round.stack > * > button {
    display: block;
    margin: 0;
    border-color: rgba(255,255,255,.5);
    border-top: 1px solid;
    border-left-width: 0
}

.button-group.round.stack > * > button {
    width: 100%
}

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-top: 0
}

.button-group.round.stack > *, .button-group.round.stack > * > .button, .button-group.round.stack > * > a, .button-group.round.stack > * > button {
    border-radius: 0
}

.button-group.round.stack > :first-child, .button-group.round.stack > :first-child > .button, .button-group.round.stack > :first-child > a, .button-group.round.stack > :first-child > button {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem
}

.button-group.round.stack > :last-child, .button-group.round.stack > :last-child > .button, .button-group.round.stack > :last-child > a, .button-group.round.stack > :last-child > button {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem
}

@media only screen and (min-width:40.0625em) {
    .button-group.round.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

        .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        -webkit-border-top-left-radius: 1000px;
        border-top-left-radius: 1000px;
        -webkit-border-bottom-left-radius: 1000px;
        border-bottom-left-radius: 1000px
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        -webkit-border-top-right-radius: 1000px;
        border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-bottom-right-radius: 1000px
    }
}

@media only screen and (max-width:40em) {
    .button-group.round.stack-for-small > * {
        display: block;
        margin: 0
    }

        .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
            border-color: rgba(255,255,255,.5);
            border-left: 1px solid
        }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
        display: block;
        margin: 0;
        border-color: rgba(255,255,255,.5);
        border-top: 1px solid;
        border-left-width: 0
    }

    .button-group.round.stack-for-small > * > button {
        width: 100%
    }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem
    }
}

.button-bar:after, .button-bar:before {
    display: table;
    content: ' '
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .625rem
}

    .button-bar .button-group div {
        overflow: hidden
    }

.clearing-thumbs, [data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

    .clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before {
        display: table;
        content: ' '
    }

    .clearing-thumbs:after, [data-clearing]:after {
        clear: both
    }

    .clearing-thumbs li, [data-clearing] li {
        float: left;
        margin-right: 10px
    }

    .clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
        margin-right: 0
    }

.clearing-blackout {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333
}

    .clearing-blackout .clearing-close {
        display: block
    }

.clearing-container {
    position: relative;
    z-index: 998;
    overflow: hidden;
    height: 100%;
    margin: 0
}

.clearing-touch-label {
    font-size: .6em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa
}

.visible-img {
    position: relative;
    height: 95%
}

    .visible-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }

.clearing-caption {
    font-size: .875em;
    line-height: 1.3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 30px 20px;
    text-align: center;
    color: #ccc;
    background: #333
}

.clearing-close {
    font-size: 30px;
    line-height: 1;
    z-index: 999;
    display: none;
    padding-top: 10px;
    padding-left: 20px;
    color: #ccc
}

    .clearing-close:focus, .clearing-close:hover {
        color: #ccc
    }

.clearing-assembled .clearing-container {
    height: 100%
}

    .clearing-assembled .clearing-container .carousel > ul {
        display: none
    }

.clearing-feature li {
    display: none
}

    .clearing-feature li.clearing-featured-img {
        display: block
    }

@media only screen and (min-width:40.0625em) {
    .clearing-main-next, .clearing-main-prev {
        position: absolute;
        top: 0;
        width: 40px;
        height: 100%
    }

        .clearing-main-next > span, .clearing-main-prev > span {
            position: absolute;
            top: 50%;
            display: block;
            width: 0;
            height: 0;
            border: solid 12px
        }

            .clearing-main-next > span:hover, .clearing-main-prev > span:hover {
                opacity: .8
            }

    .clearing-main-prev {
        left: 0
    }

        .clearing-main-prev > span {
            left: 5px;
            border-color: transparent;
            border-right-color: #ccc
        }

    .clearing-main-next {
        right: 0
    }

        .clearing-main-next > span {
            border-color: transparent;
            border-left-color: #ccc
        }

        .clearing-main-next.disabled, .clearing-main-prev.disabled {
            opacity: .3
        }

    .clearing-assembled .clearing-container .carousel {
        height: 120px;
        margin-top: 10px;
        text-align: center;
        background: rgba(51,51,51,.8)
    }

        .clearing-assembled .clearing-container .carousel > ul {
            position: relative;
            z-index: 999;
            display: inline-block;
            float: none;
            height: 100%
        }

            .clearing-assembled .clearing-container .carousel > ul li {
                position: relative;
                display: block;
                float: left;
                clear: none;
                overflow: hidden;
                width: 120px;
                min-height: inherit;
                margin-right: 0;
                padding: 0;
                cursor: pointer;
                opacity: .4
            }

                .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
                    max-width: none;
                    height: 100%
                }

                .clearing-assembled .clearing-container .carousel > ul li a.th {
                    display: block;
                    border: none;
                    box-shadow: none
                }

                .clearing-assembled .clearing-container .carousel > ul li img {
                    width: 100% !important;
                    cursor: pointer !important
                }

                .clearing-assembled .clearing-container .carousel > ul li.visible {
                    opacity: 1
                }

                .clearing-assembled .clearing-container .carousel > ul li:hover {
                    opacity: .8
                }

    .clearing-assembled .clearing-container .visible-img {
        overflow: hidden;
        height: 85%;
        background: #333
    }

    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-top: 0;
        padding-left: 0
    }
}

.f-dropdown {
    font-size: .875rem;
    position: absolute;
    z-index: 89;
    left: -9999px;
    display: none;
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: none;
    margin-top: 2px;
    margin-left: 0;
    list-style: none;
    border: solid 1px #ccc;
    background: #fff
}

    .f-dropdown.open {
        display: block
    }

    .f-dropdown > :first-child {
        margin-top: 0
    }

    .f-dropdown > :last-child {
        margin-bottom: 0
    }

    .f-dropdown:before {
        position: absolute;
        z-index: 89;
        top: -12px;
        left: 10px;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border: inset 6px;
        border-color: transparent transparent #fff transparent;
        border-bottom-style: solid
    }

    .f-dropdown:after {
        position: absolute;
        z-index: 88;
        top: -14px;
        left: 9px;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border: inset 7px;
        border-color: transparent transparent #ccc transparent;
        border-bottom-style: solid
    }

    .f-dropdown.right:before {
        right: 10px;
        left: auto
    }

    .f-dropdown.right:after {
        right: 9px;
        left: auto
    }

    .f-dropdown.drop-right {
        font-size: .875rem;
        position: absolute;
        z-index: 89;
        left: -9999px;
        display: none;
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none;
        margin-top: 0;
        margin-left: 0;
        margin-left: 2px;
        list-style: none;
        border: solid 1px #ccc;
        background: #fff
    }

        .f-dropdown.drop-right.open {
            display: block
        }

        .f-dropdown.drop-right > :first-child {
            margin-top: 0
        }

        .f-dropdown.drop-right > :last-child {
            margin-bottom: 0
        }

        .f-dropdown.drop-right:before {
            position: absolute;
            z-index: 89;
            top: 10px;
            left: -12px;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 6px;
            border-color: transparent #fff transparent transparent;
            border-right-style: solid
        }

        .f-dropdown.drop-right:after {
            position: absolute;
            z-index: 88;
            top: 9px;
            left: -14px;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 7px;
            border-color: transparent #ccc transparent transparent;
            border-right-style: solid
        }

    .f-dropdown.drop-left {
        font-size: .875rem;
        position: absolute;
        z-index: 89;
        left: -9999px;
        display: none;
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none;
        margin-top: 0;
        margin-left: 0;
        margin-left: -2px;
        list-style: none;
        border: solid 1px #ccc;
        background: #fff
    }

        .f-dropdown.drop-left.open {
            display: block
        }

        .f-dropdown.drop-left > :first-child {
            margin-top: 0
        }

        .f-dropdown.drop-left > :last-child {
            margin-bottom: 0
        }

        .f-dropdown.drop-left:before {
            position: absolute;
            z-index: 89;
            top: 10px;
            right: -12px;
            left: auto;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 6px;
            border-color: transparent transparent transparent #fff;
            border-left-style: solid
        }

        .f-dropdown.drop-left:after {
            position: absolute;
            z-index: 88;
            top: 9px;
            right: -14px;
            left: auto;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 7px;
            border-color: transparent transparent transparent #ccc;
            border-left-style: solid
        }

    .f-dropdown.drop-top {
        font-size: .875rem;
        position: absolute;
        z-index: 89;
        left: -9999px;
        display: none;
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none;
        margin-top: -2px;
        margin-left: 0;
        margin-left: 0;
        list-style: none;
        border: solid 1px #ccc;
        background: #fff
    }

        .f-dropdown.drop-top.open {
            display: block
        }

        .f-dropdown.drop-top > :first-child {
            margin-top: 0
        }

        .f-dropdown.drop-top > :last-child {
            margin-bottom: 0
        }

        .f-dropdown.drop-top:before {
            position: absolute;
            z-index: 89;
            top: auto;
            right: auto;
            bottom: -12px;
            left: 10px;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 6px;
            border-color: #fff transparent transparent transparent;
            border-top-style: solid
        }

        .f-dropdown.drop-top:after {
            position: absolute;
            z-index: 88;
            top: auto;
            right: auto;
            bottom: -14px;
            left: 9px;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border: inset 7px;
            border-color: #ccc transparent transparent transparent;
            border-top-style: solid
        }

    .f-dropdown li {
        font-size: .875rem;
        line-height: 1.125rem;
        margin: 0;
        cursor: pointer
    }

        .f-dropdown li:focus, .f-dropdown li:hover {
            background: #eee
        }

        .f-dropdown li a {
            display: block;
            padding: .5rem;
            color: #555
        }

    .f-dropdown.content {
        font-size: .875rem;
        position: absolute;
        z-index: 89;
        left: -9999px;
        display: none;
        width: 100%;
        max-width: 200px;
        height: auto;
        max-height: none;
        margin-left: 0;
        padding: 1.25rem;
        list-style: none;
        border: solid 1px #ccc;
        background: #fff
    }

        .f-dropdown.content.open {
            display: block
        }

        .f-dropdown.content > :first-child {
            margin-top: 0
        }

        .f-dropdown.content > :last-child {
            margin-bottom: 0
        }

    .f-dropdown.radius {
        border-radius: 3px
    }

    .f-dropdown.tiny {
        max-width: 200px
    }

    .f-dropdown.small {
        max-width: 300px
    }

    .f-dropdown.medium {
        max-width: 500px
    }

    .f-dropdown.large {
        max-width: 800px
    }

    .f-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important
    }

        .f-dropdown.mega.open {
            left: 0 !important
        }

.dropdown.button, button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}

    .dropdown.button::after, button.dropdown::after {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border-style: solid;
        border-color: #fff transparent transparent transparent
    }

    .dropdown.button::after, button.dropdown::after {
        right: 1.40625rem;
        margin-top: -.15625rem;
        border-width: .375rem
    }

    .dropdown.button::after, button.dropdown::after {
        border-color: #fff transparent transparent transparent
    }

    .dropdown.button.tiny, button.dropdown.tiny {
        padding-right: 2.625rem
    }

        .dropdown.button.tiny:after, button.dropdown.tiny:after {
            right: 1.125rem;
            margin-top: -.125rem;
            border-width: .375rem
        }

        .dropdown.button.tiny::after, button.dropdown.tiny::after {
            border-color: #fff transparent transparent transparent
        }

    .dropdown.button.small, button.dropdown.small {
        padding-right: 3.0625rem
    }

        .dropdown.button.small::after, button.dropdown.small::after {
            right: 1.3125rem;
            margin-top: -.15625rem;
            border-width: .4375rem
        }

        .dropdown.button.small::after, button.dropdown.small::after {
            border-color: #fff transparent transparent transparent
        }

    .dropdown.button.large, button.dropdown.large {
        padding-right: 3.625rem
    }

        .dropdown.button.large::after, button.dropdown.large::after {
            right: 1.71875rem;
            margin-top: -.15625rem;
            border-width: .3125rem
        }

        .dropdown.button.large::after, button.dropdown.large::after {
            border-color: #fff transparent transparent transparent
        }

    .dropdown.button.secondary:after, button.dropdown.secondary:after {
        border-color: #333 transparent transparent transparent
    }

.flex-video {
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 1rem;
    padding-top: 1.5625rem;
    padding-bottom: 67.5%
}

    .flex-video.widescreen {
        padding-bottom: 56.34%
    }

    .flex-video.vimeo {
        padding-top: 0
    }

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

form {
    margin: 0 0 1rem
}

    form .row .row {
        margin: 0 -.5rem
    }

        form .row .row .column, form .row .row .columns {
            padding: 0 .5rem
        }

        form .row .row.collapse {
            margin: 0;
            display: block
        }

            form .row .row.collapse .column, form .row .row.collapse .columns {
                padding: 0
            }

            form .row .row.collapse input {
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;
                -webkit-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0
            }

    form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
        padding-left: .5rem
    }

label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    cursor: pointer;
    color: #4d4d4d
}

    label.right {
        float: none !important;
        text-align: right
    }

    label.inline {
        margin: 0 0 1rem 0;
        padding: .5625rem 0
    }

    label small {
        text-transform: capitalize;
        color: #676767
    }

.postfix, .prefix {
    font-size: .875rem;
    line-height: 2.3125rem;
    position: relative;
    z-index: 2;
    display: block;
    overflow: visible;
    width: 100%;
    height: 2.3125rem;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border-width: 1px;
    border-style: solid
}

    .postfix.button {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center;
        border: none
    }

    .prefix.button {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center;
        border: none
    }

        .prefix.button.radius {
            border-radius: 0;
            -webkit-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px
        }

    .postfix.button.radius {
        border-radius: 0;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .prefix.button.round {
        border-radius: 0;
        -webkit-border-top-left-radius: 1000px;
        border-top-left-radius: 1000px;
        -webkit-border-bottom-left-radius: 1000px;
        border-bottom-left-radius: 1000px
    }

    .postfix.button.round {
        border-radius: 0;
        -webkit-border-top-right-radius: 1000px;
        border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-bottom-right-radius: 1000px
    }

label.prefix, span.prefix {
    color: #333;
    border-color: #ccc;
    border-right: none;
    background: #f2f2f2
}

label.postfix, span.postfix {
    color: #333;
    border-color: #ccc;
    border-left: none;
    background: #f2f2f2
}

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    font-family: inherit;
    font-size: .875rem;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    -webkit-transition: border-color .15s linear,background .15s linear;
    -moz-transition: border-color .15s linear,background .15s linear;
    -ms-transition: border-color .15s linear,background .15s linear;
    -o-transition: border-color .15s linear,background .15s linear;
    transition: border-color .15s linear,background .15s linear;
    color: rgba(0,0,0,.75);
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-appearance: none;
    -moz-appearance: none
}

    input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        border-color: #999;
        outline: 0;
        background: #fafafa
    }

    input:not([type]):disabled, input[type=color]:disabled, input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, textarea:disabled {
        cursor: default;
        background-color: #ddd
    }

    fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type])[disabled], input:not([type])[readonly], input[type=color][disabled], input[type=color][readonly], input[type=date][disabled], input[type=date][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=email][disabled], input[type=email][readonly], input[type=month][disabled], input[type=month][readonly], input[type=number][disabled], input[type=number][readonly], input[type=password][disabled], input[type=password][readonly], input[type=search][disabled], input[type=search][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=week][disabled], input[type=week][readonly], textarea[disabled], textarea[readonly] {
        cursor: default;
        background-color: #ddd
    }

    input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
        border-radius: 3px
    }

form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

select {
    font-family: inherit;
    font-size: .875rem;
    line-height: normal;
    height: 2.3125rem;
    padding: .5rem;
    color: rgba(0,0,0,.75);
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    border-radius: 0;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% center;
    -webkit-appearance: none !important;
    -moz-appearance: none !important
}

    select::-ms-expand {
        display: none
    }

    select.radius {
        border-radius: 3px
    }

    select:focus {
        border-color: #999;
        background-color: #f3f3f3
    }

    select:disabled {
        cursor: default;
        background-color: #ddd
    }

    select[multiple] {
        height: auto
    }

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: .5rem;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #ddd
}

    fieldset legend {
        font-weight: 700;
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem
    }

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    font-size: .75rem;
    font-weight: 400;
    font-style: italic;
    display: block;
    margin-top: -1px;
    margin-bottom: 1rem;
    padding: .375rem .5625rem .5625rem;
    color: #fff;
    background: #f04124
}

[data-abide] small.error, [data-abide] span.error {
    display: none
}

small.error, span.error {
    font-size: .75rem;
    font-weight: 400;
    font-style: italic;
    display: block;
    margin-top: -1px;
    margin-bottom: 1rem;
    padding: .375rem .5625rem .5625rem;
    color: #fff;
    background: #f04124
}

.error input, .error select, .error textarea {
    margin-bottom: 0
}

    .error input[type=checkbox], .error input[type=radio] {
        margin-bottom: 1rem
    }

.error label, .error label.error {
    color: #f04124
}

.error small.error {
    font-size: .75rem;
    font-weight: 400;
    font-style: italic;
    display: block;
    margin-top: -1px;
    margin-bottom: 1rem;
    padding: .375rem .5625rem .5625rem;
    color: #fff;
    background: #f04124
}

.error > label > small {
    font-size: 60%;
    font-style: normal;
    display: inline;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    color: #676767;
    background: 0 0
}

.error span.error-message {
    display: block
}

input.error, select.error, textarea.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.icon-bar {
    font-size: 0;
    display: inline-block;
    width: 100%;
    background: #333
}

    .icon-bar > * {
        font-size: 1rem;
        display: block;
        float: left;
        width: 25%;
        margin: 0 auto;
        padding: 1.25rem;
        text-align: center
    }

        .icon-bar > * i, .icon-bar > * img {
            display: block;
            margin: 0 auto
        }

            .icon-bar > * i + label, .icon-bar > * img + label {
                margin-top: .0625rem
            }

        .icon-bar > * i {
            font-size: 1.875rem;
            vertical-align: middle
        }

        .icon-bar > * img {
            width: 1.875rem;
            height: 1.875rem
        }

    .icon-bar.label-right > * i, .icon-bar.label-right > * img {
        display: inline-block;
        margin: 0 .0625rem 0 0
    }

        .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
            margin-top: 0
        }

    .icon-bar.label-right > * label {
        display: inline-block
    }

    .icon-bar.vertical.label-right > * {
        text-align: left
    }

    .icon-bar.small-vertical, .icon-bar.vertical {
        width: auto;
        height: 100%
    }

        .icon-bar.small-vertical .item, .icon-bar.vertical .item {
            float: none;
            width: auto;
            margin: auto
        }

@media only screen and (min-width:40.0625em) {
    .icon-bar.medium-vertical {
        width: auto;
        height: 100%
    }

        .icon-bar.medium-vertical .item {
            float: none;
            width: auto;
            margin: auto
        }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.large-vertical {
        width: auto;
        height: 100%
    }

        .icon-bar.large-vertical .item {
            float: none;
            width: auto;
            margin: auto
        }
}

.icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem
}

    .icon-bar > * i + label, .icon-bar > * img + label {
        font-size: 1rem;
        margin-top: .0625rem
    }

    .icon-bar > * i {
        font-size: 1.875rem
    }

    .icon-bar > * img {
        width: 1.875rem;
        height: 1.875rem
    }

    .icon-bar > * label {
        color: #fff
    }

    .icon-bar > * i {
        color: #fff
    }

.icon-bar > a:hover {
    background: #fc6e51
}

    .icon-bar > a:hover label {
        color: #fff
    }

    .icon-bar > a:hover i {
        color: #fff
    }

.icon-bar > a.active {
    background: #fc6e51
}

    .icon-bar > a.active label {
        color: #fff
    }

    .icon-bar > a.active i {
        color: #fff
    }

.icon-bar .item.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7
}

    .icon-bar .item.disabled > * {
        cursor: not-allowed;
        opacity: .7
    }

.icon-bar.two-up .item {
    width: 50%
}

.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.three-up .item {
    width: 33.3333%
}

.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.four-up .item {
    width: 25%
}

.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.five-up .item {
    width: 20%
}

.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.six-up .item {
    width: 16.66667%
}

.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%
}

.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.eight-up .item {
    width: 12.5%
}

.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.two-up .item {
    width: 50%
}

.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.three-up .item {
    width: 33.3333%
}

.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.four-up .item {
    width: 25%
}

.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.five-up .item {
    width: 20%
}

.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.six-up .item {
    width: 16.66667%
}

.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%
}

.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto
    }
}

.icon-bar.eight-up .item {
    width: 12.5%
}

.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
    width: auto
}

@media only screen and (min-width:40.0625em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto
    }
}

@media only screen and (min-width:64.0625em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto
    }
}

.inline-list {
    overflow: hidden;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.0625rem;
    margin-left: -1.375rem;
    padding: 0;
    list-style: none
}

    .inline-list > li {
        display: block;
        float: left;
        margin-left: 1.375rem;
        list-style: none
    }

        .inline-list > li > * {
            display: block
        }

.joyride-list {
    display: none
}

.joyride-tip-guide {
    font-family: inherit;
    font-weight: 400;
    position: absolute;
    z-index: 103;
    top: 0;
    left: 2.5%;
    display: none;
    width: 95%;
    color: #fff;
    background: #333
}

.lt-ie9 .joyride-tip-guide {
    left: 50%;
    max-width: 800px;
    margin-left: -400px
}

.joyride-content-wrapper {
    width: 100%;
    padding: 1.125rem 1.25rem 1.5rem
}

    .joyride-content-wrapper .button {
        margin-bottom: 0 !important
    }

    .joyride-content-wrapper .joyride-prev-tip {
        margin-right: 10px
    }

.joyride-tip-guide .joyride-nub {
    position: absolute;
    left: 22px;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #333
}

    .joyride-tip-guide .joyride-nub.top {
        top: -20px;
        border-color: #333;
        border-top-style: solid;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-left-color: transparent !important
    }

    .joyride-tip-guide .joyride-nub.bottom {
        bottom: -20px;
        border-color: #333 !important;
        border-right-color: transparent !important;
        border-bottom-style: solid;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important
    }

    .joyride-tip-guide .joyride-nub.right {
        right: -20px
    }

    .joyride-tip-guide .joyride-nub.left {
        left: -20px
    }

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    color: #fff
}

.joyride-tip-guide p {
    font-size: .875rem;
    line-height: 1.3;
    margin: 0 0 1.125rem 0
}

.joyride-timer-indicator-wrap {
    position: absolute;
    right: 1.0625rem;
    bottom: 1rem;
    width: 50px;
    height: 3px;
    border: solid 1px #555
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666
}

.joyride-close-tip {
    font-size: 24px;
    font-weight: 400;
    line-height: .5 !important;
    position: absolute;
    top: 10px;
    right: 12px;
    text-decoration: none;
    color: #777 !important
}

    .joyride-close-tip:focus, .joyride-close-tip:hover {
        color: #eee !important
    }

.joyride-modal-bg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0,0,0,.5)
}

.joyride-expose-wrapper {
    position: absolute;
    z-index: 102;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 15px #fff
}

.joyride-expose-cover {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    border-radius: 3px;
    background: 0 0
}

@media only screen {
    .joyride-tip-guide {
        left: inherit;
        width: 300px
    }

        .joyride-tip-guide .joyride-nub.bottom {
            bottom: -20px;
            border-color: #333 !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important
        }

        .joyride-tip-guide .joyride-nub.right {
            top: 22px;
            right: -20px;
            left: auto;
            border-color: #333 !important;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important
        }

        .joyride-tip-guide .joyride-nub.left {
            top: 22px;
            right: auto;
            left: -20px;
            border-color: #333 !important;
            border-top-color: transparent !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important
        }
}

.keystroke, kbd {
    font-size: inherit;
    margin: 0;
    padding: .125rem .25rem 0;
    color: #222;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 3px;
    background-color: #ededed
}

.label {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-bottom: auto;
    padding: .25rem .5rem .25rem;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    background-color: #fc6e51
}

    .label.radius {
        border-radius: 3px
    }

    .label.round {
        border-radius: 1000px
    }

    .label.alert {
        color: #fff;
        background-color: #f04124
    }

    .label.warning {
        color: #fff;
        background-color: #f08a24
    }

    .label.success {
        color: #fff;
        background-color: #b4cd96
    }

    .label.secondary {
        color: #333;
        background-color: #e7e7e7
    }

    .label.info {
        color: #333;
        background-color: #a0d3e8
    }

[data-magellan-expedition-clone], [data-magellan-expedition] {
    z-index: 50;
    min-width: 100%;
    padding: 10px;
    background: #fff
}

    [data-magellan-expedition-clone] .sub-nav, [data-magellan-expedition] .sub-nav {
        margin-bottom: 0
    }

        [data-magellan-expedition-clone] .sub-nav dd, [data-magellan-expedition] .sub-nav dd {
            margin-bottom: 0
        }

        [data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a {
            line-height: 1.8em
        }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.slideshow-wrapper {
    position: relative
}

    .slideshow-wrapper ul {
        margin: 0;
        list-style-type: none
    }

        .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
            display: none
        }

            .slideshow-wrapper ul li:first-child {
                display: block
            }

    .slideshow-wrapper .orbit-container {
        background-color: transparent
    }

        .slideshow-wrapper .orbit-container li {
            display: block
        }

            .slideshow-wrapper .orbit-container li .orbit-caption {
                display: block
            }

        .slideshow-wrapper .orbit-container .orbit-bullets li {
            display: inline-block
        }

    .slideshow-wrapper .preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        animation-name: rotate;
        animation-duration: 1.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        border: solid 3px;
        border-color: #555 #fff;
        border-radius: 1000px
    }

.orbit-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: 0 0
}

    .orbit-container .orbit-slides-container {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

        .orbit-container .orbit-slides-container img {
            display: block;
            max-width: 100%
        }

        .orbit-container .orbit-slides-container > * {
            position: absolute;
            top: 0;
            width: 100%;
            margin-left: 100%
        }

        .orbit-container .orbit-slides-container > :first-child {
            margin-left: 0
        }

        .orbit-container .orbit-slides-container > * .orbit-caption {
            font-size: .875rem;
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: .625rem .875rem;
            color: #fff;
            background-color: rgba(51,51,51,.8)
        }

    .orbit-container .orbit-slide-number {
        font-size: 12px;
        position: absolute;
        z-index: 10;
        top: 10px;
        left: 10px;
        color: #fff;
        background: 0 0
    }

        .orbit-container .orbit-slide-number span {
            font-weight: 700;
            padding: .3125rem
        }

    .orbit-container .orbit-timer {
        position: absolute;
        z-index: 10;
        top: 12px;
        right: 10px;
        width: 100px;
        height: 6px
    }

        .orbit-container .orbit-timer .orbit-progress {
            position: relative;
            top: 5px;
            right: 20px;
            display: block;
            width: 0;
            height: 3px;
            background-color: rgba(255,255,255,.3)
        }

        .orbit-container .orbit-timer > span {
            position: absolute;
            top: 0;
            right: 0;
            display: none;
            width: 11px;
            height: 14px;
            border: solid 4px #fff;
            border-top: none;
            border-bottom: none
        }

        .orbit-container .orbit-timer.paused > span {
            top: 0;
            right: -4px;
            width: 11px;
            height: 14px;
            border: inset 8px;
            border-color: transparent;
            border-left-style: solid;
            border-left-color: #fff
        }

            .orbit-container .orbit-timer.paused > span.dark {
                border-left-color: #333
            }

    .orbit-container:hover .orbit-timer > span {
        display: block
    }

    .orbit-container .orbit-next, .orbit-container .orbit-prev {
        line-height: 50px;
        position: absolute;
        z-index: 10;
        top: 45%;
        width: 36px;
        height: 60px;
        margin-top: -25px;
        text-indent: -9999px !important;
        color: #fff;
        background-color: transparent
    }

        .orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
            background-color: rgba(0,0,0,.3)
        }

        .orbit-container .orbit-next > span, .orbit-container .orbit-prev > span {
            position: absolute;
            top: 50%;
            display: block;
            width: 0;
            height: 0;
            margin-top: -10px;
            border: inset 10px
        }

    .orbit-container .orbit-prev {
        left: 0
    }

        .orbit-container .orbit-prev > span {
            border-color: transparent;
            border-right-style: solid;
            border-right-color: #fff
        }

        .orbit-container .orbit-prev:hover > span {
            border-right-color: #fff
        }

    .orbit-container .orbit-next {
        right: 0
    }

        .orbit-container .orbit-next > span {
            left: 50%;
            margin-left: -4px;
            border-color: transparent;
            border-left-style: solid;
            border-left-color: #fff
        }

        .orbit-container .orbit-next:hover > span {
            border-left-color: #fff
        }

.orbit-bullets-container {
    text-align: center
}

.orbit-bullets {
    position: relative;
    top: 10px;
    display: block;
    float: none;
    overflow: hidden;
    margin: 0 auto 30px auto;
    text-align: center
}

    .orbit-bullets li {
        display: inline-block;
        float: none;
        width: .5625rem;
        height: .5625rem;
        margin-right: 6px;
        cursor: pointer;
        border-radius: 1000px;
        background: #ccc
    }

        .orbit-bullets li.active {
            background: #999
        }

        .orbit-bullets li:last-child {
            margin-right: 0
        }

.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
    display: none
}

.touch .orbit-bullets {
    display: none
}

@media only screen and (min-width:40.0625em) {
    .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
        display: inherit
    }

    .touch .orbit-bullets {
        display: block
    }
}

@media only screen and (max-width:40em) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important
    }

        .orbit-stack-on-small .orbit-slides-container > * {
            position: relative;
            margin: 0 !important;
            opacity: 1 !important
        }

    .orbit-stack-on-small .orbit-slide-number {
        display: none
    }

    .orbit-timer {
        display: none
    }

    .orbit-next, .orbit-prev {
        display: none
    }

    .orbit-bullets {
        display: none
    }
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -.3125rem
}

    ul.pagination li {
        font-size: .875rem;
        height: 1.5rem;
        margin-left: .3125rem;
        color: #222
    }

        ul.pagination li a, ul.pagination li button {
            font-size: 1em;
            font-weight: 400;
            line-height: inherit;
            display: block;
            padding: .0625rem .625rem .0625rem;
            transition: background-color .3s ease-out;
            color: #999;
            border-radius: 3px;
            background: 0 0
        }

            ul.pagination li a:focus, ul.pagination li button:focus, ul.pagination li:hover a, ul.pagination li:hover button {
                background: #e6e6e6
            }

        ul.pagination li.unavailable a, ul.pagination li.unavailable button {
            cursor: default;
            pointer-events: none;
            color: #999
        }

            ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button {
                background: 0 0
            }

        ul.pagination li.current a, ul.pagination li.current button {
            font-weight: 700;
            cursor: default;
            color: #fff;
            background: #fc6e51
        }

            ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover {
                background: #fc6e51
            }

    ul.pagination li {
        display: block;
        float: left
    }

.pagination-centered {
    text-align: center
}

    .pagination-centered ul.pagination li {
        display: inline-block;
        float: none
    }

.panel {
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #d8d8d8;
    background: #f2f2f2
}

    .panel > :first-child {
        margin-top: 0
    }

    .panel > :last-child {
        margin-bottom: 0
    }

    .panel dl, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel li, .panel p {
        color: #333
    }

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
        line-height: 1;
        margin-bottom: .625rem
    }

        .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
            line-height: 1.4
        }

    .panel.callout {
        margin-bottom: 1.25rem;
        padding: 1.25rem;
        color: #333;
        border-width: 1px;
        border-style: solid;
        border-color: #d8d8d8;
        background: #fff6f5
    }

        .panel.callout > :first-child {
            margin-top: 0
        }

        .panel.callout > :last-child {
            margin-bottom: 0
        }

        .panel.callout dl, .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout li, .panel.callout p {
            color: #333
        }

        .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
            line-height: 1;
            margin-bottom: .625rem
        }

            .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
                line-height: 1.4
            }

        .panel.callout a:not(.button) {
            color: #fc6e51
        }

            .panel.callout a:not(.button):focus, .panel.callout a:not(.button):hover {
                color: #fb4823
            }

    .panel.radius {
        border-radius: 3px
    }

.pricing-table {
    margin-bottom: 1.25rem;
    margin-left: 0;
    border: solid 1px #ddd
}

    .pricing-table * {
        line-height: 1;
        list-style: none
    }

    .pricing-table .title {
        font-size: 1rem;
        font-weight: 400;
        padding: .9375rem 1.25rem;
        text-align: center;
        color: #eee;
        background-color: #333
    }

    .pricing-table .price {
        font-size: 2rem;
        font-weight: 400;
        padding: .9375rem 1.25rem;
        text-align: center;
        color: #333;
        background-color: #f6f6f6
    }

    .pricing-table .description {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.4;
        padding: .9375rem;
        text-align: center;
        color: #777;
        border-bottom: dotted 1px #ddd;
        background-color: #fff
    }

    .pricing-table .bullet-item {
        font-size: .875rem;
        font-weight: 400;
        padding: .9375rem;
        text-align: center;
        color: #333;
        border-bottom: dotted 1px #ddd;
        background-color: #fff
    }

    .pricing-table .cta-button {
        padding: 1.25rem 1.25rem 0;
        text-align: center;
        background-color: #fff
    }

.progress {
    height: 1.5625rem;
    margin-bottom: .625rem;
    padding: .125rem;
    border: 1px solid #fff;
    background-color: #f6f6f6
}

    .progress .meter {
        display: block;
        float: left;
        width: 0;
        height: 100%;
        background: #fc6e51
    }

        .progress .meter.secondary {
            display: block;
            float: left;
            width: 0;
            height: 100%;
            background: #e7e7e7
        }

        .progress .meter.success {
            display: block;
            float: left;
            width: 0;
            height: 100%;
            background: #b4cd96
        }

        .progress .meter.alert {
            display: block;
            float: left;
            width: 0;
            height: 100%;
            background: #f04124
        }

    .progress.secondary .meter {
        display: block;
        float: left;
        width: 0;
        height: 100%;
        background: #e7e7e7
    }

    .progress.success .meter {
        display: block;
        float: left;
        width: 0;
        height: 100%;
        background: #b4cd96
    }

    .progress.alert .meter {
        display: block;
        float: left;
        width: 0;
        height: 100%;
        background: #f04124
    }

    .progress.radius {
        border-radius: 3px
    }

        .progress.radius .meter {
            border-radius: 2px
        }

    .progress.round {
        border-radius: 1000px
    }

        .progress.round .meter {
            border-radius: 999px
        }

.range-slider {
    position: relative;
    display: block;
    width: 100%;
    height: 1rem;
    margin: 1.25rem 0;
    border: 1px solid #ddd;
    background: #fafafa;
    -ms-touch-action: none;
    touch-action: none
}

    .range-slider.vertical-range {
        position: relative;
        display: inline-block;
        width: 1rem;
        height: 12.5rem;
        margin: 1.25rem 0;
        border: 1px solid #ddd;
        -ms-touch-action: none;
        touch-action: none
    }

        .range-slider.vertical-range .range-slider-handle {
            position: absolute;
            bottom: -10.5rem;
            margin-top: 0;
            margin-left: -.5rem
        }

        .range-slider.vertical-range .range-slider-active-segment {
            bottom: 0;
            width: .875rem;
            height: auto;
            border-top-left-radius: initial;
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

    .range-slider.radius {
        border-radius: 3px;
        background: #fafafa
    }

        .range-slider.radius .range-slider-handle {
            border-radius: 3px;
            background: #fc6e51
        }

            .range-slider.radius .range-slider-handle:hover {
                background: #fb4d2a
            }

    .range-slider.round {
        border-radius: 1000px;
        background: #fafafa
    }

        .range-slider.round .range-slider-handle {
            border-radius: 1000px;
            background: #fc6e51
        }

            .range-slider.round .range-slider-handle:hover {
                background: #fb4d2a
            }

    .range-slider.disabled, .range-slider[disabled] {
        cursor: not-allowed;
        opacity: .7;
        background: #fafafa
    }

        .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
            cursor: default;
            opacity: .7;
            background: #fc6e51
        }

            .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
                background: #fb4d2a
            }

.range-slider-active-segment {
    position: absolute;
    display: inline-block;
    height: .875rem;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    background: #e5e5e5
}

.range-slider-handle {
    position: absolute;
    z-index: 1;
    top: -.3125rem;
    display: inline-block;
    width: 2rem;
    height: 1.375rem;
    cursor: pointer;
    border: 1px solid none;
    background: #fc6e51;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

    .range-slider-handle:hover {
        background: #fb4d2a
    }

.reveal-modal-bg {
    position: fixed;
    z-index: 1004;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 0;
    display: none;
    background: #000;
    background: rgba(0,0,0,.45)
}

.reveal-modal {
    position: absolute;
    z-index: 1005;
    top: 0;
    left: 0;
    display: none;
    visibility: hidden;
    width: 100%;
    padding: 1.875rem;
    border: solid 1px #666;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

@media only screen and (max-width:40em) {
    .reveal-modal {
        min-height: 100vh
    }
}

.reveal-modal .column, .reveal-modal .columns {
    min-width: 0
}

.reveal-modal > :first-child {
    margin-top: 0
}

.reveal-modal > :last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal {
        right: 0;
        left: 0;
        width: 80%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal {
        top: 6.25rem
    }
}

.reveal-modal.radius {
    border-radius: 3px;
    box-shadow: none
}

.reveal-modal.round {
    border-radius: 1000px;
    box-shadow: none
}

.reveal-modal.collapse {
    padding: 0;
    box-shadow: none
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.tiny {
        right: 0;
        left: 0;
        width: 30%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.small {
        right: 0;
        left: 0;
        width: 40%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.medium {
        right: 0;
        left: 0;
        width: 60%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.large {
        right: 0;
        left: 0;
        width: 70%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.xlarge {
        right: 0;
        left: 0;
        width: 95%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

.reveal-modal.full {
    top: 0;
    left: 0;
    max-width: none !important;
    height: 100vh;
    height: 100%;
    min-height: 100vh;
    margin-left: 0 !important
}

@media only screen and (min-width:40.0625em) {
    .reveal-modal.full {
        right: 0;
        left: 0;
        width: 100%;
        max-width: 73.125rem;
        margin: 0 auto
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem;
    cursor: pointer;
    color: #aaa
}

.side-nav {
    display: block;
    margin: 0;
    padding: .875rem 0;
    list-style-position: outside;
    list-style-type: none
}

    .side-nav li {
        font-size: .875rem;
        font-weight: 400;
        margin: 0 0 .4375rem 0
    }

        .side-nav li a:not(.button) {
            display: block;
            margin: 0;
            padding: .4375rem .875rem;
            color: #fc6e51
        }

            .side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover {
                color: #fd9a85;
                background: rgba(0,0,0,.025)
            }

            .side-nav li a:not(.button):active {
                color: #fd9a85
            }

        .side-nav li.active > a:first-child:not(.button) {
            font-weight: 400;
            color: #fd9a85
        }

        .side-nav li.divider {
            height: 0;
            padding: 0;
            list-style: none;
            border-top: 1px solid;
            border-top-color: #e6e6e6
        }

        .side-nav li.heading {
            font-size: .875rem;
            font-weight: 700;
            text-transform: uppercase;
            color: #fc6e51
        }

.split.button {
    position: relative;
    padding-right: 5.0625rem
}

    .split.button span {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        height: 100%;
        border-left: solid 1px
    }

        .split.button span:after {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 0;
            height: 0;
            content: '';
            border-style: inset
        }

        .split.button span:active {
            background-color: rgba(0,0,0,.1)
        }

    .split.button span {
        border-left-color: rgba(255,255,255,.5)
    }

    .split.button span {
        width: 3.09375rem
    }

        .split.button span:after {
            top: 48%;
            margin-left: -.375rem;
            border-width: .375rem;
            border-top-style: solid
        }

        .split.button span:after {
            border-color: #fff transparent transparent transparent
        }

    .split.button.secondary span {
        border-left-color: rgba(255,255,255,.5)
    }

        .split.button.secondary span:after {
            border-color: #fff transparent transparent transparent
        }

    .split.button.alert span {
        border-left-color: rgba(255,255,255,.5)
    }

    .split.button.success span {
        border-left-color: rgba(255,255,255,.5)
    }

    .split.button.tiny {
        padding-right: 3.75rem
    }

        .split.button.tiny span {
            width: 2.25rem
        }

            .split.button.tiny span:after {
                top: 48%;
                margin-left: -.375rem;
                border-width: .375rem;
                border-top-style: solid
            }

    .split.button.small {
        padding-right: 4.375rem
    }

        .split.button.small span {
            width: 2.625rem
        }

            .split.button.small span:after {
                top: 48%;
                margin-left: -.375rem;
                border-width: .4375rem;
                border-top-style: solid
            }

    .split.button.large {
        padding-right: 5.5rem
    }

        .split.button.large span {
            width: 3.4375rem
        }

            .split.button.large span:after {
                top: 48%;
                margin-left: -.375rem;
                border-width: .3125rem;
                border-top-style: solid
            }

    .split.button.expand {
        padding-left: 2rem
    }

    .split.button.secondary span:after {
        border-color: #333 transparent transparent transparent
    }

    .split.button.radius span {
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .split.button.round span {
        -webkit-border-top-right-radius: 1000px;
        border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-bottom-right-radius: 1000px
    }

    .split.button.no-pip span:before {
        border-style: none
    }

    .split.button.no-pip span:after {
        border-style: none
    }

    .split.button.no-pip span > i {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -.48889em;
        margin-left: -.28889em
    }

.sub-nav {
    display: block;
    overflow: hidden;
    width: auto;
    margin: -.25rem 0 1.125rem;
    padding-top: .25rem
}

    .sub-nav dt {
        text-transform: uppercase
    }

    .sub-nav dd, .sub-nav dt, .sub-nav li {
        font-size: .875rem;
        font-weight: 400;
        float: left;
        margin-bottom: 0;
        margin-left: 1rem;
        color: #999
    }

        .sub-nav dd a, .sub-nav dt a, .sub-nav li a {
            padding: .1875rem 1rem;
            text-decoration: none;
            color: #999
        }

            .sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
                color: #737373
            }

        .sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
            font-weight: 400;
            padding: .1875rem 1rem;
            cursor: default;
            color: #fff;
            border-radius: 3px;
            background: #fc6e51
        }

            .sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
                background: #fb4823
            }

.switch {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    outline: 0
}

    .switch label {
        position: relative;
        display: block;
        width: 4rem;
        height: 2rem;
        margin-bottom: 1rem;
        cursor: pointer;
        transition: left .15s ease-out;
        text-indent: 100%;
        color: transparent;
        background: #ddd
    }

    .switch input {
        position: absolute;
        top: 9px;
        left: 10px;
        padding: 0;
        opacity: 0
    }

        .switch input + label {
            margin-right: 0;
            margin-left: 0
        }

    .switch label:after {
        position: absolute;
        top: .25rem;
        left: .25rem;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        -webkit-transition: left .15s ease-out;
        -moz-transition: left .15s ease-out;
        -o-transition: translate3d(0,0,0);
        transition: left .15s ease-out;
        -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);
        background: #fff
    }

    .switch input:checked + label {
        background: #fc6e51
    }

        .switch input:checked + label:after {
            left: 2.25rem
        }

    .switch label {
        width: 4rem;
        height: 2rem
    }

        .switch label:after {
            width: 1.5rem;
            height: 1.5rem
        }

    .switch input:checked + label:after {
        left: 2.25rem
    }

    .switch label {
        color: transparent;
        background: #ddd
    }

        .switch label:after {
            background: #fff
        }

    .switch input:checked + label {
        background: #fc6e51
    }

    .switch.large label {
        width: 5rem;
        height: 2.5rem
    }

        .switch.large label:after {
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked + label:after {
        left: 2.75rem
    }

    .switch.small label {
        width: 3.5rem;
        height: 1.75rem
    }

        .switch.small label:after {
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked + label:after {
        left: 2rem
    }

    .switch.tiny label {
        width: 3rem;
        height: 1.5rem
    }

        .switch.tiny label:after {
            width: 1rem;
            height: 1rem
        }

    .switch.tiny input:checked + label:after {
        left: 1.75rem
    }

    .switch.radius label {
        border-radius: 4px
    }

        .switch.radius label:after {
            border-radius: 3px
        }

    .switch.round {
        border-radius: 1000px
    }

        .switch.round label {
            border-radius: 2rem
        }

            .switch.round label:after {
                border-radius: 2rem
            }

table {
    margin-bottom: 1.25rem;
    table-layout: auto;
    border: solid 1px #ddd;
    background: #fff
}

    table caption {
        font-size: 1rem;
        font-weight: 700;
        color: #222;
        background: 0 0
    }

    table thead {
        background: #f5f5f5
    }

        table thead tr td, table thead tr th {
            font-size: .875rem;
            font-weight: 700;
            padding: .5rem .625rem .625rem;
            color: #222
        }

    table tfoot {
        background: #f5f5f5
    }

        table tfoot tr td, table tfoot tr th {
            font-size: .875rem;
            font-weight: 700;
            padding: .5rem .625rem .625rem;
            color: #222
        }

    table tr td, table tr th {
        font-size: .875rem;
        padding: .5625rem .625rem;
        text-align: left;
        color: #222
    }

    table tr.alt, table tr.even, table tr:nth-of-type(even) {
        background: #f9f9f9
    }

    table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
        line-height: 1.125rem;
        display: table-cell
    }

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

    .tabs:after, .tabs:before {
        display: table;
        content: ' '
    }

    .tabs:after {
        clear: both
    }

    .tabs .tab-title, .tabs dd {
        position: relative;
        float: left;
        margin-bottom: 0 !important;
        list-style: none
    }

        .tabs .tab-title > a, .tabs dd > a {
            font-size: 1rem;
            display: block;
            padding: 1rem 2rem;
            color: #222;
            background-color: #fff
        }

            .tabs .tab-title > a:hover, .tabs dd > a:hover {
                background-color: #f0f0f0
            }

        .tabs .tab-title.active > a, .tabs dd.active > a {
            color: #fff;
            background-color: #fc6e51
        }

    .tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .tabs.vertical .tab-title, .tabs.vertical dd {
        position: inherit;
        top: auto;
        display: block;
        float: none
    }

.tabs-content {
    width: 100%;
    margin-bottom: 1.5rem
}

    .tabs-content:after, .tabs-content:before {
        display: table;
        content: ' '
    }

    .tabs-content:after {
        clear: both
    }

    .tabs-content > .content {
        display: none;
        float: left;
        width: 100%;
        padding: .9375rem 0
    }

        .tabs-content > .content.active {
            display: block;
            float: none
        }

        .tabs-content > .content.contained {
            padding: .9375rem
        }

    .tabs-content.vertical {
        display: block
    }

        .tabs-content.vertical > .content {
            padding: 0 .9375rem
        }

@media only screen and (min-width:40.0625em) {
    .tabs.vertical {
        float: left;
        width: 20%;
        max-width: 20%;
        margin: 0;
        margin-bottom: 1.25rem !important
    }

    .tabs-content.vertical {
        float: left;
        width: 80%;
        max-width: 80%;
        margin-left: -1px;
        padding-left: 1rem
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none
}

.th {
    line-height: 0;
    display: inline-block;
    max-width: 100%;
    transition: all .2s ease-out;
    border: solid 4px #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2)
}

    .th:focus, .th:hover {
        box-shadow: 0 0 6px 1px rgba(252,110,81,.5)
    }

    .th.radius {
        border-radius: 3px
    }

.has-tip {
    font-weight: 700;
    cursor: help;
    color: #333;
    border-bottom: dotted 1px #ccc
}

    .has-tip:focus, .has-tip:hover {
        color: #fc6e51;
        border-bottom: dotted 1px #931b03
    }

    .has-tip.tip-left, .has-tip.tip-right {
        float: none !important
    }

.tooltip {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3;
    position: absolute;
    z-index: 1006;
    left: 50%;
    display: none;
    width: 100%;
    max-width: 300px;
    padding: .75rem;
    color: #fff;
    background: #333
}

    .tooltip > .nub {
        position: absolute;
        top: -10px;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        pointer-events: none;
        border: solid 5px;
        border-color: transparent transparent #333 transparent
    }

        .tooltip > .nub.rtl {
            right: 5px;
            left: auto
        }

    .tooltip.radius {
        border-radius: 3px
    }

    .tooltip.round {
        border-radius: 1000px
    }

        .tooltip.round > .nub {
            left: 2rem
        }

    .tooltip.opened {
        color: #fc6e51 !important;
        border-bottom: dotted 1px #931b03 !important
    }

.tap-to-close {
    font-size: .625rem;
    font-weight: 400;
    display: block;
    color: #777
}

@media only screen {
    .tooltip > .nub {
        top: -10px;
        border-color: transparent transparent #333 transparent
    }

    .tooltip.tip-top > .nub {
        top: auto;
        bottom: -10px;
        border-color: #333 transparent transparent transparent
    }

    .tooltip.tip-left, .tooltip.tip-right {
        float: none !important
    }

        .tooltip.tip-left > .nub {
            top: 50%;
            right: -10px;
            left: auto;
            margin-top: -5px;
            border-color: transparent transparent transparent #333
        }

        .tooltip.tip-right > .nub {
            top: 50%;
            right: auto;
            left: -10px;
            margin-top: -5px;
            border-color: transparent #333 transparent transparent
        }
}

meta.foundation-mq-topbar {
    font-family: '/only screen and (min-width: 860px)/';
    width: 860px
}

.contain-to-grid {
    width: 100%;
    background: #fff
}

    .contain-to-grid .top-bar {
        margin-bottom: 6px
    }

.fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%
}

    .fixed.expanded:not(.top-bar) {
        overflow-y: auto;
        width: 100%;
        height: auto;
        max-height: 100%
    }

        .fixed.expanded:not(.top-bar) .title-area {
            position: fixed;
            z-index: 99;
            width: 100%
        }

        .fixed.expanded:not(.top-bar) .top-bar-section {
            z-index: 98;
            margin-top: 6.25rem
        }

.top-bar {
    line-height: 6.25rem;
    position: relative;
    overflow: hidden;
    height: 6.25rem;
    margin-bottom: 0;
    background: #fff
}

    .top-bar ul {
        margin-bottom: 0;
        list-style: none
    }

    .top-bar .row {
        max-width: none
    }

    .top-bar form, .top-bar input, .top-bar select {
        margin-bottom: 0
    }

    .top-bar input, .top-bar select {
        font-size: .75rem;
        height: 1.75rem;
        padding-top: .35rem;
        padding-bottom: .35rem
    }

    .top-bar .button, .top-bar button {
        font-size: .75rem;
        margin-bottom: 0;
        padding-top: .4125rem;
        padding-bottom: .4125rem
    }

@media only screen and (max-width:40em) {
    .top-bar .button, .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    position: relative;
    margin: 0
}

.top-bar .name {
    font-size: 16px;
    height: 6.25rem;
    margin: 0
}

    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
        font-size: 1.0625rem;
        line-height: 6.25rem;
        margin: 0
    }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
            font-weight: 400;
            display: block;
            width: 75%;
            padding: 0 .625rem;
            color: #555
        }

.top-bar .toggle-topbar {
    position: absolute;
    top: 0;
    right: 0
}

    .top-bar .toggle-topbar a {
        font-size: .8125rem;
        font-weight: 700;
        line-height: 6.25rem;
        position: relative;
        display: block;
        height: 6.25rem;
        padding: 0 .625rem;
        text-transform: uppercase;
        color: #555
    }

    .top-bar .toggle-topbar.menu-icon {
        top: 50%;
        margin-top: -16px
    }

        .top-bar .toggle-topbar.menu-icon a {
            line-height: 33px;
            position: relative;
            height: 34px;
            padding: 0 2.1875rem 0 .625rem;
            color: #555
        }

            .top-bar .toggle-topbar.menu-icon a span::after {
                position: absolute;
                top: 50%;
                right: .625rem;
                display: block;
                width: 16px;
                height: 0;
                margin-top: -8px;
                content: '';
                box-shadow: 0 0 0 1px #555,0 7px 0 1px #555,0 14px 0 1px #555
            }

            .top-bar .toggle-topbar.menu-icon a span:hover:after {
                box-shadow: 0 0 0 1px '',0 7px 0 1px '',0 14px 0 1px ''
            }

.top-bar.expanded {
    height: auto;
    background: 0 0
}

    .top-bar.expanded .title-area {
        background: #fff
    }

    .top-bar.expanded .toggle-topbar a {
        color: #888
    }

        .top-bar.expanded .toggle-topbar a span::after {
            box-shadow: 0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .top-bar.expanded .top-bar-section .dropdown, .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
        clip: initial
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0
    }
}

.top-bar-section {
    position: relative;
    left: 0;
    width: auto;
    transition: left .3s ease-out
}

    .top-bar-section ul {
        font-size: 16px;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0
    }

    .top-bar-section .divider, .top-bar-section [role=separator] {
        clear: both;
        width: 100%;
        height: 1px;
        border-top: solid 1px transparent
    }

    .top-bar-section ul li {
        background: #333
    }

        .top-bar-section ul li > a {
            font-size: 1.25rem;
            font-weight: 400;
            display: block;
            width: 100%;
            padding: 12px 0 12px .625rem;
            padding-left: .625rem;
            text-transform: uppercase;
            color: #555
        }

            .top-bar-section ul li > a.button {
                font-size: 1.25rem;
                padding-right: .625rem;
                padding-left: .625rem;
                color: #fff;
                border-color: #fc6e51;
                background-color: #fc6e51
            }

                .top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
                    background-color: #b12103
                }

                .top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
                    color: #fff
                }

                .top-bar-section ul li > a.button.secondary {
                    color: #333;
                    border-color: #b9b9b9;
                    background-color: #e7e7e7
                }

                    .top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
                        background-color: #b9b9b9
                    }

                    .top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
                        color: #333
                    }

                .top-bar-section ul li > a.button.success {
                    color: #fff;
                    border-color: #92b666;
                    background-color: #b4cd96
                }

                    .top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
                        background-color: #92b666
                    }

                    .top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
                        color: #fff
                    }

                .top-bar-section ul li > a.button.alert {
                    color: #fff;
                    border-color: #cf2a0e;
                    background-color: #f04124
                }

                    .top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
                        background-color: #cf2a0e
                    }

                    .top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
                        color: #fff
                    }

                .top-bar-section ul li > a.button.warning {
                    color: #fff;
                    border-color: #cf6e0e;
                    background-color: #f08a24
                }

                    .top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
                        background-color: #cf6e0e
                    }

                    .top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
                        color: #fff
                    }

                .top-bar-section ul li > a.button.info {
                    color: #333;
                    border-color: #61b6d9;
                    background-color: #a0d3e8
                }

                    .top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
                        background-color: #61b6d9
                    }

                    .top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
                        color: #fff
                    }

        .top-bar-section ul li > button {
            font-size: .875rem;
            padding-right: .625rem;
            padding-left: .625rem;
            color: #fff;
            border-color: #fc6e51;
            background-color: #fc6e51
        }

            .top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
                background-color: #b12103
            }

            .top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
                color: #fff
            }

            .top-bar-section ul li > button.secondary {
                color: #333;
                border-color: #b9b9b9;
                background-color: #e7e7e7
            }

                .top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
                    background-color: #b9b9b9
                }

                .top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
                    color: #333
                }

            .top-bar-section ul li > button.success {
                color: #fff;
                border-color: #92b666;
                background-color: #b4cd96
            }

                .top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
                    background-color: #92b666
                }

                .top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
                    color: #fff
                }

            .top-bar-section ul li > button.alert {
                color: #fff;
                border-color: #cf2a0e;
                background-color: #f04124
            }

                .top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
                    background-color: #cf2a0e
                }

                .top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
                    color: #fff
                }

            .top-bar-section ul li > button.warning {
                color: #fff;
                border-color: #cf6e0e;
                background-color: #f08a24
            }

                .top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
                    background-color: #cf6e0e
                }

                .top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
                    color: #fff
                }

            .top-bar-section ul li > button.info {
                color: #333;
                border-color: #61b6d9;
                background-color: #a0d3e8
            }

                .top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
                    background-color: #61b6d9
                }

                .top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
                    color: #fff
                }

        .top-bar-section ul li:hover:not(.has-form) > a {
            color: #fc6e51;
            background: #fff;
            background-color: #fff
        }

        .top-bar-section ul li.active > a {
            color: #555;
            background: #fff
        }

            .top-bar-section ul li.active > a:hover {
                color: #fc6e51;
                background: #fff
            }

    .top-bar-section .has-form {
        padding: .625rem
    }

    .top-bar-section .has-dropdown {
        position: relative
    }

        .top-bar-section .has-dropdown > a:after {
            position: absolute;
            top: 50%;
            right: 0;
            display: block;
            width: 0;
            height: 0;
            margin-top: -4.5px;
            margin-right: .625rem;
            content: '';
            border: inset 5px;
            border-color: transparent transparent transparent rgba(85,85,85,.4);
            border-left-style: solid
        }

        .top-bar-section .has-dropdown.moved {
            position: static
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                position: static !important;
                position: absolute !important;
                display: block;
                overflow: visible;
                clip: auto;
                width: auto;
                width: 100%;
                height: auto
            }

            .top-bar-section .has-dropdown.moved > a:after {
                display: none
            }

    .top-bar-section .dropdown {
        position: absolute !important;
        position: absolute;
        z-index: 99;
        top: 0;
        left: 100%;
        display: block;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px;
        padding: 0
    }

        .top-bar-section .dropdown li {
            width: 100%;
            height: auto
        }

            .top-bar-section .dropdown li a {
                font-weight: 400;
                padding: 8px .625rem
            }

                .top-bar-section .dropdown li a.parent-link {
                    font-weight: 400
                }

            .top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
                font-size: 1.125rem;
                margin-top: 0;
                margin-bottom: 0
            }

                .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
                    display: block;
                    color: #555
                }

                    .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li.title h5 a:hover {
                        background: 0 0
                    }

            .top-bar-section .dropdown li.has-form {
                padding: 8px .625rem
            }

            .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
                top: auto
            }

        .top-bar-section .dropdown label {
            font-size: .625rem;
            font-weight: 700;
            margin-bottom: 0;
            padding: 8px .625rem 2px;
            text-transform: uppercase;
            color: #777
        }

.js-generated {
    display: block
}

@media only screen and (min-width:860px) {
    .top-bar {
        overflow: visible;
        background: #fff
    }

        .top-bar:after, .top-bar:before {
            display: table;
            content: ' '
        }

        .top-bar:after {
            clear: both
        }

        .top-bar .toggle-topbar {
            display: none
        }

        .top-bar .title-area {
            float: left
        }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
            width: auto
        }

        .top-bar .button, .top-bar button, .top-bar input, .top-bar select {
            font-size: .875rem;
            position: relative;
            top: 2.25rem;
            height: 1.75rem
        }

        .top-bar .has-form > .button, .top-bar .has-form > button {
            font-size: .875rem;
            position: relative;
            top: 2.25rem;
            height: 1.75rem
        }

        .top-bar.expanded {
            background: #fff
        }

    .contain-to-grid .top-bar {
        max-width: 73.125rem;
        margin: 0 auto;
        margin-bottom: 6px
    }

    .top-bar-section {
        left: 0 !important;
        transition: none 0 0
    }

        .top-bar-section ul {
            display: inline;
            width: auto;
            height: auto !important
        }

            .top-bar-section ul li {
                float: left
            }

                .top-bar-section ul li .js-generated {
                    display: none
                }

        .top-bar-section li.hover > a:not(.button) {
            color: #fc6e51;
            background: #fff;
            background-color: #fff
        }

        .top-bar-section li:not(.has-form) a:not(.button) {
            line-height: 6.25rem;
            padding: 0 .625rem;
            background: 0 0
        }

            .top-bar-section li:not(.has-form) a:not(.button):hover {
                background: #fff;
                background-color: #fff
            }

        .top-bar-section li.active:not(.has-form) a:not(.button) {
            line-height: 6.25rem;
            padding: 0 .625rem;
            color: #555;
            background: #fff
        }

            .top-bar-section li.active:not(.has-form) a:not(.button):hover {
                color: #fc6e51;
                background: #fff
            }

        .top-bar-section .has-dropdown > a {
            padding-right: 1.875rem !important
        }

            .top-bar-section .has-dropdown > a:after {
                top: 3.125rem;
                display: block;
                width: 0;
                height: 0;
                margin-top: -2.5px;
                content: '';
                border: inset 5px;
                border-color: rgba(85,85,85,.4) transparent transparent transparent;
                border-top-style: solid
            }

        .top-bar-section .has-dropdown.moved {
            position: relative
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                position: absolute !important;
                display: block;
                overflow: hidden;
                clip: rect(1px,1px,1px,1px);
                width: 1px;
                height: 1px
            }

        .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
            position: static !important;
            position: absolute !important;
            display: block;
            overflow: visible;
            clip: auto;
            width: auto;
            height: auto
        }

        .top-bar-section .has-dropdown > a:focus + .dropdown {
            position: static !important;
            position: absolute !important;
            display: block;
            overflow: visible;
            clip: auto;
            width: auto;
            height: auto
        }

        .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
            top: .1875rem;
            right: 5px;
            content: '\00bb';
            border: none
        }

        .top-bar-section .dropdown {
            top: auto;
            left: 0;
            min-width: 100%;
            background: 0 0
        }

            .top-bar-section .dropdown li a {
                line-height: 6.25rem;
                padding: 12px .625rem;
                white-space: nowrap;
                color: #fff;
                background: #fc6e51
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
                color: #fff;
                background: #fc6e51
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
                color: #fc6e51;
                background: #fb441f;
                background-color: #fff
            }

            .top-bar-section .dropdown li label {
                white-space: nowrap;
                background: #333
            }

            .top-bar-section .dropdown li .dropdown {
                top: 0;
                left: 100%
            }

        .top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
            clear: none;
            width: 0;
            height: 6.25rem;
            border-top: none;
            border-right: solid 1px rgba(33,33,33,0);
            border-bottom: none
        }

        .top-bar-section .has-form {
            height: 6.25rem;
            padding: 0 .625rem;
            background: 0 0
        }

        .top-bar-section .right li .dropdown {
            right: 0;
            left: auto
        }

            .top-bar-section .right li .dropdown li .dropdown {
                right: 100%
            }

        .top-bar-section .left li .dropdown {
            right: auto;
            left: 0
        }

            .top-bar-section .left li .dropdown li .dropdown {
                left: 100%
            }

    .no-js .top-bar-section ul li:hover > a {
        color: #fc6e51;
        background: #fff;
        background-color: #fff
    }

    .no-js .top-bar-section ul li:active > a {
        color: #555;
        background: #fff
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
        position: static !important;
        position: absolute !important;
        display: block;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        position: absolute !important;
        display: block;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width:40em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.0625em) and (max-width:64em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.0625em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.0625em) and (max-width:90em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.0625em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.0625em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.0625em) {
    .xxlarge-text-left {
        text-align: left !important
    }

    .xxlarge-text-right {
        text-align: right !important
    }

    .xxlarge-text-center {
        text-align: center !important
    }

    .xxlarge-text-justify {
        text-align: justify !important
    }
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

a {
    line-height: inherit;
    text-decoration: none;
    color: #fc6e51
}

    a:focus, a:hover {
        color: #fb4823
    }

    a img {
        border: none
    }

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

    p.lead {
        font-size: 1.21875rem;
        line-height: 1.6
    }

    p aside {
        font-size: .875rem;
        font-style: italic;
        line-height: 1.35
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    margin-top: .2rem;
    margin-bottom: .5rem;
    color: #222;
    text-rendering: optimizeLegibility
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 60%;
        line-height: 0;
        color: #6f6f6f
    }

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    font-weight: 400;
    line-height: 1.4;
    margin-top: .2rem;
    margin-bottom: .5rem;
    color: #6f6f6f
}

hr {
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;
    border: solid #ddd;
    border-width: 1px 0 0
}

em, i {
    font-style: italic;
    line-height: inherit
}

b, strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-weight: 400;
    padding: .125rem .3125rem .0625rem;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: #f8f8f8
}

dl, ol, ul {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside
}

ul {
    margin-left: 1.1rem
}

    ul li ol, ul li ul {
        margin-bottom: 0;
        margin-left: 1.25rem
    }

    ul.circle li ul, ul.disc li ul, ul.square li ul {
        list-style: inherit
    }

    ul.square {
        margin-left: 1.1rem;
        list-style-type: square
    }

    ul.circle {
        margin-left: 1.1rem;
        list-style-type: circle
    }

    ul.disc {
        margin-left: 1.1rem;
        list-style-type: disc
    }

ol {
    margin-left: 1.4rem
}

    ol li ol, ol li ul {
        margin-bottom: 0;
        margin-left: 1.25rem
    }

.no-bullet {
    margin-left: 0;
    list-style-type: none
}

    .no-bullet li ol, .no-bullet li ul {
        margin-bottom: 0;
        margin-left: 1.25rem;
        list-style: none
    }

dl dt {
    font-weight: 700;
    margin-bottom: .3rem
}

dl dd {
    margin-bottom: .75rem
}

abbr, acronym {
    font-size: 90%;
    cursor: help;
    text-transform: uppercase;
    color: #222
}

abbr {
    text-transform: none
}

    abbr[title] {
        border-bottom: 1px dotted #ddd
    }

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

    blockquote cite {
        font-size: .8125rem;
        display: block;
        color: #555
    }

        blockquote cite:before {
            content: '\2014 \0020'
        }

        blockquote cite a, blockquote cite a:visited {
            color: #555
        }

    blockquote, blockquote p {
        line-height: 1.6;
        color: #6f6f6f
    }

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    padding: .625rem .75rem;
    border: 1px solid #ddd
}

    .vcard li {
        display: block;
        margin: 0
    }

    .vcard .fn {
        font-size: .9375rem;
        font-weight: 700
    }

.vevent .summary {
    font-weight: 700
}

.vevent abbr {
    font-weight: 700;
    padding: 0 .0625rem;
    cursor: default;
    text-decoration: none;
    border: none
}

@media only screen and (min-width:40.0625em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4
    }

    h1 {
        font-size: 2.75rem
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }
}

@media print {
    * {
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: ' (' attr(href) ')'
        }

    abbr[title]:after {
        content: ' (' attr(title) ')'
    }

    .ir a:after, a[href^='#']:after, a[href^='javascript:']:after {
        content: ''
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .34in
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.off-canvas-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden
}

    .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-left, .off-canvas-wrap.move-right, .off-canvas-wrap.move-top {
        min-height: 100%;
        -webkit-overflow-scrolling: touch
    }

.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease
}

    .inner-wrap:after, .inner-wrap:before {
        display: table;
        content: ' '
    }

    .inner-wrap:after {
        clear: both
    }

.tab-bar {
    line-height: 2.8125rem;
    position: relative;
    height: 2.8125rem;
    color: #fff;
    background: #333;
    -webkit-backface-visibility: hidden
}

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
        font-weight: 700;
        line-height: 2.8125rem;
        margin: 0;
        color: #fff
    }

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
        font-size: 1.125rem
    }

.left-small {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    border-right: solid 1px #1a1a1a
}

.right-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    border-left: solid 1px #1a1a1a
}

.tab-bar-section {
    position: absolute;
    top: 0;
    height: 2.8125rem;
    padding: 0 .625rem;
    text-align: center
}

    .tab-bar-section.left {
        text-align: left
    }

    .tab-bar-section.right {
        text-align: right
    }

    .tab-bar-section.left {
        right: 2.8125rem;
        left: 0
    }

    .tab-bar-section.right {
        right: 0;
        left: 2.8125rem
    }

    .tab-bar-section.middle {
        right: 2.8125rem;
        left: 2.8125rem
    }

.tab-bar .menu-icon {
    position: relative;
    display: block;
    width: 2.8125rem;
    height: 2.8125rem;
    padding: 0;
    transform: translate3d(0,0,0);
    text-indent: 2.1875rem;
    color: #fff
}

    .tab-bar .menu-icon span::after {
        position: absolute;
        top: 50%;
        left: .90625rem;
        display: block;
        width: 1rem;
        height: 0;
        margin-top: -.5rem;
        content: '';
        box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff
    }

    .tab-bar .menu-icon span:hover:after {
        box-shadow: 0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3
    }

.left-off-canvas-menu {
    position: absolute;
    z-index: 1001;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    transition: transform .5s ease 0s;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .left-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

.right-off-canvas-menu {
    position: absolute;
    z-index: 1001;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    transition: transform .5s ease 0s;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .right-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

.top-off-canvas-menu {
    position: absolute;
    z-index: 1001;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    width: 100%;
    height: 18.75rem;
    transition: transform .5s ease 0s;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate(0,-100%);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .top-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

.bottom-off-canvas-menu {
    position: absolute;
    z-index: 1001;
    bottom: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    width: 100%;
    height: 18.75rem;
    transition: transform .5s ease 0s;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate(0,100%);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .bottom-off-canvas-menu * {
        -webkit-backface-visibility: hidden
    }

ul.off-canvas-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    ul.off-canvas-list li label {
        font-size: .75rem;
        font-weight: 700;
        display: block;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase;
        color: #999;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        background: #444
    }

    ul.off-canvas-list li a {
        display: block;
        padding: .66667rem;
        transition: background .3s ease;
        color: rgba(255,255,255,.7);
        border-bottom: 1px solid #262626
    }

        ul.off-canvas-list li a:hover {
            background: #242424
        }

        ul.off-canvas-list li a:active {
            background: #242424
        }

.move-right > .inner-wrap {
    -webkit-transform: translate3d(15.625rem,0,0);
    -moz-transform: translate3d(15.625rem,0,0);
    -ms-transform: translate(15.625rem,0);
    -o-transform: translate3d(15.625rem,0,0);
    transform: translate3d(15.625rem,0,0)
}

.move-right .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-left > .inner-wrap {
    -webkit-transform: translate3d(-15.625rem,0,0);
    -moz-transform: translate3d(-15.625rem,0,0);
    -ms-transform: translate(-15.625rem,0);
    -o-transform: translate3d(-15.625rem,0,0);
    transform: translate3d(-15.625rem,0,0)
}

.move-left .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-top > .inner-wrap {
    -webkit-transform: translate3d(0,-18.75rem,0);
    -moz-transform: translate3d(0,-18.75rem,0);
    -ms-transform: translate(0,-18.75rem);
    -o-transform: translate3d(0,-18.75rem,0);
    transform: translate3d(0,-18.75rem,0)
}

.move-top .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .move-top .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.move-bottom > .inner-wrap {
    -webkit-transform: translate3d(0,18.75rem,0);
    -moz-transform: translate3d(0,18.75rem,0);
    -ms-transform: translate(0,18.75rem);
    -o-transform: translate3d(0,18.75rem,0);
    transform: translate3d(0,18.75rem,0)
}

.move-bottom .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .move-bottom .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap .bottom-off-canvas-menu, .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, .offcanvas-overlap .top-off-canvas-menu {
    z-index: 1003;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.offcanvas-overlap .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    z-index: 1003;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.offcanvas-overlap-left .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    z-index: 1003;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.offcanvas-overlap-right .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
    z-index: 1003;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.offcanvas-overlap-top .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-top .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
    z-index: 1003;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.offcanvas-overlap-bottom .exit-off-canvas {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    transition: background .3s ease;
    background: rgba(255,255,255,.2);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width:40.0625em) {
    .offcanvas-overlap-bottom .exit-off-canvas:hover {
        background: rgba(255,255,255,.05)
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem
}

.no-csstransforms .top-off-canvas-menu {
    top: -18.75rem
}

.no-csstransforms .bottom-off-canvas-menu {
    bottom: -18.75rem
}

.no-csstransforms .move-left > .inner-wrap {
    right: 15.625rem
}

.no-csstransforms .move-right > .inner-wrap {
    left: 15.625rem
}

.no-csstransforms .move-top > .inner-wrap {
    right: 18.75rem
}

.no-csstransforms .move-bottom > .inner-wrap {
    left: 18.75rem
}

.left-submenu {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    height: 18.75rem;
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

    .left-submenu * {
        -webkit-backface-visibility: hidden
    }

    .left-submenu .back > a {
        font-weight: 700;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase;
        color: #999;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        background: #444
    }

        .left-submenu .back > a:hover {
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
            background: #303030
        }

        .left-submenu .back > a:before {
            display: inline;
            margin-right: .5rem;
            content: '\AB'
        }

    .left-submenu.move-right, .left-submenu.offcanvas-overlap, .left-submenu.offcanvas-overlap-right {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.right-submenu {
    position: absolute;
    z-index: 1002;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    height: 18.75rem;
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

    .right-submenu * {
        -webkit-backface-visibility: hidden
    }

    .right-submenu .back > a {
        font-weight: 700;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase;
        color: #999;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        background: #444
    }

        .right-submenu .back > a:hover {
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
            background: #303030
        }

        .right-submenu .back > a:after {
            display: inline;
            margin-left: .5rem;
            content: '\BB'
        }

    .right-submenu.move-left, .right-submenu.offcanvas-overlap, .right-submenu.offcanvas-overlap-left {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.top-submenu {
    position: absolute;
    z-index: 1002;
    top: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    width: 100%;
    height: 18.75rem;
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate(0,-100%);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

    .top-submenu * {
        -webkit-backface-visibility: hidden
    }

    .top-submenu .back > a {
        font-weight: 700;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase;
        color: #999;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        background: #444
    }

        .top-submenu .back > a:hover {
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
            background: #303030
        }

    .top-submenu.move-bottom, .top-submenu.offcanvas-overlap, .top-submenu.offcanvas-overlap-bottom {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.bottom-submenu {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    width: 15.625rem;
    width: 100%;
    height: 18.75rem;
    margin: 0;
    -webkit-transition: -webkit-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -ms-transition: -ms-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate(0,100%);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    background: #333;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

    .bottom-submenu * {
        -webkit-backface-visibility: hidden
    }

    .bottom-submenu .back > a {
        font-weight: 700;
        margin: 0;
        padding: .3rem .9375rem;
        text-transform: uppercase;
        color: #999;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        background: #444
    }

        .bottom-submenu .back > a:hover {
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
            background: #303030
        }

    .bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap, .bottom-submenu.offcanvas-overlap-top {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    display: inline;
    margin-left: .5rem;
    content: '\BB'
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    display: inline;
    margin-right: .5rem;
    content: '\AB'
}

@media only screen {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:40.0625em) {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:64.0625em) {
    .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px
    }

    table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:90.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:120.0625em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        width: 1px;
        height: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait, .show-for-landscape {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait, table.show-for-landscape {
        display: table !important
    }

    thead.hide-for-portrait, thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait, tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait, tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape, table.show-for-portrait {
        display: table !important
    }

    thead.hide-for-landscape, thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape, tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape, tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.show-for-sr {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px
}

.show-on-focus {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        overflow: visible;
        clip: auto;
        width: auto;
        height: auto
    }

.print-only, .show-for-print {
    display: none !important
}

@media print {
    .print-only, .show-for-print {
        display: block !important
    }

    .hide-for-print, .hide-on-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }
}

@media only screen and (max-width:40em) {
    .f-topbar-fixed {
        padding: 0 !important
    }
}

@media only screen {
    .f-topbar-fixed {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:40em) {
    .filter-search .button {
        padding-right: 0;
        padding-left: 0
    }
}

.button:focus {
    outline: 0
}

.button.btn-transparent:focus, button.btn-transparent:focus {
    background-color: transparent
}

.move-left .exit-off-canvas, .move-right .exit-off-canvas {
    background: rgba(252,110,81,.6)
}

.left-off-canvas-menu, .right-off-canvas-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul.accordion {
    margin: 0;
    padding: 0
}

    ul.accordion .accordion-navigation.active > a {
        color: #fff;
        background: #fc6e51
    }

.tabs {
    border: 1px solid #efefef;
    background: #f6f6f6
}

    .tabs .tab-title, .tabs dd {
        float: none
    }

@media only screen and (min-width:40.0625em) {
    .tabs .tab-title, .tabs dd {
        float: left
    }
}

ul.pagination li a {
    border-bottom: 3px solid transparent;
    border-radius: 0
}

ul.pagination li.current a, ul.pagination li.current a:hover {
    color: #333;
    border-color: #fc6e51;
    background: 0 0
}

body, html {
    height: 100%
}

    body.boxed {
        background: #f9f9f9
    }

.overflow-hidden {
    overflow: hidden
}

strong {
    font-weight: 700 !important
}

.animated {
    visibility: hidden
}

    .animated.visible {
        visibility: visible
    }

:focus {
    outline: 0
}

.video-container {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%
}

    .video-container embed, .video-container iframe, .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

table.responsive {
    width: 100%
}

@media only screen and (max-width:767px) {
    div.table-wrapper {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        border-right: 1px solid #ccc
    }

    table.responsive {
        margin-bottom: 0
    }

    .pinned {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: scroll;
        width: 35%;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        background: #fff
    }

        .pinned table {
            width: 100%;
            border-right: none;
            border-left: none
        }

            .pinned table td, .pinned table th {
                white-space: nowrap
            }

        .pinned td:last-child {
            border-bottom: 0
        }

    div.table-wrapper div.scrollable {
        margin-left: 35%
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden
    }

    table.responsive td, table.responsive th {
        position: relative;
        overflow: hidden;
        white-space: nowrap
    }

        table.responsive td:first-child, table.responsive th:first-child, table.responsive.pinned td {
            display: none
        }
}

.flat-red-bg {
    background-color: #fd6d52
}

.flat-violet-bg {
    background-color: #946e97
}

.flat-blue-bg {
    background-color: #2f92cb
}

.flat-green-bg {
    background-color: #b4cd96
}

.flat-yellow-bg {
    background-color: #f8ca1c
}

.red-bg {
    background: #e13e3e
}

.green-bg {
    background: #69ba37
}

.purple-bg {
    background: #ab2b76
}

.blue-bg {
    background: #2b6dab
}

.yellow-bg {
    background: #fcd316
}

.orange-bg {
    background: #ff8a00
}

.primary-bg {
    background-color: #fc6e51 !important;
    border-color: #fc6e51 !important;
    vertical-align: baseline
}

form input, form select, form textarea {
    margin-bottom: 14px !important
}

    form input.error, form select.error, form textarea.error {
        margin-bottom: 14px !important
    }

form label {
    position: relative
}

    form label.error {
        position: absolute !important;
        top: 0;
        right: 0
    }

    form label .error-icon {
        font-size: 1.25rem;
        font-weight: 900;
        position: absolute;
        top: 4px;
        right: 20px;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        background: #fc6e51
    }

form .alert-message, form .success-message {
    font-size: .75rem;
    display: none;
    margin-bottom: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff
}

form .alert-message {
    background: #f04124
}

form .success-message {
    background: #b4cd96
}

form .collapse label .error-icon {
    right: 4px
}

form.dark .postfix, form.dark .prefix, form.dark input, form.dark select, form.dark textarea {
    color: #f6f6f6;
    border: none;
    background: #6f6d6d
}

    form.dark .postfix::-webkit-input-placeholder, form.dark .prefix::-webkit-input-placeholder, form.dark input::-webkit-input-placeholder, form.dark select::-webkit-input-placeholder, form.dark textarea::-webkit-input-placeholder {
        color: #666
    }

    form.dark .postfix:-moz-placeholder, form.dark .prefix:-moz-placeholder, form.dark input:-moz-placeholder, form.dark select:-moz-placeholder, form.dark textarea:-moz-placeholder {
        opacity: 1;
        color: #666
    }

    form.dark .postfix::-moz-placeholder, form.dark .prefix::-moz-placeholder, form.dark input::-moz-placeholder, form.dark select::-moz-placeholder, form.dark textarea::-moz-placeholder {
        opacity: 1;
        color: #666
    }

    form.dark .postfix:-ms-input-placeholder, form.dark .prefix:-ms-input-placeholder, form.dark input:-ms-input-placeholder, form.dark select:-ms-input-placeholder, form.dark textarea:-ms-input-placeholder {
        color: #666
    }

    form.dark input:active, form.dark input:focus, form.dark input:hover, form.dark select:active, form.dark select:focus, form.dark select:hover, form.dark textarea:active, form.dark textarea:focus, form.dark textarea:hover {
        background: rgba(85,85,85,.7)
    }

form.light .postfix, form.light .prefix, form.light input, form.light select, form.light textarea {
    color: #555;
    border: none;
    background: #f6f6f6
}

    form.light .postfix::-webkit-input-placeholder, form.light .prefix::-webkit-input-placeholder, form.light input::-webkit-input-placeholder, form.light select::-webkit-input-placeholder, form.light textarea::-webkit-input-placeholder {
        color: #888
    }

    form.light .postfix:-moz-placeholder, form.light .prefix:-moz-placeholder, form.light input:-moz-placeholder, form.light select:-moz-placeholder, form.light textarea:-moz-placeholder {
        opacity: 1;
        color: #888
    }

    form.light .postfix::-moz-placeholder, form.light .prefix::-moz-placeholder, form.light input::-moz-placeholder, form.light select::-moz-placeholder, form.light textarea::-moz-placeholder {
        opacity: 1;
        color: #888
    }

    form.light .postfix:-ms-input-placeholder, form.light .prefix:-ms-input-placeholder, form.light input:-ms-input-placeholder, form.light select:-ms-input-placeholder, form.light textarea:-ms-input-placeholder {
        color: #888
    }

    form.light input:active, form.light input:focus, form.light input:hover, form.light select:active, form.light select:focus, form.light select:hover, form.light textarea:active, form.light textarea:focus, form.light textarea:hover {
        background: #eee
    }

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

    ul.list-arrow li a {
        position: relative;
        padding-left: 20px
    }

        ul.list-arrow li a:before {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: .75rem;
            position: absolute;
            top: 6px;
            left: 0;
            display: inline-block;
            margin-left: 0;
            content: '\f054'
        }

.tp-banner-container {
    position: relative;
    width: 100%;
    padding: 0
}

.tp-banner {
    position: relative;
    width: 100%
}

.tp-banner-fullscreen-container {
    position: relative;
    width: 100%;
    padding: 0
}

.tparrows.preview2:after {
    margin-top: -18px
}

.tp-caption {
    width: 640px
}

@media only screen and (max-width:40em) {
    .tp-caption {
        display: none
    }
}

.tp-caption .title {
    display: inline-block;
    width: 230px
}

.tp-caption h4 {
    font-size: 1.8125rem !important;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    margin: 0;
    padding: 10px;
    color: #fff;
    background: #fc6e51
}

.tp-caption h1 {
    font-size: 5.625rem !important;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    color: #333
}

.tp-caption h3 {
    font-size: 2.875rem !important;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    color: #333
}

.tp-caption strong {
    font-size: 1.125rem !important;
    font-weight: 700;
    line-height: normal;
    color: #333
}

.tp-caption .quote {
    font-size: 14px !important;
    line-height: normal;
    display: inline-block;
    width: 400px;
    white-space: normal;
    letter-spacing: normal !important
}

    .tp-caption .quote .small {
        font-size: .9375rem !important;
        font-weight: 700;
        line-height: normal;
        padding-top: 15px !important
    }

    .tp-caption .quote.dark {
        color: #333
    }

        .tp-caption .quote.dark .small {
            color: #333
        }

    .tp-caption .quote.light {
        color: #fff
    }

        .tp-caption .quote.light .small {
            color: #fff
        }

.owl-nav {
    text-align: center
}

    .owl-nav [class*=owl-] {
        display: inline-block;
        width: 37px;
        height: 37px;
        margin: 0;
        background: 0 0
    }

        .owl-nav [class*=owl-] i {
            padding-top: 7px
        }

            .owl-nav [class*=owl-] i:before {
                font-size: .9375rem;
                color: #333
            }

        .owl-nav [class*=owl-]:hover i:before {
            color: #fc6e51
        }

.owl-dots {
    padding-top: 10px;
    text-align: center
}

    .owl-dots .owl-dot {
        display: inline-block
    }

        .owl-dots .owl-dot span {
            display: none;
            width: 14px;
            height: 14px;
            margin: 3px 5px;
            transition: opacity .2s ease;
            border-radius: 30px;
            background: #777;
            -webkit-backface-visibility: visible
        }

        .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
            background: #fc6e51
        }

#st_gdpr_iframe {
    left: 0 !important
}

.testimony-carousel {
    position: relative
}

    .testimony-carousel .item {
        padding: 12px
    }

.logo-carousel {
    position: relative
}

    .logo-carousel .item {
        padding: 12px
    }

    .logo-carousel .owl-nav {
        position: absolute;
        top: -77px;
        right: 0
    }

.full-slider-carousel .item {
    position: relative;
    height: 700px !important;
    text-align: center;
    background-position: center center;
    background-size: cover
}

    .full-slider-carousel .item:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ''
    }

    .full-slider-carousel .item .caption {
        position: relative;
        background-color: #000000a3;
        z-index: 250;
        top: 100%;
        transform: translateY(-100%)
    }

        .full-slider-carousel .item .caption h2 {
            font-weight: 900;
            color: #fc6e51
        }

@media only screen and (min-width:40.0625em) {
    .full-slider-carousel .item .caption h2 {
        font-size: 3.375rem
    }
}

.full-slider-carousel .item .caption h2 b {
    font-weight: 900;
    color: #ff6000
}

.full-slider-carousel .item .caption p {
    color: #f9f9f9;
    padding-bottom: 13px;
    font-weight: 700
}

.full-slider-carousel .owl-nav div.owl-next, .full-slider-carousel .owl-nav div.owl-prev {
    position: absolute
}

    .full-slider-carousel .owl-nav div.owl-next i, .full-slider-carousel .owl-nav div.owl-prev i {
        padding-top: 7px
    }

        .full-slider-carousel .owl-nav div.owl-next i:before, .full-slider-carousel .owl-nav div.owl-prev i:before {
            font-size: 1.875rem;
            color: #fff
        }

    .full-slider-carousel .owl-nav div.owl-next:hover i:before, .full-slider-carousel .owl-nav div.owl-prev:hover i:before {
        color: #fc6e51
    }

.full-slider-carousel .owl-nav div.owl-prev {
    top: 40px;
    left: 0
}

.full-slider-carousel .owl-nav div.owl-next {
    top: 40px;
    right: 0
}

@media only screen and (min-width:40.0625em) {
    .full-slider-carousel .owl-nav div.owl-prev {
        top: 50%;
        left: 0
    }

    .full-slider-carousel .owl-nav div.owl-next {
        top: 50%;
        right: 0
    }
}

.shop-item-carousel {
    margin-bottom: 10px;
    border: 1px solid #efefef
}

.shop-item-nav-carousel {
    position: relative;
    width: auto;
    margin-right: 50px;
    margin-left: 50px
}

    .shop-item-nav-carousel .item {
        border: 1px solid #efefef
    }

    .shop-item-nav-carousel .owl-nav div[class*=owl-], .shop-item-nav-carousel .owl-nav div[class*=owl-]:hover {
        background: 0 0
    }

    .shop-item-nav-carousel .owl-nav div.owl-next, .shop-item-nav-carousel .owl-nav div.owl-prev {
        position: absolute;
        top: 50%;
        margin-top: -20px
    }

        .shop-item-nav-carousel .owl-nav div.owl-next i:before, .shop-item-nav-carousel .owl-nav div.owl-prev i:before {
            color: #333
        }

    .shop-item-nav-carousel .owl-nav div.owl-prev {
        left: -55px
    }

    .shop-item-nav-carousel .owl-nav div.owl-next {
        right: -55px
    }

.flexslider-testimonial .item {
    position: relative;
    padding-bottom: 140px
}

    .flexslider-testimonial .item .table {
        display: table;
        width: 80%;
        margin: auto
    }

        .flexslider-testimonial .item .table .title {
            display: table-cell;
            height: 420px;
            vertical-align: middle;
            text-transform: uppercase
        }

@media only screen and (min-width:40.0625em) {
    .flexslider-testimonial .item .table .title {
        line-height: normal;
        height: 380px;
        vertical-align: middle
    }
}

.flexslider-testimonial .item .table .title h1 {
    font-size: 2.25rem;
    color: #fff
}

@media only screen and (max-width:40em) {
    .flexslider-testimonial .item .table .title h1 {
        font-size: 1.75rem
    }
}

.flexslider-testimonial .item .table .title h1 span {
    font-size: 2.25rem
}

@media only screen and (max-width:40em) {
    .flexslider-testimonial .item .table .title h1 span {
        font-size: 1.75rem
    }
}

.flexslider-testimonial .item .table .title span {
    font-size: 1.25rem;
    color: #fc6e51 !important
}

@media only screen and (max-width:40em) {
    .flexslider-testimonial .item .table .title span {
        font-size: .75rem
    }
}

.flexslider-testimonial .item img {
    position: absolute;
    z-index: 300;
    bottom: 0;
    left: 50%;
    width: 200px !important;
    height: 200px !important;
    margin-left: -100px;
    border: 12px solid #fff;
    border-radius: 100%
}

.flexslider-testimonial .flex-direction-nav {
    position: absolute;
    bottom: 83px;
    left: 50%;
    width: 290px;
    margin-left: -145px
}

    .flexslider-testimonial .flex-direction-nav .flex-prev {
        left: 0 !important;
        visibility: visible !important;
        opacity: 1
    }

    .flexslider-testimonial .flex-direction-nav .flex-next {
        right: 0 !important;
        visibility: visible !important;
        text-align: right;
        opacity: 1
    }

    .flexslider-testimonial .flex-direction-nav [class*=flex-nav-] a:before {
        display: none
    }

    .flexslider-testimonial .flex-direction-nav [class*=flex-nav-] a i:before {
        font-size: 2rem;
        color: #fff
    }

figure.effect-jumbo {
    position: relative;
    display: block;
    overflow: hidden;
    width: 280px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:40.0625em) {
    figure.effect-jumbo {
        width: 280px
    }
}

figure.effect-jumbo:hover figcaption, figure.effect-jumbo:hover:before {
    opacity: 1
}

figure.effect-jumbo:hover img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

figure.effect-jumbo:hover figcaption:after, figure.effect-jumbo:hover figcaption:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

figure.effect-jumbo:hover .button, figure.effect-jumbo:hover h2, figure.effect-jumbo:hover p, figure.effect-jumbo:hover ul.icons {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

figure.effect-jumbo img {
    position: relative;
    object-fit: cover;
    display: block;
    width: 280px;
    height: 280px;
    transition: all 350ms ease-out;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

figure.effect-jumbo:hover img {
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2)
}

figure.effect-jumbo figcaption {
    position: absolute;
    z-index: 250;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    figure.effect-jumbo figcaption h1, figure.effect-jumbo figcaption h2, figure.effect-jumbo figcaption h3, figure.effect-jumbo figcaption h4, figure.effect-jumbo figcaption h5, figure.effect-jumbo figcaption p {
        color: #fff
    }

    figure.effect-jumbo figcaption h2 {
        font-size: 1.875rem;
        line-height: normal;
        z-index: 300;
        margin-top: 30px;
        transition: all 350ms ease-out;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
        text-align: center;
        opacity: 0
    }

@media only screen and (min-width:40.0625em) {
    figure.effect-jumbo figcaption h2 {
        margin-top: 70px
    }
}

figure.effect-jumbo figcaption p {
    font-size: .8125rem;
    line-height: normal;
    z-index: 300;
    margin-bottom: 0;
    padding: 10px;
    transition: all 350ms ease-out;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    text-align: center;
    text-transform: none;
    opacity: 0
}

@media only screen and (min-width:40.0625em) {
    figure.effect-jumbo figcaption p {
        margin-bottom: 10px
    }
}

figure.effect-jumbo figcaption .button {
    display: block;
    margin: auto;
    padding: 0;
    transition: all 350ms ease-out;
    opacity: 0
}

    figure.effect-jumbo figcaption .button:hover {
        background: 0 0
    }

figure.effect-jumbo figcaption ul.icons {
    position: absolute;
    z-index: 300;
    bottom: 7px;
    left: 50%;
    width: 250px;
    margin: 0 0 0 -125px;
    padding: 0;
    list-style: none;
    transition: all 350ms ease-out;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    text-align: center;
    opacity: 0
}

    figure.effect-jumbo figcaption ul.icons li {
        display: inline-block;
        text-align: center
    }

        figure.effect-jumbo figcaption ul.icons li a {
            padding: 0 4px 0 4px;
            color: #fff
        }

            figure.effect-jumbo figcaption ul.icons li a:hover i:before {
                transition: all .2s ease-out;
                color: #fc6e51
            }

            figure.effect-jumbo figcaption ul.icons li a i:before {
                font-size: .9375rem;
                margin-left: 0;
                color: #fff
            }

ol.progress-bars {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    ol.progress-bars[data-progtrckr-steps='2'] li {
        width: 49%
    }

    ol.progress-bars[data-progtrckr-steps='3'] li {
        width: 33%
    }

    ol.progress-bars[data-progtrckr-steps='4'] li {
        width: 24%
    }

    ol.progress-bars[data-progtrckr-steps='5'] li {
        width: 19%
    }

    ol.progress-bars[data-progtrckr-steps='6'] li {
        width: 16%
    }

    ol.progress-bars[data-progtrckr-steps='7'] li {
        width: 14%
    }

    ol.progress-bars[data-progtrckr-steps='8'] li {
        width: 12%
    }

    ol.progress-bars[data-progtrckr-steps='9'] li {
        width: 11%
    }

    ol.progress-bars li {
        line-height: 3em;
        display: inline-block;
        text-align: center
    }

        ol.progress-bars li:after {
            content: ''
        }

@media only screen and (min-width:40.0625em) {
    ol.progress-bars li:before {
        line-height: 1em;
        position: relative;
        bottom: -2.5em;
        left: 50%;
        float: left
    }
}

ol.progress-bars li.progtrckr-done:before {
    line-height: 1.2em;
    width: 1.2em;
    height: 1.2em;
    content: '';
    color: #fff;
    border: none;
    border-radius: 1.2em;
    background-color: #fc6e51
}

ol.progress-bars li.progtrckr-todo:before {
    font-size: 1.5em;
    bottom: -1.6em;
    content: '';
    color: silver;
    background-color: #fff
}

ol.progress-bars li.progtrckr-done {
    color: #000;
    border-bottom: 4px solid #fc6e51
}

ol.progress-bars li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver
}

ul.pay-cards {
    margin: 0;
    padding: 0;
    list-style: none
}

    ul.pay-cards li {
        display: inline-block
    }

ul.comment-list {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    margin-botom: 40px
}

    ul.comment-list li.item {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #efefef
    }

        ul.comment-list li.item .photo img {
            border: 8px solid #f6f6f6;
            border-radius: 100%
        }

        ul.comment-list li.item .info h3 {
            font-size: 1.375rem;
            color: #333
        }

        ul.comment-list li.item .info .date {
            font-size: .75rem;
            font-style: italic;
            color: #888
        }

        ul.comment-list li.item .info .comment-text {
            font-size: .875rem;
            line-height: normal;
            color: #333
        }

        ul.comment-list li.item .info .button {
            padding-top: 4px;
            padding-right: 15px;
            padding-bottom: 4px;
            padding-left: 15px
        }

        ul.comment-list li.item ul.replied {
            list-style: none;
            background: #f6f6f6
        }

            ul.comment-list li.item ul.replied li {
                border: none
            }

.quote-wrapper .quote-content {
    line-height: normal;
    position: relative;
    margin-bottom: 45px;
    padding: 40px 20px 40px 20px;
    border: none;
    background: #f6f6f6
}

    .quote-wrapper .quote-content:before {
        position: absolute;
        bottom: -40px;
        left: 32px;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border: inset 20px;
        border-color: #f6f6f6 transparent transparent transparent;
        border-top-style: solid
    }

    .quote-wrapper .quote-content .quote-decor {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40px;
        height: 40px
    }

        .quote-wrapper .quote-content .quote-decor i {
            position: absolute;
            top: 6px;
            right: 5px;
            left: auto;
            margin: 0;
            padding: 0
        }

            .quote-wrapper .quote-content .quote-decor i:before {
                font-size: .8125rem;
                color: #fff
            }

        .quote-wrapper .quote-content .quote-decor:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            content: '';
            border-top: 40px solid #fc6e51;
            border-left: 40px solid transparent
        }

    .quote-wrapper .quote-content .quote-text {
        overflow: hidden;
        height: 60px
    }

    .quote-wrapper .quote-content .author {
        font-size: .75rem;
        display: block;
        margin-top: 15px
    }

.quote-wrapper .photo {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px
}

    .quote-wrapper .photo img {
        border: 6px solid #ccc;
        border-radius: 100%
    }

.quote-wrapper .people {
    float: left
}

    .quote-wrapper .people .name {
        font-size: 1.25rem;
        font-weight: 700
    }

    .quote-wrapper .people .button {
        margin-top: 5px;
        padding: 8px;
        color: #555;
        border: none;
        background: #f6f6f6
    }

        .quote-wrapper .people .button:hover {
            color: #fff;
            background: #fc6e51
        }

.blog-item {
    margin-bottom: 20px;
    background: #fff
}

    .blog-item .element {
        padding: 20px;
        border: 1px solid #efefef;
        border-bottom: none
    }

    .blog-item .info {
        position: relative;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 55px;
        border: 1px solid #efefef
    }

        .blog-item .info h3.title a {
            font-size: 1.375rem;
            color: #333
        }

        .blog-item .info .meta {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #fc6e51
        }

            .blog-item .info .meta ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

                .blog-item .info .meta ul li {
                    font-size: .75rem;
                    display: inline-block
                }

            .blog-item .info .meta > p {
                font-size: .875rem;
                color: #555
            }

        .blog-item .info .button {
            font-size: .75rem;
            padding: 5px
        }

        .blog-item .info .date {
            line-height: normal;
            position: absolute;
            top: 15px;
            left: 0;
            width: 35px;
            height: 50px;
            padding-top: 10px;
            text-align: center;
            color: #fff;
            background-color: #fc6e51
        }

            .blog-item .info .date .year {
                font-size: .875rem;
                display: block;
                text-align: center
            }

            .blog-item .info .date .month {
                font-size: .75rem;
                display: block;
                text-align: center
            }

        .blog-item .info .format {
            position: absolute;
            top: 65px;
            left: 0;
            width: 35px;
            height: 50px;
            padding-top: 16px;
            text-align: center;
            color: #fff;
            background-color: #333
        }

            .blog-item .info .format i:before {
                font-size: 1.125rem;
                margin-left: 0;
                color: #fff
            }

.blog-box {
    margin-bottom: 30px
}

    .blog-box .ws-title.left-line {
        margin-bottom: 20px
    }

    .blog-box .content ul.list-arrow.categories li a {
        text-transform: uppercase
    }

    .blog-box .content ul.list-arrow li {
        padding-top: 3px;
        padding-bottom: 3px;
        color: #333
    }

        .blog-box .content ul.list-arrow li a {
            line-height: 20px;
            position: relative;
            transition: all .2s ease-out;
            color: #333
        }

            .blog-box .content ul.list-arrow li a:hover {
                margin-left: 10px;
                color: #fc6e51
            }

    .blog-box .content .item img {
        margin-bottom: 20px
    }

    .blog-box .content .item .photo img {
        margin-bottom: 0
    }

    .blog-box .content .item .title {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
        margin: 0 0 5px 0;
        padding: 0;
        color: #444
    }

    .blog-box .content .item .date {
        font-size: .875rem;
        color: #999
    }

        .blog-box .content .item .date i {
            position: relative;
            display: inline-block;
            width: 15px;
            height: 15px;
            padding-top: 5px;
            vertical-align: top;
            fill: #777
        }

    .blog-box .content .item p {
        font-size: 1rem;
        line-height: normal;
        margin-bottom: 0;
        padding-top: 10px;
        color: #333
    }

    .blog-box .content .item .stars {
        text-align: left
    }

        .blog-box .content .item .stars a {
            padding: 2px
        }

            .blog-box .content .item .stars a i:before {
                font-size: 12px
            }

    .blog-box .content .item .button {
        font-size: .8125rem;
        padding: 2px
    }

.white-box {
    margin-bottom: 20px;
    padding: 0 !important;
    border: 1px solid #e0e0e0;
    background: #fff
}

    .white-box > h3 {
        font-size: 18px;
        margin: 0;
        padding: 10px 10px 10px 10px;
        color: #fff;
        border-left: 3px solid #fc6e51;
        background: #444
    }

    .white-box .inner {
        padding: 20px
    }

.noUi-target, .noUi-target * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -webkit-touch-callout: none
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    position: relative;
    width: 100%;
    height: 100%
}

.noUi-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        top: -6px;
        left: -17px;
        width: 34px;
        height: 28px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        top: -17px;
        left: -6px;
        width: 28px;
        height: 34px
    }

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    -webkit-transition: background 450ms;
    transition: background 450ms;
    background: #fc6e51;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45)
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

    .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb
    }

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    cursor: default;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    position: absolute;
    top: 6px;
    left: 14px;
    display: block;
    width: 1px;
    height: 14px;
    content: '';
    background: #e8e7e6
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    top: 14px;
    left: 6px;
    width: 14px;
    height: 1px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.filter-uislider .value-lower {
    float: left;
    width: 50%
}

.filter-uislider .value-upper {
    float: right;
    width: 50%;
    text-align: right
}

.filter-uislider .uiSlider-value {
    font-size: .75rem;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.nav-side-menu {
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    background: #fff
}

    .nav-side-menu h3 {
        font-size: 18px;
        margin: 0;
        padding: 10px 10px 10px 10px;
        color: #fff;
        border-left: 3px solid #fc6e51;
        background: #444
    }

    .nav-side-menu ul {
        margin: 0;
        padding-top: 0;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        list-style: none
    }

        .nav-side-menu ul li.active a {
            font-weight: 700
        }

        .nav-side-menu ul li.has-dropdown {
            position: relative
        }

            .nav-side-menu ul li.has-dropdown > a:after {
                position: absolute;
                top: 50%;
                right: 0;
                display: block;
                width: 0;
                height: 0;
                margin-top: -4px;
                content: '';
                border: inset 8px;
                border-color: transparent transparent transparent #efefef;
                border-left-style: solid
            }

        .nav-side-menu ul li a {
            font-size: 1.0625rem;
            position: relative;
            display: block;
            padding: 10px;
            text-transform: uppercase;
            color: #333;
            border-bottom: 1px solid #efefef
        }

        .nav-side-menu ul li ul {
            display: none;
            border-left: 3px solid #fc6e51
        }

            .nav-side-menu ul li ul li a {
                font-size: .875rem;
                font-weight: 500 !important;
                padding-top: 5px;
                padding-right: 10px;
                padding-bottom: 5px;
                padding-left: 20px;
                text-transform: none
            }

.spinner-group {
    margin-bottom: 10px
}

    .spinner-group .button {
        margin: 0 !important
    }

.gallery-section {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #efefef
}

    .gallery-section .btn-toolbar {
        margin-bottom: 40px
    }

        .gallery-section .btn-toolbar .button {
            padding-top: 5px;
            padding-right: 15px;
            padding-bottom: 5px;
            padding-left: 15px;
            color: #f6f6f6;
            border: 1px solid transparent;
            background: #333
        }

            .gallery-section .btn-toolbar .button.active {
                color: #fff;
                border: 1px solid transparent;
                background: #fc6e51
            }

        .gallery-section .btn-toolbar input[type=checkbox] {
            position: absolute;
            clip: rect(0,0,0,0);
            pointer-events: none
        }

    .gallery-section .gallery-items {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        list-style: none;
        text-align: center
    }

@media only screen and (min-width:40.0625em) {
    .gallery-section .gallery-items.four-columns .item {
        width: 25%
    }

    .gallery-section .gallery-items.three-columns .item {
        width: 33%
    }

    .gallery-section .gallery-items.two-columns .item {
        width: 50%
    }
}

.gallery-section .gallery-items .item {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px;
    text-align: left
}

    .gallery-section .gallery-items .item .item-container {
        padding: 10px;
        border: 1px solid #d1d1d1;
        background: #fff;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.1)
    }

        .gallery-section .gallery-items .item .item-container figure {
            position: relative;
            overflow: hidden;
            margin: 0
        }

            .gallery-section .gallery-items .item .item-container figure:hover img {
                -webkit-transform: translateY(-50px);
                -moz-transform: translateY(-50px);
                -ms-transform: translateY(-50px);
                transform: translateY(-50px)
            }

            .gallery-section .gallery-items .item .item-container figure:hover figcaption {
                -webkit-transition: -webkit-transform .4s,opacity .1s;
                -moz-transition: -moz-transform .4s,opacity .1s;
                transition: transform .4s,opacity .1s;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                opacity: 1
            }

            .gallery-section .gallery-items .item .item-container figure figcaption {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100px;
                padding: 15px 10px 10px 10px;
                -webkit-transition: -webkit-transform .4s,opacity .1s .3s;
                -moz-transition: -moz-transform .4s,opacity .1s .3s;
                transition: transform .4s,opacity .1s .3s;
                -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
                -ms-transform: translateY(100%);
                transform: translateY(100%);
                opacity: 0;
                color: #fff;
                background: #fc6e51;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden
            }

                .gallery-section .gallery-items .item .item-container figure figcaption h3 {
                    font-size: 1.25rem;
                    margin: 0;
                    padding: 0;
                    color: #fff
                }

                .gallery-section .gallery-items .item .item-container figure figcaption a {
                    font-size: .6875rem;
                    display: block;
                    color: #000
                }

            .gallery-section .gallery-items .item .item-container figure img {
                position: relative;
                display: block;
                max-width: 100%;
                -webkit-transition: -webkit-transform .4s;
                -moz-transition: -moz-transform .4s;
                transition: transform .4s
            }

.theme-switcher {
    position: fixed;
    z-index: 99999;
    top: 155px;
    left: -280px;
    display: none;
    width: 280px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    border: 1px solid #efefef;
    background: #fff
}

@media only screen and (min-width:40.0625em) {
    .theme-switcher.visible {
        display: block
    }
}

.theme-switcher.active {
    left: 0
}

.theme-switcher a.toggle-button {
    position: absolute;
    top: 30px;
    right: -50px;
    width: 50px;
    height: 50px;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
    color: #545454;
    border: 1px solid #efefef;
    background: #fff
}

    .theme-switcher a.toggle-button i:before {
        font-size: 1.5625rem
    }

.theme-switcher .inner {
    padding: 20px
}

    .theme-switcher .inner h3 {
        font-size: .9375rem
    }

    .theme-switcher .inner ul.colors {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .theme-switcher .inner ul.colors li {
            display: inline-block
        }

            .theme-switcher .inner ul.colors li a {
                position: relative;
                display: block;
                width: 30px;
                height: 30px;
                text-decoration: none;
                background: #efefef
            }

                .theme-switcher .inner ul.colors li a.color-blue {
                    background: #2f92c9
                }

                .theme-switcher .inner ul.colors li a.color-green {
                    background: #5bb599
                }

                .theme-switcher .inner ul.colors li a.color-orange {
                    background: #e67e22
                }

                .theme-switcher .inner ul.colors li a.color-purple {
                    background: #946e97
                }

                .theme-switcher .inner ul.colors li a.color-red {
                    background: #fc6e51
                }

                .theme-switcher .inner ul.colors li a.color-yellow {
                    background: #fac51c
                }

            .theme-switcher .inner ul.colors li .active a:hover:before, .theme-switcher .inner ul.colors li.active a:before {
                font: normal normal normal 20px/1.5 FontAwesome;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                content: '\f00c';
                text-align: center;
                color: #fff
            }

.sidescroll-container {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
        content: '';
        background: rgba(17,17,22,.2)
    }
}

.sidescroll-container .ss-row {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding: 30px 0
}

    .sidescroll-container .ss-row .ss-left, .sidescroll-container .ss-row .ss-right {
        position: relative;
        width: 100%
    }

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left, .sidescroll-container .ss-row .ss-right {
        float: left;
        width: 50%
    }
}

.sidescroll-container .ss-row .ss-left img, .sidescroll-container .ss-row .ss-right img {
    width: 150px;
    border: 10px solid #f6f6f6;
    border-radius: 100%
}

.sidescroll-container .ss-row .ss-left .box, .sidescroll-container .ss-row .ss-right .box {
    position: relative;
    padding: 20px;
    color: #f6f6f6;
    background: #333
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left .box, .sidescroll-container .ss-row .ss-right .box {
        width: 50%
    }
}

.sidescroll-container .ss-row .ss-left .box:before, .sidescroll-container .ss-row .ss-right .box:before {
    position: absolute;
    top: -24px;
    content: ''
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left .box:before, .sidescroll-container .ss-row .ss-right .box:before {
        top: 60px
    }
}

.sidescroll-container .ss-row .ss-left .box h2, .sidescroll-container .ss-row .ss-right .box h2 {
    font-size: 1.375rem;
    margin: 0;
    padding: 0;
    color: #f6f6f6
}

.sidescroll-container .ss-row .ss-left .box p, .sidescroll-container .ss-row .ss-right .box p {
    font-size: .75rem;
    line-height: normal
}

.sidescroll-container .ss-row .ss-left .box .date, .sidescroll-container .ss-row .ss-left .box .title, .sidescroll-container .ss-row .ss-right .box .date, .sidescroll-container .ss-row .ss-right .box .title {
    display: block
}

.sidescroll-container .ss-row .ss-left .box .title, .sidescroll-container .ss-row .ss-right .box .title {
    font-size: .75rem;
    font-style: italic
}

.sidescroll-container .ss-row .ss-left .box .date, .sidescroll-container .ss-row .ss-right .box .date {
    font-size: 1.25rem
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-right {
        padding-left: 2%
    }
}

.sidescroll-container .ss-row .ss-right .box:before {
    top: -24px;
    right: 68px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: inset 12px;
    border-color: transparent transparent #333 transparent;
    border-bottom-style: solid
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-right .box:before {
        top: 68px;
        right: auto;
        left: -24px;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border: inset 12px;
        border-color: transparent #333 transparent transparent;
        border-right-style: solid
    }
}

.sidescroll-container .ss-row .ss-left {
    padding-right: 2%;
    text-align: right
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left {
        float: left
    }
}

.sidescroll-container .ss-row .ss-left .box {
    margin-right: 0
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left .box {
        float: right
    }
}

@media only screen and (min-width:40.0625em) {
    .sidescroll-container .ss-row .ss-left .box:before {
        right: -24px;
        display: block;
        width: 0;
        height: 0;
        content: '';
        border: inset 12px;
        border-color: transparent transparent transparent #333;
        border-left-style: solid
    }
}

.map-canvas {
    position: relative;
    overflow: hidden;
    height: 330px;
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    .map-canvas {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.map-canvas iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.left-off-canvas-menu .favourites {
    margin: 0;
    padding: 20px;
    list-style: none
}

    .left-off-canvas-menu .favourites .item {
        padding-top: 10px;
        padding-bottom: 10px;
        transition: top .3s ease-out;
        border-bottom: 1px solid #666
    }

        .left-off-canvas-menu .favourites .item h1 {
            font-size: .875rem;
            line-height: normal;
            margin: 0;
            padding: 0;
            color: #f6f6f6
        }

        .left-off-canvas-menu .favourites .item p {
            font-size: .75rem;
            line-height: normal;
            margin: 0;
            padding: 0;
            color: #f6f6f6
        }

        .left-off-canvas-menu .favourites .item a {
            font-size: .6875rem;
            margin-right: 10px
        }

        .left-off-canvas-menu .favourites .item ul.stars {
            text-align: left
        }

            .left-off-canvas-menu .favourites .item ul.stars a {
                margin-right: 2px
            }

                .left-off-canvas-menu .favourites .item ul.stars a i:before {
                    font-size: .75rem
                }

.login-offcanvas .im {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    fill: #333
}

.login-offcanvas .button {
    margin-top: 10px;
    padding: 10px 20px 10px 20px
}

.login-offcanvas .login-pic {
    padding: 20px 50px 20px 50px
}

    .login-offcanvas .login-pic img {
        border: 4px solid #f6f6f6;
        border-radius: 100%
    }

.login-offcanvas .login-text {
    font-size: .6875rem;
    line-height: normal;
    padding-bottom: 20px;
    color: #f6f6f6
}

.login-offcanvas label {
    color: #f6f6f6
}

.login-offcanvas .checkbox {
    margin-bottom: 0
}

.login-offcanvas a.small {
    font-size: .6875rem;
    color: #f6f6f6
}

.timer-count-down .item {
    line-height: normal;
    display: inline-block;
    margin-right: 30px;
    padding: 30px;
    text-align: center;
    background: #f6f6f6
}

    .timer-count-down .item span {
        font-weight: 700;
        display: block;
        color: #555;
        margin-right: 30px;
        padding: 30px
    }

.most-commented .most-commneted-items .item {
    padding: 10px;
    background: #ebe3e3
}

    .most-commented .most-commneted-items .item h1 {
        margin-top: 10px
    }

    .most-commented .most-commneted-items .item .date i {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        padding-top: 5px;
        vertical-align: top;
        fill: #777
    }

.latest-sermons .item {
    margin-bottom: 3px;
    padding: 15px 0 15px 0;
    background: #f6f6f6
}

    .latest-sermons .item .date, .latest-sermons .item .day, .latest-sermons .item .month {
        display: block
    }

    .latest-sermons .item .day {
        font-size: 1.875rem;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        color: #555
    }

    .latest-sermons .item .month {
        line-height: normal;
        text-align: center;
        color: #555
    }

    .latest-sermons .item h1 {
        font-size: 1rem;
        line-height: normal;
        margin: 0;
        padding: 0;
        color: #555
    }

    .latest-sermons .item .date {
        font-size: .75rem;
        margin-bottom: 5px;
        color: #888
    }

    .latest-sermons .item .button {
        font-size: .75rem;
        margin: 0;
        padding: 2px
    }

    .latest-sermons .item .icons {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .latest-sermons .item .icons li {
            display: inline-block;
            margin-right: 5px
        }

            .latest-sermons .item .icons li a {
                display: block
            }

                .latest-sermons .item .icons li a i:before {
                    font-size: 1rem;
                    margin-left: 0;
                    transition: all .2s ease-out;
                    color: #555
                }

                .latest-sermons .item .icons li a:hover i:before {
                    color: #fc6e51
                }

.latest-news .item, .most-commented .item {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%
}

    .latest-news .item .title, .most-commented .item .title {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: normal;
        padding: 0;
        color: #444
    }

    .latest-news .item .date, .most-commented .item .date {
        font-size: .875rem;
        color: #999
    }

        .latest-news .item .date i, .most-commented .item .date i {
            position: relative;
            display: inline-block;
            width: 15px;
            height: 15px;
            padding-top: 5px;
            vertical-align: top;
            fill: #777
        }

    .latest-news .item p, .most-commented .item p {
        font-size: 14px;
        line-height: normal;
        padding-top: 20px;
        margin-bottom: 8px;
        color: #333
    }

    .latest-news .item [class*=block-grid-] > li, .most-commented .item [class*=block-grid-] > li {
        padding-bottom: 0
    }

    .latest-news .item .socials, .most-commented .item .socials {
        text-align: left
    }

        .latest-news .item .socials li a i, .most-commented .item .socials li a i {
            color: #777;
            fill: #777
        }

        .latest-news .item .socials li a:hover i, .most-commented .item .socials li a:hover i {
            color: #fc6e51;
            fill: #fc6e51
        }

    .latest-news .item .button, .most-commented .item .button {
        font-size: .8125rem;
        padding: 2px;
        float: left;
        margin-left: 0
    }

.pricing-table {
    position: relative
}

    .pricing-table .check-decor {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 70px;
        height: 70px
    }

        .pricing-table .check-decor i {
            font-size: 1.875rem;
            position: absolute;
            top: 5px;
            right: 5px;
            color: #fff
        }

        .pricing-table .check-decor:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            content: '';
            border-top: 70px solid #fc6e51;
            border-left: 70px solid transparent
        }

    .pricing-table .title {
        font-size: 2rem;
        font-weight: 700;
        padding-top: 40px;
        padding-bottom: 20px;
        color: #555 !important;
        background: 0 0
    }

    .pricing-table.active .title {
        color: #fc6e51 !important
    }

    .pricing-table .price {
        font-size: 3.125rem;
        position: relative;
        margin-bottom: 40px;
        background: 0 0
    }

        .pricing-table .price:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 120px;
            height: 3px;
            margin-left: -60px;
            content: '';
            background: #999
        }

        .pricing-table .price span {
            font-size: 1.375rem;
            color: #999
        }

    .pricing-table .description {
        font-size: 1rem;
        font-weight: 700
    }

    .pricing-table .bullet-item {
        font-size: 1rem
    }

    .pricing-table.active .cta-button {
        background-color: #fc6e51
    }

        .pricing-table.active .cta-button .button {
            color: #fc6e51;
            background: #fff
        }

    .pricing-table .cta-button {
        margin-top: 40px;
        padding-top: 80px;
        padding-bottom: 30px;
        background: url(../img/patterns/zigzag-white-flip.png) top left repeat-x #f0f0f0
    }

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

    ul.check li a {
        display: block
    }

    ul.check li i.im {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 14px;
        fill: #333
    }

ul.list-tabs {
    margin: 0;
    padding: 0
}

    ul.list-tabs li {
        display: inline-block
    }

        ul.list-tabs li a {
            font-size: 1.125rem;
            font-weight: 600;
            display: block;
            margin-bottom: 5px;
            padding: 5px 15px 5px 15px;
            transition: all .3s ease-out;
            color: #333;
            background: #efefef
        }

            ul.list-tabs li a:hover, ul.list-tabs li.active a {
                color: #fff;
                background: #555
            }

.ws-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px
}

    .ws-title:before {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 180px;
        height: 2px;
        margin-left: -90px;
        content: '';
        background: #f6f6f6
    }

@media only screen and (min-width:40.0625em) {
    .ws-title:before {
        width: 360px
    }
}

.ws-title:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 140px;
    height: 2px;
    margin-left: -70px;
    content: '';
    background: #fc6e51
}

.ws-title h1 {
    font-size: 2.375rem
}

.ws-title h2 {
    font-size: .9375rem;
    color: #ccc
}

.ws-title p {
    line-height: normal
}

.ws-title.left-line {
    margin-bottom: 30px;
    padding-bottom: 0
}

    .ws-title.left-line:before {
        left: 0;
        width: 100%;
        margin-left: 0
    }

    .ws-title.left-line:after {
        left: 0;
        margin-left: 0
    }

    .ws-title.left-line .title {
        font-size: 1.875rem;
        padding-bottom: 20px;
        color: #444
    }

        .ws-title.left-line .title a {
            font-size: .8125rem;
            margin: 0;
            padding: 5px 25px;
            margin-left: 25px;
            float: left
        }

.socials {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .socials li {
        display: inline-block
    }

        .socials li a {
            display: block
        }

            .socials li a i:before {
                font-size: 17px;
                color: #333
            }

            .socials li a:hover {
                transition: all .4s ease-out
            }

                .socials li a:hover i:before {
                    color: #fc6e51
                }

.stars {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .stars li {
        display: inline-block
    }

        .stars li a {
            display: block;
            color: #fff;
            background: 0 0
        }

            .stars li a i:before {
                font-size: 1.0625rem;
                padding-top: 3px;
                color: #ddd
            }

        .stars li.active i:before {
            color: #fc6e51
        }

.button {
    transition: all .3s ease-out
}

    .button:active, .button:focus, .button:hover {
        border-color: #b12103
    }

.btn-dark {
    border-color: #b12103;
    background: #b12103
}

    .btn-dark:hover {
        border-color: #b12103;
        background: #b12103
    }

.btn-transparent {
    border: 2px solid #fff;
    background: 0 0
}

.btn-white {
    color: #333;
    border: 2px solid #fff;
    background: #fff
}

    .btn-white:hover {
        color: #fff;
        border: 2px solid #fc6e51;
        background: #fc6e51
    }

.btn-swipebox {
    position: absolute;
    top: 0;
    right: 10px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100%
}

    .btn-swipebox i {
        display: block;
        text-align: center;
        color: #fff
    }

.button.btn-grey {
    color: #fff;
    border: none;
    background: #555
}

    .button.btn-grey:hover {
        color: #fff;
        background: #fc6e51
    }

.btn-link {
    color: #fc6e51;
    border: none;
    background: 0 0
}

.btn-facebook, .btn-googleplus {
    display: block;
    width: 200px;
    margin-bottom: 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    color: #fff
}

    .btn-facebook:hover, .btn-googleplus:hover {
        text-decoration: none;
        color: #fff
    }

.btn-facebook {
    background: #3b5998
}

.btn-googleplus {
    background: #dc4a38
}

.page-loader {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

    .page-loader .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 70px;
        margin-top: -10px;
        margin-left: -35px;
        text-align: center
    }

        .page-loader .spinner > div {
            display: inline-block;
            width: 18px;
            height: 18px;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
            animation: bouncedelay 1.4s infinite ease-in-out;
            border-radius: 100%;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        .page-loader .spinner > div:first-of-type {
            background-color: #0c74bb
        }
        .page-loader .spinner > div:nth-of-type(2) {
            background-color: #fc6e51
        }
        .page-loader .spinner > div:last-of-type {
            background-color: #99418b
        }

        .page-loader .spinner .bounce1 {
            -webkit-animation-delay: -.32s;
            animation-delay: -.32s
        }

        .page-loader .spinner .bounce2 {
            -webkit-animation-delay: -.16s;
            animation-delay: -.16s
        }

@-webkit-keyframes bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ps-modal-overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    width: 100%;
    height: 100%;
    transition: all .2s ease-out;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0;
    background: #fc6e51
}

    .ps-modal-overlay.open {
        visibility: visible;
        transition: all .2s ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .ps-modal-overlay .overlay-close {
        position: relative;
        position: absolute;
        z-index: 100;
        top: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        border: none;
        outline: 0;
        background: 0 0
    }

        .ps-modal-overlay .overlay-close:after, .ps-modal-overlay .overlay-close:before {
            position: absolute;
            top: 50%;
            left: 0;
            width: 50px;
            height: 2px;
            content: '';
            transition: all .3s ease-out;
            background: #fff
        }

        .ps-modal-overlay .overlay-close:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .ps-modal-overlay .overlay-close:hover:before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .ps-modal-overlay .overlay-close:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .ps-modal-overlay .overlay-close:hover:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

@media only screen and (min-width:64.0625em) {
    body.boxed #header {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.fixed-navbar:not(.boxed) #navigation .contain-to-grid {
    position: relative;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #efefef
}

@media only screen and (min-width:40.0625em) {
    .fixed-navbar:not(.boxed) #navigation .contain-to-grid {
        position: fixed !important
    }
}

#navigation .contain-to-grid {
    position: relative;
    z-index: 1000;
    border-top: solid 2px #fc6e51;
    background: #fff
}

@media only screen and (max-width:40em) {
    #navigation .contain-to-grid .top-bar .title-area h1 a {
        width: auto
    }
}

#navigation .contain-to-grid .top-bar .title-area .toggle-topbar.menu-icon {
    top: 0;
    margin-top: 0
}

@media only screen and (min-width:860px) {
    #navigation .contain-to-grid .top-bar .top-bar-section {
        position: static;
        float: right
    }
}

#topBarSmallMenu {
    padding-top: 6px;
    padding-bottom: 10px;
    background: #333
}

    #topBarSmallMenu ul {
        margin: 0;
        padding: 0
    }

        #topBarSmallMenu ul li {
            display: inline-block;
            background: 0 0
        }

            #topBarSmallMenu ul li a {
                font-size: .75rem;
                font-weight: 500;
                line-height: normal;
                margin: 0;
                transition: color .2s ease;
                text-align: center;
                color: #aaa
            }

                #topBarSmallMenu ul li a:hover {
                    color: #fff
                }

                #topBarSmallMenu ul li a span.counter {
                    font-size: .6875rem;
                    line-height: 16px;
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    margin-right: 3px;
                    margin-left: 3px;
                    color: #fff;
                    border-radius: 100%;
                    background: #fc6e51
                }

                #topBarSmallMenu ul li a i {
                    color: #aaa
                }

                    #topBarSmallMenu ul li a i:before {
                        font-size: .875rem;
                        margin-left: 10px
                    }

@media only screen and (min-width:860px) {
    #topBarMenu {
        margin-top: 33px
    }
}

#topBarMenu ul {
    margin: 0;
    padding: 0
}

    #topBarMenu ul li {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f6f6f6
    }

@media only screen and (min-width:860px) {
    #topBarMenu ul li {
        margin: 0 10px 0 10px;
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

#topBarMenu ul li a {
    font-size: 1rem;
    line-height: normal;
    position: relative;
    display: block;
    padding: 0 20px 0 20px;
    background: 0 0
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li a {
        line-height: 50px;
        padding: 0;
        transition: color .1s ease
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li > a:before {
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 0;
        height: 2px;
        content: '';
        transition: all 150ms ease-out;
        opacity: 0;
        background: #fc6e51
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li > a:hover:before {
        top: 5px;
        width: 100%;
        opacity: 1
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li > a {
        padding-bottom: 17px
    }
}

#topBarMenu ul li.has-dropdown > a {
    padding-right: 0 !important
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown:hover > .dropdown {
        margin-top: 0;
        opacity: 1
    }
}

#topBarMenu ul li.has-dropdown .dropdown {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown {
        min-width: 190px;
        margin-top: 20px;
        padding-top: 0;
        padding-bottom: 0;
        transition: all .3s ease;
        opacity: 0;
        border-top: 2px solid #fc6e51;
        background: #fff;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(50,50,50,.2);
        -moz-box-shadow: 2px 2px 5px 0 rgba(50,50,50,.2);
        box-shadow: 2px 2px 5px 0 rgba(50,50,50,.2)
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #efefef
    }

        #topBarMenu ul li.has-dropdown .dropdown li:last-child {
            border-bottom: none
        }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li.active a {
        color: #fc6e51;
        background: #fff
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li a {
        font-size: .75rem;
        line-height: normal;
        padding: 10px;
        text-align: left;
        color: #333;
        border-top: none
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li a:before {
        display: none
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li a:hover:before {
        display: none
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown .dropdown li a:hover {
        color: #fff;
        background: #fc6e51
    }
}

#topBarMenu ul li.has-dropdown a:after {
    top: 50%;
    right: 0;
    margin-top: 0;
    margin-right: 0
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.has-dropdown a:after {
        display: none
    }
}

#topBarMenu ul li.active {
    background: #f6f6f6
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.active {
        background: 0 0
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.active > a:before {
        top: 5px;
        width: 100%;
        opacity: 1
    }
}

#topBarMenu ul li.desktop-search {
    display: none;
    margin-right: 0
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.desktop-search {
        display: block
    }

        #topBarMenu ul li.desktop-search a {
            line-height: 31px;
            display: block;
            width: 35px;
            height: 35px;
            margin-top: 10px;
            margin-right: 8px;
            margin-left: 0;
            text-align: center;
            border-radius: 100%;
            background: #fc6e51
        }

            #topBarMenu ul li.desktop-search a:before {
                display: none
            }

            #topBarMenu ul li.desktop-search a i {
                color: #fff
            }

                #topBarMenu ul li.desktop-search a i.fa {
                    font-size: 1rem;
                    padding-top: 8px
                }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.mobile-search {
        display: none
    }
}

#topBarMenu ul li.mobile-search input {
    padding-top: 22px;
    padding-bottom: 22px
}

#topBarMenu ul li.mobile-search .button {
    line-height: normal;
    padding: 12px;
    border-color: #fc6e51;
    background: #fc6e51
}

    #topBarMenu ul li.mobile-search .button:focus, #topBarMenu ul li.mobile-search .button:hover {
        border-color: #fc6e51
    }

@media only screen and (min-width:860px) {
    #topBarMenu ul li.megamenu {
        position: static
    }
}

#topBarMenu ul li.megamenu .mega-content {
    width: 73.125rem
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.megamenu .mega-content {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        padding-left: 20px;
        background-image: url(../img/content/placeholder-low.gif);
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

#topBarMenu ul li.megamenu .mega-content h3 {
    font-size: 1rem;
    display: none;
    margin-top: 15px;
    text-transform: uppercase
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.megamenu .mega-content h3 {
        display: block
    }
}

#topBarMenu ul li.megamenu .mega-content h3 i {
    display: none
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.megamenu .mega-content h3 i {
        display: inline-block
    }
}

@media only screen and (min-width:860px) {
    #topBarMenu ul li.megamenu .mega-content h3 i:before {
        font-size: 1.125rem;
        margin-right: 5px;
        margin-left: 10px;
        color: #666
    }
}

#topBarMenu ul li.megamenu .mega-content ul {
    float: none
}

    #topBarMenu ul li.megamenu .mega-content ul li {
        display: block;
        float: none
    }

        #topBarMenu ul li.megamenu .mega-content ul li > a:before {
            display: none
        }

.services-boxes {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff
}

    .services-boxes ul.services-blocks li {
        padding: 0
    }

        .services-boxes ul.services-blocks li .inner {
            position: relative;
            padding: 15px
        }

            .services-boxes ul.services-blocks li .inner .circle {
                position: absolute;
                top: 15px;
                left: 15px;
                display: block;
                width: 60px;
                height: 60px;
                margin: auto;
                border: 1px solid #eee;
                border-radius: 100%
            }

                .services-boxes ul.services-blocks li .inner .circle i {
                    display: block;
                    padding-top: 15px;
                    text-align: center
                }

                    .services-boxes ul.services-blocks li .inner .circle i:before {
                        font-size: 1.875rem;
                        margin-left: 0;
                        color: #fc6e51
                    }

            .services-boxes ul.services-blocks li .inner .heading {
                padding-left: 75px
            }

                .services-boxes ul.services-blocks li .inner .heading h6 {
                    font-size: 1.375rem;
                    line-height: normal;
                    color: #333
                }

                .services-boxes ul.services-blocks li .inner .heading p {
                    font-size: .875rem;
                    line-height: normal;
                    margin-bottom: 5px;
                    color: #333
                }

                .services-boxes ul.services-blocks li .inner .heading a.button {
                    font-size: .6875rem;
                    margin: 0;
                    padding: 0;
                    text-transform: uppercase;
                    color: #fc6e51;
                    border: none;
                    background: 0 0
                }

                    .services-boxes ul.services-blocks li .inner .heading a.button:hover {
                        color: #fc6e51;
                        background: 0 0
                    }

@media only screen and (min-width:64.0625em) {
    body.boxed .services-boxes {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.home-slider-section {
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed .home-slider-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#donateSection {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff
}

    #donateSection .inner {
        position: relative
    }

        #donateSection .inner:before {
            position: absolute;
            z-index: 200;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            background: rgba(246,246,246,.95)
        }

        #donateSection .inner .row {
            position: relative;
            z-index: 250;
            padding-top: 60px;
            padding-bottom: 60px;
            text-align: center
        }

            #donateSection .inner .row h2 {
                font-weight: 500;
                text-align: center;
                color: #555
            }

@media only screen and (min-width:40.0625em) {
    #donateSection .inner .row h2 {
        padding-right: 240px;
        text-align: left
    }
}

#donateSection .inner .row h2 span {
    font-weight: 900;
    color: #fc6e51
}

@media only screen and (min-width:40.0625em) {
    #donateSection .inner .row .button {
        position: absolute;
        top: 0;
        right: 15px
    }
}

@media only screen and (min-width:64.0625em) {
    body.boxed #donateSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.events-section {
    padding-top: 40px;
    padding-bottom: 40px
}

    .events-section .item {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

        .events-section .item .info h5 {
            padding-top: 20px
        }

            .events-section .item .info h5 a {
                color: #333
            }

        .events-section .item .info .date-place {
            font-size: .75rem;
            line-height: normal;
            padding-bottom: 15px;
            color: #555
        }

            .events-section .item .info .date-place span {
                padding-right: 10px
            }

                .events-section .item .info .date-place span i:before {
                    margin-right: 5px;
                    color: #333
                }

        .events-section .item .info p {
            font-size: .875rem;
            line-height: normal;
            color: #555
        }

        .events-section .item .info .button {
            padding-top: 10px;
            padding-right: 15px;
            padding-bottom: 10px;
            padding-left: 15px
        }

    .events-section .pagination-centered {
        padding-top: 20px
    }

@media only screen and (min-width:64.0625em) {
    body.boxed .events-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.progress-section {
    padding-top: 10px;
    padding-bottom: 30px;
    background: #fff
}

#eventsSection {
    background: #f6f6f6
}

@media only screen and (min-width:64.0625em) {
    body.boxed #eventsSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.shop-single-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff
}

    .shop-single-section .inner .info ul.stars {
        text-align: left
    }

        .shop-single-section .inner .info ul.stars i.im {
            width: 13px;
            height: 13px
        }

    .shop-single-section .inner .info .goto-reviews {
        font-size: .75rem;
        font-style: italic;
        color: #555
    }

    .shop-single-section .inner .info .price {
        font-size: 2.5rem;
        color: #fc6e51
    }

    .shop-single-section .inner .info .old-price {
        font-size: 1rem;
        text-decoration: line-through;
        color: #555
    }

    .shop-single-section .inner .info .add-to-favourite {
        color: #333
    }

        .shop-single-section .inner .info .add-to-favourite i:before {
            font-size: .9375rem;
            margin-right: 5px;
            margin-left: 0;
            color: #333
        }

        .shop-single-section .inner .info .add-to-favourite.active i:before {
            color: #fc6e51
        }

    .shop-single-section .inner .info .add-to-cart.button {
        padding-right: 20px;
        padding-left: 20px
    }

    .shop-single-section .inner .info .item-colors {
        margin: 0 0 30px 0;
        padding: 0;
        list-style: none
    }

        .shop-single-section .inner .info .item-colors li {
            display: inline-block;
            margin-right: 2px;
            margin-left: 2px;
            padding: 3px;
            border: 1px solid #efefef
        }

            .shop-single-section .inner .info .item-colors li a {
                display: block;
                width: 27px;
                height: 27px
            }

    .shop-single-section .inner .info .spinner-group {
        float: left;
        width: 100px;
        margin-right: 10px
    }

        .shop-single-section .inner .info .spinner-group input {
            height: 56px;
            margin-bottom: 0;
            text-align: center
        }

        .shop-single-section .inner .info .spinner-group .button {
            height: auto;
            padding-top: 9px;
            padding-bottom: 10px
        }

    .shop-single-section .inner .item-tab {
        padding-top: 60px
    }

        .shop-single-section .inner .item-tab .description ul.list-arrow {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .shop-single-section .inner .item-tab .description ul.list-arrow li a {
                font-size: .875rem;
                color: #333
            }

@media only screen and (min-width:64.0625em) {
    body.boxed .shop-single-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#celebrateSection {
    position: relative;
    z-index: 100
}

    #celebrateSection:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(251,56,16,.7)
    }

    #celebrateSection:after {
        position: absolute;
        z-index: 250;
        bottom: 0;
        width: 100%;
        height: 36px;
        content: '';
        background: url(../img/patterns/zigzag.png) top center repeat-x
    }

    #celebrateSection .inner {
        position: relative;
        z-index: 250;
        padding-top: 90px;
        padding-bottom: 220px
    }

        #celebrateSection .inner h1 {
            font-size: 6.875rem;
            line-height: 8.125rem;
            position: relative;
            text-align: center;
            color: #fff
        }

@media only screen and (max-width:40em) {
    #celebrateSection .inner h1 {
        font-size: 3.125rem;
        line-height: normal;
        margin: 0 0 10px 0;
        padding: 0
    }
}

#celebrateSection .inner h2 {
    font-size: 3.75rem;
    position: relative;
    text-align: center;
    color: #fff
}

@media only screen and (max-width:40em) {
    #celebrateSection .inner h2 {
        font-size: 2.5rem;
        line-height: normal
    }
}

#celebrateSection .inner p {
    position: relative;
    padding-bottom: 45px;
    text-align: center;
    color: #fff
}

#celebrateSection .inner .button-group {
    position: relative
}

    #celebrateSection .inner .button-group .button {
        width: 185px;
        margin: 4px;
        padding: 10px;
        text-transform: uppercase
    }

#celebrateSection .inner .cross-carry {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 282px;
    height: 146px;
    margin-left: -147px
}

@media only screen and (min-width:64.0625em) {
    body.boxed #celebrateSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.upcoming-event-section {
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #fff
}

    .upcoming-event-section .columns {
        padding-bottom: 20px
    }

    .upcoming-event-section h1, .upcoming-event-section h2, .upcoming-event-section h3, .upcoming-event-section h4, .upcoming-event-section h5 {
        line-height: normal;
        margin: 0;
        padding: 0
    }

    .upcoming-event-section h3 {
        font-size: 1.875rem;
        position: relative;
        display: inline-block;
        color: #555
    }

        .upcoming-event-section h3 i:before {
            font-size: 1.875rem;
            margin-right: 10px;
            margin-left: 0;
            color: #555
        }

    .upcoming-event-section h4 {
        font-size: 1rem;
        color: #aaa
    }

    .upcoming-event-section.dark#upcomingEventSection {
        position: relative;
        background-repeat: no-repeat
    }

        .upcoming-event-section.dark#upcomingEventSection .inner {
            position: relative;
            z-index: 250
        }

        .upcoming-event-section.dark#upcomingEventSection:before {
            position: absolute;
            z-index: 200;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            background: rgba(51,51,51,.8)
        }

    .upcoming-event-section.dark {
        background-color: #333
    }

        .upcoming-event-section.dark h3, .upcoming-event-section.dark h4 {
            color: #f6f6f6
        }

            .upcoming-event-section.dark h3 i:before {
                color: #f6f6f6
            }

    .upcoming-event-section .downcount-container .countdown-pack {
        font-size: 16px;
        line-height: normal;
        display: inline-block;
        margin-left: 6px;
        padding: 8px 20px;
        text-align: center;
        color: #fff;
        background: #444
    }

        .upcoming-event-section .downcount-container .countdown-pack h5 {
            color: #fff
        }

@media only screen and (min-width:40.0625em) {
    .upcoming-event-section .timer-count-down .item {
        font-size: .9375rem
    }
}

.upcoming-event-section .timer-count-down .item span {
    font-size: .9375rem;
    font-weight: 700;
    display: block;
    color: #555
}

@media only screen and (min-width:40.0625em) {
    .upcoming-event-section .downcount-container .item span {
        font-size: 1.875rem
    }
}

.upcoming-event-section.dark .downcount-container .item {
    color: #f6f6f6;
    background: #444
}

    .upcoming-event-section.dark .downcount-container .item span {
        color: #f6f6f6
    }

.upcoming-event-section .button {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:64.0625em) {
    body.boxed .upcoming-event-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#carouselsSection {
    padding-top: 35px;
    padding-bottom: 65px;
    background: #fff
}

    #carouselsSection .carousel-wrapper {
        background: #f6f6f6
    }

@media only screen {
    #carouselsSection .carousel-wrapper {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:64.0625em) {
    body.boxed #carouselsSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.dark-line-section {
    position: relative;
    z-index: 100;
    background: url(../img/patterns/diamond-bg.jpg) top center
}

    .dark-line-section:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(18,18,18,.7)
    }

    .dark-line-section.with-triangle:after {
        position: absolute;
        z-index: 250;
        top: 0;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        margin-left: -30px;
        content: '';
        border: inset 30px;
        border-color: #fff transparent transparent transparent;
        border-top-style: solid
    }

    .dark-line-section .inner {
        position: relative;
        z-index: 250;
        padding-top: 65px;
        padding-bottom: 65px;
        text-align: center;
        color: #ccc
    }

        .dark-line-section .inner h1, .dark-line-section .inner h2, .dark-line-section .inner h3, .dark-line-section .inner h4 {
            color: #ccc
        }

        .dark-line-section .inner .breadcrumbs {
            display: inline-block;
            border: none;
            background: 0 0
        }

            .dark-line-section .inner .breadcrumbs a {
                font-size: 1rem;
                text-transform: uppercase;
                color: #f6f6f6
            }

                .dark-line-section .inner .breadcrumbs a.current {
                    color: #fc6e51
                }

        .dark-line-section .inner .ws-title {
            padding-top: 0
        }

            .dark-line-section .inner .ws-title:before {
                background-color: #555;
                margin-right: auto
            }

        .dark-line-section .inner .blocks {
            padding-top: 20px;
            padding-bottom: 40px
        }

            .dark-line-section .inner .blocks p {
                font-size: .9375rem
            }

            .dark-line-section .inner .blocks i:before {
                font-size: 3.75rem;
                color: #ccc
            }

@media only screen and (min-width:64.0625em) {
    body.boxed .dark-line-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#servicesCarouselSection {
    position: relative;
    z-index: 100;
    padding-top: 100px;
    padding-bottom: 90px;
    background: url(../img/patterns/diamond-bg.jpg) top center no-repeat #fff
}

    #servicesCarouselSection:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(255,255,255,.7)
    }

    #servicesCarouselSection .inner {
        position: relative;
        z-index: 250
    }

        #servicesCarouselSection .inner .socials a {
            width: auto
        }

            #servicesCarouselSection .inner .socials a i.im {
                fill: #fc6e51
            }

@media only screen and (min-width:64.0625em) {
    body.boxed #servicesCarouselSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#galleriesSection, #galleriesSection1, #galleriesSection2 {
    padding-top: 33px;
    padding-bottom: 50px;
    background: #fff
}

    #galleriesSection .ws-title,
    #galleriesSection1 .ws-title,
    #galleriesSection2 .ws-title {
        padding-bottom: 10px
    }

    #galleriesSection ul.list-tabs,
    #galleriesSection1 ul.list-tabs,
    #galleriesSection2 ul.list-tabs {
        margin-top: 10px;
        margin-bottom: 40px
    }

    #galleriesSection .owl-controls , 
    #galleriesSection1 .owl-controls , 
    #galleriesSection2 .owl-controls {
        margin-top: 27px
    }

@media only screen and (min-width:64.0625em) {
    body.boxed #galleriesSection ,
    body.boxed #galleriesSection1 ,
    body.boxed #galleriesSection2 {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.testimonial-section {
    position: relative
}

    .testimonial-section#pastorQuotes:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(252,110,81,.96)
    }

    .testimonial-section#pastorQuotes .flexslider-testimonial .item .table .title span {
        color: #981c03 !important
    }

    .testimonial-section#aboutQuotes:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(51,51,51,.8)
    }

    .testimonial-section .inner {
        position: relative;
        z-index: 250
    }

        .testimonial-section .inner:before {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100px;
            content: '';
            background: #fff
        }

@media only screen and (min-width:64.0625em) {
    body.boxed .testimonial-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.testimony-section {
    position: relative;
    background: #fff
}

    .testimony-section .inner .carousel-wrapper {
        padding-top: 10px;
        padding-bottom: 77px
    }

@media only screen and (min-width:64.0625em) {
    body.boxed .testimony-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.price-table-section {
    background: #fff
}

    .price-table-section .inner {
        padding-top: 110px;
        padding-bottom: 60px
    }

@media only screen and (min-width:64.0625em) {
    body.boxed .price-table-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.parallax-section {
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

    .parallax-section:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(0,0,0,.56)
    }

    .parallax-section .inner {
        position: relative;
        z-index: 250;
        color: #fff
    }

        .parallax-section .inner h1, .parallax-section .inner h2, .parallax-section .inner h3, .parallax-section .inner h4, .parallax-section .inner h5 {
            color: #fff
        }

        .parallax-section .inner h1 {
            font-weight: 900;
            line-height: normal;
            position: relative;
            text-transform: uppercase
        }

@media only screen and (min-width:40.0625em) {
    .parallax-section .inner h1 {
        font-size: 3.125rem
    }
}

.parallax-section .inner p {
    line-height: normal;
    text-transform: uppercase
}

@media only screen and (min-width:40.0625em) {
    .parallax-section .inner p {
        font-size: 1.5625rem
    }
}

@media only screen and (min-width:64.0625em) {
    body.boxed .parallax-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#subscribeNewsletter p {
    font-size: .8125rem;
    text-transform: none
}

#subscribeNewsletter form input {
    height: 68px !important
}

#subscribeNewsletter form .button {
    line-height: 66px;
    height: auto
}

@media only screen and (min-width:64.0625em) {
    body.boxed #subscribeNewsletter {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.latests-section {
    padding-top: 56px;
    padding-bottom: 56px;
    background: #fff;
    overflow: hidden
}

@media only screen and (min-width:64.0625em) {
    body.boxed .latests-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.partners-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed .partners-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#aboutServicesSection {
    padding-top: 0;
    padding-bottom: 30px;
    background: #fff
}

    #aboutServicesSection .contact {
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center
    }

@media only screen and (min-width:64.0625em) {
    body.boxed #aboutServicesSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#churchPastorsSection {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed #churchPastorsSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#contactFormSection {
    padding-bottom: 0
}

    #contactFormSection .inner {
        padding-bottom: 40px
    }

        #contactFormSection .inner .ws-title {
            margin-bottom: 50px
        }

            #contactFormSection .inner .ws-title p {
                margin-bottom: 0
            }

        #contactFormSection .inner form input[type=text], #contactFormSection .inner form textarea {
            margin-bottom: 30px !important
        }

            #contactFormSection .inner form input[type=text]::placeholder {
                color: #d2baba;
                opacity: 1
            }

            #contactFormSection .inner form input[type=text]:-ms-input-placeholder {
                color: #d2baba
            }

            #contactFormSection .inner form input[type=text]::-ms-input-placeholder {
                color: #d2baba
            }

        #contactFormSection .inner form .button {
            padding-top: 12px;
            padding-right: 45px;
            padding-bottom: 12px;
            padding-left: 45px;
            float: left
        }

            #contactFormSection .inner form .button:active, #contactFormSection .inner form .button:focus, #contactFormSection .inner form .button:hover {
                border-color: #fc6e51;
                background: #fc6e51
            }

        #contactFormSection .inner .photo img {
            display: block;
            width: 345px;
            margin: auto
        }

        #contactFormSection .inner ul.socials li a {
            margin: 0 7px 0 7px
        }

            #contactFormSection .inner ul.socials li a i:before {
                font-size: 1.5625rem;
                color: #eee
            }

@media only screen and (min-width:64.0625em) {
    body.boxed #contactFormSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.title-section {
    position: relative;
    padding-top: 0;
    padding-bottom: 120px;
    background: #fc6e51
}

    .title-section .inner h1 {
        font-size: 2.1875rem;
        font-weight: 900;
        position: relative;
        left: 50%;
        display: inline-block;
        width: auto;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        transform: translateX(-50%);
        text-align: center;
        text-transform: uppercase;
        color: #555;
        background: #fff;
        box-shadow: 1px 1px 0 .2px rgba(252,93,61,.98333),2px 2px 0 .4px rgba(252,93,61,.96667),3px 3px 0 .6px rgba(252,93,61,.95),4px 4px 0 .8px rgba(252,93,61,.93333),5px 5px 0 1px rgba(252,93,61,.91667),6px 6px 0 1.2px rgba(252,93,61,.9),7px 7px 0 1.4px rgba(252,93,61,.88333),8px 8px 0 1.6px rgba(252,93,61,.86667),9px 9px 0 1.8px rgba(252,93,61,.85),10px 10px 0 2px rgba(252,93,61,.83333),11px 11px 0 2.2px rgba(252,93,61,.81667),12px 12px 0 2.4px rgba(252,93,61,.8),13px 13px 0 2.6px rgba(252,93,61,.78333),14px 14px 0 2.8px rgba(252,93,61,.76667),15px 15px 0 3px rgba(252,93,61,.75),16px 16px 0 3.2px rgba(252,93,61,.73333),17px 17px 0 3.4px rgba(252,93,61,.71667),18px 18px 0 3.6px rgba(252,93,61,.7),19px 19px 0 3.8px rgba(252,93,61,.68333),20px 20px 0 4px rgba(252,93,61,.66667),21px 21px 0 4.2px rgba(252,93,61,.65),22px 22px 0 4.4px rgba(252,93,61,.63333),23px 23px 0 4.6px rgba(252,93,61,.61667),24px 24px 0 4.8px rgba(252,93,61,.6),25px 25px 0 5px rgba(252,93,61,.58333),26px 26px 0 5.2px rgba(252,93,61,.56667),27px 27px 0 5.4px rgba(252,93,61,.55),28px 28px 0 5.6px rgba(252,93,61,.53333),29px 29px 0 5.8px rgba(252,93,61,.51667),30px 30px 0 6px rgba(252,93,61,.5),31px 31px 0 6.2px rgba(252,93,61,.48333),32px 32px 0 6.4px rgba(252,93,61,.46667),33px 33px 0 6.6px rgba(252,93,61,.45),34px 34px 0 6.8px rgba(252,93,61,.43333),35px 35px 0 7px rgba(252,93,61,.41667),36px 36px 0 7.2px rgba(252,93,61,.4),37px 37px 0 7.4px rgba(252,93,61,.38333),38px 38px 0 7.6px rgba(252,93,61,.36667),39px 39px 0 7.8px rgba(252,93,61,.35),40px 40px 0 8px rgba(252,93,61,.33333),41px 41px 0 8.2px rgba(252,93,61,.31667),42px 42px 0 8.4px rgba(252,93,61,.3),43px 43px 0 8.6px rgba(252,93,61,.28333),44px 44px 0 8.8px rgba(252,93,61,.26667),45px 45px 0 9px rgba(252,93,61,.25),46px 46px 0 9.2px rgba(252,93,61,.23333),47px 47px 0 9.4px rgba(252,93,61,.21667),48px 48px 0 9.6px rgba(252,93,61,.2),49px 49px 0 9.8px rgba(252,93,61,.18333),50px 50px 0 10px rgba(252,93,61,.16667),51px 51px 0 10.2px rgba(252,93,61,.15),52px 52px 0 10.4px rgba(252,93,61,.13333),53px 53px 0 10.6px rgba(252,93,61,.11667),54px 54px 0 10.8px rgba(252,93,61,.1),55px 55px 0 11px rgba(252,93,61,.08333),56px 56px 0 11.2px rgba(252,93,61,.06667),57px 57px 0 11.4px rgba(252,93,61,.05),58px 58px 0 11.6px rgba(252,93,61,.03333),60px 60px 0 rgba(252,93,61,0)
    }

@media only screen and (min-width:64.0625em) {
    body.boxed .title-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#aboutUsSection {
    padding-top: 30px;
    padding-bottom: 0;
    background: #fff
}

    #aboutUsSection ul.check {
        padding-top: 20px;
        padding-bottom: 20px
    }

        #aboutUsSection ul.check li {
            font-size: 1.25rem;
            display: inline-block;
            width: 45%
        }

            #aboutUsSection ul.check li i.im {
                fill: #fc6e51
            }

@media only screen and (min-width:64.0625em) {
    body.boxed #aboutUsSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.timeline-section {
    position: relative;
    padding-top: 70px;
    padding-bottom: 60px
}

    .timeline-section:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(255,255,255,.7)
    }

    .timeline-section .inner {
        position: relative;
        z-index: 250
    }

        .timeline-section .inner .ws-title {
            margin-bottom: 60px
        }

@media only screen and (min-width:64.0625em) {
    body.boxed .timeline-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.full-slider-section {
    position: relative;
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed .full-slider-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.features-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #fff
}

    .features-section .columns > h3 {
        font-size: 1.875rem;
        font-weight: 700
    }

    .features-section .accordion .accordion-navigation .content {
        font-size: .875rem;
        line-height: normal
    }

    .features-section .feature-box {
        position: relative;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 15px
    }

        .features-section .feature-box .icon {
            position: absolute;
            top: 15px;
            left: 0;
            width: 45px;
            height: 45px;
            padding-top: 7px;
            border-radius: 100%;
            background: #fc6e51
        }

            .features-section .feature-box .icon i {
                display: block;
                text-align: center
            }

                .features-section .feature-box .icon i:before {
                    font-size: 1.25rem;
                    margin-left: 0;
                    color: #fff
                }

        .features-section .feature-box .info {
            margin-left: 60px
        }

            .features-section .feature-box .info h4 {
                font-size: 1.375rem;
                line-height: normal;
                margin: 0;
                padding: 0
            }

            .features-section .feature-box .info p {
                font-size: .6875rem;
                margin: 0;
                padding: 0
            }

@media only screen and (min-width:64.0625em) {
    body.boxed .features-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#errorPageSection {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

    #errorPageSection:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(0,0,0,.8)
    }

    #errorPageSection .inner {
        position: relative;
        z-index: 250;
        top: 50%;
        transform: translateY(-50%)
    }

        #errorPageSection .inner form .button {
            padding: 0
        }

        #errorPageSection .inner .box {
            padding-top: 10px;
            padding-right: 0;
            padding-bottom: 20px;
            padding-left: 0;
            color: #333;
            background: #fff
        }

            #errorPageSection .inner .box .box-inner {
                padding-right: 20px;
                padding-left: 20px
            }

            #errorPageSection .inner .box h1, #errorPageSection .inner .box h2 {
                margin: 0;
                padding: 0
            }

            #errorPageSection .inner .box h1 {
                font-size: 6.25rem;
                font-weight: 900;
                line-height: 6.25rem;
                margin-bottom: 20px;
                text-align: center
            }

            #errorPageSection .inner .box h2 {
                font-size: 1.25rem;
                text-align: center
            }

            #errorPageSection .inner .box p {
                font-size: .75rem;
                line-height: normal;
                text-align: center
            }

            #errorPageSection .inner .box ul.socials li a i.im {
                width: 25px;
                height: 25px
            }

.light-line-section#contactFormSection {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff
}

    .light-line-section#contactFormSection .inner form .btn-send {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px
    }

    .light-line-section#contactFormSection .inner .info .contact-detail {
        position: relative
    }

        .light-line-section#contactFormSection .inner .info .contact-detail hr {
            margin-top: 20px;
            margin-bottom: 20px
        }

        .light-line-section#contactFormSection .inner .info .contact-detail .icon {
            position: absolute;
            display: block;
            width: 50px;
            height: 50px;
            padding: 10px;
            border-radius: 100%;
            background: #fc6e51
        }

            .light-line-section#contactFormSection .inner .info .contact-detail .icon i {
                display: block;
                text-align: center
            }

                .light-line-section#contactFormSection .inner .info .contact-detail .icon i:before {
                    font-size: 1.5625rem;
                    color: #fff
                }

        .light-line-section#contactFormSection .inner .info .contact-detail .text {
            padding-left: 70px
        }

            .light-line-section#contactFormSection .inner .info .contact-detail .text p {
                margin-bottom: 0
            }

@media only screen and (min-width:64.0625em) {
    body.boxed .light-line-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.calendar-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff
}

    .calendar-section .inner {
        position: relative;
        z-index: 250
    }

@media only screen and (min-width:64.0625em) {
    body.boxed .calendar-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.title-picture-section {
    position: relative;
    z-index: 100
}

    .title-picture-section:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(18,18,18,.85)
    }

    .title-picture-section .inner {
        position: relative;
        z-index: 250;
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center;
        color: #f6f6f6
    }

        .title-picture-section .inner h1, .title-picture-section .inner h2, .title-picture-section .inner h3, .title-picture-section .inner h4 {
            color: #ccc
        }

        .title-picture-section .inner .breadcrumbs {
            display: inline-block;
            border: none;
            background: 0 0
        }

            .title-picture-section .inner .breadcrumbs a {
                font-size: 1rem;
                text-transform: uppercase;
                color: #f6f6f6
            }

                .title-picture-section .inner .breadcrumbs a.current {
                    color: #fc6e51
                }

@media only screen and (min-width:64.0625em) {
    body.boxed .title-picture-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#loginSection {
    position: relative;
    z-index: 100
}

    #loginSection:before {
        position: absolute;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(18,18,18,.7)
    }

    #loginSection .inner {
        position: relative;
        z-index: 250;
        top: 50%;
        transform: translateY(-50%);
        text-align: left
    }

        #loginSection .inner h1, #loginSection .inner h2, #loginSection .inner h3, #loginSection .inner h4, #loginSection .inner h5 {
            color: #efefef
        }

        #loginSection .inner .login-pic {
            margin-bottom: 20px;
            text-align: center
        }

@media only screen and (min-width:40.0625em) {
    #loginSection .inner .login-pic {
        text-align: right
    }
}

#loginSection .inner .login-pic img {
    width: 220px;
    border: 4px solid #f6f6f6;
    border-radius: 100%
}

#loginSection .inner h1 {
    text-align: center
}

@media only screen and (min-width:40.0625em) {
    #loginSection .inner h1 {
        text-align: left
    }
}

#loginSection .inner label {
    color: #f6f6f6
}

#loginSection .inner .checkbox {
    margin-top: 6px;
    margin-bottom: 0
}

#loginSection .inner a.small {
    font-size: .875rem;
    color: #f6f6f6
}

#loginSection .inner .button {
    margin-top: 4px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px
}

.breadcrumbs-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed .breadcrumbs-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.icons-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff
}

    .icons-section .icons-list {
        margin: 0;
        padding: 20px 0 0 0
    }

        .icons-section .icons-list li {
            display: inline-block;
            width: 150px;
            margin: 5px;
            padding: 20px;
            border: 1px solid #efefef
        }

            .icons-section .icons-list li span {
                font-size: .5625rem;
                line-height: normal !important;
                display: block;
                text-align: center
            }

@media only screen and (min-width:64.0625em) {
    body.boxed .icons-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.list-section {
    background: #fff
}

    .list-section .inner .filters {
        padding-top: 25px;
        padding-bottom: 100px
    }

        .list-section .inner .filters .filter-view {
            margin: 0;
            padding-top: 0;
            padding-bottom: 20px;
            list-style: none
        }

            .list-section .inner .filters .filter-view li {
                display: inline-block
            }

                .list-section .inner .filters .filter-view li a {
                    display: block;
                    width: 50px;
                    height: 50px;
                    padding-top: 15px;
                    text-align: center;
                    color: #333;
                    background: #f6f6f6
                }

                    .list-section .inner .filters .filter-view li a i {
                        margin-left: 0
                    }

                        .list-section .inner .filters .filter-view li a i:before {
                            font-size: 1.25rem;
                            margin-left: 0
                        }

                    .list-section .inner .filters .filter-view li a.active {
                        background: #fc6e51
                    }

                        .list-section .inner .filters .filter-view li a.active i:before {
                            margin-left: 0;
                            color: #fff
                        }

        .list-section .inner .filters .filter-search input {
            height: 50px
        }

        .list-section .inner .filters .filter-search .button {
            line-height: 45px;
            height: 50px
        }

        .list-section .inner .filters .filter-select select {
            height: 50px
        }

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content ul.items li.item {
        display: inline-block;
        width: 100%
    }
}

.list-section .inner .list-content ul.items li.item .box {
    position: relative
}

    .list-section .inner .list-content ul.items li.item .box .ribbon {
        font-size: .875rem !important;
        line-height: 55px;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        border-radius: 100%;
        background: #f6f6f6
    }

        .list-section .inner .list-content ul.items li.item .box .ribbon.ribbon-sold {
            background: #f8ca1c
        }

        .list-section .inner .list-content ul.items li.item .box .ribbon.ribbon-new {
            background: #fc6e51
        }

    .list-section .inner .list-content ul.items li.item .box .bordered {
        border-color: #e0e0e0 !important;
        background: #fff
    }

        .list-section .inner .list-content ul.items li.item .box .bordered .info h1 {
            font-size: 1.25rem;
            font-weight: 700;
            line-height: normal;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
            color: #545454
        }

        .list-section .inner .list-content ul.items li.item .box .bordered .info p {
            font-size: .875rem;
            line-height: normal;
            color: #545454
        }

        .list-section .inner .list-content ul.items li.item .box .bordered .info .date {
            color: #fc6e51
        }

        .list-section .inner .list-content ul.items li.item .box .bordered .info .icon-wrapper .stars {
            display: inline-block;
            margin: 0;
            padding: 0
        }

        .list-section .inner .list-content ul.items li.item .box .bordered .info .icon-wrapper .icons {
            display: inline-block;
            margin: 0 30px 0 0;
            padding: 0
        }

            .list-section .inner .list-content ul.items li.item .box .bordered .info .icon-wrapper .icons li {
                display: inline-block
            }

                .list-section .inner .list-content ul.items li.item .box .bordered .info .icon-wrapper .icons li a i:before {
                    font-size: 1.25rem;
                    margin-right: 5px;
                    margin-left: 0;
                    transition: all .2s ease-out;
                    color: #333
                }

                .list-section .inner .list-content ul.items li.item .box .bordered .info .icon-wrapper .icons li a:hover i:before {
                    color: #fc6e51
                }

        .list-section .inner .list-content ul.items li.item .box .bordered .info .button-wrapper .button {
            padding-top: 5px;
            padding-right: 15px;
            padding-bottom: 5px;
            padding-left: 15px
        }

            .list-section .inner .list-content ul.items li.item .box .bordered .info .button-wrapper .button i:before {
                margin-left: 0
            }

        .list-section .inner .list-content ul.items li.item .box .bordered .photo img {
            border: 5px solid #f6f6f6;
            height: 200px;
            object-fit: cover;
            border-radius: 100%
        }

.list-section .inner .list-content.thumb ul.items {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content.thumb ul.items li.item {
        width: 24%
    }
}

.list-section .inner .list-content.thumb ul.items li.item:hover .box .bordered {
    cursor: pointer;
    transition: all .4s ease-out;
    border-color: #ccc;
    -webkit-box-shadow: 0 0 18px 0 rgba(50,50,50,.2);
    -moz-box-shadow: 0 0 18px 0 rgba(50,50,50,.2);
    box-shadow: 0 0 18px 0 rgba(50,50,50,.2)
}

.list-section .inner .list-content.thumb ul.items li.item .box {
    padding: 10px
}

    .list-section .inner .list-content.thumb ul.items li.item .box .bordered {
        padding: 20px;
        border: 1px solid #efefef
    }

        .list-section .inner .list-content.thumb ul.items li.item .box .bordered .photo {
            width: 140px;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 20px;
            margin-left: auto
        }

        .list-section .inner .list-content.thumb ul.items li.item .box .bordered .icon-wrapper {
            padding-bottom: 15px
        }

.list-section .inner .list-content.list ul.items {
    margin: 0;
    padding: 0;
    list-style: none
}

    .list-section .inner .list-content.list ul.items li.item {
        margin-bottom: 20px
    }

        .list-section .inner .list-content.list ul.items li.item .box .bordered .photo {
            padding-right: 15px;
            padding-left: 15px
        }

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content.list ul.items li.item .box .bordered .photo {
        float: left;
        width: 25%;
        padding-right: 10px;
        padding-left: 10px
    }
}

.list-section .inner .list-content.list ul.items li.item .box .bordered .info {
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content.list ul.items li.item .box .bordered .info {
        float: right;
        width: 75%;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content.list ul.items li.item .box .bordered .info .icon-wrapper {
        float: left;
        width: 75%
    }
}

@media only screen and (min-width:64.0625em) {
    .list-section .inner .list-content.list ul.items li.item .box .bordered .info .button-wrapper {
        float: right;
        width: 40%;
        margin-top: -20px
    }
}

.list-section .inner .pagination-centered {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:64.0625em) {
    body.boxed .list-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#shopSection {
    background: #f6f6f6
}

@media only screen and (min-width:40.0625em) {
    #shopSection .list-content.thumb ul.items li.item {
        float: left;
        width: 50%
    }
}

@media only screen and (min-width:64.0625em) {
    #shopSection .list-content.thumb ul.items li.item {
        width: 33%
    }
}

#shopSection .list-content.thumb ul.items li.item .photo {
    width: auto
}

    #shopSection .list-content.thumb ul.items li.item .photo img {
        border: none;
        border-radius: 0
    }

#shopSection .list-content.thumb ul.items li.item .price {
    font-size: 1.75rem
}

#shopSection .list-content.thumb ul.items li.item .stars {
    margin-bottom: 10px
}

    #shopSection .list-content.thumb ul.items li.item .stars i.im {
        width: 12px;
        height: 12px
    }

#shopSection .list-content.thumb ul.items li.item .spinner-group {
    float: left;
    width: 50%
}

#shopSection .list-content.thumb ul.items li.item .icon-wrapper {
    float: left;
    width: 50%
}

    #shopSection .list-content.thumb ul.items li.item .icon-wrapper .stars {
        float: none;
        width: auto
    }

#shopSection .list-content.thumb ul.items li.item .button-wrapper {
    float: right;
    width: 50%;
    text-align: right
}

    #shopSection .list-content.thumb ul.items li.item .button-wrapper .button {
        margin: 0
    }

#shopSection .list-content.list ul.items li.item {
    float: none;
    width: 100%
}

    #shopSection .list-content.list ul.items li.item .box {
        padding: 5px 10px 5px 10px
    }

        #shopSection .list-content.list ul.items li.item .box .bordered {
            padding: 15px;
            border-bottom: 1px solid #efefef
        }

            #shopSection .list-content.list ul.items li.item .box .bordered .photo img {
                border: none;
                border-radius: 0
            }

            #shopSection .list-content.list ul.items li.item .box .bordered .price {
                font-size: 1.75rem
            }

            #shopSection .list-content.list ul.items li.item .box .bordered .stars {
                margin-bottom: 10px
            }

            #shopSection .list-content.list ul.items li.item .box .bordered .spinner-group {
                float: left;
                width: 50%
            }

            #shopSection .list-content.list ul.items li.item .box .bordered .icon-wrapper {
                float: left;
                width: 50%
            }

                #shopSection .list-content.list ul.items li.item .box .bordered .icon-wrapper .stars {
                    float: none;
                    width: auto
                }

            #shopSection .list-content.list ul.items li.item .box .bordered .button-wrapper {
                float: right;
                width: 50%;
                text-align: right
            }

                #shopSection .list-content.list ul.items li.item .box .bordered .button-wrapper .button {
                    margin: 0
                }

@media only screen and (min-width:64.0625em) {
    body.boxed #shopSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.gallery-section {
    background: #fff
}

@media only screen and (min-width:64.0625em) {
    body.boxed .gallery-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.shop-cart-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f6f6f6
}

    .shop-cart-section .inner {
        margin-bottom: 20px;
        padding: 20px;
        border: 1px solid #ccc;
        background: #fff
    }

@media only screen and (min-width:40.0625em) {
    .shop-cart-section .inner {
        margin-bottom: 0
    }
}

.shop-cart-section .cart-total h4 {
    font-size: 1.125rem;
    margin-bottom: 20px
}

.shop-cart-section .cart-total ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .shop-cart-section .cart-total ul li {
        padding-top: 10px;
        padding-bottom: 10px
    }

        .shop-cart-section .cart-total ul li p {
            font-size: .75rem;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
            color: #555
        }

            .shop-cart-section .cart-total ul li p span {
                float: right
            }

        .shop-cart-section .cart-total ul li.total {
            border-top: 1px solid #efefef
        }

            .shop-cart-section .cart-total ul li.total p {
                font-weight: 700
            }

.shop-cart-section .btn-inner {
    padding-top: 8px
}

    .shop-cart-section .btn-inner .button {
        margin-top: 8px;
        margin-bottom: 8px;
        padding-top: 8px;
        padding-right: 15px;
        padding-bottom: 8px;
        padding-left: 15px;
        text-transform: uppercase
    }

    .shop-cart-section .btn-inner .btn-white {
        border: 2px solid #fc6e51
    }

.shop-cart-section .shop-cart-table {
    width: 100%;
    border: none
}

    .shop-cart-section .shop-cart-table th {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .shop-cart-section .shop-cart-table input {
        margin-bottom: 0 !important
    }

    .shop-cart-section .shop-cart-table .cart-item .product-remove {
        text-align: center
    }

        .shop-cart-section .shop-cart-table .cart-item .product-remove i:before {
            font-size: .875rem;
            color: #ccc
        }

    .shop-cart-section .shop-cart-table .cart-item .product-quantity .quantity {
        float: left;
        width: 100px
    }

    .shop-cart-section .shop-cart-table .cart-item .product-quantity .refresh {
        float: left;
        padding: 8px
    }

        .shop-cart-section .shop-cart-table .cart-item .product-quantity .refresh i:before {
            font-size: .875rem;
            color: #ccc
        }

.shop-cart-section .pay-cards {
    padding-top: 20px
}

.shop-cart-section .cart-collaterals {
    padding-top: 20px
}

    .shop-cart-section .cart-collaterals .total {
        font-size: 1.25rem
    }

.shop-cart-section .cart-actions p {
    font-size: .625rem
}

@media only screen and (min-width:64.0625em) {
    body.boxed .shop-cart-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.blog-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f6f6f6
}

    .blog-section .quote-wrapper .quote-content {
        background: #fff
    }

        .blog-section .quote-wrapper .quote-content:before {
            border-color: #fff transparent transparent transparent
        }

    .blog-section .quote-wrapper .people .button {
        background: #fff
    }

        .blog-section .quote-wrapper .people .button:hover {
            background: #fc6e51
        }

@media only screen and (min-width:64.0625em) {
    body.boxed .blog-section {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

#footerSection {
}

    #footerSection .content {
        position: relative;
        z-index: 100;
        padding-top: 60px;
        padding-bottom: 20px
    }

        #footerSection .content:before {
            position: absolute;
            z-index: 200;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            background: rgba(251,56,16,.7)
        }

        #footerSection .content .inner {
            position: relative;
            z-index: 250;
            padding-top: 30px;
            padding-bottom: 30px;
            color: #fff
        }

            #footerSection .content .inner h1, #footerSection .content .inner h2, #footerSection .content .inner h3, #footerSection .content .inner h4, #footerSection .content .inner h5 {
                color: #fff
            }

            #footerSection .content .inner h1 {
                font-size: 1.25rem;
                font-weight: 700;
                line-height: normal;
                margin: 0 0 10px 0;
                padding: 0
            }

            #footerSection .content .inner .info-box h1 + p {
                font-size: .875rem;
                line-height: 32px
            }

            #footerSection .content .inner .info-box .twitter-roll {
                margin: 0;
                padding: 0;
                list-style: none
            }

                #footerSection .content .inner .info-box .twitter-roll li {
                    font-size: .875rem;
                    line-height: 1.6;
                    margin-bottom: 30px
                }

                    #footerSection .content .inner .info-box .twitter-roll li i {
                        margin-right: 5px;
                        vertical-align: top
                    }

                        #footerSection .content .inner .info-box .twitter-roll li i:before {
                            font-size: 1.375rem;
                            margin-right: 4px;
                            color: #fff
                        }

                    #footerSection .content .inner .info-box .twitter-roll li a {
                        color: #8e1a02
                    }

            #footerSection .content .inner .blogroll-box ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

                #footerSection .content .inner .blogroll-box ul li {
                    border-bottom: 1px solid #fd8b74
                }

                    #footerSection .content .inner .blogroll-box ul li:first-child {
                        margin-top: 0
                    }

                    #footerSection .content .inner .blogroll-box ul li:last-child {
                        border-bottom: none
                    }

                    #footerSection .content .inner .blogroll-box ul li a {
                        font-weight: 500;
                        display: block;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        transition: all .2s ease-out;
                        text-transform: uppercase;
                        color: #fff
                    }

                        #footerSection .content .inner .blogroll-box ul li a:hover {
                            margin-left: 10px;
                            color: #8e1a02
                        }

                        #footerSection .content .inner .blogroll-box ul li a:before {
                            top: 17px;
                            margin-right: 8px;
                            margin-left: 0
                        }

            #footerSection .content .inner .contact-box ul {
                margin: 20px 0 20px 0;
                padding: 0;
                list-style: none
            }

                #footerSection .content .inner .contact-box ul li {
                    text-align: center
                }

                #footerSection .content .inner .contact-box ul.socials li a i:before {
                    font-size: 1.875rem;
                    transition: all .2s ease-out;
                    color: #fda08d
                }

                #footerSection .content .inner .contact-box ul.socials li a:hover i:before {
                    color: #fff
                }

    #footerSection .copyright {
        font-size: .875rem;
        position: relative;
        z-index: 100;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        background: #c02303
    }

        #footerSection .copyright:after {
            position: absolute;
            z-index: 250;
            bottom: 0;
            width: 100%;
            content: ''
        }

        #footerSection .copyright a {
            color: #fdad9c
        }

            #footerSection .copyright a i:before {
                margin-right: 5px
            }

    #footerSection .fixed-wrapper {
        z-index: -1;
        bottom: 0;
        width: 100%;
        height: 270px
    }

@media only screen and (min-width:40.0625em) {
    #footerSection .fixed-wrapper {
        padding-top: 80px
    }
}

@media only screen and (max-width:40em) {
    #footerSection .fixed-wrapper img {
        display: block;
        width: 80px;
        margin: 20px auto 20px auto
    }
}

#footerSection .fixed-wrapper .thanx-box {
    position: relative;
    padding: 20px;
    background: #f6f6f6
}

@media only screen and (max-width:40em) {
    #footerSection .fixed-wrapper .thanx-box {
        text-align: center
    }

        #footerSection .fixed-wrapper .thanx-box h1 {
            font-size: 1.875rem !important
        }

        #footerSection .fixed-wrapper .thanx-box h2 {
            font-size: 1.25rem !important
        }
}

#footerSection .fixed-wrapper .thanx-box:before {
    position: absolute;
    top: 50%;
    left: -40px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -20px;
    content: '';
    border: inset 20px;
    border-color: transparent #f6f6f6 transparent transparent;
    border-right-style: solid
}

#footerSection .fixed-wrapper .thanx-box h1 {
    font-size: 48px;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    letter-spacing: -1px;
    padding: 0;
    color: #4f4f4f;
    fixed-navbar: not(.boxed) #header + section,.fixed-navbar:not(.boxed) #header + div
}

#footerSection .fixed-wrapper .thanx-box h2 {
    font-size: 2.875rem;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #4f4f4f
}

#footerSection .fixed-wrapper .thanx-box p {
    font-size: .875rem;
    line-height: normal;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:64.0625em) {
    body.boxed #footerSection {
        width: 1200px !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media only screen and (min-width:64.0625em) {
    body.boxed #footerSection .fixed-wrapper {
        width: 1200px
    }
}

#searchModal .search {
    padding-top: 20px;
    padding-bottom: 40px
}

@media (max-width:500px) {
    #searchModal .search {
        padding-top: 90px;
        padding-bottom: 10px
    }
}

#searchModal .search input {
    font-size: 6.25rem;
    height: auto;
    color: #fff;
    border: none;
    border-bottom: 3px solid #fec2b5;
    background: 0 0;
    box-shadow: none
}

    #searchModal .search input::-webkit-input-placeholder {
        color: #fec2b5
    }

    #searchModal .search input:-moz-placeholder {
        opacity: 1;
        color: #fec2b5
    }

    #searchModal .search input::-moz-placeholder {
        opacity: 1;
        color: #fec2b5
    }

    #searchModal .search input:-ms-input-placeholder {
        color: #fec2b5
    }

@media (max-width:500px) {
    #searchModal .search input {
        font-size: 1.875rem
    }
}

#searchModal .search .button {
    font-size: 6.25rem;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0
}

@media (max-width:500px) {
    #searchModal .search .button {
        font-size: 1.875rem
    }
}

#searchModal .search .button:hover {
    background: 0 0
}

#searchModal .search .button i:before {
    font-size: 3.125rem;
    color: #fd9883
}

#searchModal .recommends {
    overflow: auto
}

    #searchModal .recommends h4 {
        color: #b12103
    }

    #searchModal .recommends ul.items {
        margin: 0;
        padding: 0;
        list-style: none
    }

        #searchModal .recommends ul.items li a {
            display: block;
            margin-bottom: 5px;
            padding: 5px;
            transition: all .4s ease-out;
            color: #7f1702;
            background: rgba(254,194,181,.6)
        }

            #searchModal .recommends ul.items li a:hover {
                background: #ffebe7
            }

            #searchModal .recommends ul.items li a img {
                width: 50px;
                height: 50px;
                margin-right: 15px;
                border-radius: 100%
            }

.nav-logo {
    height: 100px
}

.mid-btn {
    position: relative;
    right: 50%;
    top: 30px;
    padding: 5px 25px 5px 25px !important;
    transform: translateX(50%)
}

.bottom-btn {
    margin-top: 30px;
    padding: 5px 25px 5px 25px !important
}

.padding-top-0 {
    padding-top: 0 !important
}

#small-slider {
    height: 25%
}

@media only screen and (min-width: 1200px) {
    .small-item {
        height: 200px;
    }

    .owl-dots {
        padding-top: 10px;
        text-align: center;
    }
}

body {
    margin-top: 107px
}

.cover {
    object-fit: cover;
    object-position: center
}

.dark-logo {
    filter: contrast(3)
}

.bright-logo {
    filter: brightness(1.4)
}

.about-logo {
    padding: 50px 0;
    color: #000
}

.dark-bg-text {
    color: #ccc !important
}

#about-us-slider {
    height: 50%
}

#about-slider {
    padding: 50px 0
}

.about-item {
    background-color: #f1f1f180
}

.slider-btm {
    padding: 15px;
    border: 2px solid #451054;
    border-top: none
}

    .slider-btm h3 {
        font-size: 18px;
        font-weight: 700;
        color: #022340
    }

    .slider-btm p {
        font-size: 14px;
        color: #1f1f1f;
        margin: 0 !important
    }

#signup {
    height: calc(100vh - 100px);
    position: relative;
    background-size: cover
}

    #signup::before {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.575);
        content: ""
    }

.sign-form {
    background-color: #efefef;
    padding: 30px 30px 50px 30px;
    box-shadow: 0 0 20px #000000de
}

.signup-left {
    margin-top: 70px
}

.form-header {
    color: #ff964b;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px
}

#reserve {
    padding: 30px 0
}

.btn-fix {
    top: 10px !important;
    height: auto !important;
    background-color: #fc6e51 !important;
    padding: 10px 15px
}

.btn-blue {
    background-color: #00f !important;
    border: none
}

.signup-btn {
    position: absolute;
    left: 45px
}

.strip {
    position: relative;
    margin-right: 80px
}

.right-strip {
    position: absolute;
    height: 250px;
    width: 25px;
    transform: rotate(30deg);
    background-color: orange;
    right: 25px
}

.left-strip {
    position: absolute;
    right: 144px;
    height: 250px;
    width: 25px;
    transform: rotate(-30deg);
    background-color: orange
}

.frame {
    position: absolute;
    background-color: #efefef;
    padding: 20px 30px;
    border: 1px solid #00f;
    border-radius: 10px;
    right: 52px;
    top: 250px;
    width: 300px
}

.file-fix {
    left: 15px;
    right: 14px
}

.form-mand {
    color: red;
    float: left;
    font-size: 20px
}

.file-label-fix {
    top: -24px
}

.library-section {
    margin-top: 30px;
    padding: 15px 0;
    padding-bottom: 40px
}

#sidebar {
    height: calc(100vh - 110px);
    background-color: #403f3f;
    color: #fff;
    position: fixed;
    top: 110px;
    z-index: 1;
    display: block;
}

    #sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #sidebar ul li {
            display: block;
            border-bottom: 1px solid #ffffff0f
        }

            #sidebar ul li:last-child {
                border-bottom: none
            }

            #sidebar ul li .sidebar-item {
                padding: 7px 15px;
                transition: all .4s ease-in-out
            }

                #sidebar ul li .sidebar-item:hover {
                    background-color: #fc6e51
                }

                #sidebar ul li .sidebar-item a {
                    text-decoration: none;
                    color: #fff;
                    font-size: 16px;
                    font-weight: 600
                }

#toggler {
    padding: 7px 15px;
    margin-top: 0;
    background-color: #403f3f !important;
    border-color: #403f3f;
    transform: translate(30px,28px)
}

.sideitem-icon {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    margin-left: 10px
}

.lib-card {
    background-color: #fff;
    padding: 10px 10px 0px 10px !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 9px
}

    .lib-card h2 {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #0000000f;
        padding-bottom: 17px;
        height: 58px;
        padding-top: 6px;
    }

    .lib-card p {
        height: 37px
    }

    .lib-card .card-img-cont {
        width: 100%;
        height: 300px;
    }

        .lib-card .card-img-cont img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.profile-section {
    background-color: #fff;
    padding: 30px;
    margin: 0 0 20px 0;
    border-radius: 10px
}

.user-event {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

    .user-event h1 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        color: #545454
    }

    .user-event span {
        color: #fc6e51
    }

    .user-event p {
        font-size: .875rem;
        line-height: normal;
        color: #545454
    }

button a {
    color: #fff
}

    button a:hover {
        color: #000
    }

.confirm-pay {
    color: #4bb543 !important;
    font-weight: 600;
    margin: 0
}

.f-weight-1 {
    font-weight: 700
}

.card-label a {
    position: absolute;
    padding: 4px 17px;
    background-color: #fc6e51;
    top: 17px;
    left: 18px;
    color: #fff
}

.bs-navbar {
    padding: 0
}

.navbar-light .navbar-nav .nav-link {
    color: #555
}

.navbar-light .navbar-nav .nav-link {
    color: #555;
    margin-left: 10px;
    margin-top: 6px;
    font-size: 16px
}

.navbar-light .navbar-toggler {
    margin-left: 20px
}

.navbar-btn {
    top: 10px !important;
    height: auto !important;
    background-color: #fc6e51 !important;
    padding: 6px 10px;
    font-size: 15px
}

#contact-us {
    margin-top: 30px
}

.contact-item {
    text-align: center
}

    .contact-item .contact-icon {
        color: #fff;
        border-radius: 50%;
        padding: 5px 22px;
        text-align: center;
        font-size: 45px;
        background-color: #fc6e51;
        display: inline-block
    }

    .contact-item p {
        color: #545454;
        margin-top: 20px;
        font-size: 19px;
        font-weight: 600
    }

.map-fluid {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 30px;
    height: 0
}

    .map-fluid iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute
    }

.video-container {
    position: relative;
    padding-bottom: 50.25%;
    margin-top: 20px;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .video-container embed, .video-container iframe, .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.hello {
    display: inline-block;
    position: relative
}

    .hello span {
        position: absolute;
        bottom: 25px;
        color: #3e0140;
        right: 5px;
        font-weight: 500
    }

.receipt {
    width: 46%;
    display: block;
    padding: 20px;
    background-color: #f5f4f4;
    border-radius: 10px;
    border: 2px solid #fc6e51;
    margin: 100px auto
}

.nav-pills .nav-link:not(.active) {
    background-color: #fff;
    color: #000
}

.nav-pills .nav-link {
    background-color: #fc6e51;
    color: #fff
}

.full-screen-pic-cont {
    width: 100%;
    height: 300px
}

.full-screen-pic {
    height: 300px;
    width: 100%;
    object-fit: cover
}

#article {
    padding: 80px 0
}

    #article h1 {
        color: #545454;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 40px;
        word-spacing: 20px
    }

    #article .article-info {
        color: #999;
        width: fit-content;
        width: 58%
    }

.article-info span {
    float: left
}

.icon-toggle-sidebar {
    display: none;
}

@media only screen and (max-width:600px) {
    .nav-logo {
        margin-right: 150px
    }

    body {
        margin-top: 0
    }

    .top-bar button {
        margin-bottom: 30px
    }

    #footerSection .fixed-wrapper {
        bottom: -94px
    }

    .library-section {
        margin-right: 0 !important;
    }

    #sidebar {
        height: calc(100vh - 110px);
        background-color: #403f3f;
        color: #fff;
        position: fixed;
        top: 110px;
        z-index: 1;
        display: none;
    }

    .icon-toggle-sidebar {
        position: absolute;
        right: 10px;
        background-color: #403f3f;
        color: #fff;
        top: 57px;
        width: 44px;
        height: 44px;
        z-index: 99999999;
        line-height: 40px;
        text-align: center;
        display: block;
        cursor: pointer;
    }
}

.reg-send {
    padding: 5px 25px 5px 25px !important
}
.ekko-lightbox-nav-overlay a:last-child span {
    text-align: left !important;
}