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:63.9375em)/";
    width: 40.0625em
}

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

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64em) and (max-width:74.9375em)/";
    width: 64em
}

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

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

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 {
    box-sizing: border-box
}

body,
html {
    font-size: 100%
}

body {
    background: #fff;
    color: #7e7e7e;
    cursor: auto;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto;
    -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
}

.right {
    float: right !important
}

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

.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%
}

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

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

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

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

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

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

.row:after {
    clear: both
}

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

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

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

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

.row .row:after {
    clear: both
}

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

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

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

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

.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;
        left: 0;
        right: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .small-1 {
        width: 8.3333333333%
    }

    .small-2 {
        width: 16.6666666667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.3333333333%
    }

    .small-5 {
        width: 41.6666666667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.3333333333%
    }

    .small-8 {
        width: 66.6666666667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.3333333333%
    }

    .small-11 {
        width: 91.6666666667%
    }

    .small-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 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-left: 0;
        padding-right: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 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-left: 0;
        padding-right: 0
    }

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

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

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

    .pull-0,
    .push-0 {
        position: relative
    }

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

    .push-1 {
        left: 8.3333333333%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        right: 8.3333333333%;
        left: auto
    }

    .push-2 {
        left: 16.6666666667%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        right: 16.6666666667%;
        left: auto
    }

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

    .pull-3,
    .push-3 {
        position: relative
    }

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

    .push-4 {
        left: 33.3333333333%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        right: 33.3333333333%;
        left: auto
    }

    .push-5 {
        left: 41.6666666667%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        right: 41.6666666667%;
        left: auto
    }

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

    .pull-6,
    .push-6 {
        position: relative
    }

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

    .push-7 {
        left: 58.3333333333%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        right: 58.3333333333%;
        left: auto
    }

    .push-8 {
        left: 66.6666666667%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        right: 66.6666666667%;
        left: auto
    }

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

    .pull-9,
    .push-9 {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .large-1 {
        width: 8.3333333333%
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 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-left: 0;
        padding-right: 0
    }

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

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

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

    .pull-0,
    .push-0 {
        position: relative
    }

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

    .push-1 {
        left: 8.3333333333%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        right: 8.3333333333%;
        left: auto
    }

    .push-2 {
        left: 16.6666666667%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        right: 16.6666666667%;
        left: auto
    }

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

    .pull-3,
    .push-3 {
        position: relative
    }

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

    .push-4 {
        left: 33.3333333333%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        right: 33.3333333333%;
        left: auto
    }

    .push-5 {
        left: 41.6666666667%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        right: 41.6666666667%;
        left: auto
    }

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

    .pull-6,
    .push-6 {
        position: relative
    }

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

    .push-7 {
        left: 58.3333333333%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        right: 58.3333333333%;
        left: auto
    }

    .push-8 {
        left: 66.6666666667%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        right: 66.6666666667%;
        left: auto
    }

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

    .pull-9,
    .push-9 {
        position: relative
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .xlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-3 {
        width: 25%
    }

    .xlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-6 {
        width: 50%
    }

    .xlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-9 {
        width: 75%
    }

    .xlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-12 {
        width: 100%
    }

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

    .xlarge-offset-1 {
        margin-left: 8.3333333333% !important
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667% !important
    }

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

    .xlarge-offset-4 {
        margin-left: 33.3333333333% !important
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667% !important
    }

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

    .xlarge-offset-7 {
        margin-left: 58.3333333333% !important
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667% !important
    }

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

    .xlarge-offset-10 {
        margin-left: 83.3333333333% !important
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667% !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .xxlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-3 {
        width: 25%
    }

    .xxlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-6 {
        width: 50%
    }

    .xxlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-9 {
        width: 75%
    }

    .xxlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-12 {
        width: 100%
    }

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

    .xxlarge-offset-1 {
        margin-left: 8.3333333333% !important
    }

    .xxlarge-offset-2 {
        margin-left: 16.6666666667% !important
    }

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

    .xxlarge-offset-4 {
        margin-left: 33.3333333333% !important
    }

    .xxlarge-offset-5 {
        margin-left: 41.6666666667% !important
    }

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

    .xxlarge-offset-7 {
        margin-left: 58.3333333333% !important
    }

    .xxlarge-offset-8 {
        margin-left: 66.6666666667% !important
    }

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

    .xxlarge-offset-10 {
        margin-left: 83.3333333333% !important
    }

    .xxlarge-offset-11 {
        margin-left: 91.6666666667% !important
    }

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

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

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

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

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

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

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

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

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

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

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

.accordion:after {
    clear: both
}

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

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

.accordion .accordion-navigation > a,
.accordion dd > a {
    background: #ececec;
    color: #222;
    display: block;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem
}

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

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

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

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

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

.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 {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff
}

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

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

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

.alert-box.info {
    background-color: #000;
    border-color: #000;
    color: #fff
}

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

[class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

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

[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 {
        list-style: none;
        width: 100%
    }

    .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 {
        list-style: none;
        width: 50%
    }

    .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 {
        list-style: none;
        width: 33.3333333333%
    }

    .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 {
        list-style: none;
        width: 25%
    }

    .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 {
        list-style: none;
        width: 20%
    }

    .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 {
        list-style: none;
        width: 16.6666666667%
    }

    .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 {
        list-style: none;
        width: 14.2857142857%
    }

    .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 {
        list-style: none;
        width: 12.5%
    }

    .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 {
        list-style: none;
        width: 11.1111111111%
    }

    .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 {
        list-style: none;
        width: 10%
    }

    .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 {
        list-style: none;
        width: 9.0909090909%
    }

    .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 {
        list-style: none;
        width: 8.3333333333%
    }

    .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 {
        list-style: none;
        width: 100%
    }

    .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 {
        list-style: none;
        width: 50%
    }

    .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 {
        list-style: none;
        width: 33.3333333333%
    }

    .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 {
        list-style: none;
        width: 25%
    }

    .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 {
        list-style: none;
        width: 20%
    }

    .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 {
        list-style: none;
        width: 16.6666666667%
    }

    .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 {
        list-style: none;
        width: 14.2857142857%
    }

    .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 {
        list-style: none;
        width: 12.5%
    }

    .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 {
        list-style: none;
        width: 11.1111111111%
    }

    .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 {
        list-style: none;
        width: 10%
    }

    .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 {
        list-style: none;
        width: 9.0909090909%
    }

    .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 {
        list-style: none;
        width: 8.3333333333%
    }

    .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: 64em) {
    .large-block-grid-1 > li {
        list-style: none;
        width: 100%
    }

    .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 {
        list-style: none;
        width: 50%
    }

    .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 {
        list-style: none;
        width: 33.3333333333%
    }

    .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 {
        list-style: none;
        width: 25%
    }

    .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 {
        list-style: none;
        width: 20%
    }

    .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 {
        list-style: none;
        width: 16.6666666667%
    }

    .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 {
        list-style: none;
        width: 14.2857142857%
    }

    .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 {
        list-style: none;
        width: 12.5%
    }

    .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 {
        list-style: none;
        width: 11.1111111111%
    }

    .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 {
        list-style: none;
        width: 10%
    }

    .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 {
        list-style: none;
        width: 9.0909090909%
    }

    .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 {
        list-style: none;
        width: 8.3333333333%
    }

    .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;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: .75rem 0;
    /* Padding changed to 0.75rem in order to have adjust the breadcrumbs to the navigation
    padding: .4375rem 0;*/
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 3px
}

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

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

.breadcrumbs > * a {
    color: #7e7e7e
}

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

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

.breadcrumbs > .unavailable,
.breadcrumbs > .unavailable a {
    color: #7e7e7e
}

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

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

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

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

.button,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    cursor: pointer;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: .875rem 1.75rem .9375rem;
    font-size: 1rem;
    background-color: #e3e3e3;
    border: 0 solid #f5f5f5;
    color: #7e7e7e;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.button:focus,
.button:hover,
button:focus,
button:hover {
    background-color: #f5f5f5;
    color: #7e7e7e
}

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

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

.button.success,
button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #7e7e7e
}

.button.success:focus,
.button.success:hover,
button.success:focus,
button.success:hover {
    background-color: #368a55;
    color: #7e7e7e
}

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

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

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

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

.button.info,
button.info {
    background-color: #000;
    border-color: #000;
    color: #7e7e7e
}

.button.info:focus,
.button.info:hover,
button.info:focus,
button.info:hover {
    background-color: #000;
    color: #7e7e7e
}

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

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

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

.button.expand,
button.expand {
    padding: .875rem 1.75rem .9375rem;
    font-size: 1rem;
    padding: .875rem .875rem .9375rem;
    width: 100%
}

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

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

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

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

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

.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: #f5f5f5;
    color: #7e7e7e;
    background-color: #e3e3e3
}

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

.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;
    color: #7e7e7e;
    background-color: #e7e7e7
}

.button.disabled.success,
.button[disabled].success,
button.disabled.success,
button[disabled].success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #7e7e7e;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.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: #368a55;
    color: #7e7e7e;
    background-color: #43ac6a
}

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

.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;
    color: #7e7e7e;
    background-color: #f04124
}

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

.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;
    color: #7e7e7e;
    background-color: #f08a24
}

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

.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: #7e7e7e;
    background-color: #000
}

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

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

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

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

.button-group:after {
    clear: both
}

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

.button-group.even-2 li .button,
.button-group.even-2 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 33.3333333333%
}

.button-group.even-3 li .button,
.button-group.even-3 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 25%
}

.button-group.even-4 li .button,
.button-group.even-4 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 20%
}

.button-group.even-5 li .button,
.button-group.even-5 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 16.6666666667%
}

.button-group.even-6 li .button,
.button-group.even-6 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 14.2857142857%
}

.button-group.even-7 li .button,
.button-group.even-7 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
    margin: 0 -2px;
    width: 12.5%
}

.button-group.even-8 li .button,
.button-group.even-8 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

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

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

.button-group.stack > li .button,
.button-group.stack > li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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 {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 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-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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;
        margin: 0;
        width: 100%
    }

    .button-group.stack-for-small > li .button,
    .button-group.stack-for-small > li > button {
        border-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .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 {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 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-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-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-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

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

.button-group.radius.stack > * .button,
.button-group.radius.stack > * > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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 {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 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 {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-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 {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-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-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .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-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-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-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-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-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .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 {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 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 {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-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 {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

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

.button-group.round > * .button,
.button-group.round > * > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-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-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

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

.button-group.round.stack > * .button,
.button-group.round.stack > * > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.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 {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 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 {
    -webkit-top-left-radius: .875rem;
    -webkit-top-right-radius: .875rem;
    border-top-left-radius: .875rem;
    border-top-right-radius: .875rem
}

.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 {
    -webkit-bottom-left-radius: .875rem;
    -webkit-bottom-right-radius: .875rem;
    border-bottom-left-radius: .875rem;
    border-bottom-right-radius: .875rem
}

@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-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .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-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-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-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-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-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .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 {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 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 {
        -webkit-top-left-radius: .875rem;
        -webkit-top-right-radius: .875rem;
        border-top-left-radius: .875rem;
        border-top-right-radius: .875rem
    }

    .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-bottom-left-radius: .875rem;
        -webkit-bottom-right-radius: .875rem;
        border-bottom-left-radius: .875rem;
        border-bottom-right-radius: .875rem
    }
}

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

.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] {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

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

.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 {
    background: #333;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    left: 0
}

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

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

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

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

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

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

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

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

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

.clearing-assembled .clearing-container .carousel > ul,
.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 {
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px
    }

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

    .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 {
        background: rgba(51, 51, 51, .8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }

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

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

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

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

    .clearing-assembled .clearing-container .carousel > ul li img {
        cursor: pointer !important;
        width: 100% !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 {
        background: #333;
        height: 85%;
        overflow: hidden
    }

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

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

.f-dropdown.open {
    display: block
}

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

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

.f-dropdown:before {
    border: 6px inset;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:after,
.f-dropdown:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown:after {
    border: 7px inset;
    border-color: transparent transparent #ccc;
    border-bottom-style: solid;
    top: -14px;
    left: 9px;
    z-index: 88
}

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

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

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

.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 {
    border: 6px inset;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:after,
.f-dropdown.drop-right:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown.drop-right:after {
    border: 7px inset;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    top: 9px;
    left: -14px;
    z-index: 88
}

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

.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 {
    border: 6px inset;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    top: 10px;
    right: -12px;
    z-index: 89
}

.f-dropdown.drop-left:after,
.f-dropdown.drop-left:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    left: auto
}

.f-dropdown.drop-left:after {
    border: 7px inset;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    top: 9px;
    right: -14px;
    z-index: 88
}

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

.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 {
    border: 6px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    bottom: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown.drop-top:after,
.f-dropdown.drop-top:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    right: auto
}

.f-dropdown.drop-top:after {
    border: 7px inset;
    border-color: #ccc transparent transparent;
    border-top-style: solid;
    bottom: -14px;
    left: 9px;
    z-index: 88
}

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

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

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

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

.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 {
    border-color: #fff transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -.15625rem
}

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

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

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

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

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

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

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

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
}

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

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

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

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

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

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

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

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

.postfix.button,
.prefix.button {
    border: none;
    padding: 0;
    text-align: center
}

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

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

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

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

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

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

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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #f5f5f5;
    border: 0 none #ccc;
    box-shadow: none;
    color: rgba(0, 0, 0, .75);
    display: block;
    font-family: inherit;
    font-size: 1rem;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}

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 {
    background: #fafafa;
    border-color: #999;
    outline: none
}

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])[disabled],
input:not([type])[readonly],
input[type=color]:disabled,
input[type=color][disabled],
input[type=color][readonly],
input[type=date]:disabled,
input[type=date][disabled],
input[type=date][readonly],
input[type=datetime-local]:disabled,
input[type=datetime-local][disabled],
input[type=datetime-local][readonly],
input[type=datetime]:disabled,
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=email]:disabled,
input[type=email][disabled],
input[type=email][readonly],
input[type=month]:disabled,
input[type=month][disabled],
input[type=month][readonly],
input[type=number]:disabled,
input[type=number][disabled],
input[type=number][readonly],
input[type=password]:disabled,
input[type=password][disabled],
input[type=password][readonly],
input[type=search]:disabled,
input[type=search][disabled],
input[type=search][readonly],
input[type=tel]:disabled,
input[type=tel][disabled],
input[type=tel][readonly],
input[type=text]:disabled,
input[type=text][disabled],
input[type=text][readonly],
input[type=time]:disabled,
input[type=time][disabled],
input[type=time][readonly],
input[type=url]:disabled,
input[type=url][disabled],
input[type=url][readonly],
input[type=week]:disabled,
input[type=week][disabled],
input[type=week][readonly],
textarea:disabled,
textarea[disabled],
textarea[readonly] {
    background-color: #d0d0d0;
    cursor: default
}

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-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-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,
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-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-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-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,
form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

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

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

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

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

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

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

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

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

select.radius {
    border-radius: 3px
}

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

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

select[multiple] {
    height: auto
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 1rem
}

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

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

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

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 {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

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

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

.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 {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}

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

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

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

label.error {
    color: #f04124
}

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

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

.icon-bar > *,
.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.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 {
    height: 100%;
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-bar .item.disabled {
    pointer-events: none
}

.icon-bar .item.disabled,
.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: 64em) {
    .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: 64em) {
    .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: 64em) {
    .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: 64em) {
    .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: 64em) {
    .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: 64em) {
    .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: 64em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto
    }
}

.inline-list {
    list-style: none;
    margin: 0 0 .625rem -.625rem;
    overflow: hidden;
    padding: 0
}

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

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

.joyride-list {
    display: none
}

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

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

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

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

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

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

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

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

.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 {
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.label {
    display: inline-block;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem;
    font-size: .6875rem;
    background-color: #909090;
    color: #fff
}

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

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

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

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

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

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

.label.info {
    background-color: #000;
    color: #fff
}

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

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

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

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.slideshow-wrapper {
    position: relative
}

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

.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,
.slideshow-wrapper .orbit-container li .orbit-caption {
    display: block
}

.slideshow-wrapper .orbit-container .orbit-bullets li {
    display: inline-block
}

.slideshow-wrapper .preloader {
    border-radius: 1000px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border-color: #555 #fff;
    border: 3px solid;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px
}

.orbit-container {
    background: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-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 {
    bottom: 0;
    position: absolute;
    background-color: rgba(51, 51, 51, .8);
    color: #fff;
    font-size: .875rem;
    padding: .625rem .875rem;
    width: 100%
}

.orbit-container .orbit-slide-number {
    left: 10px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 10px;
    z-index: 10
}

.orbit-container .orbit-slide-number span {
    font-weight: 700;
    padding: .3125rem
}

.orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10
}

.orbit-container .orbit-timer .orbit-progress {
    height: 3px;
    background-color: hsla(0, 0%, 100%, .3);
    display: block;
    width: 0;
    position: relative;
    right: 20px;
    top: 5px
}

.orbit-container .orbit-timer > span {
    border: 4px solid #fff;
    border-bottom: none;
    border-top: none;
    display: none;
    height: 14px;
    position: absolute;
    top: 0;
    width: 11px;
    right: 0
}

.orbit-container .orbit-timer.paused > span {
    top: 0;
    width: 11px;
    height: 14px;
    border: 8px inset;
    border-left-style: solid;
    border-color: transparent;
    border-left-color: #fff;
    right: -4px
}

.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 {
    background-color: transparent;
    color: #fff;
    height: 60px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-indent: -9999px !important;
    top: 45%;
    width: 36px;
    z-index: 10
}

.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 {
    border: 10px inset;
    display: block;
    height: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0
}

.orbit-container .orbit-prev {
    left: 0
}

.orbit-container .orbit-prev > span {
    border-right-style: solid;
    border-color: transparent;
    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 {
    border-color: transparent;
    border-left-style: solid;
    border-left-color: #fff;
    left: 50%;
    margin-left: -4px
}

.orbit-container .orbit-next:hover > span {
    border-left-color: #fff
}

.orbit-bullets,
.orbit-bullets-container {
    text-align: center
}

.orbit-bullets {
    display: block;
    float: none;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    top: 10px
}

.orbit-bullets li {
    background: #ccc;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: .5625rem;
    margin-right: 6px;
    width: .5625rem;
    border-radius: 1000px
}

.orbit-bullets li.active {
    background: #909090
}

.orbit-bullets li:last-child {
    margin-right: 0
}

.touch .orbit-bullets,
.touch .orbit-container .orbit-next,
.touch .orbit-container .orbit-prev {
    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 > * {
        margin: 0 !important;
        opacity: 1 !important;
        position: relative
    }

    .orbit-bullets,
    .orbit-next,
    .orbit-prev,
    .orbit-stack-on-small .orbit-slide-number,
    .orbit-timer {
        display: none
    }
}

ul.pagination {
    display: block;
    margin-left: -.375rem;
    min-height: 3rem
}

ul.pagination li {
    color: #909090;
    font-size: 1rem;
    height: 3rem;
    margin-left: .375rem
}

ul.pagination li a,
ul.pagination li button {
    border-radius: 3px;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    background: none;
    color: #909090;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
    padding: 0
}

ul.pagination li:hover a,
ul.pagination li:hover button,
ul.pagination li a:focus,
ul.pagination li button:focus {
    background: #ececec
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #909090;
    pointer-events: none
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable button:focus {
    background: #ececec
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #ececec;
    color: #000;
    cursor: default;
    font-weight: 400
}

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: #ececec
}

ul.pagination li {
    display: block;
    float: left
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

.panel {
    border: 1px solid #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333
}

.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 {
    border: 1px solid #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f8f8f8;
    color: #333
}

.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: #909090
}

.panel.callout a:not(.button):focus,
.panel.callout a:not(.button):hover {
    color: #7c7c7c
}

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

.pricing-table {
    border: 1px solid #d0d0d0;
    margin-left: 0;
    margin-bottom: 1.25rem
}

.pricing-table * {
    list-style: none;
    line-height: 1
}

.pricing-table .title {
    background-color: #333;
    color: #e3e3e3;
    font-size: 1rem
}

.pricing-table .price,
.pricing-table .title {
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    padding: .9375rem 1.25rem;
    text-align: center
}

.pricing-table .price {
    background-color: #f6f6f6;
    color: #333;
    font-size: 2rem
}

.pricing-table .description {
    color: #7e7e7e;
    font-size: .75rem;
    line-height: 1.4
}

.pricing-table .bullet-item,
.pricing-table .description {
    background-color: #fff;
    border-bottom: 1px dotted #d0d0d0;
    font-weight: 400;
    padding: .9375rem;
    text-align: center
}

.pricing-table .bullet-item {
    color: #333;
    font-size: .875rem
}

.pricing-table .cta-button {
    background-color: #fff;
    padding: 1.25rem 1.25rem 0;
    text-align: center
}

.progress {
    background-color: #f6f6f6;
    border: 1px solid #fff;
    height: 1.5625rem;
    margin-bottom: .625rem;
    padding: .125rem
}

.progress .meter {
    background: #909090
}

.progress .meter,
.progress .meter.secondary {
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress .meter.secondary {
    background: #e7e7e7
}

.progress .meter.success {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress .meter.alert {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.success .meter {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

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

.progress.radius .meter {
    border-radius: 2px
}

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

.progress.round .meter {
    border-radius: 999px
}

.range-slider {
    display: block;
    height: 1rem;
    width: 100%;
    background: #fafafa
}

.range-slider,
.range-slider.vertical-range {
    border: 1px solid #d0d0d0;
    margin: 1.25rem 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.range-slider.vertical-range {
    display: inline-block;
    height: 12.5rem;
    width: 1rem
}

.range-slider.vertical-range .range-slider-handle {
    bottom: -10.5rem;
    margin-left: -.5rem;
    margin-top: 0;
    position: absolute
}

.range-slider.vertical-range .range-slider-active-segment {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    bottom: 0;
    height: auto;
    width: .875rem
}

.range-slider.radius {
    background: #fafafa;
    border-radius: 3px
}

.range-slider.radius .range-slider-handle {
    background: #909090;
    border-radius: 3px
}

.range-slider.radius .range-slider-handle:hover {
    background: #7f7f7f
}

.range-slider.round {
    background: #fafafa;
    border-radius: 1000px
}

.range-slider.round .range-slider-handle {
    background: #909090;
    border-radius: 1000px
}

.range-slider.round .range-slider-handle:hover {
    background: #7f7f7f
}

.range-slider.disabled,
.range-slider[disabled] {
    background: #fafafa;
    cursor: not-allowed;
    opacity: .7
}

.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
    background: #909090;
    cursor: default;
    opacity: .7
}

.range-slider.disabled .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
    background: #7f7f7f
}

.range-slider-active-segment {
    background: #e5e5e5;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: inline-block;
    height: .875rem;
    position: absolute
}

.range-slider-handle {
    border: 1px none;
    cursor: pointer;
    display: inline-block;
    height: 1.375rem;
    position: absolute;
    top: -.3125rem;
    width: 2rem;
    z-index: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #909090
}

.range-slider-handle:hover {
    background: #7f7f7f
}

.reveal-modal-bg {
    background: #000;
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0
}

.reveal-modal {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: #fff;
    padding: 1.875rem;
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@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 {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 80%;
        top: 4.6875rem
    }
}

.reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px
}

.reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px
}

.reveal-modal.collapse {
    padding: 0;
    box-shadow: none
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
        width: 30%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.small,
    .reveal-modal.tiny {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0
    }

    .reveal-modal.small {
        width: 40%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
        width: 60%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.large,
    .reveal-modal.medium {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0
    }

    .reveal-modal.large {
        width: 70%
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 95%
    }
}

.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 100%
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    color: #aaa;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem
}

.side-nav {
    display: block;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: .875rem 0
}

.side-nav li {
    font-size: .875rem;
    font-weight: 400;
    margin: 0 0 .4375rem
}

.side-nav li a:not(.button) {
    color: #909090;
    display: block;
    margin: 0;
    padding: .4375rem .875rem
}

.side-nav li a:not(.button):focus,
.side-nav li a:not(.button):hover {
    background: rgba(0, 0, 0, .025);
    color: #b1b1b1
}

.side-nav li a:not(.button):active {
    color: #b1b1b1
}

.side-nav li.active > a:first-child:not(.button) {
    color: #b1b1b1;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    list-style: none;
    padding: 0;
    border-top-color: #e6e6e6
}

.side-nav li.heading {
    color: #909090;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.split.button {
    position: relative;
    padding-right: 5.0625rem
}

.split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid
}

.split.button span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: inset;
    top: 50%;
    left: 50%
}

.split.button span:active {
    background-color: rgba(0, 0, 0, .1)
}

.split.button span {
    border-left-color: hsla(0, 0%, 100%, .5);
    width: 3.09375rem
}

.split.button span:after {
    border-top-style: solid;
    border-width: .375rem;
    margin-left: -.375rem;
    top: 48%;
    border-color: #fff transparent transparent
}

.split.button.secondary span {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.split.button.secondary span:after {
    border-color: #fff transparent transparent
}

.split.button.alert span,
.split.button.success span {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.split.button.tiny {
    padding-right: 3.75rem
}

.split.button.tiny span {
    width: 2.25rem
}

.split.button.tiny span:after {
    border-top-style: solid;
    border-width: .375rem;
    margin-left: -.375rem;
    top: 48%
}

.split.button.small {
    padding-right: 4.375rem
}

.split.button.small span {
    width: 2.625rem
}

.split.button.small span:after {
    border-top-style: solid;
    border-width: .4375rem;
    margin-left: -.375rem;
    top: 48%
}

.split.button.large {
    padding-right: 5.5rem
}

.split.button.large span {
    width: 3.4375rem
}

.split.button.large span:after {
    border-top-style: solid;
    border-width: .3125rem;
    margin-left: -.375rem;
    top: 48%
}

.split.button.expand {
    padding-left: 2rem
}

.split.button.secondary span:after {
    border-color: #333 transparent transparent
}

.split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

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

.split.button.no-pip span:after,
.split.button.no-pip span:before {
    border-style: none
}

.split.button.no-pip span > i {
    display: block;
    left: 50%;
    margin-left: -.28889em;
    margin-top: -.48889em;
    position: absolute;
    top: 50%
}

.sub-nav {
    display: block;
    margin: -.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: .25rem;
    width: auto
}

.sub-nav dt {
    text-transform: uppercase
}

.sub-nav dd,
.sub-nav dt,
.sub-nav li {
    color: #909090;
    float: left;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-left: 1rem;
    margin-bottom: 0
}

.sub-nav dd a,
.sub-nav dt a,
.sub-nav li a {
    color: #909090;
    padding: .1875rem 1rem;
    text-decoration: none
}

.sub-nav dd a:hover,
.sub-nav dt a:hover,
.sub-nav li a:hover {
    color: #6c6c6c
}

.sub-nav dd.active a,
.sub-nav dt.active a,
.sub-nav li.active a {
    border-radius: 3px;
    background: #909090;
    color: #fff;
    cursor: default;
    font-weight: 400;
    padding: .1875rem 1rem
}

.sub-nav dd.active a:hover,
.sub-nav dt.active a:hover,
.sub-nav li.active a:hover {
    background: #7c7c7c
}

.switch {
    border: none;
    margin-bottom: 1.5rem;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch label {
    background: #d0d0d0;
    color: transparent;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out
}

.switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px
}

.switch input + label {
    margin-left: 0;
    margin-right: 0
}

.switch label:after {
    background: #fff;
    content: "";
    display: block;
    height: 1.5rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    width: 1.5rem;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.switch label {
    height: 2rem;
    width: 4rem
}

.switch label:after {
    height: 1.5rem;
    width: 1.5rem
}

.switch input:checked + label:after {
    left: 2.25rem
}

.switch label {
    color: transparent;
    background: #d0d0d0
}

.switch label:after {
    background: #fff
}

.switch input:checked + label {
    background: #909090
}

.switch.large label {
    height: 2.5rem;
    width: 5rem
}

.switch.large label:after {
    height: 2rem;
    width: 2rem
}

.switch.large input:checked + label:after {
    left: 2.75rem
}

.switch.small label {
    height: 1.75rem;
    width: 3.5rem
}

.switch.small label:after {
    height: 1.25rem;
    width: 1.25rem
}

.switch.small input:checked + label:after {
    left: 2rem
}

.switch.tiny label {
    height: 1.5rem;
    width: 3rem
}

.switch.tiny label:after {
    height: 1rem;
    width: 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,
.switch.round label:after {
    border-radius: 2rem
}

table {
    background: #fff;
    border: 1px none #d0d0d0;
    margin-bottom: 1.25rem;
    table-layout: auto
}

table caption {
    background: transparent;
    color: #7e7e7e;
    font-size: 1rem;
    font-weight: 700
}

table thead {
    background: #fff
}

table thead tr td,
table thead tr th {
    color: #7e7e7e;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table tfoot {
    background: #fff
}

table tfoot tr td,
table tfoot tr th {
    color: #7e7e7e;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table tr td,
table tr th {
    color: #7e7e7e;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}

table tr.alt,
table tr.even,
table tr:nth-of-type(even) {
    background: #fff
}

table tbody tr td,
table tbody tr th,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

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

.tabs:after {
    clear: both
}

.tabs .tab-title,
.tabs dd {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative
}

.tabs .tab-title > a,
.tabs dd > a {
    display: block;
    background-color: #ececec;
    color: #222;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem 2rem
}

.tabs .tab-title > a:hover,
.tabs dd > a:hover {
    background-color: #dedede
}

.tabs .tab-title.active > a,
.tabs dd.active > a {
    background-color: #fff;
    color: #222
}

.tabs.radius .tab:first-child a,
.tabs.radius dd:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.tabs.radius .tab:last-child a,
.tabs.radius dd:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tabs.vertical .tab-title,
.tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}

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

.tabs-content:after {
    clear: both
}

.tabs-content > .content {
    display: none;
    float: left;
    padding: .625rem 0;
    width: 100%
}

.tabs-content > .content.active {
    display: block;
    float: none
}

.tabs-content > .content.contained {
    padding: .625rem
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical > .content {
    padding: 0 .625rem
}

@media only screen and (min-width: 40.0625em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none
}

.th {
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.th:focus,
.th:hover {
    box-shadow: 0 0 6px 1px hsla(0, 0%, 56%, .5)
}

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

.has-tip {
    border-bottom: 1px dotted #ccc;
    color: #333;
    cursor: help;
    font-weight: 700
}

.has-tip:focus,
.has-tip:hover {
    border-bottom: 1px dotted #414141;
    color: #909090
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important
}

.tooltip {
    background: #333;
    color: #fff;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3;
    max-width: 300px;
    padding: .75rem;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 50%
}

.tooltip > .nub {
    border: 5px solid;
    border-color: transparent transparent #333;
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 0;
    left: 5px
}

.tooltip > .nub.rtl {
    left: auto;
    right: 5px
}

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

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

.tooltip.round > .nub {
    left: 2rem
}

.tooltip.opened {
    border-bottom: 1px dotted #414141 !important;
    color: #909090 !important
}

.tap-to-close {
    color: #7e7e7e;
    display: block;
    font-size: .625rem;
    font-weight: 400
}

@media only screen {
    .tooltip > .nub {
        border-color: transparent transparent #333;
        top: -10px
    }

    .tooltip.tip-top > .nub {
        border-color: #333 transparent transparent;
        bottom: -10px;
        top: auto
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important
    }

    .tooltip.tip-left > .nub {
        border-color: transparent transparent transparent #333;
        left: auto;
        margin-top: -5px;
        right: -10px;
        top: 50%
    }

    .tooltip.tip-right > .nub {
        border-color: transparent #333 transparent transparent;
        left: -10px;
        margin-top: -5px;
        right: auto;
        top: 50%
    }
}

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

.contain-to-grid {
    width: 100%;
    background: #333
}

.contain-to-grid .top-bar {
    margin-bottom: 0
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}

.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 2.8125rem;
    z-index: 98
}

.top-bar {
    background: #333;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.top-bar ul {
    list-style: none;
    margin-bottom: 0
}

.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-bottom: .35rem;
    padding-top: .35rem
}

.top-bar .button,
.top-bar button {
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: .4125rem;
    padding-top: .4125rem
}

@media only screen and (max-width: 40em) {
    .top-bar .button,
    .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    margin: 0;
    position: relative
}

.top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    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: 2.8125rem;
    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 {
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 0 .9375rem;
    width: 75%
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a {
    color: #fff;
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding: 0 .9375rem;
    position: relative;
    text-transform: uppercase
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}

.top-bar .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 .9375rem;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: .9375rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 16px
}

.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 {
    background: transparent;
    height: auto
}

.top-bar.expanded .title-area {
    background: #333
}

.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: auto
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0
    }
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

.top-bar-section .divider,
.top-bar-section [role=separator] {
    border-top: 1px solid #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li {
    background: #333
}

.top-bar-section ul li > a {
    color: #fff;
    display: block;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    padding-left: .9375rem;
    padding: 12px 0 12px .9375rem;
    text-transform: none;
    width: 100%
}

.top-bar-section ul li > a.button {
    font-size: .8125rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    background-color: #909090;
    border-color: #737373;
    color: #7e7e7e
}

.top-bar-section ul li > a.button:focus,
.top-bar-section ul li > a.button:hover {
    background-color: #737373;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.secondary:focus,
.top-bar-section ul li > a.button.secondary:hover {
    background-color: #b9b9b9;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.success:focus,
.top-bar-section ul li > a.button.success:hover {
    background-color: #368a55;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.alert:focus,
.top-bar-section ul li > a.button.alert:hover {
    background-color: #cf2a0e;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.warning:focus,
.top-bar-section ul li > a.button.warning:hover {
    background-color: #cf6e0e;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.info {
    background-color: #000;
    border-color: #000;
    color: #7e7e7e
}

.top-bar-section ul li > a.button.info:focus,
.top-bar-section ul li > a.button.info:hover {
    background-color: #000;
    color: #7e7e7e
}

.top-bar-section ul li > button {
    font-size: .8125rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    background-color: #909090;
    border-color: #737373;
    color: #7e7e7e
}

.top-bar-section ul li > button:focus,
.top-bar-section ul li > button:hover {
    background-color: #737373;
    color: #7e7e7e
}

.top-bar-section ul li > button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #7e7e7e
}

.top-bar-section ul li > button.secondary:focus,
.top-bar-section ul li > button.secondary:hover {
    background-color: #b9b9b9;
    color: #7e7e7e
}

.top-bar-section ul li > button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #7e7e7e
}

.top-bar-section ul li > button.success:focus,
.top-bar-section ul li > button.success:hover {
    background-color: #368a55;
    color: #7e7e7e
}

.top-bar-section ul li > button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #7e7e7e
}

.top-bar-section ul li > button.alert:focus,
.top-bar-section ul li > button.alert:hover {
    background-color: #cf2a0e;
    color: #7e7e7e
}

.top-bar-section ul li > button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #7e7e7e
}

.top-bar-section ul li > button.warning:focus,
.top-bar-section ul li > button.warning:hover {
    background-color: #cf6e0e;
    color: #7e7e7e
}

.top-bar-section ul li > button.info {
    background-color: #000;
    border-color: #000;
    color: #7e7e7e
}

.top-bar-section ul li > button.info:focus,
.top-bar-section ul li > button.info:hover {
    background-color: #000;
    color: #7e7e7e
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #555;
    color: #fff;
    background: #222
}

.top-bar-section ul li.active > a {
    background: #909090;
    color: #fff
}

.top-bar-section ul li.active > a:hover {
    background: #7c7c7c;
    color: #fff
}

.top-bar-section .has-form {
    padding: .9375rem
}

.top-bar-section .has-dropdown {
    position: relative
}

.top-bar-section .has-dropdown > a:after {
    border: 5px inset;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent hsla(0, 0%, 100%, .4);
    border-left-style: solid;
    margin-right: .9375rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%
}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%
}

.top-bar-section .dropdown li a {
    font-weight: 400;
    padding: 8px .9375rem
}

.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 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem
}

.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.title h5 a {
    color: #fff;
    display: block
}

.top-bar-section .dropdown li.parent-link a:hover,
.top-bar-section .dropdown li.title h5 a:hover {
    background: none
}

.top-bar-section .dropdown li.has-form {
    padding: 8px .9375rem
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    color: #7e7e7e;
    font-size: .625rem;
    font-weight: 700;
    margin-bottom: 0;
    padding: 8px .9375rem 2px;
    text-transform: uppercase
}

.js-generated {
    display: block
}

@media only screen and (min-width: 40.0625em) {
    .top-bar {
        background: #333;
        overflow: visible
    }

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

    .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 .has-form > .button,
    .top-bar .has-form > button,
    .top-bar button,
    .top-bar input,
    .top-bar select {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: .53125rem
    }

    .top-bar.expanded {
        background: #333
    }

    .contain-to-grid .top-bar {
        margin: 0 auto;
        margin-bottom: 0;
        max-width: 100rem
    }

    .top-bar-section {
        -webkit-transition: none 0 0;
        transition: none 0 0;
        left: 0 !important
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto
    }

    .top-bar-section ul li {
        float: left
    }

    .top-bar-section ul li .js-generated {
        display: none
    }

    .top-bar-section li.hover > a:not(.button) {
        background-color: #555;
        background: #222;
        color: #fff
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: #333;
        line-height: 2.8125rem;
        padding: 0 .9375rem
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555;
        background: #222
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: #909090;
        color: #fff;
        line-height: 2.8125rem;
        padding: 0 .9375rem
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #7c7c7c;
        color: #fff
    }

    .top-bar-section .has-dropdown > a {
        padding-right: 2.1875rem !important
    }

    .top-bar-section .has-dropdown > a:after {
        border: 5px inset;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: hsla(0, 0%, 100%, .4) transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem
    }

    .top-bar-section .has-dropdown.moved {
        position: relative
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block
    }

    .top-bar-section .has-dropdown.hover > .dropdown,
    .top-bar-section .has-dropdown.not-click:hover > .dropdown,
    .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
        content: "\00bb";
        top: .1875rem;
        right: 5px
    }

    .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto
    }

    .top-bar-section .dropdown li a {
        background: #333;
        color: #fff;
        line-height: 2.8125rem;
        padding: 12px .9375rem;
        white-space: nowrap
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #333;
        color: #fff
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #555;
        color: #fff;
        background: #222
    }

    .top-bar-section .dropdown li label {
        background: #333;
        white-space: nowrap
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }

    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role=separator] {
        border-right: 1px solid #4e4e4e;
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 2.8125rem;
        width: 0
    }

    .top-bar-section .has-form {
        background: #333;
        height: 2.8125rem;
        padding: 0 .9375rem
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }

    .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 {
        background-color: #555;
        background: #222;
        color: #fff
    }

    .no-js .top-bar-section ul li:active > a {
        background: #909090;
        color: #fff
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown,
    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }
}

.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: 63.9375em) {
    .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: 64em) and (max-width: 74.9375em) {
    .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: 64em) {
    .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: 75em) 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: 75em) {
    .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 {
    color: #7e7e7e;
    line-height: inherit;
    text-decoration: none
}

a:focus,
a:hover {
    color: #000
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    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 {
    color: #222;
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4,
h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 400;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #d0d0d0;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    color: #333;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

dl,
ol,
ul {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.3;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

ul li ol,
ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.circle li ul,
ul.disc li ul,
ul.square li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle
}

ul.circle,
ul.disc {
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc
}

ol {
    margin-left: 1.4rem
}

ol li ol,
ol li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

.no-bullet {
    list-style-type: none;
    margin-left: 0
}

.no-bullet li ol,
.no-bullet li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

dl dd {
    margin-bottom: 0
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #7e7e7e;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #d0d0d0
}

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #d0d0d0
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.3;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem;
    border: 1px solid #d0d0d0;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-size: .9375rem
}

.vcard .fn,
.vevent .summary,
.vevent abbr {
    font-weight: 700
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    border: none;
    padding: 0 .0625rem
}

@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: 2.3125rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !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 #909090;
        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 {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: 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;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

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

.inner-wrap:after {
    clear: both
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #fff;
    color: #333;
    height: 2.125rem;
    line-height: 2.125rem;
    position: relative
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: #333;
    font-weight: 700;
    line-height: 2.125rem;
    margin: 0
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem
}

.left-small {
    border-right: 0 none;
    left: 0
}

.left-small,
.right-small {
    height: 2.125rem;
    position: absolute;
    top: 0;
    width: 2.125rem
}

.right-small {
    border-left: 0 none;
    right: 0
}

.tab-bar-section {
    height: 2.125rem;
    padding: 0 .625rem;
    position: absolute;
    text-align: center;
    top: 0
}

.tab-bar-section.left {
    text-align: left
}

.tab-bar-section.right {
    text-align: right
}

.tab-bar-section.left {
    left: 0;
    right: 2.125rem
}

.tab-bar-section.right {
    left: 2.125rem;
    right: 0
}

.tab-bar-section.middle {
    left: 2.125rem;
    right: 2.125rem
}

.tab-bar .menu-icon {
    color: #333;
    display: block;
    height: 2.125rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 2.125rem
}

.tab-bar .menu-icon span:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    left: .5625rem;
    box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
    width: 1rem
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #242424, 0 7px 0 1px #242424, 0 14px 0 1px #242424
}

.left-off-canvas-menu {
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    top: 0
}

.left-off-canvas-menu,
.left-off-canvas-menu *,
.right-off-canvas-menu {
    -webkit-backface-visibility: hidden
}

.right-off-canvas-menu {
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    top: 0
}

.right-off-canvas-menu *,
.top-off-canvas-menu {
    -webkit-backface-visibility: hidden
}

.top-off-canvas-menu {
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    height: 18.75rem
}

.bottom-off-canvas-menu,
.top-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

.bottom-off-canvas-menu {
    background: #fafafa;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    height: 18.75rem
}

.bottom-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

ul.off-canvas-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.off-canvas-list li label {
    background: #f5f5f5;
    border-bottom: none;
    border-top: 1px solid #f6f6f6;
    color: #333;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0;
    padding: .3rem .9375rem;
    text-transform: uppercase
}

ul.off-canvas-list li a {
    border-bottom: 1px solid #e3e3e3;
    color: #000;
    display: block;
    padding: .6666666667rem;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

ul.off-canvas-list li a:active,
ul.off-canvas-list li a:hover {
    background: #f5f5f5
}

.move-right > .inner-wrap {
    -webkit-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0)
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.move-left > .inner-wrap {
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0)
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.move-top > .inner-wrap {
    -webkit-transform: translate3d(0, -18.75rem, 0);
    transform: translate3d(0, -18.75rem, 0)
}

.move-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .move-top .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.move-bottom > .inner-wrap {
    -webkit-transform: translate3d(0, 18.75rem, 0);
    transform: translate3d(0, 18.75rem, 0)
}

.move-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .move-bottom .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.offcanvas-overlap .bottom-off-canvas-menu,
.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu {
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-top .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
    -webkit-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .15), 4px 0 4px rgba(0, 0, 0, .5), inset 8px 0 4px -4px rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-bottom .exit-off-canvas:hover {
        background: rgba(0, 0, 0, .2)
    }
}

.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 {
    -webkit-overflow-scrolling: touch;
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.left-submenu,
.left-submenu * {
    -webkit-backface-visibility: hidden
}

.left-submenu .back > a {
    background: #f5f5f5;
    border-bottom: none;
    border-top: 1px solid #f6f6f6;
    color: #333;
    font-weight: 700;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}

.left-submenu .back > a:hover {
    background: #acacac;
    border-bottom: none;
    border-top: 1px solid #f6f6f6
}

.left-submenu .back > a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}

.left-submenu.move-right,
.left-submenu.offcanvas-overlap,
.left-submenu.offcanvas-overlap-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.right-submenu {
    -webkit-overflow-scrolling: touch;
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.right-submenu,
.right-submenu * {
    -webkit-backface-visibility: hidden
}

.right-submenu .back > a {
    background: #f5f5f5;
    border-bottom: none;
    border-top: 1px solid #f6f6f6;
    color: #333;
    font-weight: 700;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}

.right-submenu .back > a:hover {
    background: #acacac;
    border-bottom: none;
    border-top: 1px solid #f6f6f6
}

.right-submenu .back > a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}

.right-submenu.move-left,
.right-submenu.offcanvas-overlap,
.right-submenu.offcanvas-overlap-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.top-submenu {
    -webkit-overflow-scrolling: touch;
    background: #fafafa;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.top-submenu,
.top-submenu * {
    -webkit-backface-visibility: hidden
}

.top-submenu .back > a {
    background: #f5f5f5;
    border-bottom: none;
    border-top: 1px solid #f6f6f6;
    color: #333;
    font-weight: 700;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}

.top-submenu .back > a:hover {
    background: #acacac;
    border-bottom: none;
    border-top: 1px solid #f6f6f6
}

.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap,
.top-submenu.offcanvas-overlap-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bottom-submenu {
    -webkit-overflow-scrolling: touch;
    background: #fafafa;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.bottom-submenu,
.bottom-submenu * {
    -webkit-backface-visibility: hidden
}

.bottom-submenu .back > a {
    background: #f5f5f5;
    border-bottom: none;
    border-top: 1px solid #f6f6f6;
    color: #333;
    font-weight: 700;
    padding: .3rem .9375rem;
    text-transform: uppercase;
    margin: 0
}

.bottom-submenu .back > a:hover {
    background: #acacac;
    border-bottom: none;
    border-top: 1px solid #f6f6f6
}

.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap,
.bottom-submenu.offcanvas-overlap-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline
}

@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;
        height: auto;
        width: auto;
        overflow: visible;
        clip: 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 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 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;
        height: auto;
        width: auto;
        overflow: visible;
        clip: 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 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 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: 64em) {
    .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;
        height: auto;
        width: auto;
        overflow: visible;
        clip: 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 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 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: 75em) {
    .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;
        height: auto;
        width: auto;
        overflow: visible;
        clip: 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 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 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;
        height: auto;
        width: auto;
        overflow: visible;
        clip: 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 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 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,
.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch,
table.hide-for-touch {
    display: table !important
}

.touch thead.show-for-touch,
thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch,
tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch,
tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-touch,
th.hide-for-touch {
    display: table-cell !important
}

.show-for-sr,
.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: 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,
    th.show-for-print {
        display: table-cell !important
    }
}

@media only screen {
    .custom-gutter .row .row {
        margin: 0 -.3125rem
    }

    .custom-gutter .column,
    .custom-gutter .columns,
    .custom-gutter .row.small-uncollapse > .column,
    .custom-gutter .row.small-uncollapse > .columns {
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .custom-gutter .gutter-margin-bottom,
    .custom-gutter .gutter-margin-top {
        margin-top: .625rem
    }
}

@media only screen and (min-width: 40.0625em) {
    .custom-gutter .row .row {
        margin: 0 -.875rem
    }

    .custom-gutter .column,
    .custom-gutter .columns,
    .custom-gutter .row.small-uncollapse > .column,
    .custom-gutter .row.small-uncollapse > .columns {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .custom-gutter .gutter-margin-bottom,
    .custom-gutter .gutter-margin-top {
        margin-top: 1.75rem
    }
}

@media only screen and (min-width: 64em) {
    .custom-gutter .row .row {
        margin: 0 -1.4375rem
    }

    .custom-gutter .column,
    .custom-gutter .columns,
    .custom-gutter .row.small-uncollapse > .column,
    .custom-gutter .row.small-uncollapse > .columns {
        padding-left: 1.4375rem;
        padding-right: 1.4375rem
    }

    .custom-gutter .gutter-margin-bottom,
    .custom-gutter .gutter-margin-top {
        margin-top: 2.875rem
    }
}

@media only screen and (min-width: 75em) {
    .custom-gutter .row .row {
        margin: 0 -2.0625rem
    }

    .custom-gutter .column,
    .custom-gutter .columns,
    .custom-gutter .row.small-uncollapse > .column,
    .custom-gutter .row.small-uncollapse > .columns {
        padding-left: 2.0625rem;
        padding-right: 2.0625rem
    }

    .custom-gutter .gutter-margin-bottom,
    .custom-gutter .gutter-margin-top {
        margin-top: 4.125rem
    }
}

@media only screen {
    .inner-wrap {
        padding: 0
    }
}

@media only screen and (min-width: 40.0625em) {
    .inner-wrap {
        padding: 0 .625rem
    }
}

@media only screen and (min-width: 64em) {
    .inner-wrap {
        max-width: 100rem
    }
}

@media only screen and (min-width: 75em) {
    .inner-wrap {
        padding: 0 2.6875rem 0 2.25rem;
        max-width: 100rem
    }

    .main-menu {
        width: 15.875rem;
        position: absolute;
        z-index: 9
    }

    .main-content {
        padding-left: 15.875rem
    }
}

@media (min-width: 1600px) {
    .inner-wrap {
        padding: 0 5.9375rem 0 2.25rem;
        margin: auto
    }
}

@media (min-width: 2000px) {
    .inner-wrap {
        padding: 0;
        margin: auto
    }
}

@media only screen {
    .back-to-top {
        position: fixed;
        bottom: 1.875rem;
        z-index: 999;
        background: #e3e3e3;
        padding: 10px;
        opacity: 0;
        cursor: pointer;
        right: 1.25rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
        border-radius: .3125rem
    }

    .back-to-top:hover {
        opacity: 1
    }

    .back-to-top.visible {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
        visibility: visible;
        opacity: .5
    }
}

@media only screen and (min-width: 75em) {
    .back-to-top {
        right: inherit;
        margin-left: .625rem
    }
}

@font-face {
    font-family: Proxima;
    src: url(../fonts/ProximaNova-RegWeb.eot?#iefix);
    src: url(../fonts/ProximaNova-RegWeb.eot?#iefix) format("eot"), url(../fonts/ProximaNova-RegWeb.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima;
    src: url(../fonts/ProximaNova-RegItWeb.eot?#iefix);
    src: url(../fonts/ProximaNova-RegItWeb.eot?#iefix) format("eot"), url(../fonts/ProximaNova-RegItWeb.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima;
    src: url(../fonts/ProximaNova-BoldWeb.eot?#iefix);
    src: url(../fonts/ProximaNova-BoldWeb.eot?#iefix) format("eot"), url(../fonts/ProximaNova-BoldWeb.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima;
    src: url(../fonts/ProximaNova-BoldItWeb.eot?#iefix);
    src: url(../fonts/ProximaNova-BoldItWeb.eot?#iefix) format("eot"), url(../fonts/ProximaNova-BoldItWeb.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/32419a");

@font-face {
    font-family: 'Eurostile2';
    src: url('../fonts/32419A_4_0.eot');
    src: url('../fonts/32419A_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/32419A_4_0.woff2') format('woff2'), url('../fonts/32419A_4_0.woff') format('woff'), url('../fonts/32419A_4_0.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

.ui-helper-hidden {
    display: none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    overflow: auto
}

.ui-tooltip {
    padding: 0;
    position: absolute;
    z-index: 9999
}

label .css-checkbox {
    display: none
}

label .css-checkbox:checked + i {
    background: #000;
    border-color: #000
}

label .css-checkbox:checked + i:hover:after {
    opacity: 1
}

label .css-checkbox:checked + i:after {
    opacity: 1;
    border-color: #fff
}

label .css-checkbox + i,
label .css-checkbox + i:after,
label .css-checkbox + i:before {
    box-sizing: border-box
}

label .css-checkbox + i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 3.125rem;
    height: 3.125rem;
    margin: 0;
    vertical-align: middle;
    border: none;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border-radius: 3px;
    background: #e3e3e3;
    font-size: 3.125rem;
    cursor: pointer
}

label .css-checkbox + i:hover:after {
    opacity: .2
}

label .css-checkbox + i:after {
    content: '';
    opacity: 0;
    -webkit-transform: translateZ(1px) rotate(-45deg);
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 30%;
    left: 25%;
    width: .5em;
    height: .25em;
    border: .1em solid #222;
    border-top: none;
    border-right: none;
    background: transparent
}

label .css-checkbox-small {
    display: none
}

label .css-checkbox-small:checked + i {
    background: #000;
    border-color: #000
}

label .css-checkbox-small:checked + i:hover:after {
    opacity: 1
}

label .css-checkbox-small:checked + i:after {
    opacity: 1;
    border-color: #fff
}

label .css-checkbox-small + i,
label .css-checkbox-small + i:after,
label .css-checkbox-small + i:before {
    box-sizing: border-box
}

label .css-checkbox-small + i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 .625rem 0 0;
    vertical-align: middle;
    border: none;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border-radius: 3px;
    background: #e3e3e3;
    font-size: 1.75rem;
    cursor: pointer
}

label .css-checkbox-small + i:hover:after {
    opacity: .2
}

label .css-checkbox-small + i:after {
    content: '';
    opacity: 0;
    -webkit-transform: translateZ(1px) rotate(-45deg);
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 30%;
    left: 25%;
    width: .5em;
    height: .25em;
    border: .1em solid #222;
    border-top: none;
    border-right: none;
    background: transparent
}

label .css-radio {
    display: none
}

label .css-radio:checked + i {
    background: #000;
    border-color: #000
}

label .css-radio:checked + i:hover:after {
    opacity: 1
}

label .css-radio:checked + i:after {
    opacity: 1;
    border-color: #fff
}

label .css-radio + i,
label .css-radio + i:after,
label .css-radio + i:before {
    box-sizing: border-box
}

label .css-radio + i {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 2rem;
    height: 2rem;
    margin: 0;
    vertical-align: middle;
    border: none;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border-radius: 3px;
    background: #e3e3e3;
    font-size: 2rem;
    cursor: pointer
}

label .css-radio + i:hover:after {
    opacity: .2
}

label .css-radio + i:after {
    content: '';
    opacity: 0;
    -webkit-transform: translateZ(1px) rotate(-45deg);
    transform: translateZ(1px) rotate(-45deg);
    outline: 1px solid transparent;
    position: absolute;
    top: 30%;
    left: 25%;
    width: .5em;
    height: .25em;
    border: .1em solid #222;
    border-top: none;
    border-right: none;
    background: transparent
}

label.disabled {
    opacity: .5
}

.checkbox-wrapper label {
    position: absolute;
    top: 0;
    left: .625rem
}

.checkbox-wrapper .text {
    margin-left: 3.75rem
}

.checkbox-right span {
    position: absolute;
    display: block;
    width: 100%;
    line-height: 3.125rem;
    text-align: center
}

.checkbox-right i {
    position: absolute;
    right: 0;
    top: 0
}

.selectric-wrapper {
    margin-bottom: .8125rem
}

@media only screen and (min-width: 40.0625em) {
    .selectric-wrapper {
        margin-bottom: 1.25rem
    }
}

.selectric {
    border: none;
    background: #f5f5f5;
    border-radius: 3px
}

.selectric .label {
    text-align: left;
    padding: 0;
    background: none;
    font-size: 1rem;
    color: #7e7e7e;
    line-height: 3.125rem;
    height: 3.125rem;
    margin: 0 2.375rem 0 .9375rem
}

@media only screen and (max-width: 40em) {
    .selectric .label {
        font-size: .875rem;
        line-height: 2.8125rem;
        height: 2.8125rem
    }
}

.selectric .button {
    margin: 0;
    padding: 1.25rem;
    width: 3.125rem;
    height: 3.125rem;
    background: none
}

.selectric .button:after {
    display: none
}

@media only screen and (max-width: 40em) {
    .selectric .button {
        padding: 1.1875rem;
        height: 2.8125rem
    }
}

.selectric .svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #7e7e7e;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width: 40em) {
    .selectric .svg-icon {
        height: .4375rem;
        width: .4375rem
    }
}

.selectric-hover .selectric .label {
    color: #000
}

.selectric-hover .selectric .svg-icon {
    fill: #000
}

.selectric-items {
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.selectric-items li,
.selectric-items ul {
    font-size: 1rem
}

@media only screen and (max-width: 40em) {
    .selectric-items li,
    .selectric-items ul {
        font-size: .875rem
    }
}

.selectric-items li {
    border-top: none;
    color: #7e7e7e
}

.selectric-items li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.selectric-items .disabled {
    color: #7e7e7e !important
}

h1.page-title {
    margin: 1.875rem 0 3.125rem;
    font-size: 2.625rem;
    text-align: center
}

@media only screen and (max-width: 40em) {
    h1.page-title {
        margin: .3125rem 0 .9375rem;
        font-size: 1.5rem
    }
}

h1.prvIntroHeadline {
    font-size: 1rem;
    font-weight: 700;
    margin: .9375rem 0
}

h2.teaser-title {
    font-size: .8rem;
    font-weight: 700;
    margin: .9375rem 0
}

h2.prvIntroHeadline {
    margin: .9375rem 0
}

.ucls1,
h2.prvIntroHeadline {
    font-size: 1rem;
    font-weight: 700
}

.ucls1 {
    text-transform: uppercase;
    letter-spacing: .125rem
}

@media only screen and (max-width: 40em) {
    .ucls1 {
        font-size: .75rem
    }
}

.t1 {
    font-size: 1.25rem
}

@media only screen and (max-width: 40em) {
    .t1 {
        font-size: 1rem
    }
}

.t2 {
    font-size: 1rem;
    font-weight: 700;
    color: #000
}

@media only screen and (max-width: 40em) {
    .t2 {
        font-size: .875rem
    }
}

.t3 {
    font-size: 1.125rem
}

@media only screen and (max-width: 40em) {
    .t3 {
        font-size: .875rem
    }
}

.t4 {
    font-size: .875rem
}

.t5 {
    font-size: 1.25rem;
    color: #000
}

.t5,
.t6 {
    font-weight: 700
}

.t6 {
    font-size: 2rem;
    line-height: 1
}

.es {
    font-family: Eurostile2, Helvetica, Roboto, Arial, sans-serif
}

header {
    position: relative
}

header .tab-bar .menu-icon {
    width: 2.5rem;
    position: relative
}

header .tab-bar .menu-icon:after {
    content: '';
    padding: 1.25rem 2.5rem 2.5rem 1.25rem;
    position: absolute;
    left: -1.25rem;
    top: -1.25rem
}

header .tab-bar .menu-icon span:after {
    left: 0
}

@media only screen and (max-width: 40em) {
    header .tab-bar .menu-icon span:after {
        top: .8125rem
    }
}

header .search {
    margin: .625rem 0 0 2.25rem;
    border-bottom: 1px solid #000
}

header .search input {
    width: 80%;
    float: left;
    font-size: .875rem;
    margin: 0;
    padding: 0;
    height: 1.5625rem;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #000
}

header .search button {
    width: .9375rem;
    height: 1.5625rem;
    float: right;
    margin: 0 0 0 .3125rem;
    background: none
}

header .search button .svg-icon {
    height: .9375rem;
    width: .9375rem;
    display: block;
    margin: 0
}

header .search button:hover {
    background: none
}

@media (max-width: 40em) {
    header .search {
        margin-right: 0
    }
}

header .menu-icon-wrapper {
    display: inline-block;
    vertical-align: top
}

header .logo {
    margin-top: 2rem;
    float: left
}

header .logo a {
    display: inline-block
}

header .logo img {
    width: 12.1875rem
}

@media (max-width: 40em) {
    header .logo img {
        width: 9.375rem
    }
}

header .actions {
    margin-top: 2rem;
    font-size: .875rem;
    float: right
}

header .actions > div {
    float: left;
    display: table;
    height: 1.875rem
}

header .actions a {
    font-size: .875rem;
    display: table;
    height: 100%;
    color: #000
}

header .actions a > * {
    vertical-align: middle;
    display: table-cell
}

header .actions a:hover {
    color: #7e7e7e
}

header .actions .svg-icon {
    height: 1.375rem;
    width: 1.375rem
}

header .actions .search {
    margin: 0 2.8125rem 0 0
}

header .actions .search form {
    display: table-cell;
    vertical-align: middle
}

header .actions .search input {
    width: 9.0625rem
}

@media (max-width: 40em) {
    header .actions .search {
        margin-right: 0
    }
}

header .actions .store-finder {
    margin-left: 1.25rem
}

header .actions .store-finder span {
    padding-left: .4375rem
}

header .actions .login {
    margin-left: 1.5625rem
}

header .actions .login span {
    padding-left: .4375rem
}

header .actions .cart {
    margin-left: 1.25rem
}

header .actions .cart span {
    padding-left: .4375rem
}

@media only screen and (max-width: 40em) {
    header {
        margin-bottom: .1875rem
    }

    header .logo {
        margin-top: .9375rem
    }

    header .actions {
        margin-top: .8125rem
    }
}

@media only screen and (min-width: 40.0625em) {
    header {
        height: 7.1875rem
    }
}

@media only screen and (min-width: 75em) {
    header .menu-icon-wrapper {
        display: none
    }
}

#login-flyout {
    max-width: 300px;
    z-index: 999
}

@media only screen and (max-width: 40em) {
    .breadcrumbs a {
        font-size: .75rem
    }
}

.breadcrumbs > .current {
    font-weight: 700
}

@media only screen and (max-width: 40em) {
    .product-list-wrapper {
        padding: 0 .3125rem
    }
}

.product-list-wrapper .product-wrapper {
    margin-top: .9375rem;
    z-index: 0
}

@media only screen and (min-width: 40.0625em) {
    .product-list-wrapper .product-wrapper {
        margin-top: 1rem
    }
}

@media only screen and (min-width: 64em) {
    .product-list-wrapper .product-wrapper {
        margin-top: 1rem
    }
}

.product-list-wrapper .product {
    position: relative;
    border-bottom: .0625rem solid #e3e3e3;
    padding-bottom: .9375rem
}

@media only screen and (min-width: 40.0625em) {
    .product-list-wrapper .product {
        padding-bottom: 0.875rem
    }
}

.product-list-wrapper .product a {
    display: block;
    color: #7e7e7e
}

.product-list-wrapper .product .btn {
    display: block;
    margin: 0;
    width: 100%
}

.product-list-wrapper .product .product-image {
    position: relative;
    text-align: center
}

.product-list-wrapper .product .product-image img.full-width {
    max-width: 18rem
}

.product-list-wrapper .product .product-sizes-wrapper {
    max-width: 18rem
}

.product-list-wrapper .product .product-infos {
    max-width: 18rem
}

.product-list-wrapper .product {
    max-width: 18rem
}

@media only screen and (min-width: 64em) {
    .product-list-wrapper .product .product-image img.full-width {
        max-width: 15.84375rem
    }

    .product-list-wrapper .product .product-sizes-wrapper {
        max-width: 15.84375rem
    }

    .product-list-wrapper .product .product-infos {
        max-width: 15.84375rem
    }

    .product-list-wrapper .product {
        max-width: 15.84375rem
    }

}

@media (min-width: 1300px) {
    .product-list-wrapper .product .product-image img.full-width {
        max-width: 21rem
    }

    .product-list-wrapper .product .product-sizes-wrapper {
        max-width: 21rem
    }

    .product-list-wrapper .product .product-infos {
        max-width: 21rem
    }

    .product-list-wrapper .product {
        max-width: 21rem
    }

}

.product-list-wrapper .product .product-image .product-badge {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .875rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .625rem;
    background-color: #000;
    color: #fff;
    line-height: 1;
    min-width:62px;
    min-height: 57px;
}

.product-list-wrapper .product .product-image .product-badge span{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.product-list-wrapper .product .product-image .product-badge.sale {
    background-color: #ec6963;
    display: none;
}
.product-list-wrapper .product .product-image .product-badge.sold-out {
    background-color: #E9E9E9;
    color: #7B7B7B;
}

.product-list-wrapper .product .product-image .back,
.product-list-wrapper .product .product-image:hover .front {
    display: none
}

.product-list-wrapper .product .product-image:hover .back {
    display: inline-block
}

.product-list-wrapper .product .product-sizes-wrapper {
    position: relative;
    height: 2.5rem
}

.product-list-wrapper .product .product-sizes-large {
    margin-top: .625rem
}

.product-list-wrapper .product .product-sizes-large .size-wrapper {
    width: 3.75rem;
    text-align: center;
    border: 1px solid #7e7e7e;
    display: inline-block;
    margin: 0 .3125rem .625rem 0;
    padding: .25rem
}

.product-list-wrapper .product .product-sizes-large .size {
    color: #7e7e7e;
    white-space: nowrap
}

.product-list-wrapper .product .product-sizes-large .out-of-stock {
    text-decoration: line-through;
    color: #e3e3e3
}

.product-list-wrapper .product .product-sizes {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
}

.product-list-wrapper .product .product-sizes .mac-accordion-header {
    text-transform: uppercase;
    border: .0625rem solid #e3e3e3;
    padding: .625rem;
    color: #7e7e7e
}

.product-list-wrapper .product .product-sizes .mac-accordion-header .svg-icon {
    fill: #7e7e7e;
    height: .5rem;
    width: .5rem
}

@media only screen and (min-width: 40.0625em) {
    .product-list-wrapper .product .product-sizes .mac-accordion-header .svg-icon {
        margin-top: .1875rem;
        fill: #7e7e7e;
        height: .75rem;
        width: .75rem
    }
}

.product-list-wrapper .product .product-sizes .mac-accordion-content {
    border: .0625rem solid #e3e3e3;
    border-top: none
}

.product-list-wrapper .product .product-sizes .size {
    display: block;
    text-align: center
}

.product-list-wrapper .product .product-sizes .out-of-stock {
    text-decoration: line-through;
    color: #ccc
}

.product-list-wrapper .product .product-infos {
    margin-top: .625rem
}

.product-list-wrapper .product .product-name {
    font-size: 1rem;
    font-weight: 700;
    margin: 1.5625rem 0 .625rem;
    line-height: 1.125rem;
    text-align: center
}

@media only screen and (max-width: 40em) {
    .product-list-wrapper .product .product-name {
        font-size: .875rem;
        margin: .9375rem 0 .625rem
    }
}

.product-list-wrapper .product .price-wrapper {
    text-align: center;
    font-weight: 700
}

.product-detail-content-wrapper {
    margin-top: .8125rem
}

.product-detail-content-wrapper .product-preview-image img.full-width,
.product-detail-content-wrapper .product-view-slider-wrapper img.full-width {
    max-width: 18rem
}

@media only screen and (max-width: 40em) {
    .product-detail-content-wrapper .product-preview-image img.full-width,
    .product-detail-content-wrapper .product-view-slider-wrapper img.full-width {
        max-width: 14.6875rem
    }
}

@media (min-width: 1300px) {
    .product-detail-content-wrapper .product-preview-image img.full-width,
    .product-detail-content-wrapper .product-view-slider-wrapper img.full-width {
        max-width: 21rem
    }
}

.pager-item {
    cursor: pointer;
}

.pager-item:hover {
    opacity: .7
}

.product-detail-content-wrapper .product-view-thumbs-wrapper img.full-width {
    max-width: 8.75rem
}

.video {
    cursor: pointer
}

.video .play {
    height: 54px;
    width: 54px;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
    position: absolute;
    background: url(../images/content/play_button.png) no-repeat 0 0;
}

.video .play:hover {
    background-position: 0 -85px;
}

.offcanvas-header-wrapper .small-6 {
    float: left;
    border-right: 1px solid #fafafa
}

.offcanvas-header-wrapper .small-6.end {
    border: none
}

.offcanvas-header-wrapper .svg-icon {
    fill: #000
}

.off-canvas-list .highlight a {
    color: #bd0f02
}

.off-canvas-list > li .offcanvas-main-accordion-header,
.off-canvas-list > li > a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.125rem
}

.off-canvas-list .offcanvas-sub-accordion-header {
    text-transform: uppercase
}

.off-canvas-list .offcanvas-sub-accordion-content li a {
    line-height: 1;
    padding: .625rem .625rem .625rem 1.5625rem;
    font-size: .875rem;
    color: #7e7e7e;
    border: none
}

.off-canvas-list .offcanvas-sub-accordion-content li a:hover {
    color: #000
}

.off-canvas-list .offcanvas-sub-sub-accordion-content li a {
    padding-left: 2.5rem
}

.off-canvas-list .has-submenu a:after {
    display: none !important
}

.off-canvas-list .has-submenu a .svg-icon {
    height: 1rem;
    width: 1rem;
    float: right;
    margin-top: .1875rem
}

.off-canvas-list .has-submenu .offcanvas-sub-sub-accordion-header a .svg-icon {
    height: .625rem;
    width: .625rem;
    margin: .125rem .25rem 0 0
}

.off-canvas-list li .ui-state-active {
    background-color: #f5f5f5
}

.theme-wrapper .theme-header {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 1.25rem 0
}

.theme-wrapper .theme-header h1,
.theme-wrapper .theme-header h2 {
    margin: 0
}

.theme-wrapper .teaser {
    padding: 1.25rem 0
}

@media only screen and (min-width: 40.0625em) {
    .theme-wrapper .teaser {
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 40.0625em) {
    .theme-wrapper .teaser .text {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

.theme-wrapper .product-list-wrapper .product .product-image img.full-width {
    max-width: 10rem
}

.theme-wrapper .product-list-wrapper .product .product-sizes {
    background: none
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-header {
    background: hsla(0, 0%, 100%, .75)
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content {
    padding: 0
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li {
    padding: .625rem .9375rem .625rem 1.25rem;
    border-bottom: 1px solid #e3e3e3;
    background: hsla(0, 0%, 100%, .9)
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li:last-child {
    border-bottom: none
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li .svg-icon {
    fill: #7e7e7e;
    height: 1.5rem;
    width: 1.5rem;
    float: right
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li:hover {
    background: hsla(0, 0%, 96%, .9)
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li:hover .svg-icon {
    fill: #000
}

.theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li:hover a {
    color: #000
}

@media only screen and (max-width: 40em) {
    .theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li {
        padding: .625rem .3125rem .625rem .625rem
    }

    .theme-wrapper .product-list-wrapper .product .mac-accordion-content ul li .svg-icon {
        height: 1.25rem;
        width: 1.25rem
    }
}

#theme-outfit-slider.reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 17.5rem;
    right: 0;
    width: 70%;
    min-height: inherit
}

@media only screen and (min-width: 40.0625em) {
    #theme-outfit-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 17.5rem;
        right: 0;
        width: 70%
    }
}

@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    #theme-outfit-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 25rem;
        right: 0;
        width: 70%
    }
}

@media only screen and (min-width: 64em) and (min-width: 40.0625em) {
    #theme-outfit-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 25rem;
        right: 0;
        width: 50%
    }
}

@media only screen and (min-width: 75em) and (min-width: 40.0625em) {
    #theme-outfit-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 25rem;
        right: 0;
        width: 30%
    }
}

#theme-outfit-slider .outfit-slider-wrapper img,
#theme-outfit-slider .outfit-slider-wrapper picture {
    display: block;
    width: 100%
}

#theme-outfit-slider .outfit-slider-wrapper .outfit-slider .slide {
    width: 100%
}

#theme-outfit-slider .outfit-slider-wrapper .slide-controls {
    margin: .625rem
}

#theme-outfit-slider .outfit-slider-wrapper .slide-controls .svg-icon {
    fill: #000;
    height: 2rem;
    width: 2rem
}

@media only screen and (max-width: 40em) {
    .reveal-modal.inspiration {
        min-height: inherit;
        max-width: 90%;
        left: 0;
        right: 0;
        margin: 1.25rem auto 0
    }
}

.inner-wrap,
li,
p {
    font-size: .875rem
}

img.full-width,
img.full-width.only-small {
    width: 100%
}

svg path,
svg polygon,
svg rect {
    fill: inherit
}

:focus {
    outline: 0 none
}

.svg-icon {
    height: 1.25rem;
    width: 1.25rem;
    fill: #000;
    vertical-align: middle;
    display: inline-block
}

.slide-controls .svg-icon {
    height: 2rem;
    width: 2rem;
    fill: #fff;
    vertical-align: middle;
    display: inline-block
}

.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0
}

.close-reveal-modal {
    z-index: 999
}

input,
label,
select,
textarea {
    font-size: 1rem
}

input,
select {
    border: none
}

blockquote.marks:after {
    content: '';
    background: url(../images/icons/default/icon-quote-right.svg) no-repeat scroll 0 0 transparent;
    background-size: contain;
    float: right;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-transform: translateY(-1.25rem);
    transform: translateY(-1.25rem)
}

@media screen and (max-width: 40em) {
    .small-only-right {
        float: right
    }

    .small-only-inline-block {
        display: inline-block
    }

    .small-only-margin-top {
        margin-top: 1.25rem
    }

    #formSearchStores .small-only-margin-top {
        margin-top: 0rem
    }

    .small-only-no-margin {
        margin: 0
    }

    .small-only-capitalize {
        text-transform: capitalize
    }
}

.block {
    display: block
}

.bold {
    font-weight: 700
}

.error-message {
    color: darkred
}

.text-upper {
    text-transform: uppercase
}

.text-underline {
    text-decoration: underline
}

.no-max-width {
    max-width: none !important
}

.no-margin {
    margin: 0
}

.no-margin-bottom {
    margin-bottom: 0
}

.margin-top {
    margin-top: 1.25rem
}

.margin-bottom {
    margin-bottom: 1.25rem
}

.margin-left {
    margin-left: 1.25rem
}

.margin-right {
    margin-right: 1.25rem
}

.padding-top {
    padding-top: 1.25rem
}

.padding-bottom {
    padding-bottom: 1.25rem
}

.no-float {
    float: none !important
}

.reveal-modal.open .overlay {
    display: inherit !important;
    color: #000
}

.reveal-modal.open .overlay .close {
    display: none
}

.reveal-modal.open .overlay .product .next .svg-icon {
    height: 1rem;
    width: 1rem
}

.reveal-modal.open .overlay .divider {
    border-top: .0625rem solid #000;
    min-height: 1px;
    max-height: 1px;
    margin: .9375rem 0
}

.reveal-modal.open .overlay .note {
    margin-top: 1.875rem;
    font-size: .8125rem
}

.button,
.button.expand,
button,
button.expand {
    padding: .8125rem .875rem
}

.button.expand.info,
.button.info,
button.expand.info,
button.info {
    color: #fff;
    font-size: .875rem
}

.button.expand.info:focus,
.button.expand.info:hover,
.button.info:focus,
.button.info:hover,
button.expand.info:focus,
button.expand.info:hover,
button.info:focus,
button.info:hover {
    color: #fff;
    background-color: #333
}

.button.expand.info.text-left .svg-icon,
.button.info.text-left .svg-icon,
button.expand.info.text-left .svg-icon,
button.info.text-left .svg-icon {
    margin-left: .625rem
}

.button.expand.info.text-left.expand .svg-icon,
.button.info.text-left.expand .svg-icon,
button.expand.info.text-left.expand .svg-icon,
button.info.text-left.expand .svg-icon {
    float: right
}

.button.expand.info.text-right .svg-icon,
.button.info.text-right .svg-icon,
button.expand.info.text-right .svg-icon,
button.info.text-right .svg-icon {
    float: left;
    margin-right: .625rem
}

.button.expand.info .svg-icon,
.button.info .svg-icon,
button.expand.info .svg-icon,
button.info .svg-icon {
    fill: #fff
}

a.inversed {
    color: #000
}

a.inversed:hover {
    color: #7e7e7e
}

.cycle-sentinel + .cycle-sentinel {
    display: none !important
}

.content-headline {
    font-size: 1.125rem
}

.subheadline {
    font-size: 1rem;
    font-weight: 700
}

.category-headline {
    font-size: 1.375rem;
    text-transform: uppercase
}

.button.btn-unstyled {
    color: #909090
}

.button.btn-icon,
.button.btn-unstyled {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0 none
}

.button.btn-icon {
    color: #000
}

.button.btn-icon .svg-icon {
    fill: #000
}

.button.small-expand {
    width: 100%
}

.button.slim {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.toggle-btn .active-text,
.toggle-btn .open {
    display: none
}

.toggle-btn .inactive-text {
    display: block
}

.toggle-btn .closed {
    display: inherit
}

.toggle-btn.toggle-active .active,
.toggle-btn.toggle-active .active-text {
    display: block
}

.toggle-btn.toggle-active .closed,
.toggle-btn.toggle-active .inactive,
.toggle-btn.toggle-active .inactive-text {
    display: none
}

.toggle-btn.toggle-active .open {
    display: inherit
}

.toggle-btn.toggle-active .change-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.toggle-content {
    display: none
}

.toggle-content.toggle-active-content {
    display: block
}

.mac-accordion-wrapper .mac-accordion-header {
    font-weight: 700;
    color: #000;
    padding: .625rem 1.25rem .625rem 0
}

.mac-accordion-wrapper .mac-accordion-header .svg-icon {
    float: right
}

.mac-accordion-wrapper .mac-accordion-header.bordered {
    border-top: .0625rem solid #e3e3e3;
    border-bottom: .0625rem solid #e3e3e3;
    margin-top: -.0625rem;
    padding-right: .3125rem
}

.mac-accordion-wrapper .mac-accordion-header.bordered .svg-icon {
    margin-top: .3125rem
}

.mac-accordion-wrapper .mac-accordion-header.bordered.ui-state-hover {
    background: #f5f5f5
}

.mac-accordion-wrapper .mac-accordion-content {
    overflow: inherit;
    padding: .625rem 0
}

.mac-accordion-wrapper .mac-accordion-content .content-element {
    margin: 0
}

@media screen and (max-width: 40em) {
    .mac-accordion-wrapper .mac-accordion-header {
        border-top: .0625rem solid #e3e3e3;
        border-bottom: .0625rem solid #e3e3e3;
        margin-top: -.0625rem
    }

    .mac-accordion-wrapper .mac-accordion-header .svg-icon {
        float: right;
        margin-top: .3125rem;
        height: .4375rem;
        width: .4375rem
    }
}

.ui-accordion-header.ui-accordion-header-active .change-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ui-accordion-header.ui-accordion-header-active .change-arrow.inversed {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui-accordion-header.ui-accordion-header-active .change-plus-minus .active {
    display: block
}

.ui-accordion-header.ui-accordion-header-active .change-plus-minus .inactive {
    display: none
}

.change-arrow {
    height: .5rem;
    width: .5rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.change-arrow.inversed {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.change-plus-minus {
    height: .6875rem;
    width: .6875rem
}

.change-plus-minus .active {
    display: none
}

.change-plus-minus .inactive {
    display: block
}

.reveal-modal .modal-headline {
    font-size: 1.125rem
}

.page-footer-wrapper {
    margin: 1.875rem 0
}

.page-footer-wrapper .divider {
    border-top: .0625rem solid #e3e3e3;
    min-height: 1px
}

.footer-navigation-wrapper ul {
    line-height: .9
}

.footer-navigation-wrapper ul li {
    font-size: .9375rem;
    margin-bottom: .625rem
}

.footer-navigation-wrapper .footer-navigation {
    text-transform: uppercase
}

.footer-navigation-wrapper .footer-navigation + .footer-navigation {
    border-top: 0 none
}

.footer-navigation-wrapper .footer-navigation .mac-accordion-header {
    color: #7e7e7e;
    font-size: .75rem;
    letter-spacing: .125rem;
    padding: .625rem 1.25rem
}

.footer-navigation-wrapper .footer-navigation .footer-navi {
    text-transform: none
}

.footer-navigation-wrapper .footer-navigation .svg-icon {
    fill: #7e7e7e
}

.footer-navigation-wrapper .social-wrapper {
    margin: 2.5rem 0 1.25rem
}

.square-icons {
    list-style-type: none;
    display: inline-table;
    margin: 0
}

.square-icons li {
    margin: 0 .5rem .5rem 0;
    display: inline-block
}

.square-icons a {
    display: block;
    background-color: #ececec;
    line-height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    border-radius: .125rem
}

.square-icons a:hover.at {
    background-color: #7e7e7e
}

.square-icons a:hover.twitter {
    background-color: #00aced
}

.square-icons a:hover.facebook {
    background-color: #3b5998
}

.square-icons a:hover.instagram {
    background-color: #49799d
}

.square-icons a:hover.youtube {
    background-color: #b00
}

.square-icons a:hover.blog {
    background-color: #f40
}

.square-icons a:hover .svg-icon {
    fill: #fff
}

.square-icons a .svg-icon {
    fill: #7e7e7e;
    height: 1rem;
    width: 1rem
}

@media only screen and (min-width: 40.0625em) {
    .square-icons.big li {
        margin-right: .5rem
    }

    .square-icons.big a {
        line-height: 3.125rem;
        width: 3.125rem
    }

    .square-icons.big a .svg-icon {
        height: 1.5rem;
        width: 1.5rem
    }
}

.teaser-content-wrapper {
    color: #7e7e7e
}

.teaser-content-wrapper p {
    line-height: 1.2
}

.teaser-outer-wrapper .teaser-wrapper + .teaser-wrapper {
    margin-top: 1.25rem
}

.teaser-outer-wrapper .teaser-wrapper.with-text {
    position: relative;
    min-height: 150px
}

.teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper .teaser-text {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff
}

.teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper .teaser-text-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper .teaser-text-inner h1 {
    font-size: 2.625rem;
    line-height: 2.25rem;
    color: #000;
    margin: 0
}

.filter-wrapper a.active {
    color: #000;
    text-decoration: underline
}

.filter-wrapper .filter-header {
    float: right;
    margin-bottom: 0
}

.filter-wrapper .filter-header .svg-icon {
    fill: #7e7e7e;
    margin-left: 1.875rem
}

.filter-wrapper .filter-header.toggle-active {
    background-color: #333;
    color: #fff
}

.filter-wrapper .filter-header.toggle-active .svg-icon {
    fill: #fff
}

.filter-wrapper .filter-counter {
    display: block;
    float: right;
    line-height: normal;
    padding: .875rem 2.1875rem .875rem 0
}

.filter-wrapper .filter-content {
    clear: both;
    padding-top: 1.875rem
}

.filter-wrapper .filter-list .mac-accordion-header {
    font-weight: 700;
    color: #000;
    text-align: center;
    border: .0625rem solid #ccc;
    padding-right: 0
}

.filter-wrapper .filter-list + .filter-list .mac-accordion-header {
    border-top: 0 none
}

.filter-wrapper .filter-list .mac-accordion-content {
    text-align: center;
    border: .0625rem solid #ccc;
    border-top: none
}

.filter-wrapper .filter-list .mac-accordion-content li a {
    padding: .3125rem 0;
    display: block
}

.filter-wrapper .btn-reset .svg-icon {
    fill: #7e7e7e;
    margin-right: .625rem;
    height: .9375rem;
    width: .9375rem
}

.pagination-wrapper {
    margin: 1.875rem 0 .625rem
}

.pagination-wrapper ul.pagination {
    display: inline-table
}

.pagination-wrapper ul.pagination li {
    margin-bottom: .375rem
}

.pagination-wrapper ul.pagination li a {
    line-height: 3rem;
    width: 3rem;
    text-align: center;
    background-color: #ececec
}

.pagination-wrapper ul.pagination li a .svg-icon {
    fill: #7e7e7e
}

.pagination-wrapper ul.pagination li a:hover {
    color: #000;
    background-color: #f5f5f5
}

.pagination-wrapper ul.pagination li a:hover .svg-icon {
    fill: #000
}

@media only screen and (max-width: 40em) {
    .pagination-wrapper ul.pagination li a {
        line-height: 2.7rem;
        width: 2.7rem
    }
}

.mac-info-wrapper a {
    text-decoration: underline
}

.mac-info-wrapper p {
    font-size: .875rem;
    line-height: 1.25
}

@media screen and (max-width: 40em) {
    .mac-info-wrapper .preview-content.inactive .shorttext {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 4.375rem;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .mac-info-wrapper .preview-content.inactive .shorttext ~ * {
        display: none
    }

    .mac-info-wrapper .preview-content .shorttext {
        margin-bottom: .625rem;
        height: auto;
        font-size: .875rem;
        line-height: 1.25
    }

    .mac-info-wrapper .preview-content .shorttext ~ * {
        display: block
    }
}

.mac-info-wrapper .mac-info-toggle .active-text {
    display: none
}

.mac-info-wrapper .mac-info-toggle.active .active-text,
.mac-info-wrapper .mac-info-toggle .inactive-text {
    display: block
}

.mac-info-wrapper .mac-info-toggle.active .inactive-text {
    display: none
}

.mac-info-wrapper .teaser-text-inner p {
    font-size: 1rem !important
}

.mac-info-wrapper .teaser-text-inner a.button {
    text-decoration: none
}

.category-navigation-wrapper {
    text-align: center;
    margin-top: 1.25rem
}

.category-navigation-wrapper .category-block + .category-block {
    margin-top: 3rem
}

.category-navigation-wrapper ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.category-navigation-wrapper ul li {
    border-top: .0625rem solid #ececec;
    border-bottom: .0625rem solid #ececec
}

.category-navigation-wrapper ul li + li {
    border-top: 0 none
}

.category-navigation-wrapper ul li:hover {
    background: #f5f5f5
}

.category-navigation-wrapper ul a {
    display: block;
    text-transform: uppercase;
    color: #333;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: .625rem 1.875rem .4375rem;
    position: relative
}

.category-navigation-wrapper ul a .icon-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.125rem;
    padding-right: .625rem
}

.category-navigation-wrapper ul a .svg-icon {
    height: .9375rem;
    width: .9375rem
}

.product-navigation-wrapper .back-to-overview {
    line-height: 2.1875rem;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    float: right;
    font-size: .75rem
}

.product-navigation-wrapper .prev-next-product-wrapper {
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.25rem
}

.product-navigation-wrapper .prev-next-product-wrapper > .button {
    display: inline-block
}

.product-navigation-wrapper .prev-next-product-wrapper .prev-product {
    border-right: 1px solid #e3e3e3;
    padding: 0 1.25rem 0 0
}

.product-navigation-wrapper .prev-next-product-wrapper .next-product {
    padding: 0 0 0 1.25rem
}

.product-navigation-wrapper a {
    line-height: 2.1875rem
}

.product-navigation-wrapper a.btn-icon .svg-icon {
    fill: #7e7e7e;
    height: 1.375rem;
    width: 1.375rem
}

.product-navigation-wrapper a.btn-icon:hover .svg-icon {
    fill: #000
}

.product-view-slider-outer-wrapper .product-view-slider-wrapper {
    position: relative;
    text-align: center;
    z-index: 0
}

.product-view-slider-outer-wrapper .product-view-slider .slide {
    display: inline-block;
    width: 100%
}

.product-view-slider-outer-wrapper .product-view-slider .slide-img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.product-view-slider-outer-wrapper .product-view-controls {
    position: absolute;
    top: 50%;
    z-index: 100;
    width: 1.875rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    cursor: pointer
}

.product-view-slider-outer-wrapper .product-view-controls.product-view-prev {
    left: 0;
    margin-top: -1.5625rem
}

.product-view-slider-outer-wrapper .product-view-controls.product-view-next {
    right: 0;
    margin-top: -1.5625rem
}

.product-view-slider-outer-wrapper .product-view-controls .svg-icon {
    fill: #7e7e7e;
    height: 2rem;
    width: 2rem
}

.product-information-wrapper {
    color: #000
}

.product-information-wrapper .product-detail-block {
    margin-top: .3125rem
}

.product-information-wrapper .product-name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 1.5625rem 0 0
}

.product-information-wrapper .product-details-link,
.product-information-wrapper .product-label {
    font-size: .9rem
}

.product-information-wrapper .product-details-link .svg-icon {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -.125rem
}

.product-information-wrapper .article-information {
    font-size: .8rem;
    font-style: normal
}

.product-information-wrapper .article-information span {
    display: block
}

.product-information-wrapper .product-price-wrapper .price {
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    line-height: normal
}

.product-information-wrapper .product-price-wrapper .tax-info {
    display: block;
    font-size: .8rem
}

.product-information-wrapper .product-price-wrapper .tax-info a.next .svg-icon {
    height: .875rem;
    width: .875rem;
    vertical-align: sub
}

.product-information-wrapper hr {
    margin: 1.5625rem 0 1.25rem
}

.product-information-wrapper .select-wrapper label.inline {
    line-height: 2.8125rem;
    margin: 0 0 0 1.25rem;
    padding: 0;
    font-size: .875rem
}

.product-information-wrapper .branch-delivery-wrapper {
    font-size: .875rem
}

.product-information-wrapper .wishlist-wrapper {
    font-size: .75rem
}

.product-information-wrapper .wishlist-wrapper h4 {
    margin: 1.25rem 0 0
}

.product-information-wrapper .selectric .label {
    font-size: .9375rem
}

.color-select-wrapper {
    margin: 0 0 1.875rem
}

.color-select-wrapper h4 {
    margin: 0
}

.color-select-wrapper .color-wrapper {
    margin-top: .9375rem
}

.color-select-wrapper .color-wrapper .color-pattern-wrapper {
    width: 3.125rem;
    float: left
}

.color-select-wrapper .color-wrapper .color-pattern-wrapper .color-pattern {
    margin: 0 0 .125rem;
    padding: 0;
    position: relative
}

.color-select-wrapper .color-wrapper .color-pattern-wrapper .color-pattern .color {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 50%;
    margin-bottom: .1875rem;
    border: 1px solid #e3e3e3;

    background-size: 35px !important;
}

.color-select-wrapper .color-wrapper .color-pattern-wrapper .color-pattern .indicator {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    height: 3px;
    width: 1.25rem;
    margin: 0 .3125rem
}

.color-select-wrapper .color-wrapper .color-pattern-wrapper input[type=radio]:checked + .color-pattern .indicator {
    background-color: #000
}

.product-details-wrapper {
    margin-top: .9375rem;
    padding-top: .9375rem;
    border-top: 1px solid #e3e3e3
}

.product-details-wrapper .product-detail-block {
    margin-bottom: 1.25rem
}

.product-details-wrapper .product-detail-block .inactive {
    display: none
}

.product-details-wrapper .care-icon-wrapper .svg-icon {
    fill: #7e7e7e;
    height: 1.5625rem;
    width: 1.5625rem
}

.product-details-wrapper .care-icon-wrapper .svg-icon + .svg-icon {
    margin-left: .9375rem
}

.mac-sizes-overview td,
.mac-sizes-overview th {
    padding: 0 .3125rem .1875rem 0;
    font-size: .75rem;
    text-align: right;
    width: 3.5rem;
    white-space: nowrap;
}
.mac-sizes-overview td:first-child, .mac-sizes-overview th:first-child {
    text-align: left;
    min-width: 6rem;
}
.mac-sizes-overview thead th {
    padding-bottom: .9375rem
}

.mac-sizes-overview tbody th {
    font-weight: 400
}

.cross-selling-product-wrapper {
    margin-top: 1.5625rem
}

.cross-selling-product-wrapper .product-list-wrapper .product {
    border: none
}

.cross-selling-product-wrapper .product-list-wrapper .product img.full-width {
    max-width: 7.5rem
}

@media only screen and (max-width: 40em) {
    .cross-selling-product-wrapper .product-list-wrapper .columns:nth-of-type(1n+3) {
        display: none
    }
}

.mac-slider-wrapper {
    margin-top: 1.25rem;
    position: relative;
    z-index: 0
}

.slide-controls {
    position: absolute;
    top: 50%;
    z-index: 100;
    width: 1.875rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    cursor: pointer
}

.slide-controls.slide-prev {
    left: 1rem;
    margin-top: -1.5625rem
}

.slide-controls.slide-next {
    right: 1rem;
    margin-top: -1.5625rem
}

.slide-pager {
    text-align: center;
    position: absolute;
    z-index: 100;
    width: 100%;
    bottom: .9375rem
}

.slide-pager .pager-item {
    display: inline-block;
    background-color: #fff;
    width: .9375rem;
    height: .9375rem;
    margin: 0 .3125rem;
    border-radius: 50%;
    border: 1px solid #aaa;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.slide-pager .pager-item.cycle-pager-active {
    background-color: #aaa
}

.slide {
    text-align: center
}

/* @NP: 2017.04.05 - WEBSTOREOXID-552 - Groesse der schwrzen balben auf 70%, anstelle 50% */
.slide .cta {
    position: absolute;
    width: 70%;
    padding: .3125rem;
    margin: auto;
    bottom: .625rem;
    left: 0;
    right: 0;
    background: #000;
    color: #fff
}

.slide .teaser-text {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: .625rem
}

.homepage-wrapper {
    margin-bottom: 1.25rem
}

.homepage-wrapper .content-headline {
    text-transform: uppercase
}

.homepage-wrapper .homepage-content-wrapper,
.homepage-wrapper .teaser-outer-wrapper .teaser-wrapper,
.homepage-wrapper .teaser-text-video-outer-wrapper {
    margin-top: 1.25rem
}

.homepage-wrapper .teaser-text-video-outer-wrapper .text-wrapper {
    text-align: center
}

.homepage-wrapper .teaser-text-video-outer-wrapper .teaser-text {
    display: block
}

.homepage-wrapper .mac-info-wrapper p {
    font-size: .7rem;
    line-height: 1.1
}

.flex-video.square {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    padding-top: 0;
    position: relative
}

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

.flex-video.square.no-padding-top,
.flex-video.square.vimeo {
    padding-top: 0
}

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

.look-of-the-month-wrapper + .look-of-the-month-wrapper {
    margin-top: 3.75rem
}

.look-of-the-month-wrapper .look-preview-product {
    margin-top: 1.25rem
}

.look-of-the-month-wrapper .look-preview-product .price-wrapper {
    text-align: center
}

.look-of-the-month-wrapper .look-of-the-month-slider-wrapper {
    margin-bottom: 1.25rem
}

.look-of-the-month-wrapper .look-of-the-month-details .info {
    text-align: center;
    margin: 1.25rem 0
}

.content-element + .content-element {
    margin-top: 1.25rem
}

.highlight-clipping {
    margin-bottom: 1.25rem
}

.highlight-clipping .back,
.highlight-clipping:hover .front {
    display: none
}

.highlight-clipping:hover .back {
    display: inline-block
}

.inspiration-slider-wrapper .slide-controls,
.look-of-the-month-wrapper .slide-controls {
    margin-left: .625rem;
    margin-right: .625rem
}

.inspiration-slider-wrapper .slide-controls .svg-icon,
.look-of-the-month-wrapper .slide-controls .svg-icon {
    fill: #fff;
    height: 2rem;
    width: 2rem
}

.inspiration-wrapper .inspiration-slider .slide {
    position: relative
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper {
    display: block;
    position: absolute
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .inspiration-product {
    position: absolute;
    top: 0;
    left: 0;
    border: .125rem solid #333;
    border-radius: 100%;
    width: 1.875rem;
    height: 1.875rem;
    text-align: center
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .inspiration-product .svg-icon {
    height: .9375rem;
    width: .9375rem
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .inspiration-product.light {
    border-color: #f5f5f5
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .inspiration-product.light .svg-icon {
    fill: #fff
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .overlay {
    display: none;
    position: absolute;
    width: 17.5rem;
    background-color: hsla(0, 0%, 100%, .87);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    color: #000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    padding: 1.25rem;
    margin: 0 .625rem
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .overlay .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .3125rem
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .overlay .product .next .svg-icon {
    height: 1rem;
    width: 1rem
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .overlay .divider {
    border-top: .0625rem solid #000;
    min-height: 1px;
    max-height: 1px;
    margin: .9375rem 0
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper .overlay .note {
    margin-top: 1.875rem;
    font-size: .8125rem
}

.inspiration-wrapper .inspiration-slider .overlay-wrapper.active .close-reveal-modal {
    display: none
}

@media screen and (max-width: 40em) {
    .inspiration-modal .inspiration-modal-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.inspiration-modal .modal-headline {
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 700
}

.inspiration-modal .product-link {
    display: block;
    margin: 1.25rem 0
}

.inspiration-modal .close-modal {
    font-size: .875rem;
    text-transform: uppercase;
    line-height: 1rem
}

.inspiration-modal .close-modal span {
    vertical-align: middle;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1rem
}

.company-wrapper + .company-wrapper {
    margin-top: 1.875rem
}

.company-wrapper .entry-teaser-item {
    text-align: center
}

.company-wrapper .entry-teaser-item .teaser-bg-image {
    display: block;
    background: transparent no-repeat scroll top;
    background-size: auto 5.3125rem;
    padding-top: 5.3125rem
}

.company-wrapper .entry-teaser-item .entry-teaser-headline {
    color: inherit;
    line-height: inherit;
    text-transform: uppercase;
    font-size: 1.625rem;
    font-weight: 700;
    font-style: normal;
    padding: .3125rem 0;
    margin: 0
}

.company-wrapper .entry-teaser-item .entry-teaser-headline .icon-wrapper {
    float: right
}

.company-wrapper .entry-teaser-item .entry-teaser-headline .icon-wrapper .svg-icon {
    height: .9375rem;
    width: .9375rem;
    vertical-align: baseline
}

.company-wrapper .entry-teaser-item .entry-teaser-subheadline {
    font-size: 1rem;
    padding: .75rem 0;
    margin: 0;
    color: inherit;
    line-height: inherit;
    border-top: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc
}

.language-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.language-page .language-select-wrapper {
    height: 100%;
    width: 100%;
    background: transparent no-repeat scroll top/cover
}

.language-page .language-select-wrapper button {
    width: 3.125rem;
    background: #f5f5f5
}

.language-page .language-select-wrapper button:hover {
    background: #000
}

.language-page .language-select-wrapper button:hover .svg-icon {
    fill: #fff
}

.language-page .language-select-wrapper .selectric-items li,
.language-page .language-select-wrapper .selectric-items ul,
.language-page .language-select-wrapper .selectric .label {
    font-size: .875rem
}

.language-page .language-select {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.language-page .language-select .language-country-select {
    margin-top: 1.25rem
}

.checkout-wrapper .highlight,
.checkout-wrapper .table-header {
    color: #000
}

.checkout-wrapper .lbl {
    margin-top: 10px;
    display: block
}

@media screen and (max-width: 40em) {
    .checkout-wrapper .lbl.hidden-for-small {
        display: none
    }
}

.checkout-wrapper .product .price.default {
    text-decoration: line-through
}

.checkout-wrapper .product .price.discounted {
    color: red;
    white-space: normal;
}
.checkout-wrapper .product .addinfobasket.discounted {
    color: red;
}

@media screen and (max-width: 40em) {
    .checkout-wrapper .checkout-login-option .radio {
        float: left;
        width: 3.125rem
    }

    .checkout-wrapper .checkout-login-option .content {
        margin-left: 3.125rem
    }

    .checkout-wrapper .checkout-login-option .content .details {
        display: none
    }

    .checkout-wrapper .checkout-login-option.active .details {
        display: inherit
    }
}

.checkout-wrapper .checkout-option .radio {
    float: left;
    width: 3.125rem
}

.checkout-wrapper .checkout-option .content {
    margin: .1875rem 0 0 3.125rem;
    margin-left: 3.125rem
}

.checkout-wrapper .checkout-option .content .details {
    display: none
}

.checkout-wrapper .checkout-option.active .details {
    display: inherit
}

.wishlist .remove-product {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.125rem;
    height: 3.125rem;
    z-index: 5;
    background-color: #000
}

.wishlist .remove-product .svg-icon {
    fill: #fff
}

.wishlist .checkbox-right {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin: 1.5625rem 0 0
}

@media only screen and (max-width: 40em) {
    .wishlist .checkbox-right {
        margin: .9375rem 0 0
    }
}

.wishlist .checkbox-right label {
    font-size: .875rem;
    margin: .625rem 0
}

.wishlist .checkbox-right em {
    font-style: normal
}

.max-width-160,
.selectric-max-width-160 {
    max-width: 10rem
}

.max-width-850 {
    max-width: 53.125rem
}

@media only screen and (min-width: 40.0625em) {
    .inner-wrap,
    li,
    p {
        font-size: 1rem
    }

    img.full-width.only-small {
        width: auto
    }

    .small-only-margin-top {
        margin-top: 0
    }

    .button,
    .button.expand,
    button,
    button.expand {
        padding: .875rem
    }

    .button.expand.info,
    .button.info,
    button.expand.info,
    button.info {
        font-weight: 700;
        font-size: 1rem
    }

    .button.small-expand {
        width: auto
    }

    .header-bar {
        height: 3.75rem;
        padding: 1.625rem 0
    }

    .header-bar .logo-wrapper img {
        max-height: 3.125rem;
        max-width: 12.0625rem
    }

    .header-bar .header-search-form input {
        width: 90%
    }

    .header-bar .header-search-form button {
        width: 10%
    }

    .sub-navigation-wrapper {
        margin: 0 0 .3125rem
    }

    .sub-navigation-wrapper .sub-navigation {
        display: inline-block;
        margin: 0
    }

    .sub-navigation-wrapper .sub-navigation li {
        float: left;
        list-style: none outside none
    }

    .sub-navigation-wrapper .sub-navigation li:after {
        content: '|';
        margin: 0 .9375rem;
        color: #e3e3e3
    }

    .sub-navigation-wrapper .sub-navigation li a {
        font-size: 1rem
    }

    .sub-navigation-wrapper .sub-navigation li.active a {
        color: #000;
        border-bottom: 1px solid #000
    }

    .sub-navigation-wrapper .sub-navigation li:last-child:after {
        display: none
    }

    .page-footer-wrapper sub {
        font-size: 1rem
    }

    .footer-navigation-wrapper .footer-navigation {
        border-top: 0 none;
        border-bottom: 0 none;
        text-align: left;
        margin-top: 2.5rem
    }

    .footer-navigation-wrapper .footer-navigation .mac-accordion-header {
        color: #000;
        padding: 0
    }

    .footer-navigation-wrapper .footer-navigation .mac-accordion-header .svg-icon {
        display: none
    }

    .footer-navigation-wrapper .footer-navigation .mac-accordion-content {
        padding: 0;
        margin-top: .625rem
    }

    .footer-navigation-wrapper .footer-headline {
        display: block;
        text-transform: uppercase;
        font-size: .875rem
    }

    .footer-navigation-wrapper .footer-social-icons {
        margin-top: 2.5rem;
        margin-bottom: 0
    }

    .footer-navigation-wrapper .footer-social-icons ul {
        margin-top: 1.25rem
    }

    .footer-navigation-wrapper .footer-social-icons .icon-wrapper {
        text-align: left
    }

    .footer-navigation-wrapper .footer-social-icons .icon-wrapper .svg-icon {
        height: 2.1875rem;
        width: 2.1875rem
    }

    .teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper .teaser-text-inner h1 {
        font-size: 3.25rem;
        line-height: 2.875rem
    }

    .filter-wrapper {
        float: right
    }

    .filter-wrapper .filter-header.toggle-btn {
        min-width: 9.375rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .filter-wrapper .filter-header .svg-icon {
        margin-left: 2.5rem
    }

    .filter-wrapper .filter-list {
        width: auto;
        margin-right: 1.875rem
    }

    .filter-wrapper .filter-list .mac-accordion-header {
        text-align: left;
        border: 0 none;
        padding: 0;
        margin-bottom: .625rem
    }

    .filter-wrapper .filter-list .mac-accordion-content {
        padding: 0;
        text-align: left;
        border: none
    }

    .filter-wrapper .filter-list + .filter-list:last-child {
        float: left;
        width: 9.375rem;
        margin-right: 1.25rem
    }

    .filter-wrapper .btn-reset {
        margin-top: 1.25rem;
        padding: .9375rem .625rem
    }

    .product-list-wrapper .product-wrapper .product .product-image .product-badge {
        padding: .9375rem
    }

    .pagination-wrapper {
        text-align: left
    }

    .mac-info-wrapper p {
        font-size: 1rem;
        line-height: 1.25
    }

    .mac-info-wrapper .mac-info-toggle .active-text {
        display: none
    }

    .mac-info-wrapper .mac-info-toggle.active .active-text,
    .mac-info-wrapper .mac-info-toggle .inactive-text {
        display: block
    }

    .mac-info-wrapper .mac-info-toggle.active .inactive-text {
        display: none
    }

    .category-navigation-wrapper .category-block {
        position: relative
    }

    .category-navigation-wrapper .category-block + .category-block {
        margin-top: 3.125rem
    }

    .category-navigation-wrapper .category-block:nth-child(even) .category-image {
        right: 7%
    }

    .category-navigation-wrapper .category-block:nth-child(odd) .category-image {
        left: 5%
    }

    .category-navigation-wrapper .category-image {
        position: absolute;
        z-index: 1;
        max-width: 22%
    }

    .category-navigation-wrapper ul a {
        font-size: 1.375rem;
        line-height: 2rem;
        position: relative;
        z-index: 5
    }

    .category-navigation-wrapper ul a .text-wrapper {
        display: inline-block;
        width: 50%;
        max-width: 25rem
    }

    .breadcrumb-wrapper {
        margin-bottom: .625rem
    }

    .product-navigation-wrapper {
        margin-left: 1.875rem
    }

    .product-navigation-wrapper .back-to-overview {
        float: none;
        font-size: .875rem
    }

    .product-navigation-wrapper .prev-next-product-wrapper {
        margin: 0 1.25rem 0 0
    }

    .product-view-slider-outer-wrapper {
        text-align: center
    }

    .product-view-slider-outer-wrapper .product-view-slider .slide-img {
        display: block
    }

    .product-view-slider-outer-wrapper .product-view-thumbs-wrapper .pager-item {
        margin-top: 1.25rem
    }

    .product-zoom {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        width: 3.125rem;
        height: 3.125rem;
        background-color: #000
    }

    .product-zoom .svg-icon {
        fill: #fff
    }

    .product-zoom .handle {
        display: block;
        padding: .8125rem .9375rem
    }
}

@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    #product-zoom-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 70%
    }
}

@media only screen and (min-width: 40.0625em) {
    #product-zoom-slider .product-view-slider-wrapper {
        position: relative
    }

    #product-zoom-slider .product-view-zoom-slider .slide {
        display: inline-block;
        width: 100%
    }

    #product-zoom-slider .product-view-zoom-slider .slide-img {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    #product-zoom-slider .product-view-controls {
        position: absolute;
        top: 50%;
        z-index: 100;
        width: 1.875rem;
        height: 3.125rem;
        line-height: 3.125rem;
        text-align: center;
        cursor: pointer
    }

    #product-zoom-slider .product-view-controls.product-view-zoom-prev {
        left: 0;
        margin-top: -1.5625rem
    }

    #product-zoom-slider .product-view-controls.product-view-zoom-next {
        right: 0;
        margin-top: -1.5625rem
    }

    #product-zoom-slider .product-view-controls .svg-icon {
        fill: #7e7e7e;
        height: 2rem;
        width: 2rem
    }

    .product-information-outer-wrapper {
        position: relative
    }

    .product-information-wrapper.absolute {
        position: absolute;
        margin-left: 1.875rem
    }

    .product-information-wrapper .product-name {
        margin: -.3125rem 0 0 !important
    }

    .product-information-wrapper .article-information {
        color: #7e7e7e
    }

    .product-information-wrapper .product-detail-block {
        margin-top: .625rem
    }

    .product-information-wrapper hr {
        margin: 1.6875rem 0 2rem
    }

    .product-information-wrapper .select-wrapper label.inline {
        line-height: 3.125rem;
        font-size: .9375rem
    }

    .product-information-wrapper .branch-delivery-wrapper,
    .product-information-wrapper .wishlist-wrapper,
    .product-information-wrapper .wishlist-wrapper .ucls1 {
        font-size: .9375rem
    }

    .product-information-wrapper .service-box-wrapper {
        background-color: #f5f5f5;
        padding: .9375rem;
        margin-bottom: 2.375rem
    }

    .product-information-wrapper .service-box-wrapper h4 {
        margin: 0 0 1rem
    }

    .product-information-wrapper .service-box-wrapper ul {
        color: #7e7e7e
    }

    .product-information-wrapper .service-box-wrapper li {
        font-size: .8rem;
        line-height: 1rem;
        margin-bottom: .5rem
    }

    .product-information-wrapper .service-box-wrapper .left {
        margin-left: 1.1rem
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 679px) {
    .product-information-wrapper .service-box-wrapper .logo-go-green {
        display: block;
        margin: 1.1rem auto auto
    }
}

@media only screen and (min-width: 40.0625em) and (min-width: 680px) {
    .product-information-wrapper .service-box-wrapper .logo-go-green {
        margin-left: 1.25rem
    }
}

@media only screen and (min-width: 40.0625em) {
    .product-information-wrapper .social-wrapper {
        margin-top: 1.875rem
    }

    .product-information-wrapper .button.expand.info,
    .product-information-wrapper .button.info,
    .product-information-wrapper button.expand.info,
    .product-information-wrapper button.info {
        font-size: .9375rem
    }

    .product-details-wrapper {
        margin-top: .9375rem;
        padding-top: 2.5rem
    }

    .product-details-wrapper .content-headline {
        font-weight: 700;
        font-style: normal
    }

    .product-details-wrapper .product-detail-block {
        margin-bottom: 1.875rem
    }

    .product-details-wrapper .mac-accordion-header {
        text-align: left;
        border: 0 none;
        padding: 0;
        margin-bottom: .625rem
    }

    .product-details-wrapper .mac-accordion-header .svg-icon {
        display: none
    }

    .product-details-wrapper .mac-accordion-content {
        padding: 0;
        text-align: left
    }

    .color-select-wrapper .color-wrapper .color-pattern-wrapper {
        width: 3.75rem
    }

    .color-select-wrapper .color-wrapper .color-pattern-wrapper .color-pattern .color {
        width: 2.25rem;
        height: 2.25rem
    }

    .color-select-wrapper .color-wrapper .color-pattern-wrapper .color-pattern .indicator {
        height: 1px;
        margin: 0 .5rem
    }

    .mac-sizes-overview td,
    .mac-sizes-overview th {
        font-size: 1rem
    }

    .mac-sizes-overview tr th:first-child {
        padding-right: 1.25rem
    }

    .cross-selling-product-wrapper {
        padding-top: 2.5rem;
        border-top: 1px solid #e3e3e3
    }

    .cross-selling-product-wrapper h3 {
        margin: 0 0 .9375rem
    }

    .cross-selling-product-wrapper .product-list-wrapper .product img.full-width {
        max-width: 8.75rem
    }

    .teaser-block.variant_one-big-left_text-and-video-right {
        position: relative
    }

    .teaser-block.variant_one-big-left_text-and-video-right .teaser-text-video-outer-wrapper {
        position: static
    }

    .teaser-block.variant_one-big-left_text-and-video-right .teaser-text-video-outer-wrapper .overlapped-video-wrapper {
        margin-top: 1.25rem;
        position: absolute;
        width: 50%;
        right: 0
    }

    .teaser-block.variant_one-big-left_two-small-right {
        position: relative
    }

    .teaser-block.variant_one-big-left_two-small-right .small-teaser.teaser-bottom {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .look-of-the-month-wrapper + .look-of-the-month-wrapper {
        margin-top: 6.25rem
    }

    .look-of-the-month-wrapper .look-quote blockquote {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .look-of-the-month-wrapper .product {
        border: none
    }

    .company-wrapper + .company-wrapper {
        margin-top: 3.125rem
    }

    .company-wrapper .entry-teaser-item .teaser-bg-image {
        background-size: auto 6.5625rem;
        padding-top: 6.5625rem
    }

    .language-page .marc-cain-logo {
        margin-bottom: 1.875rem
    }

    .language-page .language-select {
        padding-bottom: 0
    }

    .wishlist .checkbox-right label {
        font-size: 1rem
    }
}

@media only screen and (min-width: 64em) {
    .teaser-content-wrapper .teaser-outer-wrapper {
        position: relative;
        overflow: hidden;
        max-height: 50rem;
        width: 100%
    }

    .teaser-outer-wrapper .teaser-wrapper.with-text .teaser-text-wrapper .teaser-text-inner h1 {
        font-size: 3.875rem;
        line-height: 3.5rem
    }

    .category-navigation-wrapper .category-block + .category-block {
        margin-top: 3.25rem
    }

    .category-navigation-wrapper .category-block:nth-child(even) .category-image {
        right: 10%
    }

    .category-navigation-wrapper .category-block:nth-child(odd) .category-image {
        left: 7%
    }

    .category-navigation-wrapper .category-image {
        max-width: 20%
    }

    .category-navigation-wrapper ul a {
        font-size: 1.375rem;
        line-height: 2.125rem
    }
}

@media only screen and (min-width: 64em) and (min-width: 40.0625em) {
    #product-zoom-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 50%
    }
}

@media only screen and (min-width: 64em) {
    .teaser-block.variant_one-big-left_text-and-video-right {
        position: relative
    }

    .teaser-block.variant_one-big-left_text-and-video-right .teaser-text-video-outer-wrapper .overlapped-video-wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .look-of-the-month-wrapper + .look-of-the-month-wrapper {
        margin-top: 7.5rem
    }

    .content-element + .content-element {
        margin-top: 3.125rem
    }

    .company-wrapper + .company-wrapper {
        margin-top: 4.375rem
    }

    .company-wrapper .entry-teaser-item .teaser-bg-image {
        background-size: auto 10rem;
        padding-top: 10rem
    }

    .company-wrapper .entry-teaser-item .entry-teaser-headline {
        font-size: 1.75rem;
        padding: .5rem 0
    }

    .company-wrapper .entry-teaser-item .entry-teaser-headline .icon-wrapper .svg-icon {
        height: .9375rem;
        width: .9375rem
    }

    .company-wrapper .entry-teaser-item .entry-teaser-subheadline {
        font-size: 1.125rem;
        padding: .9375rem 0
    }

    input.input-text-30 {
        max-width: 18.75rem
    }
}

@media only screen and (min-width: 75em) {
    .header-bar {
        display: inline-block;
        width: 100%;
        float: none;
        clear: both
    }

    .header-bar .menu-icon-wrapper {
        display: none
    }

    .header-bar .logo-wrapper {
        float: left
    }

    .header-bar .header-button-wrapper {
        float: right;
        width: 50%
    }

    .header-bar .header-button-wrapper .btn {
        padding: .625rem
    }

    .header-bar .header-button-wrapper .search-wrapper {
        padding: .625rem;
        display: inline-block;
        max-width: 15rem;
        width: 100%
    }

    .header-bar .header-button-wrapper .login-wrapper {
        padding: .625rem
    }

    .header-bar .header-button-wrapper .header-search-form-wrapper {
        display: block;
        position: relative;
        left: auto;
        right: auto
    }

    .header-bar .header-button-wrapper .header-search-form {
        display: block;
        padding-top: 0
    }

    .header-bar .header-button-wrapper .header-search-form input {
        width: 80%
    }

    .header-bar .header-button-wrapper .header-search-form button {
        width: 20%
    }

    .header-bar .login-wrapper {
        display: inline-block !important
    }

    .header-bar .btn {
        display: inline-block
    }

    .main-navigation-wrapper {
        position: relative
    }

    .main-navigation-wrapper .main-navigation {
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative;
        width: 10.9375rem
    }

    .main-navigation-wrapper .main-navigation li {
        list-style: none outside none
    }

    .main-navigation-wrapper .main-navigation > li {
        margin-bottom: .9375rem
    }

    .main-navigation-wrapper .main-navigation > li > a {
        text-transform: uppercase;
        font-size: 1.5rem;
        color: #7e7e7e
    }

    .main-navigation-wrapper .main-navigation > li.active > a,
    .main-navigation-wrapper .main-navigation > li > a:hover {
        color: #000;
        font-weight: 700
    }

    .main-navigation-wrapper .has-flyout.hovered > .flyout-outer-wrapper,
    .main-navigation-wrapper .has-flyout:hover > .flyout-outer-wrapper {
        width: 59.375rem;
        opacity: 1
    }

    .main-navigation-wrapper .has-flyout.hovered .flyout-link:after,
    .main-navigation-wrapper .has-flyout.hovered .flyout-link:before,
    .main-navigation-wrapper .has-flyout:hover .flyout-link:after,
    .main-navigation-wrapper .has-flyout:hover .flyout-link:before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-navigation-wrapper .has-flyout .flyout-link {
        position: relative
    }

    .main-navigation-wrapper .has-flyout .flyout-link:after,
    .main-navigation-wrapper .has-flyout .flyout-link:before {
        content: '';
        position: absolute;
        right: -.9375rem;
        top: 0;
        display: none;
        opacity: 0
    }

    .main-navigation-wrapper .has-flyout .flyout-link:after {
        z-index: 9;
        border-bottom: .9375rem solid transparent;
        border-top: .9375rem solid transparent;
        border-right: .9375rem solid #333
    }

    .main-navigation-wrapper .has-flyout .flyout-link:before {
        z-index: 201;
        margin-top: .125rem;
        border-bottom: .8125rem solid transparent;
        border-top: .8125rem solid transparent;
        border-right: .8125rem solid #fff
    }

    .main-navigation-wrapper .flyout-outer-wrapper {
        -webkit-transition: all .05s linear .2s;
        transition: all .05s linear .2s;
        border: .0625rem solid #d0d0d0;
        width: 0;
        overflow: hidden;
        opacity: 0;
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 200;
        margin-left: .3125rem;
        background-color: #fff
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper {
        padding: 0 1.875rem .625rem;
        width: 59.375rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper > .row + .row {
        margin-top: 1.25rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-wrapper [class*=block-grid-] {
        margin: 0
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-headline {
        font-size: 1.125rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper a {
        font-size: 1rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper ul {
        margin: 0
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list {
        border-top: 1px solid #d0d0d0;
        margin-top: 1rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list > li {
        float: left
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list > li a {
        font-size: 1rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list li {
        padding: .3125rem .625rem .3125rem 0;
        margin: 0;
        line-height: 1.125rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .list-item.has-submenu:nth-of-type(n) {
        float: left
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .list-item.has-submenu:nth-of-type(3n+3) {
        clear: left
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .list-item.without-submenu {
        padding-top: 0
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .small-width {
        width: 33.333%
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .wide-width {
        width: 66.666%
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .full-width {
        width: 100%
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list .half-width {
        width: 50%
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-list.btx {
        border-top: 1px solid #000
    }

    .main-navigation-wrapper .flyout-outer-wrapper .has-submenu > a {
        font-weight: 700;
        color: #000
    }

    .main-navigation-wrapper .flyout-outer-wrapper .has-submenu > a:hover {
        color: #7e7e7e
    }

    .main-navigation-wrapper .flyout-outer-wrapper .has-submenu ul {
        margin-top: .9375rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .has-submenu ul li a {
        font-size: 1rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .actions-list {
        float: none;
        clear: both;
        display: inline-block;
        width: 100%;
        margin-top: 1.875rem
    }

    .main-navigation-wrapper .flyout-outer-wrapper .actions-list li {
        float: none
    }

    .main-navigation-wrapper .flyout-outer-wrapper .flyout-teaser-wrapper + .flyout-teaser-wrapper {
        margin-top: 1.25rem
    }

    .category-navigation-wrapper .category-block + .category-block {
        margin-top: 3.125rem
    }

    .category-navigation-wrapper .category-block:nth-child(even) .category-image {
        right: 10%
    }

    .category-navigation-wrapper .category-block:nth-child(odd) .category-image {
        left: 10%
    }

    .category-navigation-wrapper .category-image {
        max-width: 15%
    }

    .category-navigation-wrapper ul a .text-wrapper {
        width: 50%;
        max-width: 31.25rem
    }
}

@media only screen and (min-width: 75em) and (min-width: 40.0625em) {
    #product-zoom-slider.reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 100rem;
        right: 0;
        width: 30%
    }
}

.image-overlay {
    position: absolute;
    z-index: 999;
    width: 100%;
    overflow-x: hidden;
    opacity: .5
}

.image-overlay img {
    max-width: none
}

body:hover .image-overlay {
    display: none
}

.about-slider-item {
    width: 100%;
    height: 100%
}

.about-slider .slide-controls {
    z-index: 101
}

.about-downloads {
    padding-top: 17px;
    margin-top: 48px
}

.about-downloads ul {
    list-style-type: none
}

.about-downloads ul li {
    display: inline
}

.about-downloads ul li a {
    display: inline-block
}

.about-downloads ul li a.pdf {
    background-image: url(../../../marccain_v2/img/phase2/pdf_icon.png);
    background-position: 0 -70px;
    background-repeat: no-repeat;
    padding-left: 56px;
    padding-top: 20px;
    padding-bottom: 40px;
    height: 50px
}

.about-downloads ul li a.download-spacer {
    margin-right: 33px
}

.about-downloads ul li a:hover {
    background-position: 0 10px
}

@media screen and (max-width: 40em) {
    .accordion-sub-navigation button {
        width: 100%
    }

    .accordion-sub-navigation button svg {
        float: right;
        margin-top: .25rem
    }

    .accordion-sub-navigation .sub-navigation {
        margin-left: 0
    }

    .accordion-sub-navigation ul {
        list-style: none
    }

    .accordion-sub-navigation li {
        padding: .8125rem .875rem;
        border: 1px solid #e2e2e2;
        border-bottom: none
    }

    .accordion-sub-navigation li:last-child {
        border: 1px solid #e2e2e2
    }

    .accordion-sub-navigation li a {
        color: #000
    }

    .accordion-sub-navigation li a .svg-icon {
        fill: #000
    }
}

.job-details .content h3 {
    font-size: 1rem;
    font-weight: 700
}

.store-detail-opening-day {
    width: 75px;
    display: inline-block
}

#sl-filter #formSearchStores #sl-check-store label {
    background-image: url(../../../marccain_v2/img/maps/filter-store.png);
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right: 28px
}

#sl-filter #sl-check-retail label {
    background-image: url(../../../marccain_v2/img/maps/filter-retail.png)
}

#sl-filter #sl-check-foc label,
#sl-filter #sl-check-retail label {
    background-repeat: no-repeat;
    background-position: right 0;
    padding-right: 28px
}

#sl-filter #sl-check-foc label {
    background-image: url(../../../marccain_v2/img/maps/filter-foc.png)
}

#sl-filter #sl-info-group label {
    cursor: default;
    background-image: url(../../../marccain_v2/src/img/maps/store-group.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right -5px;
    padding: 0 28px 10px 0;
}

#map-wrapper {
    position: relative
}

#map-wrapper #map-canvas {
    display: block;
    height: 682px;
    background-color: #fff
}

@media screen and (max-width: 40em) {
    #map-wrapper #map-canvas {
        height: 500px
    }
}

#map-wrapper #map-controls {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100px;
    height: 260px;
    overflow: hidden;
    z-index: 1
}

#map-wrapper #map-controls #map-controls-pan a {
    position: absolute;
    z-index: 160;
    display: block;
    width: 42px;
    height: 42px
}

#map-wrapper #map-controls #map-controls-pan a span {
    display: block;
    width: 42px;
    height: 42px
}

#map-wrapper #map-controls #map-controls-pan #map-control-top {
    top: 0;
    left: 28px
}

#map-wrapper #map-controls #map-controls-pan #map-control-top #control-sprite-top {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: -28px 0;
    background-repeat: no-repeat
}

#map-wrapper #map-controls #map-controls-pan #map-control-bottom {
    top: 104px;
    left: 28px
}

#map-wrapper #map-controls #map-controls-pan #map-control-bottom #control-sprite-bottom {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: -28px -104px;
    background-repeat: no-repeat
}

#map-wrapper #map-controls #map-controls-pan #map-control-left {
    top: 52px;
    left: 0
}

#map-wrapper #map-controls #map-controls-pan #map-control-left #control-sprite-left {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: 0 -52px;
    background-repeat: no-repeat
}

#map-wrapper #map-controls #map-controls-pan #map-control-right {
    top: 52px;
    left: 56px
}

#map-wrapper #map-controls #map-controls-pan #map-control-right #control-sprite-right {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: -56px -52px;
    background-repeat: no-repeat
}

#map-wrapper #map-controls #map-controls-zoom a {
    position: absolute;
    z-index: 160;
    display: block;
    width: 42px;
    height: 42px
}

#map-wrapper #map-controls #map-controls-zoom a span {
    display: block;
    width: 42px;
    height: 42px
}

#map-wrapper #map-controls #map-controls-zoom #map-control-minus {
    top: 218px;
    left: 28px
}

#map-wrapper #map-controls #map-controls-zoom #map-control-minus #control-sprite-minus {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: -28px -218px;
    background-repeat: no-repeat
}

#map-wrapper #map-controls #map-controls-zoom #map-control-plus {
    top: 166px;
    left: 28px
}

#map-wrapper #map-controls #map-controls-zoom #map-control-plus #control-sprite-plus {
    background-image: url(../../../marccain_v2/img/maps/map_controls.png);
    background-position: -28px -166px;
    background-repeat: no-repeat
}

#map-wrapper #shops-list {
    background-color: #fff
}

@media only screen and (min-width: 64em) {
    #map-wrapper #shops-list {
        position: absolute;
        top: 20px;
        right: 57px;
        width: 280px;
        overflow: hidden
    }
}

#map-wrapper #shops-list .shops-list-header {
    text-align: center;
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (min-width: 64em) {
    #map-wrapper #shops-list #shops-list-results {
        padding: 0 10px;
        height: 534px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

#map-wrapper .shops-list-result {
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 28px;
    margin: 10px 0;
    display: block
}

#map-wrapper .shops-list-result.retail {
    background-image: url(../../../marccain_v2/src/img/maps/list-retail.png)
}

#map-wrapper .shops-list-result.foc {
    background-image: url(../../../marccain_v2/src/img/maps/list-foc.png)
}

#map-wrapper .shops-list-result.store {
    background-image: url(../../../marccain_v2/src/img/maps/list-store.png)
}

.info-box-close-style {
    display: inline-block;
    padding-right: 20px;
    position: absolute;
    right: 16px;
    top: 9px;
    background-image: url(../../../marccain_v2/img/close_X_icon.png);
    background-repeat: no-repeat;
    background-position: right -45px;
    color: #909090;
    height: 24px;
    font-size: 14px;
    text-decoration: none
}

.info-box-close-style:hover {
    color: #fff;
    background-position: right 5px
}

.info-window-content {
    color: #fff;
    padding-top: 45px;
    padding-left: 23px
}

.info-window-content .info-window-content-city,
.info-window-content .info-window-content-name,
.info-window-content .info-window-content-street {
    display: block;
    line-height: 26px;
    font-size: 16px
}

.info-window-content .info-window-reopen {
    padding-top: 9px;
    line-height: 16px;
    font-size: 16px
}

.info-window-content .info-window-content-opening-times {
    padding-top: 9px;
    display: inline-block
}

.info-window-content .info-window-content-opening-times .info-window-content-opening-times-row {
    display: block
}

.info-window-content .info-window-content-opening-times .info-window-content-opening-times-row .info-window-content-opening-times-day {
    display: inline-block;
    width: 80px;
    line-height: 16px;
    font-size: 16px
}

.info-window-content .info-window-content-opening-times .info-window-content-opening-times-row .info-window-content-opening-times-time {
    line-height: 16px;
    font-size: 16px
}

.info-window-content .info-window-content-link {
    display: inline-block;
    padding-top: 28px;
    font-size: 16px;
    color: #b8b8b8;
    text-decoration: none;
    padding-right: 40px
}

.info-window-content .info-window-content-link:hover {
    color: #fff;
    background-position: 160px 33px
}

#removeProductModal1,
#revealModalNoticeList {
    max-width: 54rem
}

.tooltip {
    background-color: #fff;
    color: #333;
    border: 1px solid #e2e2e2
}

.tooltip > .nub {
    border-color: transparent transparent #e2e2e2
}

label .css-radio.circle + i {
    border-radius: 50%
}

label .css-radio.circle:hover + i:after {
    border-color: inherit
}

label .css-radio.circle + i:after {
    border: 0;
    border-style: solid;
    background-color: #333;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .25em;
    height: .25em
}

label .css-radio.circle:checked:hover + i:after {
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
    width: .25em;
    height: .25em
}

.reveal-modal {
    padding: 1.5rem 2rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.reveal-modal.content-width {
    display: table !important;
    margin: inherit;
    width: auto;
    left: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    min-height: inherit
}

.reveal-modal a.close-reveal-modal {
    padding: .3125rem;
    position: absolute;
    right: 0;
    top: 0;
    line-height: .5
}

.reveal-modal .note {
    font-size: .8125rem
}

.svg-icon.modal {
    width: 1rem;
    height: 1rem
}

.sitemapSection {
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid #7e7e7e
}

#sitemap ul.justLinks > li,
#sitemap ul.large-block-grid-3,
.sitemapSection {
    margin-bottom: 20px
}

#sitemap ul.large-block-grid-3 li {
    padding-bottom: 0
}

.success-message {
    color: #0a0
}

.underline {
    text-decoration: underline
}

.clickable,
.underline {
    cursor: pointer
}

#pv-video-overlay {
    max-width: 600px;
    padding:0;
}

@media screen and (max-width: 40em) {
    #pv-video-overlay {
        padding-left: 0;
        padding-right: 0
    }
}

.layerButton {
    margin-bottom: 0;
    border: none;
    background-color: transparent
}

.layerButton:hover {
    color: #000;
    background-color: inherit
}

.price {
    white-space: nowrap
}

.price.default {
    text-decoration: line-through
}

.price.discounted {
    color: #ec6963
}

.black {
    color: #000
}

.invalid {
    background-color: #fff0f0 !important
}

.cms h2 {
    margin: 40px 0
}

.content-wrapper a {
    text-decoration: underline
}

.content-wrapper dl dt {
    margin-bottom: 0
}

.content-wrapper dl dd {
    margin-bottom: 1rem
}

.seo-wrapper h2 {
    font-size: .8rem;
    font-weight: 700;
    margin: .9375rem 0
}

.seo-wrapper p {
    font-size: .7rem;
    line-height: 1.1
}

#cookieNote {
    position: fixed;
    bottom: 0;
    left: 0%;
    width: 100%;
    z-index: 105;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    background: #fff;
    text-align: center;
    border: none;
    border-top: 1px solid #666;

    display: none;

    text-align: center;
    margin-bottom: 0;
}

#cookieNote .innerContainer {
    margin: auto;
    width: 50%;
    text-align: left;
}

#cookieNote .close {
    font-size: 2.5rem;
    margin-top: -1.55rem;
    right: 1rem;
}

.delivery-table hr {
    margin: .75rem 0
}

.delivery-table span.column-value {
    padding-left: 2rem
}

@media only screen and (max-width: 55em) {
    #formSearchStores .row .columns .left {
        clear: left;
        margin-bottom: 5px;
    }

    #sl-filter #formSearchStores .columns .left {
        margin-right: 0;
        padding-right: 0;
        width: 400px;
    }

    #sl-filter #formSearchStores .columns .left label {
        background-position: 33px 0 !important;
        padding-left: 0 !important;
    }

    #sl-filter #formSearchStores .columns .left i {
        margin-right: 26px;

    }

    #sl-filter #formSearchStores .columns #sl-info-group label {
        padding-top: 6px;
        padding-left: 57px !important;
    }

    #sl-filter #formSearchStores #sl-check-foc {
        margin-bottom: 0;
    }
}

/* @NP 2017.01.18 - Size smaller than 640px - switched 1st with second element added spacer to the second one */
@media only screen and (max-width: 40em) {

    section.homepage-teaser-wrapper:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
        /* margin-bottom: 1.25rem; */
    }

}

/* @NP 2017.01.26 - Shop-Ticket: 474 */
#theme-outfit-slider > div > div.slide-controls.slide-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-top: -40px;
    margin-right: -33px;
}

#theme-outfit-slider > div > div.slide-controls.slide-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-left: -32px;
    margin-top: -40px;
}

/* @NP 2017.01.30 - Shop-Ticket: 477 - Complete the look */
.mcMarginLeftRightAuto {
    display: flex;
}

.mcCompleteTheLook_BasketLayer {
    width: -moz-fit-content;
}

.mcCompleteTheLook_BasketLayerFloater .product-infos {
    margin-left: 0.938em;
    margin-right: 0.938em;
}

.mcCompleteTheLook_BasketLayerFloater {
    float: left;
    margin: 0.938em auto 0.938em auto;

}

.mcBasketlayerFitContent {
    width: -moz-fit-content !important;
}

@media only screen and (max-width: 57.625em) {
    .mcCompleteTheLook_BasketLayerFloater {
        max-width: 6.875em;
    }

    .mcCompleteTheLook_BasketLayerFloater .product-infos a .product-name {
        font-size: 0.875em;
    }

}

/* NP 2017.01.31 - Shop-Ticket: 354 LookOfTheMonth Slider-Buttons on Top */
.mcLookOfTheMonth_LookPager {
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 48em) {
    .mcLookOfTheMonth_LookPager {
        position: relative;
        margin-top: 0.313em;
    }
}

/* NP 2017.02.08 - FlyIng and jumping product-images on product-overview */
.product-list-wrapper .product .product-image img.full-width {
    bottom: 0;
    left: 0;
}

/* NP 2017.02.09 - Webstore-ID: 491 Complete the look positions after Flying and jumping images */
.complete-the-look-wrapper .product-list-wrapper .product .product-image img.full-width {
    position: relative !important;
}

/* NP 2017.02.14 - Shop-Ticket: 496 LookOfTheMonth Look-Breadcrumb like Subnavigation */
@media only screen and (max-width: 40.0625em) {
    .mcLotM_LooksLikeSubnavigation-wrapper .sub-navigation li::after {
        content: '|';
        margin: 0 .9375rem;
        color: #e3e3e3;
    }

    .mcLotM_LooksLikeSubnavigation-wrapper .sub-navigation li {
        list-style: none outside none;
    }

    .mcLotM_LooksLikeSubnavigation-wrapper .sub-navigation li {
        float: left;
        list-style: none outside none;
    }

    .mcLotM_LooksLikeSubnavigation-wrapper .sub-navigation li:last-child::after {
        display: none;
    }

    .mcLotM_LooksLikeSubnavigation-wrapper .sub-navigation {
        margin-left: 0;
        margin-right: 0;

    }

}

@media only screen and (max-width: 47.188em) {
    .mcLookOfTheMonth_LookPager {
        display: none;
    }
}

/* @NP  WEBSTOREOXID-392 - 2017.02.16 - Umgebaut und die Zusatzinformationen der Kampangen optimaler anzuzeigen */
.mcInspirationSliderRevealMode .overlay .divider {
    border-top: .0625rem solid #000;
    min-height: 1px;
    max-height: 1px;
    margin: .9375rem 0;
}

.mcInspirationSliderRevealMode .overlay {
    color: #000;
    text-align: left;
}

.mcInspirationSliderRevealMode .overlay .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .3125rem;
}

.mcInspirationSliderRevealMode {
    width: 60%;
    max-width: 34.375em;
    min-width: 18.75em;
    top: 0.688rem;
}

/* @NP: 2017.02.20 - Webstore ID: 484 - Neue Mobile Startseite - Tauschen der Boxen nicht mehr benötigt */
#sub-teaser .mac-slider-wrapper .row .slide picture img {
    /*
        border-style: solid;
        border-width: 1px;
        border-color: #000;
     */
}

/* @NP: 2017.04.05 - WEBSTOREOXID-552 - Umbruch der 4rer Boxen bereits bei 970px anstelle 50em */
@media only screen and (max-width: 60.625em) {
    #sub-teaser .mac-slider-wrapper .row .medium-3 {
        width: 50%;
    }

    #sub-teaser .mac-slider-wrapper .row > div:nth-child(3) {
        padding-top: 1.125em;
    }

    #sub-teaser .mac-slider-wrapper .row > div:nth-child(4) {
        padding-top: 1.125em;
    }

}

@media only screen and (max-width: 40em) {
    #sub-teaser .mac-slider-wrapper .row .slide picture img {
        border-width: 0;
    }

    #sub-teaser .mac-slider-wrapper .row .medium-3 {
        width: 100%;
    }

    #sub-teaser .mac-slider-wrapper .row > div:nth-child(3) {
        padding-top: 0;
    }

    #sub-teaser .mac-slider-wrapper .row > div:nth-child(4) {
        padding-top: 0;
    }

    /* #top-teaser .teaser-outer-wrapper{ width: 57.5em; overflow: hidden; } */

}

/* @NP: 2017.02.22 - Webstore ID: 484 - Neue Mobile Startseite aktivieren */
.mcRespHomepageWrapperMobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .slide .cta {
        width: 65%;
    }

    /* .slide .cta .text-upper{ font-size: 1em; margin: 0.875em 0; } */
    .slide .cta .text-upper {
        font-size: 1em;
        margin: 2px 0;
    }

    .slide .cta .t4 {
        font-size: 1em;
        margin: 0.875em 0;
    }
}

@media only screen and (max-width: 40em) {
    .mcRespHomepageWrapper {
        display: none;
    }

    .mcRespHomepageWrapperMobile {
        display: block;
    }

    .slide .cta {
        width: 65%;
    }

    /* .slide .cta .text-upper{ font-size: 1.375em; margin: 1.25em 0; } */
    .slide .cta .text-upper {
        font-size: 1.375em;
        margin: 2px 0;
    }

    .slide .cta .t4 {
        font-size: 1.25em;
        margin: 1.25em 0;
    }
}

@media only screen and (max-width: 22.5em) {
    .slide .cta {
        width: 65%;
    }

    /* .slide .cta .text-upper{ font-size: 1em; margin: 0.875em 0; } */
    .slide .cta .text-upper {
        font-size: 1em;
        margin: 2px 0;
    }

    .slide .cta .t4 {
        font-size: 0.875em;
        margin: 0.875em 0;
    }
}

/* @NP 2017.02.22 - Webstore-ID: 501 Umbau Responsive Pagination */
a.mcPaginationCurrent {
    background-color: #666666 !important;
    color: #fff !important;
}

/* a.mcPaginationButton{ background-color: #d9d9d9 !important; color: #666666 !important; } */
.mcPaginationAlignAlwaysToTheLeft {
    text-align: left;
}

.pagination .unavailable {
    display: none !important;
}

@media only screen and (max-width: 20em) {
    .pagination-wrapper ul.pagination li a {
        line-height: 2.35rem;
        width: 2.35rem;
        font-size: 0.9em;
    }
}

/* @NP 2017.02.22 - WEBSTOREOXID-509 */
@media only screen and (max-width: 28.5em) {
    .mcPaginationDottsBox {
        width: 1.875em;
    }

    .pagination-wrapper ul.pagination li a.mcPaginationDottsLink {
        width: 1.875em;
    }

    .pagination-wrapper ul.pagination li a {
        line-height: 2.375em;
        width: 2.375em;
        font-size: 0.813em;
    }
}

@media only screen and (max-width: 24.563em) {
    .mcPaginationDottsBox {
        width: 0.938em;
    }

    .pagination-wrapper ul.pagination li a.mcPaginationDottsLink {
        width: 0.938em;
    }

    ul.pagination li {
        margin-left: 0.313em;
    }
}

@media only screen and (max-width: 22.5em) {
    .mcPaginationDottsBox {
        width: 1.875em;
    }

    .pagination-wrapper ul.pagination li a.mcPaginationDottsLink {
        width: 1.875em;
    }

    .pagination-wrapper ul.pagination li a {
        line-height: 2em;
        width: 2em;
        font-size: 0.813em;
    }
}

@media only screen and (max-width: 22.438em) {
    .mcPaginationDottsBox {
        width: 0.938em;
    }

    .pagination-wrapper ul.pagination li a.mcPaginationDottsLink {
        width: 0.938em;
    }

    ul.pagination li {
        margin-left: 0.313em;
    }
}

.pagination-wrapper ul.pagination li a.mcPaginationDottsLink {
    cursor: default;
    background: #fff;
}

.mcPaginationDottsBox {
    cursor: default;
    background: #fff;
}

/* @NP - WEBSTOREOXID-534 - Ukrainische Box hinzugefiegt + Layoutanpassungen */
.mcCoutrySelectionDialogBox {
    /* max-width: 40.313em; */
    width: 100%;
}

.mcCtrySelDBox-ShrinkToLogoSize {
    padding: 0 10px;
    position: relative;
}

.imageWrap.pressDownloadFilterBoxImageWrap {
    margin-top: 4rem;
}

/* @NP: 2017.05.26 - START - Resp. IFrame Contaioner for Youtube-Videos */
.intrinsic-container {
    position: relative;
    /* padding-bottom: 55.25%; */
    padding-top: 0;
    height: 670px;
    overflow: hidden;

}

@media only screen and (max-width: 800px) {
    .intrinsic-container {
        height: 480px;
    }

}

@media only screen and (max-width: 700px) {
    .intrinsic-container {
        height: 430px;
    }

}

@media only screen and (max-width: 500px) {
    .intrinsic-container {
        height: 300px;
    }

}

@media only screen and (max-width: 414px) {
    .intrinsic-container {
        height: 230px;
    }

}

@media only screen and (max-width: 320px) {
    .intrinsic-container {
        height: 200px;
    }

}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
    /* padding-bottom: 56.25%; */
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
    /* padding-bottom: 75%; */
}

.intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.intrinsic-container-sub {
    position: relative;
    height: 600px;
}

.teaser-outer-wrapperYouTubeVideo {
    height: 600px;
}

/* @NP: 2017.05.26 - ENDE - Resp. IFrame Contaioner for Youtube-Videos */

@media all and (-ms-high-contrast: none) {
    /* IE HACK FOR DISPLAY DEFAULT CURSOR
    body { cursor: default;} /* IE10 */
    *::-ms-backdrop, body {
        cursor: default;
    }

    /* IE11 */
}

.wishlist-actions .button {
    padding: 0.795rem;
    margin-right: 0.35rem;
}

@media only screen and (max-width: 48.75em) {
    .wishlistbuttons {
        clear: left;
        text-align: left !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Eurostile2, Helvetica, Roboto, Arial, sans-serif;
}

/*exclude from eurosstile2 font */
h3.product-name,
h1.product-name,
.prvIntroHeadline,
.product-details-wrapper h1,
.product-details-wrapper h2,
.product-details-wrapper h3,
.product-details-wrapper h4,
.product-details-wrapper h5,
.product-details-wrapper h6,
.product-details-wrapper h7,
.product-details-wrapper {
    font-family: proxima-nova, Proxima, Helvetica, Roboto, Arial, sans-serif;
}

.smallAccordionContent h4 {
    font-size: 1.3rem;
}

.jagCms4OxidBoxWrapper.jagcms4oxidbox h2 {
    font-size: 1.5rem;

}




/* @NP: 2017.10.02 - FlyOut bzw. Newsletter-Box aus altem CSS uebernehmen */
/* WEBSTOREOXID-786 - Layer Versandkostenfrei im Webshop anzeigen */
.module_newsletter_box {
    border: 11px solid #e6e6e6;
    position: fixed;
    left: 50%;
    margin-left: -293px;
    bottom: -400px;

    width: 573px;
    z-index: 9;
    background-color: #fff;
    display: none;

}


.module_newsletter_box .module_newsletter_box_img {
    width: 243px;
    float: left;
}
.module_newsletter_box .module_newsletter_box_img #module_newsletter_box_img_mobile {
    display: block;
}
.module_newsletter_box .module_newsletter_box_img #module_newsletter_box_img_desktop {
    display: none;
}
.module_newsletter_box .module_newsletter_box_text {
    margin-left: 243px;
    padding: 11px 13px 0 24px;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_close {
    display: block;
    text-align: right;
    padding-bottom: 7px;
    height: 20px;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_close a {
    float: right;
}
.module_newsletter_box .module_newsletter_box_text h3 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 29px;
    font-family: 'Eurostile2Bold', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align: center;
    letter-spacing: 0.24em;
}
.module_newsletter_box .module_newsletter_box_text p {
    text-transform: uppercase;
    display: block;
    font-family: 'ProximaNova2', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 15px;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_hint {
    display: block;
    text-align: center;
    font-family: 'ProximaNova2', Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 13px;
    padding-bottom: 7px;
    line-height: 16px;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form {
    text-align: center;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form .module_newsletter_box_text_form_input {
    background: none repeat scroll 0 0 #F0F0F0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    border: 1px solid #E3E3E3;
    color: #7E7E7E;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    height: 23px;
    line-height: 23px;
    padding: 12px 6px 12px 20px;
    width: 225px;
    margin-bottom: 0;
    -webkit-appearance: none;
}
.module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form a.module_newsletter_box_text_form_btn {
    background: url("../../img/pfeil_warenkorb_icon.png") no-repeat scroll 170px 19px #000000;
    color: #e4e4e4 !important;
    display: block;
    margin: 14px auto 0;
    position: relative;
    text-decoration: none;
    width: 184px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 20px;
    padding: 14px 50px 14px 20px;
}
@media (min-width: 1108px) {
    .module_newsletter_box {
        width: 823px;
        margin-left: -409px;
    }
    .module_newsletter_box .module_newsletter_box_img {
        width: 282px;
    }
    .module_newsletter_box .module_newsletter_box_img #module_newsletter_box_img_mobile {
        display: none;
    }
    .module_newsletter_box .module_newsletter_box_img #module_newsletter_box_img_desktop {
        display: block;
    }
    .module_newsletter_box .module_newsletter_box_text {
        margin-left: 282px;
        padding: 19px 23px 24px;
    }
    .module_newsletter_box .module_newsletter_box_text h3 {
        text-transform: uppercase;
        font-family: 'Eurostile2Bold', Arial, Helvetica, sans-serif;
        margin-bottom: 17px;
        text-align: center;
    }
    .module_newsletter_box .module_newsletter_box_text p {
        text-transform: uppercase;
        display: block;
        font-family: 'ProximaNova2', Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 15px;
    }
    .module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_hint {
        display: block;
        text-align: center;
        font-family: 'ProximaNova2', Arial, Helvetica, sans-serif;
        color: #666;
        font-size: 13px;
        padding-bottom: 7px;
    }
    .module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form {
        text-align: center;
    }
    .module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form .module_newsletter_box_text_form_input {
        background: none repeat scroll 0 0 #F0F0F0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
        border: 1px solid #E3E3E3;
        color: #7E7E7E;
        font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
        height: 23px;
        line-height: 23px;
        padding: 12px 6px 12px 20px;
        width: 225px;
        margin-bottom: 0;
        -webkit-appearance: none;
        display: inline-block;
    }
    .module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form a.module_newsletter_box_text_form_btn {
        background: url("../../img/pfeil_warenkorb_icon.png") no-repeat scroll 118px 19px #000000;
        color: #e4e4e4 !important;
        display: block;
        margin: 14px auto 0;
        position: relative;
        text-decoration: none;
        width: 84px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        line-height: 20px;
        padding: 14px 50px 14px 20px;
        display: inline-block;
    }
    .module_newsletter_box .module_newsletter_box_text .module_newsletter_box_text_form a.module_newsletter_box_text_form_btn:hover {
        background-color: #333;
    }
}

.module_newsletter_box {height: 281px;width: 630px;}
.module_newsletter_box .jagFlyoutPicture, .module_newsletter_box .jagFlyoutLink {position:absolute;top:0;bottom:0;left:0;right:0;}
.module_newsletter_box .jagFlyoutPicture {z-index:-1;}
.module_newsletter_box .jagFlyoutPicture.desktop {display:none;}
.module_newsletter_box .jagFlyoutPicture.mobile {display:block;}
.module_newsletter_box .jagFlyoutLink {z-index:10;}
.module_newsletter_box .module_newsletter_box_close {position:absolute;top:0;right:0;z-index:30;}
.module_newsletter_box .module_newsletter_box_close #module_newsletter_box_close_btn {display: block; height: 75px; width: 75px;}
.module_newsletter_box .module_newsletter_box_close #module_newsletter_box_close_btn img {position: absolute; right: 15px; top: 15px;}

.module_newsletter_box .jagFlyoutTextWrapper {width: 50%;left: 50%;position: absolute;top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.module_newsletter_box .jagFlyoutTextWrapper {color:#FFFFFF;}
.module_newsletter_box .jagFlyoutTextWrapper span {display: block;text-align: center;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutHeading {font-family: "EurostileBold",Arial,Helvetica,sans-serif;font-size:35px;line-height:40px;margin-bottom:10px;margin-top:15px;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutText {font-size:18px;}

.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutButton {width: 48px;  height: 48px;  display: block;background: url('../../img/layer_cta_icon_small.png') center bottom no-repeat;margin:15px auto 0;}
.module_newsletter_box.whitecontrols .jagFlyoutTextWrapper .jagFlyoutButton {background-position: center top;}

.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutTextBox {width:75%;left:0;background:#ffffff;padding:20px;color:#000000;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutTextBox {-webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutTextBox .jagFlyoutText {font-size: 15px;line-height: 18px;padding-bottom:10px;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutTextBox .jagFlyoutHeading {font-size: 22px;line-height: 23px;margin-bottom:0;margin-top:10px;}
.module_newsletter_box .jagFlyoutTextWrapper .jagFlyoutTextBox .jagFlyoutButton {background-position: center bottom;}



@media (max-width: 630px){
    .module_newsletter_box{ display: none !important;}
    .module_newsletter_box .jagFlyoutPicture.desktop {display:none;}
    .module_newsletter_box .jagFlyoutPicture.mobile {display:none;}
}


@media (min-width: 1108px) {
    .module_newsletter_box {width: 727px;}
    .module_newsletter_box .jagFlyoutPicture.desktop {display:block;}
    .module_newsletter_box .jagFlyoutPicture.mobile {display:none;}
}

.mcLimitedAvailabilityInfo{
    padding-left:1px;
    font-size: 0.8rem;
    color: #000;
}

.cMCBasketSlowDelivery{
    margin: 1.25rem 0 1.1875rem;
}

.mcCombiFields39MaxLengthInfo{
    position: relative;
    margin-top: -12px;
    margin-bottom: 12px;
}



/* @ITS_NP 2018.05.17 - New ShowRoomStyles START*/

.mcShowRoom_PageIntro{
    position: relative;
    font-size: 24px;
    margin: -20px 15px 65px 15px;
    text-align: center;
}

.mcShowRoomBoxMain{
    position: relative;
    margin: 15px 15px 40px 15px;
}

.mcShowRoomBoxMain .mcShowRoomHeadlineTop{
    position: relative;
    font-size: 30px;
    margin: 5px 0 20px 0;
    text-transform: uppercase;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub{
    position: relative;
    margin: 0 0 10px 0;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_LeftImg{
    position: relative;
    float: left;
    min-width: 423px;
    min-height: 208px;
    margin: 0 15px 0 0;
}
.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt{
    position: relative;
    float: left;
    margin: 0 0 30px 0;
    min-width: 408px;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSubClearer{
    position: relative;
    width: 100%;
    height: 1px;
    clear: both;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_City{
    position: relative;
    font-size: 20px;
    margin: 3px 0 10px 5px;
    text-transform: uppercase;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_StoreInfo{
    position: relative;
    margin: 5px;
    line-height: 20px;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_ContactInfo{
    position: relative;
    margin: 10px 5px 5px 5px;

}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_ContactInfo .mcShowRoomBoxSub_ContactInfoBx{
    position: relative;
    margin: 0px;
    width: 100%;
    line-height: 18px;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_ContactInfo .mcShowRoomBoxSub_ContactInfoBx .mcShowRoomBoxSub_ContactInfoBx_Left{
    position: relative;
    float: left;
    min-width: 55px;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_ContactInfo .mcShowRoomBoxSub_ContactInfoBx .mcShowRoomBoxSub_ContactInfoBx_Right{
    position: relative;
    float: left;
}

.mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_ContactInfo .mcShowRoomBoxSub_ContactInfoBx .mcShowRoomBoxSub_ContactInfoClearer{
    position: relative;
    width: 100%;
    height: 1px;
    clear: both;
}

.mcShowRoomBoxSub_StoreInfo_left{
    position: relative;
    float: left;
    margin: 0 80px 0 0;
}

.mcShowRoomBoxSub_StoreInfo_right{
    position: relative;
    float: left;
    margin: 0;
}

@media (max-width: 820px) {
    .mcShowRoomBoxMain {
        position: relative;
        margin: 15px 15px 15px 15px;
    }
}


@media (max-width: 1325px) {
    .mcShowRoomBoxSub_StoreInfo_left{
        float: none;
    }
    .mcShowRoomBoxSub_StoreInfo_right{
        float: none;
        margin-top: 20px;
    }
}

@media (max-width: 640px) {
    .mcShowRoom_PageIntro {
        position: relative;
        font-size: 16px;
        margin: 30px 15px 65px 15px;
        text-align: center;
    }


    .mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_RightTxt .mcShowRoomBoxSub_City {
        position: relative;
        font-size: 18px;
        margin: 3px 0 10px 5px;
        text-transform: uppercase;
    }

    .mcShowRoomBoxMain .mcShowRoomHeadlineTop {
        position: relative;
        font-size: 24px;
        margin: 5px 0 20px 0;
    }

    .mcShowRoomBoxMain {
        margin: 15px 15px 15px 5px;
    }

    .page-content-wrapper .pagewhite .page-title{
        margin: 1.3125rem 0 .9375rem;
    }
}

@media (max-width: 425px) {
    .mcShowRoomBoxSub .mcShowRoomBoxSub_LeftImg img{
        width: 310px;
    }

    .mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_LeftImg {
        min-height: 175px;
    }
}

@media (max-width: 340px) {
    .mcShowRoomBoxSub .mcShowRoomBoxSub_LeftImg img{
        width: 292px;
    }

    .mcShowRoomBoxMain .mcShowRoomBoxSub .mcShowRoomBoxSub_LeftImg {
        min-height: 165px;
    }
}

/* @ITS_NP 2018.05.17 - New ShowRoomStyles ENDE */



.mcFashionShowBerlinMDiv{ position: relative; margin-bottom: 10px; }
@media (max-width: 1480px){.mcFashionShowBerlinMDiv iframe {height:610px;} }
@media (max-width: 1400px){.mcFashionShowBerlinMDiv iframe {height:580px;} }
@media (max-width: 1320px){.mcFashionShowBerlinMDiv iframe {height:540px;} }
@media (max-width: 1280px){.mcFashionShowBerlinMDiv iframe {height:500px;} }
@media (max-width: 1200px){.mcFashionShowBerlinMDiv iframe {height:620px;} }
@media (max-width: 1180px){.mcFashionShowBerlinMDiv iframe {height:620px;} }
@media (max-width: 1140px){.mcFashionShowBerlinMDiv iframe {height:600px;} }
@media (max-width: 1100px){.mcFashionShowBerlinMDiv iframe {height:580px;} }
@media (max-width: 1060px){.mcFashionShowBerlinMDiv iframe {height:560px;} }
@media (max-width: 1020px){.mcFashionShowBerlinMDiv iframe {height:540px;} }
@media (max-width: 980px){.mcFashionShowBerlinMDiv iframe {height:520px;} }
@media (max-width: 940px){.mcFashionShowBerlinMDiv iframe {height:500px;} }
@media (max-width: 900px){.mcFashionShowBerlinMDiv iframe {height:480px;} }
@media (max-width: 880px){.mcFashionShowBerlinMDiv iframe {height:460px;} }
@media (max-width: 840px){.mcFashionShowBerlinMDiv iframe {height:440px;} }
@media (max-width: 800px){.mcFashionShowBerlinMDiv iframe {height:420px;} }
@media (max-width: 780px){.mcFashionShowBerlinMDiv iframe {height:410px;} }
@media (max-width: 760px){.mcFashionShowBerlinMDiv iframe {height:400px;} }
@media (max-width: 720px){.mcFashionShowBerlinMDiv iframe {height:380px;} }
@media (max-width: 680px){.mcFashionShowBerlinMDiv iframe {height:350px;} }
@media (max-width: 640px){.mcFashionShowBerlinMDiv iframe {height:350px;} }
@media (max-width: 620px){.mcFashionShowBerlinMDiv iframe {height:340px;} }
@media (max-width: 580px){.mcFashionShowBerlinMDiv iframe {height:320px;} }
@media (max-width: 560px){.mcFashionShowBerlinMDiv iframe {height:310px;} }
@media (max-width: 540px){.mcFashionShowBerlinMDiv iframe {height:300px;} }
@media (max-width: 520px){.mcFashionShowBerlinMDiv iframe {height:280px;} }
@media (max-width: 495px){.mcFashionShowBerlinMDiv iframe {height:260px;} }
@media (max-width: 460px){.mcFashionShowBerlinMDiv iframe {height:240px;} }
@media (max-width: 420px){.mcFashionShowBerlinMDiv iframe {height:220px;} }
@media (max-width: 380px){.mcFashionShowBerlinMDiv iframe {height:200px;} }
@media (max-width: 360px){.mcFashionShowBerlinMDiv iframe {height:190px;} }
@media (max-width: 340px){.mcFashionShowBerlinMDiv iframe {height:180px;} }
@media (max-width: 320px){.mcFashionShowBerlinMDiv iframe {height:175px;} }
@media (max-width: 300px){.mcFashionShowBerlinMDiv iframe {height:150px;} }

.highlight-new-in {
    color: #05c020;
}