@charset "UTF-8";

@font-face {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src: url("../images/icon-font/icomoon.eot?") format("eot"), url("../images/icon-font/icomoon.ttf") format("truetype"), url("../images/icon-font/icomoon.woff") format("woff"), url('../images/icon-font/icomoon.svg#str-replace("icomoon", " ", "_")') format("svg");
}

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
}

    [class^="icon-"]::before, [class*=" icon-"]::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.icon-share:before, asset-cards a > icon-share::before {
    content: "\ea82";
}

.icon-arrow-thin-left:before, .slick-prev::before, [dir="rtl"] .slick-next::before {
    content: "\61";
}

.icon-arrow-thin-right:before, [dir="rtl"] .slick-prev::before, .slick-next::before {
    content: "\62";
}

.icon-search:before, #page-search-form::before {
    content: "\63";
}

.icon-close:before {
    content: "\64";
}

.icon-arrow-forward:before, comp-release[summary] inner-content > a::after, comp-press[internal] comp-container > [card] footer > a:not(.download)::after, justice-studies > section > h3::after {
    content: "\65";
}

.icon-twitter:before {
    content: "\66";
}

.icon-facebook:before {
    content: "\67";
}

.icon-linkedin:before {
    content: "\68";
}

.icon-email:before {
    content: "\69";
}

.icon-download:before, comp-press[internal] comp-container > [card] footer > a.download::before {
    content: "\6a";
}

.icon-play:before, video-cards a > span::before {
    content: "\6b";
}

.icon-mute:before {
    content: "\6c";
}

.icon-unmute:before {
    content: "\6d";
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

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

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("../images/slick-font/slick.eot");
    src: url("../images/slick-font/slick.eot?#iefix") format("embedded-opentype"), url("../images/slick-font/slick.woff") format("woff"), url("../images/slick-font/slick.ttf") format("truetype"), url("../images/slick-font/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 52px;
    width: 52px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    bottom: 0;
    padding: 0;
    border: none;
    outline: none;
    z-index: 11;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 52px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: 16px;
}

    .slick-prev::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

[dir="rtl"] .slick-prev {
    left: auto;
    right: 16px;
}

    [dir="rtl"] .slick-prev::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-next {
    right: 16px;
}

    .slick-next::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

[dir="rtl"] .slick-next {
    left: 16px;
    right: auto;
}

    [dir="rtl"] .slick-next::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

/* Dots */
.slick-dots {
    position: absolute;
    bottom: 16px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 10;
    left: 0;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 10px;
        width: 10px;
        margin: 10px 5px;
        cursor: pointer;
    }

        .slick-dots li button {
            background: white;
            display: block;
            height: 5px;
            width: 5px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 0;
            cursor: pointer;
            box-sizing: border-box;
            opacity: 0.5;
            border: none;
            border-radius: 50%;
        }

        .slick-dots li.slick-active button {
            opacity: 1;
        }

/*! Bootstrap v3.3.6 (http://getbootstrap.com) Copyright 2011-2015 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

* {
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "corporate-s", sans-serif;
    font-size: 16px;
    line-height: 1.8125;
    color: #707070;
    background-color: #FFFFFF;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #5097AB;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #386977;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.8125;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 29px;
    margin-bottom: 29px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

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

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

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #002A3A;
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777777;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 29px;
    margin-bottom: 14.5px;
}

    h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
        font-size: 65%;
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 14.5px;
    margin-bottom: 14.5px;
}

    h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 16px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 14.5px;
}

.lead {
    margin-bottom: 29px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 24px;
    }
}

small, .small {
    font-size: 87%;
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover, a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #337ab7;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 13.5px;
    margin: 58px 0 29px;
    border-bottom: 1px solid #eeeeee;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 14.5px;
}

    ul ul, ul ol, ol ul, ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 29px;
}

dt, dd {
    line-height: 1.8125;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 14.5px 29px;
    margin: 0 0 29px;
    font-size: 20px;
    border-left: 5px solid #eeeeee;
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.8125;
        color: #777777;
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 29px;
    font-style: normal;
    line-height: 1.8125;
}

.btn, html[challenge] form[challenge] > button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.8125;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, html[challenge] form[challenge] > button:focus, .btn.focus, html[challenge] form[challenge] > button.focus, .btn:active:focus, html[challenge] form[challenge] > button:active:focus, .btn:active.focus, html[challenge] form[challenge] > button:active.focus, .btn.active:focus, html[challenge] form[challenge] > button.active:focus, .btn.active.focus, html[challenge] form[challenge] > button.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, html[challenge] form[challenge] > button:hover, .btn:focus, html[challenge] form[challenge] > button:focus, .btn.focus, html[challenge] form[challenge] > button.focus {
        color: #FFFFFF;
        text-decoration: none;
    }

    .btn:active, html[challenge] form[challenge] > button:active, .btn.active, html[challenge] form[challenge] > button.active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, html[challenge] form[challenge] > button.disabled, .btn[disabled], html[challenge] form[challenge] > button[disabled], fieldset[disabled] .btn, fieldset[disabled] html[challenge] form[challenge] > button, html[challenge] fieldset[disabled] form[challenge] > button {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #FFFFFF;
    background-color: #007C95;
    border-color: transparent;
}

    .btn-default:focus, .btn-default.focus {
        color: #FFFFFF;
        background-color: #005262;
        border-color: transparent;
    }

    .btn-default:hover {
        color: #FFFFFF;
        background-color: #005262;
        border-color: transparent;
    }

    .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        color: #FFFFFF;
        background-color: #005262;
        border-color: transparent;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #00343e;
            border-color: transparent;
        }

    .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
        background-color: #007C95;
        border-color: transparent;
    }

    .btn-default .badge {
        color: #007C95;
        background-color: #FFFFFF;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        background-image: none;
    }

    .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        background-image: none;
    }

    .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        background-image: none;
    }

    .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        background-image: none;
    }

    .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #5097AB;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #386977;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

/*! jQuery UI CSS Framework 1.11.4 http://jqueryui.com Copyright jQuery Foundation and other contributors Released under the MIT license. http://jquery.org/license http://api.jqueryui.com/category/theming/ */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

body > header > section, body > .menu-cover > header > section, body.constrained comp-feature, video-cards, asset-cards {
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

body.constrained comp-container[full-width], comp-container[napa-intro], body.constrained comp-two-col, body.constrained comp-testimonials, body.constrained comp-video, body.constrained comp-image, body.constrained slide-cards {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

    comp-container[napa-intro] > inner-content {
        max-width: 1100px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
    }

slide-cards section {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(50%);
    -ms-scroll-snap-points-x: repeat(50%);
    scroll-snap-points-x: repeat(50%);
}

html:not(.touch) slide-cards section.loaded, slide-cards html:not(.touch) section.loaded {
    overflow-x: hidden;
}

slide-cards section::after {
    content: "";
    display: block;
    width: 0.01rem;
    -ms-flex: 0 0 0.01rem;
    flex: 0 0 0.01rem;
    max-width: 0.01rem;
}

comp-slideout > comp-share, video-cards a::after, asset-cards a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body > header > section > nav > section > ul > li, body > .menu-cover > header > section > nav > section > ul > li, comp-slideout > video-container > section, comp-video[proportional] > div, take-over > section, video-cards[count="2"] > section > *, video-cards[count="3"] > section, asset-cards > section > *, slide-cards, slide-cards section > *, slide-cards section > * > h2 {
    position: relative;
}

    body > header > section > nav > section > ul > li > ul, body > .menu-cover > header > section > nav > section > ul > li > ul, comp-slideout > comp-background > iframe, comp-slideout > video-container, comp-slideout > video-container > section > div.jwplayer, video-cards[count="3"] > section > *, asset-cards a > icon-share {
        position: absolute;
    }

@media (min-width: 768px) {
    take-over > section > section {
        position: absolute;
    }
}

body > header, body > .menu-cover > header, take-over, take-over > comp-cover, take-over > button {
    position: fixed;
}

asset-cards > section > *, slide-cards {
    z-index: 0;
}

    slide-cards section > *, slide-cards section > * > comp-background {
        z-index: 1;
    }

        slide-cards section > * > h2 {
            z-index: 2;
        }

    body > header > section > div > a > label > *, body > .menu-cover > header > section > div > a > label > *, body > header > section > nav > section > ul > li > ul a, body > .menu-cover > header > section > nav > section > ul > li > ul a, body.constrained comp-container[full-width] > comp-background, comp-container[napa-intro] > video, take-over > button::before, video-cards, asset-cards, asset-cards a, slide-cards, slide-cards section > *, justice-call-out, justice-studies, justice-history, justice-action, justice-studies > section > *, justice-action a[download], comp-timeline {
        display: block;
    }

@media (max-width: 767px) {
    body.constrained comp-feature, take-over > section > video {
        display: block;
    }
}

@media (max-width: 899px) {
    body > header a[role="navigation"], body > .menu-cover > header a[role="navigation"] {
        display: block;
    }
}

video-cards a > span::before, asset-cards a > span::before, justice-action .share > * {
    display: inline-block;
}

asset-cards a[href=""][jwpid=""]::after, asset-cards a[href=""]:not([jwpid])::after, asset-cards a[jwpid=""]:not([href])::after, asset-cards a:not([href]):not([jwpid])::after {
    display: none !important;
}

@media (max-width: 899px) {
    body > header > section > nav > section > *:not([role="navigation"]), body > .menu-cover > header > section > nav > section > *:not([role="navigation"]) {
        display: none !important;
    }
}

@media (min-width: 900px) {
    body > header a[role="navigation"], body > .menu-cover > header a[role="navigation"] {
        display: none !important;
    }
}

justice-action a[download] {
    margin-left: auto;
    margin-right: auto;
}

comp-slideout > comp-share > section, comp-container[napa-intro][text-position="Center"], justice-action .share, justice-action a[download] {
    text-align: center;
}

body.constrained comp-container[full-width] > comp-background + inner-content > h6, comp-container[napa-intro]:not([text-position="Center"]) > inner-content > h6, body.constrained comp-feature > comp-container:not(.slick-slider) > inner-content > h6 {
    -ms-flex-order: -1;
    order: -1;
    margin-top: 0;
    margin-bottom: 6px;
}

@media (max-width: 767px) {
    justice-studies > section:not(.expanded) > :not(h3) {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        animation: collapse 0.25s linear;
        transition: padding-top, padding-bottom, margin-top, margin-bottom;
    }
}

@media (max-width: 767px) {
    justice-studies > section.expanded > :not(h3) {
        animation: collapse-expand 0.25s linear;
    }
}

@keyframes collapse-expand {
    0% {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
    }

    99% {
        max-height: 100vh;
        opacity: 1;
        overflow: hidden;
        width: 99.999%;
    }

    100% {
        max-height: none;
        opacity: 1;
        overflow: visible;
        width: 100%;
    }
}

@keyframes collapse {
    0% {
        max-height: none;
        opacity: 1;
        overflow: visible;
    }

    1% {
        max-height: 100vh;
        opacity: 1;
        width: 99.999%;
        overflow: hidden;
    }

    100% {
        max-height: 0;
        opacity: 0;
        width: 100%;
        overflow: hidden;
    }
}

body > header, body > .menu-cover > header, body > header > section, body > .menu-cover > header > section, body > header > section > div > a, body > .menu-cover > header > section > div > a, body > header > section > nav, body > .menu-cover > header > section > nav, body > header > section > nav > section, body > .menu-cover > header > section > nav > section, body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul, body > header > section > nav > section > ul > li, body > .menu-cover > header > section > nav > section > ul > li, comp-slideout > comp-share, comp-slideout > comp-share > section > nav, comp-slideout > comp-share > section > form, comp-container[napa-intro] video[muted] + .overlay, take-over, video-cards[count="2"] > section, video-cards a, asset-cards > section, slide-cards section, justice-studies, justice-history > section, justice-history ul > li {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    slide-cards section > *, justice-studies > section > h3 {
        display: -ms-flexbox;
        display: flex;
    }
}

body.constrained comp-container[full-width] > comp-background + inner-content, comp-container[napa-intro]:not([text-position="Center"]) > inner-content, body.constrained comp-feature > comp-container:not(.slick-slider) > inner-content, justice-call-out {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

asset-cards > section, justice-studies {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    video-cards a {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

body > header > section > nav, body > .menu-cover > header > section > nav, body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul, comp-container[napa-intro] video[muted] + .overlay, justice-call-out {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

comp-container[napa-intro] video[muted] + .overlay {
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (min-width: 768px) {
    video-cards a {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

take-over {
    -ms-flex-pack: center;
    justify-content: center;
}

body > header, body > .menu-cover > header, body > header > section, body > .menu-cover > header > section, body > header > section > div > a, body > .menu-cover > header > section > div > a, body > header > section > nav, body > .menu-cover > header > section > nav, body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul, take-over {
    -ms-flex-align: center;
    align-items: center;
}

comp-slideout > comp-share {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767px) {
    video-cards a {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    justice-studies > section > h3 {
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

body.constrained comp-container[full-width] > comp-background + inner-content, comp-container[napa-intro]:not([text-position="Center"]) > inner-content, body.constrained comp-feature > comp-container:not(.slick-slider) > inner-content {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

comp-slideout > comp-share > section > nav {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    justice-studies > section > h3 {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

body > header > section > nav, body > .menu-cover > header > section > nav, body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul, comp-slideout > comp-share > section > form > input {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

body > header > section > div, body > .menu-cover > header > section > div, justice-history > section > time, justice-history ul > li::before {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media (min-width: 768px) {
    body > header > section > div > a > img, body > .menu-cover > header > section > div > a > img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    justice-studies > section {
        -ms-flex: 0 0 calc(50% - 0rem);
        flex: 0 0 calc(50% - 0rem);
        width: calc(50% - 0rem);
        min-width: calc(50% - 0rem);
        max-width: calc(50% - 0rem);
    }
}

@media (min-width: 768px) and (min-width: 900px) {
    justice-studies > section {
        -ms-flex: 0 0 calc(33.333% - 0rem);
        flex: 0 0 calc(33.333% - 0rem);
        width: calc(33.333% - 0rem);
        min-width: calc(33.333% - 0rem);
        max-width: calc(33.333% - 0rem);
    }
}

@media (max-width: 899px) {
    asset-cards > section > * {
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (min-width: 900px) {
    asset-cards > section > * {
        -ms-flex: 0 0 calc(25% - 10px);
        flex: 0 0 calc(25% - 10px);
        width: calc(25% - 10px);
        min-width: calc(25% - 10px);
        max-width: calc(25% - 10px);
    }
}

slide-cards section > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    justice-action {
        display: -ms-flexbox;
        display: flex;
    }

        justice-action > :first-child {
            -ms-flex: 5;
            flex: 5;
        }

        justice-action > :last-child {
            -ms-flex: 5;
            flex: 5;
        }
}

@media (min-width: 768px) {
    justice-action > :not(:last-child) {
        margin-right: 15px !important;
    }

    justice-action > :not(:first-child) {
        margin-left: 15px !important;
    }
}

body.dark {
    background-color: #202020;
}

@media (min-width: 768px) {
    body.constrained header ~ :not(footer) {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    body.constrained header ~ :not(footer) {
        margin-top: 50px;
    }
}

h4 {
    text-transform: uppercase;
}

h5 {
    text-transform: uppercase;
}

h6 {
    text-transform: uppercase;
}

body:not(.dark) h4, body:not(.dark) h6 {
    font-weight: 200;
    color: #5097AB;
}

body.dark h4, body.dark h6 {
    color: #5CC4F8;
    font-weight: bold;
}

img, iframe {
    max-width: 100%;
}

.highlight {
    background: rgba(80, 151, 171, 0.5);
}

.btn, html[challenge] form[challenge] > button {
    color: #FFFFFF;
    padding: 11px 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.075em;
    background: linear-gradient(to bottom, #0094AA 10%, #007C95 99%);
    border: 0;
    transition: all 0.5s ease;
    white-space: normal;
    max-width: 100%;
}

    .btn:hover, html[challenge] form[challenge] > button:hover {
        background: linear-gradient(to bottom, #007e91 10%, #00677c 99%);
    }

p {
    word-wrap: break-word;
}

select.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/static/images/select-drop-arrow.png"), linear-gradient(to bottom, #0094AA 10%, #007C95 99%);
    background-repeat: no-repeat, no-repeat;
    background-position: right center, top left;
}

    select.btn::-ms-expand {
        display: none;
    }

    select.btn:hover {
        background-image: url("/static/images/select-drop-arrow.png"), linear-gradient(to bottom, #007e91 10%, #00677c 99%);
        background-repeat: no-repeat, no-repeat;
        background-position: right center, top left;
    }

    select.btn option {
        color: #444;
    }

input[type="text"].btn::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

input[type="text"].btn:-ms-input-placeholder {
    color: #FFFFFF;
}

input[type="text"].btn::-webkit-input-placeholder {
    color: #FFFFFF;
}

input[type="text"].btn.cal {
    background-image: url("/static/images/calendar.png"), linear-gradient(to bottom, #0094AA 10%, #007C95 99%);
    background-repeat: no-repeat, no-repeat;
    background-position: right center, top left;
}

    input[type="text"].btn.cal:hover {
        background-image: url("/static/images/calendar.png"), linear-gradient(to bottom, #007e91 10%, #00677c 99%);
        background-repeat: no-repeat, no-repeat;
        background-position: right center, top left;
    }

article {
    padding: 29px;
}

/*
The jQuery UI Month Picker Version 3.0.0

https://github.com/KidSysco/jquery-ui-month-picker/

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation;
version 3.0. This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public
License along with this library; if not, visit
http://www.gnu.org/licenses/old-licenses/lgpl-2.1.txt.
*/
.month-picker {
    display: inline-block;
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #D7D7D7;
}

    .month-picker a {
        cursor: pointer;
    }

    .month-picker table {
        border-collapse: separate;
        border-spacing: 2px 2px;
    }

    .month-picker td {
        padding: 0px;
    }

/*
Prevents the button labels from maving sligtly to the left
when applying the width CSS property to the buttons.
See: .month-picker-month-table button { width: 4.3em; }
*/
.month-picker-previous a::before, .month-picker-next a::before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.75em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}

.month-picker-previous a::before {
    left: 0.25em;
    transform: rotate(-135deg);
}

.month-picker-next a::before {
    left: 0;
    transform: rotate(45deg);
}

.month-picker .ui-button-text {
    padding: .4em 0;
}

.month-picker-header {
    margin: 3px 3px 0px 3px;
}

.month-picker-year-table {
    width: 100%; /* Makes sure the next/previous/jump years buttons are not unnecessarily selected if the user clicks them a couple of times fast. */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

    /*
The plugin uses buttons with a transparent background in the year-table
(aka header) in order to look consistent with jQuery UI datepicker and to
make the year title a button that blends into the heading in the default state.

The plugin does this by removing the .ui-state-default class from (in MonthPicker.js)
the a tags (buttons) which also ends up removing the 1px border that it applies.

To prevent the button from resizing and moving everything around when you hover
in and out, we use a carefully constructed selector, which gets overroden by the
more specific .ui-state-hover/actove class selectors in the jquery-ui.css
that apply the visible borders that we want.

This selector applies a 1px transparent border that keeps the button
in the same size, but it doesen't hide the borders that .ui-state-hover/actove give us.
*/
    .month-picker-year-table a {
        border: 1px solid transparent;
    }

    /*
Sets the size of the next/previous buttons,
and makes the buttons in the heading (year-table) sligtly bigger,
and removes the pointer cursor from the buttons in the heading (year-table).
*/
    .month-picker-year-table .ui-button {
        font-size: 1.1em;
        width: 1.5em;
        height: 1.5em;
        cursor: pointer;
        margin: 0;
    }

    .month-picker-year-table .month-picker-title {
        text-align: center;
    }

        .month-picker-year-table .month-picker-title .ui-button {
            font-size: 1em;
            padding: .1em 0;
            width: 100%;
            font-weight: bold;
            color: #002A3A;
        }

    /*
The buttons in the heading (year-table) are slightly shrinked, but because jQuery ui and
the .month-picker .ui-button-text rule at the top of this CSS file apply some
padding which results in the button text being moved to the bottom of
the button.

This rule removes the unnecessary padding so the text in
the jump years button will be vericaly centred.
*/
    .month-picker-year-table .ui-button-text {
        padding: 0;
    }

.month-picker-month-table td {
    height: 35px;
    text-align: center;
}

/* Makes sure the buttons stay in the same size when swithching to the Jump years menu. this also ensures that the entire menu dosen't resize itself in response to the slightly bigger buttons in the Jump years menu. */
.month-picker-month-table .ui-button {
    width: 4.2em;
    margin: .2em;
    text-align: center;
}

    .month-picker-month-table .ui-button .ui-button-text {
        color: #002A3A;
        width: 36px;
        margin: 0 auto;
    }

    .month-picker-month-table .ui-button.ui-state-active .ui-button-text {
        color: #fff;
        background: #002A3A;
        border-radius: 50px;
    }

    .month-picker-month-table .ui-button.ui-button-disabled {
        opacity: 0.15;
    }

.month-picker-open-button {
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}

.month-picker-invalid-message {
    display: none;
    background-color: Yellow;
}

.month-picker-disabled {
    background-color: #e1e1e1;
}

body {
    padding-top: 80px;
    overflow-x: hidden;
    position: relative;
    left: 0;
}

@media print {
    body {
        padding-top: 0;
    }
}

body > header, body > .menu-cover > header {
    transition: top 0.5s, opacity 0.5s;
    z-index: 1;
    top: 0;
    height: 80px;
    font-size: 1.2em;
    width: 100%;
    background-color: #fff;
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    body > header, body > .menu-cover > header {
        position: absolute;
        top: 0 !important;
        overflow-x: hidden;
    }
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) {
    body > header, body > .menu-cover > header {
        position: absolute;
        top: 0 !important;
        overflow-x: hidden;
    }
}

@media print {
    body > header, body > .menu-cover > header {
        display: none;
    }
}

body > header a, body > .menu-cover > header a {
    color: #000;
    font-weight: 300;
    font-size: 16px;
}

    body > header a:hover, body > header a:focus, body > .menu-cover > header a:hover, body > .menu-cover > header a:focus {
        text-decoration: none;
        color: #000;
    }

    body > header a[role="navigation"], body > .menu-cover > header a[role="navigation"] {
        position: relative;
        height: 80px;
        cursor: pointer;
        transition: transform 1.5s ease;
        margin-right: 0;
    }

@media (max-width: 899px) {
    body > header a[role="navigation"], body > .menu-cover > header a[role="navigation"] {
        max-width: 70px;
        min-width: 70px;
    }

        body > header a[role="navigation"]::before, body > header a[role="navigation"]::after, body > header a[role="navigation"] span, body > .menu-cover > header a[role="navigation"]::before, body > .menu-cover > header a[role="navigation"]::after, body > .menu-cover > header a[role="navigation"] span {
            content: "";
            font-size: 0;
            position: absolute;
            background: #000;
            height: 4px;
            width: 4px;
            border-radius: 10px;
            right: 0;
            transition: all 1.5s ease;
        }

        body > header a[role="navigation"]::before, body > .menu-cover > header a[role="navigation"]::before {
            top: 30px;
        }

        body > header a[role="navigation"] span, body > .menu-cover > header a[role="navigation"] span {
            top: 50%;
            transform: translateY(-50%);
        }

        body > header a[role="navigation"]::after, body > .menu-cover > header a[role="navigation"]::after {
            bottom: 30px;
        }
}

body > header > section, body > .menu-cover > header > section {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 540px) {
    body > header > section > div > a > img, body > .menu-cover > header > section > div > a > img {
        width: 205px;
    }
}

@media (max-width: 539px) {
    body > header > section > div > a > img, body > .menu-cover > header > section > div > a > img {
        width: 140px;
    }
}

body > header > section > div > a > label, body > .menu-cover > header > section > div > a > label {
    border-left: 1px solid rgba(0, 0, 0, 0.24);
    padding-left: 15px;
    margin-left: 15px;
}

    body > header > section > div > a > label > *, body > .menu-cover > header > section > div > a > label > * {
        margin: 0;
        line-height: 1;
        white-space: nowrap;
    }

body > header > section > nav > section, body > .menu-cover > header > section > nav > section {
    -ms-flex: 1 1 730px;
    flex: 1 1 730px;
    max-width: 730px;
    padding-left: 20px;
    text-align: right;
}

@media (min-width: 900px) {
    body > header > section > nav > section, body > .menu-cover > header > section > nav > section {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 899px) {
    body > header > section > nav > section, body > .menu-cover > header > section > nav > section {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

body > header > section > nav > section > *, body > .menu-cover > header > section > nav > section > * {
    margin-left: 10px;
}

body > header > section > nav > section ul, body > .menu-cover > header > section > nav > section ul {
    list-style: none;
    padding-left: 0;
}

body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul {
    margin-bottom: 0;
}

@media (min-width: 900px) {
    body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 899px) {
    body > header > section > nav > section > ul, body > .menu-cover > header > section > nav > section > ul {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

body > header > section > nav > section > ul > li, body > .menu-cover > header > section > nav > section > ul > li {
    z-index: 10;
    margin-left: 10px;
}

    body > header > section > nav > section > ul > li > ul, body > .menu-cover > header > section > nav > section > ul > li > ul {
        min-width: 100%;
        left: 0;
        top: 100%;
        background-color: #FFFFFF;
        padding: 0;
        transition: transform 0.2s;
        transform-origin: 0 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }

        body > header > section > nav > section > ul > li > ul html.touch, body > .menu-cover > header > section > nav > section > ul > li > ul html.touch {
            display: none;
        }

        body > header > section > nav > section > ul > li > ul a, body > .menu-cover > header > section > nav > section > ul > li > ul a {
            min-width: 120px;
            white-space: nowrap;
            padding: 3px 15px;
            margin: 0;
            color: #707070;
            transition: background-color 0.2s, color 0.2s;
            text-align: left;
        }

            body > header > section > nav > section > ul > li > ul a:hover, body > .menu-cover > header > section > nav > section > ul > li > ul a:hover {
                background-color: #5097AB;
                color: #FFFFFF;
            }

html:not(.touch) body > header > section > nav > section > ul > li:not(:hover) > ul, html:not(.touch) body > .menu-cover > header > section > nav > section > ul > li:not(:hover) > ul {
    transform: scale(1, 0);
    transition-delay: 0.1s;
}

html.touch body > header > section > nav > section > ul > li > ul, html.touch body > .menu-cover > header > section > nav > section > ul > li > ul {
    display: none;
}

body > .menu-cover {
    position: absolute;
    z-index: 10;
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6);
}

    body > .menu-cover > header {
        background: #004355;
    }

        body > .menu-cover > header a[role="navigation"]::before, body > .menu-cover > header a[role="navigation"]::after, body > .menu-cover > header a[role="navigation"] span {
            transition-delay: 0.35s;
        }

body.push-right {
    left: 250px;
    overflow: hidden;
}

@media (min-width: 355px) {
    body.push-right {
        left: 275px;
    }
}

@media (min-width: 380px) {
    body.push-right {
        left: 300px;
    }
}

@media (min-width: 405px) {
    body.push-right {
        left: 325px;
    }
}

@media (min-width: 430px) {
    body.push-right {
        left: 350px;
    }
}

@media (min-width: 455px) {
    body.push-right {
        left: 375px;
    }
}

@media (max-width: 899px) {
    body.push-right {
        overflow: visible;
    }

        body.push-right > header a[role="navigation"], body.push-right > .menu-cover > header a[role="navigation"] {
            transform: rotate(45deg);
        }

            body.push-right > header a[role="navigation"]::before, body.push-right > .menu-cover > header a[role="navigation"]::before {
                height: 25%;
            }

            body.push-right > header a[role="navigation"] span, body.push-right > .menu-cover > header a[role="navigation"] span {
                width: 30%;
            }

            body.push-right > header a[role="navigation"]::after, body.push-right > .menu-cover > header a[role="navigation"]::after {
                height: 25%;
            }
}

body.push-left {
    left: -100%;
    overflow: hidden;
}

    body.push-left > header {
        opacity: 0;
    }

@media (max-width: 899px) {
    body.push-left {
        overflow: visible;
    }
}

body > nav {
    background: #FFFFFF;
    position: fixed;
    width: 250px;
    left: -250px;
    height: 100%;
    top: 0;
    z-index: 1000;
    overflow: auto;
    font-size: 20px;
    padding: 30px;
}

@media (min-width: 355px) {
    body > nav {
        width: 275px;
        left: -275px;
    }
}

@media (min-width: 380px) {
    body > nav {
        width: 300px;
        left: -300px;
    }
}

@media (min-width: 405px) {
    body > nav {
        width: 325px;
        left: -325px;
    }
}

@media (min-width: 430px) {
    body > nav {
        width: 350px;
        left: -350px;
    }
}

@media (min-width: 455px) {
    body > nav {
        width: 375px;
        left: -375px;
    }
}

@media (max-width: 899px) {
    body > nav {
        position: absolute;
    }
}

@media (min-width: 900px) {
    body > nav.menu-open {
        left: 0px;
    }
}

body > nav.menu-open a.current {
    color: #fff;
}

    body > nav.menu-open a.current .label, body > nav.menu-open a.current .sub-label {
        color: #fff;
    }

    body > nav.menu-open a.current::after {
        background: #5097ab;
        transform: scale(1, 1);
    }

    body > nav.menu-open a.current span.sub-toggle::after {
        border-color: #fff;
    }

body > nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 0.9em;
    opacity: 0.75;
}

    body > nav ul li {
        margin-left: 2em;
    }

body > nav > ul {
    opacity: 1;
}

    body > nav > ul > li {
        margin-left: 0;
        border-left: 0;
        padding-bottom: 20px;
        padding-top: 0;
    }

        body > nav > ul > li > a {
            padding-bottom: 0;
            color: #707070;
        }

            body > nav > ul > li > a.current::after {
                bottom: -21px;
            }

        body > nav > ul > li > ul > li:first-of-type {
            padding-top: 20px;
        }

body > nav a {
    padding: 14px 20px 20px 0;
    font-size: inherit;
    display: block;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #004355;
}

    body > nav a[href$="/career/"] {
        text-transform: none;
    }

    body > nav a:hover, body > nav a:focus {
        text-decoration: none;
        color: #004355;
    }

    body > nav a .label, body > nav a .sub-label {
        display: block;
        line-height: 1;
        position: relative;
        z-index: 2;
        transition: color 0.35s;
    }

    body > nav a .sub-label {
        font-size: 0.65em;
        font-weight: normal;
        color: #93969a;
        margin-top: 5px;
    }

    body > nav a::after {
        content: "";
        position: absolute;
        right: -30px;
        top: 0;
        bottom: 0;
        width: 100vw;
        background: rgba(80, 151, 171, 0);
        z-index: -1;
        transform: scale(1, 0);
        transition: opacity 0.35s, transform 0.35s;
    }

    body > nav a span.sub-toggle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: -10px;
        width: 20px;
        z-index: 2;
        text-align: center;
    }

        body > nav a span.sub-toggle::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 8px;
            height: 8px;
            margin-top: 19px;
            border-width: 0 2px 2px 0;
            border-style: solid;
            border-color: #004355;
            transition: all 0.25s ease;
            transform: translateY(0px) rotate(45deg);
        }

        body > nav a span.sub-toggle.open::after {
            transform: translateY(5px) rotate(-135deg);
        }

    body > nav a + ul a {
        padding: 5px 20px 5px 0;
    }

/* Transitions */
body, body > nav {
    transition: all 0.4s ease;
}

    body > footer-wrap {
        display: block;
        background-color: #FFFFFF;
    }

        body > footer-wrap::before, body > footer-wrap::after {
            content: "";
            display: table;
        }

        body > footer-wrap > footer {
            border-top: 1px solid #D7D7D7;
            margin: 88px auto 54px auto;
            width: 90%;
            max-width: 1166px;
            padding-top: 18px;
        }

@media print {
    body > footer-wrap > footer {
        display: none;
    }
}

body > footer-wrap > footer > section {
    padding-bottom: 5.5%;
}

@media (min-width: 768px) {
    body > footer-wrap > footer > section {
        display: -ms-flexbox;
        display: flex;
    }
}

body > footer-wrap > footer > section > nav {
    -ms-flex: 1 100%;
    flex: 1 100%;
}

    body > footer-wrap > footer > section > nav > h5:first-child {
        margin-top: 0;
    }

    body > footer-wrap > footer > section > nav a {
        display: inline-block;
        margin-right: 38px;
        color: inherit;
        text-transform: uppercase;
    }

        body > footer-wrap > footer > section > nav a:last-of-type {
            margin-right: 0;
        }

    body > footer-wrap > footer > section > nav:last-child {
        text-align: right;
        -ms-flex: 0.5 50%;
        flex: 0.5 50%;
    }

        body > footer-wrap > footer > section > nav:last-child a {
            margin-right: 20px;
        }

            body > footer-wrap > footer > section > nav:last-child a:last-of-type {
                margin-right: 0;
            }

@media (max-width: 767px) {
    body > footer-wrap > footer > section > nav {
        text-align: center;
        margin-bottom: 20px;
    }

        body > footer-wrap > footer > section > nav:last-child {
            text-align: center;
        }
}

@media (min-width: 768px) {
    body > footer-wrap > footer > footer {
        display: -ms-flexbox;
        display: flex;
    }
}

body > footer-wrap > footer > footer div:first-of-type {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

body > footer-wrap > footer > footer div:last-of-type img {
    height: 300px;
    width: 200px;
}

@media (max-width: 767px) {
    body > footer-wrap > footer > footer div:last-of-type {
        margin-top: 10px;
        text-align: center;
    }
}

inner-content:not([inline]), comp-video:not([inline]), comp-image:not([inline]), comp-container:not([inline]), comp-three-col:not([inline]), comp-social:not([inline]), comp-faqs:not([inline]), comp-press:not([inline]), comp-feature-list:not([inline]), comp-article:not([inline]), comp-media-room:not([inline]), comp-contact-us:not([inline]) {
    display: block;
}

inner-content {
    position: relative;
    z-index: 1;
}

@media (min-width: 666px) {
    inner-content {
        min-width: 260px;
    }
}

inner-content h2, inner-content h3, inner-content h4 {
    margin-top: 0;
    margin-bottom: 28px;
}

    inner-content h2 + h6, inner-content h3 + h6, inner-content h4 + h6 {
        margin-top: -12px;
        margin-bottom: 28px;
    }

inner-content p:last-of-type {
    margin-bottom: 42px;
}

inner-content[alignment="Left"] {
    text-align: left;
}

inner-content[alignment="Center"] {
    text-align: center;
}

@media (min-width: 768px) {
    inner-content[alignment="Right"] {
        text-align: right;
    }
}

inner-content[text-light] {
    color: #C8C8C8;
}

    inner-content[text-light] h2, inner-content[text-light] h3, inner-content[text-light] h4 {
        color: #FFFFFF;
    }

    inner-content[text-light] h6 strong {
        font-weight: inherit;
        color: #fff;
    }

inner-content[text-white] {
    color: #FFFFFF;
}

    inner-content[text-white] h2, inner-content[text-white] h3, inner-content[text-white] h4 {
        color: #FFFFFF;
    }

inner-content:not([text-light]):not([text-white]) a:not(.btn):not(html[challenge] form[challenge] > button) {
    text-shadow: 0 0 #fff,.08em 0 0 #fff,0 0,-.08em 0 0 #fff;
}

inner-content a:not(.btn):not(html[challenge] form[challenge] > button) {
    transition: all .25s ease-in-out;
    background: linear-gradient(#a7a9ac, #a7a9ac) center 1.09em no-repeat;
    background-size: 0% 1px;
    background-position: center bottom;
    text-decoration: none;
}

    inner-content a:not(.btn):not(html[challenge] form[challenge] > button):hover {
        background-size: 100% 1px;
    }

comp-slideout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
    transition: all 0.4s ease;
    right: -100%;
    overflow: auto;
}

    comp-slideout.slide-open {
        right: 0;
    }

    comp-slideout a.close {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 0;
        text-indent: 40px;
        overflow: hidden;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background: url(/images/slide-close.png) no-repeat center center;
        opacity: 0.75;
        transition: all 0.25s;
        z-index: 2;
    }

        comp-slideout a.close:hover {
            opacity: 1;
        }

    comp-slideout.slide-opened a.close {
        position: fixed;
    }

    comp-slideout inner-content {
        width: 90%;
        max-width: 1014px;
        margin: 0 auto;
        padding: 10%;
    }

        comp-slideout inner-content .images .image {
            display: inline-block;
            width: 240px;
            margin: 0 20px 20px 0;
            vertical-align: top;
        }

            comp-slideout inner-content .images .image h5 {
                display: block;
                line-height: 1;
                padding: 5px 0;
                margin: 0;
                text-transform: none;
            }

            comp-slideout inner-content .images .image a {
                display: block;
            }

    comp-slideout > comp-background > iframe {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        transform: none;
    }

    comp-slideout > video-container {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 100vh;
    }

        comp-slideout > video-container > section {
            width: 90vw;
            padding-bottom: 56%;
            max-height: 100%;
        }

            comp-slideout > video-container > section > div.jwplayer {
                width: 100% !important;
                height: 100% !important;
                max-height: 100vh;
            }

            comp-slideout > video-container > section > nav {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

                comp-slideout > video-container > section > nav a {
                    display: inline-block;
                    color: #FFFFFF;
                    padding: 10px 20px;
                }

                    comp-slideout > video-container > section > nav a:hover {
                        color: #e6e6e6;
                    }

                    comp-slideout > video-container > section > nav a::before {
                        display: inline-block;
                        margin-right: 5px;
                    }

        comp-slideout > video-container > video {
            width: 90%;
            height: auto;
        }

    comp-slideout > comp-share > section {
        width: 50rem;
        max-width: calc(100vw - 2rem);
    }

        comp-slideout > comp-share > section > nav > a {
            margin-left: 2rem;
            color: #424242;
            font-size: 8rem;
            text-decoration: none !important;
        }

@media (min-width: 768px) {
    comp-slideout > comp-share > section > nav > a {
        margin-left: 2rem;
        font-size: 8rem;
    }
}

@media (max-width: 767px) {
    comp-slideout > comp-share > section > nav > a {
        margin-left: 1rem;
        font-size: 4rem;
    }
}

comp-slideout > comp-share > section > form {
    font-size: 2rem;
}

    comp-slideout > comp-share > section > form > input + * {
        margin-left: 1rem;
    }

comp-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: #707070 no-repeat center top;
    background-size: cover;
}

    comp-background iframe {
        position: absolute;
        border: none;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: none;
        z-index: 0;
    }

    comp-background > .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        z-index: 1;
        background: transparent;
    }

    comp-background video {
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

comp-container {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 7.14vw;
    padding-bottom: 7.14vw;
}

    comp-container[padd="small"], comp-container[padd="Small"] {
        padding-top: 3.57vw;
        padding-bottom: 3.57vw;
    }

    comp-container[padd="large"], comp-container[padd="Large"] {
        padding-top: 14.28vw;
        padding-bottom: 14.28vw;
    }

    comp-container[padd="none"], comp-container[padd="None"] {
        padding-top: 0;
        padding-bottom: 0;
    }

    comp-container[padd-side="small"], comp-container[padd-side="Small"] {
        padding-left: 2.5vw;
        padding-right: 2.5vw;
    }

    comp-container[padd-side="large"], comp-container[padd-side="Large"] {
        padding-left: 20vw;
        padding-right: 20vw;
    }

    comp-container[padd-side="none"], comp-container[padd-side="None"] {
        padding-left: 0;
        padding-right: 0;
    }

    comp-container[padd="full"], comp-container[padd="Full"] {
        min-height: 100vh;
    }

    comp-container[content-middle] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: vertical;
        flex-direction: vertical;
        -ms-flex-align: center;
        align-items: center;
    }

        comp-container[content-middle] > inner-content {
            max-width: 100%;
        }

    comp-container[withaside] {
        padding-left: 0;
        padding-right: 0;
        width: 90%;
        max-width: 1063px;
        margin-left: auto;
        margin-right: auto;
    }

@media (min-width: 768px) {
    comp-container[withaside] {
        display: -ms-flexbox;
        display: flex;
    }

        comp-container[withaside] > * {
            -ms-flex: 1;
            flex: 1;
        }

        comp-container[withaside] inner-content {
            margin-right: 62px;
        }

        comp-container[withaside] aside {
            -ms-flex: 0.3;
            flex: 0.3;
            width: 312px;
        }
}

comp-container[withaside] aside {
    background: #f7f7f7;
    padding: 45px;
}

    comp-container[withaside] aside h1 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h1:not(:first-child) {
            margin-top: 20px;
        }

    comp-container[withaside] aside h2 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h2:not(:first-child) {
            margin-top: 20px;
        }

    comp-container[withaside] aside h3 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h3:not(:first-child) {
            margin-top: 20px;
        }

    comp-container[withaside] aside h4 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h4:not(:first-child) {
            margin-top: 20px;
        }

    comp-container[withaside] aside h5 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h5:not(:first-child) {
            margin-top: 20px;
        }

    comp-container[withaside] aside h6 {
        margin-bottom: 5px;
    }

        comp-container[withaside] aside h6:not(:first-child) {
            margin-top: 20px;
        }

comp-container inner-content > p:last-child {
    margin-bottom: 0;
}

comp-container inner-content, comp-container comp-background {
    transition: all 1s ease;
}

comp-container:not(.inview) inner-content {
    transform: translateY(50%) scaleY(1.5);
    opacity: 0;
}

comp-container:not(.inview)[position="Left"] comp-background {
    transform: translateX(-100%);
    opacity: 0;
}

comp-container:not(.inview)[position="Right"] comp-background {
    transform: translateX(100%);
    opacity: 0;
}

comp-container .btn:not(.inview), comp-container html[challenge] form[challenge] > button:not(.inview), html[challenge] comp-container form[challenge] > button:not(.inview) {
    opacity: 0;
}

header + comp-container[padd="full"], header + comp-container[padd="Full"] {
    min-height: calc(100vh - 80px);
}

header + comp-container p {
    font-size: 19.2px;
}

header + comp-container h3 {
    font-size: 33.6px;
}

header + comp-container h6 {
    font-size: 16.8px;
}

@media (min-width: 768px) {
    comp-container[full-width] inner-content[alignment="Left"], comp-container[full-width] inner-content[alignment="Right"] {
        width: 50%;
        text-align: left;
    }

    comp-container[full-width] inner-content[alignment="Left"] {
        margin: 0 auto 0 0;
        padding-right: 8.78%;
    }

    comp-container[full-width] inner-content[alignment="Center"] {
        max-width: 730px;
        margin: 0 auto;
    }

    comp-container[full-width] inner-content[alignment="Right"] {
        margin: 0 0 0 auto;
        padding-left: 8.78%;
    }
}

@media (max-width: 767px) {
    comp-container[full-width]:not([mobile]) inner-content[text-light], comp-container[full-width]:not([mobile]) inner-content[text-white] {
        color: #707070;
    }

        comp-container[full-width]:not([mobile]) inner-content[text-light] h2, comp-container[full-width]:not([mobile]) inner-content[text-light] h3, comp-container[full-width]:not([mobile]) inner-content[text-light] h4, comp-container[full-width]:not([mobile]) inner-content[text-white] h2, comp-container[full-width]:not([mobile]) inner-content[text-white] h3, comp-container[full-width]:not([mobile]) inner-content[text-white] h4 {
            color: #002A3A;
        }
}

@media (max-width: 767px) {
    comp-container[full-width]:not([mobile]) comp-background {
    }
}

[napa-intro] + comp-container[full-width] {
    margin-top: 50px;
}

body.constrained comp-container[full-width]:not([has-background]) {
    padding: 0;
}

body.constrained comp-container[full-width] > inner-content:first-child {
    padding: 0 20px;
}

body.constrained comp-container[full-width] > comp-background {
    position: static;
    padding-bottom: 45%;
    background-size: cover;
    background-position: center center;
}

@media (max-width: 767px) {
    body.constrained comp-container[full-width] > comp-background {
        display: block !important;
    }
}

@media (min-width: 768px) {
    body.constrained comp-container[full-width] > comp-background {
        margin: 0 0 -50px 0;
    }
}

body.constrained comp-container[full-width] > comp-background + inner-content[text-dark] {
    background: #FFFFFF;
}

body.constrained comp-container[full-width] > comp-background + inner-content[text-light], body.constrained comp-container[full-width] > comp-background + inner-content[text-white] {
    background: #202020;
}

@media (max-width: 767px) {
    body.constrained comp-container[full-width] > comp-background + inner-content {
        padding: 20px 20px 0 20px;
        text-align: left;
    }

        body.constrained comp-container[full-width] > comp-background + inner-content * {
            text-align: left;
        }
}

@media (min-width: 768px) {
    body.constrained comp-container[full-width] > comp-background + inner-content {
        padding: 40px;
    }
}

@media (min-width: 768px) {
    body.constrained comp-container[full-width] > comp-background + inner-content > a {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
}

@media (max-width: 767px) {
    body.constrained comp-container[full-width] > comp-background + inner-content > a {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

body.constrained > header + comp-container[full-width] {
    margin-top: 50px;
}

@media (max-width: 767px) {
    comp-container[napa-intro] {
        padding-left: 0;
        padding-right: 0;
    }
}

comp-container[napa-intro] > comp-background {
    background-position: center center;
}

comp-container[napa-intro] > inner-content {
    padding-top: 8%;
    padding-bottom: 10%;
}

comp-container[napa-intro]:not([text-position="Center"]) > inner-content > * {
    max-width: 500px;
}

comp-container[napa-intro] h3:last-child:empty {
    padding-bottom: 20%;
}

comp-container[napa-intro][text-position="Center"] h3 {
    font-size: 80px;
    font-weight: 100;
    letter-spacing: 0.1em;
}

@media (max-width: 767px) {
    comp-container[napa-intro][text-position="Center"] h3 {
        font-size: 46px;
    }
}

comp-container[napa-intro][text-position="Center"] h6 {
    font-size: 20px;
}

comp-container[napa-intro][emphasis] {
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.2);
}

comp-container[napa-intro][video] {
    padding: 0;
}

comp-container[napa-intro] video[muted] + .overlay button {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 30px;
    padding: 5px 20px;
}

comp-container[napa-intro] > video {
    width: 100%;
    height: auto;
}

comp-container[napa-intro] a.btn, comp-container[napa-intro] ~ * a.btn {
    background: linear-gradient(to bottom, #707070 10%, #707070 99%);
}

    comp-container[napa-intro] a.btn:hover, comp-container[napa-intro] ~ * a.btn:hover {
        background: linear-gradient(to bottom, #636363 10%, #636363 99%);
    }

@media (min-width: 768px) {
    comp-two-col {
        display: -ms-flexbox;
        display: flex;
    }
}

comp-two-col > * {
    -ms-flex: 1 100%;
    flex: 1 100%;
}

@media (min-width: 768px) {
    comp-two-col > * {
        max-width: 50%;
    }
}

body.constrained comp-two-col {
    padding: 0;
}

    body.constrained comp-two-col > * {
        padding-left: 40px;
        padding-right: 40px;
    }

comp-three-col {
    width: 90%;
    max-width: 1014px;
    margin: 0 auto;
}

    comp-three-col + comp-three-col {
        border-top: 1px solid #D7D7D7;
    }

@media (min-width: 768px) {
    comp-three-col {
        padding-top: 3.57%;
        padding-bottom: 3.57%;
    }
}

@media (min-width: 768px) {
    comp-three-col > div {
        display: -ms-flexbox;
        display: flex;
    }

        comp-three-col > div + div {
            margin-top: 2em;
        }
}

comp-three-col > div > div {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    comp-three-col > div > div {
        margin-right: 40px;
    }

        comp-three-col > div > div:only-of-type {
            max-width: 100%;
        }

        comp-three-col > div > div:nth-child(1):nth-last-child(2), comp-three-col > div > div:nth-child(2):nth-last-child(1) {
            max-width: calc(50% - 20px);
        }

        comp-three-col > div > div:nth-child(1):nth-last-child(3), comp-three-col > div > div:nth-child(2):nth-last-child(2), comp-three-col > div > div:nth-child(3):nth-last-child(1) {
            max-width: calc(33.3333% - 20px);
        }
}

@media (max-width: 767px) {
    comp-three-col > div > div {
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.09);
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 3.57%;
        padding-bottom: 3.57%;
    }
}

comp-three-col > div > div:last-of-type {
    margin-right: 0;
}

comp-three-col > div > div .btn, comp-three-col > div > div html[challenge] form[challenge] > button, html[challenge] comp-three-col > div > div form[challenge] > button {
    background: transparent !important;
    box-shadow: none !important;
    color: #007C95 !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    text-transform: none;
    text-shadow: 0 0 #fff,.08em 0 0 #fff,0 0,-.08em 0 0 #fff;
    transition: all .25s ease-in-out;
    background: linear-gradient(#a7a9ac, #a7a9ac) center 1.09em no-repeat !important;
    background-size: 0% 1px !important;
    background-position: center bottom !important;
}

    comp-three-col > div > div .btn:hover, comp-three-col > div > div html[challenge] form[challenge] > button:hover, html[challenge] comp-three-col > div > div form[challenge] > button:hover {
        color: black !important;
        background-size: 100% 1px !important;
    }

    comp-three-col > div > div .btn::after, comp-three-col > div > div html[challenge] form[challenge] > button::after, html[challenge] comp-three-col > div > div form[challenge] > button::after {
        content: ">";
        position: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }

    comp-three-col > div > div .btn:hover, comp-three-col > div > div html[challenge] form[challenge] > button:hover, html[challenge] comp-three-col > div > div form[challenge] > button:hover {
        background: transparent !important;
        box-shadow: none !important;
        color: #007C95 !important;
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
        text-transform: none;
        text-shadow: 0 0 #fff,.08em 0 0 #fff,0 0,-.08em 0 0 #fff;
        transition: all .25s ease-in-out;
        background: linear-gradient(#a7a9ac, #a7a9ac) center 1.09em no-repeat !important;
        background-size: 0% 1px !important;
        background-position: center bottom !important;
    }

        comp-three-col > div > div .btn:hover:hover, comp-three-col > div > div html[challenge] form[challenge] > button:hover:hover, html[challenge] comp-three-col > div > div form[challenge] > button:hover:hover {
            color: black !important;
            background-size: 100% 1px !important;
        }

        comp-three-col > div > div .btn:hover::after, comp-three-col > div > div html[challenge] form[challenge] > button:hover::after, html[challenge] comp-three-col > div > div form[challenge] > button:hover::after {
            content: ">";
            position: inline-block;
            vertical-align: top;
            margin-left: 10px;
        }

comp-three-col > div > div img {
    border-bottom: 3px solid #007C95;
}

@media (min-width: 768px) {
    comp-feature {
        display: -ms-flexbox;
        display: flex;
    }
}

comp-feature > * {
    -ms-flex: 1;
    flex: 1;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.09);
}

    comp-feature > * > comp-container {
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.09);
    }

    comp-feature > *[position="Right"] {
        -ms-flex-order: 1;
        order: 1;
    }

    comp-feature > *[size="Half"] {
        min-width: 50%;
    }

@media (min-width: 768px) {
    comp-feature > *[size="Half"] {
        max-width: 50%;
    }
}

comp-feature > *[size="One Third"] {
    -ms-flex: 0.5;
    flex: 0.5;
}

@media (min-width: 1280px) {
    comp-feature > *[size="Two Thirds"] {
        -ms-flex: 2;
        flex: 2;
    }
}

comp-feature > *[size="One Fifth"] {
    -ms-flex: 0.2;
    flex: 0.2;
}

@media (max-width: 767px) {
    comp-feature > *:first-child {
        min-height: 100vw;
    }
}

comp-feature > * > * {
    transition: opacity 0.4s;
}

comp-feature > *::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    pointer-events: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.85);
    transition: opacity 0.2s;
}

comp-feature > *::after {
    content: "Resizing...";
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 16;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}

comp-feature > *.resizing > * {
    opacity: 0;
}

comp-feature > *.resizing::before, comp-feature > *.resizing::after {
    opacity: 1;
}

comp-feature > *.slick-slider {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
}

    comp-feature > *.slick-slider .slick-list {
        -ms-flex: 1;
        flex: 1;
        max-height: 100%;
    }

    comp-feature > *.slick-slider comp-background {
        position: static;
        width: 50vw;
        transition: none !important;
    }

@media (max-width: 767px) {
    comp-feature > *.slick-slider comp-background {
        width: 100vw;
    }
}

comp-feature > *.slick-slider .slick-track {
    height: 100%;
}

comp-feature > *:not(.slick-slider) comp-background {
    cursor: pointer;
}

comp-feature[list] {
    width: 90%;
    max-width: 1014px;
    margin: 0 auto;
}

    comp-feature[list]:first-of-type > * {
        box-shadow: none;
    }

    comp-feature[list] > comp-container:first-child {
        padding: 7px 0;
    }

@media (max-width: 767px) {
    comp-feature[list] > comp-container:first-child {
        min-height: 0;
    }
}

comp-feature[list] > * > comp-container {
    box-shadow: none;
    padding-right: 0;
    padding: 24px 0 24px 10%;
}

    comp-feature[list] > * > comp-container inner-content p {
        margin-bottom: 16px;
    }

comp-feature[list] .btn, comp-feature[list] html[challenge] form[challenge] > button, html[challenge] comp-feature[list] form[challenge] > button {
    background: transparent !important;
    box-shadow: none !important;
    color: #007C95 !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    text-transform: none;
    text-shadow: 0 0 #fff,.08em 0 0 #fff,0 0,-.08em 0 0 #fff;
    transition: all .25s ease-in-out;
    background: linear-gradient(#a7a9ac, #a7a9ac) center 1.09em no-repeat !important;
    background-size: 0% 1px !important;
    background-position: center bottom !important;
}

    comp-feature[list] .btn:hover, comp-feature[list] html[challenge] form[challenge] > button:hover, html[challenge] comp-feature[list] form[challenge] > button:hover {
        color: black !important;
        background-size: 100% 1px !important;
    }

    comp-feature[list] .btn::after, comp-feature[list] html[challenge] form[challenge] > button::after, html[challenge] comp-feature[list] form[challenge] > button::after {
        content: ">";
        position: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }

comp-feature[list] img {
    border-bottom: 3px solid #007C95;
}

@media (min-width: 768px) {
    body.constrained comp-feature > comp-container:not(.slick-slider) {
        padding: 50px 80px;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    body.constrained comp-feature > comp-container:not(.slick-slider) {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

body.constrained comp-feature > comp-container:not(.slick-slider) > comp-background {
    background-position: center center;
}

body.constrained comp-feature > comp-container:not(.slick-slider) > inner-content > a {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

@media (max-width: 767px) {
    body.constrained.dark comp-feature > comp-container:not(.slick-slider) inner-content[text-dark], body.constrained.light comp-feature > comp-container:not(.slick-slider) inner-content[text-light] {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 7.14vw;
    }
}

comp-feature-list {
    padding: 3.57% 0;
}

comp-testimonials {
    background: #004355;
    border-bottom: 6px solid #007C95;
    color: #fff;
}

body.constrained comp-testimonials {
    padding: 0;
}

@media (min-width: 768px) {
    comp-testimonials {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 767px) {
    comp-testimonials {
        display: block;
    }
}

comp-testimonials > comp-container {
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    padding-left: 6.4vw;
    padding-right: 6.4vw;
}

comp-testimonials blockquote {
    padding: 0;
    border: 0;
    font-size: 24px;
    margin-bottom: 0.5em;
}

    comp-testimonials blockquote::before {
        content: "“\a0";
    }

    comp-testimonials blockquote::after {
        content: "\a0”";
    }

    comp-testimonials blockquote p {
        display: inline;
    }

comp-testimonials cite {
    font-size: 12px;
}

comp-social {
    font-size: 0;
}

    comp-social::after {
        content: "";
        display: table;
        clear: both;
    }

    comp-social > comp-container {
        display: inline-block;
        position: relative;
        z-index: 0;
        vertical-align: top;
        box-sizing: content;
        width: 100%;
        font-size: 5vw;
        padding: 0 0 100% 0;
        background: #5097AB;
        transition: all 0.8s;
        transform-style: preserve-3d;
        position: relative;
    }

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    comp-social > comp-container {
        transition: none;
    }
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) {
    comp-social > comp-container {
        transition: none;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    comp-social > comp-container {
        width: 50%;
        font-size: 2.5vw;
        padding: 0 0 50% 0;
    }

        comp-social > comp-container:nth-child(3n) {
            float: right;
        }

        comp-social > comp-container:nth-child(3n+1) {
            clear: both;
        }

        comp-social > comp-container:nth-child(5n) {
            float: left;
        }

        comp-social > comp-container:nth-child(odd) {
            clear: both;
        }

        comp-social > comp-container:nth-child(7n) {
            float: right;
            clear: both;
        }

        comp-social > comp-container:nth-child(7n+1) {
            float: left;
        }
}

@media (min-width: 768px) {
    comp-social > comp-container {
        width: 25%;
        font-size: 1.25vw;
        padding: 0 0 25% 0;
    }

        comp-social > comp-container:nth-child(n+5), comp-social > comp-container:nth-child(n+6), comp-social > comp-container:nth-child(n+7), comp-social > comp-container:nth-child(n+8) {
            float: right;
        }

        comp-social > comp-container:nth-child(n+9) {
            clear: both;
        }
}

comp-social > comp-container > a {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s linear;
    font-size: 1em;
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    comp-social > comp-container > a {
        transform: none !important;
    }
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) {
    comp-social > comp-container > a {
        transform: none !important;
    }
}

comp-social > comp-container > a:first-child {
    z-index: 2;
    transform: rotateY(0deg) translateZ(2px);
}

comp-social > comp-container > a:last-child {
    z-index: 1;
    transform: rotateY(180deg) translateZ(1px);
    opacity: 0;
}

comp-social > comp-container > a inner-content {
    position: absolute;
    text-align: center;
    min-width: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #FFFFFF;
}

    comp-social > comp-container > a inner-content p {
        margin: 0;
        padding: 0 10%;
    }

comp-social > comp-container > a::before {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    background: no-repeat center center;
    background-size: contain;
}

comp-social > comp-container > a[source="facebook"]::before {
    background-image: url(/images/facebook-white.png);
}

comp-social > comp-container > a[source="twitter"]::before {
    background-image: url(/images/twitter-white.png);
}

comp-social > comp-container > a[source="instagram"]::before {
    background-image: url(/images/instagram-white.png);
}

comp-social > comp-container.flipped {
    transform: rotateY(180deg);
}

    comp-social > comp-container.flipped > a:first-child {
        opacity: 0;
        pointer-events: none;
    }

    comp-social > comp-container.flipped > a:last-child {
        opacity: 1;
    }

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    comp-social > comp-container.flipped {
        transform: none;
    }
}

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) {
    comp-social > comp-container.flipped {
        transform: none;
    }
}

[social-blocks] {
    display: -ms-flexbox;
    display: flex;
    max-width: 560px;
    margin: auto;
}

    [social-blocks] > * {
        display: block;
        height: 100px;
        width: 100px;
        box-shadow: 0px 0px 13px 0px rgba(5, 5, 5, 0.65);
        font-size: 0;
        color: transparent;
        margin: 10px;
        position: relative;
    }

        [social-blocks] > *::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 24px;
            height: 24px;
            background: no-repeat center center;
            background-size: contain;
        }

        [social-blocks] > *[href*="facebook"]::before {
            background-image: url(/images/facebook-white.png);
        }

        [social-blocks] > *[href*="twitter"]::before {
            background-image: url(/images/twitter-white.png);
        }

        [social-blocks] > *[href*="linkedin"]::before {
            background-image: url(/images/linkedin-white.png);
        }

        [social-blocks] > *[href*="instagram"]::before {
            background-image: url(/images/instagram-white.png);
        }

        [social-blocks] > *:nth-child(1) {
            background: #79aebf;
            margin-left: 0;
        }

        [social-blocks] > *:nth-child(2) {
            background: #5097ab;
        }

        [social-blocks] > *:nth-child(3) {
            background: #00657d;
        }

        [social-blocks] > *:nth-child(4) {
            background: #004355;
            margin-right: 0;
        }

comp-release:not([summary]) > inner-content .subscribe-block, comp-press .subscribe-block, comp-press-contacts .subscribe-block {
    padding: 50px;
    background: #f2f2f2;
}

@media (max-width: 767px) {
    comp-release:not([summary]) > inner-content .subscribe-block, comp-press .subscribe-block, comp-press-contacts .subscribe-block {
        padding: 20px;
    }
}

comp-release:not([summary]) > inner-content .subscribe-block h5, comp-press .subscribe-block h5, comp-press-contacts .subscribe-block h5, comp-release:not([summary]) > inner-content .subscribe-block form.thankyou::before, comp-press .subscribe-block form.thankyou::before, comp-press-contacts .subscribe-block form.thankyou::before {
    font-size: 24px;
    color: #000028;
    text-align: center;
    max-width: 420px;
    margin: 0 auto 34px auto;
}

comp-release:not([summary]) > inner-content .subscribe-block form.thankyou::before, comp-press .subscribe-block form.thankyou::before, comp-press-contacts .subscribe-block form.thankyou::before {
    content: "Thank you for subscribing.";
    display: block;
    font-size: 16px;
    text-align: center;
}

comp-release:not([summary]) > inner-content .subscribe-block form.thankyou > *, comp-press .subscribe-block form.thankyou > *, comp-press-contacts .subscribe-block form.thankyou > * {
    display: none !important;
}

comp-release:not([summary]) > inner-content .subscribe-block form.signedup::before, comp-press .subscribe-block form.signedup::before, comp-press-contacts .subscribe-block form.signedup::before {
    content: "You have already subscribed.";
    display: block;
    font-size: 16px;
    text-align: center;
}

comp-release:not([summary]) > inner-content .subscribe-block form.signedup > *, comp-press .subscribe-block form.signedup > *, comp-press-contacts .subscribe-block form.signedup > * {
    display: none !important;
}

comp-release:not([summary]) > inner-content .subscribe-block form.error::after, comp-press .subscribe-block form.error::after, comp-press-contacts .subscribe-block form.error::after {
    content: "There was an error, please try again.";
    display: block;
    color: #002A3A;
}

@media (min-width: 768px) {
    comp-release:not([summary]) > inner-content .subscribe-block form, comp-press .subscribe-block form, comp-press-contacts .subscribe-block form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        comp-release:not([summary]) > inner-content .subscribe-block form > *, comp-press .subscribe-block form > *, comp-press-contacts .subscribe-block form > * {
            -ms-flex: 1;
            flex: 1;
        }

        comp-release:not([summary]) > inner-content .subscribe-block form [type="email"], comp-press .subscribe-block form [type="email"], comp-press-contacts .subscribe-block form [type="email"] {
            padding: 0px 18px;
            border: 0;
        }

        comp-release:not([summary]) > inner-content .subscribe-block form [type="submit"], comp-press .subscribe-block form [type="submit"], comp-press-contacts .subscribe-block form [type="submit"] {
            max-width: 158px;
            text-align: center;
            margin: 0 0 0 10px;
        }
}

@media (max-width: 767px) {
    comp-release:not([summary]) > inner-content .subscribe-block form > *, comp-press .subscribe-block form > *, comp-press-contacts .subscribe-block form > * {
        width: 100%;
    }

    comp-release:not([summary]) > inner-content .subscribe-block form [type="email"], comp-press .subscribe-block form [type="email"], comp-press-contacts .subscribe-block form [type="email"] {
        margin-bottom: 10px;
    }

    comp-release:not([summary]) > inner-content .subscribe-block form [type="submit"], comp-press .subscribe-block form [type="submit"], comp-press-contacts .subscribe-block form [type="submit"] {
        width: 100%;
        text-align: center;
    }
}

comp-release:not([summary]) > inner-content .subscribe-block form .errors, comp-press .subscribe-block form .errors, comp-press-contacts .subscribe-block form .errors {
    width: 100%;
    min-width: 100%;
}

press-page + comp-feature {
    max-width: 1016px;
    width: 90%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    press-page + comp-feature {
        display: block;
    }

        press-page + comp-feature > comp-container:first-child {
            display: none;
        }
}

press-page + comp-feature > comp-container {
    padding-left: 0;
    padding-right: 0;
}

press-page + comp-feature + comp-release {
    padding-top: 0;
}

comp-release {
    width: 90%;
    max-width: 673px;
    margin: 0 auto;
    display: block;
    max-width: 1016px;
    padding-top: 4.5%;
}

    comp-release inner-content {
        position: static !important;
        z-index: unset;
    }

    comp-release[summary] {
        border-bottom: 3px solid #007C95;
    }

        comp-release[summary] comp-container {
            background-color: #f2f2f2;
        }

@media (min-width: 768px) {
    comp-release[summary] comp-container {
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 56px;
        padding-right: 56px;
    }
}

@media (max-width: 767px) {
    comp-release[summary] comp-container:first-child {
        min-height: 50vw;
    }
}

comp-release[summary] comp-container:not(.inview) time {
    opacity: 0;
}

comp-release[summary] time {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #007C95;
    padding: 14px;
    color: #FFFFFF;
    transition: opacity 0.25s;
    transition-delay: 1s;
    border-radius: 2px 2px 0 0;
}

    comp-release[summary] time span {
        display: block;
        font-size: 13px;
        text-align: center;
        line-height: 1;
    }

        comp-release[summary] time span:first-child {
            font-size: 38px;
        }

comp-release[summary] inner-content > a::after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

comp-release[summary] inner-content > a::after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
}

comp-release:not([summary]) {
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    comp-release:not([summary]) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media print {
    comp-release:not([summary]) {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

comp-release:not([summary]) > header {
    position: relative;
    height: 29vw;
    max-height: 400px;
    width: 100%;
    margin-bottom: 60px;
}

    comp-release:not([summary]) > header comp-background {
        background-position: center center;
    }

@media screen and (min-width: 768px) {
    comp-release:not([summary]) > inner-content {
        width: calc(100% - 384px);
    }
}

comp-release:not([summary]) > inner-content h1 {
    font-size: 33px;
    margin: 0;
}

    comp-release:not([summary]) > inner-content h1 + * {
        margin-top: 20px;
    }

comp-release:not([summary]) > inner-content time {
    display: block;
    font-size: 16px;
    color: #0d1b28;
    margin-bottom: 20px;
}

comp-release:not([summary]) > inner-content .images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print {
    comp-release:not([summary]) > inner-content .images {
        display: none;
    }
}

comp-release:not([summary]) > inner-content .images h4 {
    width: 100%;
}

comp-release:not([summary]) > inner-content .images .image {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 1000px) {
    comp-release:not([summary]) > inner-content .images .image {
        width: calc(33.3% - 13.3px);
    }
}

@media (min-width: 530px) and (max-width: 999px) {
    comp-release:not([summary]) > inner-content .images .image {
        width: calc(50% - 10px);
    }
}

comp-release:not([summary]) > inner-content .images .image comp-background {
    display: block;
    height: auto;
    position: static;
    box-sizing: content-box;
    padding-bottom: 65%;
    background-position: center center;
}

comp-release:not([summary]) > inner-content .images .image h5 {
    display: block;
    line-height: 1;
    padding: 5px 0;
    margin: 0;
    text-transform: none;
}

comp-release:not([summary]) > inner-content .images .image a {
    display: block;
}

comp-release:not([summary]) > inner-content .subscribe-block {
    margin-top: 7.14vw;
}

@media print {
    comp-release:not([summary]) > inner-content .subscribe-block {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    comp-release:not([summary]) > aside {
        width: 330px;
    }
}

comp-release:not([summary]) > aside .share > *, comp-release:not([summary]) > aside .download > * {
    display: inline-block;
    vertical-align: middle;
}

comp-release:not([summary]) > aside .share h4, comp-release:not([summary]) > aside .download h4 {
    font-size: 18px;
    text-transform: none;
}

comp-release:not([summary]) > aside .share a, comp-release:not([summary]) > aside .download a {
    margin-left: 24px;
}

@media print {
    comp-release:not([summary]) > aside .share, comp-release:not([summary]) > aside .download {
        display: none;
    }
}

comp-release:not([summary]) > aside .share a {
    color: #424242;
    font-size: 25px;
    text-decoration: none !important;
}

comp-release:not([summary]) > aside .download h4 {
    margin: 0;
}

comp-release:not([summary]) > aside .download a {
    font-size: 16px;
}

comp-release:not([summary]) > aside .download + * {
    margin-top: 20px;
}

comp-release:not([summary]) > aside comp-press-contacts {
    background: #f2f2f2;
    padding: 20px;
    margin-top: 30px;
}

    comp-release:not([summary]) > aside comp-press-contacts comp-container {
        padding: 0;
    }

@media screen {
    comp-release:not([summary]) > aside comp-press-contacts comp-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        comp-release:not([summary]) > aside comp-press-contacts comp-container > div {
            width: 100%;
        }
}

comp-release:not([summary]) > aside comp-press-contacts comp-container > div {
    padding: 0;
}

@media (max-width: 767px) {
    comp-release:not([summary]) {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        comp-release:not([summary]) > header {
            -ms-flex-order: 0;
            order: 0;
            margin-bottom: 20px;
        }

        comp-release:not([summary]) > aside {
            -ms-flex-order: 1;
            order: 1;
            margin-bottom: 20px;
        }

        comp-release:not([summary]) > inner-content {
            -ms-flex-order: 2;
            order: 2;
        }
}

@media print {
    comp-release + comp-press {
        display: none !important;
    }
}

comp-release + comp-press comp-container {
    padding-top: 20px;
    padding-bottom: 0;
}

    comp-release + comp-press comp-container .btn.load-more, comp-release + comp-press comp-container html[challenge] form[challenge] > button.load-more, html[challenge] comp-release + comp-press comp-container form[challenge] > button.load-more {
        display: none;
    }

comp-press {
    width: 90%;
    max-width: 673px;
    margin: 0 auto;
    padding-top: 4.5%;
}

    comp-press[internal] {
        max-width: 1016px;
    }

        comp-press[internal] comp-container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            overflow: visible;
            position: relative;
            padding-bottom: 68px;
        }

            comp-press[internal] comp-container:first-child {
                padding-top: 0;
            }

                comp-press[internal] comp-container:first-child button.load-more {
                    display: block !important;
                    position: absolute;
                    left: 50%;
                    bottom: 0;
                    transform: translateX(-50%);
                }

            comp-press[internal] comp-container > [card] {
                width: calc(33.3% - 13.3px);
                margin-bottom: 34px;
                box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.11);
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
            }

@media (max-width: 900px) and (min-width: 768px) {
    comp-press[internal] comp-container > [card] {
        width: calc(50% - 10px);
    }
}

@media (max-width: 767px) {
    comp-press[internal] comp-container > [card] {
        width: 100%;
    }
}

comp-press[internal] comp-container > [card] header {
    box-sizing: content-box;
    padding-bottom: 70%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-size: cover;
    background-position: center top;
}

comp-press[internal] comp-container > [card] section {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 25px;
}

    comp-press[internal] comp-container > [card] section h3 {
        margin: 10px 0;
        font-size: 20px;
        color: #444444;
    }

    comp-press[internal] comp-container > [card] section time {
        font-size: 16px;
        color: #777777;
        display: block;
        margin-bottom: 20px;
    }

    comp-press[internal] comp-container > [card] section > div p {
        color: #444;
    }

comp-press[internal] comp-container > [card] footer {
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 14px 22px;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    comp-press[internal] comp-container > [card] footer {
        font-size: 14px;
    }
}

comp-press[internal] comp-container > [card] footer > a:not(.download)::after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

comp-press[internal] comp-container > [card] footer > a:not(.download)::after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
}

comp-press[internal] comp-container > [card] footer > a.download {
    text-align: right;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #444444;
}

    comp-press[internal] comp-container > [card] footer > a.download::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    comp-press[internal] comp-container > [card] footer > a.download::before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 9px;
        color: #5097AB;
    }

comp-press .btn:not([name="more"]), comp-press html[challenge] form[challenge] > button:not([name="more"]), html[challenge] comp-press form[challenge] > button:not([name="more"]) {
    text-align: left;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    comp-press nav > a.btn {
        float: right;
    }
}

@media (max-width: 767px) {
    comp-press nav > a.btn {
        display: block;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    comp-press nav input {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

comp-press [name="search"] {
    vertical-align: middle;
    width: 250px;
}

comp-press comp-container {
    padding-left: 0;
    padding-right: 0;
}

    comp-press comp-container.loading::after {
        content: "";
        display: block;
        font-size: 20px;
        margin-bottom: 20px;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        position: absolute;
        text-indent: -9999em;
        animation: pressLoadingAnim 1.3s infinite linear;
        transform: translateZ(0);
        bottom: 0;
        left: 50%;
    }

    comp-press comp-container .btn.load-more, comp-press comp-container html[challenge] form[challenge] > button.load-more, html[challenge] comp-press comp-container form[challenge] > button.load-more {
        opacity: 1;
        display: block !important;
        margin: 10px auto 30px auto;
    }

comp-press [data-node-name] {
    cursor: pointer;
    padding: 20px 0;
    position: relative;
    min-height: 4em;
    box-sizing: content-box;
}

    comp-press [data-node-name]:not(:last-of-type) {
        border-bottom: 1px solid #D7D7D7;
    }

    comp-press [data-node-name] .date {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 20px;
        bottom: 20px;
        border-radius: 2px;
        width: 60px;
        padding: 16px 0;
        background-color: #007C95;
        color: #FFFFFF;
        text-align: center;
        transition: background-color 1s;
    }

        comp-press [data-node-name] .date .month, comp-press [data-node-name] .date .day {
            display: block;
            font-size: 18px;
            font-weight: 100;
            text-transform: uppercase;
            line-height: 1;
        }

    comp-press [data-node-name] .title {
        font-size: 18px;
        color: #002A3A;
        font-weight: bold;
        line-height: normal;
        display: block;
        margin-left: 100px;
        padding-left: 18px;
        position: relative;
        z-index: 1;
        transition: color 0.25s;
    }

    comp-press [data-node-name]:hover .title {
        color: #007C95;
    }

    comp-press [data-node-name]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 0%;
        transition: width 1s;
        background: #D7D7D7;
    }

    comp-press [data-node-name].loading .date {
        background-color: #002A3A;
    }

    comp-press [data-node-name].loading::after {
        width: 100%;
    }

comp-press .subscribe-block {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.14vw;
}

@media (max-width: 767px) {
    comp-press select.btn {
        font-size: 16px;
    }

    comp-press input[type="text"].btn.cal {
        font-size: 16px;
    }
}

comp-press-contacts {
    display: block;
    padding: 0 20px;
    page-break-inside: avoid;
}

    comp-press-contacts > header {
        max-width: 1016px;
        margin: 0 auto;
        padding-top: 7.14vw;
        padding-bottom: 40px;
    }

    comp-press-contacts comp-container {
        max-width: 1016px;
        margin: 0 auto;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        comp-press-contacts comp-container > div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 20px;
            margin-bottom: 20px;
            background-color: #f2f2f2;
        }

@media (min-width: 768px) {
    comp-press-contacts comp-container > div {
        width: calc(50% - 10px);
    }
}

@media (max-width: 767px) {
    comp-press-contacts comp-container > div {
        width: 100%;
    }
}

comp-press-contacts comp-container > div comp-background {
    position: static;
    width: 88px;
    height: 110px;
    margin-right: 20px;
}

comp-press-contacts comp-container > div > div * {
    line-height: 20px;
}

comp-press-contacts comp-container > div h2 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

comp-press-contacts comp-container > div h3 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
}

comp-press-contacts comp-container > div a {
    font-size: 12px;
}

comp-press-contacts .subscribe-block {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.14vw;
}

@keyframes pressLoadingAnim {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em #007C95, 2em -2em 0 0em #007C95, 3em 0 0 -1em #007C95, 2em 2em 0 -1em #007C95, 0 3em 0 -1em #007C95, -2em 2em 0 -1em #007C95, -3em 0 0 -1em #007C95, -2em -2em 0 0 #007C95;
    }

    12.5% {
        box-shadow: 0 -3em 0 0 #007C95, 2em -2em 0 0.2em #007C95, 3em 0 0 0 #007C95, 2em 2em 0 -1em #007C95, 0 3em 0 -1em #007C95, -2em 2em 0 -1em #007C95, -3em 0 0 -1em #007C95, -2em -2em 0 -1em #007C95;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em #007C95, 2em -2em 0 0 #007C95, 3em 0 0 0.2em #007C95, 2em 2em 0 0 #007C95, 0 3em 0 -1em #007C95, -2em 2em 0 -1em #007C95, -3em 0 0 -1em #007C95, -2em -2em 0 -1em #007C95;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em #007C95, 2em -2em 0 -1em #007C95, 3em 0em 0 0 #007C95, 2em 2em 0 0.2em #007C95, 0 3em 0 0em #007C95, -2em 2em 0 -1em #007C95, -3em 0em 0 -1em #007C95, -2em -2em 0 -1em #007C95;
    }

    50% {
        box-shadow: 0 -3em 0 -1em #007C95, 2em -2em 0 -1em #007C95, 3em 0 0 -1em #007C95, 2em 2em 0 0em #007C95, 0 3em 0 0.2em #007C95, -2em 2em 0 0 #007C95, -3em 0em 0 -1em #007C95, -2em -2em 0 -1em #007C95;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em #007C95, 2em -2em 0 -1em #007C95, 3em 0 0 -1em #007C95, 2em 2em 0 -1em #007C95, 0 3em 0 0 #007C95, -2em 2em 0 0.2em #007C95, -3em 0 0 0 #007C95, -2em -2em 0 -1em #007C95;
    }

    75% {
        box-shadow: 0em -3em 0 -1em #007C95, 2em -2em 0 -1em #007C95, 3em 0em 0 -1em #007C95, 2em 2em 0 -1em #007C95, 0 3em 0 -1em #007C95, -2em 2em 0 0 #007C95, -3em 0em 0 0.2em #007C95, -2em -2em 0 0 #007C95;
    }

    87.5% {
        box-shadow: 0em -3em 0 0 #007C95, 2em -2em 0 -1em #007C95, 3em 0 0 -1em #007C95, 2em 2em 0 -1em #007C95, 0 3em 0 -1em #007C95, -2em 2em 0 0 #007C95, -3em 0em 0 0 #007C95, -2em -2em 0 0.2em #007C95;
    }
}

comp-faqs {
    width: 90%;
    max-width: 673px;
    margin: 0 auto;
}

    comp-faqs > form {
        padding: 20px 0;
        text-align: center;
    }

        comp-faqs > form input {
            width: 80%;
            max-width: 450px;
        }

    comp-faqs comp-container {
        padding-top: 2.6775%;
        padding-bottom: 2.6775%;
        padding-left: 0;
        padding-right: 0;
    }

        comp-faqs comp-container h3 {
            margin-top: 0;
        }

comp-article {
    padding: 4.5% 0;
    width: 90%;
    max-width: 673px;
    margin: 0 auto;
}

    comp-article img {
        height: auto !important;
    }

    comp-article > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        comp-article > ul:not(:last-child) {
            margin-bottom: 40px;
        }

        comp-article > ul > li {
            padding-left: 40px;
        }

            comp-article > ul > li::before {
                font-size: 28px;
                line-height: 20px;
                display: inline-block;
                margin: 0 24px 0 -36px;
                content: "•";
                vertical-align: middle;
                color: #007C95;
            }

    comp-article p:not(:last-child) {
        margin-bottom: 40px;
    }

    comp-article p img[style*="float: left"] {
        margin: 15px 45px 20px 0;
    }

    comp-article p img[style*="float: right"] {
        margin: 15px 0 20px 45px;
    }

    comp-article blockquote {
        padding: 40px 75px;
        text-align: center;
        color: #5097AB;
        border-top: 3px solid #EEEEEE;
        border-right: 0;
        border-bottom: 3px solid #EEEEEE;
        border-left: 0;
    }

@media (max-width: 480px) {
    comp-article blockquote {
        padding: 20px;
    }
}

comp-article blockquote:before, comp-article blockquote:after {
    font-size: 45px;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 12px;
    vertical-align: top;
    background: url("../images/quote.png") no-repeat;
}

comp-article blockquote:before {
    top: 10px;
    left: -10px;
    content: "";
    transform: scaleX(-1);
}

comp-article blockquote:after {
    right: -10px;
    bottom: -10px;
    content: "";
}

comp-article .post-info strong + span {
    position: relative;
    padding-left: 20px;
}

    comp-article .post-info strong + span:before {
        position: absolute;
        top: 8px;
        left: 0;
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: 0 10px;
        content: "";
        background: #707070;
    }

comp-article .share-buttons {
    line-height: normal;
    padding: 30px 0;
}

    comp-article .share-buttons span:first-of-type {
        font-weight: bold;
        margin-right: 30px;
        text-transform: uppercase;
    }

    comp-article .share-buttons span[class] {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        height: 33px;
    }

        comp-article .share-buttons span[class]:before {
            position: absolute;
            top: 50%;
            left: 20px;
            width: 20px;
            height: 20px;
            display: inline-block;
            content: "";
            transform: translate(-50%, -50%);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
        }

@media (max-width: 550px) {
    comp-article .share-buttons span[class]:before {
        left: 50%;
    }
}

comp-article .share-buttons span[class]:hover {
    opacity: 0.8;
}

comp-article .share-buttons span[class] a {
    font-weight: 100;
    position: relative;
    padding: 5px 15px 5px 45px;
    color: #FFFFFF;
}

@media (max-width: 550px) {
    comp-article .share-buttons span[class] a {
        font-size: 0;
        padding: 0;
        widtH: 33px;
    }
}

comp-article .share-buttons span[class] a:hover {
    text-decoration: none;
}

comp-article .share-buttons span[class] a:before {
    position: absolute;
    top: 50%;
    left: 35px;
    display: inline-block;
    width: 1px;
    height: 20px;
    content: "";
    transform: translate(-50%, -50%);
    pointer-events: none;
    background: #FFFFFF;
}

comp-article .share-buttons .twitter {
    margin-right: 15px;
    background: #1DA1F2;
}

    comp-article .share-buttons .twitter:before {
        background-image: url("../images/twitter-w.png");
    }

comp-article .share-buttons .facebook {
    background: #39579A;
    margin-right: 15px;
}

    comp-article .share-buttons .facebook:before {
        background-image: url("../images/facebook-w.png");
    }

comp-article .share-buttons .linkedin {
    background: #0077B5;
}

    comp-article .share-buttons .linkedin:before {
        background-image: url("../images/linkedin-w.png");
    }

comp-article .bottom-blog-block {
    padding: 35px 0 calc(70px - 4.5%);
    border-top: 1px solid #EEEEEE;
}

@media (min-width: 768px) {
    comp-article .bottom-blog-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

comp-article .bottom-blog-block .author-img {
    width: 90px;
    height: 90px;
    min-width: 90px;
    margin-right: 10px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767px) {
    comp-article .bottom-blog-block .author-img {
        margin: auto;
    }
}

comp-article .bottom-blog-block .author-block {
    line-height: normal;
}

@media (max-width: 767px) {
    comp-article .bottom-blog-block .author-block {
        margin: 10px 0 30px;
        text-align: center;
    }
}

comp-article .bottom-blog-block .author-block span {
    font-size: 14px;
    display: block;
}

    comp-article .bottom-blog-block .author-block span + span {
        font-size: 12px;
    }

    comp-article .bottom-blog-block .author-block span:first-of-type {
        font-weight: bold;
    }

comp-article .bottom-blog-block .subscribe-block {
    width: 60%;
    padding: 20px;
    background: #EEEEEE;
}

@media (min-width: 768px) {
    comp-article .bottom-blog-block .subscribe-block {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    comp-article .bottom-blog-block .subscribe-block {
        width: 100%;
    }
}

comp-article .bottom-blog-block .subscribe-block h5, comp-article .bottom-blog-block .subscribe-block form.thankyou::before {
    font-weight: bold;
    margin: 0 0 15px;
    text-align: center;
    opacity: 0.6;
    color: #000000;
}

comp-article .bottom-blog-block .subscribe-block form.thankyou::before {
    content: "Thank you for subscribing.";
    display: block;
    font-size: 16px;
    text-align: center;
}

comp-article .bottom-blog-block .subscribe-block form.thankyou > * {
    display: none !important;
}

comp-article .bottom-blog-block .subscribe-block form.signedup::before {
    content: "You have already subscribed.";
    display: block;
    font-size: 16px;
    text-align: center;
}

comp-article .bottom-blog-block .subscribe-block form.signedup > * {
    display: none !important;
}

comp-article .bottom-blog-block .subscribe-block form.error::after {
    content: "There was an error, please try again.";
    display: block;
    color: #002A3A;
}

comp-article .bottom-blog-block .subscribe-block input[type="email"] {
    display: table;
    float: left;
    width: calc(100% - 114px);
    margin: 0 10px 0 0;
    padding: 7.5px 10px;
    border: 0;
    line-height: normal;
}

    comp-article .bottom-blog-block .subscribe-block input[type="email"]::-webkit-input-placeholder {
        color: #AAAAAA;
        text-transform: uppercase;
        font-size: 12px;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]::-moz-placeholder {
        color: #AAAAAA;
        text-transform: uppercase;
        font-size: 12px;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:-ms-input-placeholder {
        color: #AAAAAA;
        text-transform: uppercase;
        font-size: 12px;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:-moz-placeholder {
        color: #AAAAAA;
        text-transform: uppercase;
        font-size: 12px;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:focus::-webkit-input-placeholder {
        color: transparent;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:focus::-moz-placeholder {
        color: transparent;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:focus:-ms-input-placeholder {
        color: transparent;
    }

    comp-article .bottom-blog-block .subscribe-block input[type="email"]:focus:-moz-placeholder {
        color: transparent;
    }

[napa-intro] + comp-article:not(footer) {
    margin-top: 50px;
}

body.constrained comp-article {
    padding: 0;
}

    body.constrained comp-article + video-cards {
        margin-top: 50px;
    }

    body.constrained comp-article h6:first-child {
        margin-top: 0;
        margin-bottom: 6px;
    }

        body.constrained comp-article h6:first-child + h3 {
            margin-top: 0;
        }

comp-media-room {
    width: 90%;
    max-width: 1030px;
    margin: 0 auto;
}

    comp-media-room > nav {
        padding: 0.5%;
        margin: 0 -20px;
    }

        comp-media-room > nav a {
            position: relative;
            display: inline-block;
            margin: 10px 20px;
        }

            comp-media-room > nav a::after {
                content: "";
                border-width: 1px 1px 0 0;
                border-style: solid;
                border-color: #D7D7D7;
                width: 10px;
                height: 10px;
                position: absolute;
                right: -20px;
                top: 50%;
                transform: rotate(45deg) translateY(-50%);
            }

    comp-media-room > section {
        font-size: 0;
        text-align: left;
    }

        comp-media-room > section > comp-container {
            display: inline-block !important;
            vertical-align: top;
            margin: 0 0 2em 0;
            font-size: 1.6rem;
            width: 33.3333%;
            transition: all 0.5s;
            padding: 0.5%;
        }

            comp-media-room > section > comp-container comp-background {
                position: static;
                display: block;
                padding-bottom: 100%;
            }

@media (max-width: 768px) {
    comp-media-room > section > comp-container {
        width: 50%;
    }
}

@media (max-width: 450px) {
    comp-media-room > section > comp-container {
        width: 100%;
    }
}

comp-media-room > section > comp-container h1 {
    margin-top: 0;
}

comp-media-room > section > comp-container h2 {
    margin-top: 0;
}

comp-media-room > section > comp-container h3 {
    margin-top: 0;
}

comp-media-room > section > comp-container h4 {
    margin-top: 0;
}

comp-media-room > section > comp-container h5 {
    margin-top: 0;
}

comp-media-room > section > comp-container h6 {
    margin-top: 0;
}

comp-media-room > section > comp-container label {
    display: block;
}

    comp-media-room > section > comp-container label > span {
        position: relative;
        display: inline-block;
    }

        comp-media-room > section > comp-container label > span::after {
            content: "";
            border-width: 1px 1px 0 0;
            border-style: solid;
            border-color: #D7D7D7;
            width: 10px;
            height: 10px;
            position: absolute;
            right: -20px;
            top: 50%;
            transform: rotate(45deg) translateY(-50%);
        }

comp-media-room > section > comp-container > footer a {
    display: block;
}

comp-video[proportional] > div {
    padding-bottom: 45.833333%;
    height: 0;
}

comp-video[proportional] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

body.constrained comp-video[proportional] > div {
    padding-bottom: 56%;
}

body.constrained comp-container[full-width] + comp-video {
    margin-top: 0;
}

body.constrained comp-image {
    padding: 0;
}

comp-image img {
    width: 100%;
    height: auto;
}

.archive {
    background: #f6f6f6;
}

comp-with-sidebar {
    display: block;
    width: 90%;
    max-width: 1138px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    comp-with-sidebar {
        display: -ms-flexbox;
        display: flex;
        padding-top: 3.57%;
        padding-bottom: 3.57%;
    }
}

comp-with-sidebar h4, comp-with-sidebar h5 {
    font-weight: 700;
    text-transform: none;
}

comp-with-sidebar h5 {
    color: #007C95;
}

comp-with-sidebar .post-date {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 14px;
}

comp-with-sidebar .blog-spec {
    margin: 33px 9px 20px;
}

comp-with-sidebar .btn, comp-with-sidebar html[challenge] form[challenge] > button, html[challenge] comp-with-sidebar form[challenge] > button {
    margin-top: 11px;
}

@media (min-width: 768px) {
    comp-with-sidebar div.archive-main {
        width: 75%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

comp-with-sidebar div.archive-main > div {
    background: #FFFFFF;
    margin-bottom: 20px;
    padding: 15px 17px;
}

@media (min-width: 768px) {
    comp-with-sidebar div.archive-main > div {
        margin-right: 20px;
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
    }
}

comp-with-sidebar div.archive-main > div p {
    color: #00263a;
    font-size: 14px;
    line-height: 27px;
}

comp-with-sidebar div.archive-main > div .author {
    color: inherit;
}

    comp-with-sidebar div.archive-main > div .author span {
        font-weight: 700;
    }

comp-with-sidebar div.archive-main > div .post-date {
    border-top: 1px solid #d5dce1;
    margin-bottom: 0;
    margin-top: 30px;
    padding-top: 14px;
}

@media (min-width: 768px) {
    comp-with-sidebar div.archive-sidebar {
        padding-left: 44px;
        width: 35%;
    }
}

comp-with-sidebar div.archive-sidebar h5 {
    margin-bottom: 11px;
}

comp-with-sidebar div.archive-sidebar h4 {
    font-size: 19px;
    margin-bottom: 28px;
}

    comp-with-sidebar div.archive-sidebar h4:first-of-type {
        margin-top: 0;
    }

comp-with-sidebar div.archive-sidebar ul {
    list-style: none;
    padding: 0;
}

    comp-with-sidebar div.archive-sidebar ul li {
        border-bottom: 1px solid #d5dce1;
    }

    comp-with-sidebar div.archive-sidebar ul a, comp-with-sidebar div.archive-sidebar ul span {
        display: block;
    }

    comp-with-sidebar div.archive-sidebar ul:first-of-type h5 {
        margin-top: 32px;
    }

[paging-icon="arrow-left"]:after {
    content: "<";
}

[paging-icon="arrow-right"]:after {
    content: ">";
}

comp-paging {
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 1138px;
    margin: 0 auto;
}

    comp-paging div {
        padding: 0;
        margin: 0 auto;
    }

        comp-paging div a {
            color: #707070;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 10px;
        }

            comp-paging div a:hover, comp-paging div a:active, comp-paging div a:visited, comp-paging div a:link {
                text-decoration: none;
            }

            comp-paging div a [paging-icon="arrow-left"] {
                margin-right: 15px;
            }

            comp-paging div a [paging-icon="arrow-right"] {
                margin-left: 15px;
            }

            comp-paging div a[active] {
                color: #5097AB;
                font-size: 20px;
            }

comp-timer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 560px;
    margin: auto;
}

    comp-timer > * {
        -ms-flex: 1;
        flex: 1;
        margin: 10px;
        text-align: center;
        position: relative;
        font-size: 20px;
        font-weight: 300;
    }

[text-light] comp-timer > * {
    color: #FFFFFF;
}

@media (max-width: 440px) {
    comp-timer > * {
        font-size: 12px;
    }
}

comp-timer > *::before {
    content: attr(count);
    display: block;
    line-height: 114px;
    height: 120px;
    font-size: 80px;
    color: #FFFFFF;
    box-shadow: 0px 0px 13px 0px rgba(5, 5, 5, 0.65);
    font-weight: 600;
}

@media (max-width: 560px) {
    comp-timer > *::before {
        font-size: 50px;
        height: 90px;
        line-height: 86px;
    }
}

@media (max-width: 440px) {
    comp-timer > *::before {
        font-size: 30px;
        height: 50px;
        line-height: 45px;
    }
}

comp-timer > *:nth-child(1)::before {
    background: #004355;
}

comp-timer > *:nth-child(2)::before {
    background: #00657d;
}

comp-timer > *:nth-child(3)::before {
    background: #5097ab;
}

comp-timer > *:nth-child(4)::before {
    background: #79aebf;
}

comp-timer > *:not(:last-child)::after {
    content: ":";
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 120px;
    height: 120px;
}

@media (max-width: 560px) {
    comp-timer > *:not(:last-child)::after {
        font-size: 30px;
        line-height: 90px;
        height: 90px;
    }
}

@media (max-width: 440px) {
    comp-timer > *:not(:last-child)::after {
        font-size: 20px;
        line-height: 50px;
        height: 50px;
    }
}

comp-timer + * {
    margin-top: 30px !important;
}

comp-timer ~ p {
    color: #707070;
}

body.constrained comp-container comp-timer > *::before {
    background: #707070 url(/images/header-bg.jpg) center center;
}

form:not([stripstyle]).thankyou::before {
    content: "Thank you for subscribing.";
    display: block;
    font-size: 16px;
    text-align: center;
}

form:not([stripstyle]).thankyou > * {
    display: none !important;
}

form:not([stripstyle]).signedup::before {
    content: "You have already subscribed.";
    display: block;
    font-size: 16px;
    text-align: center;
}

form:not([stripstyle]).signedup > * {
    display: none !important;
}

form:not([stripstyle]).error::after {
    content: "There was an error, please try again.";
    display: block;
    color: #002A3A;
}

form:not([stripstyle]) input[type="text"] {
    font-size: 16px;
    color: #000;
    line-height: 36px;
    width: 100%;
    padding-left: 5px;
    height: 38px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
}

    form:not([stripstyle]) input[type="text"]::-moz-placeholder {
        color: #808080;
        opacity: 1;
    }

    form:not([stripstyle]) input[type="text"]:-ms-input-placeholder {
        color: #808080;
    }

    form:not([stripstyle]) input[type="text"]::-webkit-input-placeholder {
        color: #808080;
    }

    form:not([stripstyle]) input[type="text"]:hover::-moz-placeholder {
        color: #5097AB;
        opacity: 1;
    }

    form:not([stripstyle]) input[type="text"]:hover:-ms-input-placeholder {
        color: #5097AB;
    }

    form:not([stripstyle]) input[type="text"]:hover::-webkit-input-placeholder {
        color: #5097AB;
    }

    form:not([stripstyle]) input[type="text"]:focus {
        border-color: #000;
    }

    form:not([stripstyle]) input[type="text"]:disabled {
        opacity: 0.5;
    }

form:not([stripstyle]) input[type="radio"] {
    display: none;
}

    form:not([stripstyle]) input[type="radio"] + label {
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        color: #707070;
    }

        form:not([stripstyle]) input[type="radio"] + label::before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-right: 10px;
            background: #f0f0f0;
        }

    form:not([stripstyle]) input[type="radio"]:checked + label::before {
        background: linear-gradient(to bottom, #0094AA 10%, #007C95 99%);
    }

form:not([stripstyle]) input[type="submit"] {
    margin-top: 20px;
}

form:not([stripstyle]) textarea, form:not([stripstyle]) select {
    font-size: 16px;
    color: #000;
    width: 100%;
    padding-left: 5px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
}

    form:not([stripstyle]) select:invalid {
        color: #C7C7C7;
    }

form:not([stripstyle]) > div {
    margin-bottom: 30px;
}

    form:not([stripstyle]) > div > p {
        margin-bottom: 0;
    }

form:not([stripstyle]) [groups] span {
    display: inline-block;
    margin-right: 20px;
    white-space: nowrap;
    max-width: 100%;
}

    form:not([stripstyle]) [groups] span input[type="text"] {
        line-height: 1;
        font-size: 12px;
        width: 200px;
    }

comp-contact-us comp-hq div[position="left"], comp-contact-us comp-in-touch div[position="left"] {
    -ms-flex: 1;
    flex: 1;
    margin-right: 25px;
}

comp-contact-us comp-hq, comp-contact-us comp-in-touch {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 980px) {
    comp-contact-us comp-hq, comp-contact-us comp-in-touch {
        display: -ms-flexbox;
        display: flex;
    }
}

comp-contact-us {
    padding: 25px 25px;
}

@media (min-width: 980px) {
    comp-contact-us {
        padding: 0px 200px;
    }
}

comp-contact-us comp-hq {
    border-bottom: 1px solid #D7D7D7;
}

    comp-contact-us comp-hq div[position="right"] {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        min-height: 450px;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #FFFFFF;
    }

comp-contact-us comp-in-touch div[position="right"] {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    background: none repeat scroll 0% 0% #EEEEEE;
    border-top: 10px solid #5097AB;
    border-bottom: 10px solid #5097AB;
}

    comp-contact-us comp-in-touch div[position="right"] div[role="form-container"] {
        padding: 15px 15px;
    }

@media (min-width: 980px) {
    comp-contact-us comp-in-touch div[position="right"] div[role="form-container"] {
        padding: 30px 50px;
    }
}

.form-label {
    color: #0094AA;
}

.socialLink {
    padding: 0px 10px;
}

#customerServiceContainer {
    padding-top: 10px;
}

div[role="locate-dealer"] {
    width: 100%;
    background: none repeat scroll 0% 0% #EEEEEE;
}

    div[role="locate-dealer"] div[role="locate-dealer-container"] {
        padding: 25px 25px;
    }

@media (min-width: 980px) {
    div[role="locate-dealer"] div[role="locate-dealer-container"] {
        padding: 80px 200px;
    }
}

@media (min-width: 980px) {
    div[role="locate-dealer"] div[role="locate-dealer-container"] div[role="brand-cards"] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

div[role="locate-dealer"] div[role="locate-dealer-container"] div[role="brand-cards"] brand-card {
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    max-width: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
}

    div[role="locate-dealer"] div[role="locate-dealer-container"] div[role="brand-cards"] brand-card div {
        width: 350px;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #FFFFFF;
        padding-bottom: 30px;
    }

@media (max-width: 420px) {
    div[role="locate-dealer"] div[role="locate-dealer-container"] div[role="brand-cards"] brand-card div {
        width: 250px;
    }
}

div[role="locate-dealer"] div[role="locate-dealer-container"] div[role="brand-cards"] brand-card p:first-of-type {
    padding-top: 25px;
}

comp-count-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

    comp-count-cards[white] > * {
        background: #fff !important;
        color: #004355 !important;
    }

        comp-count-cards[white] > * header {
            color: #004355 !important;
        }

    comp-count-cards > * {
        text-align: center;
        background: #79aebf;
        overflow: hidden;
        color: #004355;
        -ms-flex: 1;
        flex: 1;
    }

@media (min-width: 768px) {
    comp-count-cards > * {
        max-width: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    }
}

@media (max-width: 767px) {
    comp-count-cards > * {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

comp-count-cards > *:nth-child(4n+2) {
    background: #5097ab;
}

comp-count-cards > *:nth-child(4n+3) {
    background: #006982;
    color: #79aebf;
}

comp-count-cards > *:nth-child(4n+4) {
    background: #004355;
    color: #79aebf;
}

comp-count-cards > * > * {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.5;
    font-weight: bold;
}

    comp-count-cards > * > *:first-child {
        padding-top: 17%;
    }

    comp-count-cards > * > *:last-child {
        padding-bottom: 17%;
    }

comp-count-cards > * header {
    color: #FFFFFF;
    line-height: 167px;
    overflow: hidden;
    max-width: 100%;
}

    comp-count-cards > * header[type="per"] {
        font-size: 167px;
    }

        comp-count-cards > * header[type="per"]::after {
            content: "%";
        }

    comp-count-cards > * header[type="int"] {
        font-size: 167px;
    }

    comp-count-cards > * header[type="cur"] {
        font-size: 80px;
    }

        comp-count-cards > * header[type="cur"]::before {
            content: "$";
        }

@media (max-width: 1030px) {
    comp-count-cards > * header {
        line-height: 100px;
    }

        comp-count-cards > * header[type="per"] {
            font-size: 100px;
        }

        comp-count-cards > * header[type="int"] {
            font-size: 100px;
        }

        comp-count-cards > * header[type="cur"] {
            font-size: 60px;
        }
}

comp-count-cards > * p {
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
}

@media (max-width: 1030px) {
    comp-count-cards > * p {
        font-size: 18px;
    }
}

#page-search-form {
    max-width: 900px;
    padding: 5px 20px 5px 40px;
    margin: 50px auto 30px auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
}

@media (max-width: 940px) {
    #page-search-form {
        margin: 50px 20px 30px 20px;
    }
}

#page-search-form::before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page-search-form::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #000;
}

#page-search-form input {
    border: 0;
    font-size: 24px;
    background: transparent;
    width: calc(100% - 40px);
    color: #000;
}

    #page-search-form input:focus {
        outline: none;
    }

#page-search-form ul {
    position: absolute;
    top: 100%;
    width: 100%;
    right: 0;
    background: #fff;
    color: #5097AB;
    list-style: none outset;
    padding: 0 10px;
    z-index: 10;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

    #page-search-form ul li {
        padding: 10px;
        text-align: left;
        display: block;
        line-height: normal;
    }

        #page-search-form ul li:first-child {
            padding-top: 20px;
        }

        #page-search-form ul li:last-child {
            padding-bottom: 20px;
        }

#cludo-search-results {
    max-width: 940px;
    padding: 50px 20px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    #cludo-search-results .cludo-c-3 {
        display: none;
    }

    #cludo-search-results .cludo-c-9 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

#cludo-search-results .search-result-count {
    padding: 0 0 18px 0;
    color: #6F87A6;
}

#cludo-search-results .search-filters li:not(:last-of-type) {
    margin-bottom: 15px;
}

#cludo-search-results .search-results {
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
}

    #cludo-search-results .search-results h2 a {
        color: #3b3b3b;
    }

    #cludo-search-results .search-results .search-results-item:not(:first-of-type) {
        border-top: 1px solid #e9e9e9;
        margin-top: 30px;
        padding-top: 30px;
    }

    #cludo-search-results .search-results .search-results-item * {
        word-wrap: break-word;
    }

    #cludo-search-results .search-results > nav {
        font-size: 24px;
        position: relative;
    }

        #cludo-search-results .search-results > nav > a {
            display: none;
        }

        #cludo-search-results .search-results > nav ul {
            text-align: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #cludo-search-results .search-results > nav li {
            text-align: center !important;
            padding: 7px 22px !important;
            display: block;
            color: #707070;
            font-family: inherit;
            width: auto !important;
        }

@media (min-width: 768px) {
    #cludo-search-results .search-results > nav li {
        padding: 10px;
    }
}

@media (max-width: 374px) {
    #cludo-search-results .search-results > nav li:not([class]) {
        display: none;
    }
}

#cludo-search-results .search-results > nav li.active {
    color: #707070;
}

    #cludo-search-results .search-results > nav li.active:hover {
        text-decoration: none;
    }

#cludo-search-results .search-results > nav li.previous, #cludo-search-results .search-results > nav li.next {
    width: auto;
    margin: auto;
}

@media (min-width: 768px) {
    #cludo-search-results .search-results > nav li.previous, #cludo-search-results .search-results > nav li.next {
        position: absolute;
    }
}

#cludo-search-results .search-results > nav li.previous a, #cludo-search-results .search-results > nav li.next a {
    color: #707070;
}

    #cludo-search-results .search-results > nav li.previous a::after, #cludo-search-results .search-results > nav li.previous a::before, #cludo-search-results .search-results > nav li.next a::after, #cludo-search-results .search-results > nav li.next a::before {
        color: #5097AB;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }

#cludo-search-results .search-results > nav li.previous {
    justify-self: flex-start;
    left: 0;
    margin-left: 0;
    padding-left: 0 !important;
}

    #cludo-search-results .search-results > nav li.previous a::after {
        content: "previous";
        margin-left: 16px;
    }

#cludo-search-results .search-results > nav li.next {
    justify-self: flex-end;
    right: 0;
    margin-right: 0;
    padding-right: 0 !important;
}

    #cludo-search-results .search-results > nav li.next a::before {
        content: "next";
        margin-right: 16px;
    }

take-over {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: auto;
}

    take-over > comp-cover {
        background-color: rgba(0, 0, 0, 0.75);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    take-over > button {
        z-index: 1;
        text-align: center;
        top: 10px;
        right: 10px;
        color: #FFFFFF;
        background: transparent;
        border: 0;
        text-transform: uppercase;
    }

        take-over > button::before {
            font-size: 30px;
        }

    take-over > section {
        width: 90%;
        max-width: 1200px;
    }

@media (min-width: 768px) {
    take-over > section > section {
        z-index: 1;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        right: 0;
        padding: 20px 10%;
    }
}

take-over > section > section > * {
    max-width: 600px;
}

take-over > section > section > h6, take-over > section > section > h2 {
    color: #FFFFFF;
}

take-over > section > section > h6 {
    font-size: 18px;
}

take-over > section > section > h2 {
    font-size: 50px;
    margin-top: 15px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    take-over > section > section > h2 {
        font-size: 30px;
    }
}

take-over > section > video {
    width: 100%;
    height: auto;
}

video-cards[count="2"] > section > * {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    video-cards[count="2"] > section > * {
        padding-top: 20%;
    }
}

video-cards[count="2"] > section > *:first-child {
    margin-right: 10px;
}

video-cards[count="2"] > section > *:last-child {
    margin-left: 10px;
}

video-cards[count="3"] > section {
    padding-bottom: 58%;
}

    video-cards[count="3"] > section > *:nth-child(1) {
        top: 0;
        left: 0;
        bottom: 0;
    }

    video-cards[count="3"] > section > *:nth-child(2), video-cards[count="3"] > section > *:nth-child(3) {
        right: 0;
        border-left: 1px solid #FFFFFF;
    }

    video-cards[count="3"] > section > *:nth-child(2) {
        top: 0;
        bottom: 50%;
        border-bottom: 1px solid #FFFFFF;
    }

    video-cards[count="3"] > section > *:nth-child(3) {
        top: 50%;
        bottom: 0;
    }

@media (min-width: 768px) {
    video-cards[count="3"] > section > *:nth-child(1) {
        right: 30%;
    }

    video-cards[count="3"] > section > *:nth-child(2), video-cards[count="3"] > section > *:nth-child(3) {
        left: 70%;
    }
}

@media (max-width: 767px) {
    video-cards[count="3"] > section > *:nth-child(1) {
        right: 50%;
    }

    video-cards[count="3"] > section > *:nth-child(2), video-cards[count="3"] > section > *:nth-child(3) {
        left: 50%;
    }
}

video-cards a {
    background-size: cover;
    background-position: center;
}

    video-cards a::after {
        content: "";
        transition: opacity 0.2s linear;
        background: rgba(0, 0, 0, 0.25);
        opacity: 0;
    }

html:not(.touch) video-cards a:hover {
    text-decoration: none;
}

    html:not(.touch) video-cards a:hover::after {
        opacity: 1;
    }

video-cards a > span {
    color: #FFFFFF;
    margin: 28px;
    white-space: nowrap;
    font-size: 12px;
    text-transform: uppercase;
}

    video-cards a > span::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media (max-width: 767px) {
    video-cards a > span {
        font-size: 0;
    }

        video-cards a > span::before {
            font-size: 12px;
        }
}

video-cards a > span::before {
    vertical-align: middle;
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    text-indent: 3px;
}

@media (min-width: 768px) {
    video-cards a > span::before {
        margin-right: 20px;
    }
}

body.constrained video-cards + comp-article {
    margin-top: 50px;
}

asset-cards + asset-cards {
    margin-top: 50px !important;
}

asset-cards > section {
    margin: -5px;
}

    asset-cards > section > * {
        margin: 5px;
    }

asset-cards a::after {
    content: "";
    z-index: 1;
    transition: opacity 0.2s linear;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
}

asset-cards a[href=""][jwpid=""], asset-cards a[href=""]:not([jwpid]), asset-cards a:not([href])[jwpid=""], asset-cards a:not([href]):not([jwpid]) {
    opacity: 0.25;
    cursor: default;
}

html:not(.touch) asset-cards a:hover {
    text-decoration: none;
}

    html:not(.touch) asset-cards a:hover::after {
        opacity: 1;
    }

asset-cards a > img {
    width: 100%;
}

asset-cards a > span {
    margin-top: 5px;
    line-height: 30px;
    font-size: 16px;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

body.light asset-cards a > span {
    color: #202020;
}

body.dark asset-cards a > span {
    color: #FFFFFF;
}

asset-cards a > span::before {
    vertical-align: middle;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

asset-cards a > span p {
    display: inline;
}

asset-cards a > icon-share {
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1rem;
    text-shadow: 0 0 0.3rem white, 0 0.2rem 0.3rem white;
    color: #202020;
}

    asset-cards a > icon-share::before {
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1; /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

html:not(.touch) asset-cards a > icon-share:hover {
    color: #FFFFFF;
    text-shadow: 0 0 0.3rem #202020, 0 0.2rem 0.3rem #202020;
}

asset-cards a > icon-share::before {
    transition: text-shadow, color;
}

body.constrained asset-cards + comp-article {
    margin-top: 50px;
}

slide-cards section > * {
    padding-bottom: 30%;
}

    slide-cards section > * > h2 {
        background: rgba(255, 255, 255, 0.5);
        padding: 40px 40px;
        max-width: 700px;
    }

@media (min-width: 768px) {
    slide-cards section > * > h2 {
        font-size: 50px;
    }
}

[napa-intro] + slide-cards {
    margin-top: 50px;
}

body.constrained slide-cards {
    padding: 0;
}

html[challenge] body > :not([challenge]) {
    display: none !important;
}

html[challenge] form[challenge] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    max-width: calc(100vw - 40px);
    transition: opacity 0.2s;
    margin: 0;
    padding: 0;
    z-index: 100;
    box-shadow: 0 0 0 10000px #000;
    padding: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #202020;
    color: #C8C8C8;
}

    html[challenge] form[challenge] > label {
        display: block;
        margin-bottom: 20px;
    }

    html[challenge] form[challenge] > .error {
        color: #c7254e;
    }

html:not([challenge]) form[challenge] {
    opacity: 0;
}

justice-call-out, justice-studies, justice-history, justice-action {
    color: #fff;
}

    justice-call-out *, justice-studies *, justice-history *, justice-action * {
        color: #fff;
    }

        justice-call-out *:first-child, justice-studies *:first-child, justice-history *:first-child, justice-action *:first-child {
            margin-top: 0;
        }

        justice-call-out *:last-child, justice-studies *:last-child, justice-history *:last-child, justice-action *:last-child {
            margin-bottom: 0;
        }

@media (min-width: 768px) and (min-width: 1450px) {
    justice-call-out, justice-studies > section, justice-history, justice-action {
        padding: 5vw;
    }
}

@media (min-width: 768px) and (max-width: 1449px) {
    justice-call-out, justice-studies > section, justice-history, justice-action {
        padding: 72.5px;
    }
}

@media (max-width: 767px) {
    justice-call-out, justice-studies > section, justice-history, justice-action {
        padding: 40px;
    }
}

justice-action a[download] {
    background: #6e6e6e;
}

justice-studies > section:nth-child(4n + 3) {
    background: #212121;
}

justice-studies > section:nth-child(4n + 4), justice-action {
    background: #1a1a1a;
}

justice-studies > section:nth-child(4n + 2) {
    background: #141414;
}

justice-call-out, justice-studies > section:nth-child(4n + 1), justice-history, html:not(.touch) justice-action a[download]:hover {
    background: #000;
}

@media (min-width: 768px) and (min-width: 1450px) {
    justice-call-out {
        min-height: 40vw;
    }
}

@media (min-width: 768px) and (max-width: 1449px) {
    justice-call-out {
        min-height: 580px;
    }
}

@media (min-width: 1450px) {
    justice-call-out > * {
        max-width: 58vw;
    }
}

@media (max-width: 1449px) {
    justice-call-out > * {
        max-width: 841px;
    }
}

@media (min-width: 768px) {
    justice-call-out > * {
        line-height: 1.5;
    }
}

justice-call-out > h1 {
    font-weight: bold;
}

@media (min-width: 1450px) {
    justice-call-out > h1 {
        font-size: 3vw;
    }
}

@media (max-width: 1449px) {
    justice-call-out > h1 {
        font-size: 43.5px;
    }
}

@media (min-width: 1450px) {
    justice-call-out > h1 + h2 {
        margin-top: 5vw;
    }
}

@media (max-width: 1449px) {
    justice-call-out > h1 + h2 {
        margin-top: 72.5px;
    }
}

@media (min-width: 1450px) {
    justice-call-out > h2 {
        font-size: 1.5vw;
    }
}

@media (max-width: 1449px) {
    justice-call-out > h2 {
        font-size: 21.75px;
    }
}

justice-studies time {
    color: #9c9c9c;
}

justice-studies h3 {
    font-weight: bold;
}

justice-studies > section {
    border: 1px solid #333;
}

    justice-studies > section > * {
        margin: 0;
        overflow: hidden;
    }

@media (min-width: 1450px) {
    justice-studies > section > * {
        font-size: 1.1vw;
    }
}

@media (max-width: 1449px) {
    justice-studies > section > * {
        font-size: 15.95px;
    }
}

justice-studies > section > h3::after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
    justice-studies > section > h3::after {
        display: none;
    }
}

@media (max-width: 767px) {
    justice-studies > section > h3 {
        cursor: pointer;
    }

        justice-studies > section > h3::after {
            -ms-flex-positive: 0;
            flex-grow: 0;
            display: inline-block;
            transition: transform;
            vertical-align: middle;
            margin-left: 5px;
            transform: rotate(90deg);
        }
}

@media (min-width: 1450px) {
    justice-studies > section > h3 {
        font-size: 1.3vw;
    }
}

@media (max-width: 1449px) {
    justice-studies > section > h3 {
        font-size: 18.85px;
    }
}

@media (min-width: 1450px) {
    justice-studies > section > h3 + p {
        margin-top: 0.75vw;
    }
}

@media (max-width: 1449px) {
    justice-studies > section > h3 + p {
        margin-top: 10.875px;
    }
}

@media (max-width: 767px) {
    justice-studies > section.expanded > h3::after {
        transform: rotate(-90deg);
    }
}

@media (min-width: 768px) {
    justice-history {
        column-count: 2;
        column-rule: 1px solid #333;
    }
}

@media (min-width: 1450px) {
    justice-history {
        column-gap: 8vw;
    }
}

@media (max-width: 1449px) {
    justice-history {
        column-gap: 116px;
    }
}

@media (min-width: 1450px) {
    justice-history {
        font-size: 1.3vw;
    }
}

@media (max-width: 1449px) {
    justice-history {
        font-size: 18.85px;
    }
}

justice-history > section {
    break-inside: avoid;
}

@media (min-width: 1450px) {
    justice-history > section > time {
        padding-right: 2vw;
    }
}

@media (max-width: 1449px) {
    justice-history > section > time {
        padding-right: 29px;
    }
}

@media (min-width: 1450px) {
    justice-history > section + * {
        margin-top: 1.5vw;
    }
}

@media (max-width: 1449px) {
    justice-history > section + * {
        margin-top: 21.75px;
    }
}

justice-history ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    justice-history ul > li {
        padding-left: 0;
    }

        justice-history ul > li::before {
            content: ">";
        }

@media (min-width: 1450px) {
    justice-history ul > li::before {
        padding-right: 2vw;
    }
}

@media (max-width: 1449px) {
    justice-history ul > li::before {
        padding-right: 29px;
    }
}

@media (min-width: 1450px) {
    justice-action {
        font-size: 1.5vw;
    }
}

@media (max-width: 1449px) {
    justice-action {
        font-size: 21.75px;
    }
}

@media (max-width: 767px) and (min-width: 1450px) {
    justice-action > section + section {
        margin-top: 4vw;
    }
}

@media (max-width: 767px) and (max-width: 1449px) {
    justice-action > section + section {
        margin-top: 58px;
    }
}

justice-action p {
    font-weight: bold;
}

@media (min-width: 1450px) {
    justice-action p {
        margin-top: 1.75vw;
    }
}

@media (max-width: 1449px) {
    justice-action p {
        margin-top: 25.375px;
    }
}

justice-action .share > * {
    vertical-align: center;
}

@media (min-width: 1450px) {
    justice-action .share > * {
        padding: 0.5vw;
    }
}

@media (max-width: 1449px) {
    justice-action .share > * {
        padding: 7.25px;
    }
}

html:not(.touch) justice-action .share > *:hover {
    text-decoration: none;
}

justice-action a[download] {
    line-height: 1;
    transition: background-color, 0.2;
}

html:not(.touch) justice-action a[download]:hover {
    color: #fff;
    text-decoration: none;
}

justice-action a[download][cover] {
    padding: 1px;
}

@media (min-width: 1450px) {
    justice-action a[download][cover] {
        max-width: 22vw;
    }
}

@media (max-width: 1449px) {
    justice-action a[download][cover] {
        max-width: 319px;
    }
}

@media (min-width: 1450px) {
    justice-action a[download]:not([cover]) {
        margin-top: 1.5vw;
    }
}

@media (max-width: 1449px) {
    justice-action a[download]:not([cover]) {
        margin-top: 21.75px;
    }
}

@media (min-width: 1450px) {
    justice-action a[download]:not([cover]) {
        max-width: 14.8vw;
    }
}

@media (max-width: 1449px) {
    justice-action a[download]:not([cover]) {
        max-width: 214.6px;
    }
}

@media (min-width: 1450px) {
    justice-action a[download]:not([cover]) {
        padding: 1.2vw;
    }
}

@media (max-width: 1449px) {
    justice-action a[download]:not([cover]) {
        padding: 17.4px;
    }
}

comp-timeline {
    background: linear-gradient(#e2e6e9, #e2e6e9) center top no-repeat;
    background-size: 1px 100%;
    margin: 0 auto 80px auto;
    max-width: 1280px;
}

@media (max-width: 1240px) {
    comp-timeline {
        max-width: calc(100vw - 40px);
    }
}

@media (min-width: 768px) {
    comp-timeline > * {
        width: 50%;
    }

        comp-timeline > *:nth-child(3) {
            margin-top: 200px;
        }
}

comp-timeline > [card] {
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {
    comp-timeline > [card] {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    comp-timeline > [card] {
        padding: 25px 0;
    }
}

comp-timeline > [card]:not(.inview) figure {
    transform: scale(0);
}

    comp-timeline > [card]:not(.inview) figure::before {
        transform: scale(0, 1);
    }

    comp-timeline > [card]:not(.inview) figure::after {
        transform: scale(0);
    }

comp-timeline > [card] figure {
    background: #FFFFFF;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.19);
    padding-bottom: 50px;
    position: relative;
    transition: transform 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: block;
}

    comp-timeline > [card] figure > * {
        display: block;
    }

    comp-timeline > [card] figure > img {
        width: 100%;
        height: auto;
    }

    comp-timeline > [card] figure > figcaption {
        padding-top: 18px;
    }

    comp-timeline > [card] figure > span, comp-timeline > [card] figure figcaption {
        padding: 0 30px;
        margin-top: 30px;
    }

    comp-timeline > [card] figure > a {
        margin: 30px 30px 0 30px;
    }

@media (min-width: 768px) {
    comp-timeline > [card] figure::before, comp-timeline > [card] figure::after {
        top: 77px;
    }

    comp-timeline > [card] figure::before {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.75s;
        transform-origin: 0 50%;
    }

    comp-timeline > [card] figure::after {
        content: "";
        background: #FFFFFF;
        width: 26px;
        height: 26px;
        border: 7px solid #007C95;
        position: absolute;
        border-radius: 50%;
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1) 1s;
    }

    comp-timeline > [card] figure:not(.left)::before {
        border-right: 10px solid #FFFFFF;
        left: -10px;
    }

    comp-timeline > [card] figure:not(.left)::after {
        left: -62px;
    }

    comp-timeline > [card] figure.left::before {
        border-left: 10px solid #FFFFFF;
        right: -10px;
    }

    comp-timeline > [card] figure.left::after {
        right: -62px;
    }
}

comp-timeline > [card] figcaption {
    font-family: inherit;
    font-weight: 200;
    color: #007C95;
    font-size: 48px;
    line-height: 1;
    background: linear-gradient(#5097AB, #5097AB) left top no-repeat;
    background-size: 2px 100%;
}

comp-timeline > [card] img {
    border: 6px solid transparent;
}

.scrollbar-hide {
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}