/* Minification errors (1 total)
 * (22577,22): run-time error CSS1039: Token not allowed after unary operator: '-product-preview-height'
 */
@charset "UTF-8";

@font-face {
    font-family: 'Avenir Next';
    src: url("/Content/themes/Skin_Default/fonts/avenir-next-regular.woff2") format("woff2"), url("/Content/themes/Skin_Default/fonts/avenir-next-regular.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url("/Content/themes/Skin_Default/fonts/avenir-next-demi-bold.woff2") format("woff2"), url("/Content/themes/Skin_Default/fonts/avenir-next-demi-bold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'Avenir Next';
    src: url("/Content/themes/Skin_Default/fonts/avenir-next-bold.woff2") format("woff2"), url("/Content/themes/Skin_Default/fonts/avenir-next-bold.woff") format("woff");
    font-weight: bold;
}

/*@import '../../../../core/css/cms/variables';*/
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Spacing Defaults
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints
 */
/**
Breakpoints for dynamic text scaling (see mixin fluid-font-size)
*/
/*@import '../../../../core/css/cms/mixins';*/
.fittedImage > img, .stacked__image > img, .adjacent__image > img {
    display: block;
    width: 100%;
}

.M-objectfit .fittedImage, .M-objectfit .stacked__image, .M-objectfit .adjacent__image {
    background-size: 0 0;
}

    .M-objectfit .fittedImage > img, .M-objectfit .stacked__image > img, .M-objectfit .adjacent__image > img {
        -o-object-fit: cover;
        object-fit: cover;
    }

.M-no-objectfit .fittedImage, .M-no-objectfit .stacked__image, .M-no-objectfit .adjacent__image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

    .M-no-objectfit .fittedImage > img, .M-no-objectfit .stacked__image > img, .M-no-objectfit .adjacent__image > img {
        visibility: hidden;
    }

/*@import '../../../../core/css/cms/global';*/
/*@import '../../../../core/css/cms/layout';*/
/* Initial grid structure */
.grid,
.grid__row {
    clear: both;
}

    .grid:after,
    .grid__row:after {
        content: '';
        display: block;
        clear: both;
    }

.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 {
    display: block;
}

.grid {
    margin: 0px;
    margin-bottom: 0px;
}

    .grid:last-child {
        margin-bottom: 0px;
    }

.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 {
    padding: 0px;
}

.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
    float: left;
}

.xs-1 {
    width: 8.33333%;
}

.xs-2 {
    width: 16.66667%;
}

.xs-3 {
    width: 25%;
}

.xs-4 {
    width: 33.33333%;
}

.xs-5 {
    width: 41.66667%;
}

.xs-6 {
    width: 50%;
}

.xs-7 {
    width: 58.33333%;
}

.xs-8 {
    width: 66.66667%;
}

.xs-9 {
    width: 75%;
}

.xs-10 {
    width: 83.33333%;
}

.xs-11 {
    width: 91.66667%;
}

.xs-12 {
    width: 100%;
}

.xs-push--0,
.xs-pull--0 {
    margin-left: 0;
    margin-right: 0;
}

.xs-push--1 {
    margin-left: 8.33333%;
    margin-right: -8.33333%;
}

.xs-pull--1 {
    margin-left: -8.33333%;
    margin-right: 8.33333%;
}

.xs-push--2 {
    margin-left: 16.66667%;
    margin-right: -16.66667%;
}

.xs-pull--2 {
    margin-left: -16.66667%;
    margin-right: 16.66667%;
}

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

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

.xs-push--4 {
    margin-left: 33.33333%;
    margin-right: -33.33333%;
}

.xs-pull--4 {
    margin-left: -33.33333%;
    margin-right: 33.33333%;
}

.xs-push--5 {
    margin-left: 41.66667%;
    margin-right: -41.66667%;
}

.xs-pull--5 {
    margin-left: -41.66667%;
    margin-right: 41.66667%;
}

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

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

.xs-push--7 {
    margin-left: 58.33333%;
    margin-right: -58.33333%;
}

.xs-pull--7 {
    margin-left: -58.33333%;
    margin-right: 58.33333%;
}

.xs-push--8 {
    margin-left: 66.66667%;
    margin-right: -66.66667%;
}

.xs-pull--8 {
    margin-left: -66.66667%;
    margin-right: 66.66667%;
}

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

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

.xs-push--10 {
    margin-left: 83.33333%;
    margin-right: -83.33333%;
}

.xs-pull--10 {
    margin-left: -83.33333%;
    margin-right: 83.33333%;
}

.xs-push--11 {
    margin-left: 91.66667%;
    margin-right: -91.66667%;
}

.xs-pull--11 {
    margin-left: -91.66667%;
    margin-right: 91.66667%;
}

.xs-push--12 {
    margin-left: 100%;
    margin-right: -100%;
}

.xs-pull--12 {
    margin-left: -100%;
    margin-right: 100%;
}

@media print, screen and (min-width: 30em) {
    .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {
        float: left;
    }

    .sm-1 {
        width: 8.33333%;
    }

    .sm-2 {
        width: 16.66667%;
    }

    .sm-3 {
        width: 25%;
    }

    .sm-4 {
        width: 33.33333%;
    }

    .sm-5 {
        width: 41.66667%;
    }

    .sm-6 {
        width: 50%;
    }

    .sm-7 {
        width: 58.33333%;
    }

    .sm-8 {
        width: 66.66667%;
    }

    .sm-9 {
        width: 75%;
    }

    .sm-10 {
        width: 83.33333%;
    }

    .sm-11 {
        width: 91.66667%;
    }

    .sm-12 {
        width: 100%;
    }

    .sm-push--0,
    .sm-pull--0 {
        margin-left: 0;
        margin-right: 0;
    }

    .sm-push--1 {
        margin-left: 8.33333%;
        margin-right: -8.33333%;
    }

    .sm-pull--1 {
        margin-left: -8.33333%;
        margin-right: 8.33333%;
    }

    .sm-push--2 {
        margin-left: 16.66667%;
        margin-right: -16.66667%;
    }

    .sm-pull--2 {
        margin-left: -16.66667%;
        margin-right: 16.66667%;
    }

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

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

    .sm-push--4 {
        margin-left: 33.33333%;
        margin-right: -33.33333%;
    }

    .sm-pull--4 {
        margin-left: -33.33333%;
        margin-right: 33.33333%;
    }

    .sm-push--5 {
        margin-left: 41.66667%;
        margin-right: -41.66667%;
    }

    .sm-pull--5 {
        margin-left: -41.66667%;
        margin-right: 41.66667%;
    }

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

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

    .sm-push--7 {
        margin-left: 58.33333%;
        margin-right: -58.33333%;
    }

    .sm-pull--7 {
        margin-left: -58.33333%;
        margin-right: 58.33333%;
    }

    .sm-push--8 {
        margin-left: 66.66667%;
        margin-right: -66.66667%;
    }

    .sm-pull--8 {
        margin-left: -66.66667%;
        margin-right: 66.66667%;
    }

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

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

    .sm-push--10 {
        margin-left: 83.33333%;
        margin-right: -83.33333%;
    }

    .sm-pull--10 {
        margin-left: -83.33333%;
        margin-right: 83.33333%;
    }

    .sm-push--11 {
        margin-left: 91.66667%;
        margin-right: -91.66667%;
    }

    .sm-pull--11 {
        margin-left: -91.66667%;
        margin-right: 91.66667%;
    }

    .sm-push--12 {
        margin-left: 100%;
        margin-right: -100%;
    }

    .sm-pull--12 {
        margin-left: -100%;
        margin-right: 100%;
    }
}

@media print, screen and (min-width: 45em) {
    .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 {
        float: left;
    }

    .md-1 {
        width: 8.33333%;
    }

    .md-2 {
        width: 16.66667%;
    }

    .md-3 {
        width: 25%;
    }

    .md-4 {
        width: 33.33333%;
    }

    .md-5 {
        width: 41.66667%;
    }

    .md-6 {
        width: 50%;
    }

    .md-7 {
        width: 58.33333%;
    }

    .md-8 {
        width: 66.66667%;
    }

    .md-9 {
        width: 75%;
    }

    .md-10 {
        width: 83.33333%;
    }

    .md-11 {
        width: 91.66667%;
    }

    .md-12 {
        width: 100%;
    }

    .md-push--0,
    .md-pull--0 {
        margin-left: 0;
        margin-right: 0;
    }

    .md-push--1 {
        margin-left: 8.33333%;
        margin-right: -8.33333%;
    }

    .md-pull--1 {
        margin-left: -8.33333%;
        margin-right: 8.33333%;
    }

    .md-push--2 {
        margin-left: 16.66667%;
        margin-right: -16.66667%;
    }

    .md-pull--2 {
        margin-left: -16.66667%;
        margin-right: 16.66667%;
    }

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

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

    .md-push--4 {
        margin-left: 33.33333%;
        margin-right: -33.33333%;
    }

    .md-pull--4 {
        margin-left: -33.33333%;
        margin-right: 33.33333%;
    }

    .md-push--5 {
        margin-left: 41.66667%;
        margin-right: -41.66667%;
    }

    .md-pull--5 {
        margin-left: -41.66667%;
        margin-right: 41.66667%;
    }

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

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

    .md-push--7 {
        margin-left: 58.33333%;
        margin-right: -58.33333%;
    }

    .md-pull--7 {
        margin-left: -58.33333%;
        margin-right: 58.33333%;
    }

    .md-push--8 {
        margin-left: 66.66667%;
        margin-right: -66.66667%;
    }

    .md-pull--8 {
        margin-left: -66.66667%;
        margin-right: 66.66667%;
    }

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

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

    .md-push--10 {
        margin-left: 83.33333%;
        margin-right: -83.33333%;
    }

    .md-pull--10 {
        margin-left: -83.33333%;
        margin-right: 83.33333%;
    }

    .md-push--11 {
        margin-left: 91.66667%;
        margin-right: -91.66667%;
    }

    .md-pull--11 {
        margin-left: -91.66667%;
        margin-right: 91.66667%;
    }

    .md-push--12 {
        margin-left: 100%;
        margin-right: -100%;
    }

    .md-pull--12 {
        margin-left: -100%;
        margin-right: 100%;
    }
}

@media screen and (min-width: 60em) {
    .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {
        float: left;
    }

    .lg-1 {
        width: 8.33333%;
    }

    .lg-2 {
        width: 16.66667%;
    }

    .lg-3 {
        width: 25%;
    }

    .lg-4 {
        width: 33.33333%;
    }

    .lg-5 {
        width: 41.66667%;
    }

    .lg-6 {
        width: 50%;
    }

    .lg-7 {
        width: 58.33333%;
    }

    .lg-8 {
        width: 66.66667%;
    }

    .lg-9 {
        width: 75%;
    }

    .lg-10 {
        width: 83.33333%;
    }

    .lg-11 {
        width: 91.66667%;
    }

    .lg-12 {
        width: 100%;
    }

    .lg-push--0,
    .lg-pull--0 {
        margin-left: 0;
        margin-right: 0;
    }

    .lg-push--1 {
        margin-left: 8.33333%;
        margin-right: -8.33333%;
    }

    .lg-pull--1 {
        margin-left: -8.33333%;
        margin-right: 8.33333%;
    }

    .lg-push--2 {
        margin-left: 16.66667%;
        margin-right: -16.66667%;
    }

    .lg-pull--2 {
        margin-left: -16.66667%;
        margin-right: 16.66667%;
    }

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

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

    .lg-push--4 {
        margin-left: 33.33333%;
        margin-right: -33.33333%;
    }

    .lg-pull--4 {
        margin-left: -33.33333%;
        margin-right: 33.33333%;
    }

    .lg-push--5 {
        margin-left: 41.66667%;
        margin-right: -41.66667%;
    }

    .lg-pull--5 {
        margin-left: -41.66667%;
        margin-right: 41.66667%;
    }

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

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

    .lg-push--7 {
        margin-left: 58.33333%;
        margin-right: -58.33333%;
    }

    .lg-pull--7 {
        margin-left: -58.33333%;
        margin-right: 58.33333%;
    }

    .lg-push--8 {
        margin-left: 66.66667%;
        margin-right: -66.66667%;
    }

    .lg-pull--8 {
        margin-left: -66.66667%;
        margin-right: 66.66667%;
    }

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

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

    .lg-push--10 {
        margin-left: 83.33333%;
        margin-right: -83.33333%;
    }

    .lg-pull--10 {
        margin-left: -83.33333%;
        margin-right: 83.33333%;
    }

    .lg-push--11 {
        margin-left: 91.66667%;
        margin-right: -91.66667%;
    }

    .lg-pull--11 {
        margin-left: -91.66667%;
        margin-right: 91.66667%;
    }

    .lg-push--12 {
        margin-left: 100%;
        margin-right: -100%;
    }

    .lg-pull--12 {
        margin-left: -100%;
        margin-right: 100%;
    }
}

@media screen and (min-width: 75em) {
    .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 {
        float: left;
    }

    .xl-1 {
        width: 8.33333%;
    }

    .xl-2 {
        width: 16.66667%;
    }

    .xl-3 {
        width: 25%;
    }

    .xl-4 {
        width: 33.33333%;
    }

    .xl-5 {
        width: 41.66667%;
    }

    .xl-6 {
        width: 50%;
    }

    .xl-7 {
        width: 58.33333%;
    }

    .xl-8 {
        width: 66.66667%;
    }

    .xl-9 {
        width: 75%;
    }

    .xl-10 {
        width: 83.33333%;
    }

    .xl-11 {
        width: 91.66667%;
    }

    .xl-12 {
        width: 100%;
    }

    .xl-push--0,
    .xl-pull--0 {
        margin-left: 0;
        margin-right: 0;
    }

    .xl-push--1 {
        margin-left: 8.33333%;
        margin-right: -8.33333%;
    }

    .xl-pull--1 {
        margin-left: -8.33333%;
        margin-right: 8.33333%;
    }

    .xl-push--2 {
        margin-left: 16.66667%;
        margin-right: -16.66667%;
    }

    .xl-pull--2 {
        margin-left: -16.66667%;
        margin-right: 16.66667%;
    }

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

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

    .xl-push--4 {
        margin-left: 33.33333%;
        margin-right: -33.33333%;
    }

    .xl-pull--4 {
        margin-left: -33.33333%;
        margin-right: 33.33333%;
    }

    .xl-push--5 {
        margin-left: 41.66667%;
        margin-right: -41.66667%;
    }

    .xl-pull--5 {
        margin-left: -41.66667%;
        margin-right: 41.66667%;
    }

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

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

    .xl-push--7 {
        margin-left: 58.33333%;
        margin-right: -58.33333%;
    }

    .xl-pull--7 {
        margin-left: -58.33333%;
        margin-right: 58.33333%;
    }

    .xl-push--8 {
        margin-left: 66.66667%;
        margin-right: -66.66667%;
    }

    .xl-pull--8 {
        margin-left: -66.66667%;
        margin-right: 66.66667%;
    }

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

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

    .xl-push--10 {
        margin-left: 83.33333%;
        margin-right: -83.33333%;
    }

    .xl-pull--10 {
        margin-left: -83.33333%;
        margin-right: 83.33333%;
    }

    .xl-push--11 {
        margin-left: 91.66667%;
        margin-right: -91.66667%;
    }

    .xl-pull--11 {
        margin-left: -91.66667%;
        margin-right: 91.66667%;
    }

    .xl-push--12 {
        margin-left: 100%;
        margin-right: -100%;
    }

    .xl-pull--12 {
        margin-left: -100%;
        margin-right: 100%;
    }
}

/* Flexbox grids */
.M-flexwrap .grid--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Flexbox configuration classes */
    /* END Flexbox configuration classes */
}

    .M-flexwrap .grid--flex:after {
        content: none;
    }

    .M-flexwrap .grid--flex > * {
        float: none !important;
    }

    .M-flexwrap .grid--flex > .block {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .M-flexwrap .grid--flex.grid--justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .M-flexwrap .grid--flex.grid--justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .M-flexwrap .grid--flex.grid--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .M-flexwrap .grid--flex.grid--justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .M-flexwrap .grid--flex.grid--justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .M-flexwrap .grid--flex.grid--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .M-flexwrap .grid--flex.grid--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .M-flexwrap .grid--flex.grid--align-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .M-flexwrap .grid--flex.grid--align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .M-flexwrap .grid--flex.grid--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

.M-flexwrap .grid--align-stretch > .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexwrap .grid--align-stretch > .block > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-auto {
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-start {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-end {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-center {
        -ms-flex-item-align: center;
        align-self: center;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-baseline {
        -ms-flex-item-align: baseline;
        align-self: baseline;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .M-flexwrap .grid--align-stretch > .block.block--align-auto > *,
    .M-flexwrap .grid--align-stretch > .block.block--align-start > *,
    .M-flexwrap .grid--align-stretch > .block.block--align-end > *,
    .M-flexwrap .grid--align-stretch > .block.block--align-center > *,
    .M-flexwrap .grid--align-stretch > .block.block--align-baseline > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

/*@import '../../../../core/css/cms/inputs';*/
/*@import '../../../../core/css/cms/styleguide';*/
/* Aspect ratio containers */
.aspectRatio {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

    .aspectRatio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .aspectRatio.aspectRatio--4_3 {
        padding-bottom: 75%;
    }

    .aspectRatio.aspectRatio--3_4 {
        padding-bottom: 133.33333%;
    }

    .aspectRatio.aspectRatio--16_9, .aspectRatio .aspectRatio--widescreen {
        padding-bottom: 56.25%;
    }

    .aspectRatio.aspectRatio--9_16 {
        padding-bottom: 177.77778%;
    }

    .aspectRatio.aspectRatio--golden {
        padding-bottom: 61.8034%;
    }

    .aspectRatio.aspectRatio--golden-portrait {
        padding-bottom: 161.8034%;
    }

/* @import '../../../../core/css/cms/components/canvas-menu';*/
/* Dropdown menus */
.dropdown {
    display: block;
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 110;
}

    .dropdown[aria-expanded='true'],
    .dropdownTrigger--hover:hover > .dropdown {
        visibility: visible;
    }

    /* Animated dropdown menus */
    .dropdown.dropdown--fade {
        opacity: 0;
        -webkit-transition: visibility 0.2s, opacity 0.2s;
        transition: visibility 0.2s, opacity 0.2s;
    }

        .dropdown.dropdown--fade[aria-expanded='true'],
        .dropdownTrigger--hover:hover > .dropdown.dropdown--fade {
            opacity: 1;
        }

.M-flexwrap .grid--align-stretch > .block--imageFile .fittedImage,
.M-flexwrap .block--align-stretch.block--imageFile .fittedImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* Iframe wrap (used in the Iframe Block type) */
.block--iframe .iframeWrap {
    width: 100%;
}

.iframeWrap iframe {
    display: block;
    width: 100%;
}

.M-flexwrap .grid--align-stretch > .block--iframe > .iframeWrap,
.M-flexwrap .block--align-stretch.block--iframe > .iframeWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexwrap .grid--align-stretch > .block--iframe > .iframeWrap.iframeWrap--manualHeight > iframe,
    .M-flexwrap .block--align-stretch.block--iframe > .iframeWrap.iframeWrap--manualHeight > iframe {
        height: auto;
    }

    .M-flexwrap .grid--align-stretch > .block--iframe > .iframeWrap.aspectRatio,
    .M-flexwrap .block--align-stretch.block--iframe > .iframeWrap.aspectRatio {
        -ms-flex-item-align: center;
        align-self: center;
    }

/*@import '../../../../core/css/cms/components/island';*/
/* Loader */
.loader {
    display: none;
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

    .loader:before {
        content: "\f110";
        display: block;
        font-family: FontAwesome;
        font-size: 24px;
        font-size: 1.5rem;
        text-align: center;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    .loader.loader--inline:before, .loader.loader--overlay:before {
        display: inline-block;
        line-height: 1em;
        vertical-align: middle;
    }

    .loader.loader--active {
        display: block;
    }

    .loader.loader--inline {
        padding: 0;
        vertical-align: middle;
    }

        .loader.loader--inline:before {
            margin-right: .5em;
        }

        .loader.loader--inline.loader--active {
            display: inline-block;
        }

    .loader.loader--overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
        font-weight: 600;
        opacity: 0;
        visibility: hidden;
        z-index: 120;
        background-color: rgba(255, 255, 255, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80FFFFFF', endColorstr='#80FFFFFF');
        -webkit-transition: opacity .2s, visibility 0s linear .2s;
        transition: opacity .2s, visibility 0s linear .2s;
    }

        .loader.loader--overlay:before {
            position: relative;
            left: -28px;
            left: -1rem;
            font-size: 28px;
            font-size: 2rem;
            font-weight: 400;
        }

        .loader.loader--overlay:after {
            content: '';
            display: inline-block;
            height: 100%;
            font-size: 0;
            margin-right: -5px;
            vertical-align: middle;
        }

        .loader.loader--overlay.loader--active {
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity .2s;
            transition: opacity .2s;
        }

/* Modal windows */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 300;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.75);
}

    .modal:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .modal.modal--active {
        display: block;
    }

.modal__wrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.modal__window {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 1rem;
    white-space: normal;
    min-width: 10em;
    min-height: 5em;
    max-width: 90vw;
    max-height: 90vh;
    margin: 0 auto;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 15px #555;
    box-shadow: 0 0 15px #555;
}

.modal__closeButton {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    margin: 15px 0 0 -59px;
    margin-left: calc(-1em - 27px);
    width: 1em;
    height: 1em;
    padding: 0;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    border: none;
    z-index: 1;
    color: #999;
}

    .modal__closeButton:before {
        content: "\f00d";
        font-family: FontAwesome;
    }

    .modal__closeButton:hover {
        text-decoration: none;
        color: #444;
    }

.modal__content {
    padding: 20px;
}

.modal.modal--cms .width--layout {
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media print, screen and (min-width: 45em) {
    .modal__window {
        min-width: 20em;
        min-height: 10em;
    }
}

@media screen and (min-width: 60em) {
    .modal__window {
        min-width: 30em;
        min-height: 15em;
        max-width: 50em;
        max-height: 80vh;
    }
}

html.modal--scrollLock > body > .layout__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html.modal--scrollLock .modal {
    position: absolute;
}

html.modal--scrollLock .scrollToTop {
    display: none;
}

html.modal--forceScrollbarX.scrollingElement,
html.modal--forceScrollbarX > .scrollingElement {
    overflow-x: scroll;
}

html.modal--forceScrollbarY.scrollingElement,
html.modal--forceScrollbarY > .scrollingElement {
    overflow-y: scroll;
}

/* Iframe modals */
.modal.modal--iframe .modal__window {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
}

.modal.modal--iframe .modal__content {
    padding: 0;
}

.modal.modal--iframe .modal__iframe {
    display: block;
    width: 90vw;
    height: 80vh;
    max-width: 50em;
}

/* Image modals */
.modal.modal--image .modal__content {
    padding: 0;
}

.modal.modal--image img {
    display: block;
}

/* "Outer" scrolling behavior */
.modal.modal--outerScrolling {
    overflow: auto;
    height: auto;
    min-height: 100%;
}

    .modal.modal--outerScrolling:before {
        height: 100vh;
    }

    .modal.modal--outerScrolling .modal__wrap {
        overflow: visible;
        padding: 20px 0;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
        overflow: visible;
    }

@media screen and (min-width: 60em) {
    .modal.modal--outerScrolling .modal__wrap {
        padding: 50px 0;
    }
}

/* All iPads: Landscape */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    html.modal--scrollLock > body > .layout__container {
        width: 1024px;
        height: 768px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 921.6px;
        max-height: 614.4px;
    }

    .modal__iframe {
        width: 921.6px;
        height: 614.4px;
    }

    .modal.modal--outerScrolling:before {
        height: 768px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/* All iPads: Portrait */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    html.modal--scrollLock > body > .layout__container {
        width: 768px;
        height: 1024px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 691.2px;
        max-height: 819.2px;
    }

    .modal__iframe {
        width: 691.2px;
        height: 819.2px;
    }

    .modal.modal--outerScrolling:before {
        height: 1024px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/* iPhone 5 and 5S: Landscape */
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
    html.modal--scrollLock > body > .layout__container {
        width: 568px;
        height: 320px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 511.2px;
        max-height: 256px;
    }

    .modal__iframe {
        width: 511.2px;
        height: 256px;
    }

    .modal.modal--outerScrolling:before {
        height: 320px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/* iPhone 5 and 5S: Portrait */
@media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
    html.modal--scrollLock > body > .layout__container {
        width: 320px;
        height: 568px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 288px;
        max-height: 454.4px;
    }

    .modal__iframe {
        width: 288px;
        height: 454.4px;
    }

    .modal.modal--outerScrolling:before {
        height: 568px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/* iPhone 2G, 3G, 4, and 4S: Landscape */
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
    html.modal--scrollLock > body > .layout__container {
        width: 480px;
        height: 320px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 432px;
        max-height: 256px;
    }

    .modal__iframe {
        width: 432px;
        height: 256px;
    }

    .modal.modal--outerScrolling:before {
        height: 320px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/* iPhone 2G, 3G, 4, and 4S: Portrait */
@media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
    html.modal--scrollLock > body > .layout__container {
        width: 320px;
        height: 480px;
        overflow: hidden;
    }

    .modal__window {
        max-width: 288px;
        max-height: 384px;
    }

    .modal__iframe {
        width: 288px;
        height: 384px;
    }

    .modal.modal--outerScrolling:before {
        height: 480px;
    }

    .modal.modal--outerScrolling .modal__window {
        max-height: none;
    }
}

/*@import '../../../../core/css/cms/components/nav';*/
.layout__primaryNav .nav--primary .nav__item--expands {
    margin-top: 20px;
    margin-bottom: 0;
}

    .layout__primaryNav .nav--primary .nav__item--expands h3 {
        margin-bottom: 10px;
    }

    .layout__primaryNav .nav--primary .nav__item--expands ul, .layout__primaryNav .nav--primary .nav__item--expands h3 {
        font-size: 16px;
        text-align: left;
        list-style: none;
        padding-left: 0;
    }

    .layout__primaryNav .nav--primary .nav__item--expands .tabs__tab {
        position: absolute;
        right: 0;
        background-color: transparent !important;
        line-height: 1;
        border: none !important;
    }

        .layout__primaryNav .nav--primary .nav__item--expands .tabs__tab:before {
            content: '\f107';
            font-family: FontAwesome;
            font-size: 16px;
        }

    .layout__primaryNav .nav--primary .nav__item--expands .tabs__panel {
        border: none !important;
    }

@media screen and (min-width: 60em) {
    .layout__primaryNav {
        position: relative;
    }

        .layout__primaryNav .nav--primary {
            position: static;
        }

            .layout__primaryNav .nav--primary .nav__item--expands {
                margin-top: 0;
            }

                .layout__primaryNav .nav--primary .nav__item--expands .nav__link {
                    border: none;
                }

                    .layout__primaryNav .nav--primary .nav__item--expands .nav__link ::after {
                        content: '\f107';
                        font-family: FontAwesome;
                        margin-left: 10px;
                    }

                .layout__primaryNav .nav--primary .nav__item--expands .tabs__tab {
                    display: none;
                }

                .layout__primaryNav .nav--primary .nav__item--expands .tabs__panel {
                    width: 100%;
                    max-width: 100%;
                    position: absolute;
                    top: 100%;
                    background-color: white;
                    z-index: 110;
                    visibility: hidden;
                    opacity: 0;
                    padding: 2rem 4.5rem;
                }

                .layout__primaryNav .nav--primary .nav__item--expands:hover .tabs__panel {
                    display: block !important;
                    visibility: visible;
                    opacity: 1;
                }
}

/* Paging */
.paging {
    display: inline-block;
    list-style: none;
    padding: 0;
    vertical-align: middle;
    overflow: hidden;
}

.paging__page,
.paging__separator {
    display: inline-block;
    padding: .5em;
    line-height: 1em;
    min-width: 2em;
    text-align: center;
}

    .paging__page > .paging__pageLink {
        display: block;
        margin: -.5em;
        padding: .5em;
    }

.predictiveSearch__results {
    position: absolute;
    width: 280px;
    width: 20rem;
    font-size: 14px;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 110;
}

    .predictiveSearch__results.predictiveSearch__results--active {
        visibility: visible;
    }

.predictiveSearch__result {
    padding: .5em .75em;
    cursor: pointer;
}

    .predictiveSearch__result.predictiveSearch__result--active {
        background-color: #f2f2f2;
    }

/* Search page */
.searchPage__form .search__submit {
    font-family: FontAwesome;
}

.sectionBlock.sectionBlock--flex.width--layout:after {
    content: none;
}

.layout--editMode .grid--flex .sectionBlock--noIntroContent > .wysiwyg {
    display: none;
}

.layout--preview .blockPreview > .contentArea > .block--section > .sectionBlock--flex.sectionBlock--noIntroContent > .wysiwyg {
    display: block;
}

.M-flexwrap .grid--align-stretch > .block--section > .sectionBlock,
.M-flexwrap .block--align-stretch.block--section > .sectionBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .M-flexwrap .grid--align-stretch > .block--section > .sectionBlock > .wysiwyg,
    .M-flexwrap .block--align-stretch.block--section > .sectionBlock > .wysiwyg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .M-flexwrap .grid--align-stretch > .block--section > .sectionBlock > .contentArea,
    .M-flexwrap .block--align-stretch.block--section > .sectionBlock > .contentArea {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .M-flexwrap .grid--align-stretch > .block--section > .sectionBlock > .contentArea.grid--align-stretch,
        .M-flexwrap .block--align-stretch.block--section > .sectionBlock > .contentArea.grid--align-stretch {
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/*
 * Modified by Whereoware
 * 2015-03-06
 * ----------------------
 *  - Removed reference to 'flexslider-icon' font in favor of FontAwesome.
 *  - Removed default container styles (background, border, box-shadow).
 *  - Reversed the responsive breakpoint to make the stylesheet mobile-first.
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        margin-bottom: 0;
    }

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: '';
    display: block;
    clear: both;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
  * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0 60px;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-align: center;
        line-height: 40px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .flex-direction-nav .flex-prev {
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        right: 10px;
        text-align: right;
    }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 40px;
    display: inline-block;
    content: "\f053";
}

.flex-direction-nav a.flex-next:before {
    content: "\f054";
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: FontAwesome;
        font-size: 20px;
        display: inline-block;
        content: "\f04c";
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: "\f04b";
    }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

.slides {
    width: 100%;
}

.slide__image {
    margin-bottom: 20px;
}

.block--slider.hero-slider .flexslider {
    margin-bottom: 2em;
}

/* Flexslider inside a Slider Block that's being previewed in EPiServer's edit mode */
.contentArea--preview .flexslider {
    margin-bottom: 0;
}

    .contentArea--preview .flexslider .slides > .slide {
        display: block;
        margin-bottom: 1em;
    }

/* Remove bottom margin for flexsliders with no ControlNav */
.flexslider.slider--noControlNav {
    margin-bottom: 0;
}

@media screen and (min-width: 60em) {
    .block--slider.hero-slider .flexslider {
        margin-bottom: 0;
    }

    .block--slider.hero-slider .slide__image {
        width: 100%;
        margin-bottom: 0;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .block--slider.hero-slider .slide__image > img {
            display: block;
            width: 100%;
            visibility: hidden;
        }

    .block--slider.hero-slider .slide__content {
        width: 100%;
        padding: 20px;
    }

        .block--slider.hero-slider .slide__content > .wysiwyg {
            max-width: 100%;
        }

    .block--slider.hero-slider .slide--hasImage > .slide__image {
        margin-right: -100%;
    }

    .block--slider.hero-slider .flex-control-nav {
        position: absolute;
        bottom: 10px;
        z-index: 2;
        margin: 0;
    }

    .M-no-flexbox .block--slider.hero-slider .slide {
        font-size: 0;
        white-space: nowrap;
    }

    .M-no-flexbox .block--slider.hero-slider .slide__image,
    .M-no-flexbox .block--slider.hero-slider .slide__content {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 16px;
        font-size: 1rem;
        white-space: normal;
    }

        .M-no-flexbox .block--slider.hero-slider .slide__image:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: inherit;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

    .M-no-flexbox .block--slider.hero-slider .slide__content {
        text-align: center;
    }

        .M-no-flexbox .block--slider.hero-slider .slide__content .wysiwyg {
            display: inline-block;
            text-align: left;
        }

    .M-no-flexbox .block--slider.hero-slider .slide--hasImage > .slide__content {
        position: relative;
    }

    .M-no-flexbox .block--slider.hero-slider .slide.align--left {
        text-align: left;
    }

        .M-no-flexbox .block--slider.hero-slider .slide.align--left > .slide__content > .wysiwyg {
            text-align: left;
        }

    .M-no-flexbox .block--slider.hero-slider .slide.align--right {
        text-align: left;
    }

        .M-no-flexbox .block--slider.hero-slider .slide.align--right > .slide__content > .wysiwyg {
            text-align: right;
        }

    .M-no-flexbox .block--slider.hero-slider .slide.align--center {
        text-align: left;
    }

        .M-no-flexbox .block--slider.hero-slider .slide.align--center > .slide__content > .wysiwyg {
            text-align: center;
        }

    .M-no-flexbox .block--slider.hero-slider .slide.align--justify {
        text-align: left;
    }

        .M-no-flexbox .block--slider.hero-slider .slide.align--justify > .slide__content > .wysiwyg {
            text-align: justify;
        }

    .M-no-flexbox .block--slider.hero-slider .top > .slide__content {
        vertical-align: top;
    }

    .M-no-flexbox .block--slider.hero-slider .bottom > .slide__content {
        vertical-align: bottom;
    }

    .M-no-flexbox .block--slider.hero-slider .left > .slide__content {
        text-align: left;
    }

    .M-no-flexbox .block--slider.hero-slider .right > .slide__content {
        text-align: right;
    }

    .M-flexbox .block--slider.hero-slider .flexslider,
    .M-flexbox .block--slider.hero-slider .slides {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .M-flexbox .block--slider.hero-slider .slide {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .M-flexbox .block--slider.hero-slider .flex-direction-nav,
    .M-flexbox .block--slider.hero-slider .flex-control-nav {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .M-flexbox .block--slider.hero-slider .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .M-flexbox .block--slider.hero-slider .slide__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .M-flexbox .block--slider.hero-slider .slide__content > .wysiwyg {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

    .M-flexbox .block--slider.hero-slider .slide__image {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .M-flexbox .block--slider.hero-slider .top > .slide__content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .M-flexbox .block--slider.hero-slider .bottom > .slide__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .M-flexbox .block--slider.hero-slider .left > .slide__content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .M-flexbox .block--slider.hero-slider .right > .slide__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .block--slider.hero-slider .flexslider {
        margin-bottom: 0em;
    }
    /* Flexslider behavior adjustments for larger screens */
    .flex-direction-nav a {
        opacity: 0;
    }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
    }

    .flexslider:hover .flex-direction-nav a {
        opacity: 0.7;
    }

    .flexslider:hover .flex-prev {
        left: 10px;
    }

    .flexslider:hover .flex-next {
        right: 10px;
    }
}

/* Stacked component */
.stacked__image {
    display: block;
    margin-bottom: 20px;
}

    .stacked__image > img {
        display: block;
    }

.M-flexwrap .grid--align-stretch > .block--stacked > .stacked,
.M-flexwrap .block--align-stretch.block--stacked > .stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexwrap .grid--align-stretch > .block--stacked > .stacked > .stacked__image,
    .M-flexwrap .block--align-stretch.block--stacked > .stacked > .stacked__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .M-flexwrap .grid--align-stretch > .block--stacked > .stacked > .stacked__content,
    .M-flexwrap .block--align-stretch.block--stacked > .stacked > .stacked__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.M-flexwrap .grid--align-stretch > .block--standard,
.M-flexwrap .block--align-stretch.block--standard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Tabbed content */
.tabs {
    position: relative;
    z-index: 0;
}

.tabs__tabList {
    display: table;
    border-collapse: separate;
    max-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tabs__tabList:after {
        content: '';
        display: block;
        clear: both;
    }

.tabs__tab {
    display: table-cell;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    padding: 0.5em 1em;
    text-align: center;
    outline: none;
}

    .tabs__tab[aria-selected='true'], .tabs__tab.tabs--active {
        border-color: #ddd;
        background-color: #fff;
        border-bottom-color: #fff;
    }

    .tabs__tab[aria-disabled='true'], .tabs__tab.tabs--disabled {
        cursor: default;
        color: #bbb;
    }

    .tabs__tab:hover {
        background-color: #f2f2f2;
        border-bottom-color: #ddd;
    }

    .tabs__tab[aria-selected='true']:hover, .tabs__tab.tabs--active:hover {
        background-color: #fff;
    }

    .tabs__tab[aria-disabled='true']:hover, .tabs__tab.tabs--disabled:hover {
        background: none;
    }

.tabs__panel {
    position: relative;
    z-index: -1;
    border: 1px solid #ddd;
    padding: 1em;
}

/* Accordion */
.tabs.tabs--accordion > .tabs__tab {
    display: block;
    border: none;
    border-bottom: 1px solid #ddd;
    width: auto;
    line-height: 2.5em;
    padding: 0 0.3em 0 0;
    text-align: left;
    background-color: transparent;
    color: #458BCA;
    font-weight: 700;
}

    .tabs.tabs--accordion > .tabs__tab:first-child {
        border-top: 1px solid #ddd;
    }

    .tabs.tabs--accordion > .tabs__tab:before {
        content: '+';
        float: left;
        width: 1.5em;
        margin-right: 0.3em;
        text-align: center;
    }

    .tabs.tabs--accordion > .tabs__tab[aria-expanded='true']:before, .tabs.tabs--accordion > .tabs__tab.tabs--active:before {
        content: '-';
    }

    .tabs.tabs--accordion > .tabs__tab:after {
        content: '';
        display: block;
        clear: both;
    }

    .tabs.tabs--accordion > .tabs__tab:hover, .tabs.tabs--accordion > .tabs__tab:focus {
        background-color: #f2f2f2;
    }

    .tabs.tabs--accordion > .tabs__tab[aria-expanded='true'], .tabs.tabs--accordion > .tabs__tab.tabs--active {
        color: #333;
        background-color: #f2f2f2;
    }

.tabs.tabs--accordion > .tabs__panel {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 1em;
}

/* For browsers that support flexbox */
.M-flexbox .tabs {
    position: static;
    z-index: auto;
}

.M-flexbox .tabs__tabList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: -1px;
}

.M-flexbox .tabs__tab {
    display: block;
    position: relative;
}

.M-flexbox .tabs__panel {
    position: static;
    z-index: auto;
}

/* EPiServer edit mode adjustments */
.tabs.tabs--preview {
    position: relative;
    overflow: visible;
}

    .tabs.tabs--preview .tabs__tabList {
        overflow: visible;
    }

    .tabs.tabs--preview .tabs__tab.tabs__tab--previewInactive {
        visibility: hidden;
        width: 4em;
    }

.tabs__urlFragment {
    float: right;
    min-width: 5em;
    margin-left: 1em;
    text-align: right;
}

    .tabs__urlFragment.tabs__urlFragment--hasValue:before {
        content: '#';
        color: #bbb;
    }

    .tabs__urlFragment.tabs__urlFragment--invalid {
        color: #c00;
    }

/* Accordion EPiServer edit mode adjustments */
.tabs.tabs--preview.tabs--accordion .tabs__tab {
    position: relative;
}

.tabs.tabs--preview.tabs--accordion .tabs__name {
    overflow: hidden;
}

.M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion),
.M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion) > .tabs__tabList,
    .M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) > .tabs__tabList {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion) > .tabs__panel,
    .M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) > .tabs__panel {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

.tooltip .tooltip__positionTest {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

.tooltip.tooltip--inline {
    position: relative;
    border-bottom: 1px dotted #444;
    cursor: help;
    outline: none;
}

    .tooltip.tooltip--inline.tooltip--noBorder {
        border-bottom: none;
    }

    .tooltip.tooltip--inline:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        left: 50%;
        border: .4em solid transparent;
        border-bottom: none;
        border-top-color: #ddd;
        margin-top: -8px;
        margin-left: -.4em;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        -webkit-transition: opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
        transition: opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s linear;
        transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
    }

    .tooltip.tooltip--inline.tooltip--active:before {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .tooltip.tooltip--inline.tooltip--multiline:before {
        margin-left: .4em;
    }

.tooltipContainer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 100;
}

.tooltip__popup {
    position: absolute;
    bottom: 9999px;
    left: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    padding: .5em;
    border: 1px solid #ddd;
    margin-bottom: 3px;
    pointer-events: none;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -webkit-transition: opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s linear;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s linear, -webkit-transform .2s ease-in-out;
}

    .tooltip__popup:after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        border: .4em solid transparent;
        margin-left: -.4em;
        border-bottom: none;
        border-top-color: #ddd;
    }

    .tooltip__popup.tooltip--active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .tooltip__popup .tooltip__heading {
        margin-bottom: 10px;
    }

    .tooltip__popup.tooltip__popup--inline {
        margin-bottom: 7px;
    }

        .tooltip__popup.tooltip__popup--inline:after {
            content: none;
        }

/* Initial typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

/* Breakpoint-specific typography adjustments */
.typography--1 {
    font-size: 0.5625em;
    line-height: 1.22222;
}

.fontSize--1 {
    font-size: 0.5625em;
}

.fontSize--safe.typography--1,
.fontSize--safe.fontSize--1 {
    font-size: 7.875px;
    font-size: 0.5625em;
}

.xs-typography--1 {
    font-size: 0.5625em;
    line-height: 1.22222;
}

.xs-font-size--1, .xs-fontSize--1 {
    font-size: 0.5625em;
}

.fontSize--safe.xs-typography--1,
.fontSize--safe.xs-font-size--1,
.fontSize--safe.xs-fontSize--1 {
    font-size: 7.875px;
    font-size: 0.5625em;
}

.typography--2 {
    font-size: 0.6875em;
    line-height: 1.18182;
}

.fontSize--2 {
    font-size: 0.6875em;
}

.fontSize--safe.typography--2,
.fontSize--safe.fontSize--2 {
    font-size: 9.625px;
    font-size: 0.6875em;
}

.xs-typography--2 {
    font-size: 0.6875em;
    line-height: 1.18182;
}

.xs-font-size--2, .xs-fontSize--2 {
    font-size: 0.6875em;
}

.fontSize--safe.xs-typography--2,
.fontSize--safe.xs-font-size--2,
.fontSize--safe.xs-fontSize--2 {
    font-size: 9.625px;
    font-size: 0.6875em;
}

.typography--3 {
    font-size: 0.875em;
    line-height: 1.21429;
}

.fontSize--3 {
    font-size: 0.875em;
}

.fontSize--safe.typography--3,
.fontSize--safe.fontSize--3 {
    font-size: 12.25px;
    font-size: 0.875em;
}

.xs-typography--3 {
    font-size: 0.875em;
    line-height: 1.21429;
}

.xs-font-size--3, .xs-fontSize--3 {
    font-size: 0.875em;
}

.fontSize--safe.xs-typography--3,
.fontSize--safe.xs-font-size--3,
.fontSize--safe.xs-fontSize--3 {
    font-size: 12.25px;
    font-size: 0.875em;
}

.typography--4 {
    font-size: 1em;
    line-height: 1.25;
}

.fontSize--4 {
    font-size: 1em;
}

.fontSize--safe.typography--4,
.fontSize--safe.fontSize--4 {
    font-size: 14px;
    font-size: 1em;
}

.xs-typography--4 {
    font-size: 1em;
    line-height: 1.25;
}

.xs-font-size--4, .xs-fontSize--4 {
    font-size: 1em;
}

.fontSize--safe.xs-typography--4,
.fontSize--safe.xs-font-size--4,
.fontSize--safe.xs-fontSize--4 {
    font-size: 14px;
    font-size: 1em;
}

.typography--5 {
    font-size: 1.125em;
    line-height: 1.22222;
}

.fontSize--5 {
    font-size: 1.125em;
}

.fontSize--safe.typography--5,
.fontSize--safe.fontSize--5 {
    font-size: 15.75px;
    font-size: 1.125em;
}

.xs-typography--5 {
    font-size: 1.125em;
    line-height: 1.22222;
}

.xs-font-size--5, .xs-fontSize--5 {
    font-size: 1.125em;
}

.fontSize--safe.xs-typography--5,
.fontSize--safe.xs-font-size--5,
.fontSize--safe.xs-fontSize--5 {
    font-size: 15.75px;
    font-size: 1.125em;
}

.typography--6 {
    font-size: 1.25em;
    line-height: 1.2;
}

.fontSize--6 {
    font-size: 1.25em;
}

.fontSize--safe.typography--6,
.fontSize--safe.fontSize--6 {
    font-size: 17.5px;
    font-size: 1.25em;
}

.xs-typography--6 {
    font-size: 1.25em;
    line-height: 1.2;
}

.xs-font-size--6, .xs-fontSize--6 {
    font-size: 1.25em;
}

.fontSize--safe.xs-typography--6,
.fontSize--safe.xs-font-size--6,
.fontSize--safe.xs-fontSize--6 {
    font-size: 17.5px;
    font-size: 1.25em;
}

.typography--7 {
    font-size: 1.5em;
    line-height: 1.36364;
}

.fontSize--7 {
    font-size: 1.5em;
}

.fontSize--safe.typography--7,
.fontSize--safe.fontSize--7 {
    font-size: 21px;
    font-size: 1.5em;
}

.xs-typography--7 {
    font-size: 1.5em;
    line-height: 1.36364;
}

.xs-font-size--7, .xs-fontSize--7 {
    font-size: 1.5em;
}

.fontSize--safe.xs-typography--7,
.fontSize--safe.xs-font-size--7,
.fontSize--safe.xs-fontSize--7 {
    font-size: 21px;
    font-size: 1.5em;
}

.typography--8 {
    font-size: 1.75em;
    line-height: 1.25;
}

.fontSize--8 {
    font-size: 1.75em;
}

.fontSize--safe.typography--8,
.fontSize--safe.fontSize--8 {
    font-size: 24.5px;
    font-size: 1.75em;
}

.xs-typography--8 {
    font-size: 1.75em;
    line-height: 1.25;
}

.xs-font-size--8, .xs-fontSize--8 {
    font-size: 1.75em;
}

.fontSize--safe.xs-typography--8,
.fontSize--safe.xs-font-size--8,
.fontSize--safe.xs-fontSize--8 {
    font-size: 24.5px;
    font-size: 1.75em;
}

.typography--9 {
    font-size: 2em;
    line-height: 1.25;
}

.fontSize--9 {
    font-size: 2em;
}

.fontSize--safe.typography--9,
.fontSize--safe.fontSize--9 {
    font-size: 28px;
    font-size: 2em;
}

.xs-typography--9 {
    font-size: 2em;
    line-height: 1.25;
}

.xs-font-size--9, .xs-fontSize--9 {
    font-size: 2em;
}

.fontSize--safe.xs-typography--9,
.fontSize--safe.xs-font-size--9,
.fontSize--safe.xs-fontSize--9 {
    font-size: 28px;
    font-size: 2em;
}

.typography--10 {
    font-size: 2.25em;
    line-height: 1.125;
}

.fontSize--10 {
    font-size: 2.25em;
}

.fontSize--safe.typography--10,
.fontSize--safe.fontSize--10 {
    font-size: 31.5px;
    font-size: 2.25em;
}

.xs-typography--10 {
    font-size: 2.25em;
    line-height: 1.125;
}

.xs-font-size--10, .xs-fontSize--10 {
    font-size: 2.25em;
}

.fontSize--safe.xs-typography--10,
.fontSize--safe.xs-font-size--10,
.fontSize--safe.xs-fontSize--10 {
    font-size: 31.5px;
    font-size: 2.25em;
}

/* Breakpoint-specific typography adjustments */
@media print, screen and (min-width: 30em) {
    .sm-typography--1 {
        font-size: 0.5625em;
        line-height: 1.22222;
    }

    .sm-font-size--1, .sm-fontSize--1 {
        font-size: 0.5625em;
    }

    .fontSize--safe.sm-typography--1,
    .fontSize--safe.sm-font-size--1,
    .fontSize--safe.sm-fontSize--1 {
        font-size: 7.875px;
        font-size: 0.5625em;
    }

    .sm-typography--2 {
        font-size: 0.6875em;
        line-height: 1.18182;
    }

    .sm-font-size--2, .sm-fontSize--2 {
        font-size: 0.6875em;
    }

    .fontSize--safe.sm-typography--2,
    .fontSize--safe.sm-font-size--2,
    .fontSize--safe.sm-fontSize--2 {
        font-size: 9.625px;
        font-size: 0.6875em;
    }

    .sm-typography--3 {
        font-size: 0.875em;
        line-height: 1.21429;
    }

    .sm-font-size--3, .sm-fontSize--3 {
        font-size: 0.875em;
    }

    .fontSize--safe.sm-typography--3,
    .fontSize--safe.sm-font-size--3,
    .fontSize--safe.sm-fontSize--3 {
        font-size: 12.25px;
        font-size: 0.875em;
    }

    .sm-typography--4 {
        font-size: 1em;
        line-height: 1.25;
    }

    .sm-font-size--4, .sm-fontSize--4 {
        font-size: 1em;
    }

    .fontSize--safe.sm-typography--4,
    .fontSize--safe.sm-font-size--4,
    .fontSize--safe.sm-fontSize--4 {
        font-size: 14px;
        font-size: 1em;
    }

    .sm-typography--5 {
        font-size: 1.125em;
        line-height: 1.22222;
    }

    .sm-font-size--5, .sm-fontSize--5 {
        font-size: 1.125em;
    }

    .fontSize--safe.sm-typography--5,
    .fontSize--safe.sm-font-size--5,
    .fontSize--safe.sm-fontSize--5 {
        font-size: 15.75px;
        font-size: 1.125em;
    }

    .sm-typography--6 {
        font-size: 1.25em;
        line-height: 1.2;
    }

    .sm-font-size--6, .sm-fontSize--6 {
        font-size: 1.25em;
    }

    .fontSize--safe.sm-typography--6,
    .fontSize--safe.sm-font-size--6,
    .fontSize--safe.sm-fontSize--6 {
        font-size: 17.5px;
        font-size: 1.25em;
    }

    .sm-typography--7 {
        font-size: 1.5em;
        line-height: 1.36364;
    }

    .sm-font-size--7, .sm-fontSize--7 {
        font-size: 1.5em;
    }

    .fontSize--safe.sm-typography--7,
    .fontSize--safe.sm-font-size--7,
    .fontSize--safe.sm-fontSize--7 {
        font-size: 21px;
        font-size: 1.5em;
    }

    .sm-typography--8 {
        font-size: 1.75em;
        line-height: 1.25;
    }

    .sm-font-size--8, .sm-fontSize--8 {
        font-size: 1.75em;
    }

    .fontSize--safe.sm-typography--8,
    .fontSize--safe.sm-font-size--8,
    .fontSize--safe.sm-fontSize--8 {
        font-size: 24.5px;
        font-size: 1.75em;
    }

    .sm-typography--9 {
        font-size: 2em;
        line-height: 1.25;
    }

    .sm-font-size--9, .sm-fontSize--9 {
        font-size: 2em;
    }

    .fontSize--safe.sm-typography--9,
    .fontSize--safe.sm-font-size--9,
    .fontSize--safe.sm-fontSize--9 {
        font-size: 28px;
        font-size: 2em;
    }

    .sm-typography--10 {
        font-size: 2.25em;
        line-height: 1.125;
    }

    .sm-font-size--10, .sm-fontSize--10 {
        font-size: 2.25em;
    }

    .fontSize--safe.sm-typography--10,
    .fontSize--safe.sm-font-size--10,
    .fontSize--safe.sm-fontSize--10 {
        font-size: 31.5px;
        font-size: 2.25em;
    }
}

/* Breakpoint-specific typography adjustments */
@media print, screen and (min-width: 45em) {
    .md-typography--1 {
        font-size: 0.5625em;
        line-height: 1.22222;
    }

    .md-font-size--1, .md-fontSize--1 {
        font-size: 0.5625em;
    }

    .fontSize--safe.md-typography--1,
    .fontSize--safe.md-font-size--1,
    .fontSize--safe.md-fontSize--1 {
        font-size: 7.875px;
        font-size: 0.5625em;
    }

    .md-typography--2 {
        font-size: 0.6875em;
        line-height: 1.18182;
    }

    .md-font-size--2, .md-fontSize--2 {
        font-size: 0.6875em;
    }

    .fontSize--safe.md-typography--2,
    .fontSize--safe.md-font-size--2,
    .fontSize--safe.md-fontSize--2 {
        font-size: 9.625px;
        font-size: 0.6875em;
    }

    .md-typography--3 {
        font-size: 0.875em;
        line-height: 1.21429;
    }

    .md-font-size--3, .md-fontSize--3 {
        font-size: 0.875em;
    }

    .fontSize--safe.md-typography--3,
    .fontSize--safe.md-font-size--3,
    .fontSize--safe.md-fontSize--3 {
        font-size: 12.25px;
        font-size: 0.875em;
    }

    .typography--4 {
        line-height: 1.375;
    }

    .md-typography--4 {
        font-size: 1em;
        line-height: 1.375;
    }

    .md-font-size--4, .md-fontSize--4 {
        font-size: 1em;
    }

    .fontSize--safe.md-typography--4,
    .fontSize--safe.md-font-size--4,
    .fontSize--safe.md-fontSize--4 {
        font-size: 14px;
        font-size: 1em;
    }

    .md-typography--5 {
        font-size: 1.125em;
        line-height: 1.22222;
    }

    .md-font-size--5, .md-fontSize--5 {
        font-size: 1.125em;
    }

    .fontSize--safe.md-typography--5,
    .fontSize--safe.md-font-size--5,
    .fontSize--safe.md-fontSize--5 {
        font-size: 15.75px;
        font-size: 1.125em;
    }

    .md-typography--6 {
        font-size: 1.25em;
        line-height: 1.2;
    }

    .md-font-size--6, .md-fontSize--6 {
        font-size: 1.25em;
    }

    .fontSize--safe.md-typography--6,
    .fontSize--safe.md-font-size--6,
    .fontSize--safe.md-fontSize--6 {
        font-size: 17.5px;
        font-size: 1.25em;
    }

    .typography--7 {
        font-size: 1.625em;
        line-height: 1.15385;
    }

    .fontSize--7 {
        font-size: 1.625em;
    }

    .fontSize--safe.typography--7,
    .fontSize--safe.fontSize--7 {
        font-size: 22.75px;
        font-size: 1.625em;
    }

    .md-typography--7 {
        font-size: 1.625em;
        line-height: 1.15385;
    }

    .md-font-size--7, .md-fontSize--7 {
        font-size: 1.625em;
    }

    .fontSize--safe.md-typography--7,
    .fontSize--safe.md-font-size--7,
    .fontSize--safe.md-fontSize--7 {
        font-size: 22.75px;
        font-size: 1.625em;
    }

    .typography--8 {
        font-size: 2em;
        line-height: 1.125;
    }

    .fontSize--8 {
        font-size: 2em;
    }

    .fontSize--safe.typography--8,
    .fontSize--safe.fontSize--8 {
        font-size: 28px;
        font-size: 2em;
    }

    .md-typography--8 {
        font-size: 2em;
        line-height: 1.125;
    }

    .md-font-size--8, .md-fontSize--8 {
        font-size: 2em;
    }

    .fontSize--safe.md-typography--8,
    .fontSize--safe.md-font-size--8,
    .fontSize--safe.md-fontSize--8 {
        font-size: 28px;
        font-size: 2em;
    }

    .typography--9 {
        font-size: 2.375em;
        line-height: 1.15789;
    }

    .fontSize--9 {
        font-size: 2.375em;
    }

    .fontSize--safe.typography--9,
    .fontSize--safe.fontSize--9 {
        font-size: 33.25px;
        font-size: 2.375em;
    }

    .md-typography--9 {
        font-size: 2.375em;
        line-height: 1.15789;
    }

    .md-font-size--9, .md-fontSize--9 {
        font-size: 2.375em;
    }

    .fontSize--safe.md-typography--9,
    .fontSize--safe.md-font-size--9,
    .fontSize--safe.md-fontSize--9 {
        font-size: 33.25px;
        font-size: 2.375em;
    }

    .typography--10 {
        font-size: 2.625em;
        line-height: 1.07143;
    }

    .fontSize--10 {
        font-size: 2.625em;
    }

    .fontSize--safe.typography--10,
    .fontSize--safe.fontSize--10 {
        font-size: 36.75px;
        font-size: 2.625em;
    }

    .md-typography--10 {
        font-size: 2.625em;
        line-height: 1.07143;
    }

    .md-font-size--10, .md-fontSize--10 {
        font-size: 2.625em;
    }

    .fontSize--safe.md-typography--10,
    .fontSize--safe.md-font-size--10,
    .fontSize--safe.md-fontSize--10 {
        font-size: 36.75px;
        font-size: 2.625em;
    }
}

/* Breakpoint-specific typography adjustments */
@media screen and (min-width: 60em) {
    .typography--1 {
        font-size: 0.625em;
        line-height: 0.3;
    }

    .fontSize--1 {
        font-size: 0.625em;
    }

    .fontSize--safe.typography--1,
    .fontSize--safe.fontSize--1 {
        font-size: 8.75px;
        font-size: 0.625em;
    }

    .lg-typography--1 {
        font-size: 0.625em;
        line-height: 0.3;
    }

    .lg-font-size--1, .lg-fontSize--1 {
        font-size: 0.625em;
    }

    .fontSize--safe.lg-typography--1,
    .fontSize--safe.lg-font-size--1,
    .fontSize--safe.lg-fontSize--1 {
        font-size: 8.75px;
        font-size: 0.625em;
    }

    .typography--2 {
        font-size: 0.75em;
        line-height: 1.25;
    }

    .fontSize--2 {
        font-size: 0.75em;
    }

    .fontSize--safe.typography--2,
    .fontSize--safe.fontSize--2 {
        font-size: 10.5px;
        font-size: 0.75em;
    }

    .lg-typography--2 {
        font-size: 0.75em;
        line-height: 1.25;
    }

    .lg-font-size--2, .lg-fontSize--2 {
        font-size: 0.75em;
    }

    .fontSize--safe.lg-typography--2,
    .fontSize--safe.lg-font-size--2,
    .fontSize--safe.lg-fontSize--2 {
        font-size: 10.5px;
        font-size: 0.75em;
    }

    .lg-typography--3 {
        font-size: 0.875em;
        line-height: 1.21429;
    }

    .lg-font-size--3, .lg-fontSize--3 {
        font-size: 0.875em;
    }

    .fontSize--safe.lg-typography--3,
    .fontSize--safe.lg-font-size--3,
    .fontSize--safe.lg-fontSize--3 {
        font-size: 12.25px;
        font-size: 0.875em;
    }

    .lg-typography--4 {
        font-size: 1em;
        line-height: 1.375;
    }

    .lg-font-size--4, .lg-fontSize--4 {
        font-size: 1em;
    }

    .fontSize--safe.lg-typography--4,
    .fontSize--safe.lg-font-size--4,
    .fontSize--safe.lg-fontSize--4 {
        font-size: 14px;
        font-size: 1em;
    }

    .lg-typography--5 {
        font-size: 1.125em;
        line-height: 1.22222;
    }

    .lg-font-size--5, .lg-fontSize--5 {
        font-size: 1.125em;
    }

    .fontSize--safe.lg-typography--5,
    .fontSize--safe.lg-font-size--5,
    .fontSize--safe.lg-fontSize--5 {
        font-size: 15.75px;
        font-size: 1.125em;
    }

    .typography--6 {
        font-size: 1.375em;
        line-height: 1.36364;
    }

    .fontSize--6 {
        font-size: 1.375em;
    }

    .fontSize--safe.typography--6,
    .fontSize--safe.fontSize--6 {
        font-size: 19.25px;
        font-size: 1.375em;
    }

    .lg-typography--6 {
        font-size: 1.375em;
        line-height: 1.36364;
    }

    .lg-font-size--6, .lg-fontSize--6 {
        font-size: 1.375em;
    }

    .fontSize--safe.lg-typography--6,
    .fontSize--safe.lg-font-size--6,
    .fontSize--safe.lg-fontSize--6 {
        font-size: 19.25px;
        font-size: 1.375em;
    }

    .typography--7 {
        font-size: 1.75em;
        line-height: 1.14286;
    }

    .fontSize--7 {
        font-size: 1.75em;
    }

    .fontSize--safe.typography--7,
    .fontSize--safe.fontSize--7 {
        font-size: 24.5px;
        font-size: 1.75em;
    }

    .lg-typography--7 {
        font-size: 1.75em;
        line-height: 1.14286;
    }

    .lg-font-size--7, .lg-fontSize--7 {
        font-size: 1.75em;
    }

    .fontSize--safe.lg-typography--7,
    .fontSize--safe.lg-font-size--7,
    .fontSize--safe.lg-fontSize--7 {
        font-size: 24.5px;
        font-size: 1.75em;
    }

    .typography--8 {
        font-size: 2.125em;
        line-height: 1.14706;
    }

    .fontSize--8 {
        font-size: 2.125em;
    }

    .fontSize--safe.typography--8,
    .fontSize--safe.fontSize--8 {
        font-size: 29.75px;
        font-size: 2.125em;
    }

    .lg-typography--8 {
        font-size: 2.125em;
        line-height: 1.14706;
    }

    .lg-font-size--8, .lg-fontSize--8 {
        font-size: 2.125em;
    }

    .fontSize--safe.lg-typography--8,
    .fontSize--safe.lg-font-size--8,
    .fontSize--safe.lg-fontSize--8 {
        font-size: 29.75px;
        font-size: 2.125em;
    }

    .typography--9 {
        font-size: 2.5em;
        line-height: 1.05;
    }

    .fontSize--9 {
        font-size: 2.5em;
    }

    .fontSize--safe.typography--9,
    .fontSize--safe.fontSize--9 {
        font-size: 35px;
        font-size: 2.5em;
    }

    .lg-typography--9 {
        font-size: 2.5em;
        line-height: 1.05;
    }

    .lg-font-size--9, .lg-fontSize--9 {
        font-size: 2.5em;
    }

    .fontSize--safe.lg-typography--9,
    .fontSize--safe.lg-font-size--9,
    .fontSize--safe.lg-fontSize--9 {
        font-size: 35px;
        font-size: 2.5em;
    }

    .typography--10 {
        font-size: 3em;
        line-height: 1.08333;
    }

    .fontSize--10 {
        font-size: 3em;
    }

    .fontSize--safe.typography--10,
    .fontSize--safe.fontSize--10 {
        font-size: 42px;
        font-size: 3em;
    }

    .lg-typography--10 {
        font-size: 3em;
        line-height: 1.08333;
    }

    .lg-font-size--10, .lg-fontSize--10 {
        font-size: 3em;
    }

    .fontSize--safe.lg-typography--10,
    .fontSize--safe.lg-font-size--10,
    .fontSize--safe.lg-fontSize--10 {
        font-size: 42px;
        font-size: 3em;
    }
}

/* Breakpoint-specific typography adjustments */
@media screen and (min-width: 75em) {
    .xl-typography--1 {
        font-size: 0.625em;
        line-height: 0.3;
    }

    .xl-font-size--1, .xl-fontSize--1 {
        font-size: 0.625em;
    }

    .fontSize--safe.xl-typography--1,
    .fontSize--safe.xl-font-size--1,
    .fontSize--safe.xl-fontSize--1 {
        font-size: 8.75px;
        font-size: 0.625em;
    }

    .xl-typography--2 {
        font-size: 0.75em;
        line-height: 1.25;
    }

    .xl-font-size--2, .xl-fontSize--2 {
        font-size: 0.75em;
    }

    .fontSize--safe.xl-typography--2,
    .fontSize--safe.xl-font-size--2,
    .fontSize--safe.xl-fontSize--2 {
        font-size: 10.5px;
        font-size: 0.75em;
    }

    .xl-typography--3 {
        font-size: 0.875em;
        line-height: 1.21429;
    }

    .xl-font-size--3, .xl-fontSize--3 {
        font-size: 0.875em;
    }

    .fontSize--safe.xl-typography--3,
    .fontSize--safe.xl-font-size--3,
    .fontSize--safe.xl-fontSize--3 {
        font-size: 12.25px;
        font-size: 0.875em;
    }

    .xl-typography--4 {
        font-size: 1em;
        line-height: 1.375;
    }

    .xl-font-size--4, .xl-fontSize--4 {
        font-size: 1em;
    }

    .fontSize--safe.xl-typography--4,
    .fontSize--safe.xl-font-size--4,
    .fontSize--safe.xl-fontSize--4 {
        font-size: 14px;
        font-size: 1em;
    }

    .xl-typography--5 {
        font-size: 1.125em;
        line-height: 1.22222;
    }

    .xl-font-size--5, .xl-fontSize--5 {
        font-size: 1.125em;
    }

    .fontSize--safe.xl-typography--5,
    .fontSize--safe.xl-font-size--5,
    .fontSize--safe.xl-fontSize--5 {
        font-size: 15.75px;
        font-size: 1.125em;
    }

    .xl-typography--6 {
        font-size: 1.375em;
        line-height: 1.36364;
    }

    .xl-font-size--6, .xl-fontSize--6 {
        font-size: 1.375em;
    }

    .fontSize--safe.xl-typography--6,
    .fontSize--safe.xl-font-size--6,
    .fontSize--safe.xl-fontSize--6 {
        font-size: 19.25px;
        font-size: 1.375em;
    }

    .xl-typography--7 {
        font-size: 1.75em;
        line-height: 1.14286;
    }

    .xl-font-size--7, .xl-fontSize--7 {
        font-size: 1.75em;
    }

    .fontSize--safe.xl-typography--7,
    .fontSize--safe.xl-font-size--7,
    .fontSize--safe.xl-fontSize--7 {
        font-size: 24.5px;
        font-size: 1.75em;
    }

    .xl-typography--8 {
        font-size: 2.125em;
        line-height: 1.14706;
    }

    .xl-font-size--8, .xl-fontSize--8 {
        font-size: 2.125em;
    }

    .fontSize--safe.xl-typography--8,
    .fontSize--safe.xl-font-size--8,
    .fontSize--safe.xl-fontSize--8 {
        font-size: 29.75px;
        font-size: 2.125em;
    }

    .xl-typography--9 {
        font-size: 2.5em;
        line-height: 1.05;
    }

    .xl-font-size--9, .xl-fontSize--9 {
        font-size: 2.5em;
    }

    .fontSize--safe.xl-typography--9,
    .fontSize--safe.xl-font-size--9,
    .fontSize--safe.xl-fontSize--9 {
        font-size: 35px;
        font-size: 2.5em;
    }

    .typography--10 {
        font-size: 3.25em;
        line-height: 1.11539;
    }

    .fontSize--10 {
        font-size: 3.25em;
    }

    .fontSize--safe.typography--10,
    .fontSize--safe.fontSize--10 {
        font-size: 45.5px;
        font-size: 3.25em;
    }

    .xl-typography--10 {
        font-size: 3.25em;
        line-height: 1.11539;
    }

    .xl-font-size--10, .xl-fontSize--10 {
        font-size: 3.25em;
    }

    .fontSize--safe.xl-typography--10,
    .fontSize--safe.xl-font-size--10,
    .fontSize--safe.xl-fontSize--10 {
        font-size: 45.5px;
        font-size: 3.25em;
    }
}

/*@import '../../../../core/css/cms/helpers';*/
/* Print styles */
.print-only {
    display: none !important;
}

@media print {
    .layout__container {
        font-size: 12px;
    }

    .layout.layout--pdf .layout__container {
        font-size: 14px;
    }

    .layout__header,
    .layout__top,
    .layout__footer,
    .layout__bottom,
    ul#epi-quickNavigator {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .print-only--inline {
        display: inline !important;
    }

    .print-only--inline-block {
        display: inline-block !important;
    }

    .print-hide {
        display: none !important;
    }

    .print-1 {
        width: 8.33333%;
    }

    .print-2 {
        width: 16.66667%;
    }

    .print-3 {
        width: 25%;
    }

    .print-4 {
        width: 33.33333%;
    }

    .print-5 {
        width: 41.66667%;
    }

    .print-6 {
        width: 50%;
    }

    .print-7 {
        width: 58.33333%;
    }

    .print-8 {
        width: 66.66667%;
    }

    .print-9 {
        width: 75%;
    }

    .print-10 {
        width: 83.33333%;
    }

    .print-11 {
        width: 91.66667%;
    }

    .print-12 {
        width: 100%;
    }
}

/*@import '../../../../core/css/commerce';*/
/* Address book */
.addressBook__group {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

    .addressBook__group.addressBook__group--primary {
        padding-top: 10px;
    }

.addressBook__actions {
    padding-top: 20px;
}

/* Calendar */
.calendar {
    background-color: #fff;
    border: 1px solid #ddd;
}

.calendar__controls {
    border-bottom: 1px solid #ddd;
}

    .calendar__controls:after {
        content: '';
        display: block;
        clear: both;
    }

.calendar__navigation {
    float: right;
}

.calendar__jump {
    overflow: hidden;
    white-space: nowrap;
}

.calendar__month {
    float: left;
}

.calendar__year {
    overflow: hidden;
    position: relative;
}

button.calendar__previous,
button.calendar__today,
button.calendar__next,
select.calendar__monthField,
select.calendar__yearField,
input.calendar__yearField {
    min-width: 1.5em;
    font-size: .875em;
    vertical-align: top;
    border-radius: 0;
}

select.calendar__monthField,
select.calendar__yearField,
input.calendar__yearField {
    border-left: none;
    border-top: none;
    border-bottom: none;
}

select.calendar__yearField,
input.calendar__yearField {
    display: block;
}

button.calendar__previous,
button.calendar__today,
button.calendar__next {
    position: relative;
    margin: 0;
    border: 0;
    background: transparent;
    color: transparent;
    border-radius: 0;
}

    button.calendar__previous:hover,
    button.calendar__today:hover,
    button.calendar__next:hover {
        background-color: #f2f2f2;
    }

    button.calendar__previous:disabled:hover,
    button.calendar__today:disabled:hover,
    button.calendar__next:disabled:hover {
        background-color: transparent;
    }

    button.calendar__previous:before,
    button.calendar__today:before,
    button.calendar__next:before {
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #333;
    }

    button.calendar__previous:disabled:before,
    button.calendar__today:disabled:before,
    button.calendar__next:disabled:before {
        color: bbb;
    }

    button.calendar__previous:before {
        content: "\f137";
    }

    button.calendar__today:before {
        content: "\f069";
    }

    button.calendar__next:before {
        content: "\f138";
    }

.calendar__title {
    display: none;
}

.calendar__grid {
    margin: .25em 1em;
}

.calendar__header {
    border-bottom: 1px solid #ddd;
}

.calendar__headerRow:after,
.calendar__row:after {
    content: '';
    display: block;
    clear: both;
}

.calendar__headerCell,
.calendar__cell {
    float: left;
    text-align: center;
}

.calendar__headerCell {
    font-size: .875em;
}

abbr.calendar__headerCell {
    text-decoration: none;
}

.calendar__cell {
    border: 1px solid transparent;
    font-size: .875em;
}

    .calendar__cell.calendar__cell--otherMonth {
        color: #888;
    }

    .calendar__cell.calendar__cell--outOfRange {
        color: #ccc;
    }

    .calendar__cell.calendar__cell--today {
        background-color: #f2f2f2;
    }

    .calendar__row[data-value],
    .calendar__cell[data-value] {
        cursor: pointer;
        outline: none;
    }

    .calendar__cell.calendar--previousValue,
    .calendar__row.calendar--previousValue {
        border-color: #458BCA;
    }

    .calendar__cell:focus,
    .calendar__cell[data-value]:hover,
    .calendar__row:focus,
    .calendar__row[data-value]:hover {
        background-color: #eee;
    }

.calendar__body:hover .calendar__cell:focus,
.calendar__body:hover .calendar__row:focus {
    background-color: transparent;
}

    .calendar__body:hover .calendar__cell:focus:hover,
    .calendar__body:hover .calendar__row:focus:hover {
        background-color: #eee;
    }

/* Datepicker */
.datepicker::-webkit-calendar-picker-indicator {
    display: none;
}

/* Datepicker calendar */
.calendar.calendar--datepicker {
    position: absolute;
    font-size: 14px;
    font-size: 1rem;
}

    .calendar.calendar--datepicker select.calendar__yearField,
    .calendar.calendar--datepicker input.calendar__yearField {
        width: 100%;
    }

    .calendar.calendar--datepicker .calendar__headerCell {
        font-size: .75em;
        width: 3.33333em;
        height: 2.66666em;
        line-height: 2.66666em;
    }

    .calendar.calendar--datepicker .calendar__cell {
        font-size: .875em;
        width: 2.85714em;
        height: 2.28571em;
        line-height: 2.28571em;
        line-height: calc(2.28571em - 2px);
    }

.dashboardNav {
    /*position: fixed;
  top: calc(3.5em + 1px);
  left: 0;
  width: 100%;
  z-index: ($z-500-fixedContent - 2);*/
    background-color: #f6f6f6;
}

.nav.nav--dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #d4d4d4;
    width: 100%;
    height: 100%;
    min-height: 1px;
}

@media screen and (min-width: 73.75em) {
    .nav.nav--dashboard {
        display: table;
        table-layout: fixed;
        border-collapse: separate;
    }
}

.nav.nav--dashboard > .nav__item {
    vertical-align: top;
    height: 100%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

@media screen and (min-width: 73.75em) {
    .nav.nav--dashboard > .nav__item {
        display: table-cell;
    }
}

.dashboardNav__itemWrap {
    display: block;
    height: 100%;
}

    .dashboardNav__itemWrap > .nav__link {
        display: block;
        height: 100%;
        position: relative;
        z-index: 1;
        text-align: center;
        padding: .75em 0 .5em;
        text-decoration: none;
        color: #555;
        font-weight: 700;
        border-left: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
    }

        .dashboardNav__itemWrap > .nav__link:after {
            content: '';
            position: absolute;
            display: none;
            top: 100%;
            left: -1px;
            right: 0;
            height: 1px;
            border: none;
            background-color: #fafafa;
        }

@media screen and (min-width: 73.75em) {
    .nav__item:first-child > .dashboardNav__itemWrap > .nav__link {
        border-left-style: none;
    }
}

.nav__item:last-child > .dashboardNav__itemWrap > .nav__link {
    border-right: 1px solid #d4d4d4;
    margin-right: -1px;
}

.nav__item.nav__item--active > .dashboardNav__itemWrap > .nav__link {
    color: #458BCA;
}

.dashboardNav__itemWrap > .nav__link[aria-pressed='true'] {
    background-color: #fafafa;
    border-left-color: #fafafa;
    color: #333;
    z-index: 3;
}

    .dashboardNav__itemWrap > .nav__link[aria-pressed='true']:after {
        display: block;
    }

.dashboardNav__itemWrap > .nav__link > .fa {
    display: block;
    font-size: 1.5em;
    margin-bottom: .2em;
}

.dashboardNav__itemWrap > .nav__link > span {
    font-size: 9px;
    line-height: 11px;
    height: 22px;
    display: block;
}

.dashboardNav__itemWrap > .dropdown {
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -1px;
    background-color: #fafafa;
}

    .dashboardNav__itemWrap > .dropdown .nav--depth-1 > .nav__item > .nav__link {
        display: block;
        padding: .4em .75em;
        text-decoration: none;
    }

        .dashboardNav__itemWrap > .dropdown .nav--depth-1 > .nav__item > .nav__link:hover {
            background-color: #eee;
        }

.layout__top.layout__top--hasRetailerNav {
    padding-top: 1px;
}

    .layout__top.layout__top--hasRetailerNav .nav.nav--breadcrumb {
        margin-top: 20px !important;
        width: calc(100% - 7em);
    }

@media print, screen and (min-width: 30em) {
    .dashboardNav__itemWrap > .nav__link {
        padding: .75em 0;
    }

        .dashboardNav__itemWrap > .nav__link > span {
            line-height: 1.25em;
            height: auto;
        }
}

@media print, screen and (min-width: 45em) {
    .dashboardNav__itemWrap > .nav__link > span {
        padding: 0 3px;
        font-size: .75em;
    }
}

@media screen and (min-width: 60em) {
    .dashboardNav {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 20px;
        z-index: auto;
    }

        .dashboardNav > .nav__item {
            vertical-align: bottom;
        }

    .dashboardNav__itemWrap {
        position: relative;
    }

        .dashboardNav__itemWrap > .nav__link {
            padding: .6em .25em;
            font-size: 1em;
            font-weight: 400;
        }

            .dashboardNav__itemWrap > .nav__link > .fa {
                font-size: 1.75em;
            }

            .dashboardNav__itemWrap > .nav__link > .fa {
                font-size: 1.75em;
            }

            .dashboardNav__itemWrap > .nav__link > span {
                font-size: 1em;
            }

            .dashboardNav__itemWrap > .nav__link:before,
            .dashboardNav__itemWrap > .nav__link:after,
            .dashboardNav__itemWrap > .nav__link[aria-pressed='true']:after {
                content: '';
                position: absolute;
                display: none;
                top: 100%;
                left: 50%;
                width: 0;
                height: 0;
                background-color: transparent;
                border: 12px solid #d4d4d4;
                border-left-color: transparent;
                border-right-color: transparent;
                border-bottom-style: none;
                margin-top: -1px;
                margin-left: -12px;
            }

            .dashboardNav__itemWrap > .nav__link:after,
            .dashboardNav__itemWrap > .nav__link[aria-pressed='true']:after {
                border-top-color: #efefef;
                border-width: 11px;
                margin-left: -11px;
            }

    .nav__item.nav__item--active > .dashboardNav__itemWrap > .nav__link:before,
    .nav__item.nav__item--active > .dashboardNav__itemWrap > .nav__link:after {
        display: block;
    }

    .dashboardNav__itemWrap > .nav__link[aria-pressed='true'] {
        background-color: transparent;
        color: #555;
        z-index: 1;
    }

        .dashboardNav__itemWrap > .nav__link[aria-pressed='true'] + .dropdown {
            visibility: hidden;
        }

    .nav__item:hover > .dashboardNav__itemWrap > .nav__link {
        background-color: #fafafa;
        color: #333;
        z-index: 3;
    }

    .nav__item.nav__item--expands:hover > .dashboardNav__itemWrap > .nav__link:before {
        display: none;
    }

    .nav__item.nav__item--expands:hover > .dashboardNav__itemWrap > .nav__link:after {
        display: block;
        left: 0;
        width: 100%;
        height: 1px;
        border: none;
        margin: -1px 0 0;
        background-color: #fafafa;
    }

    .dashboardNav__itemWrap > .dropdown {
        top: auto;
        left: -1px;
        right: auto;
        min-width: 100%;
        max-width: 20em;
        z-index: 2;
    }

        .dashboardNav__itemWrap > .dropdown .nav__link {
            white-space: nowrap;
        }

    .nav__item.nav__item--expands:hover > .dashboardNav__itemWrap > .dropdown {
        visibility: visible;
    }
}

/* Product flags */
.flag {
    display: inline-block;
    font-size: .75em;
    padding: .25em .5em;
    vertical-align: top;
    background: #555;
    color: #fff;
}

/* Image viewer */
.imageViewer {
    text-align: center;
}

.imageViewer__display {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

/* Video */
.imageViewer__video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
}

.imageViewer__videoIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Alternate images */
.imageViewer__list {
    font-size: 0;
}

.imageViewer__item {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

    .imageViewer__item > img {
        display: inline-block;
        max-height: 100%;
        vertical-align: middle;
    }

    .imageViewer__item.imageViewer__item--video {
        position: relative;
    }

        .imageViewer__item.imageViewer__item--video:after {
            content: "\f04b";
            font-family: FontAwesome;
            font-size: 16px;
            width: 32px;
            height: 32px;
            line-height: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -16px 0 0 -16px;
            background: #f6f6f6;
            border: 1px solid #ccc;
            color: #333;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
            border-radius: 100%;
        }

        .imageViewer__item.imageViewer__item--video:hover:after, .imageViewer__item.imageViewer__item--video:focus:after {
            background: #f2f2f2;
            border-color: #999;
        }

/* Impersonation bar */
.layout__impersonation {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

    .layout__impersonation .impersonation__info {
        padding-bottom: 0;
    }

    .layout__impersonation .impersonation__actions {
        padding-top: 0;
    }

@media screen and (min-width: 60em) {
    .layout__impersonation .impersonation__info {
        padding-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .layout__impersonation .impersonation__actions {
        padding-top: 10px;
    }

    .M-flexbox .layout__impersonation {
        white-space: nowrap;
    }

        .M-flexbox .layout__impersonation .grid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .M-flexbox .layout__impersonation .impersonation__info,
        .M-flexbox .layout__impersonation .impersonation__actions {
            width: auto;
            float: none;
        }

        .M-flexbox .layout__impersonation .impersonation__info {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

        .M-flexbox .layout__impersonation .impersonation__actions {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            white-space: nowrap;
        }
}

/* Kendo grids */
table .k-grid-header th.k-header,
table .k-filter-row th {
    white-space: normal;
    vertical-align: top;
}

.k-widget input,
.k-widget textarea,
.k-widget select,
.k-widget button,
.k-widget .button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-grid > .k-grid-pager:first-child {
    border-width: 0 0 1px;
}

/*@import '../../../../core/css/commerce/components/minicart';*/
/* Price */
.price {
    display: inline-block;
}

    .price.price--block {
        display: block;
    }

.priceGroup--hasSalePrice > .price.price--default {
    text-decoration: line-through;
}

    .priceGroup--hasSalePrice > .price.price--default .price__value {
        color: #999;
    }

.price.price--sale {
    color: #c00;
}

.price__uom:before {
    content: "\a0";
}

.priceTiers__expandButton {
    display: inline-block;
    position: relative;
}

    .priceTiers__expandButton:after {
        content: '';
        position: absolute;
        display: none;
        top: 50%;
        left: 100%;
        margin: -5px 0 0 2px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left: none;
        border-right-color: #ddd;
    }

    .priceTiers__expandButton[aria-expanded='true']:after {
        display: block;
    }

/* Price list */
.priceList.priceList--hasDropdown > .priceGroup {
    display: inline-block;
}

.priceList__expand {
    position: relative;
    display: inline-block;
}

    .priceList__expand .dropdown {
        top: 0;
        left: 100%;
        /*padding: .75em;*/
        white-space: nowrap;
        text-align: left;
        margin-left: 7px;
        padding: 5px 10px;
    }

        .priceList__expand .dropdown ul {
            padding-left: 20px;
        }

/* Skin-specific product detail styles */
.product__name {
    margin-top: 0;
}

.product__left {
    min-height: 150px;
}

.product__images .flexslider {
    margin-bottom: 1.25rem;
}

.product__images .slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product__images .slides:after {
        content: none;
    }

.product__images .product__altImageSlider .slide {
    cursor: pointer;
    margin-right: 10px;
}

.addthis_sharing_toolbox {
    line-height: normal;
}

.product .addToCartForm .cartItem__result {
    margin-top: 20px;
}

.product__speedShop {
    display: none;
}

/* Product detail page SpeedShop view */
.product.product--view-speedshop .product__sku,
.product.product--view-speedshop .product__price,
.product.product--view-speedshop .variantMatrix,
.product.product--view-speedshop .addToCartForm {
    display: none;
}

.product.product--view-speedshop .product__speedShop {
    display: block;
}

/* Quick view */
/* Product tearsheets */
/*
 * The WebKit engine used by Rotativa (the PDF renderer) only supports the
 * old (2012) Webkit flexbox specification. Autoprefixer, however, removes
 * legacy vendor prefixes during compilation, including some of the styles
 * needed here (such as "-webkit-box-orient").
 *
 * To address this, there are several rules below containing an instructional
 * comment understood by Autoprefixer which disables it within the entire rule.
 * 
 * For example, Autoprefixer will be disabled while processing the ".productTearsheet"
 * rule below, but will be enabled again for the remainder of the stylesheet.
 */
.productTearsheet {
    /*! autoprefixer: off */
    display: -webkit-box;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -webkit-align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    height: 1182px;
}

.productTearsheet__logo {
    padding-bottom: 20px;
}

.productTearsheet__info {
    padding-top: 20px;
}

.productTearsheet__logo,
.productTearsheet__image,
.productTearsheet__info {
    /*! autoprefixer: off */
    -webkit-box-ordinal-group: 1;
    -webkit-box-flex: 0;
}

.productTearsheet__logo,
.productTearsheet__image {
    text-align: center;
}

    .productTearsheet__logo .logo__image {
        display: block;
        margin: 0 auto;
    }

.productTearsheet__image {
    /*! autoprefixer: off */
    position: relative;
    -webkit-box-flex: 1;
    margin-bottom: 0;
}

    .productTearsheet__image img {
        /*! autoprefixer: off */
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
    }

.productTearsheet_flags {
    margin-bottom: 0;
}

.productTearsheet__name {
    margin-top: 0;
}

.productTearsheet__overview > h3:last-child {
    margin-bottom: 20px;
}

.productTearsheet.productTearsheet--hasOverview .productTearsheet__overview {
    padding-right: 30px;
}

.productTearsheet.productTearsheet--hasOverview .productTearsheet__details {
    padding-left: 30px;
}

/* Profile page */
.profile__actions > p {
    display: inline;
    margin: 0;
}

/* Quick sign in */
.quickSignIn {
    position: fixed;
    top: 57px;
    top: calc(3.5em + 1px);
    right: 100%;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 301;
    -webkit-backface-visibility: hidden;
}

.quickSignIn__container {
    position: absolute;
    top: 0;
    right: 0;
    width: 25em;
    max-width: 100%;
    height: 100%;
    overflow: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.quickSignIn--active .quickSignIn__container {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.quickSignIn__dialog {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 1.5em 2em;
    min-height: 10em;
    background: #fff;
    border: 1px solid #bbb;
    max-height: 100%;
    overflow: auto;
    visibility: visible;
    z-index: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quickSignIn .quickSignIn__toggle {
    position: absolute;
    display: block;
    top: 50%;
    left: 100%;
    background: #fff;
    border: 1px solid #bbb;
    border-bottom-width: 0;
    line-height: 2.5em;
    padding: 0 1em;
    margin-left: -1px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(90deg) translate(-50%, -100%);
    transform: rotate(90deg) translate(-50%, -100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.quickSignIn__close {
    position: absolute;
    top: .5em;
    right: .5em;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    text-indent: -9999px;
    color: #ddd;
    font-weight: 700;
}

    .quickSignIn__close:before {
        content: 'X';
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        text-indent: 0;
        font-size: 14px;
        font-size: 1rem;
    }

.ie8 .quickSignIn--active .quickSignIn__container {
    right: auto;
    left: 100%;
}

.ie8 .quickSignIn__dialog {
    top: auto;
    bottom: 0;
    max-height: 100%;
}

.ie8 .quickSignIn__toggle {
    top: auto;
    bottom: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
}

@media screen and (min-width: 60em) {
    .quickSignIn {
        top: 0;
    }
}

/* Zoom panel */
.zoomPanel {
    display: block;
    position: relative;
    overflow: hidden;
}

.zoomPanel__map {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.zoomPanel__content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    max-width: none;
}

.flexslider .slides img.zoomPanel__content {
    display: none;
}

/*
body > div:first-child,
#recentlyViewed {
  display: none !important;
}

.asyncContent--productFilter {
  > div:first-child {
    display: none !important;
  }
}*/
*, :before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 87.5%;
    line-height: 1.5;
}

body {
    min-width: 320px;
    overflow-x: hidden;
    background-color: #fff;
    color: #333;
    font-family: "Avenir Next", sans-serif;
    font-weight: normal;
    margin-top: 70px;
}

    body.no-scroll {
        overflow-y: hidden;
    }

@media screen and (min-width: 73.75em) {
    body {
        margin-top: 0;
    }
}

img:not([class]) {
    width: auto;
    height: auto;
    max-width: 100%;
}

blockquote, figure {
    margin: 0;
}

iframe {
    border: none;
}

hr {
    border: none;
    border-top: 1px solid #458BCA;
}

.site-logo {
    height: 40px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-left: auto;
}

@media screen and (min-width: 1180px) {
    .site-logo {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 1;
        padding: 11px 0;
        padding-left: 1em;
        height: auto;
        /*margin-left: 0;*/
        margin-left: 0;
        margin-right: 2vw;
    }
}

@media screen and (min-width: 1200px) {
    .site-logo {
        margin-right: 3em;
    }
}

.site-logo .layout__logo {
    float: none;
    height: auto;
}

.site-logo__tagline {
    display: none;
}

@media screen and (min-width: 1180px) {
    .site-logo__tagline {
        display: block;
    }
}

ol:not([class]) {
    counter-reset: item;
    list-style-type: none;
    padding-left: 1.5em;
}

    ol:not([class]) li:not([class]):before {
        content: counter(item) " ";
        counter-increment: item;
        font-weight: bold;
        color: #458BCA;
        margin-right: .5em;
    }

    ol:not([class]) li:not([class]) {
        display: block;
        line-height: 2;
    }

ul:not([class]) {
    padding-left: 0;
    list-style-type: none;
}

    ul:not([class]) li:not([class]):before {
        content: '•';
        position: absolute;
        left: 0;
        color: #458BCA;
    }

    ul:not([class]) li:not([class]) {
        position: relative;
        display: block;
        line-height: 2;
        padding-left: 1em;
    }

#epi-quickNavigator-menu > li:before {
    content: unset;
}

h2:not([class]) {
    line-height: 36px;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.75px;
    
    color: #458BCA;
    margin-bottom: .5em;
}

h3:not([class]) {
    line-height: 25px;
    font-size: 22px;
    letter-spacing: 0.75px;
    color: #458BCA;
    margin-bottom: .5em;
}

p:not([class]) strong {
    font-weight: 600;
}

a[class="cap-text"],
a:not([class]) {
    color: #458BCA;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s;
}

    a[class="cap-text"]:hover,
    a:not([class]):hover {
        color: #A2C5E4;
    }

.headline {
    font-size: 34px;
    font-weight: bold;
    color: #458BCA;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: .5em;
}

.subhead {
    color: #458BCA;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    margin-bottom: .5em;
    text-transform: none;
    margin-bottom: .5em;
}

.bold-blue {
    font-weight: bold;
    font-size: 18px;
    color: #458BCA;
}

.text--gray-50 {
    color: #ACACAE;
}

.text--brand-blue {
    color: #458BCA;
}

.cap-text {
    text-transform: capitalize;
}

.text--danger {
    font-weight: 600;
    color: #F21C1C;
}

@media screen and (min-width: 73.75em) {
    .page-header .wysiwyg p,
    .block--page-header .wysiwyg p {
        max-width: 38em;
    }
}

.shoppingCart__cms a[class="cap-text"],
.shoppingCart__cms a:not([class]),
.checkout__cms a[class="cap-text"],
.checkout__cms a:not([class]) {
    color: #fff;
    text-decoration: underline;
}

.shoppingCart__cms .wysiwyg,
.checkout__cms .wysiwyg {
    max-width: 550px;
    margin: 0 auto;
    width: calc(100% - 2em);
    color: #fff;
}

    .shoppingCart__cms .wysiwyg h2,
    .checkout__cms .wysiwyg h2 {
        color: #fff;
    }

    .shoppingCart__cms .wysiwyg h3,
    .checkout__cms .wysiwyg h3 {
        color: #fff;
    }

    .shoppingCart__cms .wysiwyg ol li:before,
    .checkout__cms .wysiwyg ol li:before {
        color: #fff;
    }

    .shoppingCart__cms .wysiwyg ol li,
    .checkout__cms .wysiwyg ol li {
        display: block;
        line-height: 2;
        color: #fff;
    }

    .shoppingCart__cms .wysiwyg ul,
    .checkout__cms .wysiwyg ul {
        padding-left: 0;
        list-style-type: none;
    }

        .shoppingCart__cms .wysiwyg ul li:before,
        .checkout__cms .wysiwyg ul li:before {
            color: #fff;
        }

        .shoppingCart__cms .wysiwyg ul li,
        .checkout__cms .wysiwyg ul li {
            color: #fff;
        }

    .shoppingCart__cms .wysiwyg p strong,
    .checkout__cms .wysiwyg p strong {
        color: #fff;
    }

.blue-flood {
    margin: 0 auto;
    padding: 100px 1em 80px;
    background-color: #458BCA;
    color: #fff;
}

    .blue-flood a:not([class]) {
        text-decoration: underline;
    }

.blue-flood--25 {
    padding: 100px 0 80px;
    background-color: #D0E2F2;
    color: #458BCA;
}

.blue-flood .headline {
    color: currentColor;
}

.blue-flood .subhead {
    color: currentColor;
}

.blue-flood .wysiwyg {
    max-width: 550px;
    margin: 0 auto;
    width: calc(100% - 2em);
    color: currentColor;
}

.blue-flood .wysiwyg--full-width {
    max-width: none;
}

.blue-flood h2 {
    color: currentColor;
}

.blue-flood h3 {
    color: currentColor;
}

.blue-flood ol:not([class]) li:not([class]):before {
    color: currentColor;
}

.blue-flood ol:not([class]) li:not([class]) {
    display: block;
    line-height: 2;
    color: currentColor;
}

.blue-flood ul:not([class]) {
    padding-left: 0;
    list-style-type: none;
}

    .blue-flood ul:not([class]) li:not([class]):before {
        color: currentColor;
    }

    .blue-flood ul:not([class]) li:not([class]) {
        color: currentColor;
    }

.blue-flood p strong {
    color: currentColor;
}

.gray-flood {
    margin: 0 auto;
    padding: 100px 1em 80px;
    background-color: #EEEEEE;
}

    .gray-flood .headline {
        color: #56565A;
    }

    .gray-flood .subhead {
        color: #56565A;
    }

    .gray-flood .wysiwyg {
        max-width: 550px;
        margin: 0 auto;
        width: calc(100% - 2em);
        color: #56565A;
    }

    .gray-flood .wysiwyg--full-width {
        max-width: none;
    }

    .gray-flood h2 {
        color: #56565A;
    }

    .gray-flood h3 {
        color: #56565A;
    }

    .gray-flood ol:not([class]) li:not([class]):before {
        color: #56565A;
    }

    .gray-flood ol:not([class]) li:not([class]) {
        display: block;
        line-height: 2;
        color: #56565A;
    }

    .gray-flood ul:not([class]) {
        padding-left: 0;
        list-style-type: none;
    }

        .gray-flood ul:not([class]) li:not([class]):before {
            color: #56565A;
        }

        .gray-flood ul:not([class]) li:not([class]) {
            color: #56565A;
        }

    .gray-flood p strong {
        color: #56565A;
    }

.skipToContent {
    position: absolute;
    top: 0;
    right: 100%;
}

    .skipToContent:focus {
        right: auto;
    }

/*.layout__header {
  padding-top: calc(3.5em + 1px);
}*/
.layout__cursor {
    display: none;
    position: fixed;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 99999;
    color: inherit;
    border-radius: 50%;
    border: 0 solid #458BCA;
    -webkit-box-shadow: 0 0 1px 0 transparent inset, 0 0 1px 0 transparent;
    box-shadow: 0 0 1px 0 transparent inset, 0 0 1px 0 transparent;
    opacity: .8;
    pointer-events: none;
    -webkit-transition: padding .3s, color .5s,width .3s,height .3s,margin .3s,border-width .5s;
    transition: padding .3s, color .5s,width .3s,height .3s,margin .3s,border-width .5s;
    will-change: padding .3s, color,width,height,margin,border-width,transform,padding;
}

    .layout__cursor.-visible:not(.-move) {
        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        border-width: 2px;
    }

    .layout__cursor.-visible.-move {
        margin: -17px 0 0 -17px;
        border-width: 2px;
        width: 46px;
        height: 46px;
    }

    .layout__cursor.-visible.-button {
        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        background-color: rgba(255, 255, 255, 0.8);
    }

@media (min-width: 73.75em) {
    .layout__cursor {
        display: block;
    }
}

.layout__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background-color: #fff;
    /*@media screen and (min-width: 724px) {
        position: relative;
        top: auto;
        left: auto;
    }*/
}

@media screen and (min-width: 1180px) {
    .layout__header {
        position: relative;
        background-color: transparent;
        min-height: auto;
    }
}

.layout__title {
    width: calc(100% - 6rem);
    max-width: 1180px;
    margin: 2em auto;
    color: #458BCA;
    font-weight: bold;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    /*margin-bottom: .5em;*/
    text-transform: lowercase;
}

@media screen and (max-width: 31.25em) {
    .width--layout .width--layout .width--layout {
        width: 100%;
    }
}

.layout__mobileHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: .5em 4.5em;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 500;
}

    .layout__mobileHeader .width--layout {
        line-height: 2.5em;
        padding: 0;
    }

.layout__mobileHeaderButton {
    float: right;
    width: 1.25em;
    height: 1.25em;
    margin-left: 10px;
    margin-right: -2em;
    line-height: 1.25em;
    font-size: 2em;
    text-align: center;
    color: #333;
}

    .layout__mobileHeaderButton.canvasMenu__toggleButton {
        float: left;
        margin-left: -2em;
        margin-right: 10px;
    }

.layout__logo {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-align: center;
    font-size: 0;
    height: 40px;
    height: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
}

.layout__logoImage {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.search.search--header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: .875em;
    height: 2.85em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .search.search--header:before {
        content: "\f002";
        position: absolute;
        top: 0;
        right: 0;
        color: #458BCA;
        width: 2.5em;
        height: 2.5em;
        line-height: 2.3em;
        text-align: center;
        font-family: FontAwesome;
    }

    .search.search--header .search__input {
        width: 100%;
        background: transparent;
        padding-left: 0.8em;
        padding-right: 2.571em;
        border-left-style: none;
        border-right-style: none;
        border-radius: 0;
    }

        .search.search--header .search__input:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .search.search--header .search__submit {
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        color: transparent;
        width: 2.85em;
        height: 2.85em;
        padding: 0;
        line-height: 2.85em;
        margin: 0;
        border: none;
        border-radius: 0;
    }

.nav--utility .dropdown {
    position: static;
    visibility: visible;
    background-color: transparent;
    border-style: none;
    z-index: auto;
}

.layout__primaryNav .dropdown {
    display: none;
    padding: 1.5em 1.5em 0;
}

.layout__top .nav.nav--breadcrumb {
    margin-top: 0;
    font-size: .875em;
}

.with-local ~ .layout__top .nav.nav--breadcrumb {
    margin-top: 80px;
}

.with-local ~ .layout__page .layout__top {
    padding-top: 35px;
}

.with-local ~ .layout__page .nav.nav--breadcrumb {
    margin-top: 80px;
}

.layout__page {
    padding: 1.5em 0 2.5em;
    padding-top: 0;
}

.sidebar.sidebar--layout .nav.nav--categories {
    display: none;
}

@media screen and (min-width: 45em) {
    .sidebar--filters {
        padding-right: 50px;
    }
}

.layout__footer {
    padding: 70px 3em 80px;
    border-top: 1px solid #ddd;
}

    .layout__footer .contentArea.grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

.layout__socialNav i.fa {
    font-size: 21px;
    font-size: 1.5rem;
}

.layout__copyright {
    color: #bbb;
    text-align: left;
}

.layout__cms {
    overflow: hidden;
}

@media screen and (min-width: 60em) {
    .layout__header {
        padding-top: 0;
    }

    .layout__footer .contentArea.grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .layout__mobileHeader {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        text-align: left;
        padding: 2em 0 0;
        z-index: auto;
    }

        .layout__mobileHeader .width--layout {
            line-height: normal;
        }

    .layout__mobileHeaderButton {
        display: none;
    }

    .layout__primaryNav .dropdown,
    .layout__utilityNav .dropdown {
        display: block;
    }

    .layout__logo {
        display: block;
        float: left;
        text-align: left;
        line-height: normal;
        margin: 0 2em 0 0;
        width: 124px;
        height: 65px;
    }

    .layout__logoImage {
        display: block;
        max-height: none;
    }

    .layout__mobileHeader {
        background-color: transparent;
        border: none;
    }

    .layout__utilityNav {
        text-align: right;
        padding-left: 154px;
        padding-bottom: 1.5em;
    }

        .layout__utilityNav > * {
            display: inline-block;
            text-align: left;
            vertical-align: top;
            margin: 0 0 10px 25px;
        }

            .layout__utilityNav > *:first-child {
                margin-left: 0;
            }

    .nav--utility .nav__link {
        font-size: .875em;
        padding: 5px 10px;
    }

    .nav--utility > .nav__item.nav__item--expands {
        direction: rtl;
    }

        .nav--utility > .nav__item.nav__item--expands > .nav__link {
            position: relative;
            padding: 4px 9px;
            border: 1px solid transparent;
            direction: ltr;
        }

        .nav--utility > .nav__item.nav__item--expands:hover > .nav__link {
            background-color: #fff;
            border-color: #ddd;
            border-bottom-color: #fff;
            z-index: 113;
        }

    .nav--utility .dropdown {
        position: absolute;
        text-align: left;
        direction: ltr;
        margin-top: -1px;
        white-space: nowrap;
        visibility: hidden;
        background-color: #fff;
        border-style: solid;
        padding: 1em;
        z-index: 112;
    }

        .nav--utility .dropdown[aria-expanded='true'],
        .dropdownTrigger--hover:hover > .nav--utility .dropdown {
            visibility: visible;
        }

    .search.search--header {
        position: relative;
        top: auto;
        left: auto;
        width: 20em;
        height: auto;
    }

        .search.search--header:before {
            line-height: 2.5em;
        }

        .search.search--header .search__input {
            border-left-style: solid;
            border-right-style: solid;
        }

    .layout__primaryNav {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    .nav--primary > .nav__item > .nav__link {
        font-size: 1.125em;
        line-height: 1.2em;
        padding: .65em 15px;
        border: 1px solid transparent;
        border-bottom: none;
    }

        .nav--primary > .nav__item > .nav__link:hover {
            text-decoration: none;
        }

    .nav--primary > .nav__item.nav__item--expands > .nav__link {
        position: relative;
        z-index: 111;
    }

        .nav--primary > .nav__item.nav__item--expands > .nav__link:after {
            content: '';
            position: absolute;
            visibility: hidden;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #fff;
        }

    .nav--primary > .nav__item.nav__item--expands:hover > .nav__link {
        border-color: #ddd;
    }

        .nav--primary > .nav__item.nav__item--expands:hover > .nav__link:after {
            visibility: visible;
        }

    .nav--primary .dropdown {
        left: 0;
        right: 0;
        max-width: 72.5em;
        margin: 0 auto;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .sidebar.sidebar--layout .nav.nav--categories {
        display: block;
    }

    .layout__socialNav .nav__item:not(:first-child) {
        margin-left: 4px;
    }
}

.contain-content .contentArea {
    width: calc(100% - 2em);
    max-width: 1180px;
    margin: 0 auto;
}

.layout__top {
    position: relative;
    padding-top: 0;
}

.layout__top--overlay {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .layout__top--overlay:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #56565A;
        mix-blend-mode: multiply;
        opacity: .3;
        pointer-events: none;
    }

.layout__content-spacer {
    margin-top: 45px;
}

.layout__content-spacer--no-header {
    margin-top: 125px;
}

.layout__content-top-space {
    margin-top: 100px;
}

.layout__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 1rem;
    -webkit-transition: .25s;
    transition: .25s;
    position: relative;
    z-index: 1;
}

    .layout__nav.open-search, .layout__nav.open-acct, .layout__nav.open {
        min-height: 100vh;
        max-height: 100vh;
        overflow: auto;
        overflow-x: hidden;
    }

@media screen and (min-width: 1180px) {
    .layout__nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: auto;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-height: none;
    }

        .layout__nav.open-search {
            min-height: auto;
            overflow: visible;
        }
}

.layout-nav__hamburger {
    margin-left: 0;
    height: 40px;
    overflow: visible !important;
}

@media screen and (min-width: 1180px) {
    .layout-nav__hamburger {
        display: none;
    }
}

.layout-nav__hamburger path {
    -webkit-transform: rotate(0deg) scale(1, 1);
    transform: rotate(0deg) scale(1, 1);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

    .layout-nav__hamburger path:first-child {
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    .layout-nav__hamburger path:last-child {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }

.layout-nav__hamburger.active path:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.layout-nav__hamburger.active path:nth-child(2) {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.layout-nav__hamburger.active path:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.layout-nav__search {
    margin-left: 1em;
    pointer-events: fill;
    font-size: 14px;
    color: #458bca;
    letter-spacing: .75px;
    height: 34px;
}
.layout-nav__search i{
    font-size:25px;
    padding-right:2px;
    color:#56565A;
}
@media screen and (min-width: 1180px) {
    .layout-nav__search {
        display: block;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
       
        margin-right: 1em;
        cursor: pointer;
        z-index: 101;
    }


}

.layout-nav__account-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-left: auto;
}

@media screen and (min-width: 1180px) {
    .layout-nav__account-menu {
        display: none;
    }
}

.layout-nav__account-arrow {
    margin-right: 1em;
}

/* Initial table structure */
table,
tbody,
tr,
td,
.table,
.table__body,
.table__row,
.table__cell {
    display: block;
}

thead,
tfoot,
th,
.table__head,
.table__foot,
.table__header {
    display: none;
}

td[data-column]:before,
.table__cell[data-column]:before {
    content: attr(data-column);
}

td[data-column]:empty:before,
.table__cell[data-column]:empty:before {
    content: none;
}

/* Mobile table container */
.mobileTable {
    overflow: auto;
}

table.mobileTable,
.table.mobileTable {
    overflow: visible;
}

.mobileTable table,
table.mobileTable,
.mobileTable .table,
.table.mobileTable {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (min-width: 73.75em) {
    .mobileTable table,
    table.mobileTable,
    .mobileTable .table,
    .table.mobileTable {
        display: table;
        overflow-y: auto;
    }
}

.mobileTable thead,
.mobileTable .table__head {
    display: table-header-group !important;
}

.mobileTable tbody,
.mobileTable .table__body {
    display: table-row-group !important;
}

.mobileTable tfoot,
.mobileTable .table__foot {
    display: table-footer-group !important;
}

.mobileTable tr,
.mobileTable .table__row {
    display: table-row !important;
}

.mobileTable th,
.mobileTable td,
.mobileTable .table__header,
.mobileTable .table__cell {
    display: table-cell !important;
}

/* Initial table styles */
table,
th,
td,
.table,
.table__header,
.table__cell {
    border: 1px none #ccc;
}

table, .table {
    border-style: hidden;
    border-collapse: collapse;
}

tr,
.table__row {
    page-break-inside: avoid;
}

thead > tr,
.table__head > .table__row {
    background-color: transparent;
}

th,
td,
.table__header,
.table__cell {
    vertical-align: top;
    padding: .75em 1.25em;
}

th,
.table__header {
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    color: #458BCA;
}

td {
    vertical-align: middle;
}

.table--responsive td:before {
    content: attr(data-header);
    display: block;
    line-height: 2;
    font-weight: 600;
    color: #458BCA;
}

@media screen and (min-width: 73.75em) {
    .table--responsive td:before {
        content: none;
    }
}

table.table--fixed,
.table.table--fixed {
    table-layout: fixed;
}

table.table--auto,
.table.table--auto {
    table-layout: auto;
}

table.table--rounded,
.table.table--rounded {
    overflow: hidden;
    border-radius: 4px;
}

table.table--square,
.table.table--square {
    overflow: visible;
    border-radius: 0;
}

table.table--centered,
.table.table--centered {
    margin-left: auto;
    margin-right: auto;
}

table.table--border-outer,
.table.table--border-outer {
    border-style: solid;
}

table.table--border-rows > * > tr > td, table.table--border-rows > * > tr > th {
    border-top-style: solid;
    border-bottom-style: solid;
}

.table.table--border-rows > * > .table__row > .table__header, .table.table--border-rows > * > .table__row > .table__cell, .table.table--border-rows > .table__row > .table__header, .table.table--border-rows > .table__row > .table__cell {
    border-top-style: solid;
    border-bottom-style: solid;
}

table.table--border-cols > * > tr > td, table.table--border-cols > * > tr > th {
    border-left-style: solid;
    border-right-style: solid;
}

.table.table--border-cols > * > .table__row > .table__header, .table.table--border-cols > * > .table__row > .table__cell, .table.table--border-cols > .table__row > .table__header, .table.table--border-cols > .table__row > .table__cell {
    border-left-style: solid;
    border-right-style: solid;
}

table.table--border-all, table.table--border-all > * > tr > td, table.table--border-all > * > tr > th {
    border-style: solid;
}

.table.table--border-all, .table.table--border-all > * > .table__row > .table__header, .table.table--border-all > * > .table__row > .table__cell, .table.table--border-all > .table__row > .table__header, .table.table--border-all > .table__row > .table__cell {
    border-style: solid;
}

table.table--border-none, table.table--border-none > * > tr > td, table.table--border-none > * > tr > th {
    border-style: none;
}

.table.table--border-none, .table.table--border-none > * > .table__row > .table__header, .table.table--border-none > * > .table__row > .table__cell, .table.table--border-none > .table__row > .table__header, .table.table--border-none > .table__row > .table__cell {
    border-style: none;
}

table.table--stripe > tbody > tr:nth-child(even),
.table.table--stripe > .table__body > .table__row:nth-child(even),
.table.table--stripe > .table__row:nth-child(even) {
    background-color: transparent;
}

table.table--stripe > tbody > tr:nth-child(odd),
.table.table--stripe > .table__body > .table__row:nth-child(odd),
.table.table--stripe > .table__row:nth-child(odd) {
    background-color: #f2f2f2;
}

table.table--hover > tbody > tr:hover,
.table.table--hover > .table__body > .table__row:hover,
.table.table--hover > .table__row:hover {
    background-color: #f8f8f8;
}

table.table--large > * > tr > td, table.table--large > * > tr > th {
    padding: 1.25em 2em;
}

.table.table--large > * > .table__row > .table__header, .table.table--large > * > .table__row > .table__cell, .table.table--large > .table__row > .table__header, .table.table--large > .table__row > .table__cell {
    padding: 1.25em 2em;
}

table.table--medium > * > tr > td, table.table--medium > * > tr > th {
    padding: 0.75em 1.25em;
}

.table.table--medium > * > .table__row > .table__header, .table.table--medium > * > .table__row > .table__cell, .table.table--medium > .table__row > .table__header, .table.table--medium > .table__row > .table__cell {
    padding: 0.75em 1.25em;
}

table.table--small > * > tr > td, table.table--small > * > tr > th {
    padding: 0.2em 0.4em;
}

.table.table--small > * > .table__row > .table__header, .table.table--small > * > .table__row > .table__cell, .table.table--small > .table__row > .table__header, .table.table--small > .table__row > .table__cell {
    padding: 0.2em 0.4em;
}

@media print, screen and (min-width: 30em) {
    table.sm-table--fixed,
    .table.sm-table--fixed {
        table-layout: fixed;
    }

    table.sm-table--auto,
    .table.sm-table--auto {
        table-layout: auto;
    }

    table.sm-table--rounded,
    .table.sm-table--rounded {
        overflow: hidden;
        border-radius: 4px;
    }

    table.sm-table--square,
    .table.sm-table--square {
        overflow: visible;
        border-radius: 0;
    }

    table.sm-table--centered,
    .table.sm-table--centered {
        margin-left: auto;
        margin-right: auto;
    }

    table.sm-table--border-outer,
    .table.sm-table--border-outer {
        border-style: solid;
    }

    table.sm-table--border-rows > * > tr > td, table.sm-table--border-rows > * > tr > th {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    .table.sm-table--border-rows > * > .table__row > .table__header, .table.sm-table--border-rows > * > .table__row > .table__cell, .table.sm-table--border-rows > .table__row > .table__header, .table.sm-table--border-rows > .table__row > .table__cell {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    table.sm-table--border-cols > * > tr > td, table.sm-table--border-cols > * > tr > th {
        border-left-style: solid;
        border-right-style: solid;
    }

    .table.sm-table--border-cols > * > .table__row > .table__header, .table.sm-table--border-cols > * > .table__row > .table__cell, .table.sm-table--border-cols > .table__row > .table__header, .table.sm-table--border-cols > .table__row > .table__cell {
        border-left-style: solid;
        border-right-style: solid;
    }

    table.sm-table--border-all, table.sm-table--border-all > * > tr > td, table.sm-table--border-all > * > tr > th {
        border-style: solid;
    }

    .table.sm-table--border-all, .table.sm-table--border-all > * > .table__row > .table__header, .table.sm-table--border-all > * > .table__row > .table__cell, .table.sm-table--border-all > .table__row > .table__header, .table.sm-table--border-all > .table__row > .table__cell {
        border-style: solid;
    }

    table.sm-table--border-none, table.sm-table--border-none > * > tr > td, table.sm-table--border-none > * > tr > th {
        border-style: none;
    }

    .table.sm-table--border-none, .table.sm-table--border-none > * > .table__row > .table__header, .table.sm-table--border-none > * > .table__row > .table__cell, .table.sm-table--border-none > .table__row > .table__header, .table.sm-table--border-none > .table__row > .table__cell {
        border-style: none;
    }

    table.sm-table--stripe > tbody > tr:nth-child(even),
    .table.sm-table--stripe > .table__body > .table__row:nth-child(even),
    .table.sm-table--stripe > .table__row:nth-child(even) {
        background-color: transparent;
    }

    table.sm-table--stripe > tbody > tr:nth-child(odd),
    .table.sm-table--stripe > .table__body > .table__row:nth-child(odd),
    .table.sm-table--stripe > .table__row:nth-child(odd) {
        background-color: #f2f2f2;
    }

    table.sm-table--hover > tbody > tr:hover,
    .table.sm-table--hover > .table__body > .table__row:hover,
    .table.sm-table--hover > .table__row:hover {
        background-color: #f8f8f8;
    }

    table.sm-table--large > * > tr > td, table.sm-table--large > * > tr > th {
        padding: 1.25em 2em;
    }

    .table.sm-table--large > * > .table__row > .table__header, .table.sm-table--large > * > .table__row > .table__cell, .table.sm-table--large > .table__row > .table__header, .table.sm-table--large > .table__row > .table__cell {
        padding: 1.25em 2em;
    }

    table.sm-table--medium > * > tr > td, table.sm-table--medium > * > tr > th {
        padding: 0.75em 1.25em;
    }

    .table.sm-table--medium > * > .table__row > .table__header, .table.sm-table--medium > * > .table__row > .table__cell, .table.sm-table--medium > .table__row > .table__header, .table.sm-table--medium > .table__row > .table__cell {
        padding: 0.75em 1.25em;
    }

    table.sm-table--small > * > tr > td, table.sm-table--small > * > tr > th {
        padding: 0.2em 0.4em;
    }

    .table.sm-table--small > * > .table__row > .table__header, .table.sm-table--small > * > .table__row > .table__cell, .table.sm-table--small > .table__row > .table__header, .table.sm-table--small > .table__row > .table__cell {
        padding: 0.2em 0.4em;
    }
}

@media print, screen and (min-width: 45em) {
    table, .table {
        display: table;
    }

        table > thead,
        .table > .table__head {
            display: table-header-group;
        }

        table > tbody,
        .table > .table__body {
            display: table-row-group;
        }

        table > tfoot,
        .table > .table__foot {
            display: table-footer-group;
        }

        table > * > tr,
        .table > * > .table__row,
        .table > .table__row {
            display: table-row;
        }

            table > * > tr > th,
            table > * > tr > td,
            .table > * > .table__row > .table__header,
            .table > * > .table__row > .table__cell,
            .table > .table__row > .table__header,
            .table > .table__row > .table__cell {
                display: table-cell;
            }

                table > * > tr > td[data-column]:before,
                .table > * > .table__row > .table__cell[data-column]:before,
                .table > .table__row > .table__cell[data-column]:before {
                    content: none;
                }

        table.md-table--fixed,
        .table.md-table--fixed {
            table-layout: fixed;
        }

        table.md-table--auto,
        .table.md-table--auto {
            table-layout: auto;
        }

        table.md-table--rounded,
        .table.md-table--rounded {
            overflow: hidden;
            border-radius: 4px;
        }

        table.md-table--square,
        .table.md-table--square {
            overflow: visible;
            border-radius: 0;
        }

        table.md-table--centered,
        .table.md-table--centered {
            margin-left: auto;
            margin-right: auto;
        }

        table.md-table--border-outer,
        .table.md-table--border-outer {
            border-style: solid;
        }

        table.md-table--border-rows > * > tr > td, table.md-table--border-rows > * > tr > th {
            border-top-style: solid;
            border-bottom-style: solid;
        }

        .table.md-table--border-rows > * > .table__row > .table__header, .table.md-table--border-rows > * > .table__row > .table__cell, .table.md-table--border-rows > .table__row > .table__header, .table.md-table--border-rows > .table__row > .table__cell {
            border-top-style: solid;
            border-bottom-style: solid;
        }

        table.md-table--border-cols > * > tr > td, table.md-table--border-cols > * > tr > th {
            border-left-style: solid;
            border-right-style: solid;
        }

        .table.md-table--border-cols > * > .table__row > .table__header, .table.md-table--border-cols > * > .table__row > .table__cell, .table.md-table--border-cols > .table__row > .table__header, .table.md-table--border-cols > .table__row > .table__cell {
            border-left-style: solid;
            border-right-style: solid;
        }

        table.md-table--border-all, table.md-table--border-all > * > tr > td, table.md-table--border-all > * > tr > th {
            border-style: solid;
        }

        .table.md-table--border-all, .table.md-table--border-all > * > .table__row > .table__header, .table.md-table--border-all > * > .table__row > .table__cell, .table.md-table--border-all > .table__row > .table__header, .table.md-table--border-all > .table__row > .table__cell {
            border-style: solid;
        }

        table.md-table--border-none, table.md-table--border-none > * > tr > td, table.md-table--border-none > * > tr > th {
            border-style: none;
        }

        .table.md-table--border-none, .table.md-table--border-none > * > .table__row > .table__header, .table.md-table--border-none > * > .table__row > .table__cell, .table.md-table--border-none > .table__row > .table__header, .table.md-table--border-none > .table__row > .table__cell {
            border-style: none;
        }

        table.md-table--stripe > tbody > tr:nth-child(even),
        .table.md-table--stripe > .table__body > .table__row:nth-child(even),
        .table.md-table--stripe > .table__row:nth-child(even) {
            background-color: transparent;
        }

        table.md-table--stripe > tbody > tr:nth-child(odd),
        .table.md-table--stripe > .table__body > .table__row:nth-child(odd),
        .table.md-table--stripe > .table__row:nth-child(odd) {
            background-color: #f2f2f2;
        }

        table.md-table--hover > tbody > tr:hover,
        .table.md-table--hover > .table__body > .table__row:hover,
        .table.md-table--hover > .table__row:hover {
            background-color: #f8f8f8;
        }

        table.md-table--large > * > tr > td, table.md-table--large > * > tr > th {
            padding: 1.25em 2em;
        }

        .table.md-table--large > * > .table__row > .table__header, .table.md-table--large > * > .table__row > .table__cell, .table.md-table--large > .table__row > .table__header, .table.md-table--large > .table__row > .table__cell {
            padding: 1.25em 2em;
        }

        table.md-table--medium > * > tr > td, table.md-table--medium > * > tr > th {
            padding: 0.75em 1.25em;
        }

        .table.md-table--medium > * > .table__row > .table__header, .table.md-table--medium > * > .table__row > .table__cell, .table.md-table--medium > .table__row > .table__header, .table.md-table--medium > .table__row > .table__cell {
            padding: 0.75em 1.25em;
        }

        table.md-table--small > * > tr > td, table.md-table--small > * > tr > th {
            padding: 0.2em 0.4em;
        }

        .table.md-table--small > * > .table__row > .table__header, .table.md-table--small > * > .table__row > .table__cell, .table.md-table--small > .table__row > .table__header, .table.md-table--small > .table__row > .table__cell {
            padding: 0.2em 0.4em;
        }
}

@media screen and (min-width: 60em) {
    table.lg-table--fixed,
    .table.lg-table--fixed {
        table-layout: fixed;
    }

    table.lg-table--auto,
    .table.lg-table--auto {
        table-layout: auto;
    }

    table.lg-table--rounded,
    .table.lg-table--rounded {
        overflow: hidden;
        border-radius: 4px;
    }

    table.lg-table--square,
    .table.lg-table--square {
        overflow: visible;
        border-radius: 0;
    }

    table.lg-table--centered,
    .table.lg-table--centered {
        margin-left: auto;
        margin-right: auto;
    }

    table.lg-table--border-outer,
    .table.lg-table--border-outer {
        border-style: solid;
    }

    table.lg-table--border-rows > * > tr > td, table.lg-table--border-rows > * > tr > th {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    .table.lg-table--border-rows > * > .table__row > .table__header, .table.lg-table--border-rows > * > .table__row > .table__cell, .table.lg-table--border-rows > .table__row > .table__header, .table.lg-table--border-rows > .table__row > .table__cell {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    table.lg-table--border-cols > * > tr > td, table.lg-table--border-cols > * > tr > th {
        border-left-style: solid;
        border-right-style: solid;
    }

    .table.lg-table--border-cols > * > .table__row > .table__header, .table.lg-table--border-cols > * > .table__row > .table__cell, .table.lg-table--border-cols > .table__row > .table__header, .table.lg-table--border-cols > .table__row > .table__cell {
        border-left-style: solid;
        border-right-style: solid;
    }

    table.lg-table--border-all, table.lg-table--border-all > * > tr > td, table.lg-table--border-all > * > tr > th {
        border-style: solid;
    }

    .table.lg-table--border-all, .table.lg-table--border-all > * > .table__row > .table__header, .table.lg-table--border-all > * > .table__row > .table__cell, .table.lg-table--border-all > .table__row > .table__header, .table.lg-table--border-all > .table__row > .table__cell {
        border-style: solid;
    }

    table.lg-table--border-none, table.lg-table--border-none > * > tr > td, table.lg-table--border-none > * > tr > th {
        border-style: none;
    }

    .table.lg-table--border-none, .table.lg-table--border-none > * > .table__row > .table__header, .table.lg-table--border-none > * > .table__row > .table__cell, .table.lg-table--border-none > .table__row > .table__header, .table.lg-table--border-none > .table__row > .table__cell {
        border-style: none;
    }

    table.lg-table--stripe > tbody > tr:nth-child(even),
    .table.lg-table--stripe > .table__body > .table__row:nth-child(even),
    .table.lg-table--stripe > .table__row:nth-child(even) {
        background-color: transparent;
    }

    table.lg-table--stripe > tbody > tr:nth-child(odd),
    .table.lg-table--stripe > .table__body > .table__row:nth-child(odd),
    .table.lg-table--stripe > .table__row:nth-child(odd) {
        background-color: #f2f2f2;
    }

    table.lg-table--hover > tbody > tr:hover,
    .table.lg-table--hover > .table__body > .table__row:hover,
    .table.lg-table--hover > .table__row:hover {
        background-color: #f8f8f8;
    }

    table.lg-table--large > * > tr > td, table.lg-table--large > * > tr > th {
        padding: 1.25em 2em;
    }

    .table.lg-table--large > * > .table__row > .table__header, .table.lg-table--large > * > .table__row > .table__cell, .table.lg-table--large > .table__row > .table__header, .table.lg-table--large > .table__row > .table__cell {
        padding: 1.25em 2em;
    }

    table.lg-table--medium > * > tr > td, table.lg-table--medium > * > tr > th {
        padding: 0.75em 1.25em;
    }

    .table.lg-table--medium > * > .table__row > .table__header, .table.lg-table--medium > * > .table__row > .table__cell, .table.lg-table--medium > .table__row > .table__header, .table.lg-table--medium > .table__row > .table__cell {
        padding: 0.75em 1.25em;
    }

    table.lg-table--small > * > tr > td, table.lg-table--small > * > tr > th {
        padding: 0.2em 0.4em;
    }

    .table.lg-table--small > * > .table__row > .table__header, .table.lg-table--small > * > .table__row > .table__cell, .table.lg-table--small > .table__row > .table__header, .table.lg-table--small > .table__row > .table__cell {
        padding: 0.2em 0.4em;
    }
}

@media screen and (min-width: 75em) {
    table.xl-table--fixed,
    .table.xl-table--fixed {
        table-layout: fixed;
    }

    table.xl-table--auto,
    .table.xl-table--auto {
        table-layout: auto;
    }

    table.xl-table--rounded,
    .table.xl-table--rounded {
        overflow: hidden;
        border-radius: 4px;
    }

    table.xl-table--square,
    .table.xl-table--square {
        overflow: visible;
        border-radius: 0;
    }

    table.xl-table--centered,
    .table.xl-table--centered {
        margin-left: auto;
        margin-right: auto;
    }

    table.xl-table--border-outer,
    .table.xl-table--border-outer {
        border-style: solid;
    }

    table.xl-table--border-rows > * > tr > td, table.xl-table--border-rows > * > tr > th {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    .table.xl-table--border-rows > * > .table__row > .table__header, .table.xl-table--border-rows > * > .table__row > .table__cell, .table.xl-table--border-rows > .table__row > .table__header, .table.xl-table--border-rows > .table__row > .table__cell {
        border-top-style: solid;
        border-bottom-style: solid;
    }

    table.xl-table--border-cols > * > tr > td, table.xl-table--border-cols > * > tr > th {
        border-left-style: solid;
        border-right-style: solid;
    }

    .table.xl-table--border-cols > * > .table__row > .table__header, .table.xl-table--border-cols > * > .table__row > .table__cell, .table.xl-table--border-cols > .table__row > .table__header, .table.xl-table--border-cols > .table__row > .table__cell {
        border-left-style: solid;
        border-right-style: solid;
    }

    table.xl-table--border-all, table.xl-table--border-all > * > tr > td, table.xl-table--border-all > * > tr > th {
        border-style: solid;
    }

    .table.xl-table--border-all, .table.xl-table--border-all > * > .table__row > .table__header, .table.xl-table--border-all > * > .table__row > .table__cell, .table.xl-table--border-all > .table__row > .table__header, .table.xl-table--border-all > .table__row > .table__cell {
        border-style: solid;
    }

    table.xl-table--border-none, table.xl-table--border-none > * > tr > td, table.xl-table--border-none > * > tr > th {
        border-style: none;
    }

    .table.xl-table--border-none, .table.xl-table--border-none > * > .table__row > .table__header, .table.xl-table--border-none > * > .table__row > .table__cell, .table.xl-table--border-none > .table__row > .table__header, .table.xl-table--border-none > .table__row > .table__cell {
        border-style: none;
    }

    table.xl-table--stripe > tbody > tr:nth-child(even),
    .table.xl-table--stripe > .table__body > .table__row:nth-child(even),
    .table.xl-table--stripe > .table__row:nth-child(even) {
        background-color: transparent;
    }

    table.xl-table--stripe > tbody > tr:nth-child(odd),
    .table.xl-table--stripe > .table__body > .table__row:nth-child(odd),
    .table.xl-table--stripe > .table__row:nth-child(odd) {
        background-color: #f2f2f2;
    }

    table.xl-table--hover > tbody > tr:hover,
    .table.xl-table--hover > .table__body > .table__row:hover,
    .table.xl-table--hover > .table__row:hover {
        background-color: #f8f8f8;
    }

    table.xl-table--large > * > tr > td, table.xl-table--large > * > tr > th {
        padding: 1.25em 2em;
    }

    .table.xl-table--large > * > .table__row > .table__header, .table.xl-table--large > * > .table__row > .table__cell, .table.xl-table--large > .table__row > .table__header, .table.xl-table--large > .table__row > .table__cell {
        padding: 1.25em 2em;
    }

    table.xl-table--medium > * > tr > td, table.xl-table--medium > * > tr > th {
        padding: 0.75em 1.25em;
    }

    .table.xl-table--medium > * > .table__row > .table__header, .table.xl-table--medium > * > .table__row > .table__cell, .table.xl-table--medium > .table__row > .table__header, .table.xl-table--medium > .table__row > .table__cell {
        padding: 0.75em 1.25em;
    }

    table.xl-table--small > * > tr > td, table.xl-table--small > * > tr > th {
        padding: 0.2em 0.4em;
    }

    .table.xl-table--small > * > .table__row > .table__header, .table.xl-table--small > * > .table__row > .table__cell, .table.xl-table--small > .table__row > .table__header, .table.xl-table--small > .table__row > .table__cell {
        padding: 0.2em 0.4em;
    }
}

/* Initial display helpers */
.xs-hide, .sm-only, .md-only, .lg-only, .xl-only {
    display: none;
}

/* Font weights */
.weight--default {
    font-weight: 400 !important;
}

.weight--100, .weight--thin {
    font-weight: 100 !important;
}

.weight--200, .weight--extra-light {
    font-weight: 200 !important;
}

.weight--300, .weight--light {
    font-weight: 300 !important;
}

.weight--400, .weight--normal {
    font-weight: 400 !important;
}

.weight--500, .weight--medium {
    font-weight: 500 !important;
}

.weight--600, .weight--semi-bold {
    font-weight: 600 !important;
}

.weight--700, .weight--bold {
    font-weight: 700 !important;
}

.weight--800, .weight--extra-bold {
    font-weight: 800 !important;
}

.weight--900, .weight--black {
    font-weight: 900 !important;
}

/* Text casing */
.case--default, .case--normal {
    text-transform: none !important;
}

.case--upper {
    text-transform: uppercase !important;
}

.case--lower {
    text-transform: lowercase !important;
}

/* Lists */
.list--default, .list--circle, .list--circle-dark {
    list-style-type: disc !important;
}

.list--circle-light {
    list-style-type: circle !important;
}

.list--square {
    list-style-type: square !important;
}

.list--decimal {
    list-style-type: decimal !important;
}

.list--decimal-zeros {
    list-style-type: decimal-leading-zero !important;
}

.list--alpha, .list--alpha-upper {
    list-style-type: upper-alpha !important;
}

.list--alpha-lower {
    list-style-type: lower-alpha !important;
}

.list--roman, .list--roman-upper {
    list-style-type: upper-roman !important;
}

.list--roman-lower {
    list-style-type: lower-roman !important;
}

.list--none {
    list-style: none !important;
}

/* Hidden elements */
.hide {
    display: none !important;
}

.sm-andUp, .sm-andUp--inline, .sm-andUp--inline-block, .md-andUp, .md-andUp--inline, .md-andUp--inline-block, .lg-andUp, .lg-andUp--inline, .lg-andUp--inline-block, .xl-andUp, .xl-andUp--inline, .xl-andUp--inline-block {
    display: none;
}

/* Layout width helpers */
.width--layout {
    padding-left: 0;
    padding-right: 0;
}

    .width--layout:after {
        content: '';
        display: block;
        clear: both;
    }

    .width--layout .width--layout {
        width: calc(100% - 6em);
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
    }

/* Display type */
.display--block {
    display: block !important;
}

.display--inline {
    display: inline !important;
}

.display--inline-block {
    display: inline-block !important;
}

/* Floats and clears */
.xs-left, .xs-float--left {
    float: left !important;
}

.xs-right, .xs-float--right {
    float: right !important;
}

.xs-float--none {
    float: none !important;
}

.xs-clear--none {
    clear: none !important;
}

.xs-clear {
    clear: both !important;
}

.xs-clear--left {
    clear: left !important;
}

.xs-clear--right {
    clear: right !important;
}

/* Clearfix */
.clearfix:after, .clearfix--after:after, .clearfix--both:after {
    content: '';
    display: block;
    clear: both;
}

.clearfix--before:before, .clearfix--both:before {
    content: '';
    display: block;
    clear: both;
}

.clearfix--none:before, .clearfix--none:after {
    content: none;
    clear: none;
}

/* Text alignment */
.align--left {
    text-align: left !important;
}

.align--right {
    text-align: right !important;
}

.align--center {
    text-align: center !important;
}

.align--justify {
    text-align: justify !important;
}

/* Vertical alignment */
.valign--default, .valign--normal, .valign--baseline {
    vertical-align: baseline !important;
}

.valign--top {
    vertical-align: top !important;
}

.valign--middle {
    vertical-align: middle !important;
}

.valign--bottom {
    vertical-align: bottom !important;
}

/* Wrapping */
.wrap--normal {
    white-space: normal !important;
}

.wrap--none {
    white-space: nowrap !important;
}

/* Width */
.width--full {
    width: 100% !important;
}

.width--input {
    width: 13.125em !important;
}

.width--input {
    width: 13.125em !important;
}

.width--input-medium {
    width: 9.0625em !important;
}

.width--input-narrow {
    width: 5em !important;
}

.width--input-tiny, .thumbnail__quantity input[type='number'],
.thumbnail__quantity input[type='text'] {
    width: 3.75em !important;
}

.width--auto {
    width: auto !important;
}

/* Height */
.height--input {
    height: 2.85em !important;
}

.height--auto {
    height: auto !important;
}

@media print, screen and (min-width: 30em) {
    /* Display */
    .xs-hide, .sm-only {
        display: block !important;
    }

    .sm-hide--inline, .sm-only--inline {
        display: inline !important;
    }

    .sm-hide--inline-block, .sm-only--inline-block {
        display: inline-block !important;
    }

    .sm-andUp {
        display: block !important;
    }

    .sm-andUp--inline {
        display: inline !important;
    }

    .sm-andUp--inline-block {
        display: inline-block !important;
    }

    .xs-only, .xs-andDown, .sm-hide {
        display: none !important;
    }
    /* Layout width helpers */
    .sm-width--layout {
        padding-left: 0;
        padding-right: 0;
    }
    /* Display type */
    .sm-display--block {
        display: block !important;
    }

    .sm-display--inline {
        display: inline !important;
    }

    .sm-display--inline-block {
        display: inline-block !important;
    }
    /* Floats and clears */
    .sm-left, .sm-float--left {
        float: left !important;
    }

    .sm-right, .sm-float--right {
        float: right !important;
    }

    .sm-float--none {
        float: none !important;
    }

    .sm-clear--none {
        clear: none !important;
    }

    .sm-clear {
        clear: both !important;
    }

    .sm-clear--left {
        clear: left !important;
    }

    .sm-clear--right {
        clear: right !important;
    }
    /* Clearfix */
    .sm-clearfix:after, .sm-clearfix--after:after, .sm-clearfix--both:after {
        content: '';
        display: block;
        clear: both;
    }

    .sm-clearfix--before:before, .sm-clearfix--both:before {
        content: '';
        display: block;
        clear: both;
    }

    .sm-clearfix--none:before, .sm-clearfix--none:after {
        content: none;
        clear: none;
    }
    /* Text alignment */
    .sm-align--left {
        text-align: left !important;
    }

    .sm-align--right {
        text-align: right !important;
    }

    .sm-align--center {
        text-align: center !important;
    }

    .sm-align--justify {
        text-align: justify !important;
    }
    /* Vertical alignment */
    .sm-valign--default, .sm-valign--normal, .sm-valign--baseline {
        vertical-align: baseline !important;
    }

    .sm-valign--top {
        vertical-align: top !important;
    }

    .sm-valign--middle {
        vertical-align: middle !important;
    }

    .sm-valign--bottom {
        vertical-align: bottom !important;
    }
    /* Wrapping */
    .sm-wrap--normal {
        white-space: normal !important;
    }

    .sm-wrap--none {
        white-space: nowrap !important;
    }
    /* Width */
    .sm-width--full {
        width: 100% !important;
    }

    .sm-width--input {
        width: 13.125em !important;
    }

    .sm-width--input {
        width: 13.125em !important;
    }

    .sm-width--input-medium {
        width: 9.0625em !important;
    }

    .sm-width--input-narrow {
        width: 5em !important;
    }

    .sm-width--input-tiny {
        width: 3.75em !important;
    }

    .sm-width--auto {
        width: auto !important;
    }
    /* Height */
    .sm-height--input {
        height: 2.85em !important;
    }

    .sm-height--auto {
        height: auto !important;
    }
}

@media print, screen and (min-width: 45em) {
    /* Display */
    .sm-hide, .md-only {
        display: block !important;
    }

    .md-hide--inline, .md-only--inline {
        display: inline !important;
    }

    .md-hide--inline-block, .md-only--inline-block {
        display: inline-block !important;
    }

    .md-andUp {
        display: block !important;
    }

    .md-andUp--inline {
        display: inline !important;
    }

    .md-andUp--inline-block {
        display: inline-block !important;
    }

    .sm-only, .sm-andDown, .md-hide {
        display: none !important;
    }
    /* Layout width helpers */
    .md-width--layout {
        padding-left: 0;
        padding-right: 0;
    }
    /* Display type */
    .md-display--block {
        display: block !important;
    }

    .md-display--inline {
        display: inline !important;
    }

    .md-display--inline-block {
        display: inline-block !important;
    }
    /* Floats and clears */
    .md-left, .md-float--left {
        float: left !important;
    }

    .md-right, .md-float--right {
        float: right !important;
    }

    .md-float--none {
        float: none !important;
    }

    .md-clear--none {
        clear: none !important;
    }

    .md-clear {
        clear: both !important;
    }

    .md-clear--left {
        clear: left !important;
    }

    .md-clear--right {
        clear: right !important;
    }
    /* Clearfix */
    .md-clearfix:after, .md-clearfix--after:after, .md-clearfix--both:after {
        content: '';
        display: block;
        clear: both;
    }

    .md-clearfix--before:before, .md-clearfix--both:before {
        content: '';
        display: block;
        clear: both;
    }

    .md-clearfix--none:before, .md-clearfix--none:after {
        content: none;
        clear: none;
    }
    /* Text alignment */
    .md-align--left {
        text-align: left !important;
    }

    .md-align--right {
        text-align: right !important;
    }

    .md-align--center {
        text-align: center !important;
    }

    .md-align--justify {
        text-align: justify !important;
    }
    /* Vertical alignment */
    .md-valign--default, .md-valign--normal, .md-valign--baseline {
        vertical-align: baseline !important;
    }

    .md-valign--top {
        vertical-align: top !important;
    }

    .md-valign--middle {
        vertical-align: middle !important;
    }

    .md-valign--bottom {
        vertical-align: bottom !important;
    }
    /* Wrapping */
    .md-wrap--normal {
        white-space: normal !important;
    }

    .md-wrap--none {
        white-space: nowrap !important;
    }
    /* Width */
    .md-width--full {
        width: 100% !important;
    }

    .md-width--input {
        width: 13.125em !important;
    }

    .md-width--input {
        width: 13.125em !important;
    }

    .md-width--input-medium {
        width: 9.0625em !important;
    }

    .md-width--input-narrow {
        width: 5em !important;
    }

    .md-width--input-tiny {
        width: 3.75em !important;
    }

    .md-width--auto {
        width: auto !important;
    }
    /* Height */
    .md-height--input {
        height: 2.85em !important;
    }

    .md-height--auto {
        height: auto !important;
    }
}

@media screen and (min-width: 60em) {
    /* Display */
    .md-hide, .lg-only {
        display: block !important;
    }

    .lg-hide--inline, .lg-only--inline {
        display: inline !important;
    }

    .lg-hide--inline-block, .lg-only--inline-block {
        display: inline-block !important;
    }

    .lg-andUp {
        display: block !important;
    }

    .lg-andUp--inline {
        display: inline !important;
    }

    .lg-andUp--inline-block {
        display: inline-block !important;
    }

    .md-only, .md-andDown, .lg-hide {
        display: none !important;
    }
    /* Layout width helpers */
    .width--layout, .sm-width--layout, .md-width--layout {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .lg-width--layout {
        padding-left: 0;
        padding-right: 0;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    /* Display type */
    .lg-display--block {
        display: block !important;
    }

    .lg-display--inline {
        display: inline !important;
    }

    .lg-display--inline-block {
        display: inline-block !important;
    }
    /* Floats and clears */
    .lg-left, .lg-float--left {
        float: left !important;
    }

    .lg-right, .lg-float--right {
        float: right !important;
    }

    .lg-float--none {
        float: none !important;
    }

    .lg-clear--none {
        clear: none !important;
    }

    .lg-clear {
        clear: both !important;
    }

    .lg-clear--left {
        clear: left !important;
    }

    .lg-clear--right {
        clear: right !important;
    }
    /* Clearfix */
    .lg-clearfix:after, .lg-clearfix--after:after, .lg-clearfix--both:after {
        content: '';
        display: block;
        clear: both;
    }

    .lg-clearfix--before:before, .lg-clearfix--both:before {
        content: '';
        display: block;
        clear: both;
    }

    .lg-clearfix--none:before, .lg-clearfix--none:after {
        content: none;
        clear: none;
    }
    /* Text alignment */
    .lg-align--left {
        text-align: left !important;
    }

    .lg-align--right {
        text-align: right !important;
    }

    .lg-align--center {
        text-align: center !important;
    }

    .lg-align--justify {
        text-align: justify !important;
    }
    /* Vertical alignment */
    .lg-valign--default, .lg-valign--normal, .lg-valign--baseline {
        vertical-align: baseline !important;
    }

    .lg-valign--top {
        vertical-align: top !important;
    }

    .lg-valign--middle {
        vertical-align: middle !important;
    }

    .lg-valign--bottom {
        vertical-align: bottom !important;
    }
    /* Wrapping */
    .lg-wrap--normal {
        white-space: normal !important;
    }

    .lg-wrap--none {
        white-space: nowrap !important;
    }
    /* Width */
    .lg-width--full {
        width: 100% !important;
    }

    .lg-width--input {
        width: 13.125em !important;
    }

    .lg-width--input {
        width: 13.125em !important;
    }

    .lg-width--input-medium {
        width: 9.0625em !important;
    }

    .lg-width--input-narrow {
        width: 5em !important;
    }

    .lg-width--input-tiny {
        width: 3.75em !important;
    }

    .lg-width--auto {
        width: auto !important;
    }
    /* Height */
    .lg-height--input {
        height: 2.85em !important;
    }

    .lg-height--auto {
        height: auto !important;
    }
}

@media screen and (min-width: 75em) {
    /* Display */
    .lg-hide, .xl-only {
        display: block !important;
    }

    .xl-hide--inline, .xl-only--inline {
        display: inline !important;
    }

    .xl-hide--inline-block, .xl-only--inline-block {
        display: inline-block !important;
    }

    .xl-andUp {
        display: block !important;
    }

    .xl-andUp--inline {
        display: inline !important;
    }

    .xl-andUp--inline-block {
        display: inline-block !important;
    }

    .lg-only, .lg-andDown, .xl-hide {
        display: none !important;
    }
    /* Layout width helpers */
    .width--layout, .sm-width--layout, .md-width--layout, .lg-width--layout {
        max-width: 72.5em;
    }

    .xl-width--layout {
        padding-left: 0;
        padding-right: 0;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        max-width: 72.5em;
    }
    /* Display type */
    .xl-display--block {
        display: block !important;
    }

    .xl-display--inline {
        display: inline !important;
    }

    .xl-display--inline-block {
        display: inline-block !important;
    }
    /* Floats and clears */
    .xl-left, .xl-float--left {
        float: left !important;
    }

    .xl-right, .xl-float--right {
        float: right !important;
    }

    .xl-float--none {
        float: none !important;
    }

    .xl-clear--none {
        clear: none !important;
    }

    .xl-clear {
        clear: both !important;
    }

    .xl-clear--left {
        clear: left !important;
    }

    .xl-clear--right {
        clear: right !important;
    }
    /* Clearfix */
    .xl-clearfix:after, .xl-clearfix--after:after, .xl-clearfix--both:after {
        content: '';
        display: block;
        clear: both;
    }

    .xl-clearfix--before:before, .xl-clearfix--both:before {
        content: '';
        display: block;
        clear: both;
    }

    .xl-clearfix--none:before, .xl-clearfix--none:after {
        content: none;
        clear: none;
    }
    /* Text alignment */
    .xl-align--left {
        text-align: left !important;
    }

    .xl-align--right {
        text-align: right !important;
    }

    .xl-align--center {
        text-align: center !important;
    }

    .xl-align--justify {
        text-align: justify !important;
    }
    /* Vertical alignment */
    .xl-valign--default, .xl-valign--normal, .xl-valign--baseline {
        vertical-align: baseline !important;
    }

    .xl-valign--top {
        vertical-align: top !important;
    }

    .xl-valign--middle {
        vertical-align: middle !important;
    }

    .xl-valign--bottom {
        vertical-align: bottom !important;
    }
    /* Wrapping */
    .xl-wrap--normal {
        white-space: normal !important;
    }

    .xl-wrap--none {
        white-space: nowrap !important;
    }
    /* Width */
    .xl-width--full {
        width: 100% !important;
    }

    .xl-width--input {
        width: 13.125em !important;
    }

    .xl-width--input {
        width: 13.125em !important;
    }

    .xl-width--input-medium {
        width: 9.0625em !important;
    }

    .xl-width--input-narrow {
        width: 5em !important;
    }

    .xl-width--input-tiny {
        width: 3.75em !important;
    }

    .xl-width--auto {
        width: auto !important;
    }
    /* Height */
    .xl-height--input {
        height: 2.85em !important;
    }

    .xl-height--auto {
        height: auto !important;
    }
}

/*Padding helpers*/
.padY--0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padB--0 {
    padding-bottom: 0px !important;
}

.padL--0 {
    padding-left: 0px !important;
}

.padT--0 {
    padding-top: 0px !important;
}

.padR--0 {
    padding-right: 0px !important;
}

.padX--0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pad--0 {
    padding: 0px !important;
}

.marY--0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.marB--0 {
    margin-bottom: 0px !important;
}

.marL--0 {
    margin-left: 0px !important;
}

.marT--0 {
    margin-top: 0px !important;
}

.marR--0 {
    margin-right: 0px !important;
}

.marX--0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mar--0 {
    margin: 0px !important;
}

.padY--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padB--5 {
    padding-bottom: 5px !important;
}

.padL--5 {
    padding-left: 5px !important;
}

.padT--5 {
    padding-top: 5px !important;
}

.padR--5 {
    padding-right: 5px !important;
}

.padX--5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.pad--5 {
    padding: 5px !important;
}

.marY--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.marB--5 {
    margin-bottom: 5px !important;
}

.marL--5 {
    margin-left: 5px !important;
}

.marT--5 {
    margin-top: 5px !important;
}

.marR--5 {
    margin-right: 5px !important;
}

.marX--5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mar--5 {
    margin: 5px !important;
}

.padY--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padB--10 {
    padding-bottom: 10px !important;
}

.padL--10 {
    padding-left: 10px !important;
}

.padT--10 {
    padding-top: 10px !important;
}

.padR--10 {
    padding-right: 10px !important;
}

.padX--10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pad--10 {
    padding: 10px !important;
}

.marY--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.marB--10 {
    margin-bottom: 10px !important;
}

.marL--10 {
    margin-left: 10px !important;
}

.marT--10 {
    margin-top: 10px !important;
}

.marR--10 {
    margin-right: 10px !important;
}

.marX--10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mar--10 {
    margin: 10px !important;
}

.padY--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padB--15 {
    padding-bottom: 15px !important;
}

.padL--15 {
    padding-left: 15px !important;
}

.padT--15 {
    padding-top: 15px !important;
}

.padR--15 {
    padding-right: 15px !important;
}

.padX--15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad--15 {
    padding: 15px !important;
}

.marY--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.marB--15 {
    margin-bottom: 15px !important;
}

.marL--15 {
    margin-left: 15px !important;
}

.marT--15 {
    margin-top: 15px !important;
}

.marR--15 {
    margin-right: 15px !important;
}

.marX--15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mar--15 {
    margin: 15px !important;
}

.padY--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padB--20 {
    padding-bottom: 20px !important;
}

.padL--20 {
    padding-left: 20px !important;
}

.padT--20 {
    padding-top: 20px !important;
}

.padR--20 {
    padding-right: 20px !important;
}

.padX--20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pad--20 {
    padding: 20px !important;
}

.marY--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marB--20 {
    margin-bottom: 20px !important;
}

.marL--20 {
    margin-left: 20px !important;
}

.marT--20 {
    margin-top: 20px !important;
}

.marR--20 {
    margin-right: 20px !important;
}

.marX--20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mar--20 {
    margin: 20px !important;
}

.padY--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.padB--25 {
    padding-bottom: 25px !important;
}

.padL--25 {
    padding-left: 25px !important;
}

.padT--25 {
    padding-top: 25px !important;
}

.padR--25 {
    padding-right: 25px !important;
}

.padX--25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.pad--25 {
    padding: 25px !important;
}

.marY--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.marB--25 {
    margin-bottom: 25px !important;
}

.marL--25 {
    margin-left: 25px !important;
}

.marT--25 {
    margin-top: 25px !important;
}

.marR--25 {
    margin-right: 25px !important;
}

.marX--25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mar--25 {
    margin: 25px !important;
}

.padY--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padB--30 {
    padding-bottom: 30px !important;
}

.padL--30 {
    padding-left: 30px !important;
}

.padT--30 {
    padding-top: 30px !important;
}

.padR--30 {
    padding-right: 30px !important;
}

.padX--30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.pad--30 {
    padding: 30px !important;
}

.marY--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marB--30 {
    margin-bottom: 30px !important;
}

.marL--30 {
    margin-left: 30px !important;
}

.marT--30 {
    margin-top: 30px !important;
}

.marR--30 {
    margin-right: 30px !important;
}

.marX--30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mar--30 {
    margin: 30px !important;
}

.padY--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.padB--35 {
    padding-bottom: 35px !important;
}

.padL--35 {
    padding-left: 35px !important;
}

.padT--35 {
    padding-top: 35px !important;
}

.padR--35 {
    padding-right: 35px !important;
}

.padX--35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.pad--35 {
    padding: 35px !important;
}

.marY--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.marB--35 {
    margin-bottom: 35px !important;
}

.marL--35 {
    margin-left: 35px !important;
}

.marT--35 {
    margin-top: 35px !important;
}

.marR--35 {
    margin-right: 35px !important;
}

.marX--35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.mar--35 {
    margin: 35px !important;
}

.padY--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padB--40 {
    padding-bottom: 40px !important;
}

.padL--40 {
    padding-left: 40px !important;
}

.padT--40 {
    padding-top: 40px !important;
}

.padR--40 {
    padding-right: 40px !important;
}

.padX--40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.pad--40 {
    padding: 40px !important;
}

.marY--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.marB--40 {
    margin-bottom: 40px !important;
}

.marL--40 {
    margin-left: 40px !important;
}

.marT--40 {
    margin-top: 40px !important;
}

.marR--40 {
    margin-right: 40px !important;
}

.marX--40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mar--40 {
    margin: 40px !important;
}

.padY--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.padB--45 {
    padding-bottom: 45px !important;
}

.padL--45 {
    padding-left: 45px !important;
}

.padT--45 {
    padding-top: 45px !important;
}

.padR--45 {
    padding-right: 45px !important;
}

.padX--45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.pad--45 {
    padding: 45px !important;
}

.marY--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.marB--45 {
    margin-bottom: 45px !important;
}

.marL--45 {
    margin-left: 45px !important;
}

.marT--45 {
    margin-top: 45px !important;
}

.marR--45 {
    margin-right: 45px !important;
}

.marX--45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.mar--45 {
    margin: 45px !important;
}

.padY--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padB--50 {
    padding-bottom: 50px !important;
}

.padL--50 {
    padding-left: 50px !important;
}

.padT--50 {
    padding-top: 50px !important;
}

.padR--50 {
    padding-right: 50px !important;
}

.padX--50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.pad--50 {
    padding: 50px !important;
}

.marY--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.marB--50 {
    margin-bottom: 50px !important;
}

.marL--50 {
    margin-left: 50px !important;
}

.marT--50 {
    margin-top: 50px !important;
}

.marR--50 {
    margin-right: 50px !important;
}

.marX--50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mar--50 {
    margin: 50px !important;
}

.padY--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.padB--55 {
    padding-bottom: 55px !important;
}

.padL--55 {
    padding-left: 55px !important;
}

.padT--55 {
    padding-top: 55px !important;
}

.padR--55 {
    padding-right: 55px !important;
}

.padX--55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

.pad--55 {
    padding: 55px !important;
}

.marY--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.marB--55 {
    margin-bottom: 55px !important;
}

.marL--55 {
    margin-left: 55px !important;
}

.marT--55 {
    margin-top: 55px !important;
}

.marR--55 {
    margin-right: 55px !important;
}

.marX--55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.mar--55 {
    margin: 55px !important;
}

.padY--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padB--60 {
    padding-bottom: 60px !important;
}

.padL--60 {
    padding-left: 60px !important;
}

.padT--60 {
    padding-top: 60px !important;
}

.padR--60 {
    padding-right: 60px !important;
}

.padX--60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.pad--60 {
    padding: 60px !important;
}

.marY--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.marB--60 {
    margin-bottom: 60px !important;
}

.marL--60 {
    margin-left: 60px !important;
}

.marT--60 {
    margin-top: 60px !important;
}

.marR--60 {
    margin-right: 60px !important;
}

.marX--60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.mar--60 {
    margin: 60px !important;
}

.padY--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.padB--65 {
    padding-bottom: 65px !important;
}

.padL--65 {
    padding-left: 65px !important;
}

.padT--65 {
    padding-top: 65px !important;
}

.padR--65 {
    padding-right: 65px !important;
}

.padX--65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

.pad--65 {
    padding: 65px !important;
}

.marY--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.marB--65 {
    margin-bottom: 65px !important;
}

.marL--65 {
    margin-left: 65px !important;
}

.marT--65 {
    margin-top: 65px !important;
}

.marR--65 {
    margin-right: 65px !important;
}

.marX--65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.mar--65 {
    margin: 65px !important;
}

.padY--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.padB--70 {
    padding-bottom: 70px !important;
}

.padL--70 {
    padding-left: 70px !important;
}

.padT--70 {
    padding-top: 70px !important;
}

.padR--70 {
    padding-right: 70px !important;
}

.padX--70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.pad--70 {
    padding: 70px !important;
}

.marY--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.marB--70 {
    margin-bottom: 70px !important;
}

.marL--70 {
    margin-left: 70px !important;
}

.marT--70 {
    margin-top: 70px !important;
}

.marR--70 {
    margin-right: 70px !important;
}

.marX--70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.mar--70 {
    margin: 70px !important;
}

.padY--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.padB--75 {
    padding-bottom: 75px !important;
}

.padL--75 {
    padding-left: 75px !important;
}

.padT--75 {
    padding-top: 75px !important;
}

.padR--75 {
    padding-right: 75px !important;
}

.padX--75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

.pad--75 {
    padding: 75px !important;
}

.marY--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.marB--75 {
    margin-bottom: 75px !important;
}

.marL--75 {
    margin-left: 75px !important;
}

.marT--75 {
    margin-top: 75px !important;
}

.marR--75 {
    margin-right: 75px !important;
}

.marX--75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.mar--75 {
    margin: 75px !important;
}

.padY--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.padB--80 {
    padding-bottom: 80px !important;
}

.padL--80 {
    padding-left: 80px !important;
}

.padT--80 {
    padding-top: 80px !important;
}

.padR--80 {
    padding-right: 80px !important;
}

.padX--80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.pad--80 {
    padding: 80px !important;
}

.marY--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.marB--80 {
    margin-bottom: 80px !important;
}

.marL--80 {
    margin-left: 80px !important;
}

.marT--80 {
    margin-top: 80px !important;
}

.marR--80 {
    margin-right: 80px !important;
}

.marX--80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.mar--80 {
    margin: 80px !important;
}

.padY--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.padB--85 {
    padding-bottom: 85px !important;
}

.padL--85 {
    padding-left: 85px !important;
}

.padT--85 {
    padding-top: 85px !important;
}

.padR--85 {
    padding-right: 85px !important;
}

.padX--85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

.pad--85 {
    padding: 85px !important;
}

.marY--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.marB--85 {
    margin-bottom: 85px !important;
}

.marL--85 {
    margin-left: 85px !important;
}

.marT--85 {
    margin-top: 85px !important;
}

.marR--85 {
    margin-right: 85px !important;
}

.marX--85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.mar--85 {
    margin: 85px !important;
}

.padY--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.padB--90 {
    padding-bottom: 90px !important;
}

.padL--90 {
    padding-left: 90px !important;
}

.padT--90 {
    padding-top: 90px !important;
}

.padR--90 {
    padding-right: 90px !important;
}

.padX--90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.pad--90 {
    padding: 90px !important;
}

.marY--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.marB--90 {
    margin-bottom: 90px !important;
}

.marL--90 {
    margin-left: 90px !important;
}

.marT--90 {
    margin-top: 90px !important;
}

.marR--90 {
    margin-right: 90px !important;
}

.marX--90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.mar--90 {
    margin: 90px !important;
}

.padY--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.padB--95 {
    padding-bottom: 95px !important;
}

.padL--95 {
    padding-left: 95px !important;
}

.padT--95 {
    padding-top: 95px !important;
}

.padR--95 {
    padding-right: 95px !important;
}

.padX--95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

.pad--95 {
    padding: 95px !important;
}

.marY--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.marB--95 {
    margin-bottom: 95px !important;
}

.marL--95 {
    margin-left: 95px !important;
}

.marT--95 {
    margin-top: 95px !important;
}

.marR--95 {
    margin-right: 95px !important;
}

.marX--95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.mar--95 {
    margin: 95px !important;
}

.padY--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.padB--100 {
    padding-bottom: 100px !important;
}

.padL--100 {
    padding-left: 100px !important;
}

.padT--100 {
    padding-top: 100px !important;
}

.padR--100 {
    padding-right: 100px !important;
}

.padX--100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.pad--100 {
    padding: 100px !important;
}

.marY--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.marB--100 {
    margin-bottom: 100px !important;
}

.marL--100 {
    margin-left: 100px !important;
}

.marT--100 {
    margin-top: 100px !important;
}

.marR--100 {
    margin-right: 100px !important;
}

.marX--100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.mar--100 {
    margin: 100px !important;
}

.marX--auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.cms_guide .width--layout {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.styleguide {
    position: relative;
}

    .styleguide .section {
        margin-bottom: 40px;
        width: 100%;
        display: inline-block;
    }

    .styleguide .grid {
        margin: 0 !important;
    }

    .styleguide .content {
        width: 100%;
        margin-left: 0;
        margin-top: 110px;
    }

@media print, screen and (min-width: 45em) {
    .styleguide .content {
        width: calc(100% - 250px);
        margin-left: 250px;
        margin-top: 0;
    }
}

@media screen and (min-width: 60em) {
    .styleguide .content {
        width: calc(100% - 400px);
        margin-left: 400px;
    }
}

.styleguide .content .grid, .styleguide .content .section--title, .styleguide .content .section--heading {
    padding-left: 20px;
}

.styleguide .content .section--title {
    padding-top: 10px;
}

.styleguide .content .section--heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.styleguide .mobileBttn--wrap {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 20;
    visibility: visible;
}

@media print, screen and (min-width: 45em) {
    .styleguide .mobileBttn--wrap {
        visibility: hidden;
    }
}

.styleguide .mobileBttn--wrap .mobileBttn {
    background: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 25px;
    border: 1px solid #ddd;
}

    .styleguide .mobileBttn--wrap .mobileBttn a {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-decoration: none !important;
    }

.styleguide .nav-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border-right: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 1;
}

@media print, screen and (min-width: 45em) {
    .styleguide .nav-wrap {
        width: 250px;
        height: 100%;
        overflow: visible;
        overflow-y: scroll;
    }
}

@media screen and (min-width: 60em) {
    .styleguide .nav-wrap {
        width: 400px;
    }
}

.styleguide .nav-wrap.active {
    height: 350px;
}

@media print, screen and (min-width: 45em) {
    .styleguide .nav-wrap.active {
        height: 100%;
    }
}

.styleguide .nav-wrap.active .contentArea {
    overflow: visible;
    overflow-y: scroll;
}

.styleguide .block--accordion {
    padding: 0;
}

.styleguide .tabs.tabs--accordion .tabs__tab {
    color: #000;
}

@media print, screen and (min-width: 45em) {
    .styleguide .tabs.tabs--accordion .tabs__tab {
        font-size: 18px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 60em) {
    .styleguide .tabs.tabs--accordion .tabs__tab {
        font-size: 24px;
        padding-left: 20px;
    }
}

.styleguide .tabs.tabs--accordion .tabs__tab:first-child {
    border-top: none;
}

.styleguide .tabs.tabs--accordion .tabs__tab:after {
    content: none;
}

.styleguide .tabs.tabs--accordion > .tabs__panel {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    .styleguide .tabs.tabs--accordion > .tabs__panel ul {
        list-style: none;
        padding: 0;
    }

    .styleguide .tabs.tabs--accordion > .tabs__panel li {
        display: block;
        padding: 4px 0 0 40px;
        background: #ddd;
        border-bottom: 1px solid #ddd;
    }

        .styleguide .tabs.tabs--accordion > .tabs__panel li:hover {
            background: #ccc;
        }

        .styleguide .tabs.tabs--accordion > .tabs__panel li:last-child {
            border-bottom: none;
        }

        .styleguide .tabs.tabs--accordion > .tabs__panel li a {
            display: block;
        }

            .styleguide .tabs.tabs--accordion > .tabs__panel li a:hover {
                text-decoration: none;
            }

    .styleguide .tabs.tabs--accordion > .tabs__panel h3 {
        font-family: Verdana;
        font-size: 24px;
        padding-left: 20px;
        text-decoration: underline;
    }

.nav-wrap .logo {
    width: 100%;
    margin-top: 5px;
}

@media print, screen and (min-width: 45em) {
    .nav-wrap .logo {
        margin-top: 0;
    }
}

.nav-wrap .logo img {
    margin: 0 auto;
    width: auto;
}

@media print, screen and (min-width: 45em) {
    .nav-wrap .logo img {
        width: 80%;
    }
}

@media screen and (min-width: 60em) {
    .nav-wrap .logo img {
        width: auto;
    }
}

.nav-wrap .return {
    margin: 20px 0 0;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.section--title {
    background: #56565A;
    color: #fff;
}

.helper--heading {
    padding-left: 0;
}

h1.sample, h2.sample, h3.sample, h4.sample, h5.sample, h6.sample {
    text-transform: uppercase;
}

.colorBlock {
    display: block;
    border-radius: 15%;
    position: relative;
    margin: 0 auto;
    border: 1px solid #ddd;
    width: 65px;
    height: 65px;
}

    .colorBlock + span {
        width: 100%;
        display: block;
        padding: 10px 0 0;
    }

        .colorBlock + span + span {
            width: 100%;
            display: block;
            text-transform: uppercase;
        }

.colorbox {
    display: block;
    position: relative;
    margin: 0 auto;
    border: 3px solid #ddd;
    width: 65px;
    height: 65px;
}

    .colorbox + span {
        display: block;
        width: 100%;
        padding: 10px 0 0;
        font-size: .9em;
    }

.colorName {
    text-transform: capitalize;
}

.colors__table--default, .colors__table--custom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .colors__table--default > div, .colors__table--custom > div {
        padding-bottom: 20px;
    }

#spacing--warning {
    border: 2px solid red;
    border-radius: 5px;
}

    #spacing--warning p {
        padding: 20px;
    }

/*Color & Border Helpers*/
.black--bg {
    background-color: #000;
}

    .black--bg.block--adjacent {
        background-color: transparent;
    }

    .black--bg .overlay__content {
        background-color: #000;
    }

    .black--bg .wysiwyg {
        background-color: #000;
    }

    .black--bg .layout__page > .width--layout {
        background: #000;
    }

.black--text {
    color: #000;
}

.border__black {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}

.blue--bg {
    background-color: #0000ff;
}

    .blue--bg.block--adjacent {
        background-color: transparent;
    }

    .blue--bg .overlay__content {
        background-color: #0000ff;
    }

    .blue--bg .wysiwyg {
        background-color: #0000ff;
    }

    .blue--bg .layout__page > .width--layout {
        background: #0000ff;
    }

.blue--text {
    color: #0000ff;
}

.border__blue {
    border-color: #0000ff;
    border-style: solid;
    border-width: 1px;
}

.grey--bg {
    background-color: #888;
}

    .grey--bg.block--adjacent {
        background-color: transparent;
    }

    .grey--bg .overlay__content {
        background-color: #888;
    }

    .grey--bg .wysiwyg {
        background-color: #888;
    }

    .grey--bg .layout__page > .width--layout {
        background: #888;
    }

.grey--text {
    color: #888;
}

.border__grey {
    border-color: #888;
    border-style: solid;
    border-width: 1px;
}

.red--bg {
    background-color: #ff0000;
}

    .red--bg.block--adjacent {
        background-color: transparent;
    }

    .red--bg .overlay__content {
        background-color: #ff0000;
    }

    .red--bg .wysiwyg {
        background-color: #ff0000;
    }

    .red--bg .layout__page > .width--layout {
        background: #ff0000;
    }

.red--text {
    color: #ff0000;
}

.border__red {
    border-color: #ff0000;
    border-style: solid;
    border-width: 1px;
}

.white--bg {
    background-color: #fff;
}

    .white--bg.block--adjacent {
        background-color: transparent;
    }

    .white--bg .overlay__content {
        background-color: #fff;
    }

    .white--bg .wysiwyg {
        background-color: #fff;
    }

    .white--bg .layout__page > .width--layout {
        background: #fff;
    }

.white--text {
    color: #fff;
}

.border__white {
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
}

.cms_guide .black--bg {
    color: #fff;
}

div.double-border:not(.block), p.double-border, ol.double-border, ul.double-border, .overlay > .double-border > .overlay__content > .wysiwyg, .block--slider.hero-slider .slide.double-border > .slide__content > .wysiwyg,
.block.block--adjacent.double-border > .adjacent > .adjacent__content {
    position: relative;
    text-align: center;
    border: 1px solid #56565A;
    padding: 32px;
}

    div.double-border:not(.block):before, p.double-border:before, ol.double-border:before, ul.double-border:before, .overlay > .double-border > .overlay__content > .wysiwyg:before, .block--slider.hero-slider .slide.double-border > .slide__content > .wysiwyg:before,
    .block.block--adjacent.double-border > .adjacent > .adjacent__content:before {
        content: '';
        position: absolute;
        top: 11px;
        right: 11px;
        bottom: 11px;
        left: 11px;
        border: 1px solid #458BCA;
    }

    div.double-border:not(.block) > *, p.double-border > *, ol.double-border > *, ul.double-border > *, .overlay > .double-border > .overlay__content > .wysiwyg > *, .block--slider.hero-slider .slide.double-border > .slide__content > .wysiwyg > *,
    .block.block--adjacent.double-border > .adjacent > .adjacent__content > * {
        position: relative;
    }

.block.double-border:not(.block--adjacent) {
    position: relative;
    text-align: center;
    padding: 22px;
}

    .block.double-border:not(.block--adjacent):before {
        content: '';
        position: absolute;
        top: 21px;
        right: 21px;
        bottom: 21px;
        left: 21px;
        border: 1px solid #458BCA;
    }

    .block.double-border:not(.block--adjacent):after {
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        border: 1px solid #56565A;
    }

    .block.double-border:not(.block--adjacent) > * {
        position: relative;
        z-index: 1;
    }

.block.double-border.block--standard > .wysiwyg {
    padding: 20px;
}

.M-flexbox .block.block--adjacent.double-border > .adjacent {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexbox .block.block--adjacent.double-border > .adjacent > .adjacent__image {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .M-flexbox .block.block--adjacent.double-border > .adjacent > .adjacent__image > img {
            visibility: hidden;
        }

    .M-flexbox .block.block--adjacent.double-border > .adjacent > .adjacent__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .M-flexbox .block.block--adjacent.double-border > .adjacent > .adjacent__content > .wysiwyg {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }

.block.block--overlay > .overlay > .double-border {
    position: static;
    text-align: inherit;
    border: none;
    padding: 0;
}

    .block.block--overlay > .overlay > .double-border:before {
        content: none;
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        border: none;
    }

    .block.block--overlay > .overlay > .double-border > * {
        position: static;
    }

    .block.block--overlay > .overlay > .double-border .overlay__content > .wysiwyg {
        position: relative;
        text-align: center;
        border: 1px solid #56565A;
        padding: 32px;
        background-color: #fff;
    }

        .block.block--overlay > .overlay > .double-border .overlay__content > .wysiwyg:before {
            content: '';
            position: absolute;
            top: 11px;
            right: 11px;
            bottom: 11px;
            left: 11px;
            border: 1px solid #458BCA;
        }

        .block.block--overlay > .overlay > .double-border .overlay__content > .wysiwyg > * {
            position: relative;
        }

.block.block--overlay > .overlay.overlay--hasStaticImage > .overlay__hover.double-border,
.block.block--overlay > .overlay.overlay--hasStaticImage > .overlay__static.double-border > .overlay__content,
.block.block--overlay > .overlay.overlay--hasHoverImage > .overlay__hover.double-border > .overlay__content {
    position: absolute;
}

.block--slider.hero-slider .slide.double-border > .slide__content > .wysiwyg {
    position: absolute;
    background-color: #fff;
}

.sansSerif {
    font-family: "Avenir Next", sans-serif;
}

.serif {
    font-family: Verdana;
}

.layout.no-heading .layout__main > h1,
.layout.no-heading .layout__main > * > h1 {
    display: none;
}

.layout.no-max-width .layout__top > .width--layout,
.layout.no-max-width .layout__bottom > .width--layout,
.layout.no-max-width .layout__page > .width--layout {
    width: auto;
    max-width: none;
}

.layout.no-heading.no-max-width .layout__main > h1 + .contentArea > .block--slider.hero-slider:first-child > .flexslider {
    margin-top: -1.5em;
    margin-left: -10px;
    margin-right: -10px;
}

@media print, screen and (min-width: 30em) {
    .layout.no-heading.no-max-width .layout__main > h1 + .contentArea > .block--slider.hero-slider:first-child > .flexslider {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media print, screen and (min-width: 45em) {
    .layout.no-heading.no-max-width .layout__main > h1 + .contentArea > .block--slider.hero-slider:first-child > .flexslider {
        margin-left: -30px;
        margin-right: -30px;
    }
}

/* Adjacent component */
.adjacent__image {
    display: block;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

    .adjacent__image > img {
        display: block;
    }

@media print, screen and (min-width: 45em) {
    .adjacent:after {
        content: '';
        display: block;
        clear: both;
    }

    .adjacent__image {
        max-width: calc(50% - 10px);
        margin-bottom: 0;
    }

    .adjacent--left .adjacent__image {
        float: left;
        margin-right: 20px;
    }

    .adjacent--right .adjacent__image {
        float: right;
        margin-left: 20px;
    }

    .adjacent__content {
        overflow: hidden;
        padding: 0 4em;
    }

    .M-flexbox .adjacent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .M-flexbox .adjacent:after {
            content: none;
        }

    .M-flexbox .adjacent__image,
    .M-flexbox .adjacent__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .M-flexbox .adjacent__image {
        float: none;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .M-flexbox .adjacent__content {
        overflow: visible;
        padding: 0 4em;
    }

    .M-flexbox .adjacent.adjacent--left .adjacent__image {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .M-flexbox .adjacent.adjacent--right .adjacent__image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent,
.M-flexwrap .block--align-stretch.block--adjacent > .adjacent {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__image,
    .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__content,
    .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__image,
    .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
    }

    .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__image,
    .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__image {
        float: none;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__image > img,
        .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__image > img {
            visibility: hidden;
        }

    .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__content,
    .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__content {
        overflow: visible;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .M-flexwrap .grid--align-stretch > .block--adjacent > .adjacent > .adjacent__content > .wysiwyg,
        .M-flexwrap .block--align-stretch.block--adjacent > .adjacent > .adjacent__content > .wysiwyg {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        }

/* Canvas menu */
.canvasMenu {
    background-color: #fff;
    border-right: 1px solid #ddd;
    position: fixed;
    top: 3.5em;
    bottom: 0;
    right: 100%;
    overflow: auto;
    width: 80%;
    max-width: 20em;
    padding-top: 2.25em;
    z-index: 501;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

    .canvasMenu .nav__item__arrow {
        display: none;
    }

    .canvasMenu.canvasMenu--open {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

        .canvasMenu.canvasMenu--open .nav__item__arrow {
            display: block;
        }

        .canvasMenu.canvasMenu--open .dropdown--expanded .dropdown {
            position: relative;
            visibility: visible;
            border: none;
        }

    .canvasMenu .nav__item__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .canvasMenu .arrow__icon {
        position: relative;
        display: block;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .canvasMenu .nav__item__arrow--rotate .arrow__icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.canvasMenu__toggleButton.canvasMenu--open {
    color: #5cabdd;
}

.M-flexbox .canvasMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .M-flexbox .canvasMenu > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.M-flexbox .canvasMenu__1st-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.M-flexbox .canvasMenu__2nd-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.M-flexbox .canvasMenu__3rd-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.M-flexbox .canvasMenu__4th-child {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.M-flexbox .canvasMenu__5th-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

@media screen and (min-width: 60em) {
    /* Canvas menu reset */
    .canvasMenu {
        background-color: transparent;
        border: none;
        z-index: auto;
    }

        .canvasMenu,
        .canvasMenu.canvasMenu--open {
            position: static;
            top: auto;
            bottom: auto;
            right: auto;
            overflow: visible;
            width: auto;
            max-width: none;
            padding-top: 0;
            -webkit-transform: none;
            transform: none;
            -webkit-transition: none;
            transition: none;
        }

    .M-flexbox .canvasMenu {
        display: block;
    }

        .M-flexbox .canvasMenu > * {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
        }

    .M-flexbox .canvasMenu__1st-child,
    .M-flexbox .canvasMenu__2nd-child,
    .M-flexbox .canvasMenu__3rd-child,
    .M-flexbox .canvasMenu__4th-child,
    .M-flexbox .canvasMenu__5th-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

/* Regular input group */
.inputGroup input,
.inputGroup select,
.inputGroup textarea,
.inputGroup button,
.inputGroup label {
    width: auto;
    display: inline-block;
}

    .inputGroup input[type="button"],
    .inputGroup input[type="reset"],
    .inputGroup input[type="submit"],
    .inputGroup button,
    .inputGroup .button {
        margin-top: 0;
        margin-bottom: 0;
    }

/* Compact input groups */
.inputGroup.inputGroup--compact {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    font-size: 0;
    white-space: nowrap;
    margin-bottom: 15px;
}

    .inputGroup.inputGroup--compact:after {
        content: '';
        display: block;
        clear: both;
    }

    .inputGroup.inputGroup--compact input,
    .inputGroup.inputGroup--compact select,
    .inputGroup.inputGroup--compact button,
    .inputGroup.inputGroup--compact .button,
    .inputGroup.inputGroup--compact label,
    .inputGroup.inputGroup--compact span,
    .inputGroup.inputGroup--compact div {
        display: inline-block;
        font-size: 14px;
        font-size: 1rem;
    }

    .inputGroup.inputGroup--compact input,
    .inputGroup.inputGroup--compact select,
    .inputGroup.inputGroup--compact button,
    .inputGroup.inputGroup--compact .button {
        width: auto;
        margin: 0 0 0 -1px;
    }

        .inputGroup.inputGroup--compact input:focus:not(:disabled):not(.input--disabled), .inputGroup.inputGroup--compact input:hover:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact select:focus:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact select:hover:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact button:focus:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact button:hover:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact .button:focus:not(:disabled):not(.input--disabled),
        .inputGroup.inputGroup--compact .button:hover:not(:disabled):not(.input--disabled) {
            position: relative;
            z-index: 1;
        }

    .inputGroup.inputGroup--compact label {
        line-height: 2.5em;
        padding: 0 .4em;
    }

    .inputGroup.inputGroup--compact :first-child,
    .inputGroup.inputGroup--compact .inputGroup--first {
        margin-left: 0;
    }

    .inputGroup.inputGroup--compact input,
    .inputGroup.inputGroup--compact select {
        border-radius: 0;
    }

        .inputGroup.inputGroup--compact input:first-child, .inputGroup.inputGroup--compact input.inputGroup--first,
        .inputGroup.inputGroup--compact select:first-child,
        .inputGroup.inputGroup--compact select.inputGroup--first {
            border-radius: 0px 0 0 0px;
        }

        .inputGroup.inputGroup--compact input:last-child, .inputGroup.inputGroup--compact input.inputGroup--last,
        .inputGroup.inputGroup--compact select:last-child,
        .inputGroup.inputGroup--compact select.inputGroup--last {
            border-radius: 0 0px 0px 0;
        }

        .inputGroup.inputGroup--compact input:only-child, .inputGroup.inputGroup--compact input.inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact select:only-child,
        .inputGroup.inputGroup--compact select.inputGroup--first.inputGroup--last {
            border-radius: 0px;
        }

        .inputGroup.inputGroup--compact input[type="button"],
        .inputGroup.inputGroup--compact input[type="reset"],
        .inputGroup.inputGroup--compact input[type="submit"],
        .inputGroup.inputGroup--compact button,
        .inputGroup.inputGroup--compact .button {
            border-radius: 0;
        }

            .inputGroup.inputGroup--compact input[type="button"]:first-child, .inputGroup.inputGroup--compact input[type="button"].inputGroup--first,
            .inputGroup.inputGroup--compact input[type="reset"]:first-child,
            .inputGroup.inputGroup--compact input[type="reset"].inputGroup--first,
            .inputGroup.inputGroup--compact input[type="submit"]:first-child,
            .inputGroup.inputGroup--compact input[type="submit"].inputGroup--first,
            .inputGroup.inputGroup--compact button:first-child,
            .inputGroup.inputGroup--compact button.inputGroup--first,
            .inputGroup.inputGroup--compact .button:first-child,
            .inputGroup.inputGroup--compact .button.inputGroup--first {
                border-radius: 22.5px 0 0 22.5px;
            }

            .inputGroup.inputGroup--compact input[type="button"]:last-child, .inputGroup.inputGroup--compact input[type="button"].inputGroup--last,
            .inputGroup.inputGroup--compact input[type="reset"]:last-child,
            .inputGroup.inputGroup--compact input[type="reset"].inputGroup--last,
            .inputGroup.inputGroup--compact input[type="submit"]:last-child,
            .inputGroup.inputGroup--compact input[type="submit"].inputGroup--last,
            .inputGroup.inputGroup--compact button:last-child,
            .inputGroup.inputGroup--compact button.inputGroup--last,
            .inputGroup.inputGroup--compact .button:last-child,
            .inputGroup.inputGroup--compact .button.inputGroup--last {
                border-radius: 0 22.5px 22.5px 0;
            }

            .inputGroup.inputGroup--compact input[type="button"]:only-child, .inputGroup.inputGroup--compact input[type="button"].inputGroup--first.inputGroup--last,
            .inputGroup.inputGroup--compact input[type="reset"]:only-child,
            .inputGroup.inputGroup--compact input[type="reset"].inputGroup--first.inputGroup--last,
            .inputGroup.inputGroup--compact input[type="submit"]:only-child,
            .inputGroup.inputGroup--compact input[type="submit"].inputGroup--first.inputGroup--last,
            .inputGroup.inputGroup--compact button:only-child,
            .inputGroup.inputGroup--compact button.inputGroup--first.inputGroup--last,
            .inputGroup.inputGroup--compact .button:only-child,
            .inputGroup.inputGroup--compact .button.inputGroup--first.inputGroup--last {
                border-radius: 0px;
            }

    .inputGroup.inputGroup--compact .inputGroup__remainder {
        display: block;
        overflow: hidden;
    }

    .inputGroup.inputGroup--compact.inputGroup--vertical {
        font-size: inherit;
        white-space: normal;
    }

        .inputGroup.inputGroup--compact.inputGroup--vertical input,
        .inputGroup.inputGroup--compact.inputGroup--vertical select,
        .inputGroup.inputGroup--compact.inputGroup--vertical button,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button,
        .inputGroup.inputGroup--compact.inputGroup--vertical label,
        .inputGroup.inputGroup--compact.inputGroup--vertical span,
        .inputGroup.inputGroup--compact.inputGroup--vertical div {
            display: block;
            margin: -1px 0 0;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical :first-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical .inputGroup--first {
            margin-top: 0;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input:first-child, .inputGroup.inputGroup--compact.inputGroup--vertical input.inputGroup--first, .inputGroup.inputGroup--compact.inputGroup--vertical select:first-child, .inputGroup.inputGroup--compact.inputGroup--vertical select.inputGroup--first {
            border-radius: 0;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input:last-child, .inputGroup.inputGroup--compact.inputGroup--vertical input.inputGroup--last, .inputGroup.inputGroup--compact.inputGroup--vertical select:last-child, .inputGroup.inputGroup--compact.inputGroup--vertical select.inputGroup--last {
            border-radius: 0 0 0px 0px;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input:only-child, .inputGroup.inputGroup--compact.inputGroup--vertical input.inputGroup--first.inputGroup--last, .inputGroup.inputGroup--compact.inputGroup--vertical select:only-child, .inputGroup.inputGroup--compact.inputGroup--vertical select.inputGroup--first.inputGroup--last {
            border-radius: 0px;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"]:first-child, .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"].inputGroup--first,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"]:first-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"].inputGroup--first,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"]:first-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"].inputGroup--first,
        .inputGroup.inputGroup--compact.inputGroup--vertical button:first-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical button.inputGroup--first,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button:first-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button.inputGroup--first {
            border-radius: 0;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"]:last-child, .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"].inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"]:last-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"].inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"]:last-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"].inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical button:last-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical button.inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button:last-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button.inputGroup--last {
            border-radius: 0 0 22.5px 22.5px;
        }

        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"]:only-child, .inputGroup.inputGroup--compact.inputGroup--vertical input[type="button"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"]:only-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="reset"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"]:only-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical input[type="submit"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical button:only-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical button.inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button:only-child,
        .inputGroup.inputGroup--compact.inputGroup--vertical .button.inputGroup--first.inputGroup--last {
            border-radius: 0px;
        }

    .inputGroup.inputGroup--compact .dropdown {
        top: 100%;
        left: 0;
        right: 0;
        margin-top: -1px;
        margin-left: 0;
        border: none;
        z-index: auto;
    }

        .inputGroup.inputGroup--compact .dropdown[aria-expanded="true"] {
            z-index: 2;
        }

        .inputGroup.inputGroup--compact .dropdown input,
        .inputGroup.inputGroup--compact .dropdown select,
        .inputGroup.inputGroup--compact .dropdown button,
        .inputGroup.inputGroup--compact .dropdown .button,
        .inputGroup.inputGroup--compact .dropdown label,
        .inputGroup.inputGroup--compact .dropdown span,
        .inputGroup.inputGroup--compact .dropdown div {
            display: block;
            margin: -1px 0 0;
            min-width: 100%;
        }

        .inputGroup.inputGroup--compact .dropdown :first-child,
        .inputGroup.inputGroup--compact .dropdown .inputGroup--first {
            margin-top: 0;
        }

        .inputGroup.inputGroup--compact .dropdown input:first-child, .inputGroup.inputGroup--compact .dropdown input.inputGroup--first,
        .inputGroup.inputGroup--compact .dropdown select:first-child,
        .inputGroup.inputGroup--compact .dropdown select.inputGroup--first {
            border-radius: 0;
        }

        .inputGroup.inputGroup--compact .dropdown input:last-child, .inputGroup.inputGroup--compact .dropdown input.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown select:last-child,
        .inputGroup.inputGroup--compact .dropdown select.inputGroup--last {
            border-radius: 0 0 0px 0px;
        }

        .inputGroup.inputGroup--compact .dropdown input:only-child, .inputGroup.inputGroup--compact .dropdown input.inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown select:only-child,
        .inputGroup.inputGroup--compact .dropdown select.inputGroup--first.inputGroup--last {
            border-radius: 0px;
        }

        .inputGroup.inputGroup--compact .dropdown input[type="button"]:first-child, .inputGroup.inputGroup--compact .dropdown input[type="button"].inputGroup--first,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"]:first-child,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"].inputGroup--first,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"]:first-child,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"].inputGroup--first,
        .inputGroup.inputGroup--compact .dropdown button:first-child,
        .inputGroup.inputGroup--compact .dropdown button.inputGroup--first,
        .inputGroup.inputGroup--compact .dropdown .button:first-child,
        .inputGroup.inputGroup--compact .dropdown .button.inputGroup--first {
            border-radius: 0;
        }

        .inputGroup.inputGroup--compact .dropdown input[type="button"]:last-child, .inputGroup.inputGroup--compact .dropdown input[type="button"].inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"]:last-child,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"].inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"]:last-child,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"].inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown button:last-child,
        .inputGroup.inputGroup--compact .dropdown button.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown .button:last-child,
        .inputGroup.inputGroup--compact .dropdown .button.inputGroup--last {
            border-radius: 0 0 22.5px 22.5px;
        }

        .inputGroup.inputGroup--compact .dropdown input[type="button"]:only-child, .inputGroup.inputGroup--compact .dropdown input[type="button"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"]:only-child,
        .inputGroup.inputGroup--compact .dropdown input[type="reset"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"]:only-child,
        .inputGroup.inputGroup--compact .dropdown input[type="submit"].inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown button:only-child,
        .inputGroup.inputGroup--compact .dropdown button.inputGroup--first.inputGroup--last,
        .inputGroup.inputGroup--compact .dropdown .button:only-child,
        .inputGroup.inputGroup--compact .dropdown .button.inputGroup--first.inputGroup--last {
            border-radius: 0px;
        }

    .inputGroup.inputGroup--compact.inputGroup--activeDropdown {
        z-index: 1;
    }

@-webkit-keyframes skewLeftUp {
    from {
        -webkit-transform: skew(-20deg) translateY(100px);
        transform: skew(-20deg) translateY(100px);
    }

    to {
        -webkit-transform: skew(0) translateY(0);
        transform: skew(0) translateY(0);
    }
}

@keyframes skewLeftUp {
    from {
        -webkit-transform: skew(-20deg) translateY(100px);
        transform: skew(-20deg) translateY(100px);
    }

    to {
        -webkit-transform: skew(0) translateY(0);
        transform: skew(0) translateY(0);
    }
}

@-webkit-keyframes backgroundFillRight {
    from {
        width: 100px;
    }

    to {
        width: 100%;
    }
}

@keyframes backgroundFillRight {
    from {
        width: 100px;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes skewHover {
    to {
        -webkit-transform: rotateX(40deg);
        transform: rotateX(40deg);
    }
}

@keyframes skewHover {
    to {
        -webkit-transform: rotateX(40deg);
        transform: rotateX(40deg);
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Navigation */
.global-footer {
    background-color: #fff;
    border-top: none;
}

.global-footer__wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

@media all and (min-width: 60em) {
    .global-footer__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.global-footer__nav {
    display: none;
}

@media screen and (min-width: 550px) {
    .global-footer__nav {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
        display: block;
    }
}

.global-footer__nav-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

@media all and (min-width: 45em) {
    .global-footer__nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.global-footer__nav-list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    border-top: 2px solid #ACACAE;
}

.global-footer__nav-list-link {
    text-decoration: none;
    padding: 1em 0;
    display: block;
    color: #56565A;
    font-weight: bold;
    text-transform: lowercase;
}

.global-footer__subnav-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.global-footer__subnav-list-link {
    text-decoration: none;
    padding: 0.75em 0 0;
    display: block;
    color: #ACACAE;
    -webkit-transition: color .25s;
    transition: color .25s;
}

    .global-footer__subnav-list-link:hover {
        color: #56565A;
    }

.global-footer__branding {
    margin: 2em 0;
}

@media all and (min-width: 60em) {
    .global-footer__branding {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 23%;
        flex: 0 1 23%;
        margin: 0;
    }
}

.global-footer__brand-logo {
    -webkit-transform: translateX(-0.45em);
    transform: translateX(-0.45em);
    margin-top: -.45em;
    margin-bottom: -.45em;
}

.global-footer__brand-tagline {
    color: #458BCA;
    font-weight: bold;
    font-size: 14px;
    max-width: 260px;
}

.global-footer__address {
    color: #458BCA;
    font-size: 12px;
    margin: 27px auto;
}

.global-footer__social {
    max-width: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.global-footer__social-item {
    text-decoration: none;
    opacity: .25;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    font-size: 10px;
    width: calc(25% - 1em);
    margin-right: 1em;
    margin-bottom: .5em;
}

    .global-footer__social-item:hover {
        opacity: 1;
    }

    .global-footer__social-item .fa-stack-1x {
        background-color: #56565A;
        border-radius: 0px;
        color: white;
    }

.global-footer__copyright {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 1em 0;
    font-size: 11px;
}

/* Initial input styles */
input,
textarea,
select,
button,
.button {
    font-size: 1em;
    height: 2.85em;
    padding: 0 .5em;
    outline: none;
    border: solid 1px #D5D5D6;
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    background-color: #fff;
    letter-spacing: .75px;
}

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    select::-webkit-input-placeholder,
    button::-webkit-input-placeholder,
    .button::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder,
    select:-moz-placeholder,
    button:-moz-placeholder,
    .button:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder,
    select::-moz-placeholder,
    button::-moz-placeholder,
    .button::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    select:-ms-input-placeholder,
    button:-ms-input-placeholder,
    .button:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.button {
    cursor: pointer !important;
}

.button--blank, .button--blank:hover {
    border-color: transparent !important;
    background-color: transparent !important;
}

.button--wide {
    width: 100% !important;
}

.button--disabled {
    background-color: #eee !important;
    border-color: #ccc !important;
    color: #bbb !important;
}

textarea {
    height: auto;
    padding-top: 0.79107em;
    padding-bottom: 0.79107em;
}

select,
input[type="number"] {
    padding-right: 0;
}

.no-incriment {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

select {
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    background-color: #fff;
    border: solid 1.25px #458BCA;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .15s;
    transition: .15s;
}

    input[type="checkbox"]:checked,
    input[type="radio"][checked="checked"],
    input[type="radio"]:checked {
        background-color: #458BCA;
    }

/* custom checkbox for IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    label {
        position: relative;
    }

        label input[type="checkbox"] {
        }

            label input[type="checkbox"][checked="checked"] + span:before,
            label input[type="checkbox"]:checked + span:before,
            label input[type="checkbox"][checked="checked"] ~ span:before,
            label input[type="checkbox"]:checked ~ span:before {
                background-color: #458BCA;
            }

        label span:before {
            position: absolute;
            content: "";
            display: inline-block;
            height: 25px;
            width: 25px;
            border: 1px solid #458BCA;
            background-color: #fff;
            border-radius: 50%;
            left: 0;
            top: 0;
        }

    .blue-flood label span:before {
        border: 1px solid #fff;
    }
}

input[type="range"],
input[type="color"] {
    padding: 0;
    border: none;
}

input[type="color"] {
    border: none;
    height: 2em;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"] {
    padding-top: 0.79107em;
    padding-bottom: 0.79107em;
}

input[type="email"], input[type="number"], input[type="text"], input[type="textarea"], textarea, select, input[type="select"] {
    border-radius: 0px;
}

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

input:invalid,
textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #5cabdd;
}

input:focus,
textarea:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    outline-color: #56565A;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

select:hover {
    border-color: #c4c4c4;
}

textarea {
    min-height: 8em;
}

select:disabled,
select[aria-disabled=true],
.button:disabled,
.button[aria-disabled=true] {
    cursor: default;
}

/* Buttons */
input[type=button], input[type=reset], input[type=submit], button, .button {
    display: inline-block;
    position: relative;
    z-index: 1;
    height: auto;
    min-height: 2.85em;
    width: auto;
    line-height: 1.125;
    padding-top: 16px;
    padding-bottom: 15px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 2px 30px 15px 0;
    padding-left: 2em;
    padding-right: 2em;
    -webkit-appearance: none;
    border-radius: 22.5px;
    font-size: 10px;
    background-color: transparent;
    border-color: #458BCA;
    color: #458BCA;
    letter-spacing: 1.6px;
    -webkit-transition: .15s;
    transition: .15s;
  
}

    input[type=button].margin--none, input[type=reset].margin--none, input[type=submit].margin--none, button.margin--none, .button.margin--none {
        margin-top: 0;
        margin-bottom: 0;
    }

    input[type=button].button--secondary, input[type=reset].button--secondary, input[type=submit].button--secondary, button.button--secondary, .button.button--secondary {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        border-radius: 0;
        cursor: pointer;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        line-height: 1.5;
    }

        input[type=button].button--secondary:before, input[type=reset].button--secondary:before, input[type=submit].button--secondary:before, button.button--secondary:before, .button.button--secondary:before {
            content: none;
        }

        input[type=button].button--secondary:not(.button--collapsed) .button__icon, input[type=reset].button--secondary:not(.button--collapsed) .button__icon, input[type=submit].button--secondary:not(.button--collapsed) .button__icon, button.button--secondary:not(.button--collapsed) .button__icon, .button.button--secondary:not(.button--collapsed) .button__icon {
            margin-left: auto;
        }

@media screen and (min-width: 73.75em) {
    input[type=button].button--secondary:not([disabled]):hover, input[type=reset].button--secondary:not([disabled]):hover, input[type=submit].button--secondary:not([disabled]):hover, button.button--secondary:not([disabled]):hover, .button.button--secondary:not([disabled]):hover {
        background-color: transparent;
        color: #A2C5E4;
        text-decoration: none;
    }
}

input[type=button].button--solid, input[type=reset].button--solid, input[type=submit].button--solid, button.button--solid, .button.button--solid {
    border: none;
    background-color: #458BCA;
    color: #fff;
    -webkit-transition: .15s;
    transition: .15s;
}

@media screen and (min-width: 73.75em) {
    input[type=button].button--solid:not([disabled]):hover, input[type=reset].button--solid:not([disabled]):hover, input[type=submit].button--solid:not([disabled]):hover, button.button--solid:not([disabled]):hover, .button.button--solid:not([disabled]):hover {
        text-decoration: none;
        color: #458BCA;
        background-color: #fff;
    }
}

input[type=button].cta-icon, input[type=reset].cta-icon, input[type=submit].cta-icon, button.cta-icon, .button.cta-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    input[type=button].cta-icon img, input[type=reset].cta-icon img, input[type=submit].cta-icon img, button.cta-icon img, .button.cta-icon img {
        margin-right: 1.5em;
        max-height: 25px;
    }

input[type=button].button--right, input[type=reset].button--right, input[type=submit].button--right, button.button--right, .button.button--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

input[type=button].button--full, input[type=reset].button--full, input[type=submit].button--full, button.button--full, .button.button--full {
    width: 100%;
    margin-right: 0;
}

input[type=button]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover), input[type=reset]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover), input[type=submit]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover), button:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover), .button:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) {
    max-height: 25px;
    margin-top: -1em;
    margin-right: 15px;
    margin-bottom: -.75em;
    margin-left: -1em;
    overflow: visible;
}

    input[type=button]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) path, input[type=reset]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) path, input[type=submit]:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) path, button:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) path, .button:not(.button--collapsed) .button__icon:not(.button__icon--collapsed-hover) path {
        fill: currentColor;
    }

input[type=button].button--collapsed, input[type=reset].button--collapsed, input[type=submit].button--collapsed, button.button--collapsed, .button.button--collapsed {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    width: auto;
}

    input[type=button].button--collapsed .button__text, input[type=reset].button--collapsed .button__text, input[type=submit].button--collapsed .button__text, button.button--collapsed .button__text, .button.button--collapsed .button__text {
        display: block;
        -webkit-transition: max-width .25s, margin .25s;
        transition: max-width .25s, margin .25s;
        margin-right: 1em;
    }

@media screen and (min-width: 1180px) {
    input[type=button].button--collapsed .button__text, input[type=reset].button--collapsed .button__text, input[type=submit].button--collapsed .button__text, button.button--collapsed .button__text, .button.button--collapsed .button__text {
        width: auto;
        height: auto;
        max-height: 0px;
        max-width: 0px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
    }
}

input[type=button].button--collapsed .button__icon path, input[type=reset].button--collapsed .button__icon path, input[type=submit].button--collapsed .button__icon path, button.button--collapsed .button__icon path, .button.button--collapsed .button__icon path {
    stroke: currentColor;
    -webkit-transition: .15s;
    transition: .15s;
}

@media screen and (min-width: 73.75em) {
    input[type=button].button--collapsed:hover .button__text, input[type=reset].button--collapsed:hover .button__text, input[type=submit].button--collapsed:hover .button__text, button.button--collapsed:hover .button__text, .button.button--collapsed:hover .button__text {
        max-height: 100px;
        max-width: 100px;
        margin-right: 1em;
    }
}

input[type=button].button--collapsed-hover, input[type=reset].button--collapsed-hover, input[type=submit].button--collapsed-hover, button.button--collapsed-hover, .button.button--collapsed-hover {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    width: auto;
}

    input[type=button].button--collapsed-hover .button__text, input[type=reset].button--collapsed-hover .button__text, input[type=submit].button--collapsed-hover .button__text, button.button--collapsed-hover .button__text, .button.button--collapsed-hover .button__text {
        display: block;
        -webkit-transition: max-width .25s, margin .25s;
        transition: max-width .25s, margin .25s;
        margin-right: 1em;
        width: auto;
        height: auto;
        margin-right: 1em;
    }

    input[type=button].button--collapsed-hover .button__icon path, input[type=reset].button--collapsed-hover .button__icon path, input[type=submit].button--collapsed-hover .button__icon path, button.button--collapsed-hover .button__icon path, .button.button--collapsed-hover .button__icon path {
        stroke: currentColor;
        -webkit-transition: .15s;
        transition: .15s;
    }

@media screen and (min-width: 73.75em) {
    input[type=button].button--collapsed-hover:hover, input[type=reset].button--collapsed-hover:hover, input[type=submit].button--collapsed-hover:hover, button.button--collapsed-hover:hover, .button.button--collapsed-hover:hover {
        background-color: #fff;
        color: #458BCA;
    }

        input[type=button].button--collapsed-hover:hover .button__text, input[type=reset].button--collapsed-hover:hover .button__text, input[type=submit].button--collapsed-hover:hover .button__text, button.button--collapsed-hover:hover .button__text, .button.button--collapsed-hover:hover .button__text {
            margin-right: 1.75em;
        }
}

input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, button:focus, .button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type=button].button--white, input[type=reset].button--white, input[type=submit].button--white, button.button--white, .button.button--white {
    border-color: #fff;
    color: #fff;
}

@media screen and (min-width: 73.75em) {
    input[type=button].button--white:not([disabled]):hover, input[type=reset].button--white:not([disabled]):hover, input[type=submit].button--white:not([disabled]):hover, button.button--white:not([disabled]):hover, .button.button--white:not([disabled]):hover {
        color: #458BCA;
        background-color: #fff;
    }
}

input[type=button].button--white-inverse, input[type=reset].button--white-inverse, input[type=submit].button--white-inverse, button.button--white-inverse, .button.button--white-inverse {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

@media screen and (min-width: 73.75em) {
    input[type=button].button--white-inverse:not([disabled]):hover, input[type=reset].button--white-inverse:not([disabled]):hover, input[type=submit].button--white-inverse:not([disabled]):hover, button.button--white-inverse:not([disabled]):hover, .button.button--white-inverse:not([disabled]):hover {
        color: #458BCA;
        background-color: #fff;
    }
}

.gray-flood input[type=button], .gray-flood input[type=reset], .gray-flood input[type=submit], .gray-flood button, .gray-flood .button {
    color: #56565A;
}

@media screen and (min-width: 73.75em) {
    input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover, input[type=submit]:not([disabled]):hover, button:not([disabled]):hover, .button:not([disabled]):hover {
        color: #fff;
        text-decoration: none;
        background-color: #458BCA;
    }

        input[type=button]:not([disabled]):hover:before, input[type=reset]:not([disabled]):hover:before, input[type=submit]:not([disabled]):hover:before, button:not([disabled]):hover:before, .button:not([disabled]):hover:before {
            opacity: 1;
        }
}

.wysiwyg input[type=button], .wysiwyg input[type=reset], .wysiwyg input[type=submit], .wysiwyg button, .wysiwyg .button {
    margin-right: 0;
}

@media screen and (min-width: 73.75em) {
    input.button:hover {
        background-color: #458BCA;
    }
}

input[type=button].button--link,
input[type=reset].button--link,
input[type=submit].button--link,
button.button--link,
.button--link {
    display: inline;
    background-color: transparent;
    height: auto;
    padding: 0;
    border: none;
    margin: 0;
    line-height: normal;
    width: auto;
    text-align: inherit;
    min-height: 0;
    max-width: none;
    color: #458BCA;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    input[type=button].button--link:before,
    input[type=reset].button--link:before,
    input[type=submit].button--link:before,
    button.button--link:before,
    .button--link:before {
        content: none;
    }

    input[type=button].button--link:active, input[type=button].button--link:focus, input[type=button].button--link:hover, input[type=button].button--link[aria-expanded=true],
    input[type=reset].button--link:active,
    input[type=reset].button--link:focus,
    input[type=reset].button--link:hover,
    input[type=reset].button--link[aria-expanded=true],
    input[type=submit].button--link:active,
    input[type=submit].button--link:focus,
    input[type=submit].button--link:hover,
    input[type=submit].button--link[aria-expanded=true],
    button.button--link:active,
    button.button--link:focus,
    button.button--link:hover,
    button.button--link[aria-expanded=true],
    .button--link:active,
    .button--link:focus,
    .button--link:hover,
    .button--link[aria-expanded=true] {
        background-color: transparent;
        color: #458BCA;
    }

    input[type=button].button--link:hover,
    input[type=reset].button--link:hover,
    input[type=submit].button--link:hover,
    button.button--link:hover,
    .button--link:hover {
        text-decoration: underline;
    }

.layout--noInputs input,
.layout--noInputs textarea,
.layout--noInputs select,
.layout--noInputs button,
.layout--noInputs .button {
    display: none !important;
}

input:disabled, input[aria-disabled=true],
textarea:disabled,
textarea[aria-disabled=true],
select:disabled,
select[aria-disabled=true],
input[type="button"]:disabled,
input[type="button"][aria-disabled=true],
input[type="reset"]:disabled,
input[type="reset"][aria-disabled=true],
input[type="submit"]:disabled,
input[type="submit"][aria-disabled=true],
button:disabled,
button[aria-disabled=true],
.button:disabled,
.button[aria-disabled=true] {
    background-color: #eee;
    border-color: #ccc;
    color: #bbb;
}

/* Form Helper Styles */
.form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1em;
}

.form__row--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form__row--two {
    width: 100%;
    margin-bottom: 1em;
}

@media screen and (min-width: 600px) {
    .form__row--two {
        width: calc(50% - 1em);
    }

        .form__row--two:nth-of-type(2n+1) {
            margin-right: 2em;
        }
}

.form__label {
    display: inline-block;
}

.form__row--nowrap .form__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.form__select,
.form__input {
    display: block;
    width: 100%;
    border: solid 1px #D5D5D6;
    letter-spacing: .75px;
}

    .form__select::-webkit-input-placeholder,
    .form__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .form__select:-moz-placeholder,
    .form__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .form__select::-moz-placeholder,
    .form__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .form__select:-ms-input-placeholder,
    .form__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.form__select--short,
.form__input--short {
    max-width: 5em;
}

.form__select--flex,
.form__input--flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media print, screen and (min-width: 45em) {
    /* Reset inputs to auto width */
    input,
    select,
    button,
    .button {
        width: auto;
    }
}

.fullwidth-select {
    width: 100%;
}

@keyframes skewLeftUp {
    from {
        -webkit-transform: skew(-20deg) translateY(100px);
        transform: skew(-20deg) translateY(100px);
    }

    to {
        -webkit-transform: skew(0) translateY(0);
        transform: skew(0) translateY(0);
    }
}

@keyframes backgroundFillRight {
    from {
        width: 100px;
    }

    to {
        width: 100%;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes skewHover {
    to {
        -webkit-transform: rotateX(40deg);
        transform: rotateX(40deg);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Primary Navigation */
.primary-nav {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: lowercase;
    width: 100%;
    padding: 28px 2.5rem 1em;
    -webkit-animation: fadeIn .5s forwards;
    animation: fadeIn .5s forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    /*&.sub-open {
        animation: slideOutLeft .5s forwards;
    }*/
}

.layout__nav.open .primary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.primary-nav > ul {
    padding: 0;
    margin: 0;
}

.primary-nav ul {
    list-style: none;
}

@media screen and (min-width: 1180px) {
    .primary-nav {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        max-width: 40%;
        padding: 1em;
        -webkit-animation: none;
        animation: none;
        margin-left: 0;
        margin-right: auto;
        padding-left: 0;
        overflow: visible;
    }

        .primary-nav.sub-open {
            -webkit-animation: none;
            animation: none;
            -webkit-transform: inherit;
            transform: inherit;
        }

        .primary-nav > ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
}

/*.primary-nav {
    margin-left: .5vw;
}*/
.primary-nav__item {
    display: block;
    margin-bottom: 24px;
    pointer-events: auto;
}

    .primary-nav__item > a {
        font-weight: bold;
        font-size: 18px;
        color: #56565A;
        z-index: 100;
        position: relative;
        letter-spacing: .75px;
        padding: 0 .5em;
        text-decoration: none;
    }

@media screen and (min-width: 1180px) {
    .primary-nav__item > a {
        font-size: 14px;
        margin-right: .5vw;
    }
}

.primary-nav__item:hover > a {
    color: #458BCA;
    text-decoration: none;
    -webkit-transition: .25s;
    transition: .25s;
}

@media screen and (min-width: 1180px) {
    .primary-nav__item {
        display: inline-block;
        margin-bottom: 0;
        white-space: nowrap;
    }

        .primary-nav__item > .arrow-icon {
            display: none;
        }
}

.nav__link--drop {
    cursor: pointer;
}

    .nav__link--drop:hover {
        color: #458BCA;
        -webkit-transition: .25s;
        transition: .25s;
    }

.primary-nav__link--drop {
    pointer-events: none;
}

@media screen and (min-width: 1180px) {
    .primary-nav__link--drop {
        pointer-events: visible;
    }
}

.subnav__prev,
.primary-nav__prev {
    color: #458BCA;
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    padding: .25em 0;
    pointer-events: visible;
}

@media screen and (min-width: 1180px) {
    .subnav__prev,
    .primary-nav__prev {
        display: none;
    }
}

.subnav__prev svg,
.primary-nav__prev svg {
    margin-right: 1em;
}

.subnav-wrapper {
    display: block;
    pointer-events: none;
    -webkit-transition: opacity .25s .5s, -webkit-transform .25s .5s;
    transition: opacity .25s .5s, -webkit-transform .25s .5s;
    transition: opacity .25s .5s, transform .25s .5s;
    transition: opacity .25s .5s, transform .25s .5s, -webkit-transform .25s .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 3em;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 101;
    white-space: normal;
}

    .subnav-wrapper.sub-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

@media screen and (min-width: 1180px) {
    .subnav-wrapper {
        display: none;
        top: 23.6px;
        top: auto;
        width: 100vw;
        height: 100vh;
        min-height: 680px;
        padding: 35px 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 0;
    }

        .subnav-wrapper:before {
            /*  Calculate Gray BG Formula
            *   Values:
            *   View Width: VW = 100%
            *   Content Width: CW = 100% - 8em || 1180px (min to max width)
            *   Content Margin: CM = (VW - CW)/2
            *   Content Right Width: CRW = CW * .65
            *   Content Background: CBG = CRW + R
            */
            width: calc( ((100% - 8em) * .65) + (100% - (100% - 8em))/2);
            content: '';
            display: block;
            position: absolute;
            top: 35px;
            right: 0;
            background: #f2f2f2;
            height: calc(100% - 35px);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: -webkit-transform .25s;
            transition: -webkit-transform .25s;
            transition: transform .25s;
            transition: transform .25s, -webkit-transform .25s;
        }

            .subnav-wrapper:before.subnav-wrapper--icon-view,
            .primary-nav__item.open:hover .subnav-wrapper:before {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

    .primary-nav__item:hover .subnav-wrapper {
        display: block;
        pointer-events: visible;
        -webkit-animation: fadeIn .25s forwards;
        animation: fadeIn .25s forwards;
        -webkit-transition: opacity .25s .5s, -webkit-transform .25s .5s;
        transition: opacity .25s .5s, -webkit-transform .25s .5s;
        transition: opacity .25s .5s, transform .25s .5s;
        transition: opacity .25s .5s, transform .25s .5s, -webkit-transform .25s .5s;
    }

        .primary-nav__item:hover .subnav-wrapper.open {
            display: block;
            pointer-events: visible;
            -webkit-animation-play-state: running;
            animation-play-state: running;
        }

    .subnav-wrapper.subnav-wrapper--icon-view:before, .subnav-wrapper.open:before {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media screen and (min-width: 1300px) {
    .subnav-wrapper:before {
        /*  Calculate Gray BG Formula
            *   Values:
            *   View Width: VW = 100%
            *   Content Width: CW = 100% - 8em || 1180px (min to max width)
            *   Content Margin: CM = (VW - CW)/2
            *   Content Right Width: CRW = CW * .65
            *   Content Background: CBG = CRW + R
            */
        width: calc(767px + (100% - 1180px)/2);
    }
}

.subnav-wrapper__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

@media screen and (min-width: 1180px) {
    .subnav-wrapper__content {
        max-width: 1180px;
        width: calc(100% - 8em);
        min-height: 680px;
    }
}

.subnav-wrapper__content--icon-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

@media screen and (min-width: 1180px) {
    .subnav-wrapper__content--icon-view {
        width: calc(100% - 8em);
        max-width: 1180px;
    }
}

.primary-nav__subnav {
    /*grid-column: 3 / span 1;
    grid-row: 2;*/
    padding: 20px 0 0 1em;
    -webkit-transition: .25s;
    transition: .25s;
    width: 100%;
}

@media screen and (min-width: 1180px) {
    .primary-nav__subnav {
        width: auto;
        padding: 70px 0 0 0;
    }

    .primary-nav__item:hover .subnav-wrapper.open .primary-nav__subnav,
    .subnav-wrapper.open .primary-nav__subnav {
        width: 35%;
        margin-left: 0%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .primary-nav__item:hover .primary-nav__subnav {
        /*width: 35%;*/
        /*grid-column: 2 / span 1;*/
        /*padding: 100px 0 0 0;*/
        /*margin-right: 5vw;*/
        /*justify-self: self-end;*/
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 50%;
    }

        .primary-nav__item:hover .primary-nav__subnav li {
            -webkit-animation: 0.25s fadeIn cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
            animation: 0.25s fadeIn cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
        }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(1) {
                -webkit-animation-delay: 100ms;
                animation-delay: 100ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(2) {
                -webkit-animation-delay: 200ms;
                animation-delay: 200ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(3) {
                -webkit-animation-delay: 300ms;
                animation-delay: 300ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(4) {
                -webkit-animation-delay: 400ms;
                animation-delay: 400ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(5) {
                -webkit-animation-delay: 500ms;
                animation-delay: 500ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(6) {
                -webkit-animation-delay: 600ms;
                animation-delay: 600ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(7) {
                -webkit-animation-delay: 700ms;
                animation-delay: 700ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(8) {
                -webkit-animation-delay: 800ms;
                animation-delay: 800ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(9) {
                -webkit-animation-delay: 900ms;
                animation-delay: 900ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(10) {
                -webkit-animation-delay: 1000ms;
                animation-delay: 1000ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(11) {
                -webkit-animation-delay: 1100ms;
                animation-delay: 1100ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(12) {
                -webkit-animation-delay: 1200ms;
                animation-delay: 1200ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(13) {
                -webkit-animation-delay: 1300ms;
                animation-delay: 1300ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(14) {
                -webkit-animation-delay: 1400ms;
                animation-delay: 1400ms;
            }

            .primary-nav__item:hover .primary-nav__subnav li:nth-child(15) {
                -webkit-animation-delay: 1500ms;
                animation-delay: 1500ms;
            }
}

.primary-nav__subnav--icon-view {
    padding: 20px 0 0 1em;
    -webkit-transition: .25s;
    transition: .25s;
    width: 100%;
}

@media screen and (min-width: 1180px) {
    .primary-nav__subnav--icon-view {
        width: auto;
        padding: 100px 0 0 0;
        width: 35%;
        margin-left: 0%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        max-height: 550px;
        overflow-y: auto;
    }

    .primary-nav__item:hover .primary-nav__subnav--icon-view li {
        -webkit-animation: 0.25s fadeIn cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
        animation: 0.25s fadeIn cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
    }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(1) {
            -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(2) {
            -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(3) {
            -webkit-animation-delay: 300ms;
            animation-delay: 300ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(4) {
            -webkit-animation-delay: 400ms;
            animation-delay: 400ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(5) {
            -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(6) {
            -webkit-animation-delay: 600ms;
            animation-delay: 600ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(7) {
            -webkit-animation-delay: 700ms;
            animation-delay: 700ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(8) {
            -webkit-animation-delay: 800ms;
            animation-delay: 800ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(9) {
            -webkit-animation-delay: 900ms;
            animation-delay: 900ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(10) {
            -webkit-animation-delay: 1000ms;
            animation-delay: 1000ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(11) {
            -webkit-animation-delay: 1100ms;
            animation-delay: 1100ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(12) {
            -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(13) {
            -webkit-animation-delay: 1300ms;
            animation-delay: 1300ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(14) {
            -webkit-animation-delay: 1400ms;
            animation-delay: 1400ms;
        }

        .primary-nav__item:hover .primary-nav__subnav--icon-view li:nth-child(15) {
            -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms;
        }
}

.subnav__item, .subnav__item--mobile {
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 1;
    pointer-events: visible;
}

    .subnav__item > a, .subnav__item--mobile > a {
        color: #56565A;
        text-decoration: none;
    }

    .subnav__item.active > a, .active.subnav__item--mobile > a,
    .subnav__item:hover > a,
    .subnav__item--mobile:hover > a {
        color: #458BCA;
        text-decoration: none;
    }

@media screen and (min-width: 73.75em) {
    .subnav__item, .subnav__item--mobile {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@media screen and (min-width: 1180px) {
    .subnav__item--mobile {
        display: none;
    }
}

.subnav__item-header {
    margin-bottom: 32px;
}

    .subnav__item-header ~ .subnav__item-header {
        margin-top: 70px;
    }

    .subnav__item-header ~ .subnav__item > a, .subnav__item-header ~ .subnav__item--mobile > a {
        color: #D5D5D6;
        -webkit-transition: color .25s;
        transition: color .25s;
    }

        .subnav__item-header ~ .subnav__item > a:hover, .subnav__item-header ~ .subnav__item--mobile > a:hover {
            color: #458BCA;
        }

@media screen and (min-width: 73.75em) {
    .subnav__item-header {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.nav__link--header {
    line-height: 25px;
    font-size: 22px;
    letter-spacing: 0.75px;
    color: #56565A;
    text-decoration: none;
}

    .nav__link--header:hover {
        text-decoration: none;
        color: #458BCA;
    }

.nav-arrow {
    margin-left: 1em;
}

    .nav-arrow svg {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
    }

    .nav-arrow:active svg {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

.subnav__mega-wrapper {
    background-color: #fff;
    height: 100%;
    width: 100%;
    padding-bottom: 3em;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 150%;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: left .25s, opacity .25s;
    transition: left .25s, opacity .25s;
}

.subnav__item.active .subnav__mega-wrapper, .active.subnav__item--mobile .subnav__mega-wrapper {
    pointer-events: visible;
    opacity: 1;
    left: 0;
}

.subnav__mega-wrapper .close-button {
    display: none;
}

@media screen and (min-width: 73.75em) {
    .subnav__mega-wrapper {
        background-color: #F2F2F2;
        padding-top: 0;
        font-size: 14px;
        left: 100%;
        width: calc(1180px * .65);
        height: calc(100vh - 124px);
        min-height: 580px;
        opacity: 0;
    }

    .subnav__item.active .subnav__mega-wrapper, .active.subnav__item--mobile .subnav__mega-wrapper {
        left: 100%;
        opacity: 0;
        pointer-events: visible;
        -webkit-animation: fadeIn .5s .15s forwards;
        animation: fadeIn .5s .15s forwards;
    }

    .subnav__mega-wrapper .close-button {
        display: block;
        position: absolute;
        top: 0;
        right: 1em;
        cursor: pointer;
    }

    .subnav__mega-wrapper .contentArea {
        display: block;
    }
}
@media screen and (min-width: 1180px){


.subnav__item:nth-child(1) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(1) .subnav__mega-wrapper {
    top: 55px;
}

.subnav__item:nth-child(2) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(2) .subnav__mega-wrapper {
    top: 0px;
}

.subnav__item:nth-child(3) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(3) .subnav__mega-wrapper {
    top: -55px;
}

.subnav__item:nth-child(4) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(4) .subnav__mega-wrapper {
    top: -110px;
}

.subnav__item:nth-child(5) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(5) .subnav__mega-wrapper {
    top: -165px;
}

.subnav__item:nth-child(6) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(6) .subnav__mega-wrapper {
    top: -220px;
}

.subnav__item:nth-child(7) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(7) .subnav__mega-wrapper {
    top: -275px;
}

.subnav__item:nth-child(8) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(8) .subnav__mega-wrapper {
    top: -330px;
}

.subnav__item:nth-child(9) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(9) .subnav__mega-wrapper {
    top: -385px;
}

.subnav__item:nth-child(10) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(10) .subnav__mega-wrapper {
    top: -440px;
}

.subnav__item:nth-child(11) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(11) .subnav__mega-wrapper {
    top: -495px;
}

.subnav__item:nth-child(12) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(12) .subnav__mega-wrapper {
    top: -550px;
}

.subnav__item:nth-child(13) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(13) .subnav__mega-wrapper {
    top: -605px;
}

.subnav__item:nth-child(14) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(14) .subnav__mega-wrapper {
    top: -660px;
}

.subnav__item:nth-child(15) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(15) .subnav__mega-wrapper {
    top: -715px;
}

.subnav__item:nth-child(16) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(16) .subnav__mega-wrapper {
    top: -770px;
}

.subnav__item:nth-child(17) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(17) .subnav__mega-wrapper {
    top: -825px;
}

.subnav__item:nth-child(18) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(18) .subnav__mega-wrapper {
    top: -880px;
}

.subnav__item:nth-child(19) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(19) .subnav__mega-wrapper {
    top: -935px;
}

.subnav__item:nth-child(20) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(20) .subnav__mega-wrapper {
    top: -990px;
}

.subnav__item:nth-child(21) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(21) .subnav__mega-wrapper {
    top: -1045px;
}

.subnav__item:nth-child(22) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(22) .subnav__mega-wrapper {
    top: -1100px;
}

.subnav__item:nth-child(23) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(23) .subnav__mega-wrapper {
    top: -1155px;
}

.subnav__item:nth-child(24) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(24) .subnav__mega-wrapper {
    top: -1210px;
}

.subnav__item:nth-child(25) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(25) .subnav__mega-wrapper {
    top: -1265px;
}

.subnav__item:nth-child(26) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(26) .subnav__mega-wrapper {
    top: -1320px;
}

.subnav__item:nth-child(27) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(27) .subnav__mega-wrapper {
    top: -1375px;
}

.subnav__item:nth-child(28) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(28) .subnav__mega-wrapper {
    top: -1430px;
}

.subnav__item:nth-child(29) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(29) .subnav__mega-wrapper {
    top: -1485px;
}

.subnav__item:nth-child(30) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(30) .subnav__mega-wrapper {
    top: -1540px;
}

.subnav__item:nth-child(31) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(31) .subnav__mega-wrapper {
    top: -1595px;
}

.subnav__item:nth-child(32) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(32) .subnav__mega-wrapper {
    top: -1650px;
}

.subnav__item:nth-child(33) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(33) .subnav__mega-wrapper {
    top: -1705px;
}

.subnav__item:nth-child(34) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(34) .subnav__mega-wrapper {
    top: -1760px;
}

.subnav__item:nth-child(35) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(35) .subnav__mega-wrapper {
    top: -1815px;
}

.subnav__item:nth-child(36) .subnav__mega-wrapper, .subnav__item--mobile:nth-child(36) .subnav__mega-wrapper {
    top: -1870px;
}
}
.subnav__mega-wrapper--icon-view {
    background-color: #fff;
    height: calc(100vh - 124px);
    width: 100%;
    padding-bottom: 3em;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 150%;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: left .25s, opacity .25s;
    transition: left .25s, opacity .25s;
}

.subnav__item.active .subnav__mega-wrapper--icon-view, .active.subnav__item--mobile .subnav__mega-wrapper--icon-view {
    pointer-events: visible;
    opacity: 1;
    left: 0;
}

.subnav__mega-wrapper--icon-view .close-button {
    display: none;
}

@media screen and (min-width: 1180px) {
    .subnav__mega-wrapper--icon-view {
        position: relative;
        /*position: absolute;*/
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /*width: calc(1180px * .65);*/
        background-color: #F2F2F2;
        padding-top: 100px;
        padding-bottom: 0;
        font-size: 14px;
        opacity: 1;
        top: 0;
        left: auto;
        /*left: 100%;*/
        pointer-events: visible;
        /*transform: translateX(-100%);*/
    }

        .subnav__mega-wrapper--icon-view .close-button {
            display: block;
            position: absolute;
            top: 0;
            right: 1em;
            cursor: pointer;
        }

        .subnav__mega-wrapper--icon-view .contentArea {
            display: block;
        }
}

.mega-cta,
.mega-quick-links,
.mega-subnav {
    width: 100%;
    max-width: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 4vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1180px) {
    .mega-cta,
    .mega-quick-links,
    .mega-subnav {
        padding: 0;
        padding-left: 4vw;
    }
}

.mega-subnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px;
    padding: 20px 0 0 1em;
    text-transform: none;
    background-color: #fff;
}

@media screen and (min-width: 1180px) {
    .mega-subnav {
        margin-bottom: 2em;
        max-height: 280px;
        height: 65%;
        padding: 0;
        padding-left: 4vw;
        background-color: transparent;
    }
}

@media screen and (min-width: 1180px) {
    .mega-subnav-icons .mega-subnav__item {
        width: calc(20% - 1em);
        height: 100px;
        text-align: center;
        margin-right: 10%;
        margin-bottom: 2em;
    }

        .mega-subnav-icons .mega-subnav__item a.mega-subnav__link {
            display: block;
        }

            .mega-subnav-icons .mega-subnav__item a.mega-subnav__link img {
                height: 50px;
                margin-bottom: 0.5em;
            }
}

.mega-subnav--icon-view {
    display: none;
    padding-top: 20px;
    text-transform: none;
    padding: 20px 0 0 1em;
}

@media screen and (min-width: 1180px) {
    .mega-subnav--icon-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0;
        width: 100%;
        max-width: 675px;
        padding: 0;
        padding-left: 4vw;
    }
}

.mega-subnav__item {
    margin-right: 1em;
    margin-bottom: 24px;
    line-height: 20px;
    width: 100%;
    font-size: 14px;
}

@media screen and (min-width: 1180px) {
    .mega-subnav__item {
        margin-bottom: .5em;
        margin-right: 20%;
        width: calc(50% - 1em);
        font-size: inherit;
    }

    .mega-subnav--icon-view .mega-subnav__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100%/4 - (100%/7)/3);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 4%;
        margin-bottom: 80px;
    }

        .mega-subnav--icon-view .mega-subnav__item:nth-child(4), .mega-subnav--icon-view .mega-subnav__item:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width: 1900px) {
    .mega-subnav--icon-view .mega-subnav__item {
        width: 25%;
        max-width: 122px;
    }
}

.mega-subnav__icon {
    margin-bottom: 1em;
    height: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.mega-subnav__link {
    color: #56565A;
    text-decoration: none;
}

:hover .mega-subnav__link {
    text-decoration: none;
}

.mega-subnav--icon-view .mega-subnav__link {
    color: #458BCA;
    text-decoration: none;
    font-weight: bold;
}

:hover .mega-subnav--icon-view .mega-subnav__link {
    text-decoration: none;
}

@media screen and (min-width: 73.75em) {
    .mega-subnav--icon-view .mega-subnav__link:before {
        display: block;
        content: '';
        width: 30px;
        height: 50px;
        margin-bottom: 1em;
    }
}

.mega-subnav--icon-view .mega-subnav__icon ~ .mega-subnav__link:before {
    content: none;
}

.mega-cta {
    display: none;
    padding-left: 0;
    margin-bottom: 2em;
    max-width: calc(650px + 4vw);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(86, 86, 90, 0.05);
    padding-right: 1em;
}

@media screen and (min-width: 1180px) {
    .mega-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.mega-cta__image {
    width: 40%;
    max-width: 240px;
    height: 130px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-right: 1em;
    background-color: #458BCA;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4em;
}

    .mega-cta__image img {
        display: none;
    }

.mega-cta__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1em;
    color: #297FCA;
    line-height: 20px;
    text-transform: none;
}

.mega-quick-links {
    display: block;
    border-top: solid 1px #A2C5E4;
    padding-top: 15px;
    margin: 0 auto 0 1em;
    padding-left: 0;
    width: calc(100% - 2em);
    max-width: 650px;
}

@media screen and (min-width: 1180px) {
    .mega-quick-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 4vw;
        width: auto;
    }

    .subnav__mega-wrapper--icon-view .mega-quick-links {
        max-width: 650px;
    }
}

.mega-quick-links__item {
    font-size: 14px;
    font-weight: 600;
    margin-right: 0;
    margin-bottom: 24px;
}

    .mega-quick-links__item a {
        font-size: inherit;
        color: #458BCA;
        padding: .25em 1em;
        padding-left: 0;
        text-decoration: none;
    }

    .mega-quick-links__item:hover a {
        text-decoration: none;
    }

@media screen and (min-width: 1180px) {
    .mega-quick-links__item {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
        opacity: .5;
    }

        .mega-quick-links__item a {
            padding: .25em 1em;
            padding-left: 1em;
        }
}

.utility-nav {
    width: 100%;
    display: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background-color: transparent;
    padding: 17px 2.5rem 0;
    -webkit-animation: fadeIn .5s forwards;
    animation: fadeIn .5s forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

    .utility-nav.sub-open {
        -webkit-animation: none;
        animation: none;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.layout__nav.open .utility-nav {
    display: block;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@media screen and (min-width: 1180px) {
    .utility-nav {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #EEEEEE;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0 1em;
        -webkit-animation: none;
        animation: none;
    }

        .utility-nav.sub-open {
            -webkit-animation: none;
            animation: none;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
}

.utility-nav a {
    text-decoration: none;
}

.utility-nav__item {
    display: block;
    color: #56565A;
    font-size: 13px;
    padding: .25em .5em;
    text-transform: lowercase;
    letter-spacing: .75px;
    margin-bottom: 17px;
}

    .utility-nav__item:last-child {
        padding-right: 0;
    }

@media screen and (min-width: 1180px) {
    .utility-nav__item {
        font-size: 12px;
        margin-left: 1em;
        margin-bottom: 0;
    }

        .utility-nav__item:hover {
            text-decoration: none;
            background-color: #D5D5D6;
        }
}

.utility-nav__language-icon {
    cursor: pointer;
}

.utility-nav__language-wrapper {
    margin-left: .5em;
}

@media screen and (min-width: 1180px) {
    .utility-nav__language-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .25em .5em;
        margin-left: 1em;
    }

        .utility-nav__language-wrapper:hover {
            background-color: #D5D5D6;
        }
}

.utility-nav__language-dropdown {
    position: relative;
    background-color: transparent;
    border: none;
    visibility: visible;
}

@media screen and (min-width: 73.75em) {
    .utility-nav__language-dropdown {
        position: absolute;
        visibility: hidden;
        right: 0;
        bottom: 0;
        background-color: #EEEEEE;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        z-index: 200;
    }
}

.utility-nav__language-nav {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

    .utility-nav__language-nav .nav__item > a {
        display: block;
        padding: 1em 0;
        color: #ACACAE;
    }

@media screen and (min-width: 73.75em) {
    .utility-nav__language-nav .nav__item > a {
        padding: 1em;
        color: #458BCA;
    }

        .utility-nav__language-nav .nav__item > a:hover {
            background-color: #D5D5D6;
            color: #458BCA;
        }
}

.account-nav {
    margin-left: auto;
    padding: 1em;
    padding-right: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.layout__nav.open-acct .account-nav {
    padding-top: 50px;
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-animation: fadeIn .5s forwards;
    animation: fadeIn .5s forwards;
    display: block;
    width: 100%;
}

.account-nav > ul {
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 1180px) {
    .account-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        -webkit-animation: none;
        animation: none;
    }
}

.account-nav__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout__nav.open-acct .account-nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.account-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 3em;
    padding-right: 3em;
}

    .account-nav__item:first-child {
        margin-top: 30px;
    }

    .account-nav__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        color: #458BCA;
        font-weight: normal;
        text-decoration: none;
        margin-right: 0;
        /*margin-left: 0.5vw;*/
        z-index: 0;
    }

.layout__nav.open-acct .account-nav__item {
    margin-bottom: 25px;
    width: 100%;
    max-width: 350px;
}

@media screen and (min-width: 1180px) {
    .account-nav__item {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .account-nav__item:first-child {
            margin-top: 0;
        }

        .account-nav__item a {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: auto;
        }
}

.account-nav__link {
    font-weight: bold;
    font-size: 18px;
    color: #56565A;
    z-index: 100;
    position: relative;
    letter-spacing: .75px;
    padding: 0 .5em;
    margin-right: .5vw;
    text-decoration: none;
    /*width: 100%;*/
    line-height: 1;
}

.account-nav__item:hover .account-nav__link {
    color: #458BCA;
    text-decoration: none;
    -webkit-transition: .25s;
    transition: .25s;
}

@media screen and (min-width: 1180px) {
    .account-nav__link {
        font-size: 14px;
        width: auto;
        margin-left: 2.5vw;
        line-height: inherit;
    }
}

.account-nav__item--profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

    .account-nav__item--profile a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #458BCA;
        font-weight: normal;
        text-decoration: none;
        margin-right: auto;
        /*margin-left: 0.5vw;*/
        margin-left: 2vw;
        z-index: 0;
    }

@media screen and (min-width: 1180px) {
    .account-nav__item--profile {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        position: relative;
    }
}

.account-nav__link--profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    margin-bottom: 40px;
    width: 100%;
}

@media screen and (min-width: 1180px) {
    .account-nav__link--profile {
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 2vw;
        margin-bottom: 0;
    }
}

.account-nav__link--all {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
}

@media screen and (min-width: 1180px) {
    .account-nav__link--all {
        display: none !important;
    }
}

.account-nav__dropdown {
    position: relative;
    padding: 0 3em;
}

.layout__nav.open-acct .account-nav__dropdown {
    margin-top: 30px;
    /*margin-bottom: 30px;*/
}

@media screen and (min-width: 1180px) {
    .account-nav__dropdown {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateY(110%);
        transform: translateY(110%);
        pointer-events: none;
        padding: 1em .25em;
        -webkit-transition: opacity .25s, -webkit-transform .25s;
        transition: opacity .25s, -webkit-transform .25s;
        transition: opacity .25s, transform .25s;
        transition: opacity .25s, transform .25s, -webkit-transform .25s;
    }

    .account-nav__item--profile:hover .account-nav__dropdown {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.account-nav__dropdown-nav {
    padding-left: 0;
    display: block;
    list-style: none;
}

    .account-nav__dropdown-nav .nav__item {
        margin-bottom: 25px;
    }

@media screen and (min-width: 1180px) {
    .account-nav__dropdown-nav .nav__item {
        margin-bottom: 0;
    }
}

.account-nav__dropdown-nav .nav__link {
    display: block;
    line-height: 2;
    padding: 0 .5em;
    font-size: 18px;
    color: #56565A;
    -webkit-transition: color .25s;
    transition: color .25s;
    margin-left: 0;
}

@media screen and (min-width: 1180px) {
    .account-nav__dropdown-nav .nav__link {
        font-size: inherit;
        text-align: right;
        margin-left: 2vw;
    }

        .account-nav__dropdown-nav .nav__link:hover {
            color: #458BCA;
        }
}

.account-nav__details {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 2em;
}

@media screen and (min-width: 1180px) {
    .account-nav__details {
        margin-left: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
}

.account-nav__name {
    display: block;
    font-size: 18px;
    margin-bottom: .5em;
}

@media screen and (min-width: 1180px) {
    .account-nav__name {
        display: inline;
        font-size: inherit;
        margin-bottom: 0;
    }
}

.layout-nav__account-arrow {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

.layout-nav__account-menu.active .layout-nav__account-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.account-nav__samples-icon {
    margin-left: .5em;
}

.account-nav__login-icon {
    margin-right: .5em;
    width: 90px;
    height: 90px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

@media screen and (min-width: 1180px) {
    .account-nav__login-icon {
        margin-right: auto;
        margin-left: .5em;
        width: 42.5px;
        height: 42.5px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.header-search {
    display: none;
    margin: 50px auto 0;
    opacity: 0;
}

.layout__nav.open-search .header-search,
.layout__nav.open .header-search {
    display: block;
    padding: 0 3rem;
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-animation: fadeIn .5s forwards;
    animation: fadeIn .5s forwards;
}

@media screen and (min-width: 1180px) {
    .header-search {
        position: fixed;
        top: 0;
        left: 0;
        margin-top: 0;
        padding: 0;
        opacity: 0;
        -webkit-animation: none;
        animation: none;
        /*background-color: rgba(255,255,255,.9);*/
        background-color: rgba(69, 139, 202, 0.9);
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: opacity .25s .25s, -webkit-transform .25s .25s;
        transition: opacity .25s .25s, -webkit-transform .25s .25s;
        transition: opacity .25s .25s, transform .25s .25s;
        transition: opacity .25s .25s, transform .25s .25s, -webkit-transform .25s .25s;
    }

    .layout__nav.open-search .header-search {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 200;
    }
}

.header-search__form {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 0;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    z-index: 10;
}

@media screen and (min-width: 1180px) {
    .header-search__form {
        position: absolute;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: 3em;
        left: 0;
        margin-left: .5vw;
        margin: 0 auto;
        padding: 0 4em;
        font-size: 18px;
        width: 100%;
    }
}

.header-search__label {
    display: none;
}

@media screen and (min-width: 1180px) {
    .header-search__label {
        display: block;
        width: 100%;
        font-size: 34px;
        /*color: $inpro-blue-100;*/
        color: #fff;
    }
}

.header-search__input {
    display: block;
    margin: 0;
    padding: 1rem;
    height: 40px;
    width: 100%;
    border: solid 1px #458BCA;
    border-radius: 100px;
    z-index: 10;
    height: auto;
    padding: 16px 2em 15px;
    line-height: 1.125;
    font-size: 10px;
}

    .header-search__input::-webkit-input-placeholder {
        color: #458BCA;
        font-size: 10px;
        text-align: right;
        text-transform: uppercase;
    }

    .header-search__input:-moz-placeholder {
        color: #458BCA;
        font-size: 10px;
        text-align: right;
        text-transform: uppercase;
    }

    .header-search__input::-moz-placeholder {
        color: #458BCA;
        font-size: 10px;
        text-align: right;
        text-transform: uppercase;
    }

    .header-search__input:-ms-input-placeholder {
        color: #458BCA;
        font-size: 10px;
        text-align: right;
        text-transform: uppercase;
    }

    .header-search__input:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

@media screen and (min-width: 1180px) {
    .header-search__input {
        /*position: absolute;
        top: 50%;
        left: -.25em;
        height: auto;
        width: auto;*/
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 .25em;
        height: 45px;
        /*max-width: 0px;*/
        background-color: #f2f2f2;
        border: none;
        border-radius: 0;
        /*transform: translateX(-100%) translateY(-50%);*/
        -webkit-transition: .25s;
        transition: .25s;
        /*.header-search.show & {
            width: auto;
            max-width: 200px;
            padding: 0 0 0 0.5em;
        }*/
    }

    .layout__nav.open-search .header-search__input {
        margin: 0 auto;
        width: auto;
        max-width: none;
        font-size: 34px;
    }

    .header-search__input::-webkit-input-placeholder {
        color: #ACACAE;
        font-size: inherit;
        text-align: left;
        text-transform: lowercase;
    }

    .header-search__input:-moz-placeholder {
        color: #ACACAE;
        font-size: inherit;
        text-align: left;
        text-transform: lowercase;
    }

    .header-search__input::-moz-placeholder {
        color: #ACACAE;
        font-size: inherit;
        text-align: left;
        text-transform: lowercase;
    }

    .header-search__input:-ms-input-placeholder {
        color: #ACACAE;
        font-size: inherit;
        text-align: left;
        text-transform: lowercase;
    }
}

.predictiveSearch__results {
    /*width: 0;*/
    width: 100%;
    min-height: 100vh;
    max-width: 900px;
    margin: 0 auto;
    border: none;
    background-color: #fff;
    /*.header-search.show & {
        width: 20rem;
        border: 1px solid #ddd;
    }*/
}

@media screen and (min-width: 1180px) {
    .predictiveSearch__results {
        background-color: transparent;
        min-height: none;
        max-height: calc(100vh - 3em);
    }
}

.predictiveSearch__result {
    font-size: 18px;
    color: inherit;
}

    .predictiveSearch__result:hover {
        color: inherit;
    }

@media screen and (min-width: 1180px) {
    .predictiveSearch__result {
        font-size: 24px;
        color: #fff;
    }
}

.header-search__cancel {
    display: block;
    padding-left: 0;
    padding-right: 0;
    max-width: 0;
    overflow: hidden;
}

@media screen and (min-width: 73.75em) {
    .header-search__cancel {
        display: none;
    }
}

.header-search__input:valid ~ .header-search__cancel,
.header-search__input:focus ~ .header-search__cancel {
    max-width: 200px;
    padding-left: 2em;
    padding-right: 2em;
}

.header-search__submit {
    display: none;
}

@media screen and (min-width: 1180px) {
    .header-search__submit {
        position: relative;
        display: block;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: none;
        font-size: inherit;
        width: auto;
        height: auto;
        margin-left: 1em;
    }

        .header-search__submit:before {
            content: none;
        }

        .header-search__submit:active {
            background: transparent;
        }

        .header-search__submit:hover {
            background-color: transparent !important;
        }

        .header-search__submit svg path {
            fill: #fff;
        }
}

.nav.nav--breadcrumb {
    padding-left: 0;
    list-style: none;
    width: calc(100% - 3em);
    max-width: 1180px;
    margin: 116px auto 0 !important;
}

    .nav.nav--breadcrumb > .nav__item:first-child ~ .nav__item:before {
        content: "\a0/\a0";
    }

    .nav.nav--breadcrumb .nav__item {
        display: inline-block;
        text-transform: lowercase;
        color: #ACACAE;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .75px;
    }

    .nav.nav--breadcrumb .nav__link {
        text-decoration: none;
        color: inherit;
    }

@media screen and (min-width: 31.25em) {
    .nav.nav--breadcrumb {
        width: calc(100% - 6em);
    }
}

@media screen and (min-width: 73.75em) {
    .nav.nav--breadcrumb {
        margin: 45px auto 0 !important;
        /*position: absolute;
        top: 0;
        left: 0;
        right: 0;*/
    }
}

.layout--category .nav.nav--breadcrumb {
    z-index: 10;
}

/* IF ONLY ONE Breadcrumb item EXISTS Hide it*/
.nav--catalogBreadcrumb li:first-child:nth-last-child(1) {
    display: none;
}

.local-nav {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0 4em;
    position: relative;
}

@media screen and (min-width: 73.75em) {
    .local-nav {
        display: block;
        position: absolute;
        bottom: 0;
        /*max-width: 1180px;*/
        margin-left: 3.5em;
        padding: 0 3em;
        padding-left: 138px;
        padding-right: 1em;
        /*width: 100%;*/
        width: calc(100% - 7em - .5vw - 71px);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.local-nav__list {
    width: 100%;
    /*max-width: 930px;*/
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0;
    padding-bottom: 10px;
    border-top: solid 1.25px #A2C5E4;
}

.local-nav__item {
    position: relative;
    margin: 0 12px;
}

    .local-nav__item:first-child {
        margin-left: 0;
    }

.local-nav__link {
    display: inline-block;
    vertical-align: middle;
    padding: 16px .15em 6px;
    opacity: .5;
    color: #458BCA;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .75px;
    text-transform: lowercase;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.local-nav__item:hover .local-nav__link {
    opacity: 1;
}

.layout--category .local-nav__link {
    color: #fff;
}

.local-nav__dropdown-icon {
    display: inline-block;
    padding: 16px 10px 6px;
    vertical-align: middle;
    opacity: .5;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.local-nav__item:hover .local-nav__dropdown-icon {
    opacity: 1;
}

.local-nav__subnav {
    background-color: #fff;
    width: 100%;
    min-width: 150px;
    padding: 0 .15em;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    pointer-events: none;
}

.local-nav__item:hover .local-nav__subnav {
    opacity: 1;
    pointer-events: auto;
}

.local-nav__subnav-link {
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    color: #458BCA;
    opacity: .5;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .75px;
    line-height: 2;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    text-align: left;
}

    .local-nav__subnav-link:hover {
        opacity: 1;
    }

.block > h3:not([class]) {
    width: calc(100% - 8rem);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.block--slider {
    margin: 40px auto;
}

@media screen and (min-width: 48em) {
    .block--slider {
        margin: 80px auto;
        display: block;
        overflow: hidden;
    }
}

.wysiwyg--block ol:not([class]) {
    list-style-type: decimal;
}

    .wysiwyg--block ol:not([class]) ol:not([class]) {
        list-style-type: lower-alpha;
    }

        .wysiwyg--block ol:not([class]) ol:not([class]) ol:not([class]) {
            list-style-type: lower-roman;
        }

    .wysiwyg--block ol:not([class]) li:not([class]):before {
        content: "";
        margin-right: 0;
    }

    .wysiwyg--block ol:not([class]) li:not([class]) {
        display: list-item;
    }

/*.wysiwyg--block,*/
/*.block--quote,*/
/*.block--standard {
    width: calc(100% - 4em);
    max-width: 1180px;
    margin: 0 auto;

    .block--section & {
        width: 100%;
    }
}*/
/* wysiwyg block */
.block--standard {
    margin: 70px auto;
    max-width: 550px;
}

.shoppingCart__cms .block--standard,
.checkout__cms .block--standard {
    margin: 0 auto;
}

.block--quote {
    margin: 175px auto;
    max-width: 950px;
}

.sidebar .block--quote {
    margin: 80px auto;
}

.block--ctaComponent {
    margin: 75px auto 3em;
}

.block--modifiedTabs,
.block--tabs {
    margin-top: 2em;
}

.block--statComponent {
    background-color: #ECF3F9;
}

.stat-component {
    height: 200px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

@media all and (max-width: 1100px) {
    .stat-component {
        display: block;
        height: auto;
    }
}

.stat-item {
    position: relative;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Avenir Next", sans-serif;
    font-size: 34px;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    color: #458BCA;
    font-weight: bold;
    padding: 40px 5.25vw 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .stat-item:after {
        content: '';
        display: block;
        height: 112px;
        width: 1px;
        background-color: #A2C5E4;
        position: absolute;
        top: 42px;
        right: 0;
    }

    .stat-item:last-child:after {
        content: none;
    }

@media all and (max-width: 1100px) {
    .stat-item {
        display: block;
        margin: 0 auto;
        width: calc(100% - 2em);
        padding: 40px 5.25vw;
        text-align: center;
        max-width: none;
    }

        .stat-item:after {
            width: calc(95vw);
            height: 1px;
            top: auto;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .stat-item span {
            display: inline-block;
            margin-left: -0.25em;
        }

        .stat-item .stat-item__description {
            margin: 0 auto;
            max-width: 225px;
        }
}

@media all and (min-width: 585px) and (max-width: 1100px) {
    .stat-item {
        padding: 40px .5em;
    }
}

@media all and (min-width: 1280px) {
    .stat-item {
        padding: 40px 2em 0;
    }
}

.stat-item__header {
    display: block;
}

.stat-item__symbol {
    text-transform: uppercase;
}

.stat-item > .epi-editContainer,
.stat-item__description {
    font-size: 18px;
    font-weight: normal;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 0;
}

.stat-item__tech-note {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.page-header {
    width: calc(100% - 3em);
    max-width: 38em;
    margin: 0 auto;
    padding: 30px 0 50px;
}

@media screen and (min-width: 73.75em) {
    .page-header {
        padding: 50px 0;
    }
}

.page-header--compressed {
    padding: 75px 0 110px;
}

.layout--category .page-header {
    position: relative;
}

.page-header__headline {
    font-size: 34px;
    font-weight: bold;
    color: #458BCA;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: none;
    margin-bottom: .5em;
}

.gray-flood .page-header__headline {
    color: #56565A;
}

.layout--category .layout__top--overlay .page-header__headline {
    color: #fff;
}

.page-header__subhead {
    color: #458BCA;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    margin-bottom: .5em;
    text-transform: none;
    margin-bottom: 1em;
}

.gray-flood .page-header__subhead {
    color: #56565A;
}

.layout--category .layout__top--overlay .page-header__subhead {
    color: #fff;
}

.page-header__content {
    margin-bottom: 2em;
}

.layout--category .layout__top--overlay .page-header__content {
    color: #fff;
}

.quote-item {
    width: 100%;
}

.quote-item__quote {
    position: relative;
    line-height: 1.2;
    color: #D0E2F2;
    font-weight: bold;
    font-size: 55px;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    margin-bottom: 30px;
}

    .quote-item__quote:before {
        content: "“";
        position: absolute;
        left: -.5em;
        top: 0;
    }

    .quote-item__quote:after {
        content: "”";
    }

@media all and (max-width: 73.75em) {
    .quote-item__quote {
        font-size: 32px;
    }
}

.quote-item__name {
    color: #458BCA;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.75px;
}

.commerceSearch__searchFormBlock {
    background-color: #458BCA;
    padding: 60px 0;
    margin-bottom: 50px;
}

@media screen and (min-width: 73.75em) {
    .commerceSearch__searchFormBlock .commerceSearch__info {
        padding: 0 100px;
    }
}

.commerceSearch__searchFormBlock .commerceSearch__instructions p {
    color: #fff;
}

.commerceSearch__searchFormBlock .commerceSearch__form {
    width: 100%;
}

.commerceSearch__searchFormBlock .commerceSearch__field {
    margin-right: 22.5px !important;
    width: 80% !important;
}

.commerceSearch__searchFormBlock .predictiveSearch__results {
    width: 80% !important;
}

.commerceSearch__searchFormBlock .commerceSearch__submit {
    color: #fff;
    border-color: #fff;
    border-radius: 22.5px !important;
    padding-top: 13px !important;
    padding-bottom: 12px !important;
    display: block !important;
    margin-top: 22.5px !important;
}

@media screen and (min-width: 48em) {
    .commerceSearch__searchFormBlock .commerceSearch__submit {
        width: calc(20% - 22.5px) !important;
        display: inline-block !important;
        margin-top: 0 !important;
    }
}

.search-form {
    background-color: #458BCA;
    padding: 2em 1em;
}

    .search-form form {
        max-width: 900px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0 auto;
    }

@media screen and (min-width: 850px) {
    .search-form form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.search-form__group-wrapper {
    max-width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
}

@media screen and (min-width: 850px) {
    .search-form__group-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.search-form__group-wrapper .button {
    margin: 0 0 0 10px;
}

.search-form__group-wrapper label {
    width: calc(100% - 1em) !important;
}

.search-form .form-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

    .search-form .form-group + .form-group {
        margin-top: 30px;
    }

    .search-form .form-group label {
        font-weight: normal;
        font-size: 18px;
        letter-spacing: 0.75px;
        z-index: 10;
        color: #fff;
        margin-bottom: .5em;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
    }

@media screen and (min-width: 850px) {
    .search-form .form-group label {
        position: absolute;
        left: 1em;
        top: 50%;
        margin-bottom: 0;
        color: #458BCA;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: text;
        -webkit-transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
        transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
        transition: transform 150ms ease-out, font-size 150ms ease-out;
        transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
}

.search-form input.button {
    color: #fff;
    border-color: #fff;
    margin-left: 2em;
    width: auto;
}

.search-form input[type="text"] {
    height: 45px;
    width: 100%;
    border: none;
    border-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media screen and (min-width: 850px) {
    .search-form input[type="text"] {
        padding-left: 42%;
    }
}

.search-form input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
    color: #ACACAE;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-form input[type="text"]:-moz-placeholder {
    font-size: 14px;
    color: #ACACAE;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-form input[type="text"]::-moz-placeholder {
    font-size: 14px;
    color: #ACACAE;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-form input[type="text"]:-ms-input-placeholder {
    font-size: 14px;
    color: #ACACAE;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 850px) {
    .search-form--wide-label input[type="text"] {
        padding-left: 62%;
    }
}

@media screen and (min-width: 850px) {
    .search-form .form-group.focused label {
        left: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        color: #fff;
        cursor: default;
    }

    .search-form .form-group.focused input[type="text"] {
        padding-left: 0.5em;
    }

    .search-form input[type="text"][value]:not([value=""]):valid {
        padding-left: 0.5em;
    }

        .search-form input[type="text"][value]:not([value=""]):valid + label {
            left: 0;
            -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
            color: #fff;
            cursor: default;
        }
}

@media screen and (min-width: 500px) {
    .search-form {
        padding: 77px 1em;
    }
}

.search-results {
    background-color: #eee;
    padding: 70px 1em 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.search-results__total,
.search-results__index {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.75px;
    color: #458BCA;
    margin-top: 0;
    margin-bottom: 0;
    width: 50%;
}

.search-results__index {
    text-align: right;
}

.search-results__wrapper {
    max-width: 1024px;
    margin: 60px auto 0;
    text-align: center;
}

@media screen and (min-width: 780px) {
    .search-results__wrapper {
        width: calc(100% - 2em);
    }
}

.search-result__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 45px;
    text-align: left;
}

    .search-result__header span {
        width: 25%;
        max-width: 235px;
        color: #458BCA;
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.75px;
        text-transform: lowercase;
        margin-right: 20px;
    }

.product-page .search-result__header {
    display: none;
}

@media screen and (max-width: 780px) {
    .search-result__header {
        display: none;
    }
}

.search-results__list {
    text-align: left;
}

.search-result__item {
    margin-bottom: 40px;
    margin-right: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .search-result__item p {
        width: 25%;
        max-width: 235px;
        margin-top: .5em;
        margin-right: 20px;
        margin-bottom: 0;
        line-height: 1.45;
        font-family: inherit;
        font-size: 14px;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        word-break: break-word;
        word-wrap: break-word;
    }

.product-page .search-result__item p {
    max-width: none;
    margin-right: 100px;
    width: calc(100%/3);
}

@media screen and (max-width: 780px) {
    .search-result__item {
        display: block;
    }

        .search-result__item p {
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            margin-bottom: 1em;
        }

            .search-result__item p:before {
                content: attr(data-header);
                display: inline-block;
                margin-right: .5em;
                color: #458BCA;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 0.75px;
                text-transform: lowercase;
            }

    .product-page .search-result__item p {
        max-width: none;
        margin-right: auto;
        width: auto;
    }

        .product-page .search-result__item p:before {
            display: none;
            content: '';
        }
}

.search-results .search-results-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 780px) {
    .search-results .search-results-stats {
        display: block;
    }

        .search-results .search-results-stats .search-results__index {
            text-align: left;
        }
}

.search-results__index, .search-results__total {
    width: auto;
}

.search-results__load-more {
    margin: 0 auto;
    display: block;
}

.search-results__sample-parent-links a::after {
    content: ', ';
}

.search-results__sample-parent-links a:last-child::after {
    content: '';
}

.search-filters {
    width: calc(100% - 2em);
    max-width: 1024px;
    margin: 85px auto 40px;
}

.search-filters__selectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-filters__subheader {
    color: #458BCA;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    text-align: center;
    margin-bottom: 80px;
}

.search-filters__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.search-filters__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto 20px;
}

.search-filters__radio-item {
    width: calc(100%/3 - 84px);
    max-width: 225px;
    margin-bottom: 40px;
    min-width: 175px;
}

    .search-filters__radio-item input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        background-color: #fff;
        border: solid 1.25px #458BCA;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        -webkit-transition: .15s;
        transition: .15s;
    }

        .search-filters__radio-item input[type="radio"]:checked {
            background-color: #458BCA;
        }

@media screen and (max-width: 780px) {
    .search-filters__radio-item {
        width: 100%;
    }
}

.search-filters__label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.75px;
    color: #458BCA;
    text-transform: lowercase;
    margin-bottom: 10px;
}

.search-filters__item {
    min-width: 175px;
    width: 100%;
    margin-bottom: 1em;
}

@media screen and (min-width: 540px) {
    .search-filters__item {
        max-width: 265px;
        width: calc(100%/2 - 1em);
    }
}

@media screen and (min-width: 768px) {
    .search-filters__item {
        width: calc(100%/3 - 1em);
    }
}

.search-filters__select {
    border: 1px solid #D5D5D6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1.5px;
    width: 100%;
    padding-right: 3em;
    /* reset */
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #458BCA 50%), linear-gradient(135deg, #458BCA 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

    .search-filters__select:focus {
        background-image: linear-gradient(45deg, #458BCA 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #458BCA 50%);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    }

    .search-filters__select::-ms-expand {
        display: none;
    }

.section-headline__wrapper {
    margin: 0 auto;
}

.section-headline {
    position: relative;
    margin: 0 0 .5em;
    width: calc(100% - .5em);
    line-height: 1.15;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    color: #458BCA;
    padding-bottom: 195px;
    max-width: 500px;
}

.display-line:after {
    position: absolute;
    top: calc(100% - 165px);
    left: 1.5px;
    content: '';
    width: 3.75px;
    height: 0;
    display: block;
    border-left: solid 1.5px #458BCA;
    -webkit-transition: .75s;
    transition: .75s;
}

.display-line.visible:after {
    height: 165px;
}

.full-video {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.full-video-grid-container {
    padding: 0 10px;
    margin-bottom: 10px;
}

.full-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    max-width: 100%;
    height: 100px;
    z-index: 10;
    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: .15s;
    transition: .15s;
}

    .full-video__play path {
        fill: white;
        -webkit-transition: fill .15s;
        transition: fill .15s;
    }

    .full-video__play:hover path {
        fill: #458BCA;
    }

.show-video .full-video__play {
    opacity: 0;
}

.full-video__cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    opacity: 1;
    -webkit-transition: .25s;
    transition: .25s;
}

    .full-video__cover:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background-color: rgba(86, 86, 90, 0.3);
        background-blend-mode: multiply;
    }

    .full-video__cover img {
        width: 100%;
    }

.show-video .full-video__cover {
    opacity: 0;
    pointer-events: none;
}

.responsive-embed {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
}

    .responsive-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000101;
    }
.youtube-slider {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube-slider img {
    width: 100%;
    top: 0%;
    left: 0;
    opacity: 0.7;
}

.youtube-slider .play-button {
    width: 100%;
    z-index: 1;
}

.youtube-slider img,
.youtube-slider .play-button {
    cursor: pointer;
}

.youtube-slider img,
.youtube-slider iframe,
.youtube-slider .play-button,
.youtube-slider .play-button:before {
    position: absolute;
}

.youtube-slider .play-button,
.youtube-slider .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}

.youtube-slider iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.headline-cta {
    margin: 0 auto;
    -webkit-animation: 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.5s forwards skewLeftUp;
    animation: 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.5s forwards skewLeftUp;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

    .headline-cta.visible {
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }

.headline-cta__image {
    position: relative;
    width: 100%;
    text-align: center;
}

    .headline-cta__image:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 85%;
        -webkit-transform: translateY(65.75%);
        transform: translateY(65.75%);
        background-color: #ECF3F9;
        -webkit-animation: 2.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards backgroundFillRight;
        animation: 2.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards backgroundFillRight;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        z-index: -1;
    }

.headline-cta.visible .headline-cta__image:before {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@media screen and (max-width: 680px) {
    .headline-cta__image:before {
        height: 170%;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.headline-cta__image img {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.headline-cta__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 2em);
    max-width: 635px;
    margin: 0 auto;
    -webkit-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
}

    .headline-cta__content .button {
        width: auto;
    }

@media screen and (min-width: 680px) {
    .headline-cta__content {
        -webkit-transform: translateY(-2.5em);
        transform: translateY(-2.5em);
    }
}

.headline-cta__desc {
    margin-right: 2em;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.25;
    color: #458BCA;
    max-width: calc(55% - 1em);
}

@media screen and (max-width: 680px) {
    .headline-cta__desc {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1em;
        text-align: center;
    }
}

.newsletter-signup {
    background-color: #ECF3F9;
    padding: 3em 0;
}

.newsletter-signup__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 680px) {
    .newsletter-signup__container {
        padding: 140px 2em;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.newsletter-signup__text {
    width: 100%;
    margin-bottom: 1em;
}

    .newsletter-signup__text .headline {
        margin-top: .25em;
    }

@media screen and (min-width: 680px) {
    .newsletter-signup__text {
        width: calc(50% - 2em);
        margin-bottom: 0;
    }
}

.newsletter-signup__text p {
    color: #458BCA;
    margin-bottom: 0;
}

.newsletter-signup__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

    .newsletter-signup__form input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 200px;
        margin: 1em 1em 1em 0;
        padding: 1.5rem 0.5rem;
    }

    .newsletter-signup__form .button.button--collapsed {
        margin: 0;
    }

@media screen and (min-width: 680px) {
    .newsletter-signup__form {
        width: calc(50% - 2em);
    }
}

/* Tabbed content */
.tabs {
    position: relative;
    z-index: 0;
}

.tabs__tabList {
    display: table;
    border-collapse: separate;
    max-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tabs__tabList:after {
        content: '';
        display: block;
        clear: both;
    }

.tabs__tab {
    display: table-cell;
    cursor: pointer;
    margin: 0;
    padding: 0.5em 1em;
    text-align: left;
    outline: none;
    border: none;
    color: #A2C5E4;
    text-transform: lowercase;
    text-decoration: none;
}

    .tabs__tab[aria-selected='true'], .tabs__tab.tabs--active {
        color: #458BCA;
    }

    .tabs__tab[aria-disabled='true'], .tabs__tab.tabs--disabled {
        cursor: default;
        color: #bbb;
    }

    .tabs__tab:hover {
        color: #A2C5E4;
    }

    .tabs__tab[aria-selected='true'], .tabs__tab[aria-selected='true']:hover, .tabs__tab.tabs--active:hover {
        color: #458BCA;
    }

    .tabs__tab[aria-disabled='true']:hover, .tabs__tab.tabs--disabled:hover {
        background: none;
    }

    .tabs__tab:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0px;
        background-color: #458BCA;
        width: 2px;
        height: 100%;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
    }

    .tabs__tab.tabs--active:after, .tabs__tab[aria-selected="true"]:after, .tabs__tab:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

@media screen and (min-width: 73.75em) {
    .tabs__tab {
        text-align: center;
    }

        .tabs__tab:after {
            top: auto;
            bottom: 0;
            width: 100%;
            height: 2px;
            -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
        }
}

.tabs__panel {
    position: relative;
    z-index: -1;
    border: none;
    padding: 1em 0;
    margin-top: 2em;
}

/* Accordion */
.tabs.tabs--accordion > .tabs__tab {
    display: block;
    border: none;
    width: auto;
    max-width: 100%;
    line-height: 1.15em;
    padding: 2rem 3rem;
    text-align: left;
    background-color: #458BCA;
    color: #458BCA;
    color: #fff;
    font-size: 27px;
    letter-spacing: .75px;
    font-weight: bold;
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

@media screen and (min-width: 31.25em) {
    .tabs.tabs--accordion > .tabs__tab {
        font-size: 34px;
    }
}

.tabs.tabs--accordion > .tabs__tab:before {
    content: '+';
    float: right;
    width: 1.5em;
    margin-right: -0.4em;
    text-align: center;
}

.tabs.tabs--accordion > .tabs__tab[aria-expanded='true']:before, .tabs.tabs--accordion > .tabs__tab.tabs--active:before {
    content: '-';
}

.tabs.tabs--accordion > .tabs__tab:after {
    content: '';
    display: block;
    clear: both;
}

.tabs.tabs--accordion > .tabs__tab:hover, .tabs.tabs--accordion > .tabs__tab:focus {
    background-color: #f2f2f2;
    background-color: #458BCA;
}

.tabs.tabs--accordion > .tabs__tab[aria-expanded='true'], .tabs.tabs--accordion > .tabs__tab.tabs--active {
    background-color: #458BCA;
    color: #458BCA;
    color: #fff;
    margin-bottom: 0;
}

.tabs.tabs--accordion > .tabs__panel {
    border-color: transparent;
    padding: 0;
    margin: 0 auto;
    -webkit-transition: border .15s 300ms;
    transition: border .15s 300ms;
}

.tabs.tabs--accordion > .tabs__panel--filter {
    border-bottom: solid 1px #458BCA;
    padding-bottom: 2rem;
    padding-left: 3rem;
}

.tabs.tabs--accordion > .tabs__tab--filter {
    background-color: transparent;
    color: #458BCA;
    border-bottom: solid 1.25px;
    font-size: 18px;
    -webkit-transition: border 300ms;
    transition: border 300ms;
}

    .tabs.tabs--accordion > .tabs__tab--filter[aria-expanded='true'], .tabs.tabs--accordion > .tabs__tab--filter.tabs--active {
        background-color: transparent;
        color: #458BCA;
        border-color: transparent;
    }

    .tabs.tabs--accordion > .tabs__tab--filter:focus, .tabs.tabs--accordion > .tabs__tab--filter:hover {
        background-color: transparent;
    }

    .tabs.tabs--accordion > .tabs__tab--filter:after {
        content: none;
    }

    .tabs.tabs--accordion > .tabs__tab--filter:hover:after {
        content: none;
    }

    .tabs.tabs--accordion > .tabs__tab--filter:first-child {
        border-top: none;
    }

/* For browsers that support flexbox */
.M-flexbox .tabs {
    position: static;
    z-index: auto;
}

    .M-flexbox .tabs.commerceSearch__tab {
        /* commerce search page tab */
    }

        .M-flexbox .tabs.commerceSearch__tab .tabs__tabList {
            width: 100%;
        }

.M-flexbox .tabs__tabList {
    position: relative;
    display: block;
    padding: 0;
    border-left: solid 1px #458BCA;
    width: calc(100% - 8em);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 73.75em) {
    .M-flexbox .tabs__tabList {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0 4em;
        margin-bottom: -1px;
        border-left: none;
        border-bottom: solid 1px #ACACAE;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
}

.M-flexbox .checkout .tabs__tabList {
    width: 100%;
}

.M-flexbox .tabs__tab {
    background-color: #EAEAEA;
}

.M-flexbox .tabs__panel {
    position: static;
    z-index: auto;
}

/* EPiServer edit mode adjustments */
.tabs.tabs--preview {
    position: relative;
    overflow: visible;
}

    .tabs.tabs--preview .tabs__tabList {
        overflow: visible;
    }

    .tabs.tabs--preview .tabs__tab.tabs__tab--previewInactive {
        visibility: hidden;
        width: 4em;
    }

.tabs__urlFragment {
    float: right;
    min-width: 5em;
    margin-left: 1em;
    text-align: right;
}

    .tabs__urlFragment.tabs__urlFragment--hasValue:before {
        content: '#';
        color: #bbb;
    }

    .tabs__urlFragment.tabs__urlFragment--invalid {
        color: #c00;
    }

/* Accordion EPiServer edit mode adjustments */
.tabs.tabs--preview.tabs--accordion .tabs__tab {
    position: relative;
}

.tabs.tabs--preview.tabs--accordion .tabs__name {
    overflow: hidden;
}

.M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion),
.M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion) > .tabs__tabList,
    .M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) > .tabs__tabList {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .M-flexwrap .grid--align-stretch > .block--tabs > .tabs:not(.tabs--accordion) > .tabs__panel,
    .M-flexwrap .block--align-stretch.block--tabs > .tabs:not(.tabs--accordion) > .tabs__panel {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

.commerceSearch__tab .tabs__tab {
    border: 1px solid #fff;
    border-color: #ACACAE;
    background-color: #f2f2f2;
}

    .commerceSearch__tab .tabs__tab[aria-selected='true'], .commerceSearch__tab .tabs__tab.tabs--active {
        border-left-color: #458BCA;
        border-color: #458BCA;
        background: none;
    }

    .commerceSearch__tab .tabs__tab:hover {
        background-color: #f2f2f2;
    }

    .commerceSearch__tab .tabs__tab:after {
        top: 0;
        bottom: auto;
        transform-origin: top;
        left: -1px;
    }

@media screen and (min-width: 73.75em) {
    .commerceSearch__tab .tabs__tab {
        padding: 0.5em 3em;
        margin-bottom: -1px;
        border-bottom-color: #ACACAE;
    }

        .commerceSearch__tab .tabs__tab[aria-selected='true'], .commerceSearch__tab .tabs__tab.tabs--active {
            border-left-color: #ACACAE;
            border: 1px solid #ACACAE;
            border-bottom-color: #fff;
        }

        .commerceSearch__tab .tabs__tab:after {
            top: 0;
            bottom: auto;
            transform-origin: top;
            left: 0;
        }
}

.commerceSearch__tab .tabs__tab--header {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .75px;
}


/* Product Detail Page */
.tabs__content--product {
    padding: 4em 0;
}

.multiple-cta {
    width: 100%;
    background-color: #458BCA;
    padding: 70px 4em 53px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
    .multiple-cta {
        padding: 70px 3em 53px;
    }
}

.multiple-cta__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 950px) {
    .multiple-cta__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.multiple-cta__container .button.cta-icon {
    color: #fff;
    text-transform: lowercase;
    font-size: 18px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 17px;
    width: 100%;
}

@media screen and (min-width: 725px) {
    .multiple-cta__container .button.cta-icon {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(100%/3 - 1em);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .multiple-cta__container .button.cta-icon:nth-last-child(3) {
            margin-right: auto;
        }

        .multiple-cta__container .button.cta-icon:nth-child(3) {
            margin-left: auto;
        }
}

.multiple-cta__container .button.cta-icon img {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
    max-height: none;
    max-width: 72px;
}

@media screen and (min-width: 725px) {
    .multiple-cta__container .button.cta-icon img {
        margin-right: 17px;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.shoppingCart,
.checkout {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: calc(100% - 6em);
    max-width: 1180px;
}

.shoppingCart__right,
.checkout__right {
    padding-left: 0;
}

@media screen and (min-width: 960px) {
    .shoppingCart__right,
    .checkout__right {
        padding-left: 1.5em;
    }
}

@media screen and (min-width: 1024px) {
    .shoppingCart__right,
    .checkout__right {
        padding-left: 3em;
    }
}

.shoppingCart__promos {
    margin-bottom: 40px;
}

    .shoppingCart__promos h4 {
        margin: 0;
    }

    .shoppingCart__promos hr {
        margin-bottom: 20px;
    }

    .shoppingCart__promos .form__row--nowrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .shoppingCart__promos .form__row--nowrap .button {
            margin: 0;
        }

.shoppingCart__actionButton--checkout {
    margin-right: 0;
}

.shoppingCart__actions--bottom .shoppingCart__actionButton {
    width: 250px;
}

.shoppingCart__subtotal {
    display: none;
}

@media screen and (min-width: 960px) {
    .shoppingCart__subtotal {
        display: block;
    }
}

.shoppingCart__subtotal span {
    color: #458BCA;
    margin: 0 20px 0 0;
}

.shoppingCart__orderSummary,
.checkout__orderSummary {
    margin-bottom: 2em;
    padding: 0;
}

    .shoppingCart__orderSummary .shoppingCart__actionButton--checkout,
    .checkout__orderSummary .shoppingCart__actionButton--checkout {
        display: none;
    }

@media screen and (min-width: 960px) {
    .shoppingCart__orderSummary .shoppingCart__actionButton--checkout,
    .checkout__orderSummary .shoppingCart__actionButton--checkout {
        display: inline-block;
    }
}

.shoppingCart__orderHeader,
.checkout__orderHeader {
    background-color: #458BCA;
    padding: 26px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.75px;
}

    .shoppingCart__orderHeader span,
    .checkout__orderHeader span {
        text-transform: lowercase;
    }

.checkout__orderHeader--shopping-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .checkout__orderHeader--shopping-cart .clear-cart-form button {
        margin: 0;
        color: #fff;
        opacity: .75;
        cursor: pointer;
    }

        .checkout__orderHeader--shopping-cart .clear-cart-form button:hover {
            opacity: 1;
        }

/*right sidebar order summary*/
.orderSummary table {
    padding: 0 1em;
}

.orderSummary__value {
    text-align: right;
    padding-top: 0;
    padding-bottom: 16px;
    font-weight: bold;
}

.orderSummary__label {
    color: #458BCA;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.75px;
    padding-top: 0;
    padding-bottom: 16px;
    text-transform: lowercase;
}

.lineItemList__items {
    margin-bottom: 1em;
}

.validation-summary-errors {
    margin-bottom: 2em;
}

.notice.notice--inline {
    vertical-align: middle;
    padding: 0 .25em;
}

.checkout__continueNote {
    margin-top: 1em;
}

.tabs__panel--checkout {
    padding-left: 0;
    padding-right: 0;
}

/* address-form styles*/
.address-form {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.address-form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.address-form__row {
    width: 100%;
    margin-bottom: 1em;
}

.address-form__row--two {
    width: 100%;
    margin-bottom: 1em;
}

@media screen and (min-width: 600px) {
    .address-form__row--two {
        width: calc(50% - 1em);
    }

        .address-form__row--two:nth-of-type(2n+1) {
            margin-right: 2em;
        }
}

.address-form__label {
    display: inline-block;
}

.address-form__select,
.address-form__input {
    display: block;
    width: 100%;
    border: solid 1px #D5D5D6;
    letter-spacing: .75px;
}

    .address-form__select::-webkit-input-placeholder,
    .address-form__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .address-form__select:-moz-placeholder,
    .address-form__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .address-form__select::-moz-placeholder,
    .address-form__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .address-form__select:-ms-input-placeholder,
    .address-form__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.address-form__actions {
    width: 100%;
}

.checkoutLogin {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 8em);
    max-width: 1180px;
}

.checkoutLogin__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checkoutLogin__row--two {
    width: 100%;
    margin-bottom: 1em;
}

@media screen and (min-width: 600px) {
    .checkoutLogin__row--two {
        width: calc(50% - 1em);
    }

        .checkoutLogin__row--two:nth-child(odd) {
            margin-right: 2em;
        }
}

.checkoutLogin__field {
    margin-bottom: 1em;
}

.checkoutLogin__label {
    display: inline-block;
}

.checkoutLogin__input {
    display: block;
    width: 100%;
    border: solid 1px #D5D5D6;
    letter-spacing: .75px;
    margin-bottom: .5em;
}

    .checkoutLogin__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .checkoutLogin__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .checkoutLogin__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .checkoutLogin__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.signIn__field {
    margin-bottom: 1em;
}

.signIn__label {
    display: inline-block;
}

.signIn__input {
    display: block;
    width: 100%;
    border: solid 1px #D5D5D6;
    letter-spacing: .75px;
    text-transform: lowercase;
    margin-bottom: .5em;
}

    .signIn__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .signIn__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .signIn__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .signIn__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.addressBook__group--primary {
    margin-top: 1em;
    padding: 1em;
    background-color: #EEEEEE;
}

.addressBook__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.addressBook__row--two {
    width: 100%;
    margin-bottom: 3em;
}

@media screen and (min-width: 600px) {
    .addressBook__row--two {
        width: calc(50% - 1em);
    }

        .addressBook__row--two:nth-child(odd) {
            margin-right: 2em;
        }
}

.addressBook__item {
    margin-bottom: 1em;
}

.addressBook__label {
    display: inline-block;
}

.addressBook__select,
.addressBook__input {
    display: block;
    width: 100%;
    border: solid 1px #D5D5D6;
    letter-spacing: .75px;
    text-transform: lowercase;
}

    .addressBook__select::-webkit-input-placeholder,
    .addressBook__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .addressBook__select:-moz-placeholder,
    .addressBook__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .addressBook__select::-moz-placeholder,
    .addressBook__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .addressBook__select:-ms-input-placeholder,
    .addressBook__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.addressBook__item-text {
    margin-top: 1em;
}

.lineItem__nameLink {
    color: #458BCA;
    text-decoration: none;
}

.lineItem__name {
    margin-top: 0;
}

.lineItem__subtotal {
    display: block;
}

/* Island component */
.island {
    padding: 20px;
}

    .island.island--border {
        border: 1px solid #ddd;
    }

    .island.island--bg {
        background-color: #ACACAE;
    }

        .island.island--bg hr {
            border-top: 1px solid #FFF;
        }

/* basic slider */
.swiper-container--basic {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-top: 45px;
    margin-bottom: 80px;
    overflow: hidden;
}

@media screen and (min-width: 31.25em) {
    .swiper-container--basic {
        width: 100%;
        opacity: .99;
    }
}

.swiper-slide--basic {
    width: calc(85% - 32px);
    max-width: 1024px;
    /*@include transition('transform .25s');*/
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

.swiper-scale .swiper-slide--basic {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

@media screen and (min-width: 31.25em) {
    .swiper-slide--basic {
        width: 70%;
    }
}

.swiper-slide__image--basic {
    background-color: #EEEEEE;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
    padding: 0 4em 56.25%;
}

.swiper-slide__content--basic {
    width: 100%;
}

@media screen and (min-width: 31.25em) {
    .swiper-slide__content--basic {
        width: 70%;
    }
}

@media screen and (min-width: 73.75em) {
    .swiper-slide__content--basic {
        width: 50%;
    }
}

.swiper-button-next.swiper-button--basic, .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
    top: 0;
    right: calc(14% - 20px);
    margin-top: calc((((100% - 80px)*0.7)*0.5625)/2);
    -webkit-transform: translateX(50%) translateY(0);
    transform: translateX(50%) translateY(0);
    /* TODO: add right value once the slider is fixed at 1180px */
}

@media screen and (min-width: 91.438em) {
    .swiper-button-next.swiper-button--basic, .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
        right: calc((100% - 1186px)/2 + 40px);
        margin-top: calc((1024px * 0.5625)/2);
    }

    .layout__main[class*="md-"] .swiper-button-next.swiper-button--basic,
    .sectionBlock .swiper-button-next.swiper-button--basic, .layout__main[class*="md-"] .swiper-container-rtl .swiper-button-prev.swiper-button--basic,
    .sectionBlock .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
        right: calc(14% - 32px);
    }
}

.swiper-button-prev.swiper-button--basic, .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
    top: 0;
    left: calc(14% - 20px);
    margin-top: calc((((100% - 80px)*0.7)*0.5625)/2);
    -webkit-transform: translateX(-50%) translateY(0) rotate(180deg);
    transform: translateX(-50%) translateY(0) rotate(180deg);
    /* TODO: add right value once the slider is fixed at 1180px */
}

@media screen and (min-width: 91.438em) {
    .swiper-button-prev.swiper-button--basic, .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
        left: calc((100% - 1186px)/2 + 40px);
        margin-top: calc((1024px * 0.5625)/2);
    }

    .layout__main[class*="md-"] .swiper-button-prev.swiper-button--basic,
    .sectionBlock .swiper-button-prev.swiper-button--basic, .layout__main[class*="md-"] .swiper-container-rtl .swiper-button-prev.swiper-button--basic,
    .sectionBlock .swiper-container-rtl .swiper-button-prev.swiper-button--basic {
        left: calc(14% - 32px);
    }
}

.swiper-button--basic {
    border: none;
    background-image: none;
    width: 40px;
    height: 40px;
    margin: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: transparent;
  
}

    .swiper-button--basic:active {
        background-color: transparent;
        border-radius: 50%;
    }

.swiper-button__icon--basic {
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

    .swiper-button__icon--basic path {
        stroke: #458BCA;
    }

@media screen and (min-width: 73.75em) {
    .swiper-button__icon--basic path {
        stroke: #458BCA;
    }

    .swiper-button--basic:hover .swiper-button__icon--basic path {
        stroke: #fff;
    }
}

/* horizontal slider */
.swiper-container--horizontal {
    width: 100%;
}

    .swiper-container--horizontal.-no-swiper {
        display: block;
    }

        .swiper-container--horizontal.-no-swiper .swiper-wrapper {
            display: block;
        }

    .swiper-container--horizontal .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: auto;
    }

.swiper-slide--horizontal {
    width: auto;
    height: auto;
    padding: 85px 56.25px;
}

.-no-swiper .swiper-slide--horizontal {
    padding: 3rem 3rem 0;
}

.swiper-slide--horizontal:nth-last-child(2) {
    padding-right: 130px;
}

.swiper-slide--horizontal-start {
    width: auto;
    height: auto;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 85px 56.25px 85px 130px;
}

.-no-swiper .swiper-slide--horizontal-start {
    padding: 3rem 3rem 0;
}

.swiper-slide--horizontal-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #EEEEEE;
    padding: 85px 56.25px 85px 112px;
}

.-no-swiper .swiper-slide--horizontal-end {
    padding: 0 3rem 3rem;
}

.-no-swiper .swiper-slide--horizontal {
    display: block;
    width: 100%;
}

.swiper-controller--horizontal {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.-no-swiper .swiper-controller--horizontal {
    display: none;
}

.swiper-button--horizontal {
    position: relative;
    border: none;
    background-image: none;
    width: 10px;
    height: 17px;
    margin: 20px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

    .swiper-button--horizontal.swiper-button-disabled {
        background-color: transparent;
    }

    .swiper-button--horizontal:hover {
        color: #458BCA;
    }

        .swiper-button--horizontal:hover:before {
            content: none;
        }

.swiper-button__icon--horizontal {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

    .swiper-button__icon--horizontal path {
        stroke: #458BCA;
        -webkit-transition: .25s;
        transition: .25s;
    }

        .swiper-button__icon--horizontal path .swiper-button-disabled,
        .swiper-button--horizontal:hover .swiper-button__icon--horizontal path {
            stroke: #56565A;
        }

.swiper-slide__title--horizontal {
    font-size: 55px;
    font-weight: bold;
    color: #D5D5D6;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    margin: 0;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.swiper-slide__title--horizontal-link {
    font-size: 55px;
    font-weight: bold;
    color: #D5D5D6;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    margin: 0;
    text-decoration: none;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    -webkit-transition: color .25s, -webkit-transform .75s;
    transition: color .25s, -webkit-transform .75s;
    transition: color .25s, transform .75s;
    transition: color .25s, transform .75s, -webkit-transform .75s;
}

    .swiper-slide__title--horizontal-link:hover {
        color: #458BCA;
    }

.swiper-container.move-left .swiper-slide__title--horizontal-link {
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.swiper-container.move-right .swiper-slide__title--horizontal-link {
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}

.swiper-slide__title--horizontal-start {
    font-size: 55px;
    font-weight: bold;
    color: #56565A;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: none;
    margin: 0;
}

.swiper-container.move-left .swiper-slide__title--horizontal {
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.swiper-container.move-right .swiper-slide__title--horizontal {
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}

.swiper-slide__subtitle--horizontal {
    top: calc(50% - 25px/2 - 1088.5px);
    line-height: normal;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    color: #56565A;
    margin-bottom: 2.68em;
}

    .swiper-slide__subtitle--horizontal:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ACACAE;
        margin-top: 2.45em;
    }

.swiper-slide--horizontal:nth-last-child(2) .swiper-slide__subtitle--horizontal:after {
    width: calc(100% + 112px - 2em);
    z-index: 10;
}

.swiper-slide__content--horizontal {
    max-width: 286px;
    text-transform: none;
}

.swiper-slide__content--horizontal-start, .swiper-slide__content--horizontal-end {
    max-width: 286px;
    text-transform: none;
}

/* homepage slider */
.lock-scroll {
    overflow: hidden;
    -webkit-transition: .15s;
    transition: .15s;
}

.swiper-container--homepage {
    width: 100%;
    height: 100vh;
    padding-top: 71px;
    margin: 0 auto 2em;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 73.75em) {
    .swiper-container--homepage {
        min-height: 680px;
        height: calc(100vh - 127px);
        padding-top: 0;
        margin-bottom: 170px;
    }
}

.swiper-slide--homepage {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
}

.swiper-slide--homepage-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 1em;
}

.swiper-slide--homepage-initial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    pointer-events: none;
}

.parallax-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 1180px;
    height: 100%;
    background-size: cover;
    background-position: center;
}

@media screen and (min-width: 800px) {
    .parallax-bg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.swiper-slide__img--initial {
    position: relative;
    width: calc(100% - 3em);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    min-height: 190px;
    margin: 75px auto .75em;
    -webkit-transition: opacity .25s, -webkit-transform 1s;
    transition: opacity .25s, -webkit-transform 1s;
    transition: opacity .25s, transform 1s;
    transition: opacity .25s, transform 1s, -webkit-transform 1s;
}

.swiper-container[data-progress="hide-initial"] .swiper-slide__img--initial {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media screen and (max-height: 400px) {
    .swiper-slide__img--initial {
        max-width: 200px;
    }
}

@media screen and (min-width: 800px) {
    .swiper-slide__img--initial {
        position: absolute;
        top: 50%;
        left: -200px;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 50%;
        margin: 0 auto;
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .swiper-container[data-progress="hide-initial"] .swiper-slide__img--initial {
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
}

@-webkit-keyframes scrollHint {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    90% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes scrollHint {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    90% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

.swiper-slide__scroll-hint--initial {
    margin: 0 auto;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1);
    -webkit-animation: scrollHint 1.25s infinite ease-in-out;
    animation: scrollHint 1.25s infinite ease-in-out;
    width: 100%;
    position: absolute;
    bottom: 2em;
}

.swiper-container[data-progress="hide-initial"] .swiper-slide__scroll-hint--initial {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: scale(0);
    transform: scale(0);
}

@media screen and (min-width: 73.75em) {
    .swiper-slide__scroll-hint--initial {
        display: none;
    }

    .swiper-slide__right {
        position: absolute;
        right: 0px;
        width: 50%;
    }

    .swiper-slide__right .swiper-slide__title--hero{
        text-align:left;
    }
    .swiper-slide__right .swiper-slide__text--hero{
        text-align:left;
    }

    .swiper-slide__left {
        position: absolute;
        left: 0px;
        width: 50%;
    }

    .swiper-slide__left .swiper-slide__title--hero {
        text-align:left;
    }

    .swiper-slide__left .swiper-slide__text--hero{
        text-align:left;
    }

    .swiper-slide__text--hero{
        width:100%!important;
    }
}


.swiper-slide__content--homepage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 2em;
}

@media screen and (min-width: 31.25em) {
    .swiper-slide__content--homepage {
        padding: 0;
    }
}

.swiper-slide__content--initial {
    display: block;
    max-width: 100%;
    padding: 0 3em;
    margin-bottom: 2em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    -ms-flex-item-align: center;
    align-self: center;
}

@media screen and (min-width: 800px) {
    .swiper-slide__content--initial {
        margin-right: 4em;
        padding: 0;
        margin-bottom: 0;
        max-width: 500px;
    }
}

.swiper-slide__title--initial {
    position: relative;
    font-size: 55px;
    font-weight: bold;
    color: #458BCA;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    font-size: 25px;
    margin: 0 auto .25em;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: opacity .5s, -webkit-transform 1s;
    transition: opacity .5s, -webkit-transform 1s;
    transition: opacity .5s, transform 1s;
    transition: opacity .5s, transform 1s, -webkit-transform 1s;
}

.swiper-container[data-progress="hide-initial"] .swiper-slide__title--initial {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@media screen and (min-width: 800px) {
    .swiper-slide__title--initial {
        font-size: 55px;
    }
}

.swiper-slide__title--hero {
    font-size: 55px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    font-size: 25px;
    text-align: center;
    margin: 0 auto 1em;
    width: 100%;
    max-width: 800px;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
}

@media screen and (min-width: 31.25em) {
    .swiper-slide__title--hero {
        font-size: 55px;
        margin: 0 auto .5em;
    }
}

.swiper-slide__title--blue {
    color: #458BCA;
}

.swiper-slide__subtitle--initial {
    color: #458BCA;
    line-height: 1.25;
    font-size: 11px;
    letter-spacing: 0.75px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateX(0) translateY(100px);
    transform: translateX(0) translateY(100px);
    -webkit-transition: opacity .5s, -webkit-transform 1s;
    transition: opacity .5s, -webkit-transform 1s;
    transition: opacity .5s, transform 1s;
    transition: opacity .5s, transform 1s, -webkit-transform 1s;
}

.swiper-container[data-progress="1"] .swiper-slide__subtitle--initial {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.swiper-container[data-progress="hide-initial"] .swiper-slide__subtitle--initial {
    -webkit-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translateY(0);
}

@media screen and (min-width: 800px) {
    .swiper-slide__subtitle--initial {
        font-size: 22px;
    }
}

.swiper-slide__text--hero {
    position: relative;
    color: #fff;
    margin: 0 auto 1em;
    line-height: 1.25;
    font-size: 17px;
    text-align: center;
    letter-spacing: 0.75px;
    width: calc(100% - 6em);
    max-width: 800px;
}

@media screen and (min-width: 31.25em) {
    .swiper-slide__text--hero {
        font-size: 22px;
    }
}

/* project spotlight slider */
.swiper-container--project-spotlight {
    width: 100%;
    min-height: 600px;
    height: 100vh;
    max-height: 850px;
}

    .swiper-container--project-spotlight .epi-editorViewport-previewBox,
    .epi-editContainer .swiper-container--project-spotlight {
        max-height: 600px;
    }

.swiper-slide--project-spotlight {
    background-color: rgba(86, 86, 90, 0.4);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-slide--project-spotlight .epi-editorViewport-previewBox,
    .epi-editContainer .swiper-slide--project-spotlight {
        max-height: 600px;
    }

    .swiper-slide--project-spotlight:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 86, 90, 0.6)), color-stop(25%, rgba(86, 86, 90, 0.4)), color-stop(85%, rgba(86, 86, 90, 0.6)));
        background: linear-gradient(to bottom, rgba(86, 86, 90, 0.6), rgba(86, 86, 90, 0.4) 25%, rgba(86, 86, 90, 0.6) 85% 100%);
    }

@supports (background-blend-mode: multiply) {
    .swiper-slide--project-spotlight {
        background-blend-mode: multiply;
    }

        .swiper-slide--project-spotlight:before {
            content: none;
        }
}

.swiper-button-next.swiper-button--project-spotlight, .swiper-container-rtl .swiper-button-prev.swiper-button--project-spotlight {
    right: 4em;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}

.swiper-button-prev.swiper-button--project-spotlight, .swiper-container-rtl .swiper-button-prev.swiper-button--project-spotlight {
    left: 4em;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.swiper-button--project-spotlight {
    border: none;
    background-image: none;
    width: 46px;
    height: 46px;
    margin: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
   
}

    .swiper-button--project-spotlight:active {
        background-color: #fff;
        border-radius: 50%;
    }

    .swiper-button--project-spotlight[disabled], .swiper-button--project-spotlight[aria-disabled="true"] {
        background-color: transparent;
    }

@media screen and (min-width: 73.75em) {
    .swiper-button--project-spotlight:not([disabled]):hover {
        background-color: #fff;
    }
}

.swiper-button__icon--project-spotlight {
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

    .swiper-button__icon--project-spotlight path {
        stroke: #fff;
    }

@media screen and (min-width: 73.75em) {
    .swiper-button--project-spotlight:hover .swiper-button__icon--project-spotlight path {
        stroke: #458BCA;
    }
}

/* market doc slider */
.swiper-section--docs {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 40px;
    margin: 45px auto 80px;
}

@media screen and (min-width: 31.25em) {
    .swiper-section--docs {
        max-width: 73.75em;
        padding: 0 70px;
    }
}

.swiper-container--docs {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 31.25em) {
    .swiper-container--docs {
        opacity: .99;
    }
}

.swiper-container__box {
    position: relative;
    display: block;
}

.swiper-container__title {
    margin: 1em auto;
}

    .swiper-container__title.headline {
        text-transform: lowercase;
    }

.swiper-slide--docs {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    color: #458BCA;
    font-weight: 600;
    text-decoration: none;
}

@media screen and (min-width: 31.25em) {
    .swiper-slide--docs {
        width: 20%;
        max-width: 170px;
    }
}

.swiper-slide__cover--docs {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    border: solid 0.25px #56565A;
}

.swiper-slide__title--docs {
    width: 100%;
    padding: 0 1em;
}

.swiper-button-next.swiper-button--docs, .swiper-container-rtl .swiper-button-prev.swiper-button--docs {
    top: 0;
    margin-top: calc(75% - 45px);
    right: -20px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

@media screen and (min-width: 31.25em) {
    .swiper-button-next.swiper-button--docs, .swiper-container-rtl .swiper-button-prev.swiper-button--docs {
        right: -35px;
        margin-top: calc((20% - 40px)/2);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.swiper-button-prev.swiper-button--docs, .swiper-container-rtl .swiper-button-prev.swiper-button--docs {
    top: 0;
    left: -20px;
    margin-top: calc(75% - 45px);
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
}

@media screen and (min-width: 31.25em) {
    .swiper-button-prev.swiper-button--docs, .swiper-container-rtl .swiper-button-prev.swiper-button--docs {
        left: -35px;
        margin-top: calc((20% - 40px)/2);
        -webkit-transform: translateX(-50%) rotate(180deg);
        transform: translateX(-50%) rotate(180deg);
    }
}

.swiper-button--docs {
    border: none;
    background-image: none;
    width: 40px;
    height: 40px;
    margin: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: transparent;
   
}

    .swiper-button--docs:active {
        background-color: transparent;
        border-radius: 50%;
    }

    .swiper-button--docs.swiper-button-lock {
        display: none;
    }

.swiper-button__icon--docs {
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

    .swiper-button__icon--docs path {
        stroke: #458BCA;
    }

@media screen and (min-width: 73.75em) {
    .swiper-button__icon--docs path {
        stroke: #458BCA;
    }

    .swiper-button--docs:hover .swiper-button__icon--docs path {
        stroke: #fff;
    }
}

.product__header {
    width: calc(100% - 8em);
    max-width: 1180px;
    margin: 0 auto;
    padding: 3em 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

@media screen and (min-width: 31.25em) {
    .product__left {
        padding-right: 4em;
    }
}

.product__right {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 300px;
    flex: 1 0 300px;
}

.product__count-list {
    counter-reset: line-number;
}

.product__count-item {
    position: relative;
    padding: 0.75em 0 0;
    margin: 0.5em 0 70px;
    counter-increment: line-number;
}

.product__countIndex {
    position: relative;
    background-color: #EEEEEE;
    color: #458BCA;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.75px;
    line-height: normal;
    text-transform: lowercase;
}

    .product__countIndex:before {
        content: counter(line-number);
    }

.product__select-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product__select-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin-left: 1em;
}

.product__selected-label {
    font-weight: 600;
}

.product__selected-option {
    font-weight: 600;
    margin-left: .5em;
}

.product__footer--configure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3em;
    margin-bottom: 3em;
}

.product__footer-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    color: #458BCA;
    max-width: 100%;
}

@media screen and (min-width: 31.25em) {
    .product__footer-left {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

.product__footer-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 100%;
}

.product__running-label {
    font-weight: 600;
}

.js-product-page-documents-list .search-result__item p[data-header="product"], .js-product-page-documents-list .search-result__item p[data-header="category"] {
    display: none;
}

.js-product-page-documents-list .search-result__header span:nth-child(1), .js-product-page-documents-list .search-result__header span:nth-child(2) {
    display: none;
}

.resource-block {
    margin: 2em 0;
}

    .resource-block > a > div {
        /*Overlapping issue*/
        word-wrap: break-word;
    }

.cta-button {
    margin: 4em 0;
}

div.cta-description {
    margin-top: -2em;
}

/* News page & articles */
.newsPage.width--layout {
    max-width: 600px;
}

@media print, screen and (min-width: 45em) {
    .newsArticle.newsArticle--listing.newsArticle--hasImage:after {
        content: '';
        display: block;
        clear: both;
    }

    .newsArticle.newsArticle--listing .newsArticle__image {
        display: block;
        float: left;
        margin: 0 20px 20px 0;
        max-width: 30%;
    }
}

.newsBlock__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5em;
}

.newsArticle--listing {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 225px;
    flex: 1 1 225px;
    margin-right: 2em;
    margin-bottom: 3em;
}

.sidebar .newsArticle--listing {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 225px;
    flex: 1 1 225px;
}

@media screen and (min-width: 48em) {
    .newsArticle--listing {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 225px;
        flex: 0 1 225px;
    }
}

.newsArticle__title {
    margin-top: 0;
}

.newsArticle__titleLink {
    color: #458BCA;
    text-decoration: none;
}

.newsArticle__content {
    max-width: 600px;
    margin: 0 auto;
}

.extension-link__link-group {
    width: calc(25% - 20px);
    max-width: 235px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 780px) {
    .extension-link__link-group {
        width: auto;
        max-width: none;
        margin-right: auto;
        margin-left: auto;
    }
}

.extension-link__link {
    margin: 0 1em 1em 0;
    background-color: #458BCA;
    color: #fff;
    padding: 7px 0;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1.03px;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    min-width: 50px;
}

.extension-link__download-link {
    margin-right: 1em;
    background-color: #458BCA;
    color: #fff;
    padding: 7px 3px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1.03px;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    min-width: 150px;
}

/* Notices */
.notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em;
    border: none;
    text-align: left;
    position: relative;
    color: #458BCA;
    background-color: #D0E2F2;
    text-transform: none;
    cursor: pointer;
    -webkit-transition: .25s;
    transition: .25s;
    border-radius: 0;
}

    .notice:hover {
        opacity: .9;
    }

    .notice.notice--error {
        padding: 0;
        color: #CA4545;
        background-color: #F2D0D0;
    }

        .notice.notice--error:not(.notice--icon) {
            padding: 1em;
        }

        .notice.notice--error.notice--label {
            padding: 0;
        }

    .notice.notice--warning {
        padding: 0;
        color: #fff;
        background-color: rgba(213, 146, 34, 0.75);
    }

        .notice.notice--warning:not(.notice--icon) {
            padding: 1em;
        }

        .notice.notice--warning.notice--label {
            padding: 0;
        }

    .notice.notice--success {
        padding: 0;
        color: #fff;
        background-color: rgba(48, 153, 71, 0.75);
    }

        .notice.notice--success:not(.notice--icon) {
            padding: 1em;
        }

        .notice.notice--success.notice--label {
            padding: 0;
        }

    .notice .notice__delete {
        justify-self: flex-end;
        margin-left: auto;
        margin-right: 1rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        font-weight: bold;
        font-size: 34px;
    }

    .notice.notice--inline,
    .inline .notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        vertical-align: middle;
        margin-bottom: 0;
        padding: 0 1em 0 0;
        line-height: 1.4;
        height: 2.5em;
        text-align: inherit;
    }

        .notice.notice--inline.notice--icon:before,
        .inline .notice.notice--icon:before {
            min-width: 34px;
            padding: .25em;
        }

    .notice.notice--inline {
        height: auto;
        border: none;
    }

    .notice.notice--label .notice__label {
        position: relative;
        color: #fff;
        background-color: #458BCA;
        min-width: 114px;
        padding: 1em;
        margin-right: 1em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .notice.notice--label.notice--error .notice__label,
    .notice.notice--label.notice--error.notice--multiple li .notice__label,
    .notice.notice--label.notice--error.validation-summary-errors li .notice__label {
        background-color: #CA4545;
    }

    .notice.notice--label.notice--warning .notice__label,
    .notice.notice--label.notice--warning.notice--multiple li .notice__label,
    .notice.notice--label.notice--warning.validation-summary-errors li .notice__label {
        background-color: #D59222;
    }

    .notice.notice--label.notice--success .notice__label,
    .notice.notice--label.notice--success.notice--multiple li .notice__label,
    .notice.notice--label.notice--success.validation-summary-errors li .notice__label {
        background-color: #309947;
    }

    .notice.notice--icon:before,
    .notice.notice--icon.notice--multiple li:before,
    .notice.notice--icon.validation-summary-errors li:before {
        font-family: FontAwesome;
        content: "\f06a";
        position: relative;
        color: #fff;
        background-color: #458BCA;
        min-width: 114px;
        padding: 1em;
        margin-right: 1em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .notice.notice--icon.notice--error:before,
    .notice.notice--icon.notice--error.notice--multiple li:before,
    .notice.notice--icon.notice--error.validation-summary-errors li:before {
        content: "\f057";
        background-color: #CA4545;
    }

    .notice.notice--icon.notice--warning:before,
    .notice.notice--icon.notice--warning.notice--multiple li:before,
    .notice.notice--icon.notice--warning.validation-summary-errors li:before {
        content: '';
        background-color: #D59222;
    }

    .notice.notice--icon.notice--success:before,
    .notice.notice--icon.notice--success.notice--multiple li:before,
    .notice.notice--icon.notice--success.validation-summary-errors li:before {
        content: "\f058";
        background-color: #309947;
    }

    .notice.notice--multiple, .notice.validation-summary-errors {
        text-align: left;
        padding: 0;
        padding-left: 114px;
        margin-bottom: 1em;
    }

        .notice.notice--multiple:hover, .notice.validation-summary-errors:hover {
            opacity: 1;
        }

        .notice.notice--multiple:not(.notice--icon) li, .notice.validation-summary-errors:not(.notice--icon) li {
            padding: 1em;
            border-bottom: solid 1px;
        }

            .notice.notice--multiple:not(.notice--icon) li:last-child, .notice.validation-summary-errors:not(.notice--icon) li:last-child {
                border-bottom: none;
            }

        .notice.notice--multiple.notice--label, .notice.validation-summary-errors.notice--label {
            padding: 0;
        }

        .notice.notice--multiple.notice--icon:before, .notice.validation-summary-errors.notice--icon:before {
            content: none;
        }

        .notice.notice--multiple.notice--icon:after, .notice.validation-summary-errors.notice--icon:after {
            content: '';
            display: block;
            clear: both;
        }

        .notice.notice--multiple.notice--icon li, .notice.validation-summary-errors.notice--icon li {
            position: relative;
            list-style: none;
            padding: 1em;
            border-bottom: solid 1px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            opacity: 1;
            -webkit-transition: .25s;
            transition: .25s;
        }

            .notice.notice--multiple.notice--icon li:hover, .notice.validation-summary-errors.notice--icon li:hover {
                opacity: .9;
            }

            .notice.notice--multiple.notice--icon li:last-child, .notice.validation-summary-errors.notice--icon li:last-child {
                border-bottom: none;
            }

            .notice.notice--multiple.notice--icon li:before, .notice.validation-summary-errors.notice--icon li:before {
                position: absolute;
                top: 0;
                left: auto;
                right: 100%;
                height: 100%;
                margin-right: 0;
            }

        ul.notice.notice--multiple.notice--icon,
        .notice.notice--multiple.notice--icon ul,
        .validation-summary-errors.notice--icon ul {
            padding: 0;
            margin: 0;
            width: 100%;
        }

/* Overlay */
.overlay {
    position: relative;
    display: inline-block;
}

.block--overlay > .overlay {
    display: block;
    width: 100%;
}

a.overlay {
    color: inherit;
    text-decoration: none;
}

    a.overlay:hover {
        text-decoration: none;
    }

.overlay__hover {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s linear;
    transition: opacity .2s ease-in-out, visibility .2s linear;
}

.overlay:hover > .overlay__hover {
    opacity: 1;
    visibility: visible;
}

.overlay__image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .overlay__image > img {
        display: block;
        width: 100%;
        visibility: hidden;
    }

.overlay__content {
    padding: 20px;
}

    .overlay__content > .wysiwyg {
        max-width: 100%;
    }

.overlay__static,
.overlay__hover,
.overlay__image,
.overlay__content {
    width: 100%;
}

.overlay--hasHoverImage > .overlay__static,
.overlay--hasHoverContent > .overlay__static,
.overlay--hasStaticImage > .overlay__static > .overlay__image,
.overlay--hasHoverImage > .overlay__hover > .overlay__image {
    margin-right: -100%;
}

.overlay__static {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s linear;
    transition: opacity .2s ease-in-out, visibility .2s linear;
}

.M-no-flexbox .overlay {
    font-size: 0;
    white-space: nowrap;
}

.M-no-flexbox .overlay__static,
.M-no-flexbox .overlay__hover,
.M-no-flexbox .overlay__image,
.M-no-flexbox .overlay__content {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.M-no-flexbox .overlay__image {
    background-size: 0;
}

    .M-no-flexbox .overlay__image:before,
    .M-no-flexbox .overlay--noHoverImage > .overlay__hover > .overlay__content:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: inherit;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

.M-no-flexbox .overlay--noHoverImage > .overlay__hover > .overlay__image:before {
    background-color: #D5D5D6;
    background-image: none;
}

.M-no-flexbox .overlay__image,
.M-no-flexbox .overlay__content {
    font-size: 16px;
    font-size: 1rem;
    white-space: normal;
}

.M-no-flexbox .overlay__content {
    text-align: center;
}

.overlay--hasStaticImage > .overlay__static > .M-no-flexbox .overlay__content,
.overlay--hasHoverImage > .overlay__hover > .M-no-flexbox .overlay__content {
    position: relative;
}

.M-no-flexbox .overlay__content .wysiwyg {
    display: inline-block;
    text-align: left;
}

.M-no-flexbox .overlay__static.align--left,
.M-no-flexbox .overlay__hover.align--left {
    text-align: left;
}

    .M-no-flexbox .overlay__static.align--left > .overlay__content > .wysiwyg,
    .M-no-flexbox .overlay__hover.align--left > .overlay__content > .wysiwyg {
        text-align: left;
    }

.M-no-flexbox .overlay__static.align--right,
.M-no-flexbox .overlay__hover.align--right {
    text-align: left;
}

    .M-no-flexbox .overlay__static.align--right > .overlay__content > .wysiwyg,
    .M-no-flexbox .overlay__hover.align--right > .overlay__content > .wysiwyg {
        text-align: right;
    }

.M-no-flexbox .overlay__static.align--center,
.M-no-flexbox .overlay__hover.align--center {
    text-align: left;
}

    .M-no-flexbox .overlay__static.align--center > .overlay__content > .wysiwyg,
    .M-no-flexbox .overlay__hover.align--center > .overlay__content > .wysiwyg {
        text-align: center;
    }

.M-no-flexbox .overlay__static.align--justify,
.M-no-flexbox .overlay__hover.align--justify {
    text-align: left;
}

    .M-no-flexbox .overlay__static.align--justify > .overlay__content > .wysiwyg,
    .M-no-flexbox .overlay__hover.align--justify > .overlay__content > .wysiwyg {
        text-align: justify;
    }

.M-no-flexbox .top > .overlay__content {
    vertical-align: top;
}

.M-no-flexbox .bottom > .overlay__content {
    vertical-align: bottom;
}

.M-no-flexbox .left > .overlay__content {
    text-align: left;
}

.M-no-flexbox .right > .overlay__content {
    text-align: right;
}

.M-flexbox .overlay,
.M-flexbox .overlay__static,
.M-flexbox .overlay__hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.M-flexbox .overlay__static,
.M-flexbox .overlay__hover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.M-flexbox .overlay__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .M-flexbox .overlay__content > .wysiwyg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.M-flexbox .overlay--noHoverImage > .overlay__hover {
    background-color: #D5D5D6;
}

.M-flexbox .top > .overlay__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.M-flexbox .bottom > .overlay__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.M-flexbox .left > .overlay__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.M-flexbox .right > .overlay__content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.M-flexwrap .grid--align-stretch > .block--overlay > .overlay,
.M-flexwrap .block--align-stretch.block--overlay > .overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/* Scroll-to-top component */
.scrollToTop {
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 499;
    text-align: center;
    width: 4.5em;
    line-height: 1.25em;
    font-size: 11px;
    font-size: .75rem;
    text-transform: uppercase;
    outline: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out, visibility .2s linear;
    transition: opacity .2s ease-in-out, visibility .2s linear;
    display: none;
}

    .scrollToTop:hover {
        text-decoration: none;
    }

    .scrollToTop:before {
        content: "\f077";
        font-family: FontAwesome;
        display: block;
        text-align: center;
        font-size: 3em;
        line-height: .75em;
        margin-bottom: 5px;
        font-weight: 400;
        opacity: .25;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

    .scrollToTop:hover:before {
        opacity: .5;
    }

    .scrollToTop.scrollToTop--visible {
        opacity: 1;
        visibility: hidden;
    }

@media print, screen and (min-width: 45em) {
    .scrollToTop {
        display: block;
        color: #666;
        font-weight: 700;
    }

        .scrollToTop:before {
            color: #333;
        }

    .layout--empty .scrollToTop {
        display: none;
    }
}

/*
 * Fix for EPiServer's embarrassingly outdated method of displaying forms
 * using HTML from the Paleozoic Era.
 */
.xform {
    width: 100%;
}

    .xform > table {
        width: 100%;
    }

    .xform label {
        display: block;
    }

    .xform input[type='text'],
    .xform input[type='password'],
    .xform textarea {
        width: 100%;
    }

    .xform fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

    .xform legend {
        margin: 0 0 .75em;
    }

.validation-summary-errors[data-valmsg-summary='true'] ~ .xform .field-validation-error {
    display: none;
}

.xform input[type="submit"]:hover {
    background-color: #458BCA;
}

.block--xForm .validation-summary-errors {
    border: solid 1px #ff0000;
    max-width: calc(100% - 2em);
    margin: 1em auto 2em;
    padding: 0 2em;
}

    .block--xForm .validation-summary-errors ul li:before {
        content: none;
        display: none;
    }

    .block--xForm .validation-summary-errors li {
        color: #ff0000;
    }

.silverpop-hiddenField {
    display: none !important;
}

.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .category .grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .category .button.load-more-samples-results {
        margin: 0 auto;
    }

.project-spotlight {
    display: block;
    position: relative;
    text-shadow: 1px 1px 2px #000;
}

    .project-spotlight .button {
        text-shadow: none;
        background-color: rgba(86, 86, 90, 0.6);
    }

@supports (background-blend-mode: multiply) {
    .project-spotlight {
        text-shadow: none;
    }

        .project-spotlight .button {
            background-color: transparent;
        }
}

.project-spotlight__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 3em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 8em);
    z-index: 10;
    color: #fff;
}

.project-spotlight__title {
    margin: 0 auto 1rem;
    font-size: 18px;
}

.project-spotlight__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.project-spotlight__nav-item {
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 3vw;
    text-indent: 100%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.75px;
    opacity: 0.5;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    cursor: pointer;
}

    .project-spotlight__nav-item.active {
        opacity: 1;
    }

@media screen and (min-width: 73.75em) {
    .project-spotlight__nav-item {
        width: auto;
        max-width: 160px;
        height: auto;
        background-color: transparent;
        text-indent: 0;
        border-radius: 0;
    }

        .project-spotlight__nav-item:hover {
            opacity: 1;
        }
}

.project-spotlight__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 8em);
    color: #fff;
}

@media screen and (min-width: 73.75em) {
    .project-spotlight__content {
        bottom: 85px;
    }
}

.project-spotlight__slide-category {
    margin: 0 auto 1rem;
    font-size: 18px;
    width: 100%;
}

.project-spotlight__slide-title {
    margin: 0 5vw .5em 0;
    line-height: 1.25;
    font-size: 34px;
    font-weight: bold;
}

@media screen and (min-width: 73.75em) {
    .project-spotlight__slide-title {
        margin-bottom: 0;
        line-height: 1.5;
    }
}

.image-grid {
    position: relative;
    padding: 4em 0 2em;
}

.image-grid--bg-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
}

@media screen and (min-width: 795px) {
    .image-grid--bg-left:before {
        width: calc((100%/3)*2);
    }
}

@media screen and (min-width: 1150px) {
    .image-grid--bg-left:before {
        width: 50%;
    }
}

.image-grid--bg-right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
}

@media screen and (min-width: 795px) {
    .image-grid--bg-right:before {
        width: calc((100%/3)*2);
    }
}

@media screen and (min-width: 1150px) {
    .image-grid--bg-right:before {
        width: 50%;
    }
}

.image-grid--full-width {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.image-grid__wrapper {
    display: block;
    width: calc(100% - 8em);
    max-width: 1180px;
    margin: 0 auto;
}

.image-grid__wrapper--featured {
    display: block;
}

.image-grid__wrapper--col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.image-grid__list {
    display: block;
}

@media screen and (min-width: 795px) {
    .image-grid__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin: 0 -1.5em;
    }
}

.image-grid__list--col-2 {
    width: 100%;
}

@media screen and (min-width: 795px) {
    .image-grid__list--col-2 {
        width: calc(50% + 1.5em);
        margin-right: -1.5em;
        margin-left: auto;
    }

    .image-grid--bg-right .image-grid__list--col-2 {
        margin-right: auto;
        margin-left: -1.5em;
    }
}

@media screen and (min-width: 1150px) {
    .image-grid__list--col-2 {
        width: calc((100%/3)*2 + 1.5em);
    }
}

.image-grid__list--col-1 {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

@media screen and (min-width: 795px) {
    .image-grid__list--col-1 {
        width: calc(50% + 1.5em);
        margin-left: -1.5em;
        margin-right: auto;
    }

    .image-grid--bg-right .image-grid__list--col-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto;
        margin-right: -1.5em;
    }
}

@media screen and (min-width: 1150px) {
    .image-grid__list--col-1 {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(100%/3 + 1.5em);
    }
}

.image-grid__item {
    position: relative;
    display: block;
    background-color: #EEEEEE;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #458BCA;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-bottom: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-radius .15s;
    transition: border-radius .15s;
    margin: 0 auto 3em;
    text-decoration: none;
}

@media screen and (min-width: 795px) {
    .image-grid__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 3em);
        flex-basis: calc(50% - 3em);
        max-width: calc(50% - 3em);
        margin: 0 1.5em 3em;
        padding-bottom: 0;
    }

        .image-grid__item:hover {
            border-radius: 50%;
            transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
        }

        .image-grid__item:before {
            content: '';
            display: block;
            padding-top: 100%;
            float: left;
        }

    .image-grid__list--col-2 .image-grid__item,
    .image-grid__list--col-1 .image-grid__item {
        -ms-flex-preferred-size: calc(100% - 3em);
        flex-basis: calc(100% - 3em);
        max-width: calc(100% - 3em);
    }

    .image-grid__list--col-1 .image-grid__item {
        position: -webkit-sticky;
        position: sticky;
        top: 1.5em;
    }
}

@media screen and (min-width: 1150px) {
    .image-grid__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(100%/3 - 3.1em);
        flex-basis: calc(100%/3 - 3.1em);
        max-width: calc(100%/3 - 3em);
    }

    .image-grid__list--col-2 .image-grid__item {
        -ms-flex-preferred-size: calc(50% - 3em);
        flex-basis: calc(50% - 3em);
        max-width: calc(50% - 3em);
    }

    .image-grid__list--col-1 .image-grid__item {
        position: relative;
        top: auto;
    }
}

.image-grid__item--span2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

    .image-grid__item--span2:before {
        padding-top: calc(100%/2 - 2em);
    }

@media screen and (min-width: 1150px) {
    .image-grid__item--span2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc((100%/3)*2 - 3em);
        flex-basis: calc((100%/3)*2 - 3em);
        -ms-flex-item-align: stretch;
        align-self: stretch;
        max-width: calc((100%/3)*2 - 3em);
    }
}

.image-grid__item--featured {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

    .image-grid__item--featured:before {
        padding-top: calc(100%/2 - 2em);
    }

@media screen and (min-width: 1150px) {
    .image-grid__item--featured {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc((100%/3)*2 - 3em);
        flex-basis: calc((100%/3)*2 - 3em);
        -ms-flex-item-align: stretch;
        align-self: stretch;
        max-width: calc((100%/3)*2 - 3em);
    }
}

.image-grid__item--featured:hover {
    border-radius: 0;
}

.image-grid__item--filler {
    display: none;
    background: none;
    background-color: transparent;
    pointer-events: none;
}

@media screen and (min-width: 1150px) {
    .image-grid__item--filler {
        display: block;
    }
}

.image-grid__item--text-gray, .image-grid__item--text-blue {
    color: #56565A;
    background-color: transparent;
    background-image: none;
    padding-bottom: 0;
}

@media screen and (min-width: 1150px) {
    .image-grid__item--text-gray, .image-grid__item--text-blue {
        overflow: hidden;
    }

        .image-grid__item--text-gray:hover, .image-grid__item--text-blue:hover {
            border-radius: 0;
        }
}

@media screen and (max-width: 795px) {
    .image-grid__item--text-gray .image-grid__content, .image-grid__item--text-blue .image-grid__content {
        position: relative;
        top: auto;
        left: auto;
    }
}

.image-grid__item--gray {
    color: #56565A;
}

.image-grid__item--text-blue {
    color: #458BCA;
}

.image-grid__label {
    color: #458bca;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 0.75px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: .5em;
    margin: 0;
    max-width: 60%;
    position: absolute;
    top: .5em;
    left: 1em;
    -webkit-transition: .25s;
    transition: .25s;
}

@media screen and (min-width: 1150px) {
    .image-grid__item:hover .image-grid__label {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.image-grid__content {
    top: 0;
    left: 0;
    width: 100%;
    max-width: calc(450px + 2em);
    position: absolute;
    height: 100%;
    padding: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

    .image-grid__content .button {
        color: currentColor;
        border-color: currentColor;
    }

.image-grid__item--featured .image-grid__content {
    left: auto;
    right: 0;
    max-width: 50%;
}

@media screen and (min-width: 795px) {
    .image-grid__wysiwyg {
        max-height: 100px;
        overflow: hidden;
        margin-bottom: .25em;
    }
}

.image-grid__intro {
    width: 100%;
    font-size: 24px;
}

.image-grid__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    width: 100%;
}

.image-grid__title--featured {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.15;
    letter-spacing: 0.75px;
}

.text-grid {
    position: relative;
    padding: 4em 0;
}

.text-grid__wrapper {
    display: block;
    width: calc(100% - 6em);
    max-width: 1100px;
    margin: 0 auto;
}

@media screen and (min-width: 795px) {
    .text-grid__wrapper {
        width: 92%;
    }
}

@media screen and (min-width: 73.75em) {
    .text-grid__wrapper {
        width: calc(100% - 6em);
    }
}

.text-grid__list {
    display: block;
}

@media screen and (min-width: 795px) {
    .text-grid__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin: 0 -4%;
    }
}

@media screen and (min-width: 1150px) {
    .text-grid__list {
        margin: 0 -3em;
    }
}

.text-grid__item {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 250px;
    color: #56565A;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-radius .15s;
    transition: border-radius .15s;
    margin: 0 auto 3em;
    text-decoration: none;
}

@media screen and (min-width: 795px) {
    .text-grid__item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: calc(100%/3 - 8%);
        flex-basis: calc(100%/3 - 8%);
        margin: 0 4% 3em;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1150px) {
    .text-grid__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(17%);
        flex-basis: calc(17%);
        max-width: calc(17%);
    }
}

.text-grid__icon-wrapper {
    margin-bottom: 1em;
}

    .text-grid__icon-wrapper.-has-icon {
        height: 55px;
    }

@media screen and (min-width: 795px) {
    .text-grid__icon-wrapper {
        height: 55px;
    }
}

.text-grid__icon-wrapper.text-grid__image-wrapper {
    height: 150px;
}

@media screen and (min-width: 795px) {
    .text-grid__icon-wrapper.text-grid__image-wrapper {
        height: 150px;
    }
}

.text-grid__icon-wrapper.text-grid__image-wrapper .text-grid__icon {
    width: 100%;
    height: 100%;
}

.text-grid__icon {
    max-width: 100%;
    max-height: 100%;
}

    .text-grid__icon[src=""] {
        display: none;
    }

.text-grid__content {
    width: 100%;
    max-width: calc(450px + 2em);
    height: 100%;
}

.text-grid__intro {
    width: 100%;
}

.text-grid__title {
    color: #458BCA;
    margin-top: 0;
    margin-bottom: .25em;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0.75px;
    text-transform: lowercase;
}

.share {
    max-width: 1180px;
    width: calc(100% - 8em);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .share hr {
        width: 100%;
    }

.share--wysiwyg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.share__addthis,
.share__download {
    padding: 0 1em;
}

.resource-tile {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.resource-tile__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #fff;
    padding: 16px;
    text-decoration: none;
    min-height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resource-tile__item--header {
    color: #458BCA;
    padding: 15px 5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden;
}

@media screen and (min-width: 73.75em) {
    .resource-tile__item--header {
        max-width: calc(99%/6);
    }
}

.resource-tile__item p {
    margin: .5em auto 0;
    width: 100%;
}

@media screen and (min-width: 700px) {
    .resource-tile__item {
        -ms-flex-preferred-size: calc(100%/3);
        flex-basis: calc(100%/3);
    }
}

@media screen and (min-width: 73.75em) {
    .resource-tile__item {
        -ms-flex-preferred-size: calc(100%/6 - 32px);
        flex-basis: calc(100%/6 - 32px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.resource-tile__item:nth-child(1) {
    background-color: #ECF3F9;
}

.resource-tile__item:nth-child(2) {
    background-color: rgba(69, 139, 202, 0.4);
}

.resource-tile__item:nth-child(3) {
    background-color: rgba(69, 139, 202, 0.5);
}

.resource-tile__item:nth-child(4) {
    background-color: rgba(69, 139, 202, 0.6);
}

.resource-tile__item:nth-child(5) {
    background-color: rgba(69, 139, 202, 0.7);
}

.resource-tile__item:nth-child(6) {
    background-color: rgba(69, 139, 202, 0.8);
}

.resource-tile__title {
    font-size: 18px;
    letter-spacing: 0.75px;
    text-transform: lowercase;
    width: 100%;
}

.resource-tile__item--header .resource-tile__title {
    font-weight: bold;
    margin-bottom: 15px;
}

.resource-tile__cta {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.625px;
}

.resource-tile__content {
    font-size: 14px;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

.resource-tile__item:hover .resource-tile__content {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.resource-tile__content-title {
    font-weight: 600;
    margin-bottom: 1em;
}

.hd-form {
    display: block;
}

    .hd-form label.error {
        background-color: #F2D0D0;
        width: 100%;
        padding: .5em;
        color: #CA4545;
    }

.blue-flood .hd-form__intro-content,
.hd-form__intro-content {
    width: 100%;
    margin-bottom: 75px;
}

    .blue-flood .hd-form__intro-content :first-child,
    .hd-form__intro-content :first-child {
        margin-top: 0;
    }

.hd-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2rem;
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.hd-form__fieldset--group {
    margin: 0 -1rem;
    padding: 0;
}

.hd-form__fieldset.mobileTable {
    margin-bottom: 2em;
}

.hd-form__item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 4em);
    margin: 0 2rem 2em;
}

@media screen and (min-width: 73.75em) {
    .hd-form__item {
        -ms-flex-preferred-size: calc(50% - 4rem);
        flex-basis: calc(50% - 4rem);
    }
}

.hd-form__item--group {
    display: block;
    margin-bottom: 0;
}

.hd-form__item-group {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    margin: 0 1rem 2em;
}

.hd-form__item-group--8 {
    max-width: 8em;
}

.hd-form__select,
.hd-form__input {
    width: 100%;
    border: none;
    padding: 0 1em;
}

    .hd-form__select::-webkit-input-placeholder,
    .hd-form__input::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .hd-form__select:-moz-placeholder,
    .hd-form__input:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .hd-form__select::-moz-placeholder,
    .hd-form__input::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .hd-form__select:-ms-input-placeholder,
    .hd-form__input:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.hd-form__file {
    padding: 0;
}

.hd-form__label--checkbox span {
    width: 85%;
}

    .hd-form__label--checkbox span:before {
        border-radius: 0;
    }

.hd-form__checkbox[type="checkbox"] {
    border-radius: 0 !important;
    border: none;
    margin-right: 0.5em;
}

.hd-form__label {
    display: block;
    color: #458BCA;
    margin-bottom: 1em;
}

.hd-form__label--checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .hd-form__label--checkbox p {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        margin: 0;
    }

    .hd-form__label--checkbox label.error {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

.hd-form__label.required::after {
    content: ' *';
    color: #CA4545;
}

.g-recaptcha {
    margin-bottom: 20px;
}

.library__media-filter-wrapper .library__intro-content {
    text-align: center;
}

    .library__media-filter-wrapper .library__intro-content p {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.75px;
        text-align: left;
    }

.media-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2em;
    margin-right: -2em;
}

    .media-filter .media-filter__input:checked,
    .media-filter .input[type="radio"]:checked {
        border: 1px solid #fff;
    }

.media-filter__item {
    display: block;
    margin: 0 2em 2em;
    width: 100%;
    min-width: 200px;
    padding-left: calc(1em + 22px);
    position: relative;
    cursor: pointer;
}

@media screen and (min-width: 48em) {
    .media-filter__item {
        width: calc(100%/2 - 4em);
    }
}

@media screen and (min-width: 73.75em) {
    .media-filter__item {
        width: calc(100%/3 - 4em);
    }
}

.media-filter__input {
    position: absolute;
    left: 0;
}

.ctrl-form__item {
    display: block;
}

@media screen and (min-width: 73.75em) {
    .ctrl-form__item {
        padding-left: 3rem;
    }
}

.ctrl-form__select {
    width: 100%;
}

    .ctrl-form__select::-webkit-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .ctrl-form__select:-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .ctrl-form__select::-moz-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

    .ctrl-form__select:-ms-input-placeholder {
        font-size: 14px;
        color: #ACACAE;
        letter-spacing: 0;
    }

.ctrl-form__label {
    display: block;
    color: #458BCA;
    margin-bottom: 1em;
    text-transform: lowercase;
    font-weight: 600;
}

.storeLocator .page-header__headline {
    width: calc(100% - 8rem);
    max-width: 1180px;
    margin: 2em auto;
}

/* Store Locator */
.storeLocator__searchForm {
    text-align: center;
    margin: 0 auto 25px;
}

    .storeLocator__searchForm:after {
        content: '';
        display: block;
        clear: both;
    }

.storeLocator__searchField {
    margin: 0 0 15px 0;
}

@media screen and (min-width: 768px) {
    .storeLocator__searchField {
        display: inline-block;
        margin: 0 10px 15px 0;
    }
}

.storeLocator__distance {
    margin-right: 9px;
}

@media screen and (min-width: 768px) {
    .storeLocator__distance {
        margin-right: 30px;
    }
}

.storeLocator.storeLocator--canUseLocation .storeLocator__searchButton,
.storeLocator .storeLocator__searchButton,
.storeLocator .storeLocator__useLocationButton {
    margin-top: 0;
    margin-bottom: 0;
}

.storeLocator__useLocationButton {
    margin-right: 0;
}

.storeLocator__resultHeading {
    text-align: center;
    font-weight: 400;
    margin-left: 12px;
    margin-right: 12px;
}

.storeLocator__resultMap {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    display: none;
}

@media screen and (min-width: 768px) {
    .storeLocator__resultMap {
        padding-bottom: 75%;
    }
}

.storeLocator__resultMap .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Store results */
.storeLocator--hasResults .storeLocator__stores {
    border-top: 1px solid #ddd;
}

.storeLocator__stores {
    white-space: nowrap;
    overflow-x: auto;
}

.M-flexbox .storeLocator__stores {
    white-space: normal;
    display: block;
}

.store {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    padding: 1em 1.5em;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.storeLocator--hasLabels .store {
    padding-left: 2.5em;
    padding-right: 2.5em;
}

.store:hover {
    background-color: #eee;
}

.store.store--active {
    background-color: #dfdfdf;
}

.M-flexbox .store {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.store__label {
    position: absolute;
    left: 0;
    width: 1.75em;
    font-size: 1.125em;
    text-align: center;
    line-height: 1.2;
    font-weight: 700;
    opacity: .5;
}

.store__title {
    font-size: 1.125em;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2;
    margin-bottom: 10px;
}

.store__linkedin {
    margin: 12px 0;
}

    .store__linkedin .fa-stack {
        background-color: #458BCA;
        color: #fff;
        border-radius: 5px;
        width: 1.6em;
        height: 1.6em;
        line-height: 1.6em;
    }

.store__flags {
    margin-top: 10px;
}

.store__distance {
    display: none;
}

/* Store locator map styles */
.mapPanel .store__label {
    display: none;
}

.mapPanel .store__name {
    margin-top: 0;
    margin-bottom: 10px;
}

.modal.storeLocator__error .modal__window {
    text-align: center;
}

@media screen and (min-width: 60em) {
    .storeLocator__searchForm {
        margin: 0 auto 25px;
        width: calc(100% - 8rem);
        max-width: 1180px;
    }

        .storeLocator__searchForm input {
            margin-top: 0;
            margin-bottom: 0;
        }

    .storeLocator.storeLocator--canUseLocation .storeLocator__searchButton,
    .storeLocator .storeLocator__searchButton,
    .storeLocator .storeLocator__useLocationButton {
        float: none;
        width: auto;
    }

    .storeLocator__useLocationButton {
        margin-left: 0;
    }

    .storeLocator__resultList {
        display: block;
    }

    .storeLocator.storeLocator--hasMap .storeLocator__results {
        position: relative;
    }

    .storeLocator.storeLocator--hasMap .storeLocator__resultList {
        /*position: absolute;
      top: 0;
      left: 0;
      width: 25%;*/
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    /* Store results */
    .storeLocator__stores {
        white-space: normal;
        overflow: hidden;
    }

    .M-flexbox .storeLocator__stores {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .store {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        /*&:first-child {
      border-top: 1px solid $default-border-color;
    }*/
    }
}

.js-price-list-screen td[data-column]:before {
    display: block;
    font-weight: bold;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

    .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        border: 8px solid transparent;
        height: 0;
        width: 1px;
    }

        .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
            content: "";
            z-index: -1;
            border-width: 8px;
            left: -8px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

    .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
        border-top: none;
        border-bottom-color: #f0f0f0;
    }

        .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
            top: -1px;
            border-bottom-color: #aeaeae;
        }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

    .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
        border-bottom: none;
        border-top-color: #fff;
    }

        .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
            bottom: -1px;
            border-top-color: #aeaeae;
        }

.react-datepicker-wrapper {
    display: inline-block;
}

.react-datepicker {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
    border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}

    .react-datepicker-popper[data-placement^="bottom"] {
        margin-top: 10px;
    }

    .react-datepicker-popper[data-placement^="top"] {
        margin-bottom: 10px;
    }

    .react-datepicker-popper[data-placement^="right"] {
        margin-left: 8px;
    }

        .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
            left: auto;
            right: 42px;
        }

    .react-datepicker-popper[data-placement^="left"] {
        margin-right: 8px;
    }

        .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
            left: 42px;
            right: auto;
        }

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: .944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

    .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3;
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

    .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3;
    }

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

    .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3;
    }

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center;
}

    .react-datepicker__month .react-datepicker__month-text {
        display: inline-block;
        width: 4rem;
        margin: 2px;
    }

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}

    .react-datepicker__input-time-container .react-datepicker-time__caption {
        display: inline-block;
    }

    .react-datepicker__input-time-container .react-datepicker-time__input-container {
        display: inline-block;
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
            display: inline-block;
            margin-left: 10px;
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
                width: 85px;
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
                    -moz-appearance: textfield;
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
            margin-left: 5px;
            display: inline-block;
        }

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 70px;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 70px;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center;
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            list-style: none;
            margin: 0;
            height: calc(195px + (1.7rem / 2));
            overflow-y: scroll;
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
                height: 30px;
                padding: 5px 10px;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
                    cursor: pointer;
                    background-color: #f0f0f0;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
                background-color: #216ba5;
                color: white;
                font-weight: bold;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
                    background-color: #216ba5;
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
                color: #ccc;
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
                    cursor: default;
                    background-color: transparent;
                }

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable {
        cursor: pointer;
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            border-radius: .3rem;
            background-color: #f0f0f0;
        }

.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover {
        background-color: #1d5d90;
    }

.react-datepicker__month--disabled {
    color: #ccc;
    pointer-events: none;
}

    .react-datepicker__month--disabled:hover {
        cursor: default;
        background-color: transparent;
    }

.react-datepicker__day, .react-datepicker__month-text {
    cursor: pointer;
}

    .react-datepicker__day:hover, .react-datepicker__month-text:hover {
        border-radius: .3rem;
        background-color: #f0f0f0;
    }

.react-datepicker__day--today, .react-datepicker__month-text--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff;
}

    .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover {
        background-color: #32be3f;
    }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1 {
    color: magenta;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}

    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover {
        background-color: #1d5d90;
    }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff;
}

    .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover {
        background-color: #1d5d90;
    }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled {
    cursor: default;
    color: #ccc;
}

    .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover {
        background-color: transparent;
    }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover {
    background-color: #216ba5;
}

.react-datepicker__month-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
}

    .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
        cursor: pointer;
    }

        .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
            border-top-color: #b3b3b3;
        }

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem;
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae;
}

    .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
        cursor: pointer;
    }

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
    }

    .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom-left-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }

    .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
        background-color: #ccc;
    }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3;
        }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3;
        }

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 7px;
}

    .react-datepicker__close-icon::after {
        background-color: #216ba5;
        border-radius: 50%;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        content: "\00d7";
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        width: 16px;
        line-height: 1;
        margin: -8px auto 0;
        padding: 2px;
        position: absolute;
        right: 0px;
        text-align: center;
    }

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}

    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 3rem;
        line-height: 3rem;
    }

@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover {
        border-left-color: #b3b3b3;
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

@-webkit-keyframes select-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes select-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.rc-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: #666;
    line-height: 28px;
    width: 100%;
}

    .rc-select ul,
    .rc-select li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rc-select > ul > li > a {
        padding: 0;
        background-color: #fff;
    }

.rc-select-arrow {
    height: 26px;
    position: absolute;
    top: 9px;
    right: 1px;
    width: 20px;
    outline: none;
}

    .rc-select-arrow .rc-select-arrow-loading {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-top: 6px;
        margin-left: -4px;
    }

        .rc-select-arrow .rc-select-arrow-loading:after {
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            margin: 2px;
            border-radius: 50%;
            border: 2px solid #999999;
            border-color: #999999 transparent #999999 transparent;
            -webkit-animation: select-ring 1.2s linear infinite;
            animation: select-ring 1.2s linear infinite;
        }

    .rc-select-arrow .rc-select-arrow-icon {
        border-color: #999999 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        width: 0;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        left: 50%;
    }

.rc-select:not(.rc-select-no-arrow) .rc-select-selection--multiple .rc-select-selection__clear,
.rc-select-loading .rc-select-selection--multiple .rc-select-selection__clear {
    right: 20px;
}

.rc-select-selection {
    outline: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    padding-right: 10px;
}

.rc-select-selection__placeholder {
    position: absolute;
    top: 3px;
    color: #aaa;
    line-height: 33px;
}

.rc-select-selection__clear {
    font-weight: bold;
    position: absolute;
    line-height: 28px;
}

.rc-select-selection__clear-icon {
    font-style: normal;
}

.rc-select-focused .rc-select-selection {
    border-color: #23c0fa;
    -webkit-box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
    box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}

.rc-select-enabled .rc-select-selection:hover {
    border-color: #23c0fa;
    -webkit-box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
    box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}

.rc-select-enabled .rc-select-selection:active {
    border-color: #2db7f5;
}

.rc-select-selection--single {
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    position: relative;
}

    .rc-select-selection--single .rc-select-selection-selected-value {
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
    }

    .rc-select-selection--single .rc-select-selection__rendered {
        height: 45px;
        position: relative;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-left: 10px;
        line-height: 45px;
    }

    .rc-select-selection--single .rc-select-selection__clear {
        top: 0;
        right: 20px;
    }

.rc-select-disabled {
    color: #ccc;
    cursor: not-allowed;
}

    .rc-select-disabled .rc-select-selection--single,
    .rc-select-disabled .rc-select-selection__choice__remove {
        cursor: not-allowed;
        color: #ccc;
    }

        .rc-select-disabled .rc-select-selection--single:hover,
        .rc-select-disabled .rc-select-selection__choice__remove:hover {
            cursor: not-allowed;
            color: #ccc;
        }

.rc-select-search__field__wrap {
    display: inline-block;
}

.rc-select-search__field__placeholder {
    position: absolute;
    top: 0;
    left: 3px;
    color: #aaa;
}

.rc-select-search--inline {
    width: 100%;
}

    .rc-select-search--inline .rc-select-search__field__wrap {
        width: 100%;
    }

    .rc-select-search--inline .rc-select-search__field {
        border: none;
        font-size: 100%;
        background: transparent;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }

        .rc-select-search--inline .rc-select-search__field::-ms-clear {
            display: none;
        }

    .rc-select-search--inline .rc-select-search__field__mirror {
        position: absolute;
        top: -999px;
        left: 0;
        white-space: pre;
    }

    .rc-select-search--inline > i {
        float: right;
    }

.rc-select-enabled.rc-select-selection--multiple {
    cursor: text;
}

.rc-select-selection--multiple {
    min-height: 28px;
}

    .rc-select-selection--multiple .rc-select-search--inline {
        float: left;
        width: 0;
    }

        .rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field {
            width: 0.75em;
        }

        .rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap {
            width: auto;
        }

    .rc-select-selection--multiple .rc-select-search__field__placeholder {
        top: 5px;
        left: 8px;
    }

    .rc-select-selection--multiple .rc-select-selection__rendered {
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 8px;
        padding-bottom: 2px;
    }

        .rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice {
            margin-top: 4px;
            line-height: 33px;
        }

    .rc-select-selection--multiple .rc-select-selection__clear {
        top: 1px;
        right: 8px;
    }

.rc-select-enabled .rc-select-selection__choice {
    cursor: default;
}

    .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {
        margin-left: -8px;
        margin-right: 8px;
    }

.rc-select-enabled .rc-select-selection__choice__disabled {
    cursor: not-allowed;
}

    .rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content {
        margin-left: 0;
        margin-right: 0;
    }

.rc-select .rc-select-selection__choice {
    background-color: #f3f3f3;
    border-radius: 4px;
    float: left;
    padding: 0 15px;
    margin-right: 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.rc-select .rc-select-selection__choice__content {
    margin-left: 0;
    margin-right: 0;
    -webkit-transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rc-select .rc-select-selection__choice-zoom-enter,
.rc-select .rc-select-selection__choice-zoom-appear,
.rc-select .rc-select-selection__choice-zoom-leave {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.rc-select .rc-select-selection__choice-zoom-leave {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active,
.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: rcSelectChoiceZoomIn;
    animation-name: rcSelectChoiceZoomIn;
}

.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: rcSelectChoiceZoomOut;
    animation-name: rcSelectChoiceZoomOut;
}

@-webkit-keyframes rcSelectChoiceZoomIn {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rcSelectChoiceZoomIn {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes rcSelectChoiceZoomOut {
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes rcSelectChoiceZoomOut {
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

.rc-select .rc-select-selection__choice__remove {
    color: #919191;
    cursor: pointer;
    font-weight: bold;
    padding: 0 0 0 8px;
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    top: 0;
    right: 2px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.rc-select .rc-select-selection__choice__remove-icon {
    font-style: normal;
}

.rc-select .rc-select-selection__choice__remove:hover {
    color: #333;
}

.rc-select-dropdown {
    background-color: white;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 0px 4px #d9d9d9;
    box-shadow: 0 0px 4px #d9d9d9;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    left: -9999px;
    top: -9999px;
    position: absolute;
    outline: none;
}

    .rc-select-dropdown:empty,
    .rc-select-dropdown-hidden {
        display: none;
    }

.rc-select-dropdown-menu {
    outline: none;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999;
    max-height: 300px;
}

@media screen and (min-width: 540px) {
    .rc-select-dropdown-menu {
        max-height: 500px;
    }
}

.rc-select-dropdown-menu > li {
    margin: 0;
    padding: 0;
}

.rc-select-dropdown-menu-item-group-list {
    margin: 0;
    padding: 0;
}

    .rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item {
        padding-left: 20px;
    }

.rc-select-dropdown-menu-item-group-title {
    color: #999;
    line-height: 1.5;
    padding: 8px 10px;
    border-bottom: 1px solid #dedede;
}

li.rc-select-dropdown-menu-item {
    margin: 0;
    position: relative;
    display: block;
    padding: 7px 10px;
    font-weight: normal;
    color: #666;
    white-space: normal;
}

li.rc-select-dropdown-menu-item-disabled {
    color: #ccc;
    cursor: not-allowed;
}

li.rc-select-dropdown-menu-item-selected {
    color: #666;
    background-color: #ddd;
}

li.rc-select-dropdown-menu-item-active {
    background-color: #5897fb;
    color: white;
    cursor: pointer;
}

li.rc-select-dropdown-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    line-height: 0;
}

.rc-select-dropdown-slide-up-enter,
.rc-select-dropdown-slide-up-appear {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-select-dropdown-slide-up-leave {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: rcSelectDropdownSlideUpIn;
    animation-name: rcSelectDropdownSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: rcSelectDropdownSlideUpOut;
    animation-name: rcSelectDropdownSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft {
    -webkit-animation-name: rcSelectDropdownSlideDownIn;
    animation-name: rcSelectDropdownSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft {
    -webkit-animation-name: rcSelectDropdownSlideDownOut;
    animation-name: rcSelectDropdownSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes rcSelectDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes rcSelectDropdownSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes rcSelectDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes rcSelectDropdownSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@-webkit-keyframes rcSelectDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes rcSelectDropdownSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes rcSelectDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes rcSelectDropdownSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

.rc-select-open .rc-select-arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.inpro-radio-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin: 0;
    padding: 10px;
    border: 0;
    color: #56565A;
    text-transform: capitalize;
    font-size: inherit;
    padding: 0;
    margin: 0 0 .5em 55px;
    cursor: pointer;
    text-transform: none;
    font-size: 14px;
}

.inpro-radio-button__icon {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    width: 25px;
    height: 25px;
    border: solid 1.25px #458BCA;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .15s;
    transition: .15s;
    flex-shrink: 0;
}

.inpro-radio-button--selected .inpro-radio-button__icon {
    background-color: #458BCA;
}

.inpro-radio-button--margin-less {
    margin-left: 0;
}

.inpro-radio-button:hover {
    background-color: #fff !important;
    color: #458BCA !important;
}

.inpro-radio-group--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 20px;
    margin-left: -2em;
    margin-right: -2em;
}

    .inpro-radio-group--horizontal .inpro-radio-button {
        margin: 0 2em 2em;
        width: calc(99.99% - 4em);
        min-width: 200px;
    }

@media screen and (min-width: 540px) {
    .inpro-radio-group--horizontal .inpro-radio-button {
        width: calc(99.99%/2 - 4em);
    }
}

@media screen and (min-width: 768px) {
    .inpro-radio-group--horizontal .inpro-radio-button {
        width: calc(99.99%/3 - 4em);
    }
}

.inpro-radio-group--margin-less .inpro-radio-button {
    margin-left: 0;
}

.inpro-modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    border: 1px solid #cccccc;
    background: white;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 20px;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}

.inpro-modal-dialog--md {
    width: 400px;
}

.inpro-modal-dialog--lg {
    width: 800px;
}

.inpro-modal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 998;
}

.inpro-modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 10px 0;
}

    .inpro-modal-actions button {
        margin: 0 0 0 2ch;
    }

.inpro-modal-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inpro-modal-form__label {
    display: block;
}

.inpro-modal-form__item {
    width: calc(50% - 2em);
    margin: 0 0 15px;
}

    .inpro-modal-form__item input[type="text"],
    .inpro-modal-form__item input[type="email"],
    .inpro-modal-form__item input[type="number"],
    .inpro-modal-form__item textarea {
        width: 100%;
    }

.inpro-modal-form__item--wide {
    width: 100%;
}

.inpro-modal-form__item--required .inpro-modal-form__label::after {
    content: ' *';
    color: #CA4545;
}

.inpro-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2rem 2em;
    cursor: pointer;
}

.inpro-checkbox__field {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .15s;
    transition: .15s;
    border-radius: 0 !important;
    border: none;
    margin-right: 0.5em;
}

    .inpro-checkbox__field:checked {
        background-color: #458BCA;
    }

.big-accordion__title {
    cursor: pointer;
    margin: 0;
    outline: none;
    text-transform: lowercase;
    position: relative;
    display: block;
    border: none;
    width: auto;
    max-width: 100%;
    line-height: 1.15em;
    padding: 2rem 4rem;
    text-align: left;
    font-size: 34px;
    letter-spacing: .75px;
    font-weight: bold;
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #fff;
    background-color: #458BCA;
}

    .big-accordion__title:before {
        content: '+';
        float: right;
        width: 1.5em;
        margin-right: 0.3em;
        text-align: center;
    }

.big-accordion__title--active:before {
    content: '-';
}

.big-accordion__content {
    max-height: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    overflow: hidden;
}

.big-accordion__content--active {
    max-height: 100rem;
}

.numbered-container__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.numbered-container__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #EEEEEE;
    border-radius: 50%;
    color: #458BCA;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.75px;
    line-height: normal;
    text-transform: lowercase;
}

.numbered-container__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    min-width: 250px;
    margin-bottom: 50px;
}

.numbered-container__name {
    margin: 12px 0;
    font-size: 24px;
    font-weight: bold;
    color: #458BCA;
    line-height: 1;
    letter-spacing: 0.75px;
    line-height: 1.2;
    text-transform: lowercase;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    min-width: 250px;
}

.cloak__shadow {
    display: none;
}

.cloak--active {
    position: relative;
}

    .cloak--active .cloak__shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 500;
    }

    .cloak--active .cloak__spinner {
        position: absolute;
        top: 0;
        left: calc(50% - 50px);
        width: 100px;
        height: auto;
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 501;
        color: #458BCA;
        font-size: 1.3em;
    }

.cloak__spinner .fa {
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    font-size: 1.7em;
}

/* Checkout */
.checkout__left .lineItemList__items {
    display: none;
}

.checkout__left.checkout--step-OrderReview .lineItemList__items {
    display: table;
}

.checkout--info .block--standard {
    margin: 0 auto;
}

.checkout .address-form__fields .address-form__label:after {
    content: "*";
    color: #CA4545;
}

.checkout .address-form__fields .address-form__row--line2 .address-form__label:after,
.checkout .address-form__fields .address-form__row--fax .address-form__label:after,
.checkout .address-form__fields .address-form__row--fax .address-form__row--shippingNotes {
    display: none;
}

.checkout .address-form__fields .input-validation-error {
    border: 1px solid #CA4545;
}

.checkout__chooseAddress {
    margin: 19px 0;
}

@media screen and (min-width: 73.75em) {
    .checkout__chooseAddress {
        padding-left: 1em;
    }
}

@media screen and (min-width: 60em) {
    .checkout__left .lineItemList__items {
        display: table;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.checkout-cloak {
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 1.5em;
    color: #458BCA;
}

    .checkout-cloak .fa {
        -webkit-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
    }

/* Line items */
tr.lineItem {
    overflow: hidden;
}

    tr.lineItem:not(:first-child) {
        border-top: 1px solid #ddd;
    }

td.lineItem__cell {
    float: left;
}

    td.lineItem__cell.lineItem__cell--image {
        float: right;
        width: 120px;
        height: 120px;
        line-height: 100px;
        padding: 10px;
        text-align: right;
    }

    td.lineItem__cell.lineItem__cell--info {
        float: none;
        overflow: hidden;
    }

    td.lineItem__cell.lineItem__cell--quantity {
        clear: left;
    }

    td.lineItem__cell.lineItem__cell--price {
        float: right;
        clear: right;
        text-align: right;
    }

    td.lineItem__cell.lineItem__cell--subtotal {
        float: right;
        clear: right;
        text-align: right;
        padding-top: 0;
        font-weight: 700;
    }

.lineItem__quantity,
.lineItem__price {
    display: inline-block;
}

.lineItem__name {
    margin-bottom: 0;
}

.lineItem__actions {
    margin: .75em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lineItem__remove {
    color: #A2C5E4;
}

    .lineItem__remove:hover {
        color: #458BCA;
    }

.lineItem__discount {
    display: block;
    color: #c00;
}

.lineItem__priceList {
    display: inline-block;
}

.orderReceipt__lineItems .lineItem__cell--image img {
    max-width: 100px;
    max-height: 100px;
}

@media print, screen and (min-width: 45em) {
    /* Line items */
    tr.lineItem:not(:first-child) {
        border-top: none;
    }

    td.lineItem__cell {
        float: none;
    }

        td.lineItem__cell.lineItem__cell--image {
            float: none;
            width: auto;
            height: auto;
            line-height: normal;
            padding: .75em 1.25em;
            text-align: left;
        }

        td.lineItem__cell.lineItem__cell--info {
            overflow: visible;
        }

        td.lineItem__cell.lineItem__cell--quantity {
            clear: none;
        }

        td.lineItem__cell.lineItem__cell--price {
            float: none;
            clear: none;
        }

        td.lineItem__cell.lineItem__cell--subtotal {
            float: none;
            clear: none;
            padding-top: .75em;
            font-weight: normal;
        }

    .lineItem__actions {
        margin: 0;
    }

    .lineItem__discount {
        display: inline-block;
    }

    .lineItem__priceList {
        display: block;
    }
}

.layout__header .miniCart {
    /*display: none;*/
}

.layout__header .miniCart {
    display: inline-block;
    position: relative;
    z-index: 120;
}

.miniCart__cartPageLink,
.miniCart__toggle {
    padding: 0 1em;
    background: transparent;
    color: #fff;
    font-weight: 500;
    font-size: .875em;
    line-height: 2.3em;
    height: 2.85em;
    border: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.miniCart__cartPageLink {
    padding: 0;
}

.miniCart {
    display: inline-block;
    position: relative;
    z-index: 110;
}

    .miniCart:after {
        content: '';
        display: block;
        clear: both;
    }

.miniCart__cartPageLink,
.miniCart__toggle {
    display: block;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .miniCart__cartPageLink:hover,
    .miniCart__toggle:hover {
        text-decoration: none;
    }

.miniCart__toggle {
    /*opacity: 0;*/
    position: relative;
    z-index: 111;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0 auto;
    -webkit-transform: translateX(50%) translateY(30%);
    transform: translateX(50%) translateY(30%);
    pointer-events: none;
}

    .miniCart__toggle.miniCart__toggle--swatch {
        -webkit-transform: translateX(50%) translateY(30%);
        transform: translateX(50%) translateY(30%);
    }

@media screen and (min-width: 1180px) {
    .miniCart__toggle.miniCart__toggle--swatch {
        -webkit-transform: translateX(25%) translateY(30%);
        transform: translateX(25%) translateY(30%);
    }
}

.miniCart__toggle:after {
    content: '';
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.miniCart__toggle[aria-pressed='true']:after {
    display: block;
}

.miniCart__toggle:hover, .miniCart__toggle[aria-pressed='true'] {
    background: transparent;
    color: inherit;
    border-color: none;
}

    .miniCart__toggle[aria-pressed='true']:hover, .miniCart__toggle[aria-pressed='true']:hover:after {
        background: transparent;
    }

@media screen and (min-width: 73.75em) {
    .miniCart__toggle {
        pointer-events: all;
    }

        .miniCart__toggle:hover ~ .miniCart__dropdown {
            visibility: visible;
        }
}

.miniCart__countWrap {
    /*position: absolute;
    right: 1em;
    bottom: -.5em;*/
    background-color: #458bca;
    color: #fff;
    border-radius: 13.5593px;
    padding: 0 .25em;
    min-width: 40px;
    text-align: center;
}

.miniCart__title .miniCart__countWrap {
    font-size: 12px;
    font-size: .875rem;
    display: inline-block;
}

.miniCart__dropdown:hover {
    visibility: hidden;
}

.miniCart__content .price.price--sale {
    color: #000;
}

/* Minicart */
@media screen and (min-width: 60em) {
    /* Dropdown structure */
    .miniCart__dropdown {
        right: 0;
        width: 20em;
        font-size: 14px;
        font-size: 1rem;
        text-align: left;
        margin-top: -1px;
        top: 100%;
        border-color: #1d81b5;
    }

        .miniCart__dropdown:hover {
            visibility: visible;
        }

    .miniCart__heading {
        position: relative;
    }

    .miniCart__title {
        padding: 0.5em 0.75em;
        text-align: center;
        margin: 0;
        font-size: 1.25em;
        border-bottom: 1px solid #1d81b5;
    }

    .miniCart__content {
        position: relative;
        min-height: 4em;
        max-height: 16em;
        overflow: auto;
        border-bottom: 1px solid #ddd;
    }

        .miniCart__content:before {
            content: '';
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .miniCart.miniCart--loading .miniCart__content:before {
        display: block;
    }

    .miniCart__loader {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 2em;
        margin: -.5em 0 0 -.5em;
        z-index: 2;
    }

    .miniCart__info,
    .miniCart__actions {
        text-align: center;
    }

    .miniCart__info {
        padding: .5em;
        font-weight: 700;
    }

    .miniCart__actions {
        padding: 0 .5em .5em;
    }

    .miniCart__cartPageButton,
    .miniCart__checkoutButton {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        margin-bottom: .5em;
        margin-left: auto !important;
    }

        .miniCart__cartPageButton:last-child,
        .miniCart__checkoutButton:last-child {
            margin-bottom: 0;
        }
    /* Line items */
    .miniCart__lineItems {
        font-size: 0.875em;
    }

        .miniCart__lineItems .table {
            margin: 0;
        }

        .miniCart__lineItems .lineItem__cell {
            border-top: 1px solid #ddd;
        }

        .miniCart__lineItems .lineItem:first-child .lineItem__cell {
            border-top: none;
        }

        .miniCart__lineItems .lineItem__cell.lineItem__cell--image {
            width: 40%;
            padding: 1em;
        }

        .miniCart__lineItems .lineItem__cell.lineItem__cell--info {
            padding: 1em 1em 1em 0;
        }

        .miniCart__lineItems .lineItem__image {
            vertical-align: top;
        }

        .miniCart__lineItems .lineItem__name {
            margin-bottom: 0.5em;
        }

    .miniCart__empty {
        padding-top: 20px;
        text-align: center;
    }
}

/* Product filters */
.productFilter {
    position: relative;
    overflow: visible;
    z-index: 110;
}

.productFilter__heading {
    position: relative;
    padding: 0;
    padding: 2rem 1rem;
    margin: 1em auto;
    border: 1.25px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 45em) {
    .productFilter__heading {
        display: none;
    }
}

.productFilter__heading:after {
    content: '';
    display: block;
    clear: both;
}

.productFilter--hasAvailableFacets .productFilter__heading {
    border-right-width: 42px;
    outline: none;
}

    .productFilter--hasAvailableFacets .productFilter__heading:before {
        content: '+';
        display: block;
        position: absolute;
        top: 50%;
        right: -42px;
        width: 42px;
        font-size: 21px;
        text-align: center;
        font-weight: 700;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .productFilter--hasAvailableFacets .productFilter__heading[aria-expanded='true']:before {
        content: '-';
    }

.productFilter__title {
    display: inline-block;
    margin: 0 1em 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    vertical-align: middle;
    padding: 0;
    color: #458BCA;
    text-transform: lowercase;
}

.productFilter__clearAll, .productFilter__clearSort {
    width: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

.productFilter__clearAll--desktop, .productFilter__clearSort--desktop {
    visibility: hidden;
}

@media screen and (min-width: 45em) {
    .productFilter__clearAll--desktop, .productFilter__clearSort--desktop {
        visibility: visible;
    }
}

.productFilter__groups.dropdown {
    width: 100%;
    margin-top: -1px;
}

.productFilter__value {
    margin-bottom: 1em;
}

.productFilter.productFilter--links .productFilter__group {
    position: relative;
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 1.2;
    margin: 0 0 5px;
    padding-right: 1.5em;
}

    .productFilter.productFilter--links .productFilter__group .productFilter__groupName {
        font-weight: 700;
    }

        .productFilter.productFilter--links .productFilter__group .productFilter__groupName:after {
            content: ':';
        }

    .productFilter.productFilter--links .productFilter__group .productFilter__clearGroup {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        min-width: 1em;
        text-align: center;
        padding: 5px;
    }

.productFilter.productFilter--links.productFilter--hasSelectedFacets .productFilter__heading {
    margin-bottom: 20px;
}

.productFilter.productFilter--links.productFilter--hasSelectedFacets .productFilter__groups.dropdown {
    top: 35.75px;
    top: calc(1.26786rem + 18px);
}

@media print, screen and (min-width: 45em) {
    .productFilter {
        position: static;
        z-index: auto;
    }

    .productFilter__heading {
        position: static;
        padding: 0;
        height: auto;
        line-height: normal;
        border: none;
        margin-bottom: 20px;
    }

    .productFilter--hasSelectedFacets .productFilter__heading {
        text-align: right;
        margin-bottom: 10px;
    }

    .productFilter__heading:before, .productFilter__heading[aria-expanded='true']:before {
        content: none;
    }

    .productFilter__title {
        display: block;
        line-height: normal;
    }

    .productFilter--hasSelectedFacets .productFilter__title {
        float: left;
        line-height: 2.85rem;
    }

    .productFilter__groups {
        border: none;
    }

        .productFilter__groups.dropdown {
            position: static;
            width: auto;
            margin-top: 0;
            background: transparent;
            visibility: visible;
            opacity: 1;
        }

    .productFilter.productFilter--hasSelectedFacets .productFilter__title {
        line-height: 2.1375rem;
    }

    .productFilter__clearAll, .productFilter__clearSort {
        font-size: .875em;
        position: static;
        margin-top: 0;
        padding: 0.79107em 0.5em;
        min-height: 2.85em;
    }
}

/* Quick view buttons */
.quickView {
    display: none;
}

@media print, screen and (min-width: 45em) {
    .quickView {
        display: block;
        position: absolute;
        top: 1em;
        right: 1em;
        text-align: center;
        overflow: visible;
    }

        .quickView:focus,
        *:hover > .quickView {
            visibility: visible;
        }

    .quickView__button {
        font-size: 24px;
        color: #ACACAE;
        vertical-align: bottom;
        text-decoration: none;
    }
}

/* Quick Order */
.quickOrder .layout__title {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.quickOrder__rows {
    counter-reset: quick-order-item;
}

    .quickOrder__rows .quickOrderRow__color {
        min-width: 170px;
    }

.quickOrderRow.cartItem--error {
    background-color: #fdebeb;
}

.quickOrderRow__index:after {
    counter-increment: quick-order-item;
    content: counter(quick-order-item);
}

.quickOrderRow__skuField {
    position: relative;
}

.quickOrderRow img {
    max-width: 100px;
    max-height: 100px;
    min-width: 75px;
}

.quickOrderRow__quantityField:after {
    margin-left: 5px;
}

.quickOrder__buttons button:first-child {
    margin-right: 0;
}

@media all and (min-width: 24em) {
    .quickOrder__buttons button:first-child {
        margin-right: 30px;
    }
}

@media screen and (min-width: 60em) {
    .quickOrder > h1 {
        float: left;
    }

    .quickOrder__gridWrap {
        clear: both;
    }
}

/* Speed Shop */
table.speedShop__products {
    font-size: .875em;
}

    table.speedShop__products .inputGroup.inputGroup--compact input,
    table.speedShop__products .inputGroup.inputGroup--compact select,
    table.speedShop__products .inputGroup.inputGroup--compact button,
    table.speedShop__products .inputGroup.inputGroup--compact .button,
    table.speedShop__products .inputGroup.inputGroup--compact label,
    table.speedShop__products .inputGroup.inputGroup--compact span,
    table.speedShop__products .inputGroup.inputGroup--compact div {
        font-size: 12px;
        font-size: .875rem;
    }

    table.speedShop__products thead {
        font-size: 1.2em;
    }

.speedShop {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.speedShop__legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.speedShop__legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1em;
    margin-bottom: .5em;
}

.speedShop__legend-icon {
    margin-right: .5em;
}

.quickOrderRow__quantityField:after, .speedShopProduct__cell--quantity:after,
.cartItem__resultTooltip:after {
    content: "\f06a";
    display: none;
    font-family: 'FontAwesome';
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #ccc;
    vertical-align: middle;
}

.cartItem--error .quickOrderRow__quantityField:after, .cartItem--error .speedShopProduct__cell--quantity:after,
.cartItem--error .cartItem__resultTooltip:after {
    display: inline-block;
    color: #c00;
}

.cartItem--success .quickOrderRow__quantityField:after, .cartItem--success .speedShopProduct__cell--quantity:after,
.cartItem--success .cartItem__resultTooltip:after {
    content: "\f058";
    display: inline-block;
    color: #060;
}

.speedShopProduct.cartItem--error {
    background-color: #fdebeb;
}

.tooltip.tooltip--inline.cartItem__resultTooltip {
    border-bottom: none;
}

.speedShop.speedShop--variantList {
    clear: both;
    background-color: #fff;
    margin-bottom: 20px;
}

    .speedShop.speedShop--variantList .speedShopProduct__imageLink {
        display: block;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
    }

    .speedShop.speedShop--variantList .speedShopProduct__image {
        vertical-align: top;
        min-width: 0;
        max-height: 90px;
    }

    .speedShop.speedShop--variantList.speedShop--noProducts {
        border: 1px solid #ddd;
    }

.M-flexbox.M-flexwrap .grid.grid--products .speedShop.speedShop--variantList {
    width: 100%;
}

tr.speedShopProduct {
    position: relative;
    padding: 5px;
}

    tr.speedShopProduct:after {
        content: '';
        display: block;
        clear: both;
    }

.speedShopProduct__cell.speedShopProduct__cell--image {
    float: left;
    width: 25%;
    padding: 5px;
    min-width: 85px;
    max-width: 110px;
}

.speedShopProduct__imageLink,
.speedShopProduct__image {
    display: inline-block;
    vertical-align: top;
}

.speedShopProduct__imageWrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.speedShopProduct__cell.speedShopProduct__cell--showVariants {
    overflow: hidden;
}

    .speedShopProduct__cell.speedShopProduct__cell--showVariants .loader {
        position: absolute;
        top: 0;
        right: 0;
    }

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    min-width: 0;
    max-width: none;
}

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__image {
    max-height: 100%;
}

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--empty {
    display: none;
}

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__name,
tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell .price__value {
    font-weight: 700;
}

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--quantity,
tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--buttons {
    display: inline-block;
    vertical-align: middle;
}

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--quantity input {
        font-size: 14px;
        border-color: #D5D5D6;
    }

tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--buttons {
    vertical-align: top;
}

/* Adjust the speed shop row dimensions. */
@media print, screen and (min-width: 30em) {
    tr.speedShopProduct.speedShopProduct--variant.speedShopProduct--hasImage {
        padding-left: 25%;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--image {
        width: 25%;
        height: 100%;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__imageLink {
        width: 100%;
        height: 100%;
        line-height: normal;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--name,
    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--price {
        float: left;
        width: 50%;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--price {
        clear: left;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--option,
    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--availability,
    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--minimum {
        float: right;
        width: 50%;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--quantity,
    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--buttons {
        display: block;
        overflow: hidden;
        float: left;
    }

    tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--quantity {
        clear: both;
    }
}

@media print, screen and (min-width: 45em) {
    tr.speedShopProduct {
        position: static;
        padding: 0;
    }

        tr.speedShopProduct:after {
            content: none;
        }

    .speedShopProduct__cell.speedShopProduct__cell--image {
        float: none;
        width: auto;
        min-width: 0;
        max-width: none;
    }

    .speedShopProduct__image {
        min-width: 75px;
        max-width: 100px;
    }

    .speedShopProduct__cell.speedShopProduct__cell--showVariants {
        overflow: visible;
    }

        .speedShopProduct__cell.speedShopProduct__cell--showVariants .loader {
            position: static;
            top: auto;
            right: auto;
        }

            .speedShopProduct__cell.speedShopProduct__cell--showVariants .loader.loader--overlay {
                position: absolute;
            }

    .speedShop.speedShop--variantList {
        overflow: auto;
    }

    tr.speedShopProduct.speedShopProduct--variant {
        position: static;
        padding: 0;
    }

        tr.speedShopProduct.speedShopProduct--variant.speedShopProduct--hasImage {
            padding-left: 0;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell {
            float: none;
            width: auto;
            clear: none;
            overflow: visible;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--empty {
            display: table-cell;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--image {
            position: static;
            top: auto;
            left: auto;
            height: auto;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__name,
        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell .price__value {
            font-weight: 800;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--quantity,
        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--buttons {
            display: table-cell;
            float: none;
        }

        tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--buttons {
            vertical-align: middle;
        }

    th.speedShop__listHeader {
        text-transform: lowercase;
        padding: .75em 3.5em;
    }

    .speedShopProduct__cell {
        padding: 2.5em 3.5em;
    }

    .speedShopProduct__cell--availability2 {
        padding-left: 1em;
    }

    .speedShopProduct__cell--availability1 {
        padding-right: .25em;
    }

        .speedShopProduct__cell--availability1 span {
            color: #458BCA;
        }
}

.speedShop__heading {
    margin: 3em;
    font-weight: bold;
    color: #458BCA;
}

.numbered-container .mobileTable {
    /*Product page configuration wrapper for table
    reducing left gap.*/
}

    .numbered-container .mobileTable tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--name,
    .numbered-container .mobileTable tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--price,
    .numbered-container .mobileTable tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--option,
    .numbered-container .mobileTable tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--availability,
    .numbered-container .mobileTable tr.speedShopProduct.speedShopProduct--variant .speedShopProduct__cell--minimum {
        float: none;
        width: auto;
    }

@media screen and (min-width: 768px) {
    .numbered-container .mobileTable {
        margin-left: auto;
        width: 100%;
    }
}

.samplesCart {
    position: relative;
    width: calc(100% - 6em);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

/* Thumbnails */
.thumbnail {
    margin-bottom: 2em;
    margin-right: 2em;
}

    .thumbnail.thumbnail--null .thumbnail__code {
        margin-top: 0;
        margin-bottom: 20px;
    }

.thumbnail__imageWrap {
    position: relative;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    min-height: 360px;
}

.thumbnail__imageLink {
    background-color: #aaa;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
}

.thumbnail__image {
    position: relative;
    margin: 0 auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
}

.thumbnail__bottom {
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .5em;
    background-color: rgba(255, 255, 255, 0.9);
}

.thumbnail__flags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.thumbnail__flags-icon {
    margin-right: .5em;
}

.thumbnail__quantity {
    display: inline-block;
    margin-bottom: 5px;
}

.thumbnail__nameLink {
    color: #458BCA;
    font-weight: 600;
    text-decoration: none;
}

.thumbnail__buttons {
    position: relative;
    font-size: 12px;
    font-size: .875rem;
}

    .thumbnail__buttons input[type="button"],
    .thumbnail__buttons input[type="reset"],
    .thumbnail__buttons input[type="submit"],
    .thumbnail__buttons button,
    .thumbnail__buttons .button {
        width: auto;
        padding-left: .5em;
        padding-right: .5em;
    }

    .thumbnail__buttons .inputGroup--compact input,
    .thumbnail__buttons .inputGroup--compact select,
    .thumbnail__buttons .inputGroup--compact button,
    .thumbnail__buttons .inputGroup--compact .button,
    .thumbnail__buttons .inputGroup--compact label,
    .thumbnail__buttons .inputGroup--compact span,
    .thumbnail__buttons .inputGroup--compact div {
        font-size: 12px;
        font-size: .875rem;
    }

    .thumbnail__buttons .speedShop__loadVariants + .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
    }

        .thumbnail__buttons .speedShop__loadVariants + .loader.loader--inline:before {
            margin-right: 0;
        }

.thumbnail.thumbnail--product .cartItem__loader {
    font-size: 0;
}

/* Product thumbnails with flexbox support */
.M-flexwrap .grid.grid--products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .M-flexwrap .grid.grid--products .thumbnail {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 230px;
        flex: 0 1 230px;
    }

        .M-flexwrap .grid.grid--products .thumbnail.thumbnail--hasButtons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }

            .M-flexwrap .grid.grid--products .thumbnail.thumbnail--hasButtons > * {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            }

            .M-flexwrap .grid.grid--products .thumbnail.thumbnail--hasButtons > .thumbnail__bottom {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

    .M-flexwrap .grid.grid--products .thumbnail__buttons {
        white-space: nowrap;
    }

/* Variant matrix */
.variantMatrix {
    position: relative;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
}

.variantMatrix__filter {
    position: relative;
    padding: 0.75em 0 0 70px;
    margin: 0.5em 0 70px;
}

.variantMatrix--loading .variantMatrix__filter {
    opacity: .5;
}

.variantMatrix__filterIndex {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EEEEEE;
    color: #458BCA;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.75px;
    line-height: normal;
    text-transform: lowercase;
}

    .variantMatrix__filterIndex:before {
        content: counter(line-number);
    }

.variantMatrix__filterName {
    margin-bottom: 1em;
}

.variantMatrix__filterValues {
    margin: 0.5em 0 0;
}

    .variantMatrix__filterValues label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .variantMatrix__filterValues label img {
            display: block;
        }

    .variantMatrix__filterValues .variantMatrix__filterLabel {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }

    .variantMatrix__filterValues input.variantMatrix--unavailable + label {
        opacity: 0.5;
    }

    .variantMatrix__filterValues input.variantMatrix--unavailable:checked + label,
    .variantMatrix__filterValues input.variantMatrix--unavailable.input--checked + label {
        border-color: #d57272;
    }

    .variantMatrix__filterValues label img {
        max-width: none;
        margin: -4px;
    }

.orderSummary {
    margin: 4em auto 3em;
}

    .orderSummary.mobileTable.table {
        display: table;
    }

.orderReceipt h1 {
    margin: 0.2em 0 0.5em;
}

.orderReceipt h5 {
    font-size: 14px;
}

.product-grid {
    display: block;
    width: 100%;
}

.product-grid__wrapper {
    display: block;
    width: calc(100% - 6em);
    max-width: 1180px;
    margin: 80px auto;
}

.product-grid__headline {
    margin-bottom: 75px;
}

.product-grid__headline--short {
    max-width: 300px;
}

.product-grid__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -1.5em;
}

.product-grid__item {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: calc(100% - 3em);
    flex-basis: calc(100% - 3em);
    max-width: 100%;
    min-width: 230px;
    margin: 0 1.5em 3em;
    text-decoration: none;
}

    .product-grid__item:after {
        content: '';
        display: block;
        width: 1px;
        height: 435px;
        height: var(--product-preview-height);
        max-height: 0px;
        -webkit-transition: max-height .15s;
        transition: max-height .15s;
    }

    .product-grid__item.-preview:after {
        max-height: 600px;
    }

@media screen and (min-width: 610px) {
    .product-grid__item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: calc(50% - 3em);
        flex-basis: calc(50% - 3em);
    }
}

@media screen and (min-width: 880px) {
    .product-grid__item {
        -ms-flex-preferred-size: calc(100%/3 - 3em);
        flex-basis: calc(100%/3 - 3em);
    }
}

@media screen and (min-width: 73.75em) {
    .product-grid__item {
        -ms-flex-preferred-size: calc(25% - 3em);
        flex-basis: calc(25% - 3em);
    }
}

.product-grid__thumbnail {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 113.04%;
    overflow: hidden;
}

.product-grid__thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ACACAE;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

.product-grid__item:hover .product-grid__thumbnail-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-grid__details {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 1em;
    min-height: 75px;
    background-color: #EEEEEE;
    padding-bottom: 1em;
    min-height: 143px;
    -webkit-transition: padding .25s ease-in-out;
    transition: padding .25s ease-in-out;
}

.-preview .product-grid__details {
    padding-bottom: 1.5em;
}

@media screen and (min-width: 31.25em) {
    .-preview .product-grid__details {
        padding-bottom: 3.5em;
    }
}

.product-grid__title,
.product-grid__code,
.product-grid__thumbnail {
    cursor: pointer;
}

.product-grid__toggle {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: 0 .5rem;
    font-weight: bold;
    font-size: 22px;
    color: #ACACAE;
    cursor: pointer;
}

    .product-grid__toggle .open {
        display: inline;
    }

    .product-grid__toggle .close {
        display: none;
    }

.-preview .product-grid__toggle .open {
    display: none;
}

.-preview .product-grid__toggle .close {
    display: block;
}

.product-grid__title {
    color: #458BCA;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    text-transform: none;
    font-weight: 600;
    margin: 0 auto .15em;
    margin-left: 0;
}

.product-grid__code {
    color: #458BCA;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin: 0 auto 1.25em;
    margin-left: 0;
}

.product-grid__icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.product-grid__icon {
    margin-right: 0.75em;
    width: 18px;
    max-height: 22px;
}

.product-grid__preview {
    display: none;
    position: absolute;
    left: 1.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 3em);
    max-width: 1180px;
    opacity: 0;
    z-index: 10;
}

.-preview .product-grid__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fadeInDown .25s ease-in-out forwards;
    animation: fadeInDown .25s ease-in-out forwards;
}

.product-preview__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-preview__order-sample, .product-preview__goto-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-preview__order-sample svg, .product-preview__goto-cart svg {
    margin-right: 1ch;
}

.product-preview__order-sample:hover, .product-preview__goto-cart:hover {
    color: #458BCA !important;
    opacity: 0.7;
}

.product-preview__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-preview__content .headline {
    word-break: break-word;
}

.product-preview__icon {
    margin-right: 1em;
    width: 25px;
}

.product-preview__icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-preview__image {
    width: 100%;
    background-color: #EEEEEE;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

@media screen and (min-width: 800px) {
    .product-preview__image {
        display: block;
        width: 50%;
    }
}

.product-preview__details {
    width: 100%;
    padding: 50px;
    background-color: #EEEEEE;
}

@media screen and (min-width: 800px) {
    .product-preview__details {
        width: 50%;
    }
}

.product-grid__cta {
    margin-bottom: 0;
    margin-top: 1.5em;
}

.product-page-header {
    width: calc(100% - 6em);
    max-width: 1180px;
    margin: 50px auto 80px;
}

.with-local ~ .layout__page .product-page-header {
    margin-top: 100px;
}

@media screen and (min-width: 768px) {
    .product-page-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.product-page-assets {
    margin: 0 auto;
    max-width: 500px;
}

@media screen and (min-width: 768px) {
    .product-page-assets {
        margin: 0 70px 0 0;
    }
}

.product-page-assets__current-image-holder {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

@media screen and (min-width: 768px) {
    .product-page-assets__current-image-holder {
        width: 500px;
    }
}

.product-page-assets__current-image-wrapper {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page-assets__current-image-wrapper--active {
    visibility: visible;
}

.product-page-assets__current-image-wrapper__variant-detail {
    position: absolute;
    bottom: 10px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

    .product-page-assets__current-image-wrapper__variant-detail span {
        padding: 9px;
        background-color: #EEEEEE;
        color: #458BCA;
        font-weight: bold;
    }

.product-page-assets__thumb-list-wrapper {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: 100px;
}

.product-page-assets__thumb-list {
    position: absolute;
    width: 2500px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.product-page-assets__thumb {
    width: 20%;
    float: left;
    cursor: pointer;
    padding-right: 3px;
}

@media screen and (min-width: 612px) {
    .product-page-assets__thumb {
        width: 100px;
    }
}

.product-page-assets__thumb-img {
    display: block;
    width: 100%;
}

.product-page-assets__controls {
    position: relative;
    margin: 15px 0;
}

.product-page-assets__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent !important;
    cursor: pointer;
}

    .product-page-assets__control::before {
        content: "\f077";
        font-family: FontAwesome;
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: .75em;
        font-weight: 400;
    }

    .product-page-assets__control:hover, .product-page-assets__control:hover::before {
        color: #458BCA !important;
        background-color: transparent !important;
        opacity: 0.75;
    }

.product-page-assets__control--next {
    right: -30px;
}

    .product-page-assets__control--next::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.product-page-assets__control--prev {
    left: -30px;
}

    .product-page-assets__control--prev::before {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.product-page-details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    width: 100%;
}

@media screen and (min-width: 31.25em) {
    .product-page-details {
        min-width: 415px;
    }
}

.product-page-details__name {
    margin-bottom: .5em;
    font-size: 34px;
    font-weight: bold;
    color: #458BCA;
    line-height: 1;
    letter-spacing: 0.75px;
    
    line-height: 1.2;
}

.product-page-details__feature-list {
    list-style-type: none;
    padding: 0;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.product-page-details__feature {
    margin-right: 35px;
    margin-bottom: 15px;
}

.product-page-details__feature-link {
    color: #458BCA;
    text-decoration: none;
}

.product-page-details__description {
    margin-bottom: 2em;
}

    .product-page-details__description ul li:not([class]):before {
        color: currentColor;
    }

.product-color-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px -10px 20px;
}

@media screen and (min-width: 768px) {
    .product-color-step {
        margin: 70px -10px 20px 45px;
    }
}

.product-color-step__item {
    margin: 0 5px;
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    min-width: 80px;
}

@media screen and (min-width: 540px) {
    .product-color-step__item {
        -ms-flex-preferred-size: calc(33.333% - 10px);
        flex-basis: calc(33.333% - 10px);
    }
}

@media screen and (min-width: 768px) {
    .product-color-step__item {
        -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
    }
}

@media screen and (min-width: 992px) {
    .product-color-step__item {
        -ms-flex-preferred-size: calc(11.111% - 10px);
        flex-basis: calc(11.111% - 10px);
    }
}

.color-step-item {
    background-color: #EEEEEE;
    cursor: pointer;
    margin-bottom: 20px;
    border: solid 2px transparent;
}

    .color-step-item--active, .color-step-item:hover {
        border: solid 2px #458BCA;
    }

.color-step-item__image-wrapper {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 113.04%;
    overflow: hidden;
}

    .color-step-item__image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        max-width: 100%;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
    }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .color-step-item__image-wrapper img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.color-step-item--active .color-step-item__image-wrapper img,
.color-step-item:hover .color-step-item__image-wrapper img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.color-step-item__name {
    color: #458BCA;
    font-size: 11px;
    font-weight: 600;
    padding: 0 .75rem;
    margin: .5rem auto 0;
}

.color-step-item__code {
    font-size: 11px;
    font-weight: normal;
    color: #458BCA;
    padding: 0 .75rem;
    margin: 0 auto .5rem;
}

.product-page-selections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: bold;
    color: #458BCA;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .product-page-selections {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 3em;
    }
}

.product-page-selections__label {
    font-weight: normal;
    color: #333;
}

.product-page-selections__step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .product-page-selections__step-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.product-page-selections__step-list-item {
    list-style: none;
    margin: 0;
}

    .product-page-selections__step-list-item span {
        font-weight: normal;
    }

    .product-page-selections__step-list-item::after {
        content: ',';
    }

    .product-page-selections__step-list-item:last-child::after {
        content: '';
    }

@media screen and (min-width: 768px) {
    .product-page-selections__step-list-item {
        margin: 0 0 0 1ch;
    }
}

.product-page__config-diagram {
    margin-top: 1em;
    margin-bottom: 80px;
}

.product-page__config-summary {
    color: #458BCA;
    text-transform: lowercase;
    outline: none;
}

    .product-page__config-summary > span {
        font-size: 18px;
    }

    .product-page__config-summary::-webkit-details-marker {
        color: transparent;
        margin-left: -1em;
    }

    .product-page__config-summary:focus::-webkit-details-marker {
        outline: none;
    }

.product-page__config-summary-icon {
    display: inline-block;
}

    .product-page__config-summary-icon:after {
        content: "+";
    }

.product-page__config-diagram[open] .product-page__config-summary-icon:after {
    content: '–';
}

.product-page__config-details {
    margin-top: 2em;
}

.product-page__config-image {
    width: 100%;
    max-width: 525px;
}

.order-history-search-form {
    display: block;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px;
}

@media screen and (min-width: 1024px) {
    .order-history-search-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.order-history-search-form__field-group {
    display: block;
}

@media screen and (min-width: 31.25em) {
    .order-history-search-form__field-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.order-history-search-form__field-group:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.order-history-search-form__query-field, .order-history-search-form__date-field-label, .order-history-search-form__search-by-query-button, .order-history-search-form__search-by-date-range-button {
    margin: 0 0 15px 0;
}

@media screen and (min-width: 31.25em) {
    .order-history-search-form__query-field, .order-history-search-form__date-field-label, .order-history-search-form__search-by-query-button, .order-history-search-form__search-by-date-range-button {
        margin: 0 15px 15px 0;
    }
}

@media screen and (min-width: 1024px) {
    .order-history-search-form__query-field, .order-history-search-form__date-field-label, .order-history-search-form__search-by-query-button, .order-history-search-form__search-by-date-range-button {
        margin: 0 15px 0 0;
    }
}

.order-history-search-form__date-field-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-history-search-form__date-field-text {
    width: 40px;
}

@media screen and (min-width: 31.25em) {
    .order-history-search-form__date-field-text {
        width: auto;
    }
}

.order-history-search-form__query-field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .order-history-search-form__query-field::-webkit-input-placeholder {
        color: transparent;
    }

    .order-history-search-form__query-field::-moz-placeholder {
        color: transparent;
    }

    .order-history-search-form__query-field:-ms-input-placeholder {
        color: transparent;
    }

    .order-history-search-form__query-field::-ms-input-placeholder {
        color: transparent;
    }

    .order-history-search-form__query-field::placeholder {
        color: transparent;
    }

@media screen and (min-width: 31.25em) {
    .order-history-search-form__query-field::-webkit-input-placeholder {
        color: #ACACAE;
    }

    .order-history-search-form__query-field::-moz-placeholder {
        color: #ACACAE;
    }

    .order-history-search-form__query-field:-ms-input-placeholder {
        color: #ACACAE;
    }

    .order-history-search-form__query-field::-ms-input-placeholder {
        color: #ACACAE;
    }

    .order-history-search-form__query-field::placeholder {
        color: #ACACAE;
    }
}

.order-history-search-form__query-field-label {
    display: block;
    margin-bottom: 5px;
}

@media screen and (min-width: 31.25em) {
    .order-history-search-form__query-field-label {
        display: none;
    }
}

.order-history-search-form__search-by-query-button, .order-history-search-form__search-by-date-range-button, .order-history-search-form__reset-button {
    padding: 10px 15px;
}

.order-history-search-form .react-datepicker-wrapper {
    margin: 0 0 0 2ch;
    width: 100%;
}

.order-history-search-form .react-datepicker__input-container {
    width: 100%;
}

.order-history-search-form .react-datepicker__navigation {
    min-height: auto;
    margin: 0;
}

    .order-history-search-form .react-datepicker__navigation:hover {
        background-color: transparent !important;
    }

.order-history-search-form .react-datepicker-popper {
    z-index: 100;
}

.order-history-table {
    margin-bottom: 15px;
    display: block !important;
}

@media screen and (min-width: 1150px) {
    .order-history-table {
        display: table !important;
    }
}

.order-history-table__head {
    border-bottom: 1px solid #000;
    margin-bottom: 0;
    display: none !important;
}

@media screen and (min-width: 1150px) {
    .order-history-table__head {
        display: table-header-group !important;
    }
}

.order-history-table__head > tr {
    display: block !important;
}

@media screen and (min-width: 1150px) {
    .order-history-table__head > tr {
        display: table-row !important;
    }
}

.order-history-table tbody {
    display: block !important;
}

@media screen and (min-width: 1150px) {
    .order-history-table tbody {
        display: table-row-group !important;
    }
}

.order-history-table__head-cell {
    font-weight: bold;
    padding-bottom: 1rem;
    padding-right: 1rem;
    vertical-align: top;
}

.order-history-table__head-cell__inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-history-table__head-cell .fa {
    margin-left: 1ch;
}

.order-history-table__head-cell--sortable {
    cursor: pointer;
}

    .order-history-table__head-cell--sortable:hover {
        color: #458BCA;
    }

.order-history-table__row {
    border-bottom: 1px solid #ddd;
    padding: 11px 0 5px;
    margin-bottom: 0;
    display: block !important;
}

@media screen and (min-width: 1150px) {
    .order-history-table__row {
        display: table-row !important;
    }
}

.order-history-table__cell {
    padding-right: 1rem;
    vertical-align: top;
    display: block !important;
}

    .order-history-table__cell span:before {
        content: attr(data-header);
        display: inline-block;
        margin-right: .5em;
        color: #458BCA;
        font-weight: bold;
        letter-spacing: 0.75px;
    }

@media screen and (min-width: 1150px) {
    .order-history-table__cell {
        display: table-cell !important;
    }

        .order-history-table__cell span:before {
            display: none;
        }
}

.order-details-page__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-details-page__heading__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .order-details-page__heading__actions > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 1.5ch;
    }

@media print {
    .order-details-page__print-button {
        display: none;
    }
}

.order-details-page dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 400px;
}

    .order-details-page dl dt, .order-details-page dl dd {
        width: 50%;
        margin: 0 0 10px;
    }

    .order-details-page dl dt {
        font-weight: bold;
    }

.order-details-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 15px;
    border-bottom: 1px solid #458BCA;
}

.order-details-group__item {
    width: calc(33.3333% - 15px);
    margin-right: 15px;
}

.order-details-group__item--wide {
    width: calc(66.6666% - 15px);
}

.order-details-group__item--full {
    width: 100%;
    margin-right: 0;
}

.order-details-group-item-table thead {
    text-transform: uppercase;
    border-bottom: 1px solid #458BCA;
}

.order-details-group-item-table td {
    vertical-align: top;
}

.order-details-group-item-table h3 {
    margin: 0 0 10px;
    color: #333333;
}

.order-details-group-item-table__subtotal, .order-details-group-item-table__quantity, .order-details-group-item-table__price {
    font-size: 1.3em;
}

.order-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.order-invoice-page {
    margin: 20px 0 20px;
}

    .order-invoice-page dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 400px;
    }

        .order-invoice-page dl dt, .order-invoice-page dl dd {
            width: 50%;
            margin: 0 0 10px;
        }

        .order-invoice-page dl dt {
            font-weight: bold;
        }

.order-invoice-page__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 15px;
}

.order-invoice-page__row--flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.order-invoice-page__row-item {
    width: 48%;
}

.order-invoice-page__row-item--full {
    width: 100%;
}

.order-invoice-page__row-item--short {
    width: 25%;
}

.order-invoice-page table {
    width: 100%;
    margin: 0 0 15px;
}

.order-invoice-page table, .order-invoice-page tr, .order-invoice-page td, .order-invoice-page th {
    border: 2px solid black;
}

.real-stock-check-page__search-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px;
}

.real-stock-check-page__radio-group, .real-stock-check-page__locaton-label, .real-stock-check-page__note, .real-stock-check-page__count {
    margin: 0 0 15px;
}

.real-stock-check-page__note {
    font-style: italic;
}

.real-stock-check-page__count {
    font-size: 16px;
}

    .real-stock-check-page__count strong {
        font-size: 1.2;
    }

.real-stock-check-page__results {
    width: 100%;
}

    .real-stock-check-page__results tbody tr:nth-child(odd) {
        background-color: #ececec;
    }

.real-stock-check-page__search-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-bottom: 1em;
    margin-right: 1em;
}

@media screen and (min-width: 31.25em) {
    .real-stock-check-page__search-input {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
}

.product-results,
.content-results {
    display: none;
}

    .product-results.active,
    .content-results.active {
        display: block;
    }

.content-article__header {
    font-size: 18px;
    font-weight: bold;
}

.content-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-preview__image-inner {
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 15px 15px 0;
}

    .content-preview__image-inner img {
        display: none;
    }

.content-preview__summary-wrap p {
    margin-top: 0;
}

.button.load-more-product-results,
.button.load-more-articles-results {
    display: block;
    margin: 0 auto;
}

.commerseSearch__noResultsMessage {
    text-align: center;
}

.seminar-page {
    margin-bottom: 20px;
}

.seminar-page__list-item {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    display: block;
}

@media screen and (min-width: 540px) {
    .seminar-page__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.seminar-page__list-item__image-wrapper {
    width: 100%;
}

@media screen and (min-width: 540px) {
    .seminar-page__list-item__image-wrapper {
        width: 20%;
    }
}

.seminar-page__list-item__image-wrapper img {
    max-width: 100%;
    display: none;
}

.seminar-page__list-item__image-inner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 100%;
}

.seminar-page__list-item__content {
    width: 100%;
    padding: 30px 0 0 0;
}

@media screen and (min-width: 540px) {
    .seminar-page__list-item__content {
        width: 80%;
        padding: 0 0 0 30px;
    }
}

.seminar-page__list-item__header {
    margin: 0 0 10px;
    font-size: 20px;
}

.seminar-page__selected-seminars-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 15px;
}

.seminar-page__selected-seminars-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    padding: 4px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .seminar-page__selected-seminars-list-item {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .seminar-page__selected-seminars-list-item {
        width: 33.3333%;
    }
}

.seminar-page__selected-seminars-list-item__image-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 75px;
    height: 75px;
    margin: 0 10px 0 0;
}

.seminar-page__selected-seminars-list-item__image {
    display: none;
    max-width: 150px;
    max-height: 75px;
    margin: 0 10px 0 0;
}

.seminar-page__selected-seminars-list-item__title {
    color: black;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
}

.seminar-page__selected-seminars-list-item__remove-button {
    border: 0;
    padding: 2px 10px;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
}

    .seminar-page__selected-seminars-list-item__remove-button:hover {
        background-color: transparent !important;
        color: #458BCA !important;
        text-decoration: underline !important;
    }

.seminar-page__selected-seminars-list-item:hover .seminar-page__selected-seminars-list-item__remove-button {
    opacity: 1;
}

.seminar-page__selected-seminars-list-item:hover {
    border: 1px solid #458BCA;
}

.seminar-page .blue-flood--25 {
    color: #000;
    padding-top: 50px;
}

.seminar-page .hd-form__select {
    padding-right: 0;
}

.seminar-page .hd-form__label--checkbox {
    display: inline-block;
    margin-bottom: 0;
}

.library-resource-list .contentArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.5em;
}

.library-resource-list .block--fullWidthVideo {
    padding: 0 10px 20px;
}

.library-resource-list__no-result-message {
    margin: 15px 0;
    text-align: center;
    font-size: 1.2em;
}

.block--resource {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: calc(100% - 3em);
    flex-basis: calc(100% - 3em);
    max-width: 100%;
    min-width: 230px;
    margin: 0 1.5em 3em;
    background-color: #EEEEEE;
}

@media screen and (min-width: 610px) {
    .block--resource {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: calc(50% - 3em);
        flex-basis: calc(50% - 3em);
    }
}

@media screen and (min-width: 880px) {
    .block--resource {
        -ms-flex-preferred-size: calc(100%/3 - 3em);
        flex-basis: calc(100%/3 - 3em);
    }
}

@media screen and (min-width: 73.75em) {
    .block--resource {
        -ms-flex-preferred-size: calc(25% - 3em);
        flex-basis: calc(25% - 3em);
    }
}

.library-resource-item__link {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 113.04%;
    overflow: hidden;
}

.library-resource-item__thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ACACAE;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}

    .library-resource-item__thumbnail-image:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.library-resource-item__details {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 1em;
    min-height: 75px;
    background-color: #EEEEEE;
    padding-bottom: 1em;
    -webkit-transition: padding .25s ease-in-out;
    transition: padding .25s ease-in-out;
}

.library-resource-item__title {
    color: #458BCA;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.75px;
    text-transform: none;
    font-weight: 600;
    margin: 0 auto .15em;
    margin-left: 0;
}

.library__intro-content .headline {
    font-size: 18px;
}

.cart-sku-content {
    margin: 0;
    overflow-x: scroll;
}

.cart-sku-content__inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 500px;
}

.cart-sku-content__column {
    padding-right: 20px;
    width: 100px;
}

.cart-sku-content__column--remove {
    padding-right: 0;
    width: 20px;
}

.cart-sku-content__column--item-number {
    padding-right: 45px;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart-sku-content__heading {
    font-weight: 600;
    color: #458BCA;
    text-transform: lowercase;
    border-bottom: 1px solid transparent;
    padding: 0 0 4px;
    margin: 0 0 15px;
}

.cart-sku-content__heading--item-number {
    border-color: #458BCA;
}

.cart-sku-content__subheading {
    font-weight: 600;
    color: #458BCA;
    margin: 0 0 10px;
}

.cart-sku-content__color-image {
    max-width: 32px;
}

    .cart-sku-content__color-image img {
        max-width: 100%;
    }

.cart-sku-content__specs, .cart-sku-content__style {
    margin: 0 0 10px;
}

.cart-sku-content__price {
    margin: 25px 0;
    font-weight: bold;
}

.cart-sku-content__additional-price-info {
    color: #458BCA;
}

    .cart-sku-content__additional-price-info span {
        display: block;
        color: #333;
    }

.cart-sku-content__remove-button {
    color: #A2C5E4;
    display: block;
    padding: 50px 0;
}

.cart-sku-content__stock {
    color: #458BCA;
    font-size: 12px;
}

.cart-sku-content__stock--out {
    color: #f33f42;
}

.cart-sku-content__quantity {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin: 22px 0 0;
}

@media (min-width: 73.75em) {
    .cart-sku-content {
        overflow-x: auto;
    }
}

.cart-sku-content__action-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 20px;
}

    .cart-sku-content__action-row .cart-sku-content__remove-button {
        padding: 0;
    }

    .cart-sku-content__action-row .cart-sku-content__add-to-cart-button {
        margin: 0 0 0 2ch;
    }

@media print {
    .cart-sku-content {
        overflow-x: initial;
    }
}

.cart-group-content {
    padding: 20px 15px;
    margin: 0 0 10px;
    background-color: #eeeeee;
}

.cart-group-content__image img {
    max-width: 125px;
}

.cart-group-content__heading {
    margin: 0 0 40px;
    font-size: 1.3em;
    font-weight: bold;
    color: #458BCA;
}

.cart-group-content__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 73.75em) {
    .cart-group-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 50px 40px;
    }

    .cart-group-content__image {
        width: 125px;
        margin: 0 40px 0 0;
    }
}

.checkout-breadcrumbs {
    margin: 20px 0;
}

.checkout-breadcrumbs__item-list {
    margin: 0 20px;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 540px) {
    .checkout-breadcrumbs__item-list {
        margin: 0 auto;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 540px;
    }
}

@media screen and (min-width: 768px) {
    .checkout-breadcrumbs__item-list {
        width: 700px;
    }
}

.checkout-breadcrumbs__item {
    position: relative;
    text-indent: 16px;
    padding: 5px 0;
    color: #A2C5E4;
    text-transform: lowercase;
}

    .checkout-breadcrumbs__item.checkout-breadcrumbs__item--active {
        color: #458BCA;
    }

    .checkout-breadcrumbs__item:last-child {
        padding-bottom: 0;
    }

        .checkout-breadcrumbs__item:last-child::before {
            padding-bottom: 0;
        }

    .checkout-breadcrumbs__item::before {
        content: '';
        z-index: 1;
        margin: 0 16px 0 -9px;
        padding: 0 0 16px;
        border-left: 1px solid #458BCA;
    }

    .checkout-breadcrumbs__item:after {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        z-index: 2;
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #458BCA;
        background-color: white;
    }

@media screen and (min-width: 540px) {
    .checkout-breadcrumbs__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        text-indent: 0;
        position: relative;
        width: calc(100%/6);
    }

        .checkout-breadcrumbs__item::before {
            content: '';
            position: absolute;
            z-index: 1;
            bottom: 3px;
            left: 50%;
            width: 100%;
            border-bottom: 1px solid #458BCA;
            margin: 0;
            padding: 0;
            border-left: none;
        }

        .checkout-breadcrumbs__item::after {
            content: '';
            position: relative;
            top: 10px;
            z-index: 2;
            display: block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid #458BCA;
            background-color: white;
        }

        .checkout-breadcrumbs__item:last-child::before {
            display: none;
        }
}

.checkout-breadcrumbs__item--active {
    font-weight: bold;
}

    .checkout-breadcrumbs__item--active::after, .checkout-breadcrumbs__item--enabled::after {
        background-color: #458BCA;
    }

.checkout-breadcrumbs__item-link {
    color: #A2C5E4;
    text-decoration: none;
}

    .checkout-breadcrumbs__item-link:hover {
        color: #458BCA;
        font-weight: bold;
    }

.checkout-split-shipping {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.checkout-split-shipping__item__name {
    color: #458BCA;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.checkout-split-shipping__item__variant-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.checkout-split-shipping__item__variant {
    display: inline;
}

    .checkout-split-shipping__item__variant::after {
        content: ', ';
    }

    .checkout-split-shipping__item__variant:last-child::after {
        content: '';
    }

.checkout-order-review__info-grid {
    margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
    .checkout-order-review__info-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) {
    .checkout-order-review__info-grid-item {
        width: 50%;
    }
}

.checkout-order-review__info-grid-item > h5 > a {
    color: #458BCA;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1.6px;
}

    .checkout-order-review__info-grid-item > h5 > a:hover {
        text-decoration: underline;
    }

.checkout-order-review hr {
    border-top: 1px solid #D5D5D6;
}

.checkout-order-review .shippingMethod.shippingMethod--readOnly h4 {
    margin-bottom: 0;
}

.checkout-order-review .shippingMethod.shippingMethod--readOnly p {
    margin: 0;
}

.checkout-order-review .shippingMethod.shippingMethod--readOnly h5 {
    margin: 0;
    font-size: 1rem;
}

.checkout-order-review .shippingMethod.shippingMethod--readOnly ul {
    margin-top: 0;
}

    .checkout-order-review .shippingMethod.shippingMethod--readOnly ul li {
        line-height: 21px;
    }

@media screen and (min-width: 768px) {
    .checkout-tax-cert-selection-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.checkout-tax-cert-selection-form__column {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .checkout-tax-cert-selection-form__column {
        width: 50%;
        padding-right: 20px;
    }

        .checkout-tax-cert-selection-form__column:last-child {
            padding-right: 0;
        }
}

.checkout-tax-cert-selection-form__upload-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checkout-tax-cert-selection-form__upload-file-input, .checkout-tax-cert-selection-form__job-name-input {
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0 0 5px;
}

@media screen and (min-width: 768px) {
    .checkout-tax-cert-selection-form__upload-file-input, .checkout-tax-cert-selection-form__job-name-input {
        width: 60%;
    }
}

.checkout-tax-cert-selection-form__upload-submit-button {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .checkout-tax-cert-selection-form__upload-submit-button {
        width: 30%;
    }
}

.checkout-tax-cert-selection-form__upload-message--error {
    color: red;
}

.paymentMethodList__option--selected {
    margin-bottom: 1rem;
}

.paymentMethod__purchaseOrder .table__cell.lg-padL--none {
    padding: 1rem 0;
}

@media print, screen and (min-width: 45em) {
    .paymentMethod__purchaseOrder .table__cell.lg-padL--none {
        padding-left: 1rem;
    }
}

.discounts-container {
    padding: 35px 20px;
    margin: 0 0 20px;
    border: 1px solid #D5D5D6;
}

    .discounts-container h3 {
        font-size: 18px;
        color: #000;
        margin: 0 0 20px;
    }

    .discounts-container hr {
        border-top: 1px solid #D5D5D6;
    }

    .discounts-container h4 {
        margin: 0 0 0.5em;
    }

    .discounts-container .form__row {
        margin-bottom: 0;
    }

.discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px;
}

.discount__info {
    position: relative;
    margin-left: 15px;
}

    .discount__info:before {
        content: "\2713 ";
        color: #458BCA;
        position: absolute;
        top: 0;
        left: -15px;
    }

.discount__actions {
    margin-left: 15px;
}

.discount__description {
    font-size: 0.8em;
}

.my-quotes-wrapper {
    margin: 0 -25px;
}

@media screen and (min-width: 992px) {
    .my-quotes-wrapper {
        margin: 0;
    }
}

.my-quotes-table {
    width: 100%;
}

.my-quotes-table__head {
    display: none;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__head {
        display: table-header-group;
    }
}

.my-quotes-table__head-cell {
    text-align: center;
}

.my-quotes-table__row {
    display: block;
    margin-bottom: 10px;
    padding: 10px 15px 0;
    background: #eee;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__row {
        margin-bottom: 0;
        background: inherit;
        display: table-row;
        padding: 0;
    }
}

.my-quotes-table__row__status {
    text-align: center;
    margin: 0;
}

.my-quotes-table__row__status--active {
    font-weight: bold;
}

.my-quotes-table__cell {
    padding: 4px;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__cell {
        padding: .75em 1.25em;
    }
}

.my-quotes-table__cell__inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__cell__inner-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.my-quotes-table__cell__action {
    width: 100%;
    margin: 0 0 10px;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__cell__action {
        width: auto;
        margin: 2px 30px 15px 0;
    }
}

.my-quotes-table__cell__mobile-label {
    display: inline;
    margin-right: 1ch;
    font-weight: bold;
}

@media screen and (min-width: 992px) {
    .my-quotes-table__cell__mobile-label {
        display: none;
    }
}

@media (min-width: 73.75em) {
    .quote-details-page-header__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 800px;
    }
}

@media (min-width: 73.75em) {
    .quote-details-page-header__column {
        width: 50%;
    }
}

.quote-details-page-header__column > div > span {
    margin-left: 1ch;
}

.quote-details-page-header__rename-form {
    display: inline;
}

.quote-details-page-header__rename-form__button {
    margin-left: 1ch !important;
}

.estimate-freight__header {
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0.75px;
    color: #458BCA;
    margin-bottom: .5em;
}

.estimate-freight__description {
    font-style: italic;
}

.estimate-freight__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .estimate-freight__form input {
        width: 50%;
    }

    .estimate-freight__form button {
        width: 45%;
        margin: 0;
    }

@media screen and (min-width: 31.25em) {
    .estimate-freight__form input {
        width: 60%;
    }

    .estimate-freight__form button {
        width: 30%;
        margin: 0;
    }
}

.estimate-freight__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .estimate-freight__prices dd, .estimate-freight__prices dt {
        margin: 0 0 10px;
    }

    .estimate-freight__prices dt {
        width: 75%;
    }

    .estimate-freight__prices dd {
        width: 25%;
        font-weight: bold;
        text-align: right;
    }

.crmPendingInvoices__grid tr.highlight {
    background-color: yellow;
}

.crmPendingInvoices__grid .chkInvoiceHidden,
.crmPendingInvoices__grid .lblPendingHidden {
    display: none;
}

.crmPendingInvoices__grid .pastDue {
    color: red;
}

.crmPendingInvoices .gridControls {
    margin: 20px 0;
}

.crmPendingInvoices table tr {
    border-bottom: 1px solid #D5D5D6;
}