/*! Last edited by:YK on 2016-05-30 */

@-webkit-keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0
    }
    1% {
        visibility: visible;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0
    }
    1% {
        visibility: visible;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0
    }
    1% {
        visibility: visible;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        visibility: visible;
        opacity: 1
    }
    99% {
        visibility: visible;
        opacity: 0
    }
    100% {
        display: none;
        visibility: hidden;
        opacity: 0
    }
}

@-moz-keyframes fade-out {
    0% {
        visibility: visible;
        opacity: 1
    }
    99% {
        visibility: visible;
        opacity: 0
    }
    100% {
        display: none;
        visibility: hidden;
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        visibility: visible;
        opacity: 1
    }
    99% {
        visibility: visible;
        opacity: 0
    }
    100% {
        display: none;
        visibility: hidden;
        opacity: 0
    }
}

@-webkit-keyframes flicker {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes flicker {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes flicker {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

audio,
canvas,
video {
    display: inline-block
}

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

[hidden],
template {
    display: none
}

html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

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

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

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: '\201C' '\201D' '\2018' '\2019'
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    white-space: normal;
    border: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html,
body {
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

svg {
    width: 100%;
    max-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    border: 0
}

hr {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #000
}

object,
embed {
    outline: 0
}

ul {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align: bottom
}

li {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style-type: none
}

button {
    line-height: inherit;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input,
textarea {
    line-height: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input::-moz-focus-inner,
textarea::-moz-focus-inner {
    border: 0
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.is-ios input[type=checkbox],
.is-ios input[type=radio] {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.is-ios input[type=checkbox]:before,
.is-ios input[type=checkbox]:after,
.is-ios input[type=radio]:before,
.is-ios input[type=radio]:after {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

a {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-indent: initial;
    color: grey;
    border: 0;
    background: 0
}

a:link {
    color: grey
}

a:visited {
    color: purple
}

a:hover,
a:focus,
a:active {
    color: #000
}

a.disabled,
a:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: line-through;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

a.disabled:hover,
a.disabled:focus,
a:disabled:hover,
a:disabled:focus {
    cursor: default
}

span {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

body {
    font-size: 46.5%
}

.with-disc>li {
    position: relative;
    padding: 0 0 0 1.5em
}

.with-disc>li:before {
    font-size: 1.3em;
    line-height: 2.30769em;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    max-width: 58.5em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    content: '●';
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.with-disc>li:before:hover,
.with-disc>li:before:focus {
    cursor: default
}

.with-number>li {
    position: relative;
    padding: 0 0 0 2em
}

.with-number>li:before {
    font-size: 1.3em;
    line-height: 2.30769em;
    line-height: 2.5em;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 1.15385em;
    height: 2.30769em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.with-number>li:before:hover,
.with-number>li:before:focus {
    cursor: default
}

.with-number>li:nth-child(1):before {
    content: '1.'
}

.with-number>li:nth-child(2):before {
    content: '2.'
}

.with-number>li:nth-child(3):before {
    content: '3.'
}

.with-number>li:nth-child(4):before {
    content: '4.'
}

.with-number>li:nth-child(5):before {
    content: '5.'
}

.with-number>li:nth-child(6):before {
    content: '6.'
}

.with-number>li:nth-child(7):before {
    content: '7.'
}

.with-number>li:nth-child(8):before {
    content: '8.'
}

.with-number>li:nth-child(9):before {
    content: '9.'
}

.with-number>li:nth-child(10):before {
    content: '10.'
}

.horizontal:after {
    display: table;
    clear: both;
    content: ''
}

.horizontal>li {
    display: inline-block;
    float: left;
    margin: 0 .92707em 1.5em 0
}

.horizontal>li:last-of-type {
    margin-right: 0
}

.column {
    float: left;
    width: 100%;
    padding: .75em 1em
}

.column.clear-both {
    clear: both
}

.column.inline-block {
    float: none;
    width: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.content-container {
    min-width: 0;
    max-width: 47.999em
}

.nowrap {
    white-space: nowrap
}

.nowrap-sm {
    white-space: nowrap
}

.nowrap-md {
    white-space: normal
}

.nowrap-lg {
    white-space: normal
}

.nowrap-xl {
    white-space: normal
}

.visible {
    display: block
}

.visible-sm {
    display: block
}

.visible-md {
    display: none
}

.visible-lg {
    display: none
}

.visible-xl {
    display: none
}

.hidden {
    display: none
}

.hidden-sm {
    display: none
}

.hidden-md {
    display: block
}

.hidden-lg {
    display: block
}

.hidden-xl {
    display: block
}

.column-1-sm {
    width: 8.33333%
}

.column-2-sm {
    width: 16.66667%
}

.column-3-sm,
.column-quarter-12-sm,
.column-quarter-sm {
    width: 25%
}

.column-4-sm,
.column-third-12-sm,
.column-third-sm {
    width: 33.33333%
}

.column-5-sm {
    width: 41.66667%
}

.column-6-sm,
.column-half-12-sm,
.column-half-sm {
    width: 50%
}

.column-7-sm {
    width: 58.33333%
}

.column-8-sm {
    width: 66.66667%
}

.column-9-sm {
    width: 75%
}

.column-10-sm {
    width: 83.33333%
}

.column-11-sm {
    width: 91.66667%
}

.column-12-sm {
    width: 100%
}

.columns-container {
    position: relative;
    width: 100%;
    max-width: 120em;
    min-height: 100%;
    margin: 0 auto
}

.columns-container:after {
    display: table;
    clear: both;
    content: ''
}

.grid {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: absolute;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    max-width: 120em;
    height: auto;
    min-height: initial;
    margin: 0;
    margin: 0 auto;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-indent: initial;
    pointer-events: none;
    opacity: .5;
    color: inherit;
    outline: 0;
    background-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.grid:hover,
.grid:focus {
    cursor: default
}

.grid:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border-right: 1px solid cyan
}

.grid>.column {
    position: relative;
    width: 8.33333%;
    min-height: 100%
}

.grid>.column:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    content: '';
    border-right: 1px solid rgba(0, 255, 255, .5);
    border-left: 1px solid cyan
}

.grid>.column:after {
    position: absolute;
    top: 0;
    right: 1em;
    right: calc(1em - 1px);
    bottom: 0;
    left: 1em;
    display: block;
    content: '';
    border-right: 1px solid green;
    border-left: 1px solid green
}

.grid.hide {
    display: none
}

.rhythm {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: absolute;
    z-index: 1000000;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-indent: initial;
    pointer-events: none;
    opacity: .5;
    color: inherit;
    outline: 0;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, cyan 0, rgba(255, 255, 255, 0) 1px);
    background-image: -moz-linear-gradient(top, cyan 0, rgba(255, 255, 255, 0) 1px);
    background-image: -o-linear-gradient(top, cyan 0, rgba(255, 255, 255, 0) 1px);
    background-image: linear-gradient(to bottom, cyan 0, rgba(255, 255, 255, 0) 1px);
    background-repeat: repeat-y;
    background-size: 100% 1.5em;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.rhythm:hover,
.rhythm:focus {
    cursor: default
}

.rhythm:before {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: absolute;
    top: .75em;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    content: '';
    text-indent: initial;
    color: inherit;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 255, 255, .5) 0, rgba(255, 255, 255, 0) 1px);
    background-image: -moz-linear-gradient(top, rgba(0, 255, 255, .5) 0, rgba(255, 255, 255, 0) 1px);
    background-image: -o-linear-gradient(top, rgba(0, 255, 255, .5) 0, rgba(255, 255, 255, 0) 1px);
    background-image: linear-gradient(to bottom, rgba(0, 255, 255, .5) 0, rgba(255, 255, 255, 0) 1px);
    background-repeat: repeat-y;
    background-size: 100% 1.5em
}

.rhythm.hide {
    display: none
}

.rhythm.hide:before,
.rhythm.hide:after {
    display: none
}

.style-guide-container {
    position: relative;
    overflow: hidden;
    min-height: 100%
}

.style-guide-title {
    font-size: 2em;
    line-height: 1.875em;
    height: 1.875em;
    margin-top: 2.25em;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0;
    border-bottom: 1px solid #ccc
}

.style-guide-columns {
    clear: both;
    width: 100%
}

.style-guide-columns:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-columns>.column {
    position: relative;
    min-height: 9em;
    padding-top: .75em;
    padding-bottom: .75em;
    background-color: rgba(255, 0, 0, .2)
}

.style-guide-columns>.column:before {
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    left: 1em;
    content: '';
    background-color: rgba(255, 0, 0, .2)
}

.style-guide-columns>.column>p {
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.76471em;
    display: inline-block;
    max-width: 76.5em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: .44118em;
    color: #fff
}

.style-guide-columns>.column.lighter {
    background-color: rgba(255, 0, 0, .15)
}

.style-guide-list {
    width: 100%
}

.style-guide-list:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-list>li {
    float: left;
    width: 100%;
    margin-top: 1.5em
}

.style-guide-list>li.no-margin-top,
.style-guide-list>li:first-child {
    margin-top: 0
}

.style-guide-icons:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-icons.with-legend [class^=icon-]:after,
.style-guide-icons.with-legend [class*=' icon-']:after {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-left: .46354em;
    padding: 0;
    content: attr(class) ' ';
    text-decoration: none;
    text-indent: initial;
    text-transform: none;
    color: inherit;
    background-color: transparent;
    speak: none;
    text-rendering: auto
}

.style-guide-icons li {
    float: left;
    width: 100%;
    margin-top: 1em;
    text-align: center
}

.style-guide-icons li:first-child {
    margin-top: 0
}
/*
@media only screen and (min-width:48em) {
    body {
        font-size: 56.5%
    }
    .style-guide-icons li {
        width: auto;
        text-align: left
    }
    .style-guide-icons li:nth-child(2) {
        margin-top: 0
    }
    .content-container {
        min-width: 48em;
        max-width: 63.999em
    }
    .nowrap-sm {
        white-space: normal
    }
    .nowrap-md {
        white-space: nowrap
    }
    .nowrap-lg {
        white-space: normal
    }
    .nowrap-xl {
        white-space: normal
    }
    .visible-sm {
        display: none
    }
    .visible-md {
        display: block
    }
    .visible-lg {
        display: none
    }
    .visible-xl {
        display: none
    }
    .hidden-sm {
        display: block
    }
    .hidden-md {
        display: none
    }
    .hidden-lg {
        display: block
    }
    .hidden-xl {
        display: block
    }
    .column-1-md {
        width: 8.33333%
    }
    .column-2-md {
        width: 16.66667%
    }
    .column-3-md,
    .column-quarter-12-md,
    .column-quarter-md {
        width: 25%
    }
    .column-4-md,
    .column-third-12-md,
    .column-third-md {
        width: 33.33333%
    }
    .column-5-md {
        width: 41.66667%
    }
    .column-6-md,
    .column-half-12-md,
    .column-half-md {
        width: 50%
    }
    .column-7-md {
        width: 58.33333%
    }
    .column-8-md {
        width: 66.66667%
    }
    .column-9-md {
        width: 75%
    }
    .column-10-md {
        width: 83.33333%
    }
    .column-11-md {
        width: 91.66667%
    }
    .column-12-md {
        width: 100%
    }
    .columns-container {
        position: relative;
        width: 100%;
        max-width: 120em;
        min-height: 100%;
        margin: 0 auto
    }
}
*/
@media only screen and (min-width:48em) and (max-width:64em) {
    .style-guide-icons li {
        min-width: 50%
    }
}

@media only screen and (min-width:64em) {
    body {
        font-size: 62.5%
    }
    .style-guide-icons li {
        min-width: 33.33333%
    }
    .style-guide-icons li:nth-child(3) {
        margin-top: 0
    }
    .content-container {
        min-width: 64em;
        max-width: 89.999em
    }
    .nowrap-sm {
        white-space: normal
    }
    .nowrap-md {
        white-space: normal
    }
    .nowrap-lg {
        white-space: nowrap
    }
    .nowrap-xl {
        white-space: normal
    }
    .visible-sm {
        display: none
    }
    .visible-md {
        display: none
    }
    .visible-lg {
        display: block
    }
    .visible-xl {
        display: none
    }
    .hidden-sm {
        display: block
    }
    .hidden-md {
        display: block
    }
    .hidden-lg {
        display: none
    }
    .hidden-xl {
        display: block
    }
    .column-1-lg {
        width: 8.33333%
    }
    .column-2-lg {
        width: 16.66667%
    }
    .column-3-lg,
    .column-quarter-12-lg,
    .column-quarter-lg {
        width: 25%
    }
    .column-4-lg,
    .column-third-12-lg,
    .column-third-lg {
        width: 33.33333%
    }
    .column-5-lg {
        width: 41.66667%
    }
    .column-6-lg,
    .column-half-12-lg,
    .column-half-lg {
        width: 50%
    }
    .column-7-lg {
        width: 58.33333%
    }
    .column-8-lg {
        width: 66.66667%
    }
    .column-9-lg {
        width: 75%
    }
    .column-10-lg {
        width: 83.33333%
    }
    .column-11-lg {
        width: 91.66667%
    }
    .column-12-lg {
        width: 100%
    }
}

.style-guide-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.style-guide-icon:after {
    font-family: inherit;
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-left: .92707em;
    padding: 0;
    content: attr(class) ' ';
    vertical-align: middle;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.style-guide-colors>li:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-colors .style-guide-desc {
    float: left;
    margin-left: 1em
}

.style-guide-color-preview {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: relative;
    display: block;
    float: left;
    width: 16.66667%;
    max-width: none;
    height: auto;
    height: 0;
    min-height: initial;
    margin: 0;
    margin-bottom: 1.5em;
    padding: 0;
    padding-bottom: 16.66667%;
    text-indent: initial;
    color: inherit;
    background-color: transparent;
    background-color: red
}

.style-guide-color-preview.with-border:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px solid #000
}

.button,
.button-icon,
.btn {
    font-size: 1.5em;
    font-weight: 400;
    font-style: normal;
    line-height: 2em;
    height: 2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    padding: 0 .92707em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .2s, color .2s, opacity .2s;
    -moz-transition: background-color .2s, color .2s, opacity .2s;
    transition: background-color .2s, color .2s, opacity .2s;
    opacity: 1;
    color: #000;
    border: #000;
    outline: 0;
    background-color: #e8e8e8
}

.button.disabled,
.disabled.button-icon,
.button:disabled,
.button-icon:disabled,
.btn.disabled,
.btn:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.button.disabled:hover,
.disabled.button-icon:hover,
.button.disabled:focus,
.disabled.button-icon:focus,
.button:disabled:hover,
.button-icon:disabled:hover,
.button:disabled:focus,
.button-icon:disabled:focus,
.btn.disabled:hover,
.btn.disabled:focus,
.btn:disabled:hover,
.btn:disabled:focus {
    cursor: default
}

.button:link,
.button-icon:link,
.button:visited,
.button-icon:visited,
.button:hover,
.button-icon:hover,
.button:active,
.button-icon:active,
.button:focus,
.button-icon:focus,
.btn:link,
.btn:visited,
.btn:hover,
.btn:active,
.btn:focus {
    outline: 0
}

.button:not([disabled]):hover,
.button-icon:not([disabled]):hover,
.button:not([disabled]):focus,
.button-icon:not([disabled]):focus,
.button:not([disabled]).active,
.button-icon:not([disabled]).active,
.btn:not([disabled]):hover,
.btn:not([disabled]):focus,
.btn:not([disabled]).active {
    color: #fff;
    background-color: #bbb
}

.input-base,
.input_text,
.i_txt,
.input_checkbox,
.i_chckbx,
.input_radio,
.i_rd,
.textarea,
.txtr {
    font-size: 1.5em;
    line-height: 1.5em;
    max-width: 67.5em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: .75em;
    padding-right: 1em;
    padding-bottom: .75em;
    padding-left: 1em;
    -webkit-transition: background-color .2s, color .2s, opacity .2s;
    -moz-transition: background-color .2s, color .2s, opacity .2s;
    transition: background-color .2s, color .2s, opacity .2s;
    outline: 0;
    background-color: #e8e8e8
}

.input-base.disabled,
.disabled.input_text,
.disabled.i_txt,
.disabled.input_checkbox,
.disabled.i_chckbx,
.disabled.input_radio,
.disabled.i_rd,
.disabled.textarea,
.disabled.txtr,
.input-base:disabled,
.input_text:disabled,
.i_txt:disabled,
.input_checkbox:disabled,
.i_chckbx:disabled,
.input_radio:disabled,
.i_rd:disabled,
.textarea:disabled,
.txtr:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.input-base.disabled:hover,
.disabled.input_text:hover,
.disabled.i_txt:hover,
.disabled.input_checkbox:hover,
.disabled.i_chckbx:hover,
.disabled.input_radio:hover,
.disabled.i_rd:hover,
.disabled.textarea:hover,
.disabled.txtr:hover,
.input-base.disabled:focus,
.disabled.input_text:focus,
.disabled.i_txt:focus,
.disabled.input_checkbox:focus,
.disabled.i_chckbx:focus,
.disabled.input_radio:focus,
.disabled.i_rd:focus,
.disabled.textarea:focus,
.disabled.txtr:focus,
.input-base:disabled:hover,
.input_text:disabled:hover,
.i_txt:disabled:hover,
.input_checkbox:disabled:hover,
.i_chckbx:disabled:hover,
.input_radio:disabled:hover,
.i_rd:disabled:hover,
.textarea:disabled:hover,
.txtr:disabled:hover,
.input-base:disabled:focus,
.input_text:disabled:focus,
.i_txt:disabled:focus,
.input_checkbox:disabled:focus,
.i_chckbx:disabled:focus,
.input_radio:disabled:focus,
.i_rd:disabled:focus,
.textarea:disabled:focus,
.txtr:disabled:focus {
    cursor: default
}

.input-base:link,
.input_text:link,
.i_txt:link,
.input_checkbox:link,
.i_chckbx:link,
.input_radio:link,
.i_rd:link,
.textarea:link,
.txtr:link,
.input-base:visited,
.input_text:visited,
.i_txt:visited,
.input_checkbox:visited,
.i_chckbx:visited,
.input_radio:visited,
.i_rd:visited,
.textarea:visited,
.txtr:visited,
.input-base:hover,
.input_text:hover,
.i_txt:hover,
.input_checkbox:hover,
.i_chckbx:hover,
.input_radio:hover,
.i_rd:hover,
.textarea:hover,
.txtr:hover,
.input-base:active,
.input_text:active,
.i_txt:active,
.input_checkbox:active,
.i_chckbx:active,
.input_radio:active,
.i_rd:active,
.textarea:active,
.txtr:active,
.input-base:focus,
.input_text:focus,
.i_txt:focus,
.input_checkbox:focus,
.i_chckbx:focus,
.input_radio:focus,
.i_rd:focus,
.textarea:focus,
.txtr:focus {
    outline: 0
}

.input_text,
.i_txt {
    width: 100%;
    height: 3em;
    color: #000;
    border: 1px solid #000
}

input[placeholder] {
    font-family: 'atlas grotesk web', arial;
    font-weight: 500;
    font-style: italic;
    color: #575757
}

.input_text:-ms-input-placeholder,
.i_txt:-ms-input-placeholder {
    font-family: 'atlas grotesk web', arial;
    font-style: italic;
    line-height: 0!important;
    color: #575757
}

.input_checkbox,
.i_chckbx,
.input_radio,
.i_rd {
    font-size: 1em;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 .46354em 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    border: 0
}

.input_checkbox:not([disabled]):hover,
.i_chckbx:not([disabled]):hover,
.input_radio:not([disabled]):hover,
.i_rd:not([disabled]):hover {
    opacity: .5;
    color: #fff;
    background-color: #bbb
}

.input_checkbox:checked,
.i_chckbx:checked,
.input_radio:checked,
.i_rd:checked {
    background-color: #bbb
}

.input_checkbox:checked:hover,
.i_chckbx:checked:hover,
.input_radio:checked:hover,
.i_rd:checked:hover {
    opacity: 1
}

.input_radio,
.i_rd {
    border-radius: 1em
}

.textarea,
.txtr {
    font-weight: 400;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 8em;
    resize: none;
    color: #000;
    border: 1px solid #000
}

.label,
.lbl {
    font-size: 1.5em;
    font-weight: 400;
    font-style: normal;
    line-height: 2em;
    display: inline-block;
    max-width: 67.5em;
    margin-top: 0;
    margin-right: 1em;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0
}

.label.disabled,
.label:disabled,
.lbl.disabled,
.lbl:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.label.disabled:hover,
.label.disabled:focus,
.label:disabled:hover,
.label:disabled:focus,
.lbl.disabled:hover,
.lbl.disabled:focus,
.lbl:disabled:hover,
.lbl:disabled:focus {
    cursor: default
}

.label:last-child,
.lbl:last-child {
    margin-right: 0
}

a {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    outline: 0
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
    outline: 0
}

.link-box,
.cta-image,
.box-link>a,
.box-link>button,
.box-link>div {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.link-box:link,
.cta-image:link,
.box-link>a:link,
.box-link>button:link,
.box-link>div:link,
.link-box:visited,
.cta-image:visited,
.box-link>a:visited,
.box-link>button:visited,
.box-link>div:visited,
.link-box:hover,
.cta-image:hover,
.box-link>a:hover,
.box-link>button:hover,
.box-link>div:hover,
.link-box:focus,
.cta-image:focus,
.box-link>a:focus,
.box-link>button:focus,
.box-link>div:focus,
.link-box.selected,
.selected.cta-image,
.box-link>a.selected,
.box-link>button.selected,
.box-link>div.selected {
    text-decoration: none
}

.link-box-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 161.8034%
}

.link-box-container .link-box,
.link-box-container .cta-image,
.link-box-container .box-link>a,
.link-box-container .box-link>button,
.link-box-container .box-link>div {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    width: auto
}

input[type=range] {
    font-size: 1em;
    width: auto;
    height: .5em;
    margin: .46354em 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    opacity: 1;
    border: 0;
    background-color: #ff0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=range]:focus::-moz-range-track,
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #e8e8e8
}

input[type=range]:focus::-ms-fill-upper {
    background: #e8e8e8
}

input[type=range]:focus::-ms-fill-lower {
    background: #bbb
}

input[type=range]:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

input[type=range]:disabled:hover,
input[type=range]:disabled:focus {
    cursor: default
}

input[type=range]:not([disabled]):hover::-webkit-slider-thumb {
    background: gold
}

input[type=range]:not([disabled]):hover::-moz-range-thumb {
    background: gold
}

input[type=range]:not([disabled]):hover::-ms-thumb {
    background: gold
}

input[type=range]::-webkit-slider-runnable-track {
    width: auto;
    height: .5em;
    border: 0;
    border-radius: .25em;
    background: #e8e8e8
}

input[type=range]::-webkit-slider-thumb {
    width: 1em;
    height: 1em;
    margin-top: -.25em;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
    border: 0;
    border-radius: 50%;
    background: #daa520;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=range]::-moz-range-track {
    width: auto;
    height: .5em;
    border: 0;
    border-radius: .25em;
    background: #e8e8e8
}

input[type=range]::-moz-range-thumb {
    width: 1em;
    height: 1em;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
    border: 0;
    border-radius: 50%;
    background: #daa520
}

input[type=range]:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

input[type=range]::-ms-track {
    width: auto;
    height: .5em;
    color: transparent;
    border-width: 6px 0;
    border-color: transparent;
    background: transparent
}

input[type=range]::-ms-fill-lower {
    border-radius: .25em;
    background: #bbb
}

input[type=range]::-ms-fill-upper {
    border-radius: .25em;
    background: #e8e8e8
}

input[type=range]::-ms-thumb {
    width: 1em;
    height: 1em;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
    border: 0;
    border-radius: 50%;
    background: #daa520
}

input[type=number] {
    width: auto
}

.select-base,
.form_select,
.f_slct,
.form_drop-down,
.f_d-dwn,
.select,
.slct {
    position: relative;
    margin: 0;
    cursor: pointer;
    background-color: #e8e8e8
}

.select-base.disabled,
.disabled.form_select,
.disabled.f_slct,
.disabled.form_drop-down,
.disabled.f_d-dwn,
.disabled.select,
.disabled.slct,
.select-base:disabled,
.form_select:disabled,
.f_slct:disabled,
.form_drop-down:disabled,
.f_d-dwn:disabled,
.select:disabled,
.slct:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.select-base.disabled:hover,
.disabled.form_select:hover,
.disabled.f_slct:hover,
.disabled.form_drop-down:hover,
.disabled.f_d-dwn:hover,
.disabled.select:hover,
.disabled.slct:hover,
.select-base.disabled:focus,
.disabled.form_select:focus,
.disabled.f_slct:focus,
.disabled.form_drop-down:focus,
.disabled.f_d-dwn:focus,
.disabled.select:focus,
.disabled.slct:focus,
.select-base:disabled:hover,
.form_select:disabled:hover,
.f_slct:disabled:hover,
.form_drop-down:disabled:hover,
.f_d-dwn:disabled:hover,
.select:disabled:hover,
.slct:disabled:hover,
.select-base:disabled:focus,
.form_select:disabled:focus,
.f_slct:disabled:focus,
.form_drop-down:disabled:focus,
.f_d-dwn:disabled:focus,
.select:disabled:focus,
.slct:disabled:focus {
    cursor: default
}

.form_select,
.f_slct,
.form_drop-down,
.f_d-dwn {
    display: inline-block
}

.form_select:not(.disabled):hover,
.form_select:not(.disabled).selected,
.f_slct:not(.disabled):hover,
.f_slct:not(.disabled).selected,
.form_drop-down:not(.disabled):hover,
.form_drop-down:not(.disabled).selected,
.f_d-dwn:not(.disabled):hover,
.f_d-dwn:not(.disabled).selected {
    background-color: #bbb
}

.select,
.slct {
    font-size: 1.5em;
    font-weight: 400;
    font-style: normal;
    line-height: 2em;
    line-height: inherit;
    z-index: 1;
    height: 2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.select:not([disabled]):hover,
.select:not([disabled]).selected,
.slct:not([disabled]):hover,
.slct:not([disabled]).selected {
    color: #fff
}

.toggle.disabled,
.toggle:disabled,
.tggl.disabled,
.tggl:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.toggle.disabled:hover,
.toggle.disabled:focus,
.toggle:disabled:hover,
.toggle:disabled:focus,
.tggl.disabled:hover,
.tggl.disabled:focus,
.tggl:disabled:hover,
.tggl:disabled:focus {
    cursor: default
}

.toggle .label .toggle_checked,
.toggle .label .tggl_chckd,
.toggle .lbl .toggle_checked,
.toggle .lbl .tggl_chckd,
.tggl .label .toggle_checked,
.tggl .label .tggl_chckd,
.tggl .lbl .toggle_checked,
.tggl .lbl .tggl_chckd {
    display: none
}

.toggle .input_radio,
.toggle .i_rd,
.tggl .input_radio,
.tggl .i_rd {
    display: none;
    visibility: hidden;
    opacity: 0
}

.toggle .input_radio:checked+.label .toggle_unchecked,
.toggle .input_radio:checked+.label .tggl_unchckd,
.toggle .input_radio:checked+.lbl .toggle_unchecked,
.toggle .input_radio:checked+.lbl .tggl_unchckd,
.toggle .i_rd:checked+.label .toggle_unchecked,
.toggle .i_rd:checked+.label .tggl_unchckd,
.toggle .i_rd:checked+.lbl .toggle_unchecked,
.toggle .i_rd:checked+.lbl .tggl_unchckd,
.tggl .input_radio:checked+.label .toggle_unchecked,
.tggl .input_radio:checked+.label .tggl_unchckd,
.tggl .input_radio:checked+.lbl .toggle_unchecked,
.tggl .input_radio:checked+.lbl .tggl_unchckd,
.tggl .i_rd:checked+.label .toggle_unchecked,
.tggl .i_rd:checked+.label .tggl_unchckd,
.tggl .i_rd:checked+.lbl .toggle_unchecked,
.tggl .i_rd:checked+.lbl .tggl_unchckd {
    display: none
}

.toggle .input_radio:checked+.label .toggle_checked,
.toggle .input_radio:checked+.label .tggl_chckd,
.toggle .input_radio:checked+.lbl .toggle_checked,
.toggle .input_radio:checked+.lbl .tggl_chckd,
.toggle .i_rd:checked+.label .toggle_checked,
.toggle .i_rd:checked+.label .tggl_chckd,
.toggle .i_rd:checked+.lbl .toggle_checked,
.toggle .i_rd:checked+.lbl .tggl_chckd,
.tggl .input_radio:checked+.label .toggle_checked,
.tggl .input_radio:checked+.label .tggl_chckd,
.tggl .input_radio:checked+.lbl .toggle_checked,
.tggl .input_radio:checked+.lbl .tggl_chckd,
.tggl .i_rd:checked+.label .toggle_checked,
.tggl .i_rd:checked+.label .tggl_chckd,
.tggl .i_rd:checked+.lbl .toggle_checked,
.tggl .i_rd:checked+.lbl .tggl_chckd {
    display: inline-block
}

p,
cite,
q,
.body,
.bd,
.body_p,
.bd_p,
.body_cite,
.bd_ct,
.body_q,
.bd_q {
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.875em;
    max-width: 72em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding: 0
}

p:last-child,
cite:last-child,
q:last-child,
.body:last-child,
.bd:last-child,
.body_p:last-child,
.bd_p:last-child,
.body_cite:last-child,
.bd_ct:last-child,
.body_q:last-child,
.bd_q:last-child {
    margin-bottom: 0
}

.text-indent {
    text-indent: .92707em
}

.text-indent:only-child,
.text-indent:only-of-type {
    text-indent: 0
}

span,
.body_span,
.bd_spn {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1.5;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

cite,
.body_cite,
.bd_ct {
    font-style: italic;
    opacity: .75
}

q,
.body_q,
.bd_q {
    font-style: italic;
    opacity: .75
}

q:before,
.body_q:before,
.bd_q:before {
    content: open-quote
}

q:after,
.body_q:after,
.bd_q:after {
    content: close-quote
}

blockquote,
.blockquote,
.blckqt {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: relative;
    width: 75%;
    max-width: none;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-right: auto;
    margin-bottom: 1.5em;
    margin-left: auto;
    padding: 0;
    text-align: justify;
    text-indent: initial;
    color: inherit;
    background-color: transparent;
    justify-content: center
}

blockquote:first-child,
.blockquote:first-child,
.blckqt:first-child {
    margin-top: 0
}

blockquote:last-child,
.blockquote:last-child,
.blckqt:last-child {
    margin-bottom: 0
}

blockquote.with-quotes:before,
.blockquote.with-quotes:before,
.blckqt.with-quotes:before {
    font-size: 5em;
    line-height: 1em;
    position: absolute;
    top: -.15em;
    left: -.5em;
    display: block;
    content: open-quote
}

blockquote.with-quotes:after,
.blockquote.with-quotes:after,
.blckqt.with-quotes:after {
    font-size: 5em;
    line-height: 1em;
    position: absolute;
    right: -.5em;
    bottom: .3em;
    display: block;
    content: close-quote
}

blockquote>:first-child,
.blockquote>:first-child,
.blckqt>:first-child {
    margin-top: 0
}

blockquote>:last-child,
.blockquote>:last-child,
.blckqt>:last-child {
    margin-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.style-guide-title,
.t,
.title_h1,
.style-guide-page-title,
.t_h1,
.title_h2,
.t_h2,
.title_h3,
.t_h3,
.title_h4,
.t_h4,
.title_h5,
.t_h5,
.title_h6,
.t_h6 {
    font-weight: 700;
    font-style: normal;
    padding: 0
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.title:first-child,
.style-guide-title:first-child,
.t:first-child,
.title_h1:first-child,
.style-guide-page-title:first-child,
.t_h1:first-child,
.title_h2:first-child,
.t_h2:first-child,
.title_h3:first-child,
.t_h3:first-child,
.title_h4:first-child,
.t_h4:first-child,
.title_h5:first-child,
.t_h5:first-child,
.title_h6:first-child,
.t_h6:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.title:last-child,
.style-guide-title:last-child,
.t:last-child,
.title_h1:last-child,
.style-guide-page-title:last-child,
.t_h1:last-child,
.title_h2:last-child,
.t_h2:last-child,
.title_h3:last-child,
.t_h3:last-child,
.title_h4:last-child,
.t_h4:last-child,
.title_h5:last-child,
.t_h5:last-child,
.title_h6:last-child,
.t_h6:last-child {
    margin-bottom: 0
}

h1,
.title_h1,
.style-guide-page-title,
.t_h1 {
    font-size: 5em;
    line-height: 1.2em;
    max-width: 225em;
    margin-top: .45em;
    margin-right: 0;
    margin-bottom: .3em;
    margin-left: 0
}

h2,
.title_h2,
.t_h2 {
    font-size: 4em;
    line-height: 1.3125em;
    max-width: 180em;
    margin-top: .5625em;
    margin-right: 0;
    margin-bottom: .375em;
    margin-left: 0
}

h3,
.title_h3,
.t_h3 {
    font-size: 3em;
    line-height: 1.5em;
    max-width: 135em;
    margin-top: .75em;
    margin-right: 0;
    margin-bottom: .5em;
    margin-left: 0
}

h4,
.title_h4,
.t_h4 {
    font-size: 2.5em;
    line-height: 1.8em;
    max-width: 112.5em;
    margin-top: .9em;
    margin-right: 0;
    margin-bottom: .6em;
    margin-left: 0
}

h5,
.title_h5,
.t_h5 {
    font-size: 2em;
    line-height: 2.25em;
    max-width: 90em;
    margin-top: 1.125em;
    margin-right: 0;
    margin-bottom: .75em;
    margin-left: 0
}

h6,
.title_h6,
.t_h6 {
    font-size: 1.8em;
    line-height: 1.66667em;
    max-width: 81em;
    margin-top: 1.25em;
    margin-right: 0;
    margin-bottom: .83333em;
    margin-left: 0
}

[class^=icon-],
[class*=' icon-'] {
    font-size: 1.6em;
    line-height: 1.875em;
    display: inline-block;
    max-width: 72em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding: 0 .46354em;
    text-decoration: none;
    background-color: transparent
}

h1>[class^=icon-],
h1>[class*=' icon-'],
h2>[class^=icon-],
h2>[class*=' icon-'],
h3>[class^=icon-],
h3>[class*=' icon-'],
h4>[class^=icon-],
h4>[class*=' icon-'],
h5>[class^=icon-],
h5>[class*=' icon-'],
h6>[class^=icon-],
h6>[class*=' icon-'],
blockquote>[class^=icon-],
blockquote>[class*=' icon-'],
p>[class^=icon-],
p>[class*=' icon-'],
span>[class^=icon-],
span>[class*=' icon-'],
q>[class^=icon-],
q>[class*=' icon-'],
cite>[class^=icon-],
cite>[class*=' icon-'],
label>[class^=icon-],
label>[class*=' icon-'],
button>[class^=icon-],
button>[class*=' icon-'],
.button>[class^=icon-],
.button-icon>[class^=icon-],
.button>[class*=' icon-'],
.button-icon>[class*=' icon-'],
a>[class^=icon-],
a>[class*=' icon-'] {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    line-height: inherit;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

[class^=icon-]+h1,
[class^=icon-]+h2,
[class^=icon-]+h3,
[class^=icon-]+h4,
[class^=icon-]+h5,
[class^=icon-]+h6,
[class^=icon-]+blockquote,
[class^=icon-]+p,
[class^=icon-]+span,
[class^=icon-]+q,
[class^=icon-]+cite,
[class*=' icon-']+h1,
[class*=' icon-']+h2,
[class*=' icon-']+h3,
[class*=' icon-']+h4,
[class*=' icon-']+h5,
[class*=' icon-']+h6,
[class*=' icon-']+blockquote,
[class*=' icon-']+p,
[class*=' icon-']+span,
[class*=' icon-']+q,
[class*=' icon-']+cite {
    margin-right: 1em
}

h1+[class^=icon-],
h1+[class*=' icon-'],
h2+[class^=icon-],
h2+[class*=' icon-'],
h3+[class^=icon-],
h3+[class*=' icon-'],
h4+[class^=icon-],
h4+[class*=' icon-'],
h5+[class^=icon-],
h5+[class*=' icon-'],
h6+[class^=icon-],
h6+[class*=' icon-'],
blockquote+[class^=icon-],
blockquote+[class*=' icon-'],
p+[class^=icon-],
p+[class*=' icon-'],
span+[class^=icon-],
span+[class*=' icon-'],
q+[class^=icon-],
q+[class*=' icon-'],
cite+[class^=icon-],
cite+[class*=' icon-'] {
    margin-left: 1em
}

body.full-height {
    height: 100%
}

body.navigation-open {
    overflow: hidden;
    height: 100%
}

.main-container {
    position: relative;
    min-height: 100%
}

.full-height .main-container {
    height: 100%
}

.container-rules {
    position: relative
}

.list {
    margin: 0 0 1.5em
}

@font-face {
    font-family: 'Lyon Display Web';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/LyonDisplay-Regular-Web.eot);
    src: url(../fonts/LyonDisplay-Regular-Web.eot?#iefix) format('embedded-opentype'), url(../fonts/LyonDisplay-Regular-Web.woff) format('woff'), url(../fonts/LyonDisplay-Regular-Web.ttf) format('truetype'), url('../fonts/LyonDisplay-Regular-Web.svg#Lyon Display Web') format('svg')
}

.LyonDisplay-Regular-Web,
.f-f_l-r {
    font-family: 'Lyon Display Web', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.baskerville10Pro,
.baskerville,
.style-guide-page-title,
.f-f_bv {
    font-family: Baskerville10Pro, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal
}

.baskerville10Pro b,
.baskerville10Pro strong,
.baskerville10Pro .bold,
.baskerville10Pro.bold,
.baskerville b,
.style-guide-page-title b,
.baskerville strong,
.style-guide-page-title strong,
.baskerville .bold,
.style-guide-page-title .bold,
.baskerville.bold,
.bold.style-guide-page-title,
.f-f_bv b,
.f-f_bv strong,
.f-f_bv .bold,
.f-f_bv.bold {
    font-weight: 700
}

.baskerville10Pro i,
.baskerville10Pro .italic,
.baskerville10Pro.italic,
.baskerville i,
.style-guide-page-title i,
.baskerville .italic,
.style-guide-page-title .italic,
.baskerville.italic,
.italic.style-guide-page-title,
.f-f_bv i,
.f-f_bv .italic,
.f-f_bv.italic {
    font-family: Baskerville10Pro-Italic, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal
}

.baskerville10ProItalic,
.baskerville-italic,
.f-f_bv-i {
    font-family: Baskerville10Pro-Italic, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal
}

.atlasGroteskLight,
.atlas-light,
.f-f_a-l {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

.atlasGroteskLight b,
.atlasGroteskLight strong,
.atlasGroteskLight .bold,
.atlasGroteskLight.bold,
.atlas-light b,
.atlas-light strong,
.atlas-light .bold,
.atlas-light.bold,
.f-f_a-l b,
.f-f_a-l strong,
.f-f_a-l .bold,
.f-f_a-l.bold {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.atlasGroteskRegular,
.atlas-regular,
.f-f_a-r {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.atlasGroteskRegular b,
.atlasGroteskRegular strong,
.atlasGroteskRegular .bold,
.atlasGroteskRegular.bold,
.atlas-regular b,
.atlas-regular strong,
.atlas-regular .bold,
.atlas-regular.bold,
.f-f_a-r b,
.f-f_a-r strong,
.f-f_a-r .bold,
.f-f_a-r.bold {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.atlasGroteskMedium,
.atlas-medium,
.f-f_a-m {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.atlasGroteskMedium b,
.atlasGroteskMedium strong,
.atlasGroteskMedium .bold,
.atlasGroteskMedium.bold,
.atlas-medium b,
.atlas-medium strong,
.atlas-medium .bold,
.atlas-medium.bold,
.f-f_a-m b,
.f-f_a-m strong,
.f-f_a-m .bold,
.f-f_a-m.bold {
    font-weight: 700
}

[class^='christies-icon_'],
[class*=' christies-icon_'] {
    display: inline-block;
    text-decoration: none;
    background-color: transparent
}

[class^='christies-icon_']>*,
[class*=' christies-icon_']>* {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

[class^='christies-icon_']:before,
[class*=' christies-icon_']:before {
    font-family: inherit;
    font-family: Christies;
    font-size: 1em;
    font-weight: inherit;
    font-weight: 400;
    font-style: inherit;
    font-style: normal;
    font-variant: inherit;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-left: .025em;
    padding: 0;
    vertical-align: middle;
    text-decoration: inherit;
    text-indent: initial;
    text-transform: none;
    color: inherit;
    background-color: transparent;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    speak: none
}

h1>[class^='christies-icon_'],
h1>[class*=' christies-icon_'],
h2>[class^='christies-icon_'],
h2>[class*=' christies-icon_'],
h3>[class^='christies-icon_'],
h3>[class*=' christies-icon_'],
h4>[class^='christies-icon_'],
h4>[class*=' christies-icon_'],
h5>[class^='christies-icon_'],
h5>[class*=' christies-icon_'],
h6>[class^='christies-icon_'],
h6>[class*=' christies-icon_'],
blockquote>[class^='christies-icon_'],
blockquote>[class*=' christies-icon_'],
p>[class^='christies-icon_'],
p>[class*=' christies-icon_'],
span>[class^='christies-icon_'],
span>[class*=' christies-icon_'],
q>[class^='christies-icon_'],
q>[class*=' christies-icon_'],
cite>[class^='christies-icon_'],
cite>[class*=' christies-icon_'],
label>[class^='christies-icon_'],
label>[class*=' christies-icon_'],
button>[class^='christies-icon_'],
button>[class*=' christies-icon_'],
.button>[class^='christies-icon_'],
.button-icon>[class^='christies-icon_'],
.button>[class*=' christies-icon_'],
.button-icon>[class*=' christies-icon_'],
a>[class^='christies-icon_'],
a>[class*=' christies-icon_'] {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    line-height: inherit;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.circle:before {
    font-size: 20px;
    line-height: 38px;
    display: block;
    text-align: center;
    text-indent: 0
}

.circle {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    transition: background .3s ease;
    text-indent: -9999px;
    border: 1px solid #d1d1d1;
    border-radius: 40px
}

.circle:active,
.circle:hover {
    text-decoration: none;
    text-indent: -9999px;
    color: #fff;
    border: 0;
    background: #000
}

.christies-icon_information:before,
.Information:before {
    content: '\e600'
}

.christies-icon_warning:before,
.Warning:before {
    content: '\e601'
}

.christies-icon_top-of-page:before,
.Top-Of-Page:before {
    content: '\e602'
}

.christies-icon_reset:before,
.Reset:before {
    content: '\e603'
}

.christies-icon_sort:before,
.Sort:before {
    content: '\e604'
}

.christies-icon_drag-vertical:before,
.Drag-Vertical:before {
    content: '\e605'
}

.christies-icon_drag-horizontal:before,
.Drag-Horizontal:before {
    content: '\e606'
}

.christies-icon_plus:before,
.Plus:before {
    content: '\e607'
}

.christies-icon_minus:before,
.Minus:before {
    content: '\e608'
}

.christies-icon_close:before,
.Close:before {
    content: '\e609'
}

.christies-icon_up-chevron:before,
.Up-Chevron:before {
    content: '\e60a'
}

.christies-icon_down-chevron:before,
.Down-Chevron:before {
    content: '\e60b'
}

.christies-icon_left-chevron:before,
.Left-Chevron:before {
    content: '\e60c'
}

.christies-icon_right-chevron:before,
.Right-Chevron:before {
    content: '\e60d'
}

.christies-icon_top-arrow:before,
.Top-Arrow:before {
    content: '\e60e'
}

.christies-icon_down-arrow:before,
.Down-Arrow:before {
    content: '\e60f'
}

.christies-icon_left-arrow:before,
.Left-Arrow:before {
    content: '\e610'
}

.christies-icon_right-arrow:before,
.Right-Arrow:before {
    content: '\e611'
}

.christies-icon_upload:before,
.Upload:before {
    content: '\e612'
}

.christies-icon_download:before,
.Download:before {
    content: '\e613'
}

.christies-icon_tick:before,
.Tick:before {
    content: '\e614'
}

.christies-icon_menu:before,
.Menu:before {
    content: '\e615'
}

.christies-icon_search:before,
.Search:before {
    content: '\0034'
}

.christies-icon_minus-magnification:before,
.Minus-Magnification:before {
    content: '\e617'
}

.christies-icon_plus-magnification:before,
.Plus-Magnification:before {
    content: '\e618'
}

.christies-icon_alert:before,
.Alert:before {
    content: '\e619'
}

.christies-icon_calendar:before,
.Calendar:before {
    content: '\e61a'
}

.christies-icon_video:before,
.Video:before {
    content: '\e61b'
}

.christies-icon_play:before,
.Play:before {
    content: '\e61c'
}

.christies-icon_location:before,
.Location:before {
    content: '\e61d'
}

.christies-icon_edit:before,
.Edit:before {
    content: '\e61e'
}

.christies-icon_profile:before,
.Profile:before {
    content: '\e61f'
}

.christies-icon_share:before,
.Share:before {
    content: '\e620'
}

.christies-icon_home:before,
.Home:before {
    content: '\e621'
}

.christies-icon_grid-view:before,
.Grid-View:before {
    content: '\e622'
}

.christies-icon_list-view:before,
.List-View:before {
    content: '\e623'
}

.christies-icon_download-doc:before,
.Download-Doc:before {
    content: '\e624'
}

.christies-icon_doc:before,
.Mutliple-Doc:before {
    content: '\e625'
}

.christies-icon_document:before,
.Document:before {
    content: '\e626'
}

.christies-icon_print:before,
.Print:before {
    content: '\e627'
}

.christies-icon_catalogue:before,
.Catalogue:before {
    content: '\e628'
}

.christies-icon_artwork:before,
.Artwork:before {
    content: '\e629'
}

.christies-icon_bookmark:before,
.Bookmark:before {
    content: '\e62a'
}

.christies-icon_favourite:before,
.Favourite:before {
    content: '\e62b'
}

.christies-icon_email:before,
.Email:before {
    content: '\e62c'
}

.christies-icon_phone:before,
.Phone:before {
    content: '\e62d'
}

.christies-icon_scale:before,
.Scale:before {
    content: '\e62e'
}

.christies-icon_bid:before,
.Bid:before {
    content: '\e62f'
}

.christies-icon_tag:before,
.Tag:before {
    content: '\e630'
}

.christies-icon_biography:before,
.Biography:before {
    content: '\e631'
}

.christies-icon_results:before,
.Results:before {
    content: '\e632'
}

.christies-icon_settings:before,
.Settings:before {
    content: '\e633'
}

.christies-icon_help:before,
.Help:before {
    content: '\e634'
}

.christies-icon_filters:before,
.Filters:before {
    content: '\e635'
}

.christies-icon_social-facebook:before,
.Facebook:before {
    content: '\e636'
}

.christies-icon_social-youtube:before,
.Youtube:before {
    content: '\e637'
}

.christies-icon_social-pinterest:before,
.Pinterest:before {
    content: '\e638'
}

.christies-icon_social-twitter:before,
.Twitter:before {
    content: '\e639'
}

.christies-icon_social-tumblr:before,
.Tumblr:before {
    content: '\e63a'
}

.christies-icon_social-instagram:before,
.Instagram:before {
    content: '\e63b'
}

.christies-icon_social-linkedIn:before,
.LinkedIn:before {
    content: '\e63c'
}

.christies-icon_social-baidu:before,
.Baidu:before {
    content: '\e63d'
}

.christies-icon_social-google-bookmark:before,
.Google-Bookmark:before {
    content: '\e63e'
}

.christies-icon_social-renren:before,
.Renren:before {
    content: '\e63f'
}

.christies-icon_social-weibo:before,
.Weibo:before {
    content: '\e640'
}

.christies-icon_social-wechat:before,
.Wechat:before {
    content: 'WeChat';
    text-indent: -9999px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg version=\'1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'133.333\' height=\'133.333\' viewBox=\'0 0 100 100\'%3E%3Cg fill=\'%23000000\'%3E%3Cpath d=\'M25.2 10.6C.6 17.2-7.9 42.8 8.9 59.4c4 4 4.8 5.3 4.2 7-.5 1.1-1.1 3.3-1.5 4.9l-.7 2.8L17 71c5.4-2.7 6.4-2.9 10.2-2 2.4.5 5.9 1 7.9 1h3.7l-.5-6.5c-.5-5.6-.2-7.2 2.1-11.9 1.5-3 4.1-6.7 5.9-8.2 4.7-4 12.9-7.5 19.2-8.1 3.2-.3 5.5-1.1 5.5-1.7 0-2.7-5.4-11.7-8.6-14.6-9.8-8.6-24.4-11.9-37.2-8.4zm1.6 14.6c2.2 2.2 1.5 6.7-1.2 8-3.1 1.4-5.3.5-6.8-2.7-.9-2.1-.8-2.8.7-4.5 2-2.2 5.5-2.6 7.3-.8zm25.1.2c2.1 2.5.9 6.9-2.1 8-5 1.7-8.9-4.2-5.2-7.8 1.9-2 5.8-2.1 7.3-.2z\'/%3E%3Cpath d=\'M58.2 37.8c-12.5 4.5-20.4 15.7-18.8 27 2 14.8 19 25.3 35.8 22.2 5.2-1 6.1-.9 10.7 1.4l5 2.6-1.3-4.4-1.4-4.4 3.9-3.8c7.5-7.3 9.4-14.6 6.3-23.7-4.7-13.9-24.8-22.4-40.2-16.9zm5.4 14.7c.7 2.9-1 5.5-3.6 5.5s-4.3-2.6-3.6-5.5c.5-2 1.3-2.5 3.6-2.5s3.1.5 3.6 2.5zm20.4-.6c1.4 2.8-1.8 6.6-4.8 5.7-2.6-.9-3.8-4.2-2.2-6.1 1.8-2.1 5.7-1.8 7 .4z\'/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 58%
}

.christies-icon_social-wechat:hover:before,
.Wechat:hover:before {
    content: 'WeChat';
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg version=\'1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'133.333\' height=\'133.333\' viewBox=\'0 0 100 100\'%3E%3Cg fill=\'%23ffffff\'%3E%3Cpath d=\'M25.2 10.6C.6 17.2-7.9 42.8 8.9 59.4c4 4 4.8 5.3 4.2 7-.5 1.1-1.1 3.3-1.5 4.9l-.7 2.8L17 71c5.4-2.7 6.4-2.9 10.2-2 2.4.5 5.9 1 7.9 1h3.7l-.5-6.5c-.5-5.6-.2-7.2 2.1-11.9 1.5-3 4.1-6.7 5.9-8.2 4.7-4 12.9-7.5 19.2-8.1 3.2-.3 5.5-1.1 5.5-1.7 0-2.7-5.4-11.7-8.6-14.6-9.8-8.6-24.4-11.9-37.2-8.4zm1.6 14.6c2.2 2.2 1.5 6.7-1.2 8-3.1 1.4-5.3.5-6.8-2.7-.9-2.1-.8-2.8.7-4.5 2-2.2 5.5-2.6 7.3-.8zm25.1.2c2.1 2.5.9 6.9-2.1 8-5 1.7-8.9-4.2-5.2-7.8 1.9-2 5.8-2.1 7.3-.2z\'/%3E%3Cpath d=\'M58.2 37.8c-12.5 4.5-20.4 15.7-18.8 27 2 14.8 19 25.3 35.8 22.2 5.2-1 6.1-.9 10.7 1.4l5 2.6-1.3-4.4-1.4-4.4 3.9-3.8c7.5-7.3 9.4-14.6 6.3-23.7-4.7-13.9-24.8-22.4-40.2-16.9zm5.4 14.7c.7 2.9-1 5.5-3.6 5.5s-4.3-2.6-3.6-5.5c.5-2 1.3-2.5 3.6-2.5s3.1.5 3.6 2.5zm20.4-.6c1.4 2.8-1.8 6.6-4.8 5.7-2.6-.9-3.8-4.2-2.2-6.1 1.8-2.1 5.7-1.8 7 .4z\'/%3E%3C/g%3E%3C/svg%3E')
}

@media screen and (min-width:64em) {
    .christies-icon_social-wechat:hover:before,
    .Wechat:hover:before {
        position: relative;
        top: -18px;
        left: -21px;
        width: 77px;
        height: 77px;
        content: 'WeChat';
        text-indent: -9999px;
        background: url(../../images/header_footer/wechat_qr-code.jpg) 50% / 100% no-repeat
    }
    .christies-icon_social-wechat.circle:hover::after {
        border: 0
    }
}

.christies-icon_social-youku:before,
.Youku:before {
    content: '\e641'
}

h1.grey,
h2.grey,
h3.grey,
h4.grey,
h5.grey,
h6.grey,
.title.grey,
.grey.style-guide-title,
.t.grey,
.title_h1.grey,
.grey.style-guide-page-title,
.t_h1.grey,
.title_h1_small.grey,
.t_h1_sll.grey,
.title_h2.grey,
.t_h2.grey,
.title_h2_small.grey,
.t_h2_sll.grey,
.title_h3.grey,
.t_h3.grey,
.title_h3_small.grey,
.t_h3_sll.grey,
.title_h4.grey,
.t_h4.grey,
.title_h4_small.grey,
.t_h4_sll.grey,
.title_h5.grey,
.t_h5.grey,
.title_h5_small.grey,
.t_h5_sll.grey,
.title_h6.grey,
.t_h6.grey,
.title_h6_small.grey,
.t_h6_sll.grey {
    color: gray
}

h1,
.title_h1,
.style-guide-page-title,
.t_h1 {
    font-size: 5em;
    line-height: 1.5em;
    max-width: 225em;
    margin-top: .45em;
    margin-right: 0;
    margin-bottom: .3em;
    margin-left: 0
}

h2,
.title_h2,
.t_h2 {
    font-size: 4em;
    line-height: 1.5em;
    max-width: 180em;
    margin-top: .5625em;
    margin-right: 0;
    margin-bottom: .375em;
    margin-left: 0
}

h3,
.title_h3,
.t_h3 {
    font-size: 3.5em;
    line-height: 1.5em;
    max-width: 157.5em;
    margin-top: .21429em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.title_h3_small,
.t_h3_sll {
    font-size: 2em;
    line-height: 1.5em;
    max-width: 90em;
    margin-top: .375em;
    margin-right: 0;
    margin-bottom: .375em;
    margin-left: 0
}

h4,
.title_h4,
.t_h4 {
    font-size: 3em;
    line-height: 1.5em;
    max-width: 135em;
    margin-top: .75em;
    margin-right: 0;
    margin-bottom: .5em;
    margin-left: 0
}

.title_h4_small,
.t_h4_sll {
    font-size: 1.9em;
    line-height: 1.57895em;
    margin-top: 1.18421em;
    margin-right: 0;
    margin-bottom: .78947em;
    margin-left: 0
}

h5,
.title_h5,
.t_h5 {
    font-size: 2.5em;
    line-height: 1.8em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.title_h5_small,
.t_h5_sll {
    font-size: 1.4em;
    line-height: 2.14286em;
    margin-top: 1.60714em;
    margin-right: 0;
    margin-bottom: 1.07143em;
    margin-left: 0
}

.credits {
    font-size: 1.4em;
    line-height: 1.60714em;
    margin-top: 1.60714em;
    margin-right: 0;
    margin-bottom: 1.07143em;
    margin-left: 0
}

.title_h5_small_2,
.t_h5_sll_2 {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-top: .5em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

h6,
.title_h6,
.t_h6 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 1.125em;
    margin-right: 0;
    margin-bottom: .75em;
    margin-left: 0
}

h6.image-caption,
.title_h6.image-caption,
.t_h6.image-caption {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.875em;
    margin-top: 1.25em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: gray
}

h6.main-image-credits,
.title_h6.main-image-credits,
.t_h6.main-image-credits {
    font-size: 1.2em;
    line-height: 3.125em;
    margin-top: 3.75em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.title_h6_small,
.t_h6_sll {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-top: 1.875em;
    margin-right: 0;
    margin-bottom: 1.25em;
    margin-left: 0
}

.headline {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.875em;
    max-width: 72em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.headline.bold {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.bullet-list {
    display: inline-block;
    text-transform: uppercase
}

.category-title,
.category-subtitle {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.04545em;
    max-width: 49.5em;
    margin-top: 1.36364em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: #575757
}

.category-title.in-progress,
.category-subtitle.in-progress {
    color: #d70c00
}

.category-title.underlined,
.category-subtitle.underlined {
    position: relative;
    width: 100%;
    max-width: none;
    margin-bottom: 1.36364em
}

.category-title.underlined:before,
.category-subtitle.underlined:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #575757
}

.category-title.white,
.category-subtitle.white {
    color: #fff;
    border-bottom-color: #fff
}

.category-title {
    text-transform: uppercase
}

.body,
.bd,
.body_p,
.bd_p,
.body_cite,
.bd_ct,
.body_q,
.bd_q {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    max-width: 48em
}

.body.grey,
.bd.grey,
.body_p.grey,
.bd_p.grey,
.body_cite.grey,
.bd_ct.grey,
.body_q.grey,
.bd_q.grey {
    color: #575757
}

.body b,
.body strong,
.body .bold,
.body.bold,
.bd b,
.bd strong,
.bd .bold,
.bd.bold,
.body_p b,
.body_p strong,
.body_p .bold,
.body_p.bold,
.bd_p b,
.bd_p strong,
.bd_p .bold,
.bd_p.bold,
.body_cite b,
.body_cite strong,
.body_cite .bold,
.body_cite.bold,
.bd_ct b,
.bd_ct strong,
.bd_ct .bold,
.bd_ct.bold,
.body_q b,
.body_q strong,
.body_q .bold,
.body_q.bold,
.bd_q b,
.bd_q strong,
.bd_q .bold,
.bd_q.bold {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.small {
    font-size: 1.4em;
    line-height: 1.60714em;
    max-width: 63em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .53571em;
    margin-left: 0
}

.small:last-child {
    margin-bottom: 0
}

.author-name {
    font-family: Baskerville10Pro, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    line-height: 2.14286em;
    max-width: 63em;
    margin-top: 2.14286em;
    margin-right: 0;
    margin-bottom: 1.07143em;
    margin-left: 0
}

.author-name.italic {
    font-family: Baskerville10Pro-Italic, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal
}

.with-drop-cap:after {
    display: table;
    clear: both;
    content: ''
}

.with-drop-cap span:first-of-type {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.8em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    float: left;
    height: .9em;
    margin: .085em .15em 0 -.08em;
    padding: 0;
    text-transform: uppercase
}

.lyon-regular {
    font-family: 'Lyon Display Web', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5em;
    max-width: 90em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .75em;
    margin-left: 0
}

.lyon-regular>b {
    font-family: 'Lyon Display Web', Georgia, Cambria, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

blockquote>*,
.blockquote>* {
    font-family: Baskerville10Pro-Italic, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 3em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25em;
    max-width: 135em;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: .5em;
    margin-left: 0;
    text-align: center
}

.button-text {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.8125em;
    position: relative;
    height: 2.8125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    text-decoration: none;
    color: #000;
    border: 2px solid #000;
    background-color: transparent
}

.button-text:not([disabled]):hover,
.button-text:not([disabled]):focus,
.button-text:not([disabled]).active {
    color: #fff;
    background-color: #000
}

.button-text:disabled {
    opacity: 1;
    color: #ccc;
    border: 2px solid #ccc
}

.button,
.button-icon {
    line-height: 2.57143em
}

.button:link,
.button-icon:link {
    color: #000
}

.button:visited,
.button-icon:visited {
    text-decoration: none;
    color: #000
}

.button:hover,
.button-icon:hover,
.button:focus,
.button-icon:focus,
.button.active,
.active.button-icon {
    color: #fff;
    background-color: #000
}

.main-cta {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.28125em;
    position: relative;
    display: inline-block;
    height: 3.28125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    -webkit-transition: background-color .2s, color .2s;
    -moz-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
    text-decoration: none;
    color: #000;
    background-color: transparent
}

.main-cta:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    border: 2px solid #000;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.main-cta:before:hover,
.main-cta:before:focus {
    cursor: default
}

.main-cta:link,
.main-cta:visited {
    text-decoration: none;
    color: #000
}

.main-cta:not([disabled]):hover,
.main-cta:not([disabled]):focus,
.main-cta:not([disabled]).active {
    text-decoration: none;
    color: #fff;
    background-color: #000
}

.main-cta.inverted {
    position: relative;
    color: #fff
}

.main-cta.inverted:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    border: 2px solid #fff;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.main-cta.inverted:before:hover,
.main-cta.inverted:before:focus {
    cursor: default
}

.main-cta.inverted:link,
.main-cta.inverted:visited {
    color: #fff
}

.main-cta.inverted:not([disabled]):hover,
.main-cta.inverted:not([disabled]):focus,
.main-cta.inverted:not([disabled]).active {
    color: #000;
    background-color: #fff
}

.main-cta.disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    pointer-events: none;
    opacity: .5;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.main-cta.disabled:hover,
.main-cta.disabled:focus {
    cursor: default
}

.play {
    font-size: 1em;
    line-height: 9em;
    position: relative;
    width: 9em;
    height: 9em;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    opacity: .7;
    border: 5px solid #fff;
    border-radius: 50%;
    background-color: transparent
}

.play:after {
    font-size: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -1.6em;
    margin-left: -.61805em;
    content: '';
    border-top: 1.618em solid transparent;
    border-bottom: 1.618em solid transparent;
    border-left: 2em solid #fff
}

.play:not([disabled]):hover {
    opacity: 1;
    background-color: transparent
}

.play.mini {
    font-size: 1em;
    line-height: 3.75em;
    width: 3.75em;
    height: 3.75em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0;
    border: 3px solid #fff
}

.play.mini:after {
    width: 0;
    height: 0;
    margin-top: -.8em;
    margin-left: -.30902em;
    border-top: .809em solid transparent;
    border-bottom: .809em solid transparent;
    border-left: 1em solid #fff
}

.button-takeover {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: auto;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    text-indent: initial;
    color: inherit;
    color: #fff;
    border: 0;
    background-color: transparent;
    background-color: #000
}

.button-takeover>span {
    font-size: 1.6em;
    line-height: 2.8125em;
    display: inline-block;
    height: 2.8125em;
    margin: 0;
    padding: 0 2.25em 0 1.5em;
    background-image: url(../images/buttons/takeover-button.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 200%
}

.button-takeover:not([disabled]):hover {
    color: #000;
    background-color: #fff
}

.button-takeover:not([disabled]):hover>span {
    background-position: right bottom
}

.button-icon {
    font-size: 1.6em;
    line-height: 2.8125em;
    position: relative;
    width: 2.8125em;
    height: 2.8125em;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000;
    border: 0;
    border-radius: 1.6em;
    background-color: #fff
}

.button-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 1.6em
}

.button-icon:not([disabled]):focus {
    color: #000;
    background-color: #fff
}

.button-icon:not([disabled]):focus:after {
    border: 1px solid #000
}

.button-icon:not([disabled]).cancel-focus:focus:after {
    border: 1px solid #ccc
}

.button-icon:not([disabled]):hover {
    color: #fff;
    background-color: #000
}

.button-icon:not([disabled]):hover:after {
    border: 1px solid #000
}

.button-icon.disabled,
.button-icon:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    color: #ccc;
    border: 0;
    outline: 0;
    background-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.button-icon.disabled:hover,
.button-icon.disabled:focus,
.button-icon:disabled:hover,
.button-icon:disabled:focus {
    cursor: default
}

.button-icon.disabled:after,
.button-icon:disabled:after {
    border: 1px solid #ccc
}

.button-icon.square {
    border-radius: initial
}

.button-icon.square:after {
    border-radius: initial
}

.dark-theme .button-icon:not(.white) {
    color: #fff;
    background-color: #000
}

.dark-theme .button-icon:not(.white):after {
    border: 1px solid gray
}

.dark-theme .button-icon:not(.white):not([disabled]):focus {
    color: #fff;
    background-color: #000
}

.dark-theme .button-icon:not(.white):not([disabled]):focus:after {
    border: 1px solid #fff
}

.dark-theme .button-icon:not(.white):not([disabled]).cancel-focus:focus:after {
    border: 1px solid gray
}

.dark-theme .button-icon:not(.white):not([disabled]):hover {
    color: #000;
    background-color: #fff
}

.dark-theme .button-icon:not(.white):not([disabled]):hover:after {
    border: 1px solid #fff
}

.dark-theme .button-icon:not(.white).disabled,
.dark-theme .button-icon:not(.white):disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    color: #575757;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.dark-theme .button-icon:not(.white).disabled:hover,
.dark-theme .button-icon:not(.white).disabled:focus,
.dark-theme .button-icon:not(.white):disabled:hover,
.dark-theme .button-icon:not(.white):disabled:focus {
    cursor: default
}

.dark-theme .button-icon:not(.white).disabled:after,
.dark-theme .button-icon:not(.white):disabled:after {
    border: 1px solid #575757
}

.buttons-image-sharing {
    padding: 1.5em;
    text-align: center
}

.buttons-image-sharing.horizontal {
    display: inline-block
}

.buttons-image-sharing.horizontal>li {
    margin-bottom: 0
}

.buttons-image-sharing>li {
    margin-bottom: .75em
}

.buttons-image-sharing>li:last-of-type {
    margin-bottom: 0
}

.buttons-image-sharing button {
    margin: 0
}

.button-sharing {
    font-size: 2em;
    line-height: 2.25em;
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: 2.25em;
    height: 2.25em;
    padding: 0;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 3em;
    outline: 0;
    background-color: rgba(0, 0, 0, .25)
}

.button-sharing:link,
.button-sharing:visited,
.button-sharing:hover,
.button-sharing:active,
.button-sharing:focus {
    outline: 0
}

.button-sharing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: border-color .2s, color .2s;
    -moz-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s;
    border: 1px solid #fff;
    border-radius: 3em
}

.button-sharing:not([disabled]):hover,
.button-sharing:not([disabled]):focus,
.button-sharing:not([disabled]).active {
    color: #fff;
    background-color: #000
}

.button-sharing:not([disabled]):hover:after,
.button-sharing:not([disabled]):focus:after,
.button-sharing:not([disabled]).active:after {
    border-color: #000
}

.button-sharing.black {
    color: #000;
    background-color: transparent
}

.button-sharing.black:after {
    border-color: #ccc
}

.cta {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.28125em;
    position: relative;
    display: inline-block;
    width: auto;
    height: 3.28125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    -webkit-transition: background-color .2s, color .2s;
    -moz-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #b30900
}

.cta.full-width {
    width: 100%
}

.cta.small {
    font-size: 1.6em;
    line-height: 2.34375em;
    height: 2.34375em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em
}

.cta:link,
.cta:visited {
    color: #fff
}

.cta:not(.disabled):hover,
.cta:not(.disabled):focus,
.cta:not(.disabled).active {
    text-decoration: none;
    color: #fff;
    background-color: #d70c00
}

.cta.disabled {
    text-decoration: none;
    opacity: 1;
    color: gray;
    background-color: #f8f8f8
}

.dark-theme .cta.disabled {
    background-color: #575757
}

.cta.black {
    color: #000;
    background-color: transparent
}

.cta.black:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;
    border: 2px solid #000
}

.cta.black:link,
.cta.black:visited {
    color: #000
}

.cta.black:not(.disabled):hover,
.cta.black:not(.disabled):focus,
.cta.black:not(.disabled).active {
    color: #fff;
    background-color: #000
}

.cta.black.disabled {
    text-decoration: none;
    opacity: 1;
    color: #ccc;
    background-color: transparent
}

.cta.black.disabled:before {
    border-color: #ccc
}

.cta.grey {
    color: #000;
    background-color: #efefef
}

.cta.grey:link,
.cta.grey:visited {
    color: #000
}

.dark-theme .cta.grey {
    color: #fff;
    background-color: #575757
}

.cta.grey:not(.disabled):hover,
.cta.grey:not(.disabled):focus,
.cta.grey:not(.disabled).active {
    color: #000;
    background-color: #f8f8f8
}

.dark-theme .cta.grey:not(.disabled):hover,
.dark-theme .cta.grey:not(.disabled):focus,
.dark-theme .cta.grey:not(.disabled).active {
    color: #fff;
    background-color: gray
}

.cta.grey.disabled {
    text-decoration: none;
    opacity: 1;
    color: gray;
    background-color: #f8f8f8
}

.dark-theme .cta.grey.disabled {
    color: gray;
    background-color: #575757
}

.cta.white {
    color: #fff;
    background-color: transparent
}

.cta.white:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;
    border: 2px solid #fff
}

.cta.white:link,
.cta.white:visited {
    color: #fff
}

.cta.white:not(.disabled):hover,
.cta.white:not(.disabled):focus,
.cta.white:not(.disabled).active {
    color: #000;
    background-color: #fff
}

.cta.white.disabled {
    text-decoration: none;
    opacity: 1;
    color: #575757;
    background-color: transparent
}

.cta.white.disabled:before {
    border-color: #575757
}

.cta-link {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    position: relative;
    display: inline-block;
    max-width: 72em;
    margin-top: .9375em;
    margin-right: 0;
    margin-bottom: 1.40625em;
    margin-left: 0;
    padding: 0;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #000
}

.cta-link:link,
.cta-link:visited {
    color: #000
}

.dark-theme .cta-link {
    color: #fff
}

.cta-link:not(.disabled):hover,
.cta-link:not(.disabled):focus,
.cta-link:not(.disabled).active {
    text-decoration: none;
    color: gray
}

.cta-link.disabled {
    text-decoration: none;
    opacity: 1;
    color: #ccc
}

.dark-theme .cta-link.disabled {
    color: #575757
}

.cta-link.underlined {
    text-decoration: underline
}

.cta-link.underlined:not(.disabled):hover,
.cta-link.underlined:not(.disabled):focus,
.cta-link.underlined:not(.disabled).active {
    text-decoration: underline
}

.cta-link.underlined.disabled {
    text-decoration: underline
}

.cta-link-with-icon {
    text-transform: uppercase
}

.cta-link-with-icon>.icon {
    vertical-align: top
}

.cta-link-with-icon>.icon:before {
    vertical-align: text-top
}

.cta-link-with-icon>.text {
    vertical-align: middle
}

.cta-image {
    background-color: #f8f8f8
}

.cta-image .image-preview-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: background-color .4s, border-bottom .2s;
    -moz-transition: background-color .4s, border-bottom .2s;
    transition: background-color .4s, border-bottom .2s;
    border-bottom: 0 solid #d70c00;
    background-color: transparent
}

.cta-image.disabled {
    opacity: 1
}

.cta-image.disabled .image-preview-container {
    opacity: .8
}

.cta-image.disabled .image-preview-container:after {
    background-color: rgba(0, 0, 0, .3)
}

.cta-image.disabled .cta-icon {
    text-decoration: line-through
}

.cta-image:focus .image-preview-container:after,
.cta-image:hover .image-preview-container:after {
    border-bottom: 3px solid #d70c00;
    background-color: rgba(0, 0, 0, .15)
}

.cta-image:focus .cta-icon>span,
.cta-image:hover .cta-icon>span {
    color: #fff;
    border: 2px solid #000;
    background-color: #000
}

.cta-icon {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.8125em;
    position: relative;
    max-width: 72em;
    margin: 0;
    padding: 0
}

.cta-icon:after {
    display: table;
    clear: both;
    content: ''
}

.cta-icon>span {
    font-size: 1em;
    line-height: 2.775em;
    position: relative;
    display: block;
    float: left;
    width: 2.775em;
    height: 2.775em;
    margin-right: .375em;
    -webkit-transition: background-color .2s, border-color .2s, color .2s;
    -moz-transition: background-color .2s, border-color .2s, color .2s;
    transition: background-color .2s, border-color .2s, color .2s;
    color: inherit;
    border: 2px solid #ccc;
    border-radius: 1.5em;
    background-color: transparent
}

.cta-icon>span:before {
    line-height: 2.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.cta-icon.disabled,
.disabled .cta-icon {
    color: #ccc
}

.input_text,
.textarea {
    font-size: 1.6em;
    line-height: 1.5em;
    max-width: 72em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: .65625em;
    padding-right: 1.40625em;
    padding-bottom: .65625em;
    padding-left: 1.40625em;
    -webkit-transition: border-color .2s, color .2s;
    -moz-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s;
    color: #575757;
    border: 1px solid #ccc;
    background-color: #fff
}

.input_text:hover,
.textarea:hover {
    border-color: gray
}

.input_text:focus,
.textarea:focus {
    color: #000;
    border-color: #000
}

.input_text.disabled,
.input_text:disabled,
.textarea.disabled,
.textarea:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    color: #ccc;
    border-color: #ccc;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.input_text.disabled:hover,
.input_text.disabled:focus,
.input_text:disabled:hover,
.input_text:disabled:focus,
.textarea.disabled:hover,
.textarea.disabled:focus,
.textarea:disabled:hover,
.textarea:disabled:focus {
    cursor: default
}

.input_text {
    font-style: italic;
    height: 2.8125em
}

.textarea {
    min-height: 7.5em
}

.input_checkbox,
.input_radio {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: transparent
}

.input_checkbox:before,
.input_radio:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: border-color .2s, opacity .2s;
    -moz-transition: border-color .2s, opacity .2s;
    transition: border-color .2s, opacity .2s;
    opacity: 0;
    border: 3px solid #fff
}

.input_checkbox:checked,
.input_radio:checked {
    background-color: #000
}

.input_checkbox:checked:before,
.input_radio:checked:before {
    opacity: 1
}

.input_checkbox.disabled,
.input_checkbox:disabled,
.input_radio.disabled,
.input_radio:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    border-color: #ccc;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.input_checkbox.disabled:hover,
.input_checkbox.disabled:focus,
.input_checkbox:disabled:hover,
.input_checkbox:disabled:focus,
.input_radio.disabled:hover,
.input_radio.disabled:focus,
.input_radio:disabled:hover,
.input_radio:disabled:focus {
    cursor: default
}

.input_checkbox:not([disabled]):hover,
.input_radio:not([disabled]):hover {
    background-color: #000
}

.input_checkbox:not([disabled]):hover:before,
.input_radio:not([disabled]):hover:before {
    opacity: 1
}

.input_radio:before {
    border-radius: 1.6em
}

.newsletter {
    position: relative
}

.newsletter .input_text {
    font-size: 1.4em;
    max-width: 63em;
    height: 2.67857em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: .58929em;
    padding-right: .80357em;
    padding-bottom: .58929em;
    padding-left: .80357em
}

.newsletter .button,
.newsletter .button-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.34375em;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border: 0;
    border-left: 1px solid #ccc;
    background-color: transparent;
    background-image: url(../images/buttons/newsletter-button.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 200% 100%
}

.newsletter .button:not([disabled]):hover,
.newsletter .button-icon:not([disabled]):hover,
.newsletter .button:not([disabled]):focus,
.newsletter .button-icon:not([disabled]):focus,
.newsletter .button:not([disabled]).active,
.newsletter .button-icon:not([disabled]).active {
    border: 0;
    border-left: 1px solid #ccc;
    background-color: #000;
    background-position: right center
}

.label {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.8125em;
    height: 2.8125em;
    color: #575757
}

.label.disabled,
.label:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    color: #ccc;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.label.disabled:hover,
.label.disabled:focus,
.label:disabled:hover,
.label:disabled:focus {
    cursor: default
}

a:link,
a:visited {
    color: inherit
}

a:hover,
a:focus,
a:active {
    color: #575757
}

.link {
    position: relative;
    text-decoration: none;
    color: #575757
}

.link:link,
.link:visited {
    color: #575757
}

.link:hover,
.link:focus,
.link:active {
    text-decoration: underline;
    color: gray
}

.link.disabled {
    text-decoration: line-through;
    opacity: 1;
    color: #ccc
}

.form-select,
.form-drop-down {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 32em;
    background-color: transparent
}

.form-select:before,
.form-select:after,
.form-drop-down:before,
.form-drop-down:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5em;
    height: 100%;
    content: '';
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    outline: 0;
    background-repeat: no-repeat;
    background-size: auto 300%;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.form-select:before:hover,
.form-select:before:focus,
.form-select:after:hover,
.form-select:after:focus,
.form-drop-down:before:hover,
.form-drop-down:before:focus,
.form-drop-down:after:hover,
.form-drop-down:after:focus {
    cursor: default
}

.form-select:before,
.form-drop-down:before {
    opacity: 1;
    border: 1px solid #ccc;
    background-image: url(../images/icons/icon-select.png);
    background-position: right top
}

.form-select:after,
.form-drop-down:after {
    opacity: 0;
    border: 1px solid #575757;
    background-color: #000;
    background-image: url(../images/icons/icon-select.png);
    background-position: right center
}

.form-select:not(.disabled):hover,
.form-drop-down:not(.disabled):hover {
    background-color: transparent
}

.form-select:not(.disabled):hover:before,
.form-drop-down:not(.disabled):hover:before {
    opacity: 0
}

.form-select:not(.disabled):hover:after,
.form-drop-down:not(.disabled):hover:after {
    opacity: 1
}

.form-select:not(.disabled).selected,
.form-drop-down:not(.disabled).selected {
    background-color: #000
}

.form-select:not(.disabled).selected:before,
.form-drop-down:not(.disabled).selected:before {
    opacity: 0
}

.form-select:not(.disabled).selected:after,
.form-drop-down:not(.disabled).selected:after {
    opacity: 1
}

.form-select.disabled,
.form-drop-down.disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.form-select.disabled:hover,
.form-select.disabled:focus,
.form-drop-down.disabled:hover,
.form-drop-down.disabled:focus {
    cursor: default
}

.form-select.disabled:before,
.form-drop-down.disabled:before {
    border: 1px solid #ccc;
    background-position: right bottom
}

.form-select .select,
.form-drop-down .select {
    width: 100%;
    padding-right: 3.92707em;
    background-color: transparent
}

.form-select .select:not([disabled]):hover,
.form-select .select:not([disabled]).selected,
.form-drop-down .select:not([disabled]):hover,
.form-drop-down .select:not([disabled]).selected {
    color: #000;
    background-color: transparent
}

.select {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.8125em;
    height: 2.8125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    -webkit-transition: border-color .2s, color .2s;
    -moz-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s;
    color: #575757;
    border: 1px solid #ccc;
    background-color: transparent
}

.select:not([disabled]):hover,
.select:not([disabled]).selected {
    color: #fff;
    border-color: gray;
    background-color: #000
}

.select.disabled,
.select:disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    color: #ccc;
    border-color: #ccc;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.select.disabled:hover,
.select.disabled:focus,
.select:disabled:hover,
.select:disabled:focus {
    cursor: default
}

.toggle-button {
    display: inline-block
}

.toggle-button>label {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.28125em;
    position: relative;
    height: 3.28125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    -webkit-transition: background-color .2s, color .2s;
    -moz-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: 2px solid #000;
    background-color: transparent
}

.toggle-button>input:checked+label {
    color: #000;
    border: 2px solid transparent;
    background-color: #efefef
}

.toggle-button:not(.disabled):hover>label,
.toggle-button:not(.disabled):focus>label,
.toggle-button:not(.disabled).active>label {
    color: #fff;
    background-color: #000
}

.toggle-button.disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.toggle-button.disabled:hover,
.toggle-button.disabled:focus {
    cursor: default
}

.toggle-button.white>label {
    font-size: 1.6em;
    line-height: 3.28125em;
    height: 3.28125em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 1.40625em;
    padding-bottom: 0;
    padding-left: 1.40625em;
    color: #fff;
    border: 2px solid #fff
}

.toggle-button.white>input:checked+label {
    color: #fff;
    border: 2px solid transparent;
    background-color: #575757
}

.toggle-button.white:not(.disabled):hover>label,
.toggle-button.white:not(.disabled):focus>label,
.toggle-button.white:not(.disabled).active>label {
    color: #000;
    background-color: #fff
}

.toggle-link>label {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.34375em;
    position: relative;
    height: 2.34375em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding: 0;
    -webkit-transition: background-color .2s, color .2s;
    -moz-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
    text-align: center;
    text-decoration: none;
    color: #000;
    background-color: transparent
}

.toggle-link>input:checked+label {
    color: #575757
}

.toggle-link:not(.disabled):hover>label,
.toggle-link:not(.disabled):focus>label,
.toggle-link:not(.disabled).active>label {
    color: gray
}

.toggle-link.disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.toggle-link.disabled:hover,
.toggle-link.disabled:focus {
    cursor: default
}

.toggle-link.white>label {
    color: #fff
}

.toggle-link.white>input:checked+label {
    color: #ccc
}

.toggle-link.white:not(.disabled):hover>label,
.toggle-link.white:not(.disabled):focus>label,
.toggle-link.white:not(.disabled).active>label {
    color: gray
}

.column-1-8 {
    width: 12.5%
}

.column-2-8,
.column-quarter-8 {
    width: 25%
}

.column-3-8 {
    width: 37.5%
}

.column-4-8,
.column-half-8 {
    width: 50%
}

.column-5-8 {
    width: 62.5%
}

.column-6-8 {
    width: 75%
}

.column-7-8 {
    width: 87.5%
}

.column-8-8 {
    width: 100%
}

.grid {
    right: 1em;
    left: 1em;
    max-width: none
}

@media only screen and (min-width:90em) {
    .grid {
        right: 0;
        left: 0;
        max-width: 120em
    }
    .nowrap-sm {
        white-space: normal
    }
    .nowrap-md {
        white-space: normal
    }
    .nowrap-lg {
        white-space: normal
    }
    .nowrap-xl {
        white-space: nowrap
    }
    .visible-sm {
        display: none
    }
    .visible-md {
        display: none
    }
    .visible-lg {
        display: none
    }
    .visible-xl {
        display: block
    }
    .hidden-sm {
        display: block
    }
    .hidden-md {
        display: block
    }
    .hidden-lg {
        display: block
    }
    .hidden-xl {
        display: none
    }
    .column-1-xl {
        width: 8.33333%
    }
    .column-2-xl {
        width: 16.66667%
    }
    .column-3-xl,
    .column-quarter-12-xl,
    .column-quarter-xl {
        width: 25%
    }
    .column-4-xl,
    .column-third-12-xl,
    .column-third-xl {
        width: 33.33333%
    }
    .column-5-xl {
        width: 41.66667%
    }
    .column-6-xl,
    .column-half-12-xl,
    .column-half-xl {
        width: 50%
    }
    .column-7-xl {
        width: 58.33333%
    }
    .column-8-xl {
        width: 66.66667%
    }
    .column-9-xl {
        width: 75%
    }
    .column-10-xl {
        width: 83.33333%
    }
    .column-11-xl {
        width: 91.66667%
    }
    .column-12-xl {
        width: 100%
    }
}

.dark-theme .style-guide-page-title {
    color: #fff
}

.style-guide-title {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

.dark-theme .style-guide-title {
    color: #fff;
    border-bottom: 1px solid #fff
}

.style-guide-desc {
    position: relative;
    margin-bottom: 6em
}

.style-guide-desc.with-margin-top {
    margin-top: 2.25em
}

.style-guide-desc:last-of-type {
    margin-bottom: 4.5em
}

.style-guide-desc:last-of-type:before {
    display: none
}

.style-guide-desc:last-child {
    margin-bottom: 0
}

.style-guide-desc:last-child:before {
    display: none
}

.style-guide-desc:before {
    position: absolute;
    bottom: -3em;
    left: 0;
    width: 3em;
    height: 1px;
    content: '';
    background-color: #ccc
}

.style-guide-desc.no-margin-bottom {
    margin-bottom: 0
}

.style-guide-desc.no-margin-bottom:before {
    content: none
}

.style-guide-desc>li>* {
    font-size: 1em;
    line-height: 1.5em;
    max-width: 45em;
    margin: 0;
    color: gray
}

.dark-theme .style-guide-desc>li>* {
    color: #fff
}

.style-guide-desc>li:first-of-type>* {
    text-transform: uppercase
}

.style-guide-image {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.style-guide-test-background {
    display: inline-block;
    padding: 0 .5em;
    background-color: darkgray
}

.style-guide-margin-bottom {
    margin-bottom: 1.5em
}

.style-guide-margin-bottom.double {
    margin-bottom: 3em
}

.style-guide-colors>li:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-colors>li:last-of-type .style-guide-color-preview,
.style-guide-colors>li:last-of-type .style-guide-desc {
    margin-bottom: 0
}

.style-guide-colors .style-guide-desc {
    float: left;
    margin-bottom: 0;
    margin-left: 1em
}

.style-guide-color-preview.with-border:before {
    border: 1px solid #ccc
}

.style-guide-color-preview.color-text-1 {
    background-color: #000
}

.style-guide-color-preview.color-text-2 {
    background-color: #575757
}

.style-guide-color-preview.color-text-3 {
    background-color: gray
}

.style-guide-color-preview.color-text-4 {
    background-color: #fff
}

.style-guide-color-preview.color-text-5 {
    background-color: #d70c00
}

.style-guide-color-preview.color-text-6 {
    background-color: #b30900
}

.style-guide-color-preview.color-interactive-1 {
    background-color: #000
}

.style-guide-color-preview.color-interactive-2 {
    background-color: #575757
}

.style-guide-color-preview.color-interactive-3 {
    background-color: #ccc
}

.style-guide-color-preview.color-interactive-4 {
    background-color: #f8f8f8
}

.style-guide-color-preview.color-interactive-5 {
    background-color: #fff
}

.style-guide-color-preview.color-interactive-6 {
    background-color: #d70c00
}

.style-guide-icons>li:after {
    display: table;
    clear: both;
    content: ''
}

.style-guide-icons>li>* {
    float: left
}

.style-guide-icons>li .body_p {
    font-size: 1.6em;
    line-height: 2.8125em;
    max-width: 72em;
    margin: 0 0 0 .46354em
}

.dark-theme .style-guide-icons>li .body_p {
    color: #fff
}

.archives>li {
    padding: 3em 0;
    border-top: 1px solid #ccc
}

.archives>li.archives-cta-container {
    padding: 3em 0 0;
    text-align: center
}

@media only screen and (min-width:48em) {
    .archives>li.archives-cta-container {
        padding-top: 6em
    }
}

.archives>li .cta {
    width: 100%;
    max-width: none
}

@media only screen and (min-width:48em) {
    .archives>li .cta {
        width: auto
    }
}

.archives>li>a {
    position: relative
}

.archives>li .vcc {
    position: relative;
    top: auto;
    left: auto
}

@media only screen and (min-width:90em) {
    .archives>li .vcc {
        position: absolute;
        top: 0;
        left: 0
    }
}

.archives>li .vcc>div {
    text-align: left
}

@media only screen and (min-width:48em) {
    .archives>li .vcc>div {
        padding: 0 0 0 1em
    }
}

.archives>li p {
    margin-bottom: 0
}

@media only screen and (min-width:48em) {
    .archives>li {
        padding: 1.5em 0
    }
    .archives>li:after {
        display: table;
        clear: both;
        content: ''
    }
    .archives>li .image-container {
        float: left;
        width: 50%;
        padding: 0 1em 0 0
    }
    .archives>li .content {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        float: left;
        width: 50%
    }
}

@media only screen and (min-width:48em) and (min-width:90em) {
    .archives>li .content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        width: auto
    }
}

@media only screen and (min-width:48em) {
    .archives>li h6 {
        margin: 0
    }
    .archives>li p {
        font-size: 1.6em;
        line-height: 1.875em;
        max-width: 72em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: .46875em;
        margin-left: 0
    }
    .archives>li p:last-child {
        margin-bottom: 0
    }
}

.articles:after {
    display: table;
    clear: both;
    content: ''
}

.articles .box-link {
    float: left;
    width: 50%;
    margin-top: 4.5em
}

.articles .box-link:first-child {
    margin-top: 0
}

.articles .box-link:first-child,
.articles .box-link:nth-child(2) {
    width: 100%
}

.articles .box-link.mobile-first-of-line {
    clear: both
}

@media only screen and (min-width:90em) {
    .articles .box-link {
        width: 33.33333333333333333%
    }
    .articles .box-link.desktop-first-line {
        width: 33.33333333333333333%;
        margin-top: 0
    }
    .articles .box-link.desktop-first-of-line {
        clear: both
    }
    .articles .box-link.mobile-first-of-line {
        clear: none
    }
}

.articles.recommended .box-link {
    width: 100%
}

@media only screen and (min-width:90em) {
    .articles.recommended .box-link {
        width: 25%;
        margin-top: 0
    }
    .articles.recommended .box-link.mobile-first-of-line,
    .articles.recommended .box-link.desktop-first-of-line {
        clear: none
    }
}

.box-container {
    width: 100%
}

.box-wide {
    width: 100%;
    max-width: 120em;
    margin-right: auto;
    margin-left: auto;
    padding: 0 1em
}

.box-wide:after {
    display: table;
    clear: both;
    content: ''
}

.box-link {
    padding-right: 1em;
    padding-left: 1em
}

.box-link>a,
.box-link>button,
.box-link>div {
    border: 0;
    outline: 0
}

.box-link>a:link,
.box-link>a:visited,
.box-link>a:hover,
.box-link>a:active,
.box-link>a:focus,
.box-link>button:link,
.box-link>button:visited,
.box-link>button:hover,
.box-link>button:active,
.box-link>button:focus,
.box-link>div:link,
.box-link>div:visited,
.box-link>div:hover,
.box-link>div:active,
.box-link>div:focus {
    outline: 0
}

.prototype-more-on-hover .box-link>a,
.prototype-more-on-hover .box-link>button,
.prototype-more-on-hover .box-link>div {
    position: relative;
    padding-bottom: 3em
}

.prototype-more-on-hover .box-link>a:after,
.prototype-more-on-hover .box-link>button:after,
.prototype-more-on-hover .box-link>div:after {
    font-family: Baskerville10Pro-Italic, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 1.25em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8em;
    position: absolute;
    right: 2em;
    bottom: -1.5em;
    max-width: 56.25em;
    max-width: none;
    content: '\2014\00a0More';
    -webkit-transition: bottom .2s .2s, opacity .2s .2s;
    -moz-transition: bottom .2s .2s, opacity .2s .2s;
    transition: bottom .2s .2s, opacity .2s .2s;
    opacity: 0;
    color: #000
}

.box-link>a h1,
.box-link>a h2,
.box-link>a h3,
.box-link>a h4,
.box-link>a h5,
.box-link>a h6,
.box-link>a p,
.box-link>button h1,
.box-link>button h2,
.box-link>button h3,
.box-link>button h4,
.box-link>button h5,
.box-link>button h6,
.box-link>button p,
.box-link>div h1,
.box-link>div h2,
.box-link>div h3,
.box-link>div h4,
.box-link>div h5,
.box-link>div h6,
.box-link>div p {
    -webkit-transition: color .2s, opacity .2s;
    -moz-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s
}

.prototype-color-text-hover .box-link>a h1,
.prototype-color-text-hover .box-link>a h2,
.prototype-color-text-hover .box-link>a h3,
.prototype-color-text-hover .box-link>a h4,
.prototype-color-text-hover .box-link>a h5,
.prototype-color-text-hover .box-link>a h6,
.prototype-color-text-hover .box-link>a p,
.prototype-color-text-hover .box-link>button h1,
.prototype-color-text-hover .box-link>button h2,
.prototype-color-text-hover .box-link>button h3,
.prototype-color-text-hover .box-link>button h4,
.prototype-color-text-hover .box-link>button h5,
.prototype-color-text-hover .box-link>button h6,
.prototype-color-text-hover .box-link>button p,
.prototype-color-text-hover .box-link>div h1,
.prototype-color-text-hover .box-link>div h2,
.prototype-color-text-hover .box-link>div h3,
.prototype-color-text-hover .box-link>div h4,
.prototype-color-text-hover .box-link>div h5,
.prototype-color-text-hover .box-link>div h6,
.prototype-color-text-hover .box-link>div p {
    opacity: .8!important;
    color: #2a2a2a!important
}

.box-link>a .content:after,
.box-link>button .content:after,
.box-link>div .content:after {
    display: table;
    clear: both;
    content: ''
}

.box-link>a .image-preview-container:after,
.box-link>button .image-preview-container:after,
.box-link>div .image-preview-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: background-color .4s, border-bottom .2s;
    -moz-transition: background-color .4s, border-bottom .2s;
    transition: background-color .4s, border-bottom .2s;
    border-bottom: 0 solid #d70c00;
    background-color: transparent
}

.box-link>a .image-preview,
.box-link>button .image-preview,
.box-link>div .image-preview {
    -webkit-transition: bottom .4s, left .4s, right .4s, top .4s;
    -moz-transition: bottom .4s, left .4s, right .4s, top .4s;
    transition: bottom .4s, left .4s, right .4s, top .4s
}

.prototype-more-on-hover .box-link>a:hover:after,
.prototype-more-on-hover .box-link>a:focus:after,
.prototype-more-on-hover .box-link>a.selected:after,
.prototype-more-on-hover .box-link>button:hover:after,
.prototype-more-on-hover .box-link>button:focus:after,
.prototype-more-on-hover .box-link>button.selected:after,
.prototype-more-on-hover .box-link>div:hover:after,
.prototype-more-on-hover .box-link>div:focus:after,
.prototype-more-on-hover .box-link>div.selected:after {
    bottom: 0;
    opacity: 1
}

.box-link>a:hover h1,
.box-link>a:hover h2,
.box-link>a:hover h3,
.box-link>a:hover h4,
.box-link>a:hover h5,
.box-link>a:hover h6,
.box-link>a:hover p,
.box-link>a:focus h1,
.box-link>a:focus h2,
.box-link>a:focus h3,
.box-link>a:focus h4,
.box-link>a:focus h5,
.box-link>a:focus h6,
.box-link>a:focus p,
.box-link>a.selected h1,
.box-link>a.selected h2,
.box-link>a.selected h3,
.box-link>a.selected h4,
.box-link>a.selected h5,
.box-link>a.selected h6,
.box-link>a.selected p,
.box-link>button:hover h1,
.box-link>button:hover h2,
.box-link>button:hover h3,
.box-link>button:hover h4,
.box-link>button:hover h5,
.box-link>button:hover h6,
.box-link>button:hover p,
.box-link>button:focus h1,
.box-link>button:focus h2,
.box-link>button:focus h3,
.box-link>button:focus h4,
.box-link>button:focus h5,
.box-link>button:focus h6,
.box-link>button:focus p,
.box-link>button.selected h1,
.box-link>button.selected h2,
.box-link>button.selected h3,
.box-link>button.selected h4,
.box-link>button.selected h5,
.box-link>button.selected h6,
.box-link>button.selected p,
.box-link>div:hover h1,
.box-link>div:hover h2,
.box-link>div:hover h3,
.box-link>div:hover h4,
.box-link>div:hover h5,
.box-link>div:hover h6,
.box-link>div:hover p,
.box-link>div:focus h1,
.box-link>div:focus h2,
.box-link>div:focus h3,
.box-link>div:focus h4,
.box-link>div:focus h5,
.box-link>div:focus h6,
.box-link>div:focus p,
.box-link>div.selected h1,
.box-link>div.selected h2,
.box-link>div.selected h3,
.box-link>div.selected h4,
.box-link>div.selected h5,
.box-link>div.selected h6,
.box-link>div.selected p {
    color: gray!important
}

.prototype-color-text-hover .box-link>a:hover h1,
.prototype-color-text-hover .box-link>a:hover h2,
.prototype-color-text-hover .box-link>a:hover h3,
.prototype-color-text-hover .box-link>a:hover h4,
.prototype-color-text-hover .box-link>a:hover h5,
.prototype-color-text-hover .box-link>a:hover h6,
.prototype-color-text-hover .box-link>a:hover p,
.prototype-color-text-hover .box-link>a:focus h1,
.prototype-color-text-hover .box-link>a:focus h2,
.prototype-color-text-hover .box-link>a:focus h3,
.prototype-color-text-hover .box-link>a:focus h4,
.prototype-color-text-hover .box-link>a:focus h5,
.prototype-color-text-hover .box-link>a:focus h6,
.prototype-color-text-hover .box-link>a:focus p,
.prototype-color-text-hover .box-link>a.selected h1,
.prototype-color-text-hover .box-link>a.selected h2,
.prototype-color-text-hover .box-link>a.selected h3,
.prototype-color-text-hover .box-link>a.selected h4,
.prototype-color-text-hover .box-link>a.selected h5,
.prototype-color-text-hover .box-link>a.selected h6,
.prototype-color-text-hover .box-link>a.selected p,
.prototype-color-text-hover .box-link>button:hover h1,
.prototype-color-text-hover .box-link>button:hover h2,
.prototype-color-text-hover .box-link>button:hover h3,
.prototype-color-text-hover .box-link>button:hover h4,
.prototype-color-text-hover .box-link>button:hover h5,
.prototype-color-text-hover .box-link>button:hover h6,
.prototype-color-text-hover .box-link>button:hover p,
.prototype-color-text-hover .box-link>button:focus h1,
.prototype-color-text-hover .box-link>button:focus h2,
.prototype-color-text-hover .box-link>button:focus h3,
.prototype-color-text-hover .box-link>button:focus h4,
.prototype-color-text-hover .box-link>button:focus h5,
.prototype-color-text-hover .box-link>button:focus h6,
.prototype-color-text-hover .box-link>button:focus p,
.prototype-color-text-hover .box-link>button.selected h1,
.prototype-color-text-hover .box-link>button.selected h2,
.prototype-color-text-hover .box-link>button.selected h3,
.prototype-color-text-hover .box-link>button.selected h4,
.prototype-color-text-hover .box-link>button.selected h5,
.prototype-color-text-hover .box-link>button.selected h6,
.prototype-color-text-hover .box-link>button.selected p,
.prototype-color-text-hover .box-link>div:hover h1,
.prototype-color-text-hover .box-link>div:hover h2,
.prototype-color-text-hover .box-link>div:hover h3,
.prototype-color-text-hover .box-link>div:hover h4,
.prototype-color-text-hover .box-link>div:hover h5,
.prototype-color-text-hover .box-link>div:hover h6,
.prototype-color-text-hover .box-link>div:hover p,
.prototype-color-text-hover .box-link>div:focus h1,
.prototype-color-text-hover .box-link>div:focus h2,
.prototype-color-text-hover .box-link>div:focus h3,
.prototype-color-text-hover .box-link>div:focus h4,
.prototype-color-text-hover .box-link>div:focus h5,
.prototype-color-text-hover .box-link>div:focus h6,
.prototype-color-text-hover .box-link>div:focus p,
.prototype-color-text-hover .box-link>div.selected h1,
.prototype-color-text-hover .box-link>div.selected h2,
.prototype-color-text-hover .box-link>div.selected h3,
.prototype-color-text-hover .box-link>div.selected h4,
.prototype-color-text-hover .box-link>div.selected h5,
.prototype-color-text-hover .box-link>div.selected h6,
.prototype-color-text-hover .box-link>div.selected p {
    opacity: 1!important;
    color: #000!important
}

.box-link>a:hover>h4,
.box-link>a:hover>h5,
.box-link>a:hover .play,
.box-link>a:focus>h4,
.box-link>a:focus>h5,
.box-link>a:focus .play,
.box-link>a.selected>h4,
.box-link>a.selected>h5,
.box-link>a.selected .play,
.box-link>button:hover>h4,
.box-link>button:hover>h5,
.box-link>button:hover .play,
.box-link>button:focus>h4,
.box-link>button:focus>h5,
.box-link>button:focus .play,
.box-link>button.selected>h4,
.box-link>button.selected>h5,
.box-link>button.selected .play,
.box-link>div:hover>h4,
.box-link>div:hover>h5,
.box-link>div:hover .play,
.box-link>div:focus>h4,
.box-link>div:focus>h5,
.box-link>div:focus .play,
.box-link>div.selected>h4,
.box-link>div.selected>h5,
.box-link>div.selected .play {
    opacity: 1
}

.box-link>a:hover .image-preview-container:after,
.box-link>a:focus .image-preview-container:after,
.box-link>a.selected .image-preview-container:after,
.box-link>button:hover .image-preview-container:after,
.box-link>button:focus .image-preview-container:after,
.box-link>button.selected .image-preview-container:after,
.box-link>div:hover .image-preview-container:after,
.box-link>div:focus .image-preview-container:after,
.box-link>div.selected .image-preview-container:after {
    border-bottom: .33333em solid #d70c00;
    background-color: rgba(0, 0, 0, .15)
}

.box-link>a:hover .image-preview.image-preview-zoom,
.box-link>a:focus .image-preview.image-preview-zoom,
.box-link>a.selected .image-preview.image-preview-zoom,
.box-link>button:hover .image-preview.image-preview-zoom,
.box-link>button:focus .image-preview.image-preview-zoom,
.box-link>button.selected .image-preview.image-preview-zoom,
.box-link>div:hover .image-preview.image-preview-zoom,
.box-link>div:focus .image-preview.image-preview-zoom,
.box-link>div.selected .image-preview.image-preview-zoom {
    position: absolute;
    top: -.75em;
    right: -.75em;
    bottom: -.75em;
    left: -.75em
}

.container-cta {
    margin-top: 3em;
    padding: 0 1em;
    text-align: center
}

.container-cta .main-cta {
    width: 100%;
    max-width: 24em
}

.container-cta-all {
    margin-top: 6em
}

.container-cta-all:after {
    display: table;
    clear: both;
    content: ''
}

.container-cta-all>li {
    float: left;
    width: 100%;
    margin: 0 auto 3em;
    padding: 0;
    text-align: center
}

.container-cta-all>li:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:90em) {
    .container-cta-all>li {
        width: 50%;
        margin-bottom: 0;
        padding: 0 1em;
        text-align: right
    }
    .container-cta-all>li:last-of-type {
        text-align: left
    }
}

.container-cta-all .main-cta {
    width: 100%;
    max-width: 24em;
    margin: 0 auto
}

@media only screen and (min-width:90em) {
    .container-cta-all .main-cta {
        width: auto
    }
}

.auction-content {
    margin-top: 1.5em
}

.auction-content .title,
.auction-content .style-guide-title,
.auction-content .date {
    font-size: 1.1em;
    line-height: 1.36364em;
    max-width: 49.5em;
    margin: 0
}

.auction-content .title:first-of-type,
.auction-content .style-guide-title:first-of-type,
.auction-content .date:first-of-type {
    margin-top: .68182em
}

.auction-content .title:last-of-type,
.auction-content .style-guide-title:last-of-type,
.auction-content .date:last-of-type {
    margin-bottom: 1.36364em
}

.auction-content .subtitle {
    font-size: 1.4em;
    line-height: 1.60714em;
    position: relative;
    max-width: 63em;
    margin: 0;
    padding-top: 1.02273em;
    border: 0
}

.auction-content .subtitle:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #000
}

.auctions-title h3,
.exhibitions-title h3 {
    margin: 0
}

.auctions>ul,
.exhibitions>ul {
    overflow: hidden
}

.auctions>ul:after,
.exhibitions>ul:after {
    display: table;
    clear: both;
    content: ''
}

.auctions>ul>li,
.exhibitions>ul>li {
    position: relative;
    float: left;
    width: 50%;
    margin-top: 3em;
    padding: 0
}

.auctions>ul>li:nth-child(1),
.auctions>ul>li:nth-child(2),
.exhibitions>ul>li:nth-child(1),
.exhibitions>ul>li:nth-child(2) {
    margin-top: 0
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .auctions>ul>li,
    .exhibitions>ul>li {
        width: 25%
    }
    .auctions>ul>li:nth-child(1),
    .auctions>ul>li:nth-child(2),
    .auctions>ul>li:nth-child(3),
    .auctions>ul>li:nth-child(4),
    .exhibitions>ul>li:nth-child(1),
    .exhibitions>ul>li:nth-child(2),
    .exhibitions>ul>li:nth-child(3),
    .exhibitions>ul>li:nth-child(4) {
        margin-top: 0
    }
    .auctions>ul>li:nth-child(5),
    .exhibitions>ul>li:nth-child(5) {
        clear: both
    }
}

@media only screen and (min-width:90em) {
    .auctions>ul>li,
    .exhibitions>ul>li {
        width: 16.66667%
    }
    .auctions>ul>li:nth-child(1),
    .auctions>ul>li:nth-child(2),
    .auctions>ul>li:nth-child(3),
    .auctions>ul>li:nth-child(4),
    .auctions>ul>li:nth-child(5),
    .auctions>ul>li:nth-child(6),
    .exhibitions>ul>li:nth-child(1),
    .exhibitions>ul>li:nth-child(2),
    .exhibitions>ul>li:nth-child(3),
    .exhibitions>ul>li:nth-child(4),
    .exhibitions>ul>li:nth-child(5),
    .exhibitions>ul>li:nth-child(6) {
        margin-top: 0
    }
    .auctions>ul>li:nth-child(7),
    .exhibitions>ul>li:nth-child(7) {
        clear: both
    }
}

.auctions>ul>li>a,
.auctions>ul>li>button,
.auctions>ul>li>div,
.exhibitions>ul>li>a,
.exhibitions>ul>li>button,
.exhibitions>ul>li>div {
    padding: 0 1em
}

.auctions.large>ul>li,
.exhibitions.large>ul>li {
    clear: initial;
    width: 50%;
    margin-top: 3em
}

.auctions.large>ul>li:nth-child(1),
.auctions.large>ul>li:nth-child(2),
.exhibitions.large>ul>li:nth-child(1),
.exhibitions.large>ul>li:nth-child(2) {
    margin-top: 0
}

@media only screen and (min-width:48em) and (max-width:64em) {
    .auctions.large>ul>li,
    .exhibitions.large>ul>li {
        width: 33.33333%
    }
    .auctions.large>ul>li:nth-child(1),
    .auctions.large>ul>li:nth-child(2),
    .auctions.large>ul>li:nth-child(3),
    .exhibitions.large>ul>li:nth-child(1),
    .exhibitions.large>ul>li:nth-child(2),
    .exhibitions.large>ul>li:nth-child(3) {
        margin-top: 0
    }
    .auctions.large>ul>li:nth-child(4),
    .exhibitions.large>ul>li:nth-child(4) {
        clear: both
    }
}

@media only screen and (min-width:64em) {
    .auctions.large>ul>li,
    .exhibitions.large>ul>li {
        width: 25%
    }
    .auctions.large>ul>li:nth-child(1),
    .auctions.large>ul>li:nth-child(2),
    .auctions.large>ul>li:nth-child(3),
    .auctions.large>ul>li:nth-child(4),
    .exhibitions.large>ul>li:nth-child(1),
    .exhibitions.large>ul>li:nth-child(2),
    .exhibitions.large>ul>li:nth-child(3),
    .exhibitions.large>ul>li:nth-child(4) {
        margin-top: 0
    }
    .auctions.large>ul>li:nth-child(5),
    .exhibitions.large>ul>li:nth-child(5) {
        clear: both
    }
}

.gallery-articles:after {
    display: table;
    clear: both;
    content: ''
}

.gallery-articles .section-title {
    margin-top: 0
}

.gallery-articles ul {
    margin-top: 0;
    margin-bottom: 0
}

.gallery-articles .box-link {
    float: left;
    width: 50%;
    margin-top: 1.5em
}

.gallery-articles .box-link.clear-both {
    width: 100%;
    margin-top: 0
}

@media only screen and (min-width:64em) {
    .gallery-articles .box-link {
        width: 33.33333%;
        margin-top: 0
    }
    .gallery-articles .box-link.clear-both {
        width: 33.33333%
    }
}

.highlight:after {
    display: table;
    clear: both;
    content: ''
}

.highlight .main .title,
.highlight .main .style-guide-title {
    padding: 0 1em
}

@media only screen and (min-width:48em) {
    .highlight .main .title,
    .highlight .main .style-guide-title {
        padding: 0
    }
}

.highlight>li {
    float: left;
    width: 100%;
    margin-top: 1.5em
}

.highlight>li:first-of-type {
    margin-top: 0
}

@media only screen and (min-width:90em) {
    .highlight>li {
        width: 33.33333%;
        margin-top: 0
    }
    .highlight>li:first-of-type {
        width: 66.66667%
    }
}

.highlight>li .content:after {
    display: table;
    clear: both;
    content: ''
}

.highlight>li h4 {
    font-size: 2.5em;
    line-height: 1.54em;
    max-width: 112.5em;
    margin-top: .6em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

@media only screen and (min-width:48em) {
    .highlight>li h4 {
        font-size: 3em;
        line-height: 1.28333em;
        max-width: 135em;
        margin-top: .5em;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.highlight>li h5 {
    font-size: 3.66667em;
    line-height: 1.43182em;
    max-width: 165em;
    margin: 0
}

.highlight>li p {
    margin-top: 0
}

.highlight>li.simple {
    width: 50%;
    margin-bottom: 0
}

.highlight>li.simple:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:48em) {
    .highlight>li.simple {
        width: 33.33333%;
        margin-bottom: 1.5em
    }
}

.highlight>li.simple .image-preview-container {
    padding-bottom: 58.9%
}

.highlight>li.simple h5 {
    font-size: 2.5em;
    line-height: 1.8em;
    max-width: 112.5em;
    margin: 0
}

.highlight>li.double .image-preview-container {
    padding-bottom: 128.4%
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .highlight>li.double .image-preview-container {
        padding-bottom: 56.25%
    }
    .highlight>li.double .image-preview-container .image-preview {
        padding-bottom: 56.25%;
        background-size: auto 90%
    }
}

@media only screen and (min-width:90em) {
    .highlight>li.double .image-preview-container {
        padding-bottom: 128.4%
    }
}

.highlight>li.double h5 {
    font-size: 3.66667em;
    line-height: 1.43182em;
    max-width: 165em;
    margin-top: .20455em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

@media only screen and (min-width:90em) {
    .highlight>li.double h5 {
        font-size: 2.5em;
        line-height: 1.8em;
        max-width: 112.5em;
        margin-top: .3em;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.highlight .image-preview-container {
    padding-bottom: 62.5%
}

.highlight.wide {
    margin-right: -1em;
    margin-left: -1em
}

@media only screen and (min-width:48em) {
    .highlight.wide {
        margin-right: 0;
        margin-left: 0
    }
}

.highlight.wide .main {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width:48em) {
    .highlight.wide .main {
        padding-right: 1em;
        padding-left: 1em
    }
}

.highlight.wide .main .content {
    padding-right: 2em;
    padding-left: 2em
}

@media only screen and (min-width:48em) {
    .highlight.wide .main .content {
        padding-right: 0;
        padding-left: 0
    }
}

.highlight.wide .simple,
.highlight.wide .double {
    padding-right: 2em;
    padding-left: 2em
}

@media only screen and (min-width:48em) {
    .highlight.wide .simple,
    .highlight.wide .double {
        padding-right: 1em;
        padding-left: 1em
    }
}

.heading-content {
    text-align: center
}

.heading-content h1 {
    margin-top: 0;
    margin-bottom: 0
}

.heading-content h4 {
    margin-top: 0;
    margin-bottom: 1.18421em
}

.heading-content h5 {
    margin-right: auto;
    margin-left: auto
}

.heading-content>a {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    display: block;
    width: 100%;
    max-width: none;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-decoration: none;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.heading-content>a:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .heading-content>a {
        width: auto;
        max-width: 90em
    }
}

.heading-content>a .image-preview-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: background-color .4s, border-bottom .2s;
    -moz-transition: background-color .4s, border-bottom .2s;
    transition: background-color .4s, border-bottom .2s;
    border-bottom: 0 solid #d70c00;
    background-color: transparent
}

.heading-content>a .image-preview {
    -webkit-transition: bottom .4s, left .4s, right .4s, top .4s;
    -moz-transition: bottom .4s, left .4s, right .4s, top .4s;
    transition: bottom .4s, left .4s, right .4s, top .4s
}

.heading-content>a h1,
.heading-content>a h2,
.heading-content>a h3,
.heading-content>a h4,
.heading-content>a h5,
.heading-content>a h6,
.heading-content>a p {
    -webkit-transition: color .2s, opacity .2s;
    -moz-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s
}

.heading-content>a:hover h1,
.heading-content>a:hover h2,
.heading-content>a:hover h3,
.heading-content>a:hover h4,
.heading-content>a:hover h5,
.heading-content>a:hover h6,
.heading-content>a:hover p,
.heading-content>a:focus h1,
.heading-content>a:focus h2,
.heading-content>a:focus h3,
.heading-content>a:focus h4,
.heading-content>a:focus h5,
.heading-content>a:focus h6,
.heading-content>a:focus p {
    color: gray!important
}

.heading-content>a:hover .image-preview-container:after,
.heading-content>a:focus .image-preview-container:after {
    border-bottom: 3px solid #d70c00;
    background-color: rgba(0, 0, 0, .15)
}

.heading-content .category-title {
    margin-top: 1.36364em
}

.heading-content h6,
.heading-content p {
    margin-right: auto;
    margin-left: auto
}

.heading-content .form-select {
    margin-right: 2em;
    margin-bottom: 3em
}

.heading-content .form-select:last-of-type {
    margin-right: 0;
    margin-bottom: 0
}

@media only screen and (min-width:90em) {
    .heading-content .form-select {
        width: auto;
        margin-bottom: 0
    }
}

.headlines {
    position: relative;
    overflow: hidden;
    height: 7.5em
}

.headlines>ul {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 1000%;
    height: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.headlines>ul:after {
    display: table;
    clear: both;
    content: ''
}

.headlines>ul>li {
    float: left;
    height: 100%;
    border-left: 1px solid #ccc
}

.headlines>ul>li>a {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: relative;
    display: inline-block;
    max-width: none;
    height: auto;
    height: 100%;
    min-height: initial;
    margin: 0;
    padding: 0;
    padding: 1em 2.25em 1em 1.5em;
    text-decoration: none;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.headlines>ul>li>a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: border-bottom .2s;
    -moz-transition: border-bottom .2s;
    transition: border-bottom .2s;
    border-bottom: 0 solid #d70c00
}

.headlines>ul>li>a:hover:before,
.headlines>ul>li>a:focus:before {
    border-bottom: 3px solid #d70c00
}

.headlines .headline {
    margin: 0
}

.headlines .category-subtitle {
    margin: 0;
    text-align: left
}

.container {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 12em 0 0
}

.container.no-padding-top {
    padding-top: 0
}

@media only screen and (min-width:90em) {
    .container {
        padding-top: 6em
    }
}

.container.main-container {
    padding-top: 0
}

.content-container {
    width: 100%;
    max-width: 128em;
    margin: 6em auto;
    padding: 0 2em
}

.content-container:after {
    display: table;
    clear: both;
    content: ''
}

.content-container.no-margin-bottom {
    margin-bottom: 0
}

.content-container.no-margin-top {
    margin-top: 0
}

@media only screen and (min-width:90em) {
    .content-container {
        padding: 0 4em
    }
}

.most-read {
    width: 100%
}

.most-read tr:after {
    display: table;
    clear: both;
    content: ''
}

.most-read tr:last-of-type td:last-of-type {
    border-bottom: 1px solid #ccc
}

@media only screen and (min-width:90em) {
    .most-read tr:last-of-type td:last-of-type {
        border: 0
    }
}

@media only screen and (min-width:90em) {
    .most-read tr:last-of-type td:after {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 1em;
        height: 1px;
        content: '';
        border-top: 1px solid #ccc
    }
    .most-read tr:last-of-type td:nth-child(1):after,
    .most-read tr:last-of-type td:nth-child(3):after,
    .most-read tr:last-of-type td:nth-child(5):after,
    .most-read tr:last-of-type td:nth-child(7):after,
    .most-read tr:last-of-type td:nth-child(9):after {
        position: absolute;
        top: auto;
        right: 1em;
        bottom: 0;
        left: 0
    }
}

.most-read td {
    position: relative;
    float: left;
    width: 100%;
    vertical-align: middle;
    border-top: 1px solid #ccc
}

@media only screen and (min-width:90em) {
    .most-read td {
        float: none;
        width: 50%;
        padding: 0 0 0 1em;
        border: 0
    }
    .most-read td:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 1em;
        height: 1px;
        content: '';
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-top: 1px solid #ccc
    }
    .most-read td:nth-child(1),
    .most-read td:nth-child(3),
    .most-read td:nth-child(5),
    .most-read td:nth-child(7),
    .most-read td:nth-child(9) {
        padding: 0 1em 0 0
    }
    .most-read td:nth-child(1):before,
    .most-read td:nth-child(3):before,
    .most-read td:nth-child(5):before,
    .most-read td:nth-child(7):before,
    .most-read td:nth-child(9):before {
        position: absolute;
        top: 0;
        right: 1em;
        bottom: auto;
        left: 0
    }
}

.most-read td a {
    font-family: Baskerville10Pro, Georgia, Cambria, 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    display: block;
    width: 100%;
    max-width: 90em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: .75em;
    padding-right: 0;
    padding-bottom: .75em;
    padding-left: 0;
    text-decoration: none
}

.section-title {
    margin-bottom: 3em
}

.section-title:after {
    display: table;
    clear: both;
    content: ''
}

.section-title:last-child {
    margin-bottom: 0
}

.section-title .title,
.section-title .style-guide-title {
    float: left;
    margin: 0
}

.section-title .link {
    float: right;
    margin-bottom: 0
}

.takeover {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 80%;
    height: -webkit-calc(100% - 12em);
    height: calc(100% - 12em);
    min-height: 55em;
    margin: 0;
    padding: 0;
    background-color: #000
}

.takeover>div {
    position: absolute;
    top: 11.9em;
    right: 0;
    bottom: 0;
    left: 0
}

@media only screen and (min-width:90em) {
    .takeover>div {
        top: 6em
    }
}

.takeover .gallery-videos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    transition: left 1s
}

.takeover .gallery-videos>li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.takeover .gallery-videos.gallery-videos-1 {
    width: 100%
}

.takeover .gallery-videos.gallery-videos-1>li {
    width: 100%
}

.takeover .gallery-videos.gallery-videos-2 {
    width: 200%
}

.takeover .gallery-videos.gallery-videos-2>li {
    width: 50%
}

.takeover .gallery-videos.gallery-videos-3 {
    width: 300%
}

.takeover .gallery-videos.gallery-videos-3>li {
    width: 33.33333%
}

.takeover .gallery-videos.gallery-videos-4 {
    width: 400%
}

.takeover .gallery-videos.gallery-videos-4>li {
    width: 25%
}

.takeover .gallery-videos.gallery-videos-5 {
    width: 500%
}

.takeover .gallery-videos.gallery-videos-5>li {
    width: 20%
}

.takeover .gallery-videos.gallery-videos-6 {
    width: 600%
}

.takeover .gallery-videos.gallery-videos-6>li {
    width: 16.66667%
}

.takeover .gallery-videos.gallery-videos-7 {
    width: 700%
}

.takeover .gallery-videos.gallery-videos-7>li {
    width: 14.28571%
}

.takeover .gallery-videos.gallery-videos-8 {
    width: 800%
}

.takeover .gallery-videos.gallery-videos-8>li {
    width: 12.5%
}

.takeover .gallery-videos.gallery-videos-9 {
    width: 900%
}

.takeover .gallery-videos.gallery-videos-9>li {
    width: 11.11111%
}

.takeover .gallery-videos.gallery-videos-10 {
    width: 1000%
}

.takeover .gallery-videos.gallery-videos-10>li {
    width: 10%
}

.takeover .gallery-videos.gallery-videos-11 {
    width: 1100%
}

.takeover .gallery-videos.gallery-videos-11>li {
    width: 9.09091%
}

.takeover .gallery-videos.gallery-videos-12 {
    width: 1200%
}

.takeover .gallery-videos.gallery-videos-12>li {
    width: 8.33333%
}

.takeover .gallery-videos.gallery-videos-13 {
    width: 1300%
}

.takeover .gallery-videos.gallery-videos-13>li {
    width: 7.69231%
}

.takeover .gallery-videos.gallery-videos-14 {
    width: 1400%
}

.takeover .gallery-videos.gallery-videos-14>li {
    width: 7.14286%
}

.takeover .gallery-videos.gallery-videos-15 {
    width: 1500%
}

.takeover .gallery-videos.gallery-videos-15>li {
    width: 6.66667%
}

.takeover .gallery-videos.gallery-videos-16 {
    width: 1600%
}

.takeover .gallery-videos.gallery-videos-16>li {
    width: 6.25%
}

.takeover .gallery-videos.gallery-videos-17 {
    width: 1700%
}

.takeover .gallery-videos.gallery-videos-17>li {
    width: 5.88235%
}

.takeover .gallery-videos.gallery-videos-18 {
    width: 1800%
}

.takeover .gallery-videos.gallery-videos-18>li {
    width: 5.55556%
}

.takeover .gallery-videos.gallery-videos-19 {
    width: 1900%
}

.takeover .gallery-videos.gallery-videos-19>li {
    width: 5.26316%
}

.takeover .gallery-videos.gallery-videos-20 {
    width: 2000%
}

.takeover .gallery-videos.gallery-videos-20>li {
    width: 5%
}

.takeover .gallery-videos-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 0
}

@media only screen and (min-width:48em) {
    .takeover .gallery-videos-controls {
        bottom: 3em
    }
}

.takeover .gallery-videos-controls>ul {
    width: 100%;
    padding: 0 1em
}

.takeover .gallery-videos-controls>ul:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .takeover .gallery-videos-controls>ul {
        padding: 0 4em
    }
}

.takeover .gallery-videos-controls>ul>li {
    float: left;
    padding: 0
}

.takeover .gallery-videos-controls>ul>li>a {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    display: block;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    margin-top: 0;
    padding: 0;
    padding: 4.5em 1em 3em;
    cursor: pointer;
    -webkit-transition: margin-top .2s;
    -moz-transition: margin-top .2s;
    transition: margin-top .2s;
    text-decoration: none;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.takeover .gallery-videos-controls>ul>li>a:hover {
    margin-top: -1.5em
}

@media only screen and (min-width:48em) {
    .takeover .gallery-videos-controls>ul>li>a {
        padding: 1.5em 1em
    }
}

.takeover .gallery-videos-controls>ul>li>a>h6 {
    display: none;
    margin-bottom: 0;
    color: #fff
}

.takeover .gallery-videos-controls>ul>li>a>h6:last-of-type {
    margin-top: 0
}

@media only screen and (min-width:48em) {
    .takeover .gallery-videos-controls>ul>li>a>h6 {
        display: block
    }
}

.takeover .gallery-videos-controls.gallery-videos-controls-1>ul>li {
    width: 100%
}

.takeover .gallery-videos-controls.gallery-videos-controls-2>ul>li {
    width: 50%
}

.takeover .gallery-videos-controls.gallery-videos-controls-3>ul>li {
    width: 33.33333%
}

.takeover .gallery-videos-controls.gallery-videos-controls-4>ul>li {
    width: 25%
}

.takeover .gallery-videos-controls.gallery-videos-controls-5>ul>li {
    width: 20%
}

.takeover .gallery-videos-controls.gallery-videos-controls-6>ul>li {
    width: 16.66667%
}

.takeover .gallery-videos-controls.gallery-videos-controls-7>ul>li {
    width: 14.28571%
}

.takeover .gallery-videos-controls.gallery-videos-controls-8>ul>li {
    width: 12.5%
}

.takeover .gallery-videos-controls.gallery-videos-controls-9>ul>li {
    width: 11.11111%
}

.takeover .gallery-videos-controls.gallery-videos-controls-10>ul>li {
    width: 10%
}

.takeover .gallery-videos-controls.gallery-videos-controls-11>ul>li {
    width: 9.09091%
}

.takeover .gallery-videos-controls.gallery-videos-controls-12>ul>li {
    width: 8.33333%
}

.takeover .gallery-videos-controls.gallery-videos-controls-13>ul>li {
    width: 7.69231%
}

.takeover .gallery-videos-controls.gallery-videos-controls-14>ul>li {
    width: 7.14286%
}

.takeover .gallery-videos-controls.gallery-videos-controls-15>ul>li {
    width: 6.66667%
}

.takeover .gallery-videos-controls.gallery-videos-controls-16>ul>li {
    width: 6.25%
}

.takeover .gallery-videos-controls.gallery-videos-controls-17>ul>li {
    width: 5.88235%
}

.takeover .gallery-videos-controls.gallery-videos-controls-18>ul>li {
    width: 5.55556%
}

.takeover .gallery-videos-controls.gallery-videos-controls-19>ul>li {
    width: 5.26316%
}

.takeover .gallery-videos-controls.gallery-videos-controls-20>ul>li {
    width: 5%
}

.takeover .progress-bar {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .3)
}

.takeover .progress-bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    transition: width .2s linear;
    background-color: #d70c00
}

.takeover .content {
    padding-bottom: 4.5em;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: rgba(0, 0, 0, .05)
}

.takeover .content:before {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 1.5em;
    height: 1.5em;
    margin: -.75em 0 0 -.75em;
    content: '';
    opacity: .3;
    border-radius: 50%;
    background-color: #000;
    box-shadow: 0 0 20em 25em #000
}

@media only screen and (min-width:48em) {
    .takeover .content {
        padding-bottom: 9em
    }
}

.takeover .content>div {
    position: relative;
    z-index: 1;
    word-wrap: break-word;
    word-break: break-all
}

.takeover .title,
.takeover .style-guide-title {
    font-size: 3em;
    font-weight: 700;
    line-height: 1em;
    line-height: 1em;
    max-width: 135em;
    margin: 0;
    padding: 0 .75em;
    text-transform: uppercase;
    color: #fff
}

.takeover .title>*,
.takeover .style-guide-title>* {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .takeover .title,
    .takeover .style-guide-title {
        font-size: 6em;
        line-height: 1em;
        max-width: 270em
    }
}

@media only screen and (min-width:90em) {
    .takeover .title,
    .takeover .style-guide-title {
        font-size: 9em;
        line-height: 1em;
        max-width: 405em
    }
}

.takeover .details {
    font-size: 1.9em;
    line-height: 1.57895em;
    max-width: 85.5em;
    margin-top: 1.57895em;
    margin-right: 0;
    margin-bottom: 1.57895em;
    margin-left: 0;
    color: #fff
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .takeover .details {
        font-size: 3em;
        line-height: 1em;
        max-width: 135em;
        margin-top: 1.25em;
        margin-right: 0;
        margin-bottom: 1.5em;
        margin-left: 0
    }
}

@media only screen and (min-width:90em) {
    .takeover .details {
        font-size: 3em;
        line-height: 1em;
        max-width: 135em;
        margin-top: 1.5em;
        margin-right: 0;
        margin-bottom: 2em;
        margin-left: 0
    }
}

.takeover .button-takeover {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.is-mobile-only,
.imo {
    display: block!important
}

@media only screen and (min-width:64.1em) {
    .is-mobile-only,
    .imo {
        display: none!important
    }
}

.is-desktop-only,
.ido {
    display: none!important
}

@media only screen and (min-width:90em) {
    .is-desktop-only,
    .ido {
        display: block!important
    }
}

.videos {
    padding: 0
}

.videos:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .videos {
        padding: 0
    }
}

.videos .box-link {
    float: left;
    width: 100%
}

@media only screen and (min-width:90em) {
    .videos .box-link {
        width: 41.66667%
    }
}

.videos .box-link-more {
    float: left;
    width: 16.66667%;
    padding-right: 1em;
    padding-left: 1em
}

.videos .box-link-more .link-more .image-preview-container {
    padding-bottom: 150%
}

.videos .image-preview-container {
    padding-bottom: 56.25%
}

.back-to-top {
    position: fixed;
    z-index: 10000;
    right: 50%;
    bottom: 2em;
    display: inline-block;
    margin-right: -2.25em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    pointer-events: none;
    opacity: 0;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.back-to-top:hover,
.back-to-top:focus {
    cursor: default
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .back-to-top {
        right: 2em;
        margin-right: 0
    }
}

@media only screen and (min-width:90em) {
    .back-to-top {
        right: 3em;
        bottom: 3em;
        margin-right: 0
    }
}

.back-to-top.active {
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    opacity: 1;
    -webkit-touch-callout: auto;
    -ms-touch-action: auto;
    touch-action: auto
}

.back-to-top.active:hover,
.back-to-top.active:focus {
    cursor: auto
}

.back-to-top .button-icon {
    margin: 0;
    background-color: rgba(255, 255, 255, .7)
}

.back-to-top .button-icon:not([disabled]):focus {
    background-color: rgba(255, 255, 255, .7)
}

.column {
    padding-top: 0;
    padding-bottom: 0
}

.column.has-margin-bottom {
    margin-bottom: 3em
}

@media only screen and (max-width:90em) {
    .column-full-width-on-mobile,
    .column-fwom {
        width: 100%
    }
}

@media only screen and (max-width:90em) {
    .column-resize {
        width: 100%;
        margin-top: 6em
    }
    .column-resize:first-child {
        margin-top: 0
    }
}

.column-half-resize {
    width: 100%;
    margin-top: 6em
}

.column-half-resize:first-child {
    margin-top: 0
}

.column-half-resize.remove-title {
    margin-top: 0
}

.column-half-resize.remove-title h3 {
    display: none
}

@media only screen and (min-width:90em) {
    .column-half-resize {
        width: 50%;
        margin-top: 0
    }
    .column-half-resize.remove-title h3 {
        display: block
    }
}

.content.with-padding-top {
    padding-top: 2.25em
}

.content-layout-1 h4 {
    font-size: 1.6em;
    line-height: 1.40625em;
    position: relative;
    max-width: 72em;
    margin-top: .9375em;
    margin-right: 0;
    margin-bottom: .9375em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: .70312em;
    padding-left: 0
}

.content-layout-1 h4:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #000
}

.content-layout-1 h4:first-child {
    margin-top: 0
}

.content-layout-1 h6 {
    font-size: 1.1em;
    line-height: 1.36364em;
    max-width: 49.5em;
    margin: 0
}

.content-layout-1 p {
    font-size: 1.6em;
    line-height: 1.875em;
    max-width: 72em;
    margin-top: 1.40625em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.content-layout-2 h6 {
    font-size: 1.1em;
    line-height: 1.36364em;
    max-width: 49.5em;
    margin: 0
}

.content-layout-2 h6:first-of-type {
    margin-top: 1.36364em
}

.content-layout-2 h6:last-of-type {
    margin-bottom: 1.36364em
}

.content-layout-2 h5 {
    font-size: 1.4em;
    line-height: 1.60714em;
    position: relative;
    max-width: 63em;
    margin: 0;
    padding-top: 1.02273em
}

.content-layout-2 h5:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #000
}

.events-gallery:after {
    display: table;
    clear: both;
    content: ''
}

.events-gallery>li {
    float: left;
    width: 25%
}

.events-gallery-button {
    position: relative;
    padding-bottom: 0
}

.events-gallery-button:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -1.2em;
    margin-left: -.46354em;
    border-right: 1.2135em solid transparent;
    border-bottom: 1.5em solid #000;
    border-left: 1.2135em solid transparent
}

.events-gallery-button.selected {
    padding-bottom: 3em
}

.events-gallery-button.selected:after {
    content: ''
}

.events-gallery-items-container {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    transition: max-height 1s;
    color: #fff
}

.events-gallery-items-container.open {
    max-height: 200em
}

@media only screen and (min-width:90em) {
    .events-gallery-items-container>li {
        position: initial!important
    }
}

.events-gallery-item {
    display: none;
    width: 100%;
    padding: 4.5em 0
}

.events-gallery-item:after {
    display: table;
    clear: both;
    content: ''
}

.events-gallery-item.selected {
    display: block
}

.events-gallery-item .events-gallery-button-close {
    position: absolute;
    top: 1.25em;
    right: 1.25em
}

@media only screen and (min-width:90em) {
    .events-gallery-item .events-gallery-button-close {
        top: 1.875em;
        right: 1.875em
    }
}

.events-gallery-column {
    float: left;
    width: 100%;
    padding: 0 1em
}

@media only screen and (min-width:64em) and (max-width:90em) {
    .events-gallery-column {
        width: 50%
    }
}

@media only screen and (min-width:90em) {
    .events-gallery-column {
        width: 33.33333%
    }
}

.events-gallery-column.full-width {
    width: 100%
}

.events-gallery-column .category-title {
    opacity: .61805
}

.events-gallery-column .category-title.underlined {
    margin-top: 2.72727em
}

@media only screen and (min-width:48em) and (max-width:64em) {
    .events-gallery-column .category-title.first {
        margin-top: -.35em
    }
}

.events-gallery-content {
    float: right;
    width: 100%;
    padding: 0
}

.events-gallery-content:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:48em) and (max-width:64em) {
    .events-gallery-content {
        width: 50%
    }
}

@media only screen and (min-width:64em) {
    .events-gallery-content {
        width: 66.66667%
    }
}

.events-gallery-title {
    width: 100%;
    padding: 0 1em
}

@media only screen and (min-width:64em) {
    .events-gallery-title {
        width: 66.66667%
    }
}

.events-gallery-title .title,
.events-gallery-title .style-guide-title {
    margin-top: -.125em;
    padding-right: 1.75em
}

@media only screen and (min-width:90em) {
    .events-gallery-title .title,
    .events-gallery-title .style-guide-title {
        padding-right: 0
    }
}

.events-gallery-title .headline {
    font-size: 1.6em;
    line-height: 1.875em;
    position: relative;
    max-width: 72em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 2.10938em;
    margin-left: 0;
    padding-top: .9375em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.events-gallery-title .headline:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #fff
}

@media only screen and (min-width:64em) {
    .events-gallery-title .headline {
        margin-bottom: 0
    }
}

.events-gallery-content-image {
    width: 100%;
    max-width: initial
}

@media only screen and (min-width:48em) and (max-width:64em) {
    .events-gallery-content-image {
        width: 50%
    }
}

@media only screen and (min-width:64em) {
    .events-gallery-content-image {
        width: 33.33333%
    }
}

.events-gallery-content-image>a {
    width: 100%;
    max-width: initial
}

.events-gallery-list-links>li {
    margin-top: 1.5em
}

.events-gallery-list-links>li:first-child,
.events-gallery-list-links>li:first-of-type {
    margin-top: 0
}

.events-gallery-list-links>li:last-child {
    text-align: center
}

@media only screen and (min-width:48em) {
    .events-gallery-list-links>li:last-child {
        text-align: left
    }
}

.gallery-title {
    width: 100%
}

@media only screen and (min-width:90em) {
    .gallery-title {
        padding-right: 1em
    }
}

.gallery-container {
    position: relative;
    overflow: hidden;
    width: 100%
}

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

.gallery:after {
    display: table;
    clear: both;
    content: ''
}

.gallery>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0
}

.gallery>li.show {
    z-index: 1;
    opacity: 1
}

.gallery-buttons-container,
.image-preview-container.gallery-buttons-container {
    position: relative;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.gallery-container:hover .gallery-buttons-container,
.gallery-slider-container:hover .gallery-buttons-container,
.gallery-container:hover .image-preview-container.gallery-buttons-container,
.gallery-slider-container:hover .image-preview-container.gallery-buttons-container {
    opacity: 1
}

.gallery-buttons-container .gallery-button,
.image-preview-container.gallery-buttons-container .gallery-button {
    position: absolute;
    z-index: 1000;
    top: 50%
}

.gallery-buttons-container .gallery-button.hide,
.image-preview-container.gallery-buttons-container .gallery-button.hide {
    display: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.gallery-buttons-container .gallery-button.hide:hover,
.gallery-buttons-container .gallery-button.hide:focus,
.image-preview-container.gallery-buttons-container .gallery-button.hide:hover,
.image-preview-container.gallery-buttons-container .gallery-button.hide:focus {
    cursor: default
}

.gallery-buttons-container .gallery-button.gallery-button-previous,
.image-preview-container.gallery-buttons-container .gallery-button.gallery-button-previous {
    left: 0
}

.gallery-buttons-container .gallery-button.gallery-button-next,
.image-preview-container.gallery-buttons-container .gallery-button.gallery-button-next {
    right: 0
}

.gallery-controls {
    float: right;
    margin-top: .9em;
    margin-right: -.2em;
    margin-bottom: .9em
}

.gallery-controls:after {
    display: table;
    clear: both;
    content: ''
}

.gallery-controls>li {
    float: left;
    margin-left: .75em
}

.gallery-controls>li:first-of-type {
    margin-left: 0
}

.gallery-controls>li>button {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    position: relative;
    width: 1.5em;
    max-width: none;
    height: auto;
    height: 1.5em;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    border: 0;
    outline: 0;
    background-color: transparent;
    background-color: transparent
}

.gallery-controls>li>button:link,
.gallery-controls>li>button:visited,
.gallery-controls>li>button:hover,
.gallery-controls>li>button:active,
.gallery-controls>li>button:focus {
    outline: 0
}

.gallery-controls>li>button:before {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    content: '';
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    border-radius: 1.5em;
    background-color: #ccc
}

.gallery-controls>li>button:hover,
.gallery-controls>li>button:focus,
.gallery-controls>li>button.active {
    background-color: transparent
}

.gallery-controls>li>button:hover:before,
.gallery-controls>li>button:focus:before,
.gallery-controls>li>button.active:before {
    background-color: #000
}

.gallery-counter {
    font-size: 1em;
    line-height: 1.5em;
    display: inline-block;
    max-width: 45em;
    margin: 0;
    padding: 0
}

.gallery-title {
    width: 100%
}

@media only screen and (min-width:90em) {
    .gallery-title {
        padding-right: 1em
    }
}

.gallery-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%
}

.gallery-slider-container .gallery-buttons-container,
.gallery-slider-container .image-preview.gallery-buttons-container {
    position: absolute;
    top: 0;
    left: 0
}

.gallery-slider {
    position: relative;
    margin-left: 0;
    -webkit-transition: margin-left .5s;
    -moz-transition: margin-left .5s;
    transition: margin-left .5s
}

.gallery-slider:after {
    display: table;
    clear: both;
    content: ''
}

.gallery-slider>li {
    float: left;
    padding: 0
}

.gallery-slider.gallery-slider-1 {
    width: 100%
}

.gallery-slider.gallery-slider-1>li {
    width: 100%
}

.gallery-slider.gallery-slider-2 {
    width: 200%
}

.gallery-slider.gallery-slider-2>li {
    width: 50%
}

.gallery-slider.gallery-slider-3 {
    width: 300%
}

.gallery-slider.gallery-slider-3>li {
    width: 33.33333%
}

.gallery-slider.gallery-slider-4 {
    width: 400%
}

.gallery-slider.gallery-slider-4>li {
    width: 25%
}

.gallery-slider.gallery-slider-5 {
    width: 500%
}

.gallery-slider.gallery-slider-5>li {
    width: 20%
}

.gallery-slider.gallery-slider-6 {
    width: 600%
}

.gallery-slider.gallery-slider-6>li {
    width: 16.66667%
}

.gallery-slider.gallery-slider-7 {
    width: 700%
}

.gallery-slider.gallery-slider-7>li {
    width: 14.28571%
}

.gallery-slider.gallery-slider-8 {
    width: 800%
}

.gallery-slider.gallery-slider-8>li {
    width: 12.5%
}

.gallery-slider.gallery-slider-9 {
    width: 900%
}

.gallery-slider.gallery-slider-9>li {
    width: 11.11111%
}

.gallery-slider.gallery-slider-10 {
    width: 1000%
}

.gallery-slider.gallery-slider-10>li {
    width: 10%
}

.gallery-slider.gallery-slider-11 {
    width: 1100%
}

.gallery-slider.gallery-slider-11>li {
    width: 9.09091%
}

.gallery-slider.gallery-slider-12 {
    width: 1200%
}

.gallery-slider.gallery-slider-12>li {
    width: 8.33333%
}

.gallery-slider.gallery-slider-13 {
    width: 1300%
}

.gallery-slider.gallery-slider-13>li {
    width: 7.69231%
}

.gallery-slider.gallery-slider-14 {
    width: 1400%
}

.gallery-slider.gallery-slider-14>li {
    width: 7.14286%
}

.gallery-slider.gallery-slider-15 {
    width: 1500%
}

.gallery-slider.gallery-slider-15>li {
    width: 6.66667%
}

.gallery-slider.gallery-slider-16 {
    width: 1600%
}

.gallery-slider.gallery-slider-16>li {
    width: 6.25%
}

.gallery-slider.gallery-slider-17 {
    width: 1700%
}

.gallery-slider.gallery-slider-17>li {
    width: 5.88235%
}

.gallery-slider.gallery-slider-18 {
    width: 1800%
}

.gallery-slider.gallery-slider-18>li {
    width: 5.55556%
}

.gallery-slider.gallery-slider-19 {
    width: 1900%
}

.gallery-slider.gallery-slider-19>li {
    width: 5.26316%
}

.gallery-slider.gallery-slider-20 {
    width: 2000%
}

.gallery-slider.gallery-slider-20>li {
    width: 5%
}

.gallery-slider .content .category-title {
    margin-top: 1.36364em
}

.gallery-slider .box-link>a {
    padding-bottom: 0
}

.header {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

.header:after {
    display: table;
    clear: both;
    content: ''
}

.header>a {
    font-size: 1.25em;
    line-height: 4.8em;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: auto;
    height: 4.8em;
    margin: 0;
    padding: 0 1.6em
}

.header>a:before {
    display: block;
    width: 20em;
    height: 100%;
    content: '';
    background-image: url(../images/christies_logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.header>a:after {
    position: absolute;
    z-index: 1000;
    bottom: -1px;
    left: 1.6em;
    width: 20em;
    height: 1px;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height .2s, opacity .2s;
    -moz-transition: height .2s, opacity .2s;
    transition: height .2s, opacity .2s;
    opacity: 1;
    background-color: #d70c00
}

.header>a:hover:after,
.header>a:focus:after,
.header>a.selected:after {
    height: 3px;
    opacity: 1
}

.header-mobile {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 6em
}

.header-mobile:after {
    display: table;
    clear: both;
    content: ''
}

.header-mobile:before {
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    transition: background-color .5s;
    background-color: transparent
}

.navigation-open .header-mobile {
    overflow-y: scroll;
    height: 100%
}

.navigation-open .header-mobile:before {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    content: '';
    background-color: rgba(0, 0, 0, .5)
}

.header-mobile .logo-christies {
    font-size: 1em;
    line-height: 6em;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    max-width: none;
    height: 6em;
    margin: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 6em;
    padding-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

.header-mobile .logo-christies:before {
    position: relative;
    display: block;
    width: 15em;
    height: 100%;
    margin: 0 0 0 2em;
    content: '';
    background-image: url(../images/christies_logo-short.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.header-mobile .button-burger-bar {
    font-size: 1.9em;
    line-height: 3.15789em;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 3.15789em;
    height: 3.15789em;
    margin: 0;
    padding: 0;
    color: #000;
    border: 0;
    border-left: 1px solid #ccc
}

.header-mobile .button-burger-bar:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    transition: height .2s;
    background-color: #d70c00
}

.header-mobile .button-burger-bar:focus {
    color: #000;
    background-color: transparent
}

.header-mobile .button-burger-bar:hover,
.navigation-open .header-mobile .button-burger-bar {
    color: #000;
    background-color: transparent
}

.header-mobile .button-burger-bar:hover:after,
.navigation-open .header-mobile .button-burger-bar:after {
    height: 3px
}

.navigation-mobile {
    position: relative;
    z-index: 2;
    float: left;
    overflow: hidden;
    width: 100%;
    max-height: 0;
    -webkit-transition: max-height .25s;
    -moz-transition: max-height .25s;
    transition: max-height .25s;
    background-color: #fff
}

.navigation-open .navigation-mobile {
    max-height: 100em
}

.navigation-mobile>ul>li a {
    font-size: 1.4em;
    line-height: 4.28571em;
    line-height: 4.28579em;
    position: relative;
    width: 100%;
    max-width: none;
    height: 4.28571em;
    height: 4.28579em;
    margin: 0;
    padding: 0 1.42857em;
    padding-top: .1em;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

.navigation-mobile>ul>li a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #ccc
}

.navigation-mobile>ul>li a:after {
    font-family: inherit;
    font-family: Christies;
    font-size: 1em;
    font-size: 1.25em;
    font-weight: inherit;
    font-weight: 400;
    font-style: inherit;
    font-style: normal;
    font-variant: inherit;
    font-variant: normal;
    line-height: 1;
    line-height: 3.42857em;
    position: absolute;
    top: 1px;
    right: 1em;
    float: right;
    max-width: none;
    max-width: 56.25em;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    content: '\e60d';
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.navigation-mobile>ul>li a:hover,
.navigation-mobile>ul>li a:focus {
    color: #fff;
    background-color: #000
}

.header-mobile {
    display: none
}

.all-icons {
    position: relative;
    width: 4em;
    height: 4em;
    margin: 0 auto
}

.all-icons:before,
.all-icons:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 200%
}

.all-icons:after {
    opacity: 0;
    background-position: bottom
}

.all-icons.all-calendar:before {
    background-image: url(../images/buttons/all-calendar.png)
}

.all-icons.all-calendar:after {
    background-image: url(../images/buttons/all-calendar.png)
}

.all-icons.all-videos:before {
    background-image: url(../images/buttons/all-videos.png)
}

.all-icons.all-videos:after {
    background-image: url(../images/buttons/all-videos.png)
}

.image-preview-container {
    position: relative;
    overflow: hidden;
    width: auto;
    padding-bottom: 0;
    background-color: #f8f8f8
}

.image-preview-container.portrait {
    padding-bottom: 125%
}

.image-preview-container.thin {
    padding-bottom: 250%
}

.image-preview-container.square {
    padding-bottom: 100%
}

.image-preview-container.video {
    padding-bottom: 56.25%
}

.image-preview-container.uncropped {
    padding-bottom: 100%
}

.image-preview-container.uncropped .image-preview {
    background-size: 90% auto
}

.image-preview-container.with-margin-bottom {
    margin-bottom: 1.5em
}

.image-preview-container .image-preview {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.image-preview-container .buttons-image-sharing {
    position: absolute;
    top: 0;
    right: 0
}

.image-preview .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4.5em 0 0 -4.5em
}

.navigation {
    float: right;
    width: 100%
}

.navigation:after {
    display: table;
    clear: both;
    content: ''
}

.navigation>ul {
    position: relative;
    float: right
}

.navigation>ul:after {
    display: table;
    clear: both;
    content: ''
}

.navigation>ul>li {
    float: left
}

.navigation>ul>li>.is-fix {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    font-weight: inherit;
    font-style: normal;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: normal;
    line-height: 1;
    position: relative;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    padding: 0 1.85414em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    text-indent: initial;
    text-transform: uppercase;
    color: inherit;
    background-color: transparent
}

.navigation>ul>li>.is-fix>span {
    font-size: 1.25em;
    line-height: 4.8em;
    position: relative;
    display: inline-block;
    height: 4.8em;
    -webkit-transition: border-bottom-width .2s;
    -moz-transition: border-bottom-width .2s;
    transition: border-bottom-width .2s;
    border-bottom: 0 solid #d70c00
}

.navigation>ul>li>a {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    font-weight: inherit;
    font-style: normal;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: normal;
    line-height: 1;
    position: relative;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    padding: 0 1.85414em;
    text-decoration: none;
    text-indent: initial;
    text-transform: uppercase;
    color: inherit;
    background-color: transparent
}

.navigation>ul>li>a>span {
    font-size: 1.25em;
    line-height: 4.8em;
    position: relative;
    display: inline-block;
    height: 4.8em
}

.navigation>ul>li>a>span:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    transition: height .2s;
    background-color: #d70c00
}

.navigation>ul>li>a:hover>span:before,
.navigation>ul>li>a:focus>span:before,
.navigation>ul>li>a.selected>span:before {
    height: 3px
}

.navigation>ul>li:hover>div,
.navigation>ul>li:hover>ul,
.navigation>ul>li:focus>div,
.navigation>ul>li:focus>ul {
    display: block
}

@media only screen and (min-width:90em) {
    .navigation {
        width: auto
    }
    .navigation>ul {
        position: relative;
        float: right
    }
    .navigation>ul:after {
        display: table;
        clear: both;
        content: ''
    }
}

.navigation-main {
    clear: both;
    width: 100%;
    padding-right: 6em;
    border-top: 1px solid #ccc
}

.navigation-main>li>a {
    width: 100%;
    text-align: center
}

.navigation-main>li>a>span.text-main {
    display: none
}

@media only screen and (min-width:48em) {
    .navigation-main>li>a>span.text-main {
        display: inline-block
    }
    .navigation-main>li>a>span.text-alt {
        display: none
    }
}

@media only screen and (min-width:90em) {
    .navigation-main {
        clear: none;
        width: auto;
        padding-right: 0;
        border-top: 0
    }
    .navigation-main>li.column-2 {
        width: auto
    }
}

.navigation-options {
    padding-right: 0
}

@media only screen and (min-width:90em) {
    .navigation-options {
        padding-right: 6em
    }
}

.has-borders:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.has-submenu {
    position: relative
}

.submenu {
    position: absolute;
    z-index: 10001;
    top: 100%;
    left: 50%;
    display: none;
    margin-top: 1px
}

.submenu.width-fixed {
    right: -1px;
    left: -1px
}

.submenu.width-fixed>ul {
    margin-left: 0
}

.submenu.width-fixed>ul>li>a {
    font-size: 1.25em;
    line-height: 4.8em;
    max-width: 56.25em;
    padding: 0;
    text-transform: uppercase
}

.submenu>ul {
    position: relative;
    width: 100%;
    min-width: 100%;
    margin: 0;
    margin-left: -50%;
    padding: 0;
    white-space: nowrap;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff
}

.submenu>ul>li {
    display: list-item;
    padding: 0
}

.submenu>ul>li>a {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 4.28571em;
    display: block;
    max-width: 63em;
    padding: 0 1.85414em;
    text-align: center;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

.submenu>ul>li>a:hover {
    color: #fff;
    background-color: #000
}

.submenu>ul>li:last-of-type a {
    border: 0
}

.has-submenu-panel {
    position: relative
}

.has-submenu-panel:hover:before,
.has-submenu-panel:focus:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff
}

.has-submenu-panel:hover:after,
.has-submenu-panel:focus:after {
    position: absolute;
    z-index: 10002;
    top: 100%;
    right: 1px;
    bottom: -1px;
    left: 1px;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #fff
}

.has-submenu-panel>a:hover>span,
.has-submenu-panel>a:focus>span {
    border: 0
}

.submenu-panel {
    position: absolute;
    z-index: 10001;
    top: 100%;
    right: 0;
    display: none;
    width: 50em;
    min-width: 100%;
    margin: 0;
    padding: 3em 2em;
    border: 1px solid #ccc;
    background-color: #fff
}

.submenu-panel:after {
    display: table;
    clear: both;
    content: ''
}

.submenu-panel>ul {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0
}

.submenu-panel .submenu-panel_li_margin-bottom {
    margin-bottom: 1.5em
}

.submenu-panel .submenu-panel_li_margin-bottom.large {
    margin-bottom: 3em
}

.submenu-panel .submenu-panel_link {
    display: block;
    width: 100%;
    text-align: right
}

.search {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: transparent
}

.navigation-options .search {
    display: none
}

.navigation-options .search input:focus {
    border-left: 1px solid #ccc
}

.navigation-options .search:hover input {
    border-left: 1px solid #ccc
}

.search span {
    font-size: 1.4em;
    line-height: 4.28571em;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 4.28571em;
    height: 4.28571em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-left: 1px solid #ccc;
    background-image: url(../images/icons/icon-search-off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%
}

.search input {
    font-size: 1.4em;
    line-height: 4.28571em;
    line-height: inherit;
    display: none;
    width: 100%;
    height: 4.28571em;
    padding-top: 0;
    padding-right: 5.89286em;
    padding-bottom: 0;
    padding-left: 1.60714em;
    text-align: right;
    color: transparent;
    border: 0;
    background-color: #fff
}

.search input:focus {
    display: block;
    color: #000;
    border: 0
}

.search:hover span {
    background-color: #000;
    background-image: url(../images/icons/icon-search-on.png)
}

.search:hover input {
    display: block;
    color: #000;
    border: 0
}

@media only screen and (min-width:90em) {
    .navigation-main .search {
        display: none
    }
    .navigation-options .search {
        display: block
    }
}

.page-index .header>a:after {
    opacity: 1
}

.page-grid .navigation-item-grid>a>span:before,
.page-colours .navigation-item-colours>a>span:before,
.page-images .navigation-item-images>a>span:before,
.page-ui .navigation-item-ui>a>span:before,
.page-ui-form-elements .navigation-item-ui>a>span:before,
.page-ui-interactive-images .navigation-item-ui>a>span:before,
.page-ui-icons .navigation-item-ui>a>span:before,
.page-ui-icons-dark-theme .navigation-item-ui>a>span:before,
.page-ui-cta .navigation-item-ui>a>span:before,
.page-ui-cta-dark-theme .navigation-item-ui>a>span:before,
.page-typography .navigation-item-typography>a>span:before,
.page-templates .navigation-item-templates>a>span:before,
.template-takeover .navigation-item-templates>a>span:before,
.template-homepage-1 .navigation-item-templates>a>span:before,
.template-homepage-2 .navigation-item-templates>a>span:before,
.template-mslp .navigation-item-templates>a>span:before,
.template-mslp-events .navigation-item-templates>a>span:before,
.template-content .navigation-item-templates>a>span:before,
.template-article .navigation-item-templates>a>span:before,
.template-archives .navigation-item-templates>a>span:before,
.template-videos .navigation-item-templates>a>span:before,
.template-prototypes .navigation-item-templates>a>span:before {
    height: 1px
}

.page-ui-form-elements .navigation-item-ui-form-elements>a,
.page-ui-interactive-images .navigation-item-ui-interactive-images>a,
.page-ui-icons .navigation-item-ui-icons>a,
.page-ui-icons-dark-theme .navigation-item-ui-icons-dark-theme>a,
.page-ui-cta .navigation-item-ui-cta>a,
.page-ui-cta-dark-theme .navigation-item-ui-cta-dark-theme>a,
.template-takeover .navigation-item-templates-takeover>a,
.template-homepage-1 .navigation-item-templates-homepage-1>a,
.template-homepage-2 .navigation-item-templates-homepage-2>a,
.template-mslp .navigation-item-templates-mslp>a,
.template-mslp-events .navigation-item-templates-mslp-events>a,
.template-content .navigation-item-templates-content>a,
.template-article .navigation-item-templates-article>a,
.template-archives .navigation-item-templates-archives>a,
.template-videos .navigation-item-templates-videos>a,
.template-prototypes .navigation-item-templates-prototypes>a {
    color: #fff;
    background-color: #000
}

.footer {
    background-color: #f8f8f8
}

.footer>p {
    font-size: 1.4em;
    line-height: 2.14286em;
    max-width: 63em;
    max-width: none;
    margin: 0 auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 1.17857em;
    padding-right: 0;
    padding-bottom: .96429em;
    padding-left: 0;
    text-align: center;
    color: #fff;
    background-color: #000
}

.footer li.atlas-regular a {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14286em;
    width: 100%;
    height: 2.14286em;
    text-decoration: none
}

.footer>ul {
    padding: 0 1em
}

.footer>ul li {
    padding-top: 0;
    padding-bottom: 0
}

.footer>ul li.column-2-8 {
    width: 100%
}

.footer-details {
    padding: 0 .92707em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #fff
}

.footer-details.active {
    height: auto
}

.footer-details.active>ul {
    display: block
}

.footer-details>h6 {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 5.21739em;
    max-width: 51.75em;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.footer-details>ul {
    display: none;
    margin-bottom: 3em
}

.footer-details>ul>li {
    margin-bottom: .75em
}

.footer-details>ul>li:last-of-type {
    margin-bottom: 0
}

.socials {
    background-color: #fff
}

.socials .column {
    position: relative;
    height: 0;
    padding: 0 0 12.5%
}

.socials a {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: bottom
}

.socials a>div {
    position: absolute;
    position: absolute;
    top: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 0;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.socials a>div>:first-child {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.socials a .socials-icon {
    position: absolute;
    top: 35%;
    left: 0;
    display: block;
    width: 100%;
    height: 30%
}

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

.socials a:hover>div>div span,
.socials a:focus>div>div span {
    color: #575757
}

.socials a:hover>div>div .socials-icon,
.socials a:focus>div>div .socials-icon {
    background-position: bottom center
}

@media only screen and (min-width:90em) {
    .footer>ul {
        padding: 3em 0
    }
    .footer>ul>li.column-2-8 {
        width: 25%
    }
    .footer-details {
        cursor: default;
        border-bottom: 0
    }
    .footer-details>ul {
        display: block;
        margin-bottom: 0
    }
    .footer-details>ul>li {
        height: auto
    }
    .footer-details>h6 {
        font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
        font-size: 1.15em;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.6087em;
        max-width: 51.75em;
        height: auto;
        margin-top: 1.30435em;
        margin-right: 0;
        margin-bottom: 1.95652em;
        margin-left: 0;
        padding: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc
    }
}

@media only screen and (min-width:50em) {
    .socials li {
        width: 12.5%
    }
    .socials a .socials-icon {
        position: relative;
        top: auto;
        left: auto;
        height: 20%
    }
}

.socials-icon {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    height: 2em;
    min-height: initial;
    margin: 0;
    margin: 0 auto 2em;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 200%
}

.socials-label {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}


/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.2
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
    color: #ccc
}

.vjs-default-skin .vjs-slider {
    position: relative;
    padding: 0;
    cursor: pointer;
    outline: 0;
    background-color: #333;
    background-color: rgba(51, 51, 51, .9)
}

.vjs-default-skin .vjs-slider:focus {
    -webkit-box-shadow: 0 0 2em #fff;
    -moz-box-shadow: 0 0 2em #fff;
    box-shadow: 0 0 2em #fff
}

.vjs-default-skin .vjs-slider-handle {
    position: absolute;
    top: 0;
    left: 0
}

.vjs-default-skin .vjs-slider-handle:before {
    font-family: VideoJS;
    font-size: 1em;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    content: '\e009';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
    text-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-control-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 3em;
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7)
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
    display: block;
    visibility: visible;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s;
    opacity: 1
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    visibility: hidden;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
    opacity: 0
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
    display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
    display: none
}

.vjs-default-skin.vjs-error .vjs-control-bar {
    display: none
}

.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 1
}

@media \0screen {
    .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
        content: ''
    }
}

.vjs-default-skin .vjs-control {
    position: relative;
    float: left;
    width: 4em;
    height: 3em;
    margin: 0;
    padding: 0;
    text-align: center;
    outline: 0
}

.vjs-default-skin .vjs-control:before {
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-control-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.vjs-default-skin .vjs-play-control {
    width: 5em;
    cursor: pointer
}

.vjs-default-skin .vjs-play-control:before {
    content: '\e001'
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
    content: '\e002'
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
    left: -2em;
    width: 4em;
    list-style: none
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
    float: right;
    cursor: pointer
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
    content: '\e006'
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
    content: '\e003'
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
    content: '\e004'
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
    content: '\e005'
}

.vjs-default-skin .vjs-volume-control {
    float: right;
    width: 5em
}

.vjs-default-skin .vjs-volume-bar {
    width: 5em;
    height: .6em;
    margin: 1.1em auto 0
}

.video-container {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.video-container video {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.video-container div:empty,
.video-container .vjs-poster,
.video-container .vjs-loading-spinner,
.video-container .vjs-text-track-display,
.video-container .vjs-big-play-button,
.video-container .vjs-control-bar,
.video-container .vjs-error-display,
.video-container .vjs-caption-settings {
    display: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.video-container div:empty:hover,
.video-container div:empty:focus,
.video-container .vjs-poster:hover,
.video-container .vjs-poster:focus,
.video-container .vjs-loading-spinner:hover,
.video-container .vjs-loading-spinner:focus,
.video-container .vjs-text-track-display:hover,
.video-container .vjs-text-track-display:focus,
.video-container .vjs-big-play-button:hover,
.video-container .vjs-big-play-button:focus,
.video-container .vjs-control-bar:hover,
.video-container .vjs-control-bar:focus,
.video-container .vjs-error-display:hover,
.video-container .vjs-error-display:focus,
.video-container .vjs-caption-settings:hover,
.video-container .vjs-caption-settings:focus {
    cursor: default
}

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    height: 100%
}

.video-js {
    background: 0
}

.video-js .vjs-tech {
    position: relative;
    top: auto;
    left: auto;
    width: auto
}

.articles-module-hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50%;
    height: -webkit-calc(100% - 24em);
    height: calc(100% - 24em);
    min-height: 55em;
    margin: 0;
    padding: 0;
    background-color: #000
}

.articles-module-hero>div {
    position: absolute;
    top: 11.9em;
    right: 0;
    bottom: 0;
    left: 0
}

@media only screen and (min-width:90em) {
    .articles-module-hero>div {
        top: 6em
    }
}

.articles-module-hero>div .image-preview-container {
    height: 100%;
    padding-bottom: 0
}

.articles-module-content-container {
    position: relative;
    margin-top: 0;
    padding-top: 0
}

.articles-module-title {
    font-size: 5em;
    line-height: 1.2em;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 225em;
    margin: 0 auto;
    padding: 0 .2em;
    text-align: center
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-title {
        width: 83.33333%
    }
}

@media only screen and (min-width:90em) {
    .articles-module-title {
        width: 66.66667%
    }
}

.articles-module-content {
    position: relative;
    z-index: 1;
    width: 50%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 1em
}

.articles-module-content:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-content:first-of-type>p:first-of-type {
    margin-top: 0
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-content {
        width: 83.33333%
    }
}

@media only screen and (min-width:90em) {
    .articles-module-content {
        width: 50%
    }
}

.articles-module-content .standfirst {
    margin-top: 1.57895em;
    margin-bottom: 0
}

.articles-module-content>p {
    margin-top: 1.875em;
    margin-bottom: 0
}

.articles-module-content>p:first-of-type {
    margin-top: 2.8125em
}

.articles-module-content>.credits {
    margin-top: 1.875em;
    margin-bottom: 0
}

.articles-module-content>blockquote {
    margin-top: 3em;
    margin-bottom: 0
}

.articles-module-content>.buttons-image-sharing {
    margin: 6em auto 0
}

.articles-module-details {
    position: relative;
    z-index: 0;
    width: 100%;
    margin-top: 6em;
    padding: 0
}

@media only screen and (min-width:90em) {
    .articles-module-details {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: .75em;
        padding: 0 4em
    }
}

.articles-module-details>div {
    width: 100%;
    margin-top: 4.5em;
    padding: 0 1em
}

.articles-module-details>div:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-details>div {
        width: 83.33333%;
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }
}

@media only screen and (min-width:90em) {
    .articles-module-details>div {
        width: 16.66667%;
        margin-top: 0
    }
}

.articles-module-details .with-divider {
    position: relative;
    margin-top: 1.5em;
    padding-top: 1.5em
}

.articles-module-details .with-divider:first-of-type {
    margin-top: 0
}

.articles-module-details .with-divider:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    background-color: #ccc;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.articles-module-details .with-divider:before:hover,
.articles-module-details .with-divider:before:focus {
    cursor: default
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-details .with-divider {
        padding-right: 1em;
        padding-left: 1em
    }
    .articles-module-details .with-divider:before {
        right: 1em;
        left: 1em
    }
}

.articles-module-details .author-name,
.articles-module-details .atlas-regular {
    font-size: 1.4em;
    line-height: 1.60714em;
    max-width: 63em;
    margin: 0;
    padding: 0
}

.articles-module-details .category-title,
.articles-module-details .author-name {
    margin: 0;
    padding: 0
}

.articles-module-details .box-link {
    padding: 0
}

.articles-module-details .box-link:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-details .box-link .image {
    float: left;
    clear: both;
    width: 100%
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-details .box-link .image {
        width: 50%;
        padding-right: 1em;
        padding-left: 1em
    }
}

.articles-module-details .box-link .auction-content {
    float: left;
    clear: both
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-details .box-link .auction-content {
        clear: initial;
        margin-top: 0;
        padding-right: 1em;
        padding-left: 1em
    }
}

.articles-module-details .box-link .auction-content h6,
.articles-module-details .box-link .auction-content h5 {
    border: 0
}

.articles-module-details .box-link .auction-content .subtitle {
    margin-top: 0;
    padding-top: 0;
    border: 0
}

.articles-module-details .box-link .auction-content .subtitle:before {
    display: none
}

.articles-module-details .box-link .auction-content .title,
.articles-module-details .box-link .auction-content .style-guide-title {
    position: relative;
    margin-top: 1.02273em;
    padding-top: 1.36364em
}

.articles-module-details .box-link .auction-content .title:before,
.articles-module-details .box-link .auction-content .style-guide-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #000
}

.articles-module-details .box-link .title-box-container {
    float: left
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-details .box-link .title-box-container {
        padding-right: 1em;
        padding-left: 1em
    }
}

.articles-module-details .box-link .title-box-container .title-box {
    font-size: 1.2em;
    line-height: 1.875em;
    max-width: 54em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.25em;
    margin-left: 0;
    padding-top: 1.25em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.articles-module-details .fake-link {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.60714em;
    max-width: 63em;
    margin-top: .80357em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    text-decoration: none;
    text-transform: none
}

.articles-module-details .fake-link:first-child {
    margin-top: 0
}

.articles-module-details .buttons-image-sharing-container {
    padding-top: 6em;
    text-align: center
}

@media only screen and (min-width:90em) {
    .articles-module-details .buttons-image-sharing-container {
        padding-top: 1.5em;
        text-align: left
    }
}

@media only screen and (min-width:90em) {
    .articles-module-details.middle {
        top: 50%
    }
    .articles-module-details.middle>div {
        margin-right: 0;
        margin-left: auto
    }
    .articles-module-details.middle>div .box-link {
        padding-bottom: 1.5em;
        border-bottom: 1px solid #ccc
    }
}

.articles-module-details .buttons-image-sharing {
    padding: 0
}

.articles-module-image-container {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 6em;
    margin-right: auto;
    margin-left: auto
}

.articles-module-image-container:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:48em) {
    .articles-module-image-container {
        width: 66.66667%
    }
}

.articles-module-image-container.portrait {
    width: 66.66667%
}

@media only screen and (min-width:48em) {
    .articles-module-image-container.portrait {
        width: 50%
    }
}

.articles-module-image-container.portrait .image-caption {
    width: 100%
}

.articles-module-image-container.thin {
    width: 50%
}

@media only screen and (min-width:90em) {
    .articles-module-image-container.thin {
        width: 30%
    }
}

.articles-module-image-container.thin .image-caption {
    width: 100%
}

.articles-module-image-container.multiple {
    width: 83.33333%
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-image-container.multiple {
        width: 100%
    }
}

@media only screen and (min-width:90em) {
    .articles-module-image-container.multiple {
        width: 66.66667%
    }
}

.articles-module-image-container .image {
    width: 100%;
    padding: 0 1em
}

.articles-module-image-container .image-caption {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 .83333em
}

@media only screen and (min-width:48em) {
    .articles-module-image-container .image-caption {
        width: 75%;
        margin-left: 0
    }
}

.articles-module-image-container .image-column {
    float: left;
    width: 100%;
    margin-top: 4.5em
}

.articles-module-image-container .image-column:first-child {
    margin-top: 0
}

@media only screen and (min-width:48em) {
    .articles-module-image-container .image-column {
        width: 50%;
        margin-top: 0
    }
}

.articles-module-image-container .image-column .image-caption {
    width: 100%
}

.article-cta-container {
    margin-top: 4.5em;
    text-align: center
}

.articles-module-related {
    background-color: #f8f8f8
}

.articles-module-related .content-container {
    padding-top: 6em
}

.articles-module-related ul:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-related ul .box-link {
    float: left;
    width: 100%;
    margin-top: 1.5em
}

.articles-module-related ul .box-link:first-child {
    margin-top: 0
}

.articles-module-related ul .box-link .fake-link {
    display: none;
    color: #000
}

@media only screen and (min-width:48em) {
    .articles-module-related ul .box-link {
        width: 33.33333%;
        margin-top: 0
    }
}

@media only screen and (min-width:90em) {
    .articles-module-related ul .box-link .fake-link {
        display: inline-block
    }
}

.articles-module-related h4 {
    position: relative;
    margin: 0
}

.articles-module-related h4:first-of-type {
    margin-top: .46875em
}

.articles-module-related h4:last-of-type {
    padding-bottom: .70312em
}

.articles-module-related h4:last-of-type:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 1px;
    content: '';
    background-color: #000
}

.articles-module-related p {
    margin-top: .70312em
}

.articles-module-related .main-cta-container {
    margin-top: 4.5em;
    text-align: center
}

.articles-module-related-sales:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-related-sales .box-link {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 2.25em;
    padding: 0
}

.articles-module-related-sales .box-link>a {
    padding-bottom: 2.25em
}

.articles-module-related-sales .box-link>a:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-related-sales .box-link>a:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 1em;
    height: 1px;
    content: '';
    background-color: #ccc
}

.articles-module-related-sales .box-link:first-child {
    margin-top: 0
}

.articles-module-related-sales .box-link .fake-link {
    display: none
}

@media only screen and (min-width:48em) and (max-width:90em) {
    .articles-module-related-sales .box-link {
        width: 33.33333%;
        margin-top: 0
    }
}

@media only screen and (min-width:90em) {
    .articles-module-related-sales .box-link {
        width: 33.33333%;
        margin-top: 0
    }
    .articles-module-related-sales .box-link .fake-link {
        display: inline-block
    }
}

.articles-module-related-sales .box-link .image,
.articles-module-related-sales .box-link .content {
    float: left;
    width: 50%;
    padding: 0 1em
}

.articles-module-related-features:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-related-features .box-link {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3.75em;
    padding: 0 1em 2.25em
}

.articles-module-related-features .box-link:after {
    display: table;
    clear: both;
    content: ''
}

.articles-module-related-features .box-link:first-child {
    margin-top: 0
}

.articles-module-related-features .box-link:before {
    position: absolute;
    right: 1em;
    bottom: 0;
    left: 1em;
    content: '';
    border-bottom: 1px solid #ccc
}

.articles-module-related-features .box-link:nth-child(7).separator,
.articles-module-related-features .box-link:nth-child(8).separator {
    padding-bottom: 0
}

@media only screen and (min-width:48em) {
    .articles-module-related-features .box-link {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (min-width:90em) {
    .articles-module-related-features .box-link {
        width: 50%;
        margin-top: 0;
        border-bottom: 0
    }
    .articles-module-related-features .box-link:before {
        border-bottom: 0
    }
}

.articles-module-related-features .box-link.separator {
    position: relative;
    display: none;
    height: 1px;
    padding-top: 3em;
    padding-bottom: 1.5em
}

.articles-module-related-features .box-link.separator:last-child {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width:90em) {
    .articles-module-related-features .box-link.separator {
        display: block
    }
    .articles-module-related-features .box-link.separator:nth-child(7) {
        padding-top: 0;
        padding-bottom: 0
    }
}

.articles-module-related-features .box-link.separator:before {
    position: absolute;
    top: 0;
    right: 1em;
    left: 1em;
    padding: 0 1em;
    content: '';
    border-top: 1px solid #ccc
}

.articles-module-related-features .box-link .image,
.articles-module-related-features .box-link .content {
    float: left;
    padding: 0
}

@media only screen and (min-width:48em) {
    .articles-module-related-features .box-link .image,
    .articles-module-related-features .box-link .content {
        padding: 0 1em
    }
}

.articles-module-related-features .box-link .image {
    width: 100%
}

@media only screen and (min-width:48em) {
    .articles-module-related-features .box-link .image {
        width: 33.33333%
    }
}

.articles-module-related-features .box-link .content {
    width: 100%;
    margin-top: 1.5em
}

@media only screen and (min-width:48em) {
    .articles-module-related-features .box-link .content {
        width: 66.66667%;
        margin-top: 0
    }
}

.articles-module-related-features .box-link .content h6 {
    font-size: 2em;
    line-height: 1.5em;
    max-width: 90em;
    margin: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.articles-module-related-features .box-link .content p {
    font-size: 1.6em;
    line-height: 1.875em;
    max-width: 72em;
    margin-top: .46875em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.articles-module-related-department>li {
    float: left;
    width: 100%;
    padding: 0 1em
}

@media only screen and (min-width:48em) {
    .articles-module-related-department>li {
        width: 33.33333%
    }
    .articles-module-related-department>li:nth-child(2) a,
    .articles-module-related-department>li:nth-child(3) a {
        padding-top: 0
    }
}

.articles-module-related-department>li:nth-child(1) a {
    padding-top: 0
}

.articles-module-related-department>li h6 {
    margin: 0
}

.articles-module-related-department>li a {
    display: block;
    width: 100%;
    padding: 1.5em 0;
    -webkit-transition: border-bottom .2s;
    -moz-transition: border-bottom .2s;
    transition: border-bottom .2s;
    text-decoration: none;
    border-bottom: 1px solid #ccc
}

.articles-module-related-department>li a:hover,
.articles-module-related-department>li a:focus {
    border-bottom: 1px solid #d70c00
}

.container-modules {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0
}

.container-modules:first-child {
    padding-top: 12em
}

@media only screen and (min-width:90em) {
    .container-modules:first-child {
        padding-top: 6em
    }
}

.container-modules.dark-theme {
    background-color: #000
}

.container-modules.no-padding-top {
    padding-top: 0
}

.container-modules>li {
    position: relative;
    width: 100%;
    max-width: 128em;
    margin: 6em auto 0;
    padding: 0 1em
}

.container-modules>li:after {
    display: table;
    clear: both;
    content: ''
}

.container-modules>li:last-child,
.container-modules>li.has-margin-bottom {
    margin-bottom: 6em
}

@media only screen and (min-width:90em) {
    .container-modules>li {
        padding-right: 4em;
        padding-left: 4em
    }
}

.container-modules>li.dummy {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .5;
    color: #ccc!important;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.container-modules>li.dummy:hover,
.container-modules>li.dummy:focus {
    cursor: default
}

.container-modules>li.separator {
    width: 100%;
    max-width: none;
    height: .75em;
    margin: 6em 0 0;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.container-modules>li.separator:hover,
.container-modules>li.separator:focus {
    cursor: default
}

.container-modules>li.separator:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -.5px;
    content: '';
    background-color: #ccc
}

.container-modules>li.full,
.container-modules>li.full-width {
    max-width: none;
    padding-right: 0;
    padding-left: 0
}

.container-modules>li.no-margins {
    margin: 0 auto
}

.container-modules>li.no-margin-bottom {
    margin-bottom: 0
}

.lightbox-module {
    position: fixed;
    z-index: 10001;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    pointer-events: none;
    opacity: 0;
    outline: 0;
    background-color: #000;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.lightbox-module:hover,
.lightbox-module:focus {
    cursor: default
}

.lightbox-module.open {
    top: 0;
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    opacity: 1;
    -webkit-touch-callout: auto;
    -ms-touch-action: auto;
    touch-action: auto
}

.lightbox-module.open:hover,
.lightbox-module.open:focus {
    cursor: auto
}

.lightbox-module-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.lightbox-module-list-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    pointer-events: none;
    opacity: 0;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.lightbox-module-list-item:hover,
.lightbox-module-list-item:focus {
    cursor: default
}

.lightbox-module-list-item.active {
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    opacity: 1;
    -webkit-touch-callout: auto;
    -ms-touch-action: auto;
    touch-action: auto
}

.lightbox-module-list-item.active:hover,
.lightbox-module-list-item.active:focus {
    cursor: auto
}

.lightbox-module-list-item .image-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media only screen and (min-width:90em) {
    .lightbox-module-list-item .image-preview {
        position: absolute;
        top: 0;
        right: 7.5em;
        bottom: 0;
        left: 7.5em
    }
}

.show-content .lightbox-module-list-item .image-preview {
    right: 33.33333%;
    background-position: top right
}

.lightbox-module-overlay {
    position: absolute;
    right: 0;
    width: 100%;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    background-color: rgba(0, 0, 0, .9)
}

:hover .lightbox-module-overlay,
:focus .lightbox-module-overlay {
    opacity: 1
}

.overlayBG {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    transition: opacity .5s;
    opacity: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5)
}

.overlayBG.open {
    transition: opacity .5s;
    opacity: 1
}

@media only screen and (min-width:90em) {
    .lightbox-module-overlay {
        opacity: 0
    }
    :hover .lightbox-module-overlay,
    :focus .lightbox-module-overlay {
        opacity: 0
    }
    .show-content .lightbox-module-overlay {
        opacity: 1
    }
}

.lightbox-module-controls {
    z-index: 1;
    top: 0
}

.lightbox-module-controls:after {
    display: table;
    clear: both;
    content: ''
}

.lightbox-module-controls.lightbox-module-controls-desktop {
    display: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    outline: 0;
    background-color: transparent;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.lightbox-module-controls.lightbox-module-controls-desktop:hover,
.lightbox-module-controls.lightbox-module-controls-desktop:focus {
    cursor: default
}

@media only screen and (min-width:90em) {
    .lightbox-module-controls.lightbox-module-controls-desktop {
        display: inline-block;
        width: auto;
        cursor: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
        pointer-events: auto;
        -webkit-touch-callout: auto;
        -ms-touch-action: auto;
        touch-action: auto
    }
    .lightbox-module-controls.lightbox-module-controls-desktop:hover,
    .lightbox-module-controls.lightbox-module-controls-desktop:focus {
        cursor: auto
    }
    .lightbox-module-controls.lightbox-module-controls-touch {
        display: none;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        outline: 0;
        -webkit-touch-callout: none;
        -ms-touch-action: none;
        touch-action: none
    }
    .lightbox-module-controls.lightbox-module-controls-touch:hover,
    .lightbox-module-controls.lightbox-module-controls-touch:focus {
        cursor: default
    }
}

.lightbox-module-counter {
    font-family: 'Atlas Grotesk Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14286em;
    width: 100%;
    max-width: 63em;
    max-width: 55em;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 1.07143em;
    margin-left: auto;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: gray;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.lightbox-module-counter:hover,
.lightbox-module-counter:focus {
    cursor: default
}

.lightbox-module-counter:last-child {
    margin-top: 3.21429em;
    margin-bottom: 0
}

@media only screen and (min-width:90em) {
    .lightbox-module-counter:not(.lightbox-module-counter-desktop) {
        display: none
    }
}

.lightbox-module-content {
    bottom: 0;
    padding: 1.5em
}

@media only screen and (min-width:90em) {
    .lightbox-module-content {
        top: 0;
        right: 7.5em;
        left: 66.666666666666666%;
        width: auto
    }
}

.lightbox-module-content>p {
    margin-right: auto;
    margin-left: auto;
    color: #fff
}

.lightbox-module-content>p:first-of-type {
    margin-top: 0
}

.mslp-module {
    padding: 4.5em 0 0
}

@media only screen and (min-width:90em) {
    .mslp-module {
        padding: 0
    }
}

.mslp-module-gallery {
    overflow: hidden
}

.mslp-counter {
    font-size: 1.25em;
    line-height: 3.6em;
    position: absolute;
    top: 0;
    left: .8em;
    display: inline-block;
    max-width: 56.25em;
    margin: 0;
    padding: 0;
    color: #fff
}

@media only screen and (min-width:90em) {
    .mslp-counter {
        display: none;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        outline: 0;
        -webkit-touch-callout: none;
        -ms-touch-action: none;
        touch-action: none
    }
    .mslp-counter:hover,
    .mslp-counter:focus {
        cursor: default
    }
}

.mslp-buttons-container {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 9em
}

.mslp-buttons-container:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .mslp-buttons-container {
        top: 50%;
        width: 4.5em;
        margin-top: -4.5em
    }
}

.mslp-button {
    position: relative;
    float: right
}

.mslp-list {
    position: relative;
    max-width: 120em;
    margin: 0 auto
}

.mslp-list-item-for-size {
    position: relative;
    visibility: hidden;
    width: 100%;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    background-color: red;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.mslp-list-item-for-size:hover,
.mslp-list-item-for-size:focus {
    cursor: default
}

.mslp-list-item-for-size>div:after {
    display: table;
    clear: both;
    content: ''
}

.mslp-list-item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    padding: 0;
    opacity: .5
}

.mslp-list-item.position--2 {
    left: -200%;
    visibility: visible;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.mslp-list-item.position--2:hover,
.mslp-list-item.position--2:focus {
    cursor: default
}

.move-left .mslp-list-item.position--2 {
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    transition: left .5s
}

.mslp-list-item.position--1 {
    left: -100%;
    visibility: visible;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    transition: left .5s
}

.mslp-list-item.position-0 {
    z-index: 1;
    left: 0;
    visibility: visible;
    -webkit-transition: left .5s, opacity .5s;
    -moz-transition: left .5s, opacity .5s;
    transition: left .5s, opacity .5s;
    opacity: 1
}

.mslp-list-item.position-1 {
    left: 100%;
    visibility: visible;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    transition: left .5s
}

.mslp-list-item.position-2 {
    left: 200%;
    visibility: visible;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.mslp-list-item.position-2:hover,
.mslp-list-item.position-2:focus {
    cursor: default
}

.move-right .mslp-list-item.position-2 {
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    transition: left .5s
}

.mslp-list-item .mslp-list-item-content {
    padding-bottom: 3em
}

.mslp-list-item .mslp-list-item-content:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .mslp-list-item .mslp-list-item-content {
        padding-bottom: 0
    }
}

.mslp-image {
    float: left;
    width: 100%;
    padding: 0 1em
}

@media only screen and (min-width:64em) and (max-width:90em) {
    .mslp-image {
        width: 66.66667%
    }
}

@media only screen and (min-width:90em) {
    .mslp-image {
        width: 75%
    }
}

.mslp-content {
    float: left;
    width: 100%;
    padding: 0 1em;
    text-align: center;
    color: #fff
}

@media only screen and (min-width:64em) and (max-width:90em) {
    .mslp-content {
        width: 33.33333%
    }
}

@media only screen and (min-width:90em) {
    .mslp-content {
        width: 25%
    }
}

.mslp-content .mslp-content-subtitle {
    margin: 2.72727em 0 1.36364em;
    text-align: left;
    color: #ccc
}

.mslp-content .mslp-content-title {
    position: relative;
    margin: 0 0 .5em;
    padding-bottom: .5em;
    text-align: left;
    color: #fff
}

.mslp-content .mslp-content-title:after {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: .5em;
    height: 1px;
    content: '';
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    background-color: #fff
}

.mslp-content .mslp-content-details {
    margin: 0 0 2.72727em;
    text-align: left;
    color: #fff
}

.mslp-content .mslp-content-link {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    pointer-events: none;
    color: #fff;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.mslp-content .mslp-content-link:hover,
.mslp-content .mslp-content-link:focus {
    cursor: default
}

.mslp-content .mslp-content-cta {
    margin: 0;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.mslp-content .mslp-content-cta:hover,
.mslp-content .mslp-content-cta:focus {
    cursor: default
}

.mslp-content .mslp-content-image-caption {
    margin: 2.5em 0 0;
    text-align: left;
    color: #ccc
}

@media only screen and (min-width:64em) {
    .mslp-content .mslp-content-image-caption {
        font-size: 1.2em;
        line-height: 1.875em;
        position: absolute;
        right: 0;
        bottom: 2.25em;
        max-width: 54em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-right: .625em;
        padding-bottom: 0;
        padding-left: .625em
    }
}

@media only screen and (min-width:64em) and (max-width:90em) {
    .mslp-content .mslp-content-image-caption {
        width: 33.33333%
    }
}

@media only screen and (min-width:90em) {
    .mslp-content .mslp-content-subtitle {
        margin-top: 9.54545em
    }
    .mslp-content .mslp-content-link {
        display: inline-block
    }
    .mslp-content .mslp-content-cta {
        display: none
    }
    .mslp-content .mslp-content-image-caption {
        bottom: 1.5em;
        width: 25%
    }
}

.mslp-list-item-content:hover .mslp-content-title:after,
.mslp-list-item-content:focus .mslp-content-title:after {
    background-color: gray
}

.mslp-list-item-content:hover .mslp-content-cta:before,
.mslp-list-item-content:focus .mslp-content-cta:before {
    border-color: gray
}

.videos-module-gallery-container {
    overflow: initial;
    padding: 0
}

.videos-module-gallery-container .videos-module-gallery-buttons-container-for-size-container {
    visibility: hidden;
    width: 100%;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: 1;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.videos-module-gallery-container .videos-module-gallery-buttons-container-for-size-container:hover,
.videos-module-gallery-container .videos-module-gallery-buttons-container-for-size-container:focus {
    cursor: default
}

@media only screen and (min-width:90em) {
    .videos-module-gallery-container .videos-module-gallery-buttons-container-for-size-container {
        width: 66.66667%
    }
}

@media only screen and (min-width:90em) {
    .videos-module-gallery-container .videos-module-gallery-buttons-container-for-size {
        margin-bottom: 0!important;
        padding-bottom: 62.5%
    }
}

.videos-module-gallery-buttons-container {
    position: absolute;
    top: auto;
    right: 2em;
    bottom: 100%;
    opacity: 1
}

.videos-module-gallery-buttons-container:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .videos-module-gallery-buttons-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto
    }
}

.videos-module-gallery-buttons-container>li {
    float: right
}

@media only screen and (min-width:90em) {
    .videos-module-gallery-buttons-container>li {
        float: none
    }
}

.video-module-gallery-wrapper {
    position: relative;
    width: 100%;
    max-width: 128em;
    margin: 0 auto
}

.video-module-gallery-wrapper>div {
    padding: 0 1em
}

.video-module-gallery-wrapper>div:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .video-module-gallery-wrapper>div {
        padding: 0 4em
    }
}

.videos-module-gallery {
    position: relative;
    top: auto;
    left: auto
}

.videos-module-gallery .box-link {
    padding: 0
}

.videos-module-gallery .box-link>a:after {
    display: table;
    clear: both;
    content: ''
}

.videos-module-gallery .box-link>a .image {
    float: left;
    width: 100%;
    padding: 0 1em
}

@media only screen and (min-width:90em) {
    .videos-module-gallery .box-link>a .image {
        width: 66.66667%
    }
}

.videos-module-gallery .box-link>a .content {
    float: left;
    width: 100%;
    padding: 0 1em
}

.videos-module-gallery .box-link>a .content:after {
    display: table;
    clear: both;
    content: ''
}

@media only screen and (min-width:90em) {
    .videos-module-gallery .box-link>a .content {
        width: 33.33333%
    }
}

.videos-module-gallery .box-link>a .content h3 {
    margin-bottom: .42857em
}

.videos-module-gallery .box-link>a .content .gallery-counter {
    float: right;
    margin-top: 1.5em
}

@media only screen and (min-width:90em) {
    .videos-module-gallery .box-link>a .content .gallery-counter {
        float: none;
        margin-top: 0;
        margin-bottom: 4.5em
    }
}

.videos-module-gallery .box-link>a .content .main-cta {
    width: 100%;
    max-width: none;
    margin-top: 1.5em;
    text-align: center
}

@media only screen and (min-width:90em) {
    .videos-module-gallery .box-link>a .content .main-cta {
        width: auto
    }
}

.videos-module-gallery .box-link>a:hover .main-cta,
.videos-module-gallery .box-link>a:focus .main-cta {
    color: #fff!important;
    background-color: #000!important
}

.videos-module {
    width: 100%;
    margin-top: .75em
}

.videos-module tr {
    height: 7.6875em
}

.videos-module tr:after {
    display: table;
    clear: both;
    content: ''
}

.videos-module tr:first-of-type td:first-of-type a:before {
    border-top: 1px solid #ccc
}

@media only screen and (min-width:90em) {
    .videos-module tr:first-of-type td a:before {
        border-top: 1px solid #ccc
    }
}

.videos-module td {
    position: relative;
    float: left;
    width: 100%;
    min-height: 7.6875em;
    padding: 0 1em;
    vertical-align: middle
}

@media only screen and (min-width:90em) {
    .videos-module td {
        float: none;
        width: 50%
    }
}

.videos-module td a {
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: initial;
    margin: 0;
    padding: 0;
    padding: .75em 0 .75em 12.5em;
    text-decoration: none;
    text-indent: initial;
    color: inherit;
    background-color: transparent
}

.videos-module td a:before {
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    left: 1em;
    content: '';
    -webkit-transition: border-bottom .2s;
    -moz-transition: border-bottom .2s;
    transition: border-bottom .2s;
    border-bottom: 1px solid #ccc
}

.videos-module td a:focus:before,
.videos-module td a:hover:before {
    border-bottom: 3px solid #d70c00
}

.videos-module td a:focus .play,
.videos-module td a:hover .play {
    opacity: 1
}

.videos-module td a .image {
    position: absolute;
    top: 50%;
    left: 1em;
    width: 11em;
    height: 0;
    margin-top: -3.09375em;
    padding-bottom: 6.1875em;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.videos-module td a .image .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.875em 0 0 -1.875em
}

.videos-module td a h6 {
    margin: 0;
    padding: 0
}

.inline-block {
    display: inline-block
}

.vertically-centered-content,
.vcc {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.vertically-centered-content>:first-child,
.vcc>:first-child {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.not-clickable {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    outline: 0;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none
}

.not-clickable:hover,
.not-clickable:focus {
    cursor: default
}

.clickable {
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    -webkit-touch-callout: auto;
    -ms-touch-action: auto;
    touch-action: auto
}

.clickable:hover,
.clickable:focus {
    cursor: auto
}

.font-weight_bold,
.f-w_b {
    font-weight: 700
}

.font-style_italic,
.f-s_i {
    font-style: italic
}

.text-align_left,
.t-a_l {
    text-align: left
}

.text-align_center,
.t-a_c {
    text-align: center
}

.text-align_right,
.t-a_r {
    text-align: right
}

.text-align_justify,
.t-a_j {
    text-align: justify;
    text-justify: inter-word
}

.uppercase,
.text-transform_uppercase,
.t-t_u {
    text-transform: uppercase
}

.capitalize,
.text-transform_capitalize,
.t-t_c {
    text-transform: capitalize
}

.underline,
.text-decoration_underline,
.t-d_u {
    text-decoration: underline
}

.line-through .text-decoration_line-through,
.t-d_b {
    text-decoration: line-through
}

.left,
.float_left,
.f_l {
    float: left
}

.right,
.float_right,
.f_r {
    float: right
}

.clear-both,
.clear_both {
    clear: both
}

.clearfix:after,
.clear-fix:after {
    display: table;
    clear: both;
    content: ''
}

.center {
    margin: 0 auto;
    text-align: center
}

.align-left {
    margin: 0 auto 0 0
}

.align-right {
    margin: 0 0 0 auto
}

.margin_auto,
.m_a {
    margin: 0 auto;
    text-align: center
}

.no-vertical-margins {
    margin-top: 0;
    margin-bottom: 0
}

.no-horizontal-margins {
    margin-right: 0;
    margin-left: 0
}

.no-margins,
.margin_0,
.m_0 {
    margin: 0
}

.no-top-margin,
.no-margin-top,
.margin-top_0,
.m-t_0 {
    margin-top: 0
}

.no-right-margin,
.no-margin-right,
.margin-right_0,
.m-r_0 {
    margin-right: 0
}

.no-bottom-margin,
.no-margin-bottom,
.margin-bottom_0,
.m-b_0 {
    margin-bottom: 0
}

.no-left-margin,
.no-margin-left,
.margin-left_0,
.m-l_0 {
    margin-left: 0
}

body>div#wrapper {
    overflow: hidden
}

header.main {
    box-sizing: content-box;
    height: 60px;
    border-bottom: 1px solid #ccc
}

header.main .logo {
    float: left;
    height: 60px;
    margin-left: 20px
}

header.main .topRight {
    float: right;
    height: 61px
}

nav.main-nav>ul ul {
    display: table
}

nav.main-nav {
    float: right;
    width: auto
}

.hamburger {
    display: none
}

nav.main-nav>ul {
    float: left;
    margin: 0;
    padding-left: 0
}

nav.main-nav li {
    font-family: 'atlas grotesk web', arial;
    position: relative;
    z-index: 100;
    float: left;
    margin: 0;
    padding: 0 20px;
    list-style: none
}

nav.main-nav ul li>ul {
    opacity: 0
}

nav.main-nav ul li:hover>ul {
    width: 100%;
    min-width: 210px;
    margin-left: 0;
    transition: opacity .3s;
    opacity: 1;
    background: #fff
}

nav.main-nav li a.return {
    display: none
}

nav.main-nav li a {
    line-height: 60px;
    position: relative;
    display: inline-block;
    height: 60px;
    text-decoration: none;
    text-transform: uppercase
}

nav.main-nav li:not(.search)>a:before,
nav.main-nav>ul>li.search:hover:after,
nav.main-nav>ul>li.sub-language:hover:after {
    content: ''
}

nav.main-nav li>a:before,
nav.main-nav>ul>li.search:hover:after,
nav.main-nav>ul>li.sub-language:hover:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    background-color: #d70c00
}

nav.main-nav a.cta::before {
    background-color: transparent
}

nav.main-nav>ul>li:not(.login):hover>a:before,
nav.main-nav>ul>li.search:hover:after,
nav.main-nav>ul>li.sub-language:hover:after {
    height: 3px
}

nav.main-nav>ul>li.currentPage>a:before {
    height: 1px
}

nav.main-nav ul ul {
    position: absolute;
    z-index: 1;
    left: -10px;
    padding-left: 0
}

nav.main-nav li li a:not(.cta) {
    font-size: 14px
}

nav.main-nav>ul>li:first-child>ul,
nav.main-nav>ul>li:nth-child(2)>ul,
nav.main-nav>ul>li:nth-child(3)>ul,
nav.main-nav>ul>li:nth-child(4)>ul,
nav.main-nav>ul>li:nth-child(5)>ul,
nav.main-nav>ul>li:nth-child(6)>ul {
    position: absolute;
    left: 50%;
    width: 240px;
    margin: auto;
    margin-left: -120px
}

nav.main-nav .menu-item:before {
    font-size: 3em;
    position: absolute;
    top: .5em;
    display: none;
    opacity: 0
}

nav.main-nav li.icon {
    overflow: visible
}

nav.main-nav li.search>a:before {
    font-size: 20px;
    line-height: 60px;
    top: 0;
    display: block;
    opacity: 1;
    background: #fff
}

nav.main-nav>ul>li.search {
    padding: 0 20px
}

nav.main-nav>ul>li.search a {
    font-size: 20px;
    width: 25px
}

nav.main-nav ul ul li,
nav.main-nav ul ul ul li {
    z-index: 1;
    display: none;
    width: 100%;
    height: 0;
    padding: 0 10px;
    transition: background-color .2s, color .2s;
    color: #000;
    border: 1px solid #ccc;
    border-bottom: 0
}

nav.main-nav ul ul li:last-child {
    border-bottom: 1px solid #ccc
}

nav.main-nav ul>li:hover>ul>li:not(.imo) {
    z-index: 100;
    display: table;
    height: auto
}

nav.main-nav ul ul li a {
    display: block;
    text-align: center;
    text-transform: none
}

nav.main-nav>ul>li>ul>li:hover,
nav.main-nav>ul>li>ul>li>ul>li:hover {
    background: #f8f8f8
}

nav.main-nav>ul>li>ul>li:hover:before,
nav.main-nav>ul>li>ul>li>ul>li:hover::before,
nav.main-nav>ul>li>ul>li:focus:before,
nav.main-nav>ul>li>ul>li>ul>li:focus::before,
nav.main-nav>ul>li>ul>li:active:before,
nav.main-nav>ul>li>ul>li>ul>li:active::before {
    width: 3px
}

nav.main-nav ul ul ul {
    top: 0;
    left: 100%
}

nav.main-nav li.login,
nav.main-nav li.sub-language,
nav.main-nav li.search {
    width: auto;
    border-left: 1px solid #ccc
}

nav.main-nav>ul>li.sub-language>ul {
    position: absolute;
    left: 0;
    width: 99px;
    min-width: 99px;
    margin: 0;
    padding: 0
}

nav.main-nav>ul>li>ul.container>li:hover::before {
    width: 0
}

nav.main-nav>ul>li>ul.container>li:hover {
    background: #fff
}

.menu-item.login ul.container {
    display: none;
    width: 540px;
    max-width: none;
    padding: 0
}

.menu-item.login ul.container li {
    background: #fff
}

.menu-item.login:hover::after {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    content: '';
    border-bottom: 1px solid #fff
}

nav.main-nav li.login:hover ul.container {
    display: block;
    overflow: hidden
}

nav.main-nav ul.container.logged-in {
    left: -101px;
    width: auto;
    height: auto;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

nav.main-nav ul.container.logged-in li {
    width: 280px;
    padding-top: 30px;
    border-top: 0;
    border-bottom: 0
}

nav.main-nav ul.container.logged-in li:last-child {
    padding-bottom: 20px
}

nav.main-nav ul.container.logged-in li a:not(.cta) {
    line-height: 21px;
    height: auto;
    text-align: left
}

nav.main-nav ul.container.logged-out {
    left: -407px;
    margin: 0
}

.menu-item.login ul.container div.action {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0
}

.menu-item.login ul.container div.action:first-child {
    padding-right: 20px
}

.menu-item.login ul.container div.action p:first-child {
    line-height: 14px;
    margin-top: 30px;
    margin-bottom: 20px
}

.menu-item.login ul.container a.forgotlink {
    line-height: auto;
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0 40px;
    text-align: right
}

.menu-item.login ul.container a.forgotlink:hover {
    color: gray
}

.menu-item.login ul.container .cta {
    width: 100%;
    margin-bottom: 20px
}

.menu-item.login ul.container input,
.menu-item.login ul.container a.cta,
.menu-item.login ul.container button.cta {
    line-height: 50px;
    height: 50px
}

.menu-item.login ul.container input[type=password] {
    margin-top: 20px;
    margin-bottom: 0
}

nav.main-nav ul li.login ul li {
    padding: 0 20px
}

@media screen and (min-width:64.1em) {
    nav.main-nav ul ul li:not(.imo):before,
    nav.main-nav ul ul ul li::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 60px;
        content: '';
        background-color: #d70c00
    }
    li.icon.imo,
    li.icon.imo a,
    li.icon.imo a:before {
        overflow: hidden;
        height: 0;
        border: 0
    }
    nav.main-nav ul.container.logged-out li {
        top: 0
    }
}

@media screen and (min-width:64.1em) and (max-width:1023px) {
    nav.main-nav ul.container.logged-out li {
        top: -1px
    }
}

@media screen and (min-width:1025px) and (max-width:1330px) {
    nav.main-nav li {
        padding: 0 9px
    }
    nav.main-nav ul.container.logged-in {
        left: -123px
    }
    nav.main-nav>ul>li.sub-language>ul {
        left: -14px
    }
    header.main .logo {
        width: 180px;
        margin: 0;
        background: url(../../images/header_footer/christies_mobile_logo.svg) 20px 20px / 155px auto no-repeat
    }
    header.main .logo img {
        display: none
    }
}
/*
@media screen and (max-width:64em) {
    .menu-item.login:hover::after,
    .menu-item.login:focus::after,
    .menu-item.login:active::after {
        border-bottom: 0
    }
    .hovered {
        -webkit-user-select: none;
        -webkit-touch-callout: none
    }
    header.main .logo {
        position: fixed;
        z-index: 30;
        width: 60%;
        margin: 0;
        background: url(../../images/header_footer/christies_mobile_logo.svg) 20px 20px / 155px auto no-repeat
    }
    header.main .logo img {
        display: none
    }
    nav.main-nav ul.main-menu {
        left: 100%;
        margin-top: 61px;
        transition: left .3s ease-out
    }
    nav.main-nav li.icon:before,
    nav.main-nav a.icon:before {
        display: block;
        opacity: 1
    }
    nav.main-nav ul ul li a {
        font-size: 1.4em;
        text-align: left
    }
    nav.main-nav {
        float: left;
        clear: both;
        width: 100%;
        height: 0
    }
    header.main .topRight {
        position: fixed;
        z-index: 20;
        width: 100%;
        border-bottom: 1px solid #ccc;
        background: #fff
    }
    nav.main-nav li {
        z-index: auto
    }
    nav.main-nav li a {
        height: 50px
    }
    nav.main-nav ul ul li,
    nav.main-nav ul ul ul li {
        background: #fff
    }
    nav.main-nav ul ul li a:not(.forgotlink) {
        text-transform: uppercase
    }
    nav.main-nav li li a.return {
        font: 20px Baskerville10Pro, Georgia, Cambria, 'Times New Roman', Times, serif;
        text-align: center;
        text-transform: none;
        -webkit-font-smoothing: antialiased
    }
    nav.main-nav ul {
        position: fixed;
        width: 100%;
        background: #fff
    }
    nav.main-nav ul>li:hover>ul>li,
    nav.main-nav ul.main-menu li {
        display: block;
        float: none;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        border-bottom: 0
    }
    nav.main-nav ul.main-menu>li {
        border-bottom: 1px solid #ccc
    }
    nav.main-nav ul.main-menu ul:nth-child(1n) {
        position: fixed;
        top: 60px;
        left: 100%;
        width: 100%;
        margin-left: 0;
        transition: left .3s ease-out .5s;
        opacity: 1
    }
    nav.main-nav ul.main-menu li a {
        line-height: 50px;
        display: block;
        width: 100%
    }
    nav.main-nav>ul>li:hover:not(.login)>a::before {
        height: 0
    }
    nav.main-nav ul li.hovered:hover,
    nav.main-nav ul li li.hovered:hover {
        background: #f8f8f8
    }
    nav.main-nav ul li:not(.search).hovered:hover>a:before {
        left: -20px;
        width: 3px;
        height: 50px
    }
    nav.main-nav ul li li.hovered:hover>a:before {
        left: -11px
    }
    nav.main-nav ul ul li:before,
    nav.main-nav ul ul ul li::before {
        font-size: 2.5em;
        position: absolute;
        top: 15px;
        height: 50px
    }
    nav.main-nav>ul>li>ul>li:hover:before,
    nav.main-nav>ul>li>ul>li>ul>li:hover::before,
    nav.main-nav ul ul li:before,
    nav.main-nav ul ul ul li::before {
        width: auto;
        background: 0
    }
    nav.main-nav li.icon::before,
    nav.main-nav a.icon::before {
        right: 20px
    }
    div.topRight nav.main-nav li.christies-icon_left-arrow::before {
        right: auto
    }
    nav.main-nav ul.main-menu.open,
    nav.main-nav.level-2-open ul.main-menu li.active>ul,
    nav.main-nav.level-3-open ul.main-menu ul li.active>ul,
    nav.main-nav.level-3-open ul.main-menu>ul:nth-child(1n) {
        left: 0;
        transition: left .3s ease-out .5s
    }
    nav.main-nav.level-3-open ul.main-menu>li.menu-item.active>ul {
        left: -100%
    }
    nav.main-nav.menuActive ul.main-menu {
        left: -100%
    }
    nav.main-nav.level-3-open ul.main-menu>ul {
        left: -100%
    }
    nav.main-nav>ul.actions {
        position: fixed;
        z-index: 30;
        width: 100%;
        background: #fff
    }
    nav.main-nav>ul.actions li.login,
    nav.main-nav li.sub-language,
    nav.main-nav li.search {
        display: block;
        float: right
    }
    nav.main-nav>ul.actions li.sub-language,
    nav.main-nav li.login:hover ul.container {
        display: none
    }
    nav.main-nav ul.main-menu li.sign-in {
        height: auto;
        background: #fff
    }
    nav.main-nav>ul>li.login button::before {
        width: 100%;
        height: 0;
        transition: height .3s ease-out
    }
    nav.main-nav>ul>li.login:hover button::before,
    nav.main-nav .main-menu.open~ul>li.login button::before {
        width: 100%;
        height: 3px
    }
    nav.main-nav div.action {
        padding: 15px;
        background: #fff
    }
    nav.main-nav ul ul li a.forgotlink {
        margin: 0;
        text-align: right
    }
    nav.main-nav div.action input[type=password] {
        margin-top: 20px;
        margin-bottom: 0
    }
    nav.main-nav div.action button {
        width: 100%;
        margin: 0 0 40px
    }
    nav.main-nav strong {
        font-weight: 700
    }
    nav.main-nav>ul.actions li.login {
        padding: 0
    }
    nav.main-nav>ul.actions li.login a {
        display: none
    }
    nav.main-nav>ul.actions li.search {
        padding: 0
    }
    nav.main-nav>ul.actions li.search a {
        font-size: 24px;
        width: 60px;
        height: 60px;
        padding: 0;
        text-align: center;
        background: #fff
    }
    .hamburger {
        font-size: 0;
        position: relative;
        display: block;
        overflow: hidden;
        width: 56px;
        height: 60px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        transition: background .3s ease;
        text-indent: -9999px;
        border: medium none
    }
    .hamburger span.toggle {
        position: absolute;
        top: 29px;
        right: 18px;
        left: 18px;
        display: block;
        height: 3px;
        border-radius: 1px;
        background: #000
    }
    .hamburger span.toggle::before,
    .hamburger span.toggle::after {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        content: '';
        border-radius: 1px;
        background-color: #000
    }
    .hamburger:focus {
        outline: 0
    }
    .hamburger span.line {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 0;
        transition-duration: .3s, .3s;
        background: #d70c00
    }
    .hamburger span.toggle::before {
        top: -7px
    }
    .hamburger span.toggle::after {
        bottom: -7px
    }
    .hamburger--htx {
        background-color: #fff
    }
    .hamburger--htx span.toggle {
        transition: background 0s .3s
    }
    .hamburger--htx span.toggle::before,
    .hamburger--htx span.toggle::after {
        transition-delay: .3s, 0s;
        transition-duration: .3s, .3s
    }
    .hamburger--htx span.toggle::before {
        transition-property: top, transform
    }
    .hamburger--htx span.toggle::after {
        transition-property: bottom, transform
    }
    .hamburger.is-active span.line {
        height: 3px;
        transition-delay: .9s, 0s;
        transition-duration: .3s, .3s
    }
    .hamburger--htx.is-active span.toggle {
        background: 0
    }
    .hamburger--htx.is-active span.toggle::before {
        top: 0;
        transform: rotate(45deg)
    }
    .hamburger--htx.is-active span.toggle::after {
        bottom: 0;
        transform: rotate(-45deg)
    }
    .hamburger--htx.is-active span.toggle::before,
    .hamburger--htx.is-active span.toggle::after {
        transition-delay: 0s, .3s
    }
    button.hamburger:hover:not([disabled]),
    button.hamburger:focus:not([disabled]),
    button.hamburger:active:not([disabled]) {
        color: #000;
        background-color: #fff
    }
}
*/
/*
@media screen and (max-height:479px) {
    nav.main-nav li.icon:before,
    nav.main-nav a.icon:before {
        font-size: 18px;
        top: 6px
    }
    nav.main-nav ul>li:hover>ul>li,
    nav.main-nav ul.main-menu li,
    nav.main-nav ul li.christies-icon_left-arrow a,
    nav.main-nav ul.main-menu li a,
    nav.main-nav ul li.hovered:hover>a:before {
        line-height: 30px;
        height: 30px
    }
    nav.main-nav ul ul li.christies-icon_left-arrow:before,
    nav.main-nav ul ul ul li.christies-icon_left-arrow::before {
        font-size: 18px
    }
}

@media screen and (max-height:320px) {
    nav.main-nav .christies-icon_left-arrow:before,
    nav.main-nav .christies-icon_right-chevron:before {
        font-size: 15px;
        top: 6px
    }
    nav.main-nav ul>li:hover>ul>li,
    nav.main-nav ul.main-menu li,
    nav.main-nav ul li.christies-icon_left-arrow a,
    nav.main-nav ul.main-menu li a,
    nav.main-nav ul li.hovered:hover>a:before {
        line-height: 25px;
        height: 25px
    }
    nav.main-nav ul ul li.christies-icon_left-arrow:before,
    nav.main-nav ul ul ul li.christies-icon_left-arrow::before {
        font-size: 15px;
        top: 5px
    }
    nav.main-nav ul li.christies-icon_left-arrow a {
        font-size: 16px
    }
}
*/
@media only screen and (-webkit-min-device-pixel-ratio:1) {
    nav.main-nav ul ul ul {
        top: -1px
    }
}

footer {
    position: relative
}

ul.footer-links {
    position: relative;
    display: table;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 40px;
    padding: 40px 50px;
    background: #f8f8f8
}

ul.footer-links li {
    font-family: 'atlas grotesk web', arial;
    list-style: none
}

ul.footer-links>li {
    display: table-cell;
    box-sizing: border-box;
    width: 25%;
    padding-right: 20px
}

ul.footer-links>li:last-child {
    padding-right: 0
}

ul.footer-links li a {
    display: inline-block;
    margin: 5px 0
}

ul.footer-links li h5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc
}

ul.footer-links>ul {
    display: table;
    width: 100%;
    padding: 0
}

ul.footer-links div.accordionContent.forceOpen {
    max-height: auto
}

ul.footer-links>li>ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    padding: 0
}

ul.footer-links>li>ul a {
    font-size: 14px;
    line-height: 25px;
    text-decoration: none
}

ul.footer-links>li>ul:last-child {
    margin-right: 0
}

ul.footer-links>ul ul {
    padding: 0
}

ul.footer-links>ul>li li {
    line-height: 40px;
    list-style: none
}

ul.footer-links>li>ul li:last-of-type {
    margin-bottom: 10px
}

.signup-container {
    position: relative;
    width: 90%;
    margin: 0
}

.signup-container input {
    font-size: 14px;
    box-sizing: border-box;
    height: 40px;
    padding-right: 0;
    border: 1px solid #ccc;
    outline: 0
}

.signup-container button {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: border .3s;
    border: 1px solid #ccc
}

.signup-container button.icon:before {
    font-size: 24px;
    line-height: 38px
}

.signup-container input[type=email]:hover+button,
.signup-container input[type=text]:hover+button,
.signup-container input[type=email]:focus+button,
.signup-container input[type=text]:focus+button {
    border: 1px solid #000
}

.e-cat-download-area {
    display: none
}

.e-cat-download-area.active {
    display: block
}

.e-cat-download-area .close {
    position: absolute;
    top: 17px;
    right: 12px;
    width: 15px;
    height: 15px;
    padding: 0;
    background-position: -858px -144px
}

.e-cat-download-area .close:hover {
    background-position: -858px -204px
}

#eCatIFrame {
    display: block;
    width: 280px;
    height: 360px
}

.social-bar ul {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 0 50px
}

.social-icons {
    display: block;
    float: left;
    width: 11%;
    height: 40px
}

.social-icons .icon {
    font-size: 0
}

footer .copyright {
    width: 100%;
    height: 50px;
    margin-top: 40px;
    margin-bottom: 0;
    background: #000
}

footer .copyright p {
    font: 14px/50px Baskerville10Pro, Georgia, Cambria, 'Times New Roman', Times, serif;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff
}

footer #cpiconDiv {
    position: absolute;
    bottom: 10px;
    right: 5%
}

footer #cpiconDiv>a {
    float: left
}

footer #cpiconDiv>a.icpanchor.icptext,
footer #cpiconDiv>a:first-of-type {
    color: #fff;
    font-size: 12px;
    height: 29px;
    line-height: 32px;
    padding-right: 15px;
    text-align: center;
    text-decoration: none
}

footer #cpiconDiv>a>img {
    vertical-align: middle
}

@media screen and (min-width:960px) {
    ul.footer-links .icon.christies-icon_down-chevron:before {
        content: ''
    }
    .signup-container input {
        padding-left: 15px
    }
}
/*
@media screen and (max-width:959px) {
    footer a:hover,
    footer a:focus,
    footer a:active {
        text-decoration: none;
        color: #000
    }
    ul.footer-links {
        position: relative;
        display: block;
        box-sizing: border-box;
        margin: 40px 0 0;
        padding: 80px 0 0;
        background: #fff
    }
    ul.footer-links>li>ul a {
        font-size: 12px
    }
    ul.footer-links.lightGrey2-bg {
        background: #fff!important
    }
    ul.footer-links li h5 {
        font-size: 14px;
        line-height: 20px;
        margin-right: -20px;
        margin-bottom: 0;
        padding: 20px 0;
        border-bottom: 0;
        background-color: #fff;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    footer ul.footer-links li a {
        line-height: 20px;
        display: block;
        margin: 0;
        padding: 20px 0;
        border-bottom: 0
    }
    ul.footer-links>li {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        padding: 0 35px 0 20px;
        border-top: 1px solid #ccc
    }
    ul.footer-links>li:first-child {
        border-top: 0
    }
    ul.footer-links>li>ul {
        position: relative;
        top: -100px;
        display: none;
        height: 0;
        transition: all .2s;
        opacity: 0
    }
    ul.footer-links>li.open>ul {
        top: 0;
        display: block;
        height: 100%;
        margin-bottom: 30px;
        opacity: 1
    }
    ul.footer-links li.icon.christies-icon_down-chevron:before {
        font-size: 24px;
        line-height: 60px;
        position: absolute;
        right: 10px;
        display: inline-block
    }
    ul.footer-links li.open.icon.christies-icon_down-chevron:before {
        transform: rotate(180deg)
    }
    ul.footer-links>li:last-child {
        padding-right: 35px
    }
    ul.footer-links ul li a:first-child {
        margin-top: 0
    }
    ul.footer-links li.newsletter {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        border-top: 0;
        background: #fff
    }
    .signup-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff
    }
    .signup-container {
        width: 100%;
        padding: 0 20px
    }
    .signup-container input {
        font-size: 14px;
        height: 50px
    }
    .signup-container button {
        right: 20px;
        width: 50px;
        height: 50px;
        background-position: top 15px left -33px
    }
    .social-bar ul {
        padding: 0
    }
    .social-icons {
        width: 33%;
        margin-bottom: 20px
    }
    .social-icons .icon.circle:after {
        left: 0
    }
    .social-icons a:hover {
        color: #fff;
        background: #000
    }
}
*/
@media screen and (min-width:960px) and (max-width:1024px) {
    .signup-container {
        width: 100%
    }
}

.Chinese nav.main-nav ul>li:hover.sub-language>ul>li:not(.imo) {
    width: 100px
}

.Chinese nav.main-nav>ul>li.sub-language>ul>li,
.Chinese nav.main-nav>ul>li.sub-language>ul>li>a {
    max-width: none
}

nav.main-nav li.search>a:before {
    font-size: 44px;
    line-height: 60px;
    top: 2px;
    left: -12px;
    display: block;
    opacity: 1;
    color: #575757;
    background: #fff
}

ul.footer-links>li:last-child>ul li {
    margin: 0;
    padding: 25px 0;
    border-top: 1px solid #ccc
}

ul.footer-links>li:last-child>ul li:first-of-type {
    padding-top: 0;
    border-top: 0
}

ul.footer-links>li:last-child>ul li a {
    font-family: Baskerville10Pro-Italic, Times, Georgia!important;
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    line-height: 21px;
    color: #000
}

ul.footer-links>li:last-child>ul li a:hover {
    text-decoration: underline
}

.signup-container button {
    width: 50px;
    height: 50px
}

.signup-container button.icon:before {
    font-size: 48px;
    line-height: 41px;
    color: #575757
}

.christies-icon_right-chevron:before,
.Right-Chevron:before {
    content: '\0029'
}

.circle:before {
    font-size: 38px
}

.christies-icon_social-facebook:before,
.Facebook:before {
    content: '\0054'
}

.christies-icon_social-twitter:before,
.Twitter:before {
    content: '\0057'
}

.christies-icon_social-tumblr:before,
.Tumblr:before {
    content: '\0058'
}

.christies-icon_social-instagram:before,
.Instagram:before {
    content: '\0059'
}

.christies-icon_social-pinterest:before,
.Pinterest:before {
    content: '\0056'
}

.christies-icon_social-youtube:before,
.Youtube:before {
    content: '\0055'
}

.christies-icon_social-weibo:before,
.Weibo:before {
    content: '\005e'
}

.christies-icon_social-youku:before,
.Youku:before {
    content: '\005f'
}
li.imo.menu-item{ display:none !important;}