/*******Common Css******/
.absolute-container { position:absolute; top:0; width:100%;}
.ms-grid.full .full-bleed img { width: 100%;}
ul { list-style:none;}
ul li { margin:0px;}
/*******Common Css******/

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

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

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,

.mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

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

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
    .mfp-preloader a { color: #CCC; }
        .mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active { margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-arrow:before, .mfp-arrow:after,
    .mfp-arrow .mfp-b,
    .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
    .mfp-arrow:after,
    .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
    .mfp-arrow:before,
    .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }
    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
    .mfp-arrow-left:before,
    .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }
    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
    .mfp-arrow-right:before,
    .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
    .mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
    .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
    .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
    .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
    .mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
   * Remove all paddings around the image on small screen
   */
    .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
    .mfp-img-mobile img.mfp-img { padding: 0; }
    .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
    .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
        .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
    .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
    .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}

@media all and (max-width: 900px) {
    .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }

    .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }

    .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }

    .mfp-container { padding-left: 6px; padding-right: 6px; }
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.ms-grid, .inner-grid, .ms-row, [class*="col-"] { box-sizing: border-box; }

.ms-grid, .inner-grid { display: block; position: relative; width: 100%; margin-left: auto; margin-right: auto; max-width: 1600px; padding-left: 12px; padding-right: 12px; }
    .ms-grid.full, .full.inner-grid { max-width: none; padding-left: 0; padding-right: 0; width: 100%; }
    .ms-grid.fixed .ms-row, .fixed.inner-grid .ms-row { margin-left: -2px; margin-right: -2px; }
        .ms-grid.fixed .ms-row > [class*="col-"], .fixed.inner-grid .ms-row > [class*="col-"] { padding-left: 2px; padding-right: 2px; }
    .ms-grid.fixed-small .ms-row, .fixed-small.inner-grid .ms-row { margin-left: -2px; margin-right: -2px; }
        .ms-grid.fixed-small .ms-row > [class*="col-"], .fixed-small.inner-grid .ms-row > [class*="col-"] { padding-left: 2px; padding-right: 2px; }
    .ms-grid.fixed-large .ms-row, .fixed-large.inner-grid .ms-row { margin-left: -4px; margin-right: -4px; }
        .ms-grid.fixed-large .ms-row > [class*="col-"], .fixed-large.inner-grid .ms-row > [class*="col-"] { padding-left: 4px; padding-right: 4px; }

@media screen and (min-width: 540px) {
    .ms-grid.fixed-small .ms-row, .fixed-small.inner-grid .ms-row { margin-left: -6px; margin-right: -6px; }
        .ms-grid.fixed-small .ms-row > [class*="col-"], .fixed-small.inner-grid .ms-row > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
    .ms-grid.fixed-large .ms-row, .fixed-large.inner-grid .ms-row { margin-left: -12px; margin-right: -12px; }
        .ms-grid.fixed-large .ms-row > [class*="col-"], .fixed-large.inner-grid .ms-row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
}

@media screen and (min-width: 768px) {
    .ms-grid.fixed-small .ms-row, .fixed-small.inner-grid .ms-row { margin-left: -12px; margin-right: -12px; }
        .ms-grid.fixed-small .ms-row > [class*="col-"], .fixed-small.inner-grid .ms-row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
    .ms-grid.fixed-large .ms-row, .fixed-large.inner-grid .ms-row { margin-left: -24px; margin-right: -24px; }
        .ms-grid.fixed-large .ms-row > [class*="col-"], .fixed-large.inner-grid .ms-row > [class*="col-"] { padding-left: 24px; padding-right: 24px; }
}

.ms-grid.zero-margin .ms-row, .zero-margin.inner-grid .ms-row { margin-left: 0; margin-right: 0; }
    .ms-grid.zero-margin .ms-row > [class*="col-"], .zero-margin.inner-grid .ms-row > [class*="col-"] { padding-left: 0; padding-right: 0; }
.ms-grid .ms-row, .inner-grid .ms-row { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1em; margin-right: -1em; margin-left: -1vw; margin-right: -1vw; }
    .ms-grid .ms-row.zero-margin, .inner-grid .ms-row.zero-margin { margin-left: 0; margin-right: 0; }
        .ms-grid .ms-row.zero-margin > [class*="col-"], .inner-grid .ms-row.zero-margin > [class*="col-"] { padding-left: 0; padding-right: 0; }
    .ms-grid .ms-row.fixed, .inner-grid .ms-row.fixed { margin-left: -2px; margin-right: -2px; }
        .ms-grid .ms-row.fixed > [class*="col-"], .inner-grid .ms-row.fixed > [class*="col-"] { padding-left: 2px; padding-right: 2px; }
    .ms-grid .ms-row.fixed-small, .inner-grid .ms-row.fixed-small { margin-left: -2px; margin-right: -2px; }
        .ms-grid .ms-row.fixed-small > [class*="col-"], .inner-grid .ms-row.fixed-small > [class*="col-"] { padding-left: 2px; padding-right: 2px; }
    .ms-grid .ms-row.fixed-large, .inner-grid .ms-row.fixed-large { margin-left: -4px; margin-right: -4px; }
        .ms-grid .ms-row.fixed-large > [class*="col-"], .inner-grid .ms-row.fixed-large > [class*="col-"] { padding-left: 4px; padding-right: 4px; }
    .ms-grid .ms-row.content-flush, .inner-grid .ms-row.content-flush { margin-left: -2em; margin-right: -2em; margin-left: -2vw; margin-right: -2vw; }
    .ms-grid .ms-row.vertically-centered, .inner-grid .ms-row.vertically-centered, .ms-grid .ms-row.vc, .inner-grid .ms-row.vc { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .ms-grid .ms-row.horizontally-centered, .inner-grid .ms-row.horizontally-centered, .ms-grid .ms-row.hc, .inner-grid .ms-row.hc { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .ms-grid .ms-row.centered [class*="col-"], .inner-grid .ms-row.centered [class*="col-"] { float: none; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 540px) {
    .ms-grid .ms-row.fixed-small, .inner-grid .ms-row.fixed-small { margin-left: -6px; margin-right: -6px; }
        .ms-grid .ms-row.fixed-small > [class*="col-"], .inner-grid .ms-row.fixed-small > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
    .ms-grid .ms-row.fixed-large, .inner-grid .ms-row.fixed-large { margin-left: -12px; margin-right: -12px; }
        .ms-grid .ms-row.fixed-large > [class*="col-"], .inner-grid .ms-row.fixed-large > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
}

@media screen and (min-width: 768px) {
    .ms-grid .ms-row.fixed-small, .inner-grid .ms-row.fixed-small { margin-left: -12px; margin-right: -12px; }
        .ms-grid .ms-row.fixed-small > [class*="col-"], .inner-grid .ms-row.fixed-small > [class*="col-"] { padding-left: 12px; padding-right: 12px; }
    .ms-grid .ms-row.fixed-large, .inner-grid .ms-row.fixed-large { margin-left: -24px; margin-right: -24px; }
        .ms-grid .ms-row.fixed-large > [class*="col-"], .inner-grid .ms-row.fixed-large > [class*="col-"] { padding-left: 24px; padding-right: 24px; }
}

.ms-grid .ms-row:after, .inner-grid .ms-row:after,
.ms-grid [class*="col-"]:after,
.inner-grid [class*="col-"]:after { content: ""; display: table; clear: both; }

[class*="col-"] { float: left; width: 100%; position: relative; margin: 0; padding-left: 1em; padding-right: 1em; padding-left: 1vw; padding-right: 1vw; }
    [class*="col-"].centered { float: none; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 540px) {
    .ms-grid, .inner-grid { padding-left: 24px; padding-right: 24px; }
}

@media screen and (min-width: 768px) {
    .ms-grid, .inner-grid { padding-left: 0; padding-right: 0; width: 90%; }
}

@media screen and (min-width: 2000px) {
    .ms-grid .ms-row, .inner-grid .ms-row { margin-left: -1em; margin-right: -1em; margin-left: -0.5vw; margin-right: -0.5vw; }
        .ms-grid .ms-row > [class*="col-"], .inner-grid .ms-row > [class*="col-"] { padding-left: 1em; padding-right: 1em; padding-left: 0.5vw; padding-right: 0.5vw; }
}

.mscom-vertical [class*="col-"] { padding: 1em 1em; padding: calc(1em - -0.5vh) 1vw; }

.col-1-3.nb, .col-2-6.nb { width: 33.33333%; }

.col-2-3.nb, .col-4-6.nb { width: 66.66667%; }

.col-1-2.nb,
.col-2-4.nb,
.col-3-6.nb,
.col-1-8,
.col-1-12 { width: 50%; }

.col-1-4.nb { width: 25%; }

.col-3-4.nb { width: 75%; }

.col-1-5.nb { width: 20%; }

.col-1-6.nb,
.col-1-24 { width: 16.66667%; }

.col-1-8.nb { width: 12.5%; }

.col-1-12.nb { width: 8.33333%; }

.col-1-24.nb { width: 4.16667%; }

.col-2-8,
.col-2-12,
.col-4-12,
.col-2-2,
.col-3-3,
.col-4-4,
.col-5-5,
.col-6-6,
.col-8-8,
.col-12-12,
.col-24-24 { width: 100%; }

@media screen and (min-width: 540px) {
    .col-1-4,
    .col-1-6,
    .col-1-8,
    .col-2-12,
    .col-6-24,
    .col-6-24 + .preceding-col-6-24 { width: 50%; }

    .col-1-3 { width: 33.33333%; }

    .col-2-3 { width: 66.66667%; }

    .col-1-12 { width: 25%; }

    .col-3-6 + .col-1-6,
    .col-2-4,
    .col-2-6,
    .col-4-8,
    .col-3-4 + .col-1-4,
    .preceding-col-1-4,
    .preceding-col-6-24,
    .preceding-col-6-24 ~ .col-6-24 { width: 100%; }

    .col-1-24 { width: 8.33333%; }
}

@media screen and (min-width: 768px) {
    .col-1-2,
    .col-2-4,
    .col-4-6 ~ .col-1-6,
    .preceding-col-1-6,
    .col-2-8,
    .col-6-8 ~ .col-1-8,
    .preceding-col-1-8,
    .col-12-24 { width: 50%; }

    .col-1-4,
    .col-3-4 + .col-1-4,
    .preceding-col-1-4,
    .col-1-8,
    .col-6-24,
    .preceding-col-6-24,
    .col-6-24 + .preceding-col-6-24,
    .preceding-col-6-24 ~ .col-6-24 { width: 25%; }

    .col-1-5 { width: 20%; }

    .col-2-5 { width: 40%; }

    .col-3-5 { width: 60%; }

    .col-4-5 { width: 80%; }

    .col-1-6,
    .col-3-6 + .col-1-6 { width: 33.33333%; }

    .col-3-4,
    .col-1-8 + .preceding-col-1-8 { width: 75%; }

    .col-2-6,
    .col-1-6 + .preceding-col-1-6 { width: 66.66667%; }

    .col-4-4,
    .col-3-6,
    .col-4-6,
    .col-4-6 + .col-2-6,
    .preceding-col-2-6,
    .col-4-8,
    .col-6-8,
    .col-6-8 + .col-2-8,
    .preceding-col-2-8 { width: 100%; }

    .col-1-24 { width: 4.16667%; }
}

@media screen and (min-width: 1084px) {
    .col-4-6 + .col-2-6,
    .preceding-col-2-6,
    .col-2-6,
    .col-4-12 { width: 33.33333%; }

    .col-4-6 ~ .col-1-6,
    .preceding-col-1-6,
    .col-1-6,
    .col-3-6 + .col-1-6,
    .col-1-6 + .preceding-col-1-6,
    .col-2-12 { width: 16.66667%; }

    .col-6-8 + .col-2-8,
    .preceding-col-2-8,
    .col-2-8 { width: 25%; }

    .col-6-8 ~ .col-1-8,
    .preceding-col-1-8,
    .col-1-8 + .preceding-col-1-8,
    .col-1-8 { width: 12.5%; }

    .col-3-6,
    .col-4-8 { width: 50%; }

    .col-4-6 { width: 66.66667%; }

    .col-6-6 { width: 100%; }

    .col-6-8 { width: 75%; }

    .col-1-12 { width: 8.33333%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-2 { width: 50%; }

    .xs-col-2-2 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-2 { width: 50%; }

    .s-col-2-2 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-2 { width: 50%; }

    .m-col-2-2 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-2 { width: 50%; }

    .l-col-2-2 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-2 { width: 50%; }

    .xl-col-2-2 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-3 { width: 33.33333%; }

    .xs-col-2-3 { width: 66.66667%; }

    .xs-col-3-3 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-3 { width: 33.33333%; }

    .s-col-2-3 { width: 66.66667%; }

    .s-col-3-3 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-3 { width: 33.33333%; }

    .m-col-2-3 { width: 66.66667%; }

    .m-col-3-3 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-3 { width: 33.33333%; }

    .l-col-2-3 { width: 66.66667%; }

    .l-col-3-3 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-3 { width: 33.33333%; }

    .xl-col-2-3 { width: 66.66667%; }

    .xl-col-3-3 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-4 { width: 25%; }

    .xs-col-2-4 { width: 50%; }

    .xs-col-3-4 { width: 75%; }

    .xs-col-4-4 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-4 { width: 25%; }

    .s-col-2-4 { width: 50%; }

    .s-col-3-4 { width: 75%; }

    .s-col-4-4 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-4 { width: 25%; }

    .m-col-2-4 { width: 50%; }

    .m-col-3-4 { width: 75%; }

    .m-col-4-4 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-4 { width: 25%; }

    .l-col-2-4 { width: 50%; }

    .l-col-3-4 { width: 75%; }

    .l-col-4-4 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-4 { width: 25%; }

    .xl-col-2-4 { width: 50%; }

    .xl-col-3-4 { width: 75%; }

    .xl-col-4-4 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-5 { width: 20%; }

    .xs-col-2-5 { width: 40%; }

    .xs-col-3-5 { width: 60%; }

    .xs-col-4-5 { width: 80%; }

    .xs-col-5-5 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-5 { width: 20%; }

    .s-col-2-5 { width: 40%; }

    .s-col-3-5 { width: 60%; }

    .s-col-4-5 { width: 80%; }

    .s-col-5-5 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-5 { width: 20%; }

    .m-col-2-5 { width: 40%; }

    .m-col-3-5 { width: 60%; }

    .m-col-4-5 { width: 80%; }

    .m-col-5-5 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-5 { width: 20%; }

    .l-col-2-5 { width: 40%; }

    .l-col-3-5 { width: 60%; }

    .l-col-4-5 { width: 80%; }

    .l-col-5-5 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-5 { width: 20%; }

    .xl-col-2-5 { width: 40%; }

    .xl-col-3-5 { width: 60%; }

    .xl-col-4-5 { width: 80%; }

    .xl-col-5-5 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-6 { width: 16.66667%; }

    .xs-col-2-6 { width: 33.33333%; }

    .xs-col-3-6 { width: 50%; }

    .xs-col-4-6 { width: 66.66667%; }

    .xs-col-5-6 { width: 83.33333%; }

    .xs-col-6-6 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-6 { width: 16.66667%; }

    .s-col-2-6 { width: 33.33333%; }

    .s-col-3-6 { width: 50%; }

    .s-col-4-6 { width: 66.66667%; }

    .s-col-5-6 { width: 83.33333%; }

    .s-col-6-6 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-6 { width: 16.66667%; }

    .m-col-2-6 { width: 33.33333%; }

    .m-col-3-6 { width: 50%; }

    .m-col-4-6 { width: 66.66667%; }

    .m-col-5-6 { width: 83.33333%; }

    .m-col-6-6 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-6 { width: 16.66667%; }

    .l-col-2-6 { width: 33.33333%; }

    .l-col-3-6 { width: 50%; }

    .l-col-4-6 { width: 66.66667%; }

    .l-col-5-6 { width: 83.33333%; }

    .l-col-6-6 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-6 { width: 16.66667%; }

    .xl-col-2-6 { width: 33.33333%; }

    .xl-col-3-6 { width: 50%; }

    .xl-col-4-6 { width: 66.66667%; }

    .xl-col-5-6 { width: 83.33333%; }

    .xl-col-6-6 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-8 { width: 12.5%; }

    .xs-col-2-8 { width: 25%; }

    .xs-col-3-8 { width: 37.5%; }

    .xs-col-4-8 { width: 50%; }

    .xs-col-5-8 { width: 62.5%; }

    .xs-col-6-8 { width: 75%; }

    .xs-col-7-8 { width: 87.5%; }

    .xs-col-8-8 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-8 { width: 12.5%; }

    .s-col-2-8 { width: 25%; }

    .s-col-3-8 { width: 37.5%; }

    .s-col-4-8 { width: 50%; }

    .s-col-5-8 { width: 62.5%; }

    .s-col-6-8 { width: 75%; }

    .s-col-7-8 { width: 87.5%; }

    .s-col-8-8 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-8 { width: 12.5%; }

    .m-col-2-8 { width: 25%; }

    .m-col-3-8 { width: 37.5%; }

    .m-col-4-8 { width: 50%; }

    .m-col-5-8 { width: 62.5%; }

    .m-col-6-8 { width: 75%; }

    .m-col-7-8 { width: 87.5%; }

    .m-col-8-8 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-8 { width: 12.5%; }

    .l-col-2-8 { width: 25%; }

    .l-col-3-8 { width: 37.5%; }

    .l-col-4-8 { width: 50%; }

    .l-col-5-8 { width: 62.5%; }

    .l-col-6-8 { width: 75%; }

    .l-col-7-8 { width: 87.5%; }

    .l-col-8-8 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-8 { width: 12.5%; }

    .xl-col-2-8 { width: 25%; }

    .xl-col-3-8 { width: 37.5%; }

    .xl-col-4-8 { width: 50%; }

    .xl-col-5-8 { width: 62.5%; }

    .xl-col-6-8 { width: 75%; }

    .xl-col-7-8 { width: 87.5%; }

    .xl-col-8-8 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-12 { width: 8.33333%; }

    .xs-col-2-12 { width: 16.66667%; }

    .xs-col-3-12 { width: 25%; }

    .xs-col-4-12 { width: 33.33333%; }

    .xs-col-5-12 { width: 41.66667%; }

    .xs-col-6-12 { width: 50%; }

    .xs-col-7-12 { width: 58.33333%; }

    .xs-col-8-12 { width: 66.66667%; }

    .xs-col-9-12 { width: 75%; }

    .xs-col-10-12 { width: 83.33333%; }

    .xs-col-11-12 { width: 91.66667%; }

    .xs-col-12-12 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-12 { width: 8.33333%; }

    .s-col-2-12 { width: 16.66667%; }

    .s-col-3-12 { width: 25%; }

    .s-col-4-12 { width: 33.33333%; }

    .s-col-5-12 { width: 41.66667%; }

    .s-col-6-12 { width: 50%; }

    .s-col-7-12 { width: 58.33333%; }

    .s-col-8-12 { width: 66.66667%; }

    .s-col-9-12 { width: 75%; }

    .s-col-10-12 { width: 83.33333%; }

    .s-col-11-12 { width: 91.66667%; }

    .s-col-12-12 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-12 { width: 8.33333%; }

    .m-col-2-12 { width: 16.66667%; }

    .m-col-3-12 { width: 25%; }

    .m-col-4-12 { width: 33.33333%; }

    .m-col-5-12 { width: 41.66667%; }

    .m-col-6-12 { width: 50%; }

    .m-col-7-12 { width: 58.33333%; }

    .m-col-8-12 { width: 66.66667%; }

    .m-col-9-12 { width: 75%; }

    .m-col-10-12 { width: 83.33333%; }

    .m-col-11-12 { width: 91.66667%; }

    .m-col-12-12 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-12 { width: 8.33333%; }

    .l-col-2-12 { width: 16.66667%; }

    .l-col-3-12 { width: 25%; }

    .l-col-4-12 { width: 33.33333%; }

    .l-col-5-12 { width: 41.66667%; }

    .l-col-6-12 { width: 50%; }

    .l-col-7-12 { width: 58.33333%; }

    .l-col-8-12 { width: 66.66667%; }

    .l-col-9-12 { width: 75%; }

    .l-col-10-12 { width: 83.33333%; }

    .l-col-11-12 { width: 91.66667%; }

    .l-col-12-12 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-12 { width: 8.33333%; }

    .xl-col-2-12 { width: 16.66667%; }

    .xl-col-3-12 { width: 25%; }

    .xl-col-4-12 { width: 33.33333%; }

    .xl-col-5-12 { width: 41.66667%; }

    .xl-col-6-12 { width: 50%; }

    .xl-col-7-12 { width: 58.33333%; }

    .xl-col-8-12 { width: 66.66667%; }

    .xl-col-9-12 { width: 75%; }

    .xl-col-10-12 { width: 83.33333%; }

    .xl-col-11-12 { width: 91.66667%; }

    .xl-col-12-12 { width: 100%; }
}

@media screen and (min-width: 200px) {
    .xs-col-1-24 { width: 4.16667%; }

    .xs-col-2-24 { width: 8.33333%; }

    .xs-col-3-24 { width: 12.5%; }

    .xs-col-4-24 { width: 16.66667%; }

    .xs-col-5-24 { width: 20.83333%; }

    .xs-col-6-24 { width: 25%; }

    .xs-col-7-24 { width: 29.16667%; }

    .xs-col-8-24 { width: 33.33333%; }

    .xs-col-9-24 { width: 37.5%; }

    .xs-col-10-24 { width: 41.66667%; }

    .xs-col-11-24 { width: 45.83333%; }

    .xs-col-12-24 { width: 50%; }

    .xs-col-13-24 { width: 54.16667%; }

    .xs-col-14-24 { width: 58.33333%; }

    .xs-col-15-24 { width: 62.5%; }

    .xs-col-16-24 { width: 66.66667%; }

    .xs-col-17-24 { width: 70.83333%; }

    .xs-col-18-24 { width: 75%; }

    .xs-col-19-24 { width: 79.16667%; }

    .xs-col-20-24 { width: 83.33333%; }

    .xs-col-21-24 { width: 87.5%; }

    .xs-col-22-24 { width: 91.66667%; }

    .xs-col-23-24 { width: 95.83333%; }

    .xs-col-24-24 { width: 100%; }
}

@media screen and (min-width: 540px) {
    .s-col-1-24 { width: 4.16667%; }

    .s-col-2-24 { width: 8.33333%; }

    .s-col-3-24 { width: 12.5%; }

    .s-col-4-24 { width: 16.66667%; }

    .s-col-5-24 { width: 20.83333%; }

    .s-col-6-24 { width: 25%; }

    .s-col-7-24 { width: 29.16667%; }

    .s-col-8-24 { width: 33.33333%; }

    .s-col-9-24 { width: 37.5%; }

    .s-col-10-24 { width: 41.66667%; }

    .s-col-11-24 { width: 45.83333%; }

    .s-col-12-24 { width: 50%; }

    .s-col-13-24 { width: 54.16667%; }

    .s-col-14-24 { width: 58.33333%; }

    .s-col-15-24 { width: 62.5%; }

    .s-col-16-24 { width: 66.66667%; }

    .s-col-17-24 { width: 70.83333%; }

    .s-col-18-24 { width: 75%; }

    .s-col-19-24 { width: 79.16667%; }

    .s-col-20-24 { width: 83.33333%; }

    .s-col-21-24 { width: 87.5%; }

    .s-col-22-24 { width: 91.66667%; }

    .s-col-23-24 { width: 95.83333%; }

    .s-col-24-24 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-1-24 { width: 4.16667%; }

    .m-col-2-24 { width: 8.33333%; }

    .m-col-3-24 { width: 12.5%; }

    .m-col-4-24 { width: 16.66667%; }

    .m-col-5-24 { width: 20.83333%; }

    .m-col-6-24 { width: 25%; }

    .m-col-7-24 { width: 29.16667%; }

    .m-col-8-24 { width: 33.33333%; }

    .m-col-9-24 { width: 37.5%; }

    .m-col-10-24 { width: 41.66667%; }

    .m-col-11-24 { width: 45.83333%; }

    .m-col-12-24 { width: 50%; }

    .m-col-13-24 { width: 54.16667%; }

    .m-col-14-24 { width: 58.33333%; }

    .m-col-15-24 { width: 62.5%; }

    .m-col-16-24 { width: 66.66667%; }

    .m-col-17-24 { width: 70.83333%; }

    .m-col-18-24 { width: 75%; }

    .m-col-19-24 { width: 79.16667%; }

    .m-col-20-24 { width: 83.33333%; }

    .m-col-21-24 { width: 87.5%; }

    .m-col-22-24 { width: 91.66667%; }

    .m-col-23-24 { width: 95.83333%; }

    .m-col-24-24 { width: 100%; }
}

@media screen and (min-width: 1084px) {
    .l-col-1-24 { width: 4.16667%; }

    .l-col-2-24 { width: 8.33333%; }

    .l-col-3-24 { width: 12.5%; }

    .l-col-4-24 { width: 16.66667%; }

    .l-col-5-24 { width: 20.83333%; }

    .l-col-6-24 { width: 25%; }

    .l-col-7-24 { width: 29.16667%; }

    .l-col-8-24 { width: 33.33333%; }

    .l-col-9-24 { width: 37.5%; }

    .l-col-10-24 { width: 41.66667%; }

    .l-col-11-24 { width: 45.83333%; }

    .l-col-12-24 { width: 50%; }

    .l-col-13-24 { width: 54.16667%; }

    .l-col-14-24 { width: 58.33333%; }

    .l-col-15-24 { width: 62.5%; }

    .l-col-16-24 { width: 66.66667%; }

    .l-col-17-24 { width: 70.83333%; }

    .l-col-18-24 { width: 75%; }

    .l-col-19-24 { width: 79.16667%; }

    .l-col-20-24 { width: 83.33333%; }

    .l-col-21-24 { width: 87.5%; }

    .l-col-22-24 { width: 91.66667%; }

    .l-col-23-24 { width: 95.83333%; }

    .l-col-24-24 { width: 100%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-1-24 { width: 4.16667%; }

    .xl-col-2-24 { width: 8.33333%; }

    .xl-col-3-24 { width: 12.5%; }

    .xl-col-4-24 { width: 16.66667%; }

    .xl-col-5-24 { width: 20.83333%; }

    .xl-col-6-24 { width: 25%; }

    .xl-col-7-24 { width: 29.16667%; }

    .xl-col-8-24 { width: 33.33333%; }

    .xl-col-9-24 { width: 37.5%; }

    .xl-col-10-24 { width: 41.66667%; }

    .xl-col-11-24 { width: 45.83333%; }

    .xl-col-12-24 { width: 50%; }

    .xl-col-13-24 { width: 54.16667%; }

    .xl-col-14-24 { width: 58.33333%; }

    .xl-col-15-24 { width: 62.5%; }

    .xl-col-16-24 { width: 66.66667%; }

    .xl-col-17-24 { width: 70.83333%; }

    .xl-col-18-24 { width: 75%; }

    .xl-col-19-24 { width: 79.16667%; }

    .xl-col-20-24 { width: 83.33333%; }

    .xl-col-21-24 { width: 87.5%; }

    .xl-col-22-24 { width: 91.66667%; }

    .xl-col-23-24 { width: 95.83333%; }

    .xl-col-24-24 { width: 100%; }
}

@media screen and (min-width: 768px) {
    .m-col-2-offset-0 { margin-left: 0%; }

    .m-col-2-offset-1 { margin-left: 50%; }
}

@media screen and (min-width: 1084px) {
    .l-col-2-offset-0 { margin-left: 0%; }

    .l-col-2-offset-1 { margin-left: 50%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-2-offset-0 { margin-left: 0%; }

    .xl-col-2-offset-1 { margin-left: 50%; }
}

@media screen and (min-width: 540px) {
    .s-col-3-offset-0 { margin-left: 0%; }

    .s-col-3-offset-1 { margin-left: 33.33333%; }

    .s-col-3-offset-2 { margin-left: 66.66667%; }
}

@media screen and (min-width: 768px) {
    .m-col-3-offset-0 { margin-left: 0%; }

    .m-col-3-offset-1 { margin-left: 33.33333%; }

    .m-col-3-offset-2 { margin-left: 66.66667%; }
}

@media screen and (min-width: 1084px) {
    .l-col-3-offset-0 { margin-left: 0%; }

    .l-col-3-offset-1 { margin-left: 33.33333%; }

    .l-col-3-offset-2 { margin-left: 66.66667%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-3-offset-0 { margin-left: 0%; }

    .xl-col-3-offset-1 { margin-left: 33.33333%; }

    .xl-col-3-offset-2 { margin-left: 66.66667%; }
}

@media screen and (min-width: 540px) {
    .s-col-4-offset-0 { margin-left: 0%; }

    .s-col-4-offset-1 { margin-left: 50%; }
}

@media screen and (min-width: 768px) {
    .m-col-4-offset-0 { margin-left: 0%; }

    .m-col-4-offset-1 { margin-left: 25%; }

    .m-col-4-offset-2 { margin-left: 50%; }

    .m-col-4-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 1084px) {
    .l-col-4-offset-0 { margin-left: 0%; }

    .l-col-4-offset-1 { margin-left: 25%; }

    .l-col-4-offset-2 { margin-left: 50%; }

    .l-col-4-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-4-offset-0 { margin-left: 0%; }

    .xl-col-4-offset-1 { margin-left: 25%; }

    .xl-col-4-offset-2 { margin-left: 50%; }

    .xl-col-4-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 768px) {
    .m-col-5-offset-0 { margin-left: 0%; }

    .m-col-5-offset-1 { margin-left: 20%; }

    .m-col-5-offset-2 { margin-left: 40%; }

    .m-col-5-offset-3 { margin-left: 60%; }

    .m-col-5-offset-4 { margin-left: 80%; }
}

@media screen and (min-width: 1084px) {
    .l-col-5-offset-0 { margin-left: 0%; }

    .l-col-5-offset-1 { margin-left: 20%; }

    .l-col-5-offset-2 { margin-left: 40%; }

    .l-col-5-offset-3 { margin-left: 60%; }

    .l-col-5-offset-4 { margin-left: 80%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-5-offset-0 { margin-left: 0%; }

    .xl-col-5-offset-1 { margin-left: 20%; }

    .xl-col-5-offset-2 { margin-left: 40%; }

    .xl-col-5-offset-3 { margin-left: 60%; }

    .xl-col-5-offset-4 { margin-left: 80%; }
}

@media screen and (min-width: 540px) {
    .s-col-6-offset-0 { margin-left: 0%; }

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

@media screen and (min-width: 768px) {
    .m-col-6-offset-0 { margin-left: 0%; }

    .m-col-6-offset-1 { margin-left: 33.33333%; }

    .m-col-6-offset-2 { margin-left: 66.66667%; }
}

@media screen and (min-width: 1084px) {
    .l-col-6-offset-0 { margin-left: 0%; }

    .l-col-6-offset-1 { margin-left: 16.66667%; }

    .l-col-6-offset-2 { margin-left: 33.33333%; }

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

    .l-col-6-offset-4 { margin-left: 66.66667%; }

    .l-col-6-offset-5 { margin-left: 83.33333%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-6-offset-0 { margin-left: 0%; }

    .xl-col-6-offset-1 { margin-left: 16.66667%; }

    .xl-col-6-offset-2 { margin-left: 33.33333%; }

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

    .xl-col-6-offset-4 { margin-left: 66.66667%; }

    .xl-col-6-offset-5 { margin-left: 83.33333%; }
}

@media screen and (min-width: 200px) {
    .xs-col-8-offset-0 { margin-left: 0%; }

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

@media screen and (min-width: 540px) {
    .s-col-8-offset-0 { margin-left: 0%; }

    .s-col-8-offset-1 { margin-left: 50%; }
}

@media screen and (min-width: 768px) {
    .m-col-8-offset-0 { margin-left: 0%; }

    .m-col-8-offset-1 { margin-left: 25%; }

    .m-col-8-offset-2 { margin-left: 50%; }

    .m-col-8-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 1084px) {
    .l-col-8-offset-0 { margin-left: 0%; }

    .l-col-8-offset-1 { margin-left: 12.5%; }

    .l-col-8-offset-2 { margin-left: 25%; }

    .l-col-8-offset-3 { margin-left: 37.5%; }

    .l-col-8-offset-4 { margin-left: 50%; }

    .l-col-8-offset-5 { margin-left: 62.5%; }

    .l-col-8-offset-6 { margin-left: 75%; }

    .l-col-8-offset-7 { margin-left: 87.5%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-8-offset-0 { margin-left: 0%; }

    .xl-col-8-offset-1 { margin-left: 12.5%; }

    .xl-col-8-offset-2 { margin-left: 25%; }

    .xl-col-8-offset-3 { margin-left: 37.5%; }

    .xl-col-8-offset-4 { margin-left: 50%; }

    .xl-col-8-offset-5 { margin-left: 62.5%; }

    .xl-col-8-offset-6 { margin-left: 75%; }

    .xl-col-8-offset-7 { margin-left: 87.5%; }
}

@media screen and (min-width: 200px) {
    .xs-col-12-offset-0 { margin-left: 0%; }

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

@media screen and (min-width: 540px) {
    .s-col-12-offset-0 { margin-left: 0%; }

    .s-col-12-offset-1 { margin-left: 25%; }

    .s-col-12-offset-2 { margin-left: 50%; }

    .s-col-12-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 768px) {
    .m-col-12-offset-0 { margin-left: 0%; }

    .m-col-12-offset-1 { margin-left: 25%; }

    .m-col-12-offset-2 { margin-left: 50%; }

    .m-col-12-offset-3 { margin-left: 75%; }
}

@media screen and (min-width: 1084px) {
    .l-col-12-offset-0 { margin-left: 0%; }

    .l-col-12-offset-1 { margin-left: 8.33333%; }

    .l-col-12-offset-2 { margin-left: 16.66667%; }

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

    .l-col-12-offset-4 { margin-left: 33.33333%; }

    .l-col-12-offset-5 { margin-left: 41.66667%; }

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

    .l-col-12-offset-7 { margin-left: 58.33333%; }

    .l-col-12-offset-8 { margin-left: 66.66667%; }

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

    .l-col-12-offset-10 { margin-left: 83.33333%; }

    .l-col-12-offset-11 { margin-left: 91.66667%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-12-offset-0 { margin-left: 0%; }

    .xl-col-12-offset-1 { margin-left: 8.33333%; }

    .xl-col-12-offset-2 { margin-left: 16.66667%; }

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

    .xl-col-12-offset-4 { margin-left: 33.33333%; }

    .xl-col-12-offset-5 { margin-left: 41.66667%; }

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

    .xl-col-12-offset-7 { margin-left: 58.33333%; }

    .xl-col-12-offset-8 { margin-left: 66.66667%; }

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

    .xl-col-12-offset-10 { margin-left: 83.33333%; }

    .xl-col-12-offset-11 { margin-left: 91.66667%; }
}

@media screen and (min-width: 200px) {
    .xs-col-24-offset-0 { margin-left: 0%; }

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

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

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

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

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

@media screen and (min-width: 540px) {
    .s-col-24-offset-0 { margin-left: 0%; }

    .s-col-24-offset-1 { margin-left: 8.33333%; }

    .s-col-24-offset-2 { margin-left: 16.66667%; }

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

    .s-col-24-offset-4 { margin-left: 33.33333%; }

    .s-col-24-offset-5 { margin-left: 41.66667%; }

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

    .s-col-24-offset-7 { margin-left: 58.33333%; }

    .s-col-24-offset-8 { margin-left: 66.66667%; }

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

    .s-col-24-offset-10 { margin-left: 83.33333%; }

    .s-col-24-offset-11 { margin-left: 91.66667%; }
}

@media screen and (min-width: 768px) {
    .m-col-24-offset-0 { margin-left: 0%; }

    .m-col-24-offset-1 { margin-left: 4.16667%; }

    .m-col-24-offset-2 { margin-left: 8.33333%; }

    .m-col-24-offset-3 { margin-left: 12.5%; }

    .m-col-24-offset-4 { margin-left: 16.66667%; }

    .m-col-24-offset-5 { margin-left: 20.83333%; }

    .m-col-24-offset-6 { margin-left: 25%; }

    .m-col-24-offset-7 { margin-left: 29.16667%; }

    .m-col-24-offset-8 { margin-left: 33.33333%; }

    .m-col-24-offset-9 { margin-left: 37.5%; }

    .m-col-24-offset-10 { margin-left: 41.66667%; }

    .m-col-24-offset-11 { margin-left: 45.83333%; }

    .m-col-24-offset-12 { margin-left: 50%; }

    .m-col-24-offset-13 { margin-left: 54.16667%; }

    .m-col-24-offset-14 { margin-left: 58.33333%; }

    .m-col-24-offset-15 { margin-left: 62.5%; }

    .m-col-24-offset-16 { margin-left: 66.66667%; }

    .m-col-24-offset-17 { margin-left: 70.83333%; }

    .m-col-24-offset-18 { margin-left: 75%; }

    .m-col-24-offset-19 { margin-left: 79.16667%; }

    .m-col-24-offset-20 { margin-left: 83.33333%; }

    .m-col-24-offset-21 { margin-left: 87.5%; }

    .m-col-24-offset-22 { margin-left: 91.66667%; }

    .m-col-24-offset-23 { margin-left: 95.83333%; }
}

@media screen and (min-width: 1084px) {
    .l-col-24-offset-0 { margin-left: 0%; }

    .l-col-24-offset-1 { margin-left: 4.16667%; }

    .l-col-24-offset-2 { margin-left: 8.33333%; }

    .l-col-24-offset-3 { margin-left: 12.5%; }

    .l-col-24-offset-4 { margin-left: 16.66667%; }

    .l-col-24-offset-5 { margin-left: 20.83333%; }

    .l-col-24-offset-6 { margin-left: 25%; }

    .l-col-24-offset-7 { margin-left: 29.16667%; }

    .l-col-24-offset-8 { margin-left: 33.33333%; }

    .l-col-24-offset-9 { margin-left: 37.5%; }

    .l-col-24-offset-10 { margin-left: 41.66667%; }

    .l-col-24-offset-11 { margin-left: 45.83333%; }

    .l-col-24-offset-12 { margin-left: 50%; }

    .l-col-24-offset-13 { margin-left: 54.16667%; }

    .l-col-24-offset-14 { margin-left: 58.33333%; }

    .l-col-24-offset-15 { margin-left: 62.5%; }

    .l-col-24-offset-16 { margin-left: 66.66667%; }

    .l-col-24-offset-17 { margin-left: 70.83333%; }

    .l-col-24-offset-18 { margin-left: 75%; }

    .l-col-24-offset-19 { margin-left: 79.16667%; }

    .l-col-24-offset-20 { margin-left: 83.33333%; }

    .l-col-24-offset-21 { margin-left: 87.5%; }

    .l-col-24-offset-22 { margin-left: 91.66667%; }

    .l-col-24-offset-23 { margin-left: 95.83333%; }
}

@media screen and (min-width: 1400px) {
    .xl-col-24-offset-0 { margin-left: 0%; }

    .xl-col-24-offset-1 { margin-left: 4.16667%; }

    .xl-col-24-offset-2 { margin-left: 8.33333%; }

    .xl-col-24-offset-3 { margin-left: 12.5%; }

    .xl-col-24-offset-4 { margin-left: 16.66667%; }

    .xl-col-24-offset-5 { margin-left: 20.83333%; }

    .xl-col-24-offset-6 { margin-left: 25%; }

    .xl-col-24-offset-7 { margin-left: 29.16667%; }

    .xl-col-24-offset-8 { margin-left: 33.33333%; }

    .xl-col-24-offset-9 { margin-left: 37.5%; }

    .xl-col-24-offset-10 { margin-left: 41.66667%; }

    .xl-col-24-offset-11 { margin-left: 45.83333%; }

    .xl-col-24-offset-12 { margin-left: 50%; }

    .xl-col-24-offset-13 { margin-left: 54.16667%; }

    .xl-col-24-offset-14 { margin-left: 58.33333%; }

    .xl-col-24-offset-15 { margin-left: 62.5%; }

    .xl-col-24-offset-16 { margin-left: 66.66667%; }

    .xl-col-24-offset-17 { margin-left: 70.83333%; }

    .xl-col-24-offset-18 { margin-left: 75%; }

    .xl-col-24-offset-19 { margin-left: 79.16667%; }

    .xl-col-24-offset-20 { margin-left: 83.33333%; }

    .xl-col-24-offset-21 { margin-left: 87.5%; }

    .xl-col-24-offset-22 { margin-left: 91.66667%; }

    .xl-col-24-offset-23 { margin-left: 95.83333%; }
}

@media screen and (min-width: 768px) {
    .m-col-2-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-2-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-2-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-2-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-2-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-2-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-3-push-1 { left: 33.33333%; right: auto; }

    .s-col-3-push-2 { left: 66.66667%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-3-pull-1 { right: 33.33333%; left: auto; }

    .s-col-3-pull-2 { right: 66.66667%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-3-push-1 { left: 33.33333%; right: auto; }

    .m-col-3-push-2 { left: 66.66667%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-3-pull-1 { right: 33.33333%; left: auto; }

    .m-col-3-pull-2 { right: 66.66667%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-3-push-1 { left: 33.33333%; right: auto; }

    .l-col-3-push-2 { left: 66.66667%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-3-pull-1 { right: 33.33333%; left: auto; }

    .l-col-3-pull-2 { right: 66.66667%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-3-push-1 { left: 33.33333%; right: auto; }

    .xl-col-3-push-2 { left: 66.66667%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-3-pull-1 { right: 33.33333%; left: auto; }

    .xl-col-3-pull-2 { right: 66.66667%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-4-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-4-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-4-push-1 { left: 25%; right: auto; }

    .m-col-4-push-2 { left: 50%; right: auto; }

    .m-col-4-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-4-pull-1 { right: 25%; left: auto; }

    .m-col-4-pull-2 { right: 50%; left: auto; }

    .m-col-4-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-4-push-1 { left: 25%; right: auto; }

    .l-col-4-push-2 { left: 50%; right: auto; }

    .l-col-4-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-4-pull-1 { right: 25%; left: auto; }

    .l-col-4-pull-2 { right: 50%; left: auto; }

    .l-col-4-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-4-push-1 { left: 25%; right: auto; }

    .xl-col-4-push-2 { left: 50%; right: auto; }

    .xl-col-4-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-4-pull-1 { right: 25%; left: auto; }

    .xl-col-4-pull-2 { right: 50%; left: auto; }

    .xl-col-4-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-5-push-1 { left: 20%; right: auto; }

    .m-col-5-push-2 { left: 40%; right: auto; }

    .m-col-5-push-3 { left: 60%; right: auto; }

    .m-col-5-push-4 { left: 80%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-5-pull-1 { right: 20%; left: auto; }

    .m-col-5-pull-2 { right: 40%; left: auto; }

    .m-col-5-pull-3 { right: 60%; left: auto; }

    .m-col-5-pull-4 { right: 80%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-5-push-1 { left: 20%; right: auto; }

    .l-col-5-push-2 { left: 40%; right: auto; }

    .l-col-5-push-3 { left: 60%; right: auto; }

    .l-col-5-push-4 { left: 80%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-5-pull-1 { right: 20%; left: auto; }

    .l-col-5-pull-2 { right: 40%; left: auto; }

    .l-col-5-pull-3 { right: 60%; left: auto; }

    .l-col-5-pull-4 { right: 80%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-5-push-1 { left: 20%; right: auto; }

    .xl-col-5-push-2 { left: 40%; right: auto; }

    .xl-col-5-push-3 { left: 60%; right: auto; }

    .xl-col-5-push-4 { left: 80%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-5-pull-1 { right: 20%; left: auto; }

    .xl-col-5-pull-2 { right: 40%; left: auto; }

    .xl-col-5-pull-3 { right: 60%; left: auto; }

    .xl-col-5-pull-4 { right: 80%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-6-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-6-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-6-push-1 { left: 33.33333%; right: auto; }

    .m-col-6-push-2 { left: 66.66667%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-6-pull-1 { right: 33.33333%; left: auto; }

    .m-col-6-pull-2 { right: 66.66667%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-6-push-1 { left: 16.66667%; right: auto; }

    .l-col-6-push-2 { left: 33.33333%; right: auto; }

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

    .l-col-6-push-4 { left: 66.66667%; right: auto; }

    .l-col-6-push-5 { left: 83.33333%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-6-pull-1 { right: 16.66667%; left: auto; }

    .l-col-6-pull-2 { right: 33.33333%; left: auto; }

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

    .l-col-6-pull-4 { right: 66.66667%; left: auto; }

    .l-col-6-pull-5 { right: 83.33333%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-6-push-1 { left: 16.66667%; right: auto; }

    .xl-col-6-push-2 { left: 33.33333%; right: auto; }

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

    .xl-col-6-push-4 { left: 66.66667%; right: auto; }

    .xl-col-6-push-5 { left: 83.33333%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-6-pull-1 { right: 16.66667%; left: auto; }

    .xl-col-6-pull-2 { right: 33.33333%; left: auto; }

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

    .xl-col-6-pull-4 { right: 66.66667%; left: auto; }

    .xl-col-6-pull-5 { right: 83.33333%; left: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-8-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-8-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-8-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-8-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-8-push-1 { left: 25%; right: auto; }

    .m-col-8-push-2 { left: 50%; right: auto; }

    .m-col-8-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-8-pull-1 { right: 25%; left: auto; }

    .m-col-8-pull-2 { right: 50%; left: auto; }

    .m-col-8-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-8-push-1 { left: 12.5%; right: auto; }

    .l-col-8-push-2 { left: 25%; right: auto; }

    .l-col-8-push-3 { left: 37.5%; right: auto; }

    .l-col-8-push-4 { left: 50%; right: auto; }

    .l-col-8-push-5 { left: 62.5%; right: auto; }

    .l-col-8-push-6 { left: 75%; right: auto; }

    .l-col-8-push-7 { left: 87.5%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-8-pull-1 { right: 12.5%; left: auto; }

    .l-col-8-pull-2 { right: 25%; left: auto; }

    .l-col-8-pull-3 { right: 37.5%; left: auto; }

    .l-col-8-pull-4 { right: 50%; left: auto; }

    .l-col-8-pull-5 { right: 62.5%; left: auto; }

    .l-col-8-pull-6 { right: 75%; left: auto; }

    .l-col-8-pull-7 { right: 87.5%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-8-push-1 { left: 12.5%; right: auto; }

    .xl-col-8-push-2 { left: 25%; right: auto; }

    .xl-col-8-push-3 { left: 37.5%; right: auto; }

    .xl-col-8-push-4 { left: 50%; right: auto; }

    .xl-col-8-push-5 { left: 62.5%; right: auto; }

    .xl-col-8-push-6 { left: 75%; right: auto; }

    .xl-col-8-push-7 { left: 87.5%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-8-pull-1 { right: 12.5%; left: auto; }

    .xl-col-8-pull-2 { right: 25%; left: auto; }

    .xl-col-8-pull-3 { right: 37.5%; left: auto; }

    .xl-col-8-pull-4 { right: 50%; left: auto; }

    .xl-col-8-pull-5 { right: 62.5%; left: auto; }

    .xl-col-8-pull-6 { right: 75%; left: auto; }

    .xl-col-8-pull-7 { right: 87.5%; left: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-12-push-1 { left: 50%; right: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-12-pull-1 { right: 50%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-12-push-1 { left: 25%; right: auto; }

    .s-col-12-push-2 { left: 50%; right: auto; }

    .s-col-12-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-12-pull-1 { right: 25%; left: auto; }

    .s-col-12-pull-2 { right: 50%; left: auto; }

    .s-col-12-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-12-push-1 { left: 25%; right: auto; }

    .m-col-12-push-2 { left: 50%; right: auto; }

    .m-col-12-push-3 { left: 75%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-12-pull-1 { right: 25%; left: auto; }

    .m-col-12-pull-2 { right: 50%; left: auto; }

    .m-col-12-pull-3 { right: 75%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-12-push-1 { left: 8.33333%; right: auto; }

    .l-col-12-push-2 { left: 16.66667%; right: auto; }

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

    .l-col-12-push-4 { left: 33.33333%; right: auto; }

    .l-col-12-push-5 { left: 41.66667%; right: auto; }

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

    .l-col-12-push-7 { left: 58.33333%; right: auto; }

    .l-col-12-push-8 { left: 66.66667%; right: auto; }

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

    .l-col-12-push-10 { left: 83.33333%; right: auto; }

    .l-col-12-push-11 { left: 91.66667%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-12-pull-1 { right: 8.33333%; left: auto; }

    .l-col-12-pull-2 { right: 16.66667%; left: auto; }

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

    .l-col-12-pull-4 { right: 33.33333%; left: auto; }

    .l-col-12-pull-5 { right: 41.66667%; left: auto; }

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

    .l-col-12-pull-7 { right: 58.33333%; left: auto; }

    .l-col-12-pull-8 { right: 66.66667%; left: auto; }

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

    .l-col-12-pull-10 { right: 83.33333%; left: auto; }

    .l-col-12-pull-11 { right: 91.66667%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-12-push-1 { left: 8.33333%; right: auto; }

    .xl-col-12-push-2 { left: 16.66667%; right: auto; }

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

    .xl-col-12-push-4 { left: 33.33333%; right: auto; }

    .xl-col-12-push-5 { left: 41.66667%; right: auto; }

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

    .xl-col-12-push-7 { left: 58.33333%; right: auto; }

    .xl-col-12-push-8 { left: 66.66667%; right: auto; }

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

    .xl-col-12-push-10 { left: 83.33333%; right: auto; }

    .xl-col-12-push-11 { left: 91.66667%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-12-pull-1 { right: 8.33333%; left: auto; }

    .xl-col-12-pull-2 { right: 16.66667%; left: auto; }

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

    .xl-col-12-pull-4 { right: 33.33333%; left: auto; }

    .xl-col-12-pull-5 { right: 41.66667%; left: auto; }

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

    .xl-col-12-pull-7 { right: 58.33333%; left: auto; }

    .xl-col-12-pull-8 { right: 66.66667%; left: auto; }

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

    .xl-col-12-pull-10 { right: 83.33333%; left: auto; }

    .xl-col-12-pull-11 { right: 91.66667%; left: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-24-push-1 { left: 16.66667%; right: auto; }

    .xs-col-24-push-2 { left: 33.33333%; right: auto; }

    .xs-col-24-push-3 { left: 50%; right: auto; }

    .xs-col-24-push-4 { left: 66.66667%; right: auto; }

    .xs-col-24-push-5 { left: 83.33333%; right: auto; }
}

@media screen and (min-width: 200px) {
    .xs-col-24-pull-1 { right: 16.66667%; left: auto; }

    .xs-col-24-pull-2 { right: 33.33333%; left: auto; }

    .xs-col-24-pull-3 { right: 50%; left: auto; }

    .xs-col-24-pull-4 { right: 66.66667%; left: auto; }

    .xs-col-24-pull-5 { right: 83.33333%; left: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-24-push-1 { left: 8.33333%; right: auto; }

    .s-col-24-push-2 { left: 16.66667%; right: auto; }

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

    .s-col-24-push-4 { left: 33.33333%; right: auto; }

    .s-col-24-push-5 { left: 41.66667%; right: auto; }

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

    .s-col-24-push-7 { left: 58.33333%; right: auto; }

    .s-col-24-push-8 { left: 66.66667%; right: auto; }

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

    .s-col-24-push-10 { left: 83.33333%; right: auto; }

    .s-col-24-push-11 { left: 91.66667%; right: auto; }
}

@media screen and (min-width: 540px) {
    .s-col-24-pull-1 { right: 8.33333%; left: auto; }

    .s-col-24-pull-2 { right: 16.66667%; left: auto; }

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

    .s-col-24-pull-4 { right: 33.33333%; left: auto; }

    .s-col-24-pull-5 { right: 41.66667%; left: auto; }

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

    .s-col-24-pull-7 { right: 58.33333%; left: auto; }

    .s-col-24-pull-8 { right: 66.66667%; left: auto; }

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

    .s-col-24-pull-10 { right: 83.33333%; left: auto; }

    .s-col-24-pull-11 { right: 91.66667%; left: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-24-push-1 { left: 4.16667%; right: auto; }

    .m-col-24-push-2 { left: 8.33333%; right: auto; }

    .m-col-24-push-3 { left: 12.5%; right: auto; }

    .m-col-24-push-4 { left: 16.66667%; right: auto; }

    .m-col-24-push-5 { left: 20.83333%; right: auto; }

    .m-col-24-push-6 { left: 25%; right: auto; }

    .m-col-24-push-7 { left: 29.16667%; right: auto; }

    .m-col-24-push-8 { left: 33.33333%; right: auto; }

    .m-col-24-push-9 { left: 37.5%; right: auto; }

    .m-col-24-push-10 { left: 41.66667%; right: auto; }

    .m-col-24-push-11 { left: 45.83333%; right: auto; }

    .m-col-24-push-12 { left: 50%; right: auto; }

    .m-col-24-push-13 { left: 54.16667%; right: auto; }

    .m-col-24-push-14 { left: 58.33333%; right: auto; }

    .m-col-24-push-15 { left: 62.5%; right: auto; }

    .m-col-24-push-16 { left: 66.66667%; right: auto; }

    .m-col-24-push-17 { left: 70.83333%; right: auto; }

    .m-col-24-push-18 { left: 75%; right: auto; }

    .m-col-24-push-19 { left: 79.16667%; right: auto; }

    .m-col-24-push-20 { left: 83.33333%; right: auto; }

    .m-col-24-push-21 { left: 87.5%; right: auto; }

    .m-col-24-push-22 { left: 91.66667%; right: auto; }

    .m-col-24-push-23 { left: 95.83333%; right: auto; }
}

@media screen and (min-width: 768px) {
    .m-col-24-pull-1 { right: 4.16667%; left: auto; }

    .m-col-24-pull-2 { right: 8.33333%; left: auto; }

    .m-col-24-pull-3 { right: 12.5%; left: auto; }

    .m-col-24-pull-4 { right: 16.66667%; left: auto; }

    .m-col-24-pull-5 { right: 20.83333%; left: auto; }

    .m-col-24-pull-6 { right: 25%; left: auto; }

    .m-col-24-pull-7 { right: 29.16667%; left: auto; }

    .m-col-24-pull-8 { right: 33.33333%; left: auto; }

    .m-col-24-pull-9 { right: 37.5%; left: auto; }

    .m-col-24-pull-10 { right: 41.66667%; left: auto; }

    .m-col-24-pull-11 { right: 45.83333%; left: auto; }

    .m-col-24-pull-12 { right: 50%; left: auto; }

    .m-col-24-pull-13 { right: 54.16667%; left: auto; }

    .m-col-24-pull-14 { right: 58.33333%; left: auto; }

    .m-col-24-pull-15 { right: 62.5%; left: auto; }

    .m-col-24-pull-16 { right: 66.66667%; left: auto; }

    .m-col-24-pull-17 { right: 70.83333%; left: auto; }

    .m-col-24-pull-18 { right: 75%; left: auto; }

    .m-col-24-pull-19 { right: 79.16667%; left: auto; }

    .m-col-24-pull-20 { right: 83.33333%; left: auto; }

    .m-col-24-pull-21 { right: 87.5%; left: auto; }

    .m-col-24-pull-22 { right: 91.66667%; left: auto; }

    .m-col-24-pull-23 { right: 95.83333%; left: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-24-push-1 { left: 4.16667%; right: auto; }

    .l-col-24-push-2 { left: 8.33333%; right: auto; }

    .l-col-24-push-3 { left: 12.5%; right: auto; }

    .l-col-24-push-4 { left: 16.66667%; right: auto; }

    .l-col-24-push-5 { left: 20.83333%; right: auto; }

    .l-col-24-push-6 { left: 25%; right: auto; }

    .l-col-24-push-7 { left: 29.16667%; right: auto; }

    .l-col-24-push-8 { left: 33.33333%; right: auto; }

    .l-col-24-push-9 { left: 37.5%; right: auto; }

    .l-col-24-push-10 { left: 41.66667%; right: auto; }

    .l-col-24-push-11 { left: 45.83333%; right: auto; }

    .l-col-24-push-12 { left: 50%; right: auto; }

    .l-col-24-push-13 { left: 54.16667%; right: auto; }

    .l-col-24-push-14 { left: 58.33333%; right: auto; }

    .l-col-24-push-15 { left: 62.5%; right: auto; }

    .l-col-24-push-16 { left: 66.66667%; right: auto; }

    .l-col-24-push-17 { left: 70.83333%; right: auto; }

    .l-col-24-push-18 { left: 75%; right: auto; }

    .l-col-24-push-19 { left: 79.16667%; right: auto; }

    .l-col-24-push-20 { left: 83.33333%; right: auto; }

    .l-col-24-push-21 { left: 87.5%; right: auto; }

    .l-col-24-push-22 { left: 91.66667%; right: auto; }

    .l-col-24-push-23 { left: 95.83333%; right: auto; }
}

@media screen and (min-width: 1084px) {
    .l-col-24-pull-1 { right: 4.16667%; left: auto; }

    .l-col-24-pull-2 { right: 8.33333%; left: auto; }

    .l-col-24-pull-3 { right: 12.5%; left: auto; }

    .l-col-24-pull-4 { right: 16.66667%; left: auto; }

    .l-col-24-pull-5 { right: 20.83333%; left: auto; }

    .l-col-24-pull-6 { right: 25%; left: auto; }

    .l-col-24-pull-7 { right: 29.16667%; left: auto; }

    .l-col-24-pull-8 { right: 33.33333%; left: auto; }

    .l-col-24-pull-9 { right: 37.5%; left: auto; }

    .l-col-24-pull-10 { right: 41.66667%; left: auto; }

    .l-col-24-pull-11 { right: 45.83333%; left: auto; }

    .l-col-24-pull-12 { right: 50%; left: auto; }

    .l-col-24-pull-13 { right: 54.16667%; left: auto; }

    .l-col-24-pull-14 { right: 58.33333%; left: auto; }

    .l-col-24-pull-15 { right: 62.5%; left: auto; }

    .l-col-24-pull-16 { right: 66.66667%; left: auto; }

    .l-col-24-pull-17 { right: 70.83333%; left: auto; }

    .l-col-24-pull-18 { right: 75%; left: auto; }

    .l-col-24-pull-19 { right: 79.16667%; left: auto; }

    .l-col-24-pull-20 { right: 83.33333%; left: auto; }

    .l-col-24-pull-21 { right: 87.5%; left: auto; }

    .l-col-24-pull-22 { right: 91.66667%; left: auto; }

    .l-col-24-pull-23 { right: 95.83333%; left: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-24-push-1 { left: 4.16667%; right: auto; }

    .xl-col-24-push-2 { left: 8.33333%; right: auto; }

    .xl-col-24-push-3 { left: 12.5%; right: auto; }

    .xl-col-24-push-4 { left: 16.66667%; right: auto; }

    .xl-col-24-push-5 { left: 20.83333%; right: auto; }

    .xl-col-24-push-6 { left: 25%; right: auto; }

    .xl-col-24-push-7 { left: 29.16667%; right: auto; }

    .xl-col-24-push-8 { left: 33.33333%; right: auto; }

    .xl-col-24-push-9 { left: 37.5%; right: auto; }

    .xl-col-24-push-10 { left: 41.66667%; right: auto; }

    .xl-col-24-push-11 { left: 45.83333%; right: auto; }

    .xl-col-24-push-12 { left: 50%; right: auto; }

    .xl-col-24-push-13 { left: 54.16667%; right: auto; }

    .xl-col-24-push-14 { left: 58.33333%; right: auto; }

    .xl-col-24-push-15 { left: 62.5%; right: auto; }

    .xl-col-24-push-16 { left: 66.66667%; right: auto; }

    .xl-col-24-push-17 { left: 70.83333%; right: auto; }

    .xl-col-24-push-18 { left: 75%; right: auto; }

    .xl-col-24-push-19 { left: 79.16667%; right: auto; }

    .xl-col-24-push-20 { left: 83.33333%; right: auto; }

    .xl-col-24-push-21 { left: 87.5%; right: auto; }

    .xl-col-24-push-22 { left: 91.66667%; right: auto; }

    .xl-col-24-push-23 { left: 95.83333%; right: auto; }
}

@media screen and (min-width: 1400px) {
    .xl-col-24-pull-1 { right: 4.16667%; left: auto; }

    .xl-col-24-pull-2 { right: 8.33333%; left: auto; }

    .xl-col-24-pull-3 { right: 12.5%; left: auto; }

    .xl-col-24-pull-4 { right: 16.66667%; left: auto; }

    .xl-col-24-pull-5 { right: 20.83333%; left: auto; }

    .xl-col-24-pull-6 { right: 25%; left: auto; }

    .xl-col-24-pull-7 { right: 29.16667%; left: auto; }

    .xl-col-24-pull-8 { right: 33.33333%; left: auto; }

    .xl-col-24-pull-9 { right: 37.5%; left: auto; }

    .xl-col-24-pull-10 { right: 41.66667%; left: auto; }

    .xl-col-24-pull-11 { right: 45.83333%; left: auto; }

    .xl-col-24-pull-12 { right: 50%; left: auto; }

    .xl-col-24-pull-13 { right: 54.16667%; left: auto; }

    .xl-col-24-pull-14 { right: 58.33333%; left: auto; }

    .xl-col-24-pull-15 { right: 62.5%; left: auto; }

    .xl-col-24-pull-16 { right: 66.66667%; left: auto; }

    .xl-col-24-pull-17 { right: 70.83333%; left: auto; }

    .xl-col-24-pull-18 { right: 75%; left: auto; }

    .xl-col-24-pull-19 { right: 79.16667%; left: auto; }

    .xl-col-24-pull-20 { right: 83.33333%; left: auto; }

    .xl-col-24-pull-21 { right: 87.5%; left: auto; }

    .xl-col-24-pull-22 { right: 91.66667%; left: auto; }

    .xl-col-24-pull-23 { right: 95.83333%; left: auto; }
}

@media screen and (min-width: 200px) {
    .show-xs { display: block; visibility: visible; }

    .hide-xs { display: none; visibility: hidden; }

    .invisible-xs { visibility: hidden; }
}

@media screen and (min-width: 540px) {
    .show-s { display: block; visibility: visible; }

    .hide-s { display: none; visibility: hidden; }

    .invisible-s { visibility: hidden; }
}

@media screen and (min-width: 768px) {
    .show-m { display: block; visibility: visible; }

    .hide-m { display: none; visibility: hidden; }

    .invisible-m { visibility: hidden; }
}

@media screen and (min-width: 1084px) {
    .show-l { display: block; visibility: visible; }

    .hide-l { display: none; visibility: hidden; }

    .invisible-l { visibility: hidden; }
}

@media screen and (min-width: 1400px) {
    .show-xl { display: block; visibility: visible; }

    .hide-xl { display: none; visibility: hidden; }

    .invisible-xl { visibility: hidden; }
}
/*! picchu.css v0.1 | Microsoftdotcom team | Github - url coming once ready to make public */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video { display: inline-block; *display: inline; *zoom: 1; }

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) { display: none; height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea { font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

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

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn { font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr { box-sizing: content-box; height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark { background: #ff0; color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre { margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q { quotes: none; }

    /**
 * Address `quotes` property not supported in Safari 4.
 */
    q:before,
    q:after { content: ''; content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul { padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol { list-style: none; list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form { margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input { line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select { text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] { cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }

.black-bgc { background-color: #000000; color: #FFFFFF; }

.black-c { color: #000000; }

.white-bgc { background-color: #FFFFFF; color: #2F2F2F; }

.white-c { color: #FFFFFF; }

.lightblue-d1-bgc { background-color: #0096c2; color: #FFFFFF; }

.lightblue-l1-bgc { background-color: #33c9f5; color: #2F2F2F; }

.lightblue-d1-c { color: #0096c2; }

.lightblue-l1-c { color: #33c9f5; }

.lightblue-d2-bgc { background-color: #007191; color: #FFFFFF; }

.lightblue-l2-bgc { background-color: #66d7f7; color: #2F2F2F; }

.lightblue-d2-c { color: #007191; }

.lightblue-l2-c { color: #66d7f7; }

.lightblue-d3-bgc { background-color: #004b61; color: #FFFFFF; }

.lightblue-l3-bgc { background-color: #99e4fa; color: #2F2F2F; }

.lightblue-d3-c { color: #004b61; }

.lightblue-l3-c { color: #99e4fa; }

.lightblue-d4-bgc { background-color: #002630; color: #FFFFFF; }

.lightblue-l4-bgc { background-color: #ccf2fc; color: #2F2F2F; }

.lightblue-d4-c { color: #002630; }

.lightblue-l4-c { color: #ccf2fc; }

.lightblue-bgc { background-color: #00BCF2; color: #2F2F2F; }

.lightblue-c { color: #00BCF2; }

.blue-d1-bgc { background-color: #0060ac; color: #FFFFFF; }

.blue-l1-bgc { background-color: #3393df; color: #FFFFFF; }

.blue-d1-c { color: #0060ac; }

.blue-l1-c { color: #3393df; }

.blue-d2-bgc { background-color: #004881; color: #FFFFFF; }

.blue-l2-bgc { background-color: #66aee7; color: #2F2F2F; }

.blue-d2-c { color: #004881; }

.blue-l2-c { color: #66aee7; }

.blue-d3-bgc { background-color: #003056; color: #FFFFFF; }

.blue-l3-bgc { background-color: #99c9ef; color: #2F2F2F; }

.blue-d3-c { color: #003056; }

.blue-l3-c { color: #99c9ef; }

.blue-d4-bgc { background-color: #00182b; color: #FFFFFF; }

.blue-l4-bgc { background-color: #cce4f7; color: #2F2F2F; }

.blue-d4-c { color: #00182b; }

.blue-l4-c { color: #cce4f7; }

.blue-bgc { background-color: #0078D7; color: #FFFFFF; }

.blue-c { color: #0078D7; }

.midblue-d1-bgc { background-color: #001372; color: #FFFFFF; }

.midblue-l1-bgc { background-color: #3346a5; color: #FFFFFF; }

.midblue-d1-c { color: #001372; }

.midblue-l1-c { color: #3346a5; }

.midblue-d2-bgc { background-color: #000e56; color: #FFFFFF; }

.midblue-l2-bgc { background-color: #6674bc; color: #FFFFFF; }

.midblue-d2-c { color: #000e56; }

.midblue-l2-c { color: #6674bc; }

.midblue-d3-bgc { background-color: #000a39; color: #FFFFFF; }

.midblue-l3-bgc { background-color: #99a3d2; color: #2F2F2F; }

.midblue-d3-c { color: #000a39; }

.midblue-l3-c { color: #99a3d2; }

.midblue-d4-bgc { background-color: #00051d; color: #FFFFFF; }

.midblue-l4-bgc { background-color: #ccd1e9; color: #2F2F2F; }

.midblue-d4-c { color: #00051d; }

.midblue-l4-c { color: #ccd1e9; }

.midblue-bgc { background-color: #00188F; color: #FFFFFF; }

.midblue-c { color: #00188F; }

.darkblue-d1-bgc { background-color: #001a40; color: #FFFFFF; }

.darkblue-l1-bgc { background-color: #334d73; color: #FFFFFF; }

.darkblue-d1-c { color: #001a40; }

.darkblue-l1-c { color: #334d73; }

.darkblue-d2-bgc { background-color: #001330; color: #FFFFFF; }

.darkblue-l2-bgc { background-color: #667996; color: #FFFFFF; }

.darkblue-d2-c { color: #001330; }

.darkblue-l2-c { color: #667996; }

.darkblue-d3-bgc { background-color: #000d20; color: #FFFFFF; }

.darkblue-l3-bgc { background-color: #99a6b9; color: #2F2F2F; }

.darkblue-d3-c { color: #000d20; }

.darkblue-l3-c { color: #99a6b9; }

.darkblue-d4-bgc { background-color: #000610; color: #FFFFFF; }

.darkblue-l4-bgc { background-color: #ccd2dc; color: #2F2F2F; }

.darkblue-d4-c { color: #000610; }

.darkblue-l4-c { color: #ccd2dc; }

.darkblue-bgc { background-color: #002050; color: #FFFFFF; }

.darkblue-c { color: #002050; }

.lightpurple-d1-bgc { background-color: #9080cc; color: #FFFFFF; }

.lightpurple-l1-bgc { background-color: #c3b3ff; color: #2F2F2F; }

.lightpurple-d1-c { color: #9080cc; }

.lightpurple-l1-c { color: #c3b3ff; }

.lightpurple-d2-bgc { background-color: #6c6099; color: #FFFFFF; }

.lightpurple-l2-bgc { background-color: #d2c6ff; color: #2F2F2F; }

.lightpurple-d2-c { color: #6c6099; }

.lightpurple-l2-c { color: #d2c6ff; }

.lightpurple-d3-bgc { background-color: #484066; color: #FFFFFF; }

.lightpurple-l3-bgc { background-color: #e1d9ff; color: #2F2F2F; }

.lightpurple-d3-c { color: #484066; }

.lightpurple-l3-c { color: #e1d9ff; }

.lightpurple-d4-bgc { background-color: #242033; color: #FFFFFF; }

.lightpurple-l4-bgc { background-color: #f0ecff; color: #2F2F2F; }

.lightpurple-d4-c { color: #242033; }

.lightpurple-l4-c { color: #f0ecff; }

.lightpurple-bgc { background-color: #B4A0FF; color: #2F2F2F; }

.lightpurple-c { color: #B4A0FF; }

.purple-d1-bgc { background-color: #4a2474; color: #FFFFFF; }

.purple-l1-bgc { background-color: #7d57a7; color: #FFFFFF; }

.purple-d1-c { color: #4a2474; }

.purple-l1-c { color: #7d57a7; }

.purple-d2-bgc { background-color: #371b57; color: #FFFFFF; }

.purple-l2-bgc { background-color: #9d81bd; color: #2F2F2F; }

.purple-d2-c { color: #371b57; }

.purple-l2-c { color: #9d81bd; }

.purple-d3-bgc { background-color: #25123a; color: #FFFFFF; }

.purple-l3-bgc { background-color: #beabd3; color: #2F2F2F; }

.purple-d3-c { color: #25123a; }

.purple-l3-c { color: #beabd3; }

.purple-d4-bgc { background-color: #12091d; color: #FFFFFF; }

.purple-l4-bgc { background-color: #ded5e9; color: #2F2F2F; }

.purple-d4-c { color: #12091d; }

.purple-l4-c { color: #ded5e9; }

.purple-bgc { background-color: #5C2D91; color: #FFFFFF; }

.purple-c { color: #5C2D91; }

.darkpurple-d1-bgc { background-color: #281048; color: #FFFFFF; }

.darkpurple-l1-bgc { background-color: #5b437b; color: #FFFFFF; }

.darkpurple-d1-c { color: #281048; }

.darkpurple-l1-c { color: #5b437b; }

.darkpurple-d2-bgc { background-color: #1e0c36; color: #FFFFFF; }

.darkpurple-l2-bgc { background-color: #84729c; color: #FFFFFF; }

.darkpurple-d2-c { color: #1e0c36; }

.darkpurple-l2-c { color: #84729c; }

.darkpurple-d3-bgc { background-color: #140824; color: #FFFFFF; }

.darkpurple-l3-bgc { background-color: #ada1bd; color: #2F2F2F; }

.darkpurple-d3-c { color: #140824; }

.darkpurple-l3-c { color: #ada1bd; }

.darkpurple-d4-bgc { background-color: #0a0412; color: #FFFFFF; }

.darkpurple-l4-bgc { background-color: #d6d0de; color: #2F2F2F; }

.darkpurple-d4-c { color: #0a0412; }

.darkpurple-l4-c { color: #d6d0de; }

.darkpurple-bgc { background-color: #32145A; color: #FFFFFF; }

.darkpurple-c { color: #32145A; }

.lightmagenta-d1-bgc { background-color: #b60070; color: #FFFFFF; }

.lightmagenta-l1-bgc { background-color: #e933a3; color: #FFFFFF; }

.lightmagenta-d1-c { color: #b60070; }

.lightmagenta-l1-c { color: #e933a3; }

.lightmagenta-d2-bgc { background-color: #880054; color: #FFFFFF; }

.lightmagenta-l2-bgc { background-color: #ee66ba; color: #2F2F2F; }

.lightmagenta-d2-c { color: #880054; }

.lightmagenta-l2-c { color: #ee66ba; }

.lightmagenta-d3-bgc { background-color: #5b0038; color: #FFFFFF; }

.lightmagenta-l3-bgc { background-color: #f499d1; color: #2F2F2F; }

.lightmagenta-d3-c { color: #5b0038; }

.lightmagenta-l3-c { color: #f499d1; }

.lightmagenta-d4-bgc { background-color: #2d001c; color: #FFFFFF; }

.lightmagenta-l4-bgc { background-color: #f9cce8; color: #2F2F2F; }

.lightmagenta-d4-c { color: #2d001c; }

.lightmagenta-l4-c { color: #f9cce8; }

.lightmagenta-bgc { background-color: #E3008C; color: #FFFFFF; }

.lightmagenta-c { color: #E3008C; }

.magenta-d1-bgc { background-color: #90007e; color: #FFFFFF; }

.magenta-l1-bgc { background-color: #c333b1; color: #FFFFFF; }

.magenta-d1-c { color: #90007e; }

.magenta-l1-c { color: #c333b1; }

.magenta-d2-bgc { background-color: #6c005f; color: #FFFFFF; }

.magenta-l2-bgc { background-color: #d266c5; color: #2F2F2F; }

.magenta-d2-c { color: #6c005f; }

.magenta-l2-c { color: #d266c5; }

.magenta-d3-bgc { background-color: #48003f; color: #FFFFFF; }

.magenta-l3-bgc { background-color: #e199d8; color: #2F2F2F; }

.magenta-d3-c { color: #48003f; }

.magenta-l3-c { color: #e199d8; }

.magenta-d4-bgc { background-color: #240020; color: #FFFFFF; }

.magenta-l4-bgc { background-color: #f0ccec; color: #2F2F2F; }

.magenta-d4-c { color: #240020; }

.magenta-l4-c { color: #f0ccec; }

.magenta-bgc { background-color: #B4009E; color: #FFFFFF; }

.magenta-c { color: #B4009E; }

.darkmagenta-d1-bgc { background-color: #4a004a; color: #FFFFFF; }

.darkmagenta-l1-bgc { background-color: #7d337d; color: #FFFFFF; }

.darkmagenta-d1-c { color: #4a004a; }

.darkmagenta-l1-c { color: #7d337d; }

.darkmagenta-d2-bgc { background-color: #370037; color: #FFFFFF; }

.darkmagenta-l2-bgc { background-color: #9d669d; color: #FFFFFF; }

.darkmagenta-d2-c { color: #370037; }

.darkmagenta-l2-c { color: #9d669d; }

.darkmagenta-d3-bgc { background-color: #250025; color: #FFFFFF; }

.darkmagenta-l3-bgc { background-color: #be99be; color: #2F2F2F; }

.darkmagenta-d3-c { color: #250025; }

.darkmagenta-l3-c { color: #be99be; }

.darkmagenta-d4-bgc { background-color: #120012; color: #FFFFFF; }

.darkmagenta-l4-bgc { background-color: #deccde; color: #2F2F2F; }

.darkmagenta-d4-c { color: #120012; }

.darkmagenta-l4-c { color: #deccde; }

.darkmagenta-bgc { background-color: #5C005C; color: #FFFFFF; }

.darkmagenta-c { color: #5C005C; }

.red-d1-bgc { background-color: #ba0e1c; color: #FFFFFF; }

.red-l1-bgc { background-color: #ed414f; color: #FFFFFF; }

.red-d1-c { color: #ba0e1c; }

.red-l1-c { color: #ed414f; }

.red-d2-bgc { background-color: #8b0a15; color: #FFFFFF; }

.red-l2-bgc { background-color: #f1707b; color: #2F2F2F; }

.red-d2-c { color: #8b0a15; }

.red-l2-c { color: #f1707b; }

.red-d3-bgc { background-color: #5d070e; color: #FFFFFF; }

.red-l3-bgc { background-color: #f6a0a7; color: #2F2F2F; }

.red-d3-c { color: #5d070e; }

.red-l3-c { color: #f6a0a7; }

.red-d4-bgc { background-color: #2e0307; color: #FFFFFF; }

.red-l4-bgc { background-color: #facfd3; color: #2F2F2F; }

.red-d4-c { color: #2e0307; }

.red-l4-c { color: #facfd3; }

.red-bgc { background-color: #E81123; color: #FFFFFF; }

.red-c { color: #E81123; }

.darkred-d1-bgc { background-color: #860000; color: #FFFFFF; }

.darkred-l1-bgc { background-color: #b93333; color: #FFFFFF; }

.darkred-d1-c { color: #860000; }

.darkred-l1-c { color: #b93333; }

.darkred-d2-bgc { background-color: #650000; color: #FFFFFF; }

.darkred-l2-bgc { background-color: #cb6666; color: #FFFFFF; }

.darkred-d2-c { color: #650000; }

.darkred-l2-c { color: #cb6666; }

.darkred-d3-bgc { background-color: #430000; color: #FFFFFF; }

.darkred-l3-bgc { background-color: #dc9999; color: #2F2F2F; }

.darkred-d3-c { color: #430000; }

.darkred-l3-c { color: #dc9999; }

.darkred-d4-bgc { background-color: #220000; color: #FFFFFF; }

.darkred-l4-bgc { background-color: #eecccc; color: #2F2F2F; }

.darkred-d4-c { color: #220000; }

.darkred-l4-c { color: #eecccc; }

.darkred-bgc { background-color: #A80000; color: #FFFFFF; }

.darkred-c { color: #A80000; }

.lightorange-d1-bgc { background-color: #cc7000; color: #FFFFFF; }

.lightorange-l1-bgc { background-color: #ffa333; color: #2F2F2F; }

.lightorange-d1-c { color: #cc7000; }

.lightorange-l1-c { color: #ffa333; }

.lightorange-d2-bgc { background-color: #995400; color: #FFFFFF; }

.lightorange-l2-bgc { background-color: #ffba66; color: #2F2F2F; }

.lightorange-d2-c { color: #995400; }

.lightorange-l2-c { color: #ffba66; }

.lightorange-d3-bgc { background-color: #663800; color: #FFFFFF; }

.lightorange-l3-bgc { background-color: #ffd199; color: #2F2F2F; }

.lightorange-d3-c { color: #663800; }

.lightorange-l3-c { color: #ffd199; }

.lightorange-d4-bgc { background-color: #331c00; color: #FFFFFF; }

.lightorange-l4-bgc { background-color: #ffe8cc; color: #2F2F2F; }

.lightorange-d4-c { color: #331c00; }

.lightorange-l4-c { color: #ffe8cc; }

.lightorange-bgc { background-color: #FF8C00; color: #2F2F2F; }

.lightorange-c { color: #FF8C00; }

.orange-d1-bgc { background-color: #ad2f01; color: #FFFFFF; }

.orange-l1-bgc { background-color: #e06234; color: #FFFFFF; }

.orange-d1-c { color: #ad2f01; }

.orange-l1-c { color: #e06234; }

.orange-d2-bgc { background-color: #822301; color: #FFFFFF; }

.orange-l2-bgc { background-color: #e88967; color: #2F2F2F; }

.orange-d2-c { color: #822301; }

.orange-l2-c { color: #e88967; }

.orange-d3-bgc { background-color: #561800; color: #FFFFFF; }

.orange-l3-bgc { background-color: #efb199; color: #2F2F2F; }

.orange-d3-c { color: #561800; }

.orange-l3-c { color: #efb199; }

.orange-d4-bgc { background-color: #2b0c00; color: #FFFFFF; }

.orange-l4-bgc { background-color: #f7d8cc; color: #2F2F2F; }

.orange-d4-c { color: #2b0c00; }

.orange-l4-c { color: #f7d8cc; }

.orange-bgc { background-color: #D83B01; color: #FFFFFF; }

.orange-c { color: #D83B01; }

.lightyellow-d1-bgc { background-color: #ccc100; color: #2F2F2F; }

.lightyellow-l1-bgc { background-color: #fff433; color: #2F2F2F; }

.lightyellow-d1-c { color: #ccc100; }

.lightyellow-l1-c { color: #fff433; }

.lightyellow-d2-bgc { background-color: #999100; color: #2F2F2F; }

.lightyellow-l2-bgc { background-color: #fff766; color: #2F2F2F; }

.lightyellow-d2-c { color: #999100; }

.lightyellow-l2-c { color: #fff766; }

.lightyellow-d3-bgc { background-color: #666000; color: #FFFFFF; }

.lightyellow-l3-bgc { background-color: #fff999; color: #2F2F2F; }

.lightyellow-d3-c { color: #666000; }

.lightyellow-l3-c { color: #fff999; }

.lightyellow-d4-bgc { background-color: #333000; color: #FFFFFF; }

.lightyellow-l4-bgc { background-color: #fffccc; color: #2F2F2F; }

.lightyellow-d4-c { color: #333000; }

.lightyellow-l4-c { color: #fffccc; }

.lightyellow-bgc { background-color: #FFF100; color: #2F2F2F; }

.lightyellow-c { color: #FFF100; }

.yellow-d1-bgc { background-color: #cc9400; color: #2F2F2F; }

.yellow-l1-bgc { background-color: #ffc733; color: #2F2F2F; }

.yellow-d1-c { color: #cc9400; }

.yellow-l1-c { color: #ffc733; }

.yellow-d2-bgc { background-color: #996f00; color: #FFFFFF; }

.yellow-l2-bgc { background-color: #ffd566; color: #2F2F2F; }

.yellow-d2-c { color: #996f00; }

.yellow-l2-c { color: #ffd566; }

.yellow-d3-bgc { background-color: #664a00; color: #FFFFFF; }

.yellow-l3-bgc { background-color: #ffe399; color: #2F2F2F; }

.yellow-d3-c { color: #664a00; }

.yellow-l3-c { color: #ffe399; }

.yellow-d4-bgc { background-color: #332500; color: #FFFFFF; }

.yellow-l4-bgc { background-color: #fff1cc; color: #2F2F2F; }

.yellow-d4-c { color: #332500; }

.yellow-l4-c { color: #fff1cc; }

.yellow-bgc { background-color: #FFB900; color: #2F2F2F; }

.yellow-c { color: #FFB900; }

.lightgreen-d1-bgc { background-color: #95ad08; color: #2F2F2F; }

.lightgreen-l1-bgc { background-color: #c8e03b; color: #2F2F2F; }

.lightgreen-d1-c { color: #95ad08; }

.lightgreen-l1-c { color: #c8e03b; }

.lightgreen-d2-bgc { background-color: #708206; color: #FFFFFF; }

.lightgreen-l2-bgc { background-color: #d6e86c; color: #2F2F2F; }

.lightgreen-d2-c { color: #708206; }

.lightgreen-l2-c { color: #d6e86c; }

.lightgreen-d3-bgc { background-color: #4a5604; color: #FFFFFF; }

.lightgreen-l3-bgc { background-color: #e3ef9d; color: #2F2F2F; }

.lightgreen-d3-c { color: #4a5604; }

.lightgreen-l3-c { color: #e3ef9d; }

.lightgreen-d4-bgc { background-color: #252b02; color: #FFFFFF; }

.lightgreen-l4-bgc { background-color: #f1f7ce; color: #2F2F2F; }

.lightgreen-d4-c { color: #252b02; }

.lightgreen-l4-c { color: #f1f7ce; }

.lightgreen-bgc { background-color: #BAD80A; color: #2F2F2F; }

.lightgreen-c { color: #BAD80A; }

.green-d1-bgc { background-color: #0d630d; color: #FFFFFF; }

.green-l1-bgc { background-color: #409640; color: #FFFFFF; }

.green-d1-c { color: #0d630d; }

.green-l1-c { color: #409640; }

.green-d2-bgc { background-color: #0a4a0a; color: #FFFFFF; }

.green-l2-bgc { background-color: #70b070; color: #2F2F2F; }

.green-d2-c { color: #0a4a0a; }

.green-l2-c { color: #70b070; }

.green-d3-bgc { background-color: #063206; color: #FFFFFF; }

.green-l3-bgc { background-color: #9fcb9f; color: #2F2F2F; }

.green-d3-c { color: #063206; }

.green-l3-c { color: #9fcb9f; }

.green-d4-bgc { background-color: #031903; color: #FFFFFF; }

.green-l4-bgc { background-color: #cfe5cf; color: #2F2F2F; }

.green-d4-c { color: #031903; }

.green-l4-c { color: #cfe5cf; }

.green-bgc { background-color: #107C10; color: #FFFFFF; }

.green-c { color: #107C10; }

.darkgreen-d1-bgc { background-color: #003c16; color: #FFFFFF; }

.darkgreen-l1-bgc { background-color: #336f49; color: #FFFFFF; }

.darkgreen-d1-c { color: #003c16; }

.darkgreen-l1-c { color: #336f49; }

.darkgreen-d2-bgc { background-color: #002d11; color: #FFFFFF; }

.darkgreen-l2-bgc { background-color: #669377; color: #FFFFFF; }

.darkgreen-d2-c { color: #002d11; }

.darkgreen-l2-c { color: #669377; }

.darkgreen-d3-bgc { background-color: #001e0b; color: #FFFFFF; }

.darkgreen-l3-bgc { background-color: #99b7a4; color: #2F2F2F; }

.darkgreen-d3-c { color: #001e0b; }

.darkgreen-l3-c { color: #99b7a4; }

.darkgreen-d4-bgc { background-color: #000f06; color: #FFFFFF; }

.darkgreen-l4-bgc { background-color: #ccdbd2; color: #2F2F2F; }

.darkgreen-d4-c { color: #000f06; }

.darkgreen-l4-c { color: #ccdbd2; }

.darkgreen-bgc { background-color: #004B1C; color: #FFFFFF; }

.darkgreen-c { color: #004B1C; }

.lightteal-d1-bgc { background-color: #008e76; color: #FFFFFF; }

.lightteal-l1-bgc { background-color: #33c1a9; color: #2F2F2F; }

.lightteal-d1-c { color: #008e76; }

.lightteal-l1-c { color: #33c1a9; }

.lightteal-d2-bgc { background-color: #006b59; color: #FFFFFF; }

.lightteal-l2-bgc { background-color: #66d1bf; color: #2F2F2F; }

.lightteal-d2-c { color: #006b59; }

.lightteal-l2-c { color: #66d1bf; }

.lightteal-d3-bgc { background-color: #00473b; color: #FFFFFF; }

.lightteal-l3-bgc { background-color: #99e0d4; color: #2F2F2F; }

.lightteal-d3-c { color: #00473b; }

.lightteal-l3-c { color: #99e0d4; }

.lightteal-d4-bgc { background-color: #00241e; color: #FFFFFF; }

.lightteal-l4-bgc { background-color: #ccf0ea; color: #2F2F2F; }

.lightteal-d4-c { color: #00241e; }

.lightteal-l4-c { color: #ccf0ea; }

.lightteal-bgc { background-color: #00B294; color: #2F2F2F; }

.lightteal-c { color: #00B294; }

.teal-d1-bgc { background-color: #00685b; color: #FFFFFF; }

.teal-l1-bgc { background-color: #339b8e; color: #FFFFFF; }

.teal-d1-c { color: #00685b; }

.teal-l1-c { color: #339b8e; }

.teal-d2-bgc { background-color: #004e44; color: #FFFFFF; }

.teal-l2-bgc { background-color: #66b4aa; color: #2F2F2F; }

.teal-d2-c { color: #004e44; }

.teal-l2-c { color: #66b4aa; }

.teal-d3-bgc { background-color: #00342e; color: #FFFFFF; }

.teal-l3-bgc { background-color: #99cdc7; color: #2F2F2F; }

.teal-d3-c { color: #00342e; }

.teal-l3-c { color: #99cdc7; }

.teal-d4-bgc { background-color: #001a17; color: #FFFFFF; }

.teal-l4-bgc { background-color: #cce6e3; color: #2F2F2F; }

.teal-d4-c { color: #001a17; }

.teal-l4-c { color: #cce6e3; }

.teal-bgc { background-color: #008272; color: #FFFFFF; }

.teal-c { color: #008272; }

.darkteal-d1-bgc { background-color: #003c40; color: #FFFFFF; }

.darkteal-l1-bgc { background-color: #336f73; color: #FFFFFF; }

.darkteal-d1-c { color: #003c40; }

.darkteal-l1-c { color: #336f73; }

.darkteal-d2-bgc { background-color: #002d30; color: #FFFFFF; }

.darkteal-l2-bgc { background-color: #669396; color: #FFFFFF; }

.darkteal-d2-c { color: #002d30; }

.darkteal-l2-c { color: #669396; }

.darkteal-d3-bgc { background-color: #001e20; color: #FFFFFF; }

.darkteal-l3-bgc { background-color: #99b7b9; color: #2F2F2F; }

.darkteal-d3-c { color: #001e20; }

.darkteal-l3-c { color: #99b7b9; }

.darkteal-d4-bgc { background-color: #000f10; color: #FFFFFF; }

.darkteal-l4-bgc { background-color: #ccdbdc; color: #2F2F2F; }

.darkteal-d4-c { color: #000f10; }

.darkteal-l4-c { color: #ccdbdc; }

.darkteal-bgc { background-color: #004B50; color: #FFFFFF; }

.darkteal-c { color: #004B50; }

.gray-d1-bgc { background-color: #5e5e5e; color: #FFFFFF; }

.gray-l1-bgc { background-color: #919191; color: #2F2F2F; }

.gray-d1-c { color: #5e5e5e; }

.gray-l1-c { color: #919191; }

.gray-d2-bgc { background-color: #474747; color: #FFFFFF; }

.gray-l2-bgc { background-color: #adadad; color: #2F2F2F; }

.gray-d2-c { color: #474747; }

.gray-l2-c { color: #adadad; }

.gray-d3-bgc { background-color: #2f2f2f; color: #FFFFFF; }

.gray-l3-bgc { background-color: #c8c8c8; color: #2F2F2F; }

.gray-d3-c { color: #2f2f2f; }

.gray-l3-c { color: #c8c8c8; }

.gray-d4-bgc { background-color: #181818; color: #FFFFFF; }

.gray-l4-bgc { background-color: #e4e4e4; color: #2F2F2F; }

.gray-d4-c { color: #181818; }

.gray-l4-c { color: #e4e4e4; }

.gray-bgc { background-color: #767676; color: #FFFFFF; }

.gray-c { color: #767676; }

@font-face { font-family: 'wf_segoe-ui_light'; src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot"); src: local("Segoe UI Light"), local("Segoe WP Light"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; }
@font-face { font-family: 'wf_segoe-ui_normal'; src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot"); src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'wf_segoe-ui_semibold'; src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.eot"); src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'wf_segoe-ui_semilight'; src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight/latest.eot"); src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'wf_segoe-ui_bold'; src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot"); src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.headline, .fixed-bg h1, .fixed-bg h2 { font-size: 46px; }

@media all and (min-width: 540px) {
    .headline, .fixed-bg h1, .fixed-bg h2 { font-size: calc(36px - -1.86vw); }
}

@media all and (min-width: 1400px) {
    .headline, .fixed-bg h1, .fixed-bg h2 { font-size: 62px; }
}

.static-typography .headline { font-size: 62px; }

h1, .h1, .header { font-size: 34px; }

@media all and (min-width: 540px) {
    h1, .h1, .header { font-size: calc(26.5px - -1.4vw); }
}

@media all and (min-width: 1400px) {
    h1, .h1, .header { font-size: 46px; }
}

.static-typography h1, .static-typography .h1, .static-typography .header { font-size: 46px; }

h2, .h2, .subheader { font-size: 26px; }

@media all and (min-width: 540px) {
    h2, .h2, .subheader { font-size: calc(17.6px - -1.18vw); }
}

@media all and (min-width: 1400px) {
    h2, .h2, .subheader { font-size: 34px; }
}

.static-typography h2, .static-typography .h2, .static-typography .subheader { font-size: 34px; }

h3, .h3, .title { font-size: 20px; }

@media all and (min-width: 540px) {
    h3, .h3, .title { font-size: calc(18.2px - -0.41vw); }
}

@media all and (min-width: 1400px) {
    h3, .h3, .title { font-size: 24px; }
}

.static-typography h3, .static-typography .h3, .static-typography .title { font-size: 24px; }

h4, .h4, .subtitle { font-size: 18px; }

@media all and (min-width: 540px) {
    h4, .h4, .subtitle { font-size: calc(16.9px - -0.22vw); }
}

@media all and (min-width: 1400px) {
    h4, .h4, .subtitle { font-size: 20px; }
}

.static-typography h4, .static-typography .h4, .static-typography .subtitle { font-size: 20px; }

body, p, input, div, span, li, select, button, h5, .h5, h6, .h6, .body { font-size: 16px; }

@media all and (min-width: 540px) {
    body, p, input, div, span, li, select, button, h5, .h5, h6, .h6, .body { font-size: calc(14.9px - -0.22vw); }
}

@media all and (min-width: 1400px) {
    body, p, input, div, span, li, select, button, h5, .h5, h6, .h6, .body { font-size: 18px; }
}

.static-typography body, .static-typography .body, .static-typography p, .static-typography h5, .static-typography .h5, .static-typography h6, .static-typography .h6, .static-typography input, .static-typography div, .static-typography span, .static-typography li, .static-typography select, .static-typography button { font-size: 18px; }

.body-alt, h2.pink-box, #anchor-nav-blade .button-list a.button { font-size: 14px; }

@media all and (min-width: 540px) {
    .body-alt, h2.pink-box, #anchor-nav-blade .button-list a.button { font-size: calc(13.5px - -0.11vw); }
}

@media all and (min-width: 1400px) {
    .body-alt, h2.pink-box, #anchor-nav-blade .button-list a.button { font-size: 15px; }
}

.static-typography .body-alt { font-size: 15px; }

.caption, .color-swatch-row .color-swatch li, .color-swatch-row .color-swatch span { font-size: 12px; }

@media all and (min-width: 540px) {
    .caption, .color-swatch-row .color-swatch li, .color-swatch-row .color-swatch span { font-size: calc(11.5px - -0.11vw); }
}

@media all and (min-width: 1400px) {
    .caption, .color-swatch-row .color-swatch li, .color-swatch-row .color-swatch span { font-size: 13px; }
}

.static-typography .caption { font-size: 13px; }

.caption-alt { font-size: 10px; }

@media all and (min-width: 540px) {
    .caption-alt { font-size: calc(9.5px - -0.11vw); }
}

@media all and (min-width: 1400px) {
    .caption-alt { font-size: 11px; }
}

.static-typography .caption-alt { font-size: 11px; }

.light { font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; }

.semilight { font-family: wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; }

.normal, .regular { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; }

.semibold { font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; }

b, .bold { font-family: wf_segoe-ui_bold, wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; }

body { color: #2F2F2F; text-rendering: optimizeLegibility; font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; line-height: 1.5; }

p, input, div, span, li, select, button { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; }

p { margin: 0 0 1em 0; line-height: 1.5; }

a { color: #0060ac; font-size: inherit; font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; text-decoration: none; }
    a:hover, a:focus { text-decoration: none; }

.headline { font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.2; letter-spacing: -0.01em; }

h1, .h1, .header { font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.2; letter-spacing: -0.01em; }

h2, .h2, .subheader { font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.2; }

h3, .h3, .title { font-family: wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.25; }

h4, .h4, .subtitle { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; font-weight: inherit; line-height: 1.25; }

h5, .h5, h6, .h6 { font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.25; }

.body { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; line-height: 1.5; }

.body-alt { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; line-height: 1.25; }

.caption { line-height: 1.25; }

.caption-alt { line-height: 1.25; }

button, .button { border: none; box-sizing: border-box; outline: none; padding: 0.5em 1.5em; position: relative; -webkit-transition: all 0.15s; transition: all 0.15s; }
    button[disabled], .button[disabled] { background-color: #c8c8c8; color: #919191; }
    button.secondary, .button.secondary { background-color: #767676; color: #FFFFFF; }
        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #5e5e5e; }
        button.secondary:active, .button.secondary:active { background-color: #474747; }
    button.lightblue-bgc:hover, button.lightblue-bgc:focus, .button.lightblue-bgc:hover, .button.lightblue-bgc:focus { background-color: #0096c2; }
    button.lightblue-bgc:active, .button.lightblue-bgc:active { background-color: #007191; }
    button.lightblue-bgc[disabled]:hover, button.lightblue-bgc[disabled]:focus, .button.lightblue-bgc[disabled]:hover, .button.lightblue-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.blue-bgc:hover, button.blue-bgc:focus, .button.blue-bgc:hover, .button.blue-bgc:focus { background-color: #0060ac; }
    button.blue-bgc:active, .button.blue-bgc:active { background-color: #004881; }
    button.blue-bgc[disabled]:hover, button.blue-bgc[disabled]:focus, .button.blue-bgc[disabled]:hover, .button.blue-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.midblue-bgc:hover, button.midblue-bgc:focus, .button.midblue-bgc:hover, .button.midblue-bgc:focus { background-color: #001372; }
    button.midblue-bgc:active, .button.midblue-bgc:active { background-color: #000e56; }
    button.midblue-bgc[disabled]:hover, button.midblue-bgc[disabled]:focus, .button.midblue-bgc[disabled]:hover, .button.midblue-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkblue-bgc:hover, button.darkblue-bgc:focus, .button.darkblue-bgc:hover, .button.darkblue-bgc:focus { background-color: #001a40; }
    button.darkblue-bgc:active, .button.darkblue-bgc:active { background-color: #001330; }
    button.darkblue-bgc[disabled]:hover, button.darkblue-bgc[disabled]:focus, .button.darkblue-bgc[disabled]:hover, .button.darkblue-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightpurple-bgc:hover, button.lightpurple-bgc:focus, .button.lightpurple-bgc:hover, .button.lightpurple-bgc:focus { background-color: #9080cc; }
    button.lightpurple-bgc:active, .button.lightpurple-bgc:active { background-color: #6c6099; }
    button.lightpurple-bgc[disabled]:hover, button.lightpurple-bgc[disabled]:focus, .button.lightpurple-bgc[disabled]:hover, .button.lightpurple-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.purple-bgc:hover, button.purple-bgc:focus, .button.purple-bgc:hover, .button.purple-bgc:focus { background-color: #4a2474; }
    button.purple-bgc:active, .button.purple-bgc:active { background-color: #371b57; }
    button.purple-bgc[disabled]:hover, button.purple-bgc[disabled]:focus, .button.purple-bgc[disabled]:hover, .button.purple-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkpurple-bgc:hover, button.darkpurple-bgc:focus, .button.darkpurple-bgc:hover, .button.darkpurple-bgc:focus { background-color: #281048; }
    button.darkpurple-bgc:active, .button.darkpurple-bgc:active { background-color: #1e0c36; }
    button.darkpurple-bgc[disabled]:hover, button.darkpurple-bgc[disabled]:focus, .button.darkpurple-bgc[disabled]:hover, .button.darkpurple-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightmagenta-bgc:hover, button.lightmagenta-bgc:focus, .button.lightmagenta-bgc:hover, .button.lightmagenta-bgc:focus { background-color: #b60070; }
    button.lightmagenta-bgc:active, .button.lightmagenta-bgc:active { background-color: #880054; }
    button.lightmagenta-bgc[disabled]:hover, button.lightmagenta-bgc[disabled]:focus, .button.lightmagenta-bgc[disabled]:hover, .button.lightmagenta-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.magenta-bgc:hover, button.magenta-bgc:focus, .button.magenta-bgc:hover, .button.magenta-bgc:focus { background-color: #90007e; }
    button.magenta-bgc:active, .button.magenta-bgc:active { background-color: #6c005f; }
    button.magenta-bgc[disabled]:hover, button.magenta-bgc[disabled]:focus, .button.magenta-bgc[disabled]:hover, .button.magenta-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkmagenta-bgc:hover, button.darkmagenta-bgc:focus, .button.darkmagenta-bgc:hover, .button.darkmagenta-bgc:focus { background-color: #4a004a; }
    button.darkmagenta-bgc:active, .button.darkmagenta-bgc:active { background-color: #370037; }
    button.darkmagenta-bgc[disabled]:hover, button.darkmagenta-bgc[disabled]:focus, .button.darkmagenta-bgc[disabled]:hover, .button.darkmagenta-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.red-bgc:hover, button.red-bgc:focus, .button.red-bgc:hover, .button.red-bgc:focus { background-color: #ba0e1c; }
    button.red-bgc:active, .button.red-bgc:active { background-color: #8b0a15; }
    button.red-bgc[disabled]:hover, button.red-bgc[disabled]:focus, .button.red-bgc[disabled]:hover, .button.red-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkred-bgc:hover, button.darkred-bgc:focus, .button.darkred-bgc:hover, .button.darkred-bgc:focus { background-color: #860000; }
    button.darkred-bgc:active, .button.darkred-bgc:active { background-color: #650000; }
    button.darkred-bgc[disabled]:hover, button.darkred-bgc[disabled]:focus, .button.darkred-bgc[disabled]:hover, .button.darkred-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightorange-bgc:hover, button.lightorange-bgc:focus, .button.lightorange-bgc:hover, .button.lightorange-bgc:focus { background-color: #cc7000; }
    button.lightorange-bgc:active, .button.lightorange-bgc:active { background-color: #995400; }
    button.lightorange-bgc[disabled]:hover, button.lightorange-bgc[disabled]:focus, .button.lightorange-bgc[disabled]:hover, .button.lightorange-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.orange-bgc:hover, button.orange-bgc:focus, .button.orange-bgc:hover, .button.orange-bgc:focus { background-color: #ad2f01; }
    button.orange-bgc:active, .button.orange-bgc:active { background-color: #822301; }
    button.orange-bgc[disabled]:hover, button.orange-bgc[disabled]:focus, .button.orange-bgc[disabled]:hover, .button.orange-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightyellow-bgc:hover, button.lightyellow-bgc:focus, .button.lightyellow-bgc:hover, .button.lightyellow-bgc:focus { background-color: #ccc100; }
    button.lightyellow-bgc:active, .button.lightyellow-bgc:active { background-color: #999100; }
    button.lightyellow-bgc[disabled]:hover, button.lightyellow-bgc[disabled]:focus, .button.lightyellow-bgc[disabled]:hover, .button.lightyellow-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.yellow-bgc:hover, button.yellow-bgc:focus, .button.yellow-bgc:hover, .button.yellow-bgc:focus { background-color: #cc9400; }
    button.yellow-bgc:active, .button.yellow-bgc:active { background-color: #996f00; }
    button.yellow-bgc[disabled]:hover, button.yellow-bgc[disabled]:focus, .button.yellow-bgc[disabled]:hover, .button.yellow-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightgreen-bgc:hover, button.lightgreen-bgc:focus, .button.lightgreen-bgc:hover, .button.lightgreen-bgc:focus { background-color: #95ad08; }
    button.lightgreen-bgc:active, .button.lightgreen-bgc:active { background-color: #708206; }
    button.lightgreen-bgc[disabled]:hover, button.lightgreen-bgc[disabled]:focus, .button.lightgreen-bgc[disabled]:hover, .button.lightgreen-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.green-bgc:hover, button.green-bgc:focus, .button.green-bgc:hover, .button.green-bgc:focus { background-color: #0d630d; }
    button.green-bgc:active, .button.green-bgc:active { background-color: #0a4a0a; }
    button.green-bgc[disabled]:hover, button.green-bgc[disabled]:focus, .button.green-bgc[disabled]:hover, .button.green-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkgreen-bgc:hover, button.darkgreen-bgc:focus, .button.darkgreen-bgc:hover, .button.darkgreen-bgc:focus { background-color: #003c16; }
    button.darkgreen-bgc:active, .button.darkgreen-bgc:active { background-color: #002d11; }
    button.darkgreen-bgc[disabled]:hover, button.darkgreen-bgc[disabled]:focus, .button.darkgreen-bgc[disabled]:hover, .button.darkgreen-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.lightteal-bgc:hover, button.lightteal-bgc:focus, .button.lightteal-bgc:hover, .button.lightteal-bgc:focus { background-color: #008e76; }
    button.lightteal-bgc:active, .button.lightteal-bgc:active { background-color: #006b59; }
    button.lightteal-bgc[disabled]:hover, button.lightteal-bgc[disabled]:focus, .button.lightteal-bgc[disabled]:hover, .button.lightteal-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.teal-bgc:hover, button.teal-bgc:focus, .button.teal-bgc:hover, .button.teal-bgc:focus { background-color: #00685b; }
    button.teal-bgc:active, .button.teal-bgc:active { background-color: #004e44; }
    button.teal-bgc[disabled]:hover, button.teal-bgc[disabled]:focus, .button.teal-bgc[disabled]:hover, .button.teal-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.darkteal-bgc:hover, button.darkteal-bgc:focus, .button.darkteal-bgc:hover, .button.darkteal-bgc:focus { background-color: #003c40; }
    button.darkteal-bgc:active, .button.darkteal-bgc:active { background-color: #002d30; }
    button.darkteal-bgc[disabled]:hover, button.darkteal-bgc[disabled]:focus, .button.darkteal-bgc[disabled]:hover, .button.darkteal-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.gray-bgc:hover, button.gray-bgc:focus, .button.gray-bgc:hover, .button.gray-bgc:focus { background-color: #5e5e5e; }
    button.gray-bgc:active, .button.gray-bgc:active { background-color: #474747; }
    button.gray-bgc[disabled]:hover, button.gray-bgc[disabled]:focus, .button.gray-bgc[disabled]:hover, .button.gray-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.white-bgc:hover, button.white-bgc:focus, .button.white-bgc:hover, .button.white-bgc:focus { background-color: #e4e4e4; }
    button.white-bgc:active, .button.white-bgc:active { background-color: #c8c8c8; }
    button.white-bgc[disabled]:hover, button.white-bgc[disabled]:focus, .button.white-bgc[disabled]:hover, .button.white-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }
    button.black-bgc:hover, button.black-bgc:focus, .button.black-bgc:hover, .button.black-bgc:focus { background-color: #333333; }
    button.black-bgc:active, .button.black-bgc:active { background-color: #666666; }
    button.black-bgc[disabled]:hover, button.black-bgc[disabled]:focus, .button.black-bgc[disabled]:hover, .button.black-bgc[disabled]:focus { background-color: #c8c8c8; color: #919191; }

input[type=range].ms-slider { -webkit-appearance: none; width: 100%; margin: 3px 0; }

    input[type=range].ms-slider:focus { outline: none; }
        input[type=range].ms-slider:focus::-webkit-slider-thumb { background: #000; }
        input[type=range].ms-slider:focus::-moz-range-thumb { background: #000; }
        input[type=range].ms-slider:focus::-ms-thumb { background: #000; }

    input[type=range].ms-slider::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #0078d7; border-radius: 0px; border: 0px solid #000000; }

    input[type=range].ms-slider::-webkit-slider-thumb { box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid transparent; height: 8px; width: 26px; border-radius: 50px; background: #0078d7; cursor: pointer; -webkit-appearance: none; margin-top: -3px; }

        input[type=range].ms-slider::-webkit-slider-thumb:hover { background: #000; }

    input[type=range].ms-slider::-moz-range-thumb:hover { background: #000; }

    input[type=range].ms-slider::-ms-thumb:hover { background: #000; }

    input[type=range].ms-slider:focus::-webkit-slider-runnable-track { background: #0b93ff; }

    input[type=range].ms-slider::-moz-range-track { width: 100%; height: 2px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #0078d7; border-radius: 0px; border: 0px solid #000000; }

    input[type=range].ms-slider::-moz-range-thumb { box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid transparent; height: 8px; width: 26px; border-radius: 50px; background: #0078d7; cursor: pointer; }

    input[type=range].ms-slider::-ms-track { width: 100%; height: 2px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }

    input[type=range].ms-slider::-ms-fill-lower { background: #005ca4; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }

    input[type=range].ms-slider::-ms-fill-upper { background: #0078d7; border: 0px solid #000000; border-radius: 0px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }

    input[type=range].ms-slider::-ms-thumb { box-shadow: 0px 0px 0px transparent, 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid transparent; height: 8px; width: 26px; border-radius: 50px; background: #0078d7; cursor: pointer; height: 2px; }

    input[type=range].ms-slider:focus::-ms-fill-lower { background: #0078d7; }

    input[type=range].ms-slider:focus::-ms-fill-upper { background: #0b93ff; }

.clearfix, .document-section { *zoom: 1; }
    .clearfix:before, .document-section:before, .clearfix:after, .document-section:after { content: " "; display: table; }
    .clearfix:after, .document-section:after { clear: both; }

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

.text-center, .tac { text-align: center; }

.text-left, .tal { text-align: left; }

.text-right, .tar { text-align: right; }

.vertical-align-top, .vat { vertical-align: top; }

.vertical-align-middle, .vam { vertical-align: middle; }

.vertical-align-bottom, .vab { vertical-align: bottom; }

.justify { text-align: justify; }

.caps { text-transform: uppercase; }

.no-margin { margin: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-margin-left { margin-left: 0 !important; }

.no-margin-right { margin-right: 0 !important; }

.no-margin-horizontal { margin-right: 0 !important; margin-left: 0 !important; }

.no-margin-vertical { margin-top: 0 !important; margin-bottom: 0 !important; }

.no-padding { padding: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.no-padding-horizontal { padding-right: 0 !important; padding-left: 0 !important; }

.no-padding-vertical { padding-top: 0 !important; padding-bottom: 0 !important; }

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

.overflow-hidden, .ofh { overflow: hidden; }

.float-right, .fr { float: right; }

.float-left, .fl { float: left; }

.float-none, .fn { float: none; }

.no-max-width { max-width: none !important; }

.full-width { width: 100%; }

html { box-sizing: border-box; line-height: 1.4; }

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

img { max-width: 100%; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight { margin-bottom: 15px; }

/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/**
 * Images
 */
img { max-width: 100%; vertical-align: middle; }

/**
 * Figures
 */
figure > img { display: block; }

/**
 * Lists
 */

li > ul,
li > ol { margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code { font-size: 15px; border: 1px solid gray; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }
    pre > code { border: 0; padding-right: 0; padding-left: 0; }

/**
 * Clearfix
 */
.clearfix:after, .document-section:after { content: ""; display: table; clear: both; }

/**
 * Helper classes
 */
.center-type { text-align: center; }

ul.no-style { list-style: none; margin: 0; padding: 0; }

.icon { display: inline-block; overflow: hidden; width: 32px; height: 32px; background-repeat: no-repeat; }
    .icon:before { content: ''; display: block; width: 100%; height: 100%; }

@media screen and (max-width: 767px) {
    .inner-grid.s-no-margin { padding-left: 0; padding-right: 0; }
}

/**
 * Page layout
 */
html, body { min-height: 100%; }

.parent-grid { top: 120px; position: relative; }

a { font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; }

.site-header { position: fixed; width: 100%; height: 50px; z-index: 9999; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

h2.pink-box { font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; line-height: 1.25; background-color: #E3008C; color: #FFF; font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; padding: 0.55em 1.5em; display: table; position: relative; text-transform: uppercase; margin: -73px auto 40px; }

@media screen and (min-width: 1084px) {
    .nav-blade { position: absolute; height: calc(100vh - 120px); overflow-y: auto; }
        .nav-blade.top-fixed { position: fixed; top: 70px; height: calc(100vh - 70px); }
}

.nav-blade .nav-title { padding: 0.7em 16px; color: #e4e4e4; }
.nav-blade#home-nav-blade { left: 0; }
.nav-blade#anchor-nav-blade { right: 0; }
    .nav-blade#anchor-nav-blade hr { margin: 1rem; background-color: #5e5e5e; border: 0; height: 1px; }
.nav-blade ul.nav-list { padding: 0; margin: 0; }
.nav-blade li { text-transform: none; }
.nav-blade > ul.nav-list > li { text-transform: uppercase; }
.nav-blade a { display: inline-block; margin: 0.7em 16px 0; }
.nav-blade ul.nav-list a, .nav-blade ul.nav-list span { display: block; color: #e4e4e4; font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; text-decoration: none; padding: 0.7em 16px; margin: 0; font-size: 15px; cursor: pointer; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; }
    .nav-blade ul.nav-list a:hover, .nav-blade ul.nav-list span:hover { -webkit-transition: background-color 0s; transition: background-color 0s; }
.nav-blade ul.nav-list > li ul { display: none; overflow: hidden; }
    .nav-blade ul.nav-list > li ul.is-collapsed { display: none; background-color: transparent; }
.nav-blade ul.nav-list > li a:hover,
.nav-blade ul.nav-list > li span:hover { background-color: #3b3b3b; }
.nav-blade ul.nav-list > li a.active,
.nav-blade ul.nav-list > li span.active { background-color: #474747; }
.nav-blade ul.nav-list > li li a,
.nav-blade ul.nav-list > li li span { padding-left: 2em; background-color: #474747; }
    .nav-blade ul.nav-list > li li a:hover,
    .nav-blade ul.nav-list > li li span:hover { background-color: #535353; }
    .nav-blade ul.nav-list > li li a.active,
    .nav-blade ul.nav-list > li li span.active { background-color: #5e5e5e; }
.nav-blade ul.nav-list > li li li a,
.nav-blade ul.nav-list > li li li span { padding-left: 3em; background-color: #5e5e5e; }
    .nav-blade ul.nav-list > li li li a:hover,
    .nav-blade ul.nav-list > li li li span:hover { background-color: #6a6a6a; }
    .nav-blade ul.nav-list > li li li a.active,
    .nav-blade ul.nav-list > li li li span.active { background-color: #6a6a6a; }
.nav-blade .margin-top { margin-top: 60px; }
    .nav-blade .margin-top.extra { margin-top: 70px; }

#home-nav-blade ul.home-nav-list { margin-top: 0.5em; }

#anchor-nav-blade .anchor-nav { margin-top: 60px; }

#anchor-nav-blade .button-list { list-style-type: none; padding: 0; margin-left: 0; }
    #anchor-nav-blade .button-list li { margin: 0.7em; }
    #anchor-nav-blade .button-list button, #anchor-nav-blade .button-list .button { width: 100%; text-decoration: none; padding-top: 0.55em; padding-bottom: 0.55em; }
        #anchor-nav-blade .button-list button span, #anchor-nav-blade .button-list .button span { display: inline-block; background-color: transparent; -webkit-transition: none; transition: none; padding: 0; }
            #anchor-nav-blade .button-list button span:hover, #anchor-nav-blade .button-list .button span:hover { background-color: transparent; -webkit-transition: none; transition: none; }
        #anchor-nav-blade .button-list button .icon, #anchor-nav-blade .button-list .button .icon { width: 20px; height: 20px; margin-right: 8px; vertical-align: bottom; }
    #anchor-nav-blade .button-list a.button { margin: 0; text-align: center; font-family: wf_segoe-ui_normal, wf_segoe-ui_semilight, wf_segoe-ui_light, Arial, sans-serif; line-height: 1.25; }

.layout-page { background-color: white; }

@media screen and (min-width: 1084px) {
    .document-content,
    .page-content { position: relative; }
}

.document-content .headline, .document-content h1,
.page-content .headline,
.page-content h1 { text-align: center; margin: 0.7em 0; }

.document-section { margin-bottom: 5.2rem; padding-top: 3em; padding-bottom: 3em; }
    .document-section h1 { text-align: center; margin-bottom: 0.25em; }
    .document-section h3 { margin-bottom: 0.75em; }
    .document-section h4 { margin-bottom: 0.25em; }
    .document-section p { margin-bottom: 1.5em; }
    .document-section ul { margin-top: 0.5em; margin-bottom: 2em; }
    .document-section iframe { display: block; }
    .document-section img.wire-img { width: 300px; margin-right: 1em; margin-bottom: 2em; }
    .document-section img + img { margin-top: 3em; }
    .document-section .bottom-spacing { margin-bottom: 2em; }
        .document-section .bottom-spacing p:last-child { margin-bottom: 0; }

.document-demo-section { background-color: rgba(255, 255, 255, 0); position: relative; top: -16px; margin-bottom: 5.2rem; }
    .document-demo-section h2.pink-box { margin: 0 auto; top: 16px; }

#resize-document { display: none; height: 50px; position: fixed; bottom: 0; width: inherit; box-sizing: content-box; padding-right: 1px; }

body.fullscreen .site-header { top: -51px; }
body.fullscreen .category-header { top: 0; }
body.fullscreen .parent-grid { top: 70px; }
body.fullscreen #home-nav-blade { left: -14%; }
body.fullscreen #anchor-nav-blade { right: -14%; }
body.fullscreen main { width: 100%; left: 0; }
body.fullscreen .fixed-bg { background-position: center; background-size: 100%; }

.darkgray-bgc { background-color: #181818; color: #FFFFFF; }

svg.ms-logo { width: 107px; height: 23px; margin-left: 1em; margin-top: 14px; }

.tool-title { line-height: 50px; }

.icon-home { width: 44px; height: 44px; background-size: 24px 24px; background-position: center; margin-left: -8px; }

.overflow { overflow: hidden; position: relative; }
    .overflow .light-dark { cursor: pointer; position: absolute; right: 0; top: 0; width: 35px; height: 70px; background-color: #2f2f2f; content: ''; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: translate(35px, -20px); -ms-transform: translate(35px, -20px); transform: translate(35px, -20px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; z-index: 2; }
        .overflow .light-dark.active { background-color: #f1f1f1; }
        .overflow .light-dark .icon { top: 23px; left: 3px; position: relative; width: 24px; height: 24px; }
    .overflow:hover .light-dark { -webkit-transform: translate(35px, -20px) rotate(-45deg); -ms-transform: translate(35px, -20px) rotate(-45deg); transform: translate(35px, -20px) rotate(-45deg); }

table.type-ramp { width: 100%; }
    table.type-ramp tr { height: 72px; }
        table.type-ramp tr:nth-child(odd) { background-color: #f1f1f1; }
        table.type-ramp tr:first-of-type { background-color: #5e5e5e; color: #FFFFFF; }
        table.type-ramp tr td:first-of-type { padding-left: 30px; }
    table.type-ramp td { vertical-align: middle; }
    table.type-ramp.smaller tr { height: 36px; }
        table.type-ramp.smaller tr td:first-of-type { padding-left: 0; }

.accordion-panel { overflow: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.section-title { background-color: #E3008C; color: #FFFFFF; font-family: wf_segoe-ui_semibold, wf_segoe-ui_normal, Arial, sans-serif; padding: 0.55em 1.5em; display: table; position: relative; text-transform: uppercase; margin: -74px auto 40px; }

.color-block { line-height: 100px; }

.color-swatch-row .color-swatch { min-height: 130px; padding: 0.5em 0.5em 1em 0.5em; }
    .color-swatch-row .color-swatch h4 { margin: 0; }
    .color-swatch-row .color-swatch li, .color-swatch-row .color-swatch span { line-height: 1.25; }
.color-swatch-row .white-bgc { border: 1px solid #efefef; }

iframe.cp_embed_iframe #embed-nav ul li.active { color: #FFFFFF; }

.text-over-image-container { position: relative; display: block; }
    .text-over-image-container .text-over-image { position: absolute; bottom: 0; width: 100%; font-size: 15px; text-align: center; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.7); padding: 0.25em; }

.text-centered { text-align: center; }

h1 { text-align: center; margin-bottom: 0.25; }
    h1 span { font-size: inherit !important; font-family: "wf_segoe-ui_light"; }

h2 { margin-bottom: 0.25em; }

h3 { margin-bottom: 0.25em; margin-top: 2em; }

h4 { margin-bottom: 0.25em; }

p { margin-bottom: 1.5em; }

ul { margin-top: 0.5em; margin-bottom: 2em; }

ol { margin-top: 0.5em; margin-bottom: 2em; }

.no-top-margin { margin-top: 0 !important; }

.half-space { margin-left: 0.1em; }

pre { overflow-x: auto; }

.site-header { position: absolute; }

.category-header { position: absolute; top: 50px; width: 100%; z-index: 1; }
    .category-header.top-fixed { top: 0; position: fixed; }
    .category-header .category-label { margin: 0 0 0 1rem; line-height: 70px; }
    .category-header button { margin: 14px 1rem 0 0; }

button.body-alt { line-height: inherit; }

@media screen and (max-width: 1083px) {
    .fixed-bg { background-position: center !important; background-size: cover !important; }
}

.homebg { background: url(/assets/images/home/intro_components_v4.png) no-repeat center center; background-attachment: fixed; background-size: cover; height: 700px; height: calc(90vh - 50px); position: relative; }

.homepage-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; white-space: nowrap; }
    .homepage-overlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }
    .homepage-overlay header { background-color: rgba(47, 47, 47, 0.8); color: white; padding: 4em; display: inline-block; vertical-align: middle; margin-top: -65px; }
        .homepage-overlay header .headline { margin: 0 0 0.2em; }

.introduction-page .introduction-section { padding-top: 7em; padding-bottom: 7em; }
    .introduction-page .introduction-section .icon { display: block; width: 70px; height: 70px; margin: 0 auto 2.5em; }
    .introduction-page .introduction-section p { margin-bottom: 2em; }

.fixed-bg { width: 100%; height: 400px; height: 60vh; text-align: center; white-space: nowrap; background-position: 12vw center; background-repeat: no-repeat; background-size: 88% auto; background-attachment: fixed; }
    .fixed-bg#welcome { background-image: url(/assets/images/Intro2.png); }
    .fixed-bg#tools-to-help-you-do-more { background-image: url(/assets/images/intro_tools_v2.png); }
    .fixed-bg#who-its-for { background-image: url(/assets/images/intro_who2.png); }
    .fixed-bg#help-make-it-better { background-image: url(/assets/images/Make_it_better2.png); }
    .fixed-bg#standards { background-image: url(/assets/images/Standards2.png); }
    .fixed-bg#components { background-image: url(/assets/images/Components_header3.png); }
    .fixed-bg#developer { background-image: url(/assets/images/Developer2.png); }
    .fixed-bg:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
    .fixed-bg h1, .fixed-bg h2 { font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; font-weight: inherit; line-height: 1.2; letter-spacing: -0.01em; display: inline-block; vertical-align: middle; }

/**
 * Syntax highlighting styles
 */
.highlight { background: #fff; }
    .highlight .c { color: #998; font-style: italic; }
    .highlight .err { color: #a61717; background-color: #e3d2d2; }
    .highlight .k { font-weight: bold; }
    .highlight .o { font-weight: bold; }
    .highlight .cm { color: #998; font-style: italic; }
    .highlight .cp { color: #999; font-weight: bold; }
    .highlight .c1 { color: #998; font-style: italic; }
    .highlight .cs { color: #999; font-weight: bold; font-style: italic; }
    .highlight .gd { color: #000; background-color: #fdd; }
        .highlight .gd .x { color: #000; background-color: #faa; }
    .highlight .ge { font-style: italic; }
    .highlight .gr { color: #a00; }
    .highlight .gh { color: #999; }
    .highlight .gi { color: #000; background-color: #dfd; }
        .highlight .gi .x { color: #000; background-color: #afa; }
    .highlight .go { color: #888; }
    .highlight .gp { color: #555; }
    .highlight .gs { font-weight: bold; }
    .highlight .gu { color: #aaa; }
    .highlight .gt { color: #a00; }
    .highlight .kc { font-weight: bold; }
    .highlight .kd { font-weight: bold; }
    .highlight .kp { font-weight: bold; }
    .highlight .kr { font-weight: bold; }
    .highlight .kt { color: #458; font-weight: bold; }
    .highlight .m { color: #099; }
    .highlight .s { color: #d14; }
    .highlight .na { color: #008080; }
    .highlight .nb { color: #0086B3; }
    .highlight .nc { color: #458; font-weight: bold; }
    .highlight .no { color: #008080; }
    .highlight .ni { color: #800080; }
    .highlight .ne { color: #900; font-weight: bold; }
    .highlight .nf { color: #900; font-weight: bold; }
    .highlight .nn { color: #555; }
    .highlight .nt { color: #000080; }
    .highlight .nv { color: #008080; }
    .highlight .ow { font-weight: bold; }
    .highlight .w { color: #bbb; }
    .highlight .mf { color: #099; }
    .highlight .mh { color: #099; }
    .highlight .mi { color: #099; }
    .highlight .mo { color: #099; }
    .highlight .sb { color: #d14; }
    .highlight .sc { color: #d14; }
    .highlight .sd { color: #d14; }
    .highlight .s2 { color: #d14; }
    .highlight .se { color: #d14; }
    .highlight .sh { color: #d14; }
    .highlight .si { color: #d14; }
    .highlight .sx { color: #d14; }
    .highlight .sr { color: #009926; }
    .highlight .s1 { color: #d14; }
    .highlight .ss { color: #990073; }
    .highlight .bp { color: #999; }
    .highlight .vc { color: #008080; }
    .highlight .vg { color: #008080; }
    .highlight .vi { color: #008080; }
    .highlight .il { color: #099; }

.mfp-container { padding-left: 12px; padding-right: 12px; }

@media screen and (min-width: 768px) {
    .mfp-container { padding-left: 46px; padding-right: 46px; }
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { padding: 0; right: 0; top: 0; }

button.mfp-close { padding: 0; right: 0; top: 0; height: 28px; }

@media screen and (min-width: 768px) {
    button.mfp-close { left: 34px; }
}

button.mfp-close span.mfp-close { display: block; position: absolute; top: 0; right: 0; width: 22px; height: 22px; }

.jquery-ui-accordion { margin-top: 3em; border-bottom: 1px solid #c8c8c8; }
    .jquery-ui-accordion .ui-accordion-header { position: relative; cursor: pointer; border-top: 1px solid #c8c8c8; padding: 10px 0 11px 20px; margin: 0; color: #0060ac; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
        .jquery-ui-accordion .ui-accordion-header h3 { margin: 0; }
        .jquery-ui-accordion .ui-accordion-header:focus { outline: none; }
        .jquery-ui-accordion .ui-accordion-header.ui-state-active { background-color: #f1f1f1; }
            .jquery-ui-accordion .ui-accordion-header.ui-state-active h3:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%232F2F2F%20!important%3B%20stroke%3A%20%232F2F2F!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Add_x5F_01%22%3E%20%3Cg%20id%3D%22Minus_x5F_01%22%3E%20%20%3Crect%20y%3D%22437.5%22%20width%3D%22937.5%22%20height%3D%2262.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
        .jquery-ui-accordion .ui-accordion-header h3:before { content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 0.2em; right: 20px; background-size: cover; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%201000%201000%22%20enable-background%3D%22new%200%200%201000%201000%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2C%20ellipse%2C%20line%2C%20path%2C%20polygon%2C%20polyline%2C%20rect%2C%20text%20%7B%20fill%3A%20%232F2F2F%20!important%3B%20stroke%3A%20%232F2F2F!important%3B%20%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Add_x5F_01%22%3E%20%3Cpolygon%20points%3D%22937.5%2C437.5%20500%2C437.5%20500%2C0%20437.5%2C0%20437.5%2C437.5%200%2C437.5%200%2C500%20437.5%2C500%20437.5%2C937.5%20500%2C937.5%20500%2C500%20%20%20937.5%2C500%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .jquery-ui-accordion .ui-accordion-content .accordion-content { padding: 0 20px; margin: 2em 0; }