.fade {
  transition: opacity .3s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.translate-into-middle {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.desaturate {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
.semi-transparent {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.7;
}
.semi-transparent:hover {
  opacity: 1;
}
.saturate-hover {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.saturate-hover:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}
.antialiase {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Din';
  src: url(//cf.seditionart.com/assets/Din-Light/DINWeb-Light-75cb38eb9cf4a2e12a92901c4ad9ad9b.eot);
  src: url(//cf.seditionart.com/assets/Din-Light/DINWeb-Light-75cb38eb9cf4a2e12a92901c4ad9ad9b.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Din-Light/DINWeb-Light-c06e683ff5d7d862636f43d6dac5984e.woff) format('woff'), url(//cf.seditionart.com/assets/Din-Light/DINComp-Light-3d4e80cdbf79718d5f747091a0cff9ef.ttf) format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Din';
  src: url(//cf.seditionart.com/assets/Din-Regular/DINWeb-d4048288c6adb84d58e341b2f2fafd02.eot);
  src: url(//cf.seditionart.com/assets/Din-Regular/DINWeb-d4048288c6adb84d58e341b2f2fafd02.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Din-Regular/DINWeb-027e46707176734d5d24718223635a33.woff) format('woff'), url(//cf.seditionart.com/assets/Din-Regular/DINComp-e869cc36259289637392e8a281858e1d.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Din';
  src: url(//cf.seditionart.com/assets/Din-Medium/DINWeb-Medium-89ea7faabd65cca25285fc00638ce450.eot);
  src: url(//cf.seditionart.com/assets/Din-Medium/DINWeb-Medium-89ea7faabd65cca25285fc00638ce450.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Din-Medium/DINWeb-Medium-f8b677a6ad9315d2aefa41a3fd681f5b.woff) format('woff'), url(//cf.seditionart.com/assets/Din-Medium/DINComp-Medium-4cfc9f350e0a0aaa901fa78a3e05293d.ttf) format('truetype');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Din';
  src: url(//cf.seditionart.com/assets/Din-Bold/DINWeb-Bold-63fa86cbc713c10c01bc1f7f8b2b855f.eot);
  src: url(//cf.seditionart.com/assets/Din-Bold/DINWeb-Bold-63fa86cbc713c10c01bc1f7f8b2b855f.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Din-Bold/DINWeb-Bold-229c293aaee03ad77bbf0cb99342ae98.woff) format('woff'), url(//cf.seditionart.com/assets/Din-Bold/DINComp-Bold-adce724413082dc2733c226306141d48.ttf) format('truetype');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'Din';
  src: url(//cf.seditionart.com/assets/Din-Black/DINWeb-Black-b94dc587f7db040bd1c0e18a2c147bbc.eot);
  src: url(//cf.seditionart.com/assets/Din-Black/DINWeb-Black-b94dc587f7db040bd1c0e18a2c147bbc.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Din-Black/DINWeb-Black-ce94dcb79630d1c87caf4b0f46fdf9ae.woff) format('woff'), url(//cf.seditionart.com/assets/Din-Black/DINComp-Black-747e0abad020b23001bf01e81ab27e65.ttf) format('truetype');
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Sabon';
  src: url(//cf.seditionart.com/assets/Sabon/9da5b9bf-f85a-4561-9351-ba055b79ba44-2-acbbaf983c8771d6fa1da19fde6d6e2b.eot);
  src: url(//cf.seditionart.com/assets/Sabon/9da5b9bf-f85a-4561-9351-ba055b79ba44-2-acbbaf983c8771d6fa1da19fde6d6e2b.eot?#iefix) format("embedded-opentype"), url(//cf.seditionart.com/assets/Sabon/9da5b9bf-f85a-4561-9351-ba055b79ba44-3-042e2449324f26bab646e98cf8a78726.woff) format("woff"), url(//cf.seditionart.com/assets/Sabon/9da5b9bf-f85a-4561-9351-ba055b79ba44-1-478687fc7c6d10620981d18d3d81ac23.ttf) format("truetype"), url(//cf.seditionart.com/assets/Sabon/9da5b9bf-f85a-4561-9351-ba055b79ba44-4-ff3bcc1c933e9c06ea83a9cef568de2a.svg#web) format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Sabon';
  src: url(//cf.seditionart.com/assets/Sabon-Italic/e3b7daa6-9492-4155-9066-0d722939b021-2-bd665f9b2a3a7abb8edaddba82dcc557.eot);
  src: url(//cf.seditionart.com/assets/Sabon-Italic/e3b7daa6-9492-4155-9066-0d722939b021-2-bd665f9b2a3a7abb8edaddba82dcc557.eot?#iefix) format('embedded-opentype'), url(//cf.seditionart.com/assets/Sabon-Italic/e3b7daa6-9492-4155-9066-0d722939b021-3-40fda2455ba09dd971bd7f5dc90d9e70.woff) format("woff"), url(//cf.seditionart.com/assets/Sabon-Italic/e3b7daa6-9492-4155-9066-0d722939b021-1-ce35a2d3fc5f4030c824861cbdfad6a3.ttf) format("truetype"), url(//cf.seditionart.com/assets/Sabon-Italic/e3b7daa6-9492-4155-9066-0d722939b021-4-c9cd12c475144022e958c4c23600ee40.svg#web) format("svg");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'Sabon';
  src: url(//cf.seditionart.com/assets/Sabon-SemiBold/0da5cac3-fd8f-48ba-951c-0c7a946d4771-2-29053498309b77b241282b1548f81dcc.eot);
  src: url(//cf.seditionart.com/assets/Sabon-SemiBold/0da5cac3-fd8f-48ba-951c-0c7a946d4771-2-29053498309b77b241282b1548f81dcc.eot?#iefix) format("embedded-opentype"), url(//cf.seditionart.com/assets/Sabon-SemiBold/0da5cac3-fd8f-48ba-951c-0c7a946d4771-3-9bba01287b3c5fcd7edcff526a71c3d4.woff) format("woff"), url(//cf.seditionart.com/assets/Sabon-SemiBold/0da5cac3-fd8f-48ba-951c-0c7a946d4771-1-9a4bd4a156e142b4fcaf629f571efadd.ttf) format("truetype"), url(//cf.seditionart.com/assets/Sabon-SemiBold/0da5cac3-fd8f-48ba-951c-0c7a946d4771-4-83a021b73766e5afff7c6d2d428ac8ee.svg#web) format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Sabon';
  src: url(//cf.seditionart.com/assets/Sabon-SemiBold-Italic/6c2f2f44-3b56-4e67-b398-7f20ddb72a9b-2-810526d1c401c29aae1c25ec4de9b228.eot);
  src: url(//cf.seditionart.com/assets/Sabon-SemiBold-Italic/6c2f2f44-3b56-4e67-b398-7f20ddb72a9b-2-810526d1c401c29aae1c25ec4de9b228.eot?#iefix) format("embedded-opentype"), url(//cf.seditionart.com/assets/Sabon-SemiBold-Italic/6c2f2f44-3b56-4e67-b398-7f20ddb72a9b-3-c49599801987c55ea7913428fe001a7b.woff) format("woff"), url(//cf.seditionart.com/assets/Sabon-SemiBold-Italic/6c2f2f44-3b56-4e67-b398-7f20ddb72a9b-1-8861af91e7c8b83b0292513f32be6301.ttf) format("truetype"), url(//cf.seditionart.com/assets/Sabon-SemiBold-Italic/6c2f2f44-3b56-4e67-b398-7f20ddb72a9b-4-041d13683a41dd6a8044ec1597eef40e.svg#web) format("svg");
  font-style: italic;
  font-weight: 500;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
audio:not([controls]) {
  display: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
label[for] {
  cursor: pointer;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
fieldset {
  border: 0;
}
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
html {
  width: 100%;
  height: 100%;
  font-size: 14px;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  width: 100%;
  height: 100%;
  line-height: 1.6;
  background-color: #ffffff;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  color: #111116;
  min-width: 1045px;
  display: flex;
  flex-direction: column;
}
.layout--fluid,
.layout--responsive {
  min-width: 0;
}
html.layout--vault {
  overflow-x: hidden;
  overflow-y: visible;
}
.layout__header,
.layout__footer {
  flex: none;
}
.layout__header--fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
}
.layout__header--fixed ~ .layout__content {
  border-top: solid 80px #111116;
}
.layout__content {
  flex: 1;
}
.device-splash-active .layout__content {
  display: none;
}
.layout__content--dimmed:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.m-gutter {
  margin: 32px !important;
}
.nm-gutter {
  margin: -32px !important;
}
.mt-gutter,
.my-gutter {
  margin-top: 32px !important;
}
@media (max-width: 572px) {
  .mt-gutter,
  .my-gutter {
    margin-top: 16px !important;
  }
}
.nmt-gutter,
.nmy-gutter {
  margin-top: -32px !important;
}
@media (max-width: 572px) {
  .nmt-gutter,
  .nmy-gutter {
    margin-top: -16px !important;
  }
}
.mr-gutter,
.mx-gutter {
  margin-right: 32px !important;
}
@media (max-width: 572px) {
  .mr-gutter,
  .mx-gutter {
    margin-right: 16px !important;
  }
}
.nmr-gutter,
.nmx-gutter {
  margin-right: -32px !important;
}
@media (max-width: 572px) {
  .nmr-gutter,
  .nmx-gutter {
    margin-right: -16px !important;
  }
}
.mb-gutter,
.my-gutter {
  margin-bottom: 32px !important;
}
@media (max-width: 572px) {
  .mb-gutter,
  .my-gutter {
    margin-bottom: 16px !important;
  }
}
.nmb-gutter,
.nmy-gutter {
  margin-bottom: -32px !important;
}
@media (max-width: 572px) {
  .nmb-gutter,
  .nmy-gutter {
    margin-bottom: -16px !important;
  }
}
.ml-gutter,
.mx-gutter {
  margin-left: 32px !important;
}
@media (max-width: 572px) {
  .ml-gutter,
  .mx-gutter {
    margin-left: 16px !important;
  }
}
.nml-gutter,
.nmx-gutter {
  margin-left: -32px !important;
}
@media (max-width: 572px) {
  .nml-gutter,
  .nmx-gutter {
    margin-left: -16px !important;
  }
}
.p-gutter {
  padding: 32px !important;
}
.np-gutter {
  padding: -32px !important;
}
.pt-gutter,
.py-gutter {
  padding-top: 32px !important;
}
@media (max-width: 572px) {
  .pt-gutter,
  .py-gutter {
    padding-top: 16px !important;
  }
}
.npt-gutter,
.npy-gutter {
  padding-top: -32px !important;
}
@media (max-width: 572px) {
  .npt-gutter,
  .npy-gutter {
    padding-top: -16px !important;
  }
}
.pr-gutter,
.px-gutter {
  padding-right: 32px !important;
}
@media (max-width: 572px) {
  .pr-gutter,
  .px-gutter {
    padding-right: 16px !important;
  }
}
.npr-gutter,
.npx-gutter {
  padding-right: -32px !important;
}
@media (max-width: 572px) {
  .npr-gutter,
  .npx-gutter {
    padding-right: -16px !important;
  }
}
.pb-gutter,
.py-gutter {
  padding-bottom: 32px !important;
}
@media (max-width: 572px) {
  .pb-gutter,
  .py-gutter {
    padding-bottom: 16px !important;
  }
}
.npb-gutter,
.npy-gutter {
  padding-bottom: -32px !important;
}
@media (max-width: 572px) {
  .npb-gutter,
  .npy-gutter {
    padding-bottom: -16px !important;
  }
}
.pl-gutter,
.px-gutter {
  padding-left: 32px !important;
}
@media (max-width: 572px) {
  .pl-gutter,
  .px-gutter {
    padding-left: 16px !important;
  }
}
.npl-gutter,
.npx-gutter {
  padding-left: -32px !important;
}
@media (max-width: 572px) {
  .npl-gutter,
  .npx-gutter {
    padding-left: -16px !important;
  }
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 16px !important;
}
.mt-1,
.my-1 {
  margin-top: 16px !important;
}
.mr-1,
.mx-1 {
  margin-right: 16px !important;
}
.mb-1,
.my-1 {
  margin-bottom: 16px !important;
}
.ml-1,
.mx-1 {
  margin-left: 16px !important;
}
.m-2 {
  margin: 32px !important;
}
.mt-2,
.my-2 {
  margin-top: 32px !important;
}
.mr-2,
.mx-2 {
  margin-right: 32px !important;
}
.mb-2,
.my-2 {
  margin-bottom: 32px !important;
}
.ml-2,
.mx-2 {
  margin-left: 32px !important;
}
.m-3 {
  margin: 64px !important;
}
.mt-3,
.my-3 {
  margin-top: 64px !important;
}
.mr-3,
.mx-3 {
  margin-right: 64px !important;
}
.mb-3,
.my-3 {
  margin-bottom: 64px !important;
}
.ml-3,
.mx-3 {
  margin-left: 64px !important;
}
.m-4 {
  margin: 96px !important;
}
.mt-4,
.my-4 {
  margin-top: 96px !important;
}
.mr-4,
.mx-4 {
  margin-right: 96px !important;
}
.mb-4,
.my-4 {
  margin-bottom: 96px !important;
}
.ml-4,
.mx-4 {
  margin-left: 96px !important;
}
.m-5 {
  margin: 128px !important;
}
.mt-5,
.my-5 {
  margin-top: 128px !important;
}
.mr-5,
.mx-5 {
  margin-right: 128px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 128px !important;
}
.ml-5,
.mx-5 {
  margin-left: 128px !important;
}
.m-6 {
  margin: 160px !important;
}
.mt-6,
.my-6 {
  margin-top: 160px !important;
}
.mr-6,
.mx-6 {
  margin-right: 160px !important;
}
.mb-6,
.my-6 {
  margin-bottom: 160px !important;
}
.ml-6,
.mx-6 {
  margin-left: 160px !important;
}
.m-7 {
  margin: 192px !important;
}
.mt-7,
.my-7 {
  margin-top: 192px !important;
}
.mr-7,
.mx-7 {
  margin-right: 192px !important;
}
.mb-7,
.my-7 {
  margin-bottom: 192px !important;
}
.ml-7,
.mx-7 {
  margin-left: 192px !important;
}
.m-8 {
  margin: 224px !important;
}
.mt-8,
.my-8 {
  margin-top: 224px !important;
}
.mr-8,
.mx-8 {
  margin-right: 224px !important;
}
.mb-8,
.my-8 {
  margin-bottom: 224px !important;
}
.ml-8,
.mx-8 {
  margin-left: 224px !important;
}
.m-10 {
  margin: 288px !important;
}
.mt-10,
.my-10 {
  margin-top: 288px !important;
}
.mr-10,
.mx-10 {
  margin-right: 288px !important;
}
.mb-10,
.my-10 {
  margin-bottom: 288px !important;
}
.ml-10,
.mx-10 {
  margin-left: 288px !important;
}
.m-mini {
  margin: 8px !important;
}
.mt-mini,
.my-mini {
  margin-top: 8px !important;
}
.mr-mini,
.mx-mini {
  margin-right: 8px !important;
}
.mb-mini,
.my-mini {
  margin-bottom: 8px !important;
}
.ml-mini,
.mx-mini {
  margin-left: 8px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 16px !important;
}
.pt-1,
.py-1 {
  padding-top: 16px !important;
}
.pr-1,
.px-1 {
  padding-right: 16px !important;
}
.pb-1,
.py-1 {
  padding-bottom: 16px !important;
}
.pl-1,
.px-1 {
  padding-left: 16px !important;
}
.p-2 {
  padding: 32px !important;
}
.pt-2,
.py-2 {
  padding-top: 32px !important;
}
.pr-2,
.px-2 {
  padding-right: 32px !important;
}
.pb-2,
.py-2 {
  padding-bottom: 32px !important;
}
.pl-2,
.px-2 {
  padding-left: 32px !important;
}
.p-3 {
  padding: 64px !important;
}
.pt-3,
.py-3 {
  padding-top: 64px !important;
}
.pr-3,
.px-3 {
  padding-right: 64px !important;
}
.pb-3,
.py-3 {
  padding-bottom: 64px !important;
}
.pl-3,
.px-3 {
  padding-left: 64px !important;
}
.p-4 {
  padding: 96px !important;
}
.pt-4,
.py-4 {
  padding-top: 96px !important;
}
.pr-4,
.px-4 {
  padding-right: 96px !important;
}
.pb-4,
.py-4 {
  padding-bottom: 96px !important;
}
.pl-4,
.px-4 {
  padding-left: 96px !important;
}
.p-5 {
  padding: 128px !important;
}
.pt-5,
.py-5 {
  padding-top: 128px !important;
}
.pr-5,
.px-5 {
  padding-right: 128px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 128px !important;
}
.pl-5,
.px-5 {
  padding-left: 128px !important;
}
.p-6 {
  padding: 160px !important;
}
.pt-6,
.py-6 {
  padding-top: 160px !important;
}
.pr-6,
.px-6 {
  padding-right: 160px !important;
}
.pb-6,
.py-6 {
  padding-bottom: 160px !important;
}
.pl-6,
.px-6 {
  padding-left: 160px !important;
}
.p-7 {
  padding: 192px !important;
}
.pt-7,
.py-7 {
  padding-top: 192px !important;
}
.pr-7,
.px-7 {
  padding-right: 192px !important;
}
.pb-7,
.py-7 {
  padding-bottom: 192px !important;
}
.pl-7,
.px-7 {
  padding-left: 192px !important;
}
.p-8 {
  padding: 224px !important;
}
.pt-8,
.py-8 {
  padding-top: 224px !important;
}
.pr-8,
.px-8 {
  padding-right: 224px !important;
}
.pb-8,
.py-8 {
  padding-bottom: 224px !important;
}
.pl-8,
.px-8 {
  padding-left: 224px !important;
}
.p-10 {
  padding: 288px !important;
}
.pt-10,
.py-10 {
  padding-top: 288px !important;
}
.pr-10,
.px-10 {
  padding-right: 288px !important;
}
.pb-10,
.py-10 {
  padding-bottom: 288px !important;
}
.pl-10,
.px-10 {
  padding-left: 288px !important;
}
.p-mini {
  padding: 8px !important;
}
.pt-mini,
.py-mini {
  padding-top: 8px !important;
}
.pr-mini,
.px-mini {
  padding-right: 8px !important;
}
.pb-mini,
.py-mini {
  padding-bottom: 8px !important;
}
.pl-mini,
.px-mini {
  padding-left: 8px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 572px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 16px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 16px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 16px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 16px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 16px !important;
  }
  .m-sm-2 {
    margin: 32px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 32px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 32px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 32px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 32px !important;
  }
  .m-sm-3 {
    margin: 64px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 64px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 64px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 64px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 64px !important;
  }
  .m-sm-4 {
    margin: 96px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 96px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 96px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 96px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 96px !important;
  }
  .m-sm-5 {
    margin: 128px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 128px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 128px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 128px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 128px !important;
  }
  .m-sm-6 {
    margin: 160px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 160px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 160px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 160px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 160px !important;
  }
  .m-sm-7 {
    margin: 192px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 192px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 192px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 192px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 192px !important;
  }
  .m-sm-8 {
    margin: 224px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 224px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 224px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 224px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 224px !important;
  }
  .m-sm-10 {
    margin: 288px !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 288px !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 288px !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 288px !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 288px !important;
  }
  .m-sm-mini {
    margin: 8px !important;
  }
  .mt-sm-mini,
  .my-sm-mini {
    margin-top: 8px !important;
  }
  .mr-sm-mini,
  .mx-sm-mini {
    margin-right: 8px !important;
  }
  .mb-sm-mini,
  .my-sm-mini {
    margin-bottom: 8px !important;
  }
  .ml-sm-mini,
  .mx-sm-mini {
    margin-left: 8px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 16px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 16px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 16px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 16px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 16px !important;
  }
  .p-sm-2 {
    padding: 32px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 32px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 32px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 32px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 32px !important;
  }
  .p-sm-3 {
    padding: 64px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 64px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 64px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 64px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 64px !important;
  }
  .p-sm-4 {
    padding: 96px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 96px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 96px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 96px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 96px !important;
  }
  .p-sm-5 {
    padding: 128px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 128px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 128px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 128px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 128px !important;
  }
  .p-sm-6 {
    padding: 160px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 160px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 160px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 160px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 160px !important;
  }
  .p-sm-7 {
    padding: 192px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 192px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 192px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 192px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 192px !important;
  }
  .p-sm-8 {
    padding: 224px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 224px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 224px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 224px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 224px !important;
  }
  .p-sm-10 {
    padding: 288px !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 288px !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 288px !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 288px !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 288px !important;
  }
  .p-sm-mini {
    padding: 8px !important;
  }
  .pt-sm-mini,
  .py-sm-mini {
    padding-top: 8px !important;
  }
  .pr-sm-mini,
  .px-sm-mini {
    padding-right: 8px !important;
  }
  .pb-sm-mini,
  .py-sm-mini {
    padding-bottom: 8px !important;
  }
  .pl-sm-mini,
  .px-sm-mini {
    padding-left: 8px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 16px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 16px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 16px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 16px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 16px !important;
  }
  .m-md-2 {
    margin: 32px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 32px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 32px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 32px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 32px !important;
  }
  .m-md-3 {
    margin: 64px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 64px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 64px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 64px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 64px !important;
  }
  .m-md-4 {
    margin: 96px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 96px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 96px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 96px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 96px !important;
  }
  .m-md-5 {
    margin: 128px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 128px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 128px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 128px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 128px !important;
  }
  .m-md-6 {
    margin: 160px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 160px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 160px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 160px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 160px !important;
  }
  .m-md-7 {
    margin: 192px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 192px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 192px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 192px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 192px !important;
  }
  .m-md-8 {
    margin: 224px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 224px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 224px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 224px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 224px !important;
  }
  .m-md-10 {
    margin: 288px !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 288px !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 288px !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 288px !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 288px !important;
  }
  .m-md-mini {
    margin: 8px !important;
  }
  .mt-md-mini,
  .my-md-mini {
    margin-top: 8px !important;
  }
  .mr-md-mini,
  .mx-md-mini {
    margin-right: 8px !important;
  }
  .mb-md-mini,
  .my-md-mini {
    margin-bottom: 8px !important;
  }
  .ml-md-mini,
  .mx-md-mini {
    margin-left: 8px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 16px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 16px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 16px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 16px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 16px !important;
  }
  .p-md-2 {
    padding: 32px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 32px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 32px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 32px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 32px !important;
  }
  .p-md-3 {
    padding: 64px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 64px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 64px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 64px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 64px !important;
  }
  .p-md-4 {
    padding: 96px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 96px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 96px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 96px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 96px !important;
  }
  .p-md-5 {
    padding: 128px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 128px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 128px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 128px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 128px !important;
  }
  .p-md-6 {
    padding: 160px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 160px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 160px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 160px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 160px !important;
  }
  .p-md-7 {
    padding: 192px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 192px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 192px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 192px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 192px !important;
  }
  .p-md-8 {
    padding: 224px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 224px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 224px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 224px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 224px !important;
  }
  .p-md-10 {
    padding: 288px !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 288px !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 288px !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 288px !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 288px !important;
  }
  .p-md-mini {
    padding: 8px !important;
  }
  .pt-md-mini,
  .py-md-mini {
    padding-top: 8px !important;
  }
  .pr-md-mini,
  .px-md-mini {
    padding-right: 8px !important;
  }
  .pb-md-mini,
  .py-md-mini {
    padding-bottom: 8px !important;
  }
  .pl-md-mini,
  .px-md-mini {
    padding-left: 8px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 995px) {
  .m-std-0 {
    margin: 0 !important;
  }
  .mt-std-0,
  .my-std-0 {
    margin-top: 0 !important;
  }
  .mr-std-0,
  .mx-std-0 {
    margin-right: 0 !important;
  }
  .mb-std-0,
  .my-std-0 {
    margin-bottom: 0 !important;
  }
  .ml-std-0,
  .mx-std-0 {
    margin-left: 0 !important;
  }
  .m-std-1 {
    margin: 16px !important;
  }
  .mt-std-1,
  .my-std-1 {
    margin-top: 16px !important;
  }
  .mr-std-1,
  .mx-std-1 {
    margin-right: 16px !important;
  }
  .mb-std-1,
  .my-std-1 {
    margin-bottom: 16px !important;
  }
  .ml-std-1,
  .mx-std-1 {
    margin-left: 16px !important;
  }
  .m-std-2 {
    margin: 32px !important;
  }
  .mt-std-2,
  .my-std-2 {
    margin-top: 32px !important;
  }
  .mr-std-2,
  .mx-std-2 {
    margin-right: 32px !important;
  }
  .mb-std-2,
  .my-std-2 {
    margin-bottom: 32px !important;
  }
  .ml-std-2,
  .mx-std-2 {
    margin-left: 32px !important;
  }
  .m-std-3 {
    margin: 64px !important;
  }
  .mt-std-3,
  .my-std-3 {
    margin-top: 64px !important;
  }
  .mr-std-3,
  .mx-std-3 {
    margin-right: 64px !important;
  }
  .mb-std-3,
  .my-std-3 {
    margin-bottom: 64px !important;
  }
  .ml-std-3,
  .mx-std-3 {
    margin-left: 64px !important;
  }
  .m-std-4 {
    margin: 96px !important;
  }
  .mt-std-4,
  .my-std-4 {
    margin-top: 96px !important;
  }
  .mr-std-4,
  .mx-std-4 {
    margin-right: 96px !important;
  }
  .mb-std-4,
  .my-std-4 {
    margin-bottom: 96px !important;
  }
  .ml-std-4,
  .mx-std-4 {
    margin-left: 96px !important;
  }
  .m-std-5 {
    margin: 128px !important;
  }
  .mt-std-5,
  .my-std-5 {
    margin-top: 128px !important;
  }
  .mr-std-5,
  .mx-std-5 {
    margin-right: 128px !important;
  }
  .mb-std-5,
  .my-std-5 {
    margin-bottom: 128px !important;
  }
  .ml-std-5,
  .mx-std-5 {
    margin-left: 128px !important;
  }
  .m-std-6 {
    margin: 160px !important;
  }
  .mt-std-6,
  .my-std-6 {
    margin-top: 160px !important;
  }
  .mr-std-6,
  .mx-std-6 {
    margin-right: 160px !important;
  }
  .mb-std-6,
  .my-std-6 {
    margin-bottom: 160px !important;
  }
  .ml-std-6,
  .mx-std-6 {
    margin-left: 160px !important;
  }
  .m-std-7 {
    margin: 192px !important;
  }
  .mt-std-7,
  .my-std-7 {
    margin-top: 192px !important;
  }
  .mr-std-7,
  .mx-std-7 {
    margin-right: 192px !important;
  }
  .mb-std-7,
  .my-std-7 {
    margin-bottom: 192px !important;
  }
  .ml-std-7,
  .mx-std-7 {
    margin-left: 192px !important;
  }
  .m-std-8 {
    margin: 224px !important;
  }
  .mt-std-8,
  .my-std-8 {
    margin-top: 224px !important;
  }
  .mr-std-8,
  .mx-std-8 {
    margin-right: 224px !important;
  }
  .mb-std-8,
  .my-std-8 {
    margin-bottom: 224px !important;
  }
  .ml-std-8,
  .mx-std-8 {
    margin-left: 224px !important;
  }
  .m-std-10 {
    margin: 288px !important;
  }
  .mt-std-10,
  .my-std-10 {
    margin-top: 288px !important;
  }
  .mr-std-10,
  .mx-std-10 {
    margin-right: 288px !important;
  }
  .mb-std-10,
  .my-std-10 {
    margin-bottom: 288px !important;
  }
  .ml-std-10,
  .mx-std-10 {
    margin-left: 288px !important;
  }
  .m-std-mini {
    margin: 8px !important;
  }
  .mt-std-mini,
  .my-std-mini {
    margin-top: 8px !important;
  }
  .mr-std-mini,
  .mx-std-mini {
    margin-right: 8px !important;
  }
  .mb-std-mini,
  .my-std-mini {
    margin-bottom: 8px !important;
  }
  .ml-std-mini,
  .mx-std-mini {
    margin-left: 8px !important;
  }
  .p-std-0 {
    padding: 0 !important;
  }
  .pt-std-0,
  .py-std-0 {
    padding-top: 0 !important;
  }
  .pr-std-0,
  .px-std-0 {
    padding-right: 0 !important;
  }
  .pb-std-0,
  .py-std-0 {
    padding-bottom: 0 !important;
  }
  .pl-std-0,
  .px-std-0 {
    padding-left: 0 !important;
  }
  .p-std-1 {
    padding: 16px !important;
  }
  .pt-std-1,
  .py-std-1 {
    padding-top: 16px !important;
  }
  .pr-std-1,
  .px-std-1 {
    padding-right: 16px !important;
  }
  .pb-std-1,
  .py-std-1 {
    padding-bottom: 16px !important;
  }
  .pl-std-1,
  .px-std-1 {
    padding-left: 16px !important;
  }
  .p-std-2 {
    padding: 32px !important;
  }
  .pt-std-2,
  .py-std-2 {
    padding-top: 32px !important;
  }
  .pr-std-2,
  .px-std-2 {
    padding-right: 32px !important;
  }
  .pb-std-2,
  .py-std-2 {
    padding-bottom: 32px !important;
  }
  .pl-std-2,
  .px-std-2 {
    padding-left: 32px !important;
  }
  .p-std-3 {
    padding: 64px !important;
  }
  .pt-std-3,
  .py-std-3 {
    padding-top: 64px !important;
  }
  .pr-std-3,
  .px-std-3 {
    padding-right: 64px !important;
  }
  .pb-std-3,
  .py-std-3 {
    padding-bottom: 64px !important;
  }
  .pl-std-3,
  .px-std-3 {
    padding-left: 64px !important;
  }
  .p-std-4 {
    padding: 96px !important;
  }
  .pt-std-4,
  .py-std-4 {
    padding-top: 96px !important;
  }
  .pr-std-4,
  .px-std-4 {
    padding-right: 96px !important;
  }
  .pb-std-4,
  .py-std-4 {
    padding-bottom: 96px !important;
  }
  .pl-std-4,
  .px-std-4 {
    padding-left: 96px !important;
  }
  .p-std-5 {
    padding: 128px !important;
  }
  .pt-std-5,
  .py-std-5 {
    padding-top: 128px !important;
  }
  .pr-std-5,
  .px-std-5 {
    padding-right: 128px !important;
  }
  .pb-std-5,
  .py-std-5 {
    padding-bottom: 128px !important;
  }
  .pl-std-5,
  .px-std-5 {
    padding-left: 128px !important;
  }
  .p-std-6 {
    padding: 160px !important;
  }
  .pt-std-6,
  .py-std-6 {
    padding-top: 160px !important;
  }
  .pr-std-6,
  .px-std-6 {
    padding-right: 160px !important;
  }
  .pb-std-6,
  .py-std-6 {
    padding-bottom: 160px !important;
  }
  .pl-std-6,
  .px-std-6 {
    padding-left: 160px !important;
  }
  .p-std-7 {
    padding: 192px !important;
  }
  .pt-std-7,
  .py-std-7 {
    padding-top: 192px !important;
  }
  .pr-std-7,
  .px-std-7 {
    padding-right: 192px !important;
  }
  .pb-std-7,
  .py-std-7 {
    padding-bottom: 192px !important;
  }
  .pl-std-7,
  .px-std-7 {
    padding-left: 192px !important;
  }
  .p-std-8 {
    padding: 224px !important;
  }
  .pt-std-8,
  .py-std-8 {
    padding-top: 224px !important;
  }
  .pr-std-8,
  .px-std-8 {
    padding-right: 224px !important;
  }
  .pb-std-8,
  .py-std-8 {
    padding-bottom: 224px !important;
  }
  .pl-std-8,
  .px-std-8 {
    padding-left: 224px !important;
  }
  .p-std-10 {
    padding: 288px !important;
  }
  .pt-std-10,
  .py-std-10 {
    padding-top: 288px !important;
  }
  .pr-std-10,
  .px-std-10 {
    padding-right: 288px !important;
  }
  .pb-std-10,
  .py-std-10 {
    padding-bottom: 288px !important;
  }
  .pl-std-10,
  .px-std-10 {
    padding-left: 288px !important;
  }
  .p-std-mini {
    padding: 8px !important;
  }
  .pt-std-mini,
  .py-std-mini {
    padding-top: 8px !important;
  }
  .pr-std-mini,
  .px-std-mini {
    padding-right: 8px !important;
  }
  .pb-std-mini,
  .py-std-mini {
    padding-bottom: 8px !important;
  }
  .pl-std-mini,
  .px-std-mini {
    padding-left: 8px !important;
  }
  .m-std-auto {
    margin: auto !important;
  }
  .mt-std-auto,
  .my-std-auto {
    margin-top: auto !important;
  }
  .mr-std-auto,
  .mx-std-auto {
    margin-right: auto !important;
  }
  .mb-std-auto,
  .my-std-auto {
    margin-bottom: auto !important;
  }
  .ml-std-auto,
  .mx-std-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1171px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 16px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 16px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 16px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 16px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 16px !important;
  }
  .m-lg-2 {
    margin: 32px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 32px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 32px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 32px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 32px !important;
  }
  .m-lg-3 {
    margin: 64px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 64px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 64px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 64px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 64px !important;
  }
  .m-lg-4 {
    margin: 96px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 96px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 96px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 96px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 96px !important;
  }
  .m-lg-5 {
    margin: 128px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 128px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 128px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 128px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 128px !important;
  }
  .m-lg-6 {
    margin: 160px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 160px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 160px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 160px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 160px !important;
  }
  .m-lg-7 {
    margin: 192px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 192px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 192px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 192px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 192px !important;
  }
  .m-lg-8 {
    margin: 224px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 224px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 224px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 224px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 224px !important;
  }
  .m-lg-10 {
    margin: 288px !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 288px !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 288px !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 288px !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 288px !important;
  }
  .m-lg-mini {
    margin: 8px !important;
  }
  .mt-lg-mini,
  .my-lg-mini {
    margin-top: 8px !important;
  }
  .mr-lg-mini,
  .mx-lg-mini {
    margin-right: 8px !important;
  }
  .mb-lg-mini,
  .my-lg-mini {
    margin-bottom: 8px !important;
  }
  .ml-lg-mini,
  .mx-lg-mini {
    margin-left: 8px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 16px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 16px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 16px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 16px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 16px !important;
  }
  .p-lg-2 {
    padding: 32px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 32px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 32px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 32px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 32px !important;
  }
  .p-lg-3 {
    padding: 64px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 64px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 64px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 64px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 64px !important;
  }
  .p-lg-4 {
    padding: 96px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 96px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 96px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 96px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 96px !important;
  }
  .p-lg-5 {
    padding: 128px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 128px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 128px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 128px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 128px !important;
  }
  .p-lg-6 {
    padding: 160px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 160px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 160px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 160px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 160px !important;
  }
  .p-lg-7 {
    padding: 192px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 192px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 192px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 192px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 192px !important;
  }
  .p-lg-8 {
    padding: 224px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 224px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 224px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 224px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 224px !important;
  }
  .p-lg-10 {
    padding: 288px !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 288px !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 288px !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 288px !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 288px !important;
  }
  .p-lg-mini {
    padding: 8px !important;
  }
  .pt-lg-mini,
  .py-lg-mini {
    padding-top: 8px !important;
  }
  .pr-lg-mini,
  .px-lg-mini {
    padding-right: 8px !important;
  }
  .pb-lg-mini,
  .py-lg-mini {
    padding-bottom: 8px !important;
  }
  .pl-lg-mini,
  .px-lg-mini {
    padding-left: 8px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1296px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 16px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 16px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 16px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 16px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 16px !important;
  }
  .m-xl-2 {
    margin: 32px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 32px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 32px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 32px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 32px !important;
  }
  .m-xl-3 {
    margin: 64px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 64px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 64px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 64px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 64px !important;
  }
  .m-xl-4 {
    margin: 96px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 96px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 96px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 96px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 96px !important;
  }
  .m-xl-5 {
    margin: 128px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 128px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 128px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 128px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 128px !important;
  }
  .m-xl-6 {
    margin: 160px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 160px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 160px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 160px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 160px !important;
  }
  .m-xl-7 {
    margin: 192px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 192px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 192px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 192px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 192px !important;
  }
  .m-xl-8 {
    margin: 224px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 224px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 224px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 224px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 224px !important;
  }
  .m-xl-10 {
    margin: 288px !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 288px !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 288px !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 288px !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 288px !important;
  }
  .m-xl-mini {
    margin: 8px !important;
  }
  .mt-xl-mini,
  .my-xl-mini {
    margin-top: 8px !important;
  }
  .mr-xl-mini,
  .mx-xl-mini {
    margin-right: 8px !important;
  }
  .mb-xl-mini,
  .my-xl-mini {
    margin-bottom: 8px !important;
  }
  .ml-xl-mini,
  .mx-xl-mini {
    margin-left: 8px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 16px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 16px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 16px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 16px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 16px !important;
  }
  .p-xl-2 {
    padding: 32px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 32px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 32px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 32px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 32px !important;
  }
  .p-xl-3 {
    padding: 64px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 64px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 64px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 64px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 64px !important;
  }
  .p-xl-4 {
    padding: 96px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 96px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 96px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 96px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 96px !important;
  }
  .p-xl-5 {
    padding: 128px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 128px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 128px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 128px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 128px !important;
  }
  .p-xl-6 {
    padding: 160px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 160px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 160px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 160px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 160px !important;
  }
  .p-xl-7 {
    padding: 192px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 192px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 192px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 192px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 192px !important;
  }
  .p-xl-8 {
    padding: 224px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 224px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 224px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 224px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 224px !important;
  }
  .p-xl-10 {
    padding: 288px !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 288px !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 288px !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 288px !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 288px !important;
  }
  .p-xl-mini {
    padding: 8px !important;
  }
  .pt-xl-mini,
  .py-xl-mini {
    padding-top: 8px !important;
  }
  .pr-xl-mini,
  .px-xl-mini {
    padding-right: 8px !important;
  }
  .pb-xl-mini,
  .py-xl-mini {
    padding-bottom: 8px !important;
  }
  .pl-xl-mini,
  .px-xl-mini {
    padding-left: 8px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 572px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 995px) {
  .flex-std-row {
    flex-direction: row !important;
  }
  .flex-std-column {
    flex-direction: column !important;
  }
  .flex-std-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-std-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-std-wrap {
    flex-wrap: wrap !important;
  }
  .flex-std-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-std-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-std-start {
    justify-content: flex-start !important;
  }
  .justify-content-std-end {
    justify-content: flex-end !important;
  }
  .justify-content-std-center {
    justify-content: center !important;
  }
  .justify-content-std-between {
    justify-content: space-between !important;
  }
  .justify-content-std-around {
    justify-content: space-around !important;
  }
  .align-items-std-start {
    align-items: flex-start !important;
  }
  .align-items-std-end {
    align-items: flex-end !important;
  }
  .align-items-std-center {
    align-items: center !important;
  }
  .align-items-std-baseline {
    align-items: baseline !important;
  }
  .align-items-std-stretch {
    align-items: stretch !important;
  }
  .align-content-std-start {
    align-content: flex-start !important;
  }
  .align-content-std-end {
    align-content: flex-end !important;
  }
  .align-content-std-center {
    align-content: center !important;
  }
  .align-content-std-between {
    align-content: space-between !important;
  }
  .align-content-std-around {
    align-content: space-around !important;
  }
  .align-content-std-stretch {
    align-content: stretch !important;
  }
  .align-self-std-auto {
    align-self: auto !important;
  }
  .align-self-std-start {
    align-self: flex-start !important;
  }
  .align-self-std-end {
    align-self: flex-end !important;
  }
  .align-self-std-center {
    align-self: center !important;
  }
  .align-self-std-baseline {
    align-self: baseline !important;
  }
  .align-self-std-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1171px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1296px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 572px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 995px) {
  .d-std-none {
    display: none !important;
  }
  .d-std-inline {
    display: inline !important;
  }
  .d-std-inline-block {
    display: inline-block !important;
  }
  .d-std-block {
    display: block !important;
  }
  .d-std-table {
    display: table !important;
  }
  .d-std-table-row {
    display: table-row !important;
  }
  .d-std-table-cell {
    display: table-cell !important;
  }
  .d-std-flex {
    display: flex !important;
  }
  .d-std-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1171px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1296px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 572px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 995px) {
  .text-std-left {
    text-align: left !important;
  }
  .text-std-right {
    text-align: right !important;
  }
  .text-std-center {
    text-align: center !important;
  }
}
@media (min-width: 1171px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1296px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: normal !important;
}
.font-weight-bold {
  font-weight: bold !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-muted {
  color: #999 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 572px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1171px) {
  .container {
    max-width: 995px;
  }
}
@media (min-width: 1296px) {
  .container {
    max-width: 1120px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
.container .row,
.container-fluid .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.layout--fixed .col-1,
.layout--fixed .col-2,
.layout--fixed .col-3,
.layout--fixed .col-4,
.layout--fixed .col-5,
.layout--fixed .col-6,
.layout--fixed .col-7,
.layout--fixed .col-8,
.layout--fixed .col-9,
.layout--fixed .col-10,
.layout--fixed .col-11,
.layout--fixed .col-12,
.layout--fixed .col,
.layout--fixed .col-auto,
.layout--fixed .col-sm-1,
.layout--fixed .col-sm-2,
.layout--fixed .col-sm-3,
.layout--fixed .col-sm-4,
.layout--fixed .col-sm-5,
.layout--fixed .col-sm-6,
.layout--fixed .col-sm-7,
.layout--fixed .col-sm-8,
.layout--fixed .col-sm-9,
.layout--fixed .col-sm-10,
.layout--fixed .col-sm-11,
.layout--fixed .col-sm-12,
.layout--fixed .col-sm,
.layout--fixed .col-sm-auto,
.layout--fixed .col-md-1,
.layout--fixed .col-md-2,
.layout--fixed .col-md-3,
.layout--fixed .col-md-4,
.layout--fixed .col-md-5,
.layout--fixed .col-md-6,
.layout--fixed .col-md-7,
.layout--fixed .col-md-8,
.layout--fixed .col-md-9,
.layout--fixed .col-md-10,
.layout--fixed .col-md-11,
.layout--fixed .col-md-12,
.layout--fixed .col-md,
.layout--fixed .col-md-auto,
.layout--fixed .col-lg-1,
.layout--fixed .col-lg-2,
.layout--fixed .col-lg-3,
.layout--fixed .col-lg-4,
.layout--fixed .col-lg-5,
.layout--fixed .col-lg-6,
.layout--fixed .col-lg-7,
.layout--fixed .col-lg-8,
.layout--fixed .col-lg-9,
.layout--fixed .col-lg-10,
.layout--fixed .col-lg-11,
.layout--fixed .col-lg-12,
.layout--fixed .col-lg,
.layout--fixed .col-lg-auto,
.layout--fixed .col-xl-1,
.layout--fixed .col-xl-2,
.layout--fixed .col-xl-3,
.layout--fixed .col-xl-4,
.layout--fixed .col-xl-5,
.layout--fixed .col-xl-6,
.layout--fixed .col-xl-7,
.layout--fixed .col-xl-8,
.layout--fixed .col-xl-9,
.layout--fixed .col-xl-10,
.layout--fixed .col-xl-11,
.layout--fixed .col-xl-12,
.layout--fixed .col-xl,
.layout--fixed .col-xl-auto,
.layout--fixed .layout--responsive .col-1,
.layout--responsive .layout--fixed .col-1,
.layout--fixed .layout--responsive .col-2,
.layout--responsive .layout--fixed .col-2,
.layout--fixed .layout--responsive .col-3,
.layout--responsive .layout--fixed .col-3,
.layout--fixed .layout--responsive .col-4,
.layout--responsive .layout--fixed .col-4,
.layout--fixed .layout--responsive .col-5,
.layout--responsive .layout--fixed .col-5,
.layout--fixed .layout--responsive .col-6,
.layout--responsive .layout--fixed .col-6,
.layout--fixed .layout--responsive .col-7,
.layout--responsive .layout--fixed .col-7,
.layout--fixed .layout--responsive .col-8,
.layout--responsive .layout--fixed .col-8,
.layout--fixed .layout--responsive .col-9,
.layout--responsive .layout--fixed .col-9,
.layout--fixed .layout--responsive .col-10,
.layout--responsive .layout--fixed .col-10,
.layout--fixed .layout--responsive .col-11,
.layout--responsive .layout--fixed .col-11,
.layout--fixed .layout--responsive .col-12,
.layout--responsive .layout--fixed .col-12,
.layout--fixed .layout--responsive .col,
.layout--responsive .layout--fixed .col,
.layout--fixed .layout--responsive .col-auto,
.layout--responsive .layout--fixed .col-auto,
.layout--fixed .layout--responsive .col-sm-1,
.layout--responsive .layout--fixed .col-sm-1,
.layout--fixed .layout--responsive .col-sm-2,
.layout--responsive .layout--fixed .col-sm-2,
.layout--fixed .layout--responsive .col-sm-3,
.layout--responsive .layout--fixed .col-sm-3,
.layout--fixed .layout--responsive .col-sm-4,
.layout--responsive .layout--fixed .col-sm-4,
.layout--fixed .layout--responsive .col-sm-5,
.layout--responsive .layout--fixed .col-sm-5,
.layout--fixed .layout--responsive .col-sm-6,
.layout--responsive .layout--fixed .col-sm-6,
.layout--fixed .layout--responsive .col-sm-7,
.layout--responsive .layout--fixed .col-sm-7,
.layout--fixed .layout--responsive .col-sm-8,
.layout--responsive .layout--fixed .col-sm-8,
.layout--fixed .layout--responsive .col-sm-9,
.layout--responsive .layout--fixed .col-sm-9,
.layout--fixed .layout--responsive .col-sm-10,
.layout--responsive .layout--fixed .col-sm-10,
.layout--fixed .layout--responsive .col-sm-11,
.layout--responsive .layout--fixed .col-sm-11,
.layout--fixed .layout--responsive .col-sm-12,
.layout--responsive .layout--fixed .col-sm-12,
.layout--fixed .layout--responsive .col-sm,
.layout--responsive .layout--fixed .col-sm,
.layout--fixed .layout--responsive .col-sm-auto,
.layout--responsive .layout--fixed .col-sm-auto,
.layout--fixed .layout--responsive .col-md-1,
.layout--responsive .layout--fixed .col-md-1,
.layout--fixed .layout--responsive .col-md-2,
.layout--responsive .layout--fixed .col-md-2,
.layout--fixed .layout--responsive .col-md-3,
.layout--responsive .layout--fixed .col-md-3,
.layout--fixed .layout--responsive .col-md-4,
.layout--responsive .layout--fixed .col-md-4,
.layout--fixed .layout--responsive .col-md-5,
.layout--responsive .layout--fixed .col-md-5,
.layout--fixed .layout--responsive .col-md-6,
.layout--responsive .layout--fixed .col-md-6,
.layout--fixed .layout--responsive .col-md-7,
.layout--responsive .layout--fixed .col-md-7,
.layout--fixed .layout--responsive .col-md-8,
.layout--responsive .layout--fixed .col-md-8,
.layout--fixed .layout--responsive .col-md-9,
.layout--responsive .layout--fixed .col-md-9,
.layout--fixed .layout--responsive .col-md-10,
.layout--responsive .layout--fixed .col-md-10,
.layout--fixed .layout--responsive .col-md-11,
.layout--responsive .layout--fixed .col-md-11,
.layout--fixed .layout--responsive .col-md-12,
.layout--responsive .layout--fixed .col-md-12,
.layout--fixed .layout--responsive .col-md,
.layout--responsive .layout--fixed .col-md,
.layout--fixed .layout--responsive .col-md-auto,
.layout--responsive .layout--fixed .col-md-auto,
.layout--fixed .layout--responsive .col-std-1,
.layout--responsive .layout--fixed .col-std-1,
.layout--fixed .layout--responsive .col-std-2,
.layout--responsive .layout--fixed .col-std-2,
.layout--fixed .layout--responsive .col-std-3,
.layout--responsive .layout--fixed .col-std-3,
.layout--fixed .layout--responsive .col-std-4,
.layout--responsive .layout--fixed .col-std-4,
.layout--fixed .layout--responsive .col-std-5,
.layout--responsive .layout--fixed .col-std-5,
.layout--fixed .layout--responsive .col-std-6,
.layout--responsive .layout--fixed .col-std-6,
.layout--fixed .layout--responsive .col-std-7,
.layout--responsive .layout--fixed .col-std-7,
.layout--fixed .layout--responsive .col-std-8,
.layout--responsive .layout--fixed .col-std-8,
.layout--fixed .layout--responsive .col-std-9,
.layout--responsive .layout--fixed .col-std-9,
.layout--fixed .layout--responsive .col-std-10,
.layout--responsive .layout--fixed .col-std-10,
.layout--fixed .layout--responsive .col-std-11,
.layout--responsive .layout--fixed .col-std-11,
.layout--fixed .layout--responsive .col-std-12,
.layout--responsive .layout--fixed .col-std-12,
.layout--fixed .layout--responsive .col-std,
.layout--responsive .layout--fixed .col-std,
.layout--fixed .layout--responsive .col-std-auto,
.layout--responsive .layout--fixed .col-std-auto,
.layout--fixed .layout--responsive .col-lg-1,
.layout--responsive .layout--fixed .col-lg-1,
.layout--fixed .layout--responsive .col-lg-2,
.layout--responsive .layout--fixed .col-lg-2,
.layout--fixed .layout--responsive .col-lg-3,
.layout--responsive .layout--fixed .col-lg-3,
.layout--fixed .layout--responsive .col-lg-4,
.layout--responsive .layout--fixed .col-lg-4,
.layout--fixed .layout--responsive .col-lg-5,
.layout--responsive .layout--fixed .col-lg-5,
.layout--fixed .layout--responsive .col-lg-6,
.layout--responsive .layout--fixed .col-lg-6,
.layout--fixed .layout--responsive .col-lg-7,
.layout--responsive .layout--fixed .col-lg-7,
.layout--fixed .layout--responsive .col-lg-8,
.layout--responsive .layout--fixed .col-lg-8,
.layout--fixed .layout--responsive .col-lg-9,
.layout--responsive .layout--fixed .col-lg-9,
.layout--fixed .layout--responsive .col-lg-10,
.layout--responsive .layout--fixed .col-lg-10,
.layout--fixed .layout--responsive .col-lg-11,
.layout--responsive .layout--fixed .col-lg-11,
.layout--fixed .layout--responsive .col-lg-12,
.layout--responsive .layout--fixed .col-lg-12,
.layout--fixed .layout--responsive .col-lg,
.layout--responsive .layout--fixed .col-lg,
.layout--fixed .layout--responsive .col-lg-auto,
.layout--responsive .layout--fixed .col-lg-auto,
.layout--fixed .layout--responsive .col-xl-1,
.layout--responsive .layout--fixed .col-xl-1,
.layout--fixed .layout--responsive .col-xl-2,
.layout--responsive .layout--fixed .col-xl-2,
.layout--fixed .layout--responsive .col-xl-3,
.layout--responsive .layout--fixed .col-xl-3,
.layout--fixed .layout--responsive .col-xl-4,
.layout--responsive .layout--fixed .col-xl-4,
.layout--fixed .layout--responsive .col-xl-5,
.layout--responsive .layout--fixed .col-xl-5,
.layout--fixed .layout--responsive .col-xl-6,
.layout--responsive .layout--fixed .col-xl-6,
.layout--fixed .layout--responsive .col-xl-7,
.layout--responsive .layout--fixed .col-xl-7,
.layout--fixed .layout--responsive .col-xl-8,
.layout--responsive .layout--fixed .col-xl-8,
.layout--fixed .layout--responsive .col-xl-9,
.layout--responsive .layout--fixed .col-xl-9,
.layout--fixed .layout--responsive .col-xl-10,
.layout--responsive .layout--fixed .col-xl-10,
.layout--fixed .layout--responsive .col-xl-11,
.layout--responsive .layout--fixed .col-xl-11,
.layout--fixed .layout--responsive .col-xl-12,
.layout--responsive .layout--fixed .col-xl-12,
.layout--fixed .layout--responsive .col-xl,
.layout--responsive .layout--fixed .col-xl,
.layout--fixed .layout--responsive .col-xl-auto,
.layout--responsive .layout--fixed .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}
.layout--fixed .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.layout--fixed .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.layout--fixed .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.layout--fixed .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.layout--fixed .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.layout--fixed .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.layout--fixed .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.layout--fixed .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.layout--fixed .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.layout--fixed .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.layout--fixed .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.layout--fixed .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.layout--fixed .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.layout--fixed .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.layout--fixed .order-first {
  order: -1;
}
.layout--fixed .order-last {
  order: 13;
}
.layout--fixed .order-0 {
  order: 0;
}
.layout--fixed .order-1 {
  order: 1;
}
.layout--fixed .order-2 {
  order: 2;
}
.layout--fixed .order-3 {
  order: 3;
}
.layout--fixed .order-4 {
  order: 4;
}
.layout--fixed .order-5 {
  order: 5;
}
.layout--fixed .order-6 {
  order: 6;
}
.layout--fixed .order-7 {
  order: 7;
}
.layout--fixed .order-8 {
  order: 8;
}
.layout--fixed .order-9 {
  order: 9;
}
.layout--fixed .order-10 {
  order: 10;
}
.layout--fixed .order-11 {
  order: 11;
}
.layout--fixed .order-12 {
  order: 12;
}
.layout--fixed .offset-1 {
  margin-left: 8.3333333333%;
}
.layout--fixed .offset-2 {
  margin-left: 16.6666666667%;
}
.layout--fixed .offset-3 {
  margin-left: 25%;
}
.layout--fixed .offset-4 {
  margin-left: 33.3333333333%;
}
.layout--fixed .offset-5 {
  margin-left: 41.6666666667%;
}
.layout--fixed .offset-6 {
  margin-left: 50%;
}
.layout--fixed .offset-7 {
  margin-left: 58.3333333333%;
}
.layout--fixed .offset-8 {
  margin-left: 66.6666666667%;
}
.layout--fixed .offset-9 {
  margin-left: 75%;
}
.layout--fixed .offset-10 {
  margin-left: 83.3333333333%;
}
.layout--fixed .offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 1px) {
  .layout--fixed .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--fixed .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--fixed .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--fixed .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--fixed .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--fixed .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--fixed .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--fixed .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--fixed .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--fixed .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--fixed .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--fixed .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--fixed .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--fixed .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--fixed .order-sm-first {
    order: -1;
  }
  .layout--fixed .order-sm-last {
    order: 13;
  }
  .layout--fixed .order-sm-0 {
    order: 0;
  }
  .layout--fixed .order-sm-1 {
    order: 1;
  }
  .layout--fixed .order-sm-2 {
    order: 2;
  }
  .layout--fixed .order-sm-3 {
    order: 3;
  }
  .layout--fixed .order-sm-4 {
    order: 4;
  }
  .layout--fixed .order-sm-5 {
    order: 5;
  }
  .layout--fixed .order-sm-6 {
    order: 6;
  }
  .layout--fixed .order-sm-7 {
    order: 7;
  }
  .layout--fixed .order-sm-8 {
    order: 8;
  }
  .layout--fixed .order-sm-9 {
    order: 9;
  }
  .layout--fixed .order-sm-10 {
    order: 10;
  }
  .layout--fixed .order-sm-11 {
    order: 11;
  }
  .layout--fixed .order-sm-12 {
    order: 12;
  }
  .layout--fixed .offset-sm-0 {
    margin-left: 0;
  }
  .layout--fixed .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .layout--fixed .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .layout--fixed .offset-sm-3 {
    margin-left: 25%;
  }
  .layout--fixed .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .layout--fixed .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .layout--fixed .offset-sm-6 {
    margin-left: 50%;
  }
  .layout--fixed .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .layout--fixed .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .layout--fixed .offset-sm-9 {
    margin-left: 75%;
  }
  .layout--fixed .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .layout--fixed .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 2px) {
  .layout--fixed .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--fixed .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--fixed .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--fixed .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--fixed .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--fixed .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--fixed .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--fixed .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--fixed .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--fixed .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--fixed .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--fixed .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--fixed .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--fixed .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--fixed .order-md-first {
    order: -1;
  }
  .layout--fixed .order-md-last {
    order: 13;
  }
  .layout--fixed .order-md-0 {
    order: 0;
  }
  .layout--fixed .order-md-1 {
    order: 1;
  }
  .layout--fixed .order-md-2 {
    order: 2;
  }
  .layout--fixed .order-md-3 {
    order: 3;
  }
  .layout--fixed .order-md-4 {
    order: 4;
  }
  .layout--fixed .order-md-5 {
    order: 5;
  }
  .layout--fixed .order-md-6 {
    order: 6;
  }
  .layout--fixed .order-md-7 {
    order: 7;
  }
  .layout--fixed .order-md-8 {
    order: 8;
  }
  .layout--fixed .order-md-9 {
    order: 9;
  }
  .layout--fixed .order-md-10 {
    order: 10;
  }
  .layout--fixed .order-md-11 {
    order: 11;
  }
  .layout--fixed .order-md-12 {
    order: 12;
  }
  .layout--fixed .offset-md-0 {
    margin-left: 0;
  }
  .layout--fixed .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .layout--fixed .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .layout--fixed .offset-md-3 {
    margin-left: 25%;
  }
  .layout--fixed .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .layout--fixed .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .layout--fixed .offset-md-6 {
    margin-left: 50%;
  }
  .layout--fixed .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .layout--fixed .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .layout--fixed .offset-md-9 {
    margin-left: 75%;
  }
  .layout--fixed .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .layout--fixed .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 3px) {
  .layout--fixed .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--fixed .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--fixed .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--fixed .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--fixed .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--fixed .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--fixed .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--fixed .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--fixed .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--fixed .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--fixed .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--fixed .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--fixed .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--fixed .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--fixed .order-lg-first {
    order: -1;
  }
  .layout--fixed .order-lg-last {
    order: 13;
  }
  .layout--fixed .order-lg-0 {
    order: 0;
  }
  .layout--fixed .order-lg-1 {
    order: 1;
  }
  .layout--fixed .order-lg-2 {
    order: 2;
  }
  .layout--fixed .order-lg-3 {
    order: 3;
  }
  .layout--fixed .order-lg-4 {
    order: 4;
  }
  .layout--fixed .order-lg-5 {
    order: 5;
  }
  .layout--fixed .order-lg-6 {
    order: 6;
  }
  .layout--fixed .order-lg-7 {
    order: 7;
  }
  .layout--fixed .order-lg-8 {
    order: 8;
  }
  .layout--fixed .order-lg-9 {
    order: 9;
  }
  .layout--fixed .order-lg-10 {
    order: 10;
  }
  .layout--fixed .order-lg-11 {
    order: 11;
  }
  .layout--fixed .order-lg-12 {
    order: 12;
  }
  .layout--fixed .offset-lg-0 {
    margin-left: 0;
  }
  .layout--fixed .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .layout--fixed .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .layout--fixed .offset-lg-3 {
    margin-left: 25%;
  }
  .layout--fixed .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .layout--fixed .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .layout--fixed .offset-lg-6 {
    margin-left: 50%;
  }
  .layout--fixed .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .layout--fixed .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .layout--fixed .offset-lg-9 {
    margin-left: 75%;
  }
  .layout--fixed .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .layout--fixed .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 4000px) {
  .layout--fixed .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--fixed .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--fixed .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--fixed .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--fixed .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--fixed .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--fixed .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--fixed .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--fixed .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--fixed .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--fixed .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--fixed .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--fixed .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--fixed .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--fixed .order-xl-first {
    order: -1;
  }
  .layout--fixed .order-xl-last {
    order: 13;
  }
  .layout--fixed .order-xl-0 {
    order: 0;
  }
  .layout--fixed .order-xl-1 {
    order: 1;
  }
  .layout--fixed .order-xl-2 {
    order: 2;
  }
  .layout--fixed .order-xl-3 {
    order: 3;
  }
  .layout--fixed .order-xl-4 {
    order: 4;
  }
  .layout--fixed .order-xl-5 {
    order: 5;
  }
  .layout--fixed .order-xl-6 {
    order: 6;
  }
  .layout--fixed .order-xl-7 {
    order: 7;
  }
  .layout--fixed .order-xl-8 {
    order: 8;
  }
  .layout--fixed .order-xl-9 {
    order: 9;
  }
  .layout--fixed .order-xl-10 {
    order: 10;
  }
  .layout--fixed .order-xl-11 {
    order: 11;
  }
  .layout--fixed .order-xl-12 {
    order: 12;
  }
  .layout--fixed .offset-xl-0 {
    margin-left: 0;
  }
  .layout--fixed .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .layout--fixed .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .layout--fixed .offset-xl-3 {
    margin-left: 25%;
  }
  .layout--fixed .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .layout--fixed .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .layout--fixed .offset-xl-6 {
    margin-left: 50%;
  }
  .layout--fixed .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .layout--fixed .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .layout--fixed .offset-xl-9 {
    margin-left: 75%;
  }
  .layout--fixed .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .layout--fixed .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.layout--responsive .layout--fixed .col-1,
.layout--fixed .layout--responsive .col-1,
.layout--responsive .layout--fixed .col-2,
.layout--fixed .layout--responsive .col-2,
.layout--responsive .layout--fixed .col-3,
.layout--fixed .layout--responsive .col-3,
.layout--responsive .layout--fixed .col-4,
.layout--fixed .layout--responsive .col-4,
.layout--responsive .layout--fixed .col-5,
.layout--fixed .layout--responsive .col-5,
.layout--responsive .layout--fixed .col-6,
.layout--fixed .layout--responsive .col-6,
.layout--responsive .layout--fixed .col-7,
.layout--fixed .layout--responsive .col-7,
.layout--responsive .layout--fixed .col-8,
.layout--fixed .layout--responsive .col-8,
.layout--responsive .layout--fixed .col-9,
.layout--fixed .layout--responsive .col-9,
.layout--responsive .layout--fixed .col-10,
.layout--fixed .layout--responsive .col-10,
.layout--responsive .layout--fixed .col-11,
.layout--fixed .layout--responsive .col-11,
.layout--responsive .layout--fixed .col-12,
.layout--fixed .layout--responsive .col-12,
.layout--responsive .layout--fixed .col,
.layout--fixed .layout--responsive .col,
.layout--responsive .layout--fixed .col-auto,
.layout--fixed .layout--responsive .col-auto,
.layout--responsive .layout--fixed .col-sm-1,
.layout--fixed .layout--responsive .col-sm-1,
.layout--responsive .layout--fixed .col-sm-2,
.layout--fixed .layout--responsive .col-sm-2,
.layout--responsive .layout--fixed .col-sm-3,
.layout--fixed .layout--responsive .col-sm-3,
.layout--responsive .layout--fixed .col-sm-4,
.layout--fixed .layout--responsive .col-sm-4,
.layout--responsive .layout--fixed .col-sm-5,
.layout--fixed .layout--responsive .col-sm-5,
.layout--responsive .layout--fixed .col-sm-6,
.layout--fixed .layout--responsive .col-sm-6,
.layout--responsive .layout--fixed .col-sm-7,
.layout--fixed .layout--responsive .col-sm-7,
.layout--responsive .layout--fixed .col-sm-8,
.layout--fixed .layout--responsive .col-sm-8,
.layout--responsive .layout--fixed .col-sm-9,
.layout--fixed .layout--responsive .col-sm-9,
.layout--responsive .layout--fixed .col-sm-10,
.layout--fixed .layout--responsive .col-sm-10,
.layout--responsive .layout--fixed .col-sm-11,
.layout--fixed .layout--responsive .col-sm-11,
.layout--responsive .layout--fixed .col-sm-12,
.layout--fixed .layout--responsive .col-sm-12,
.layout--responsive .layout--fixed .col-sm,
.layout--fixed .layout--responsive .col-sm,
.layout--responsive .layout--fixed .col-sm-auto,
.layout--fixed .layout--responsive .col-sm-auto,
.layout--responsive .layout--fixed .col-md-1,
.layout--fixed .layout--responsive .col-md-1,
.layout--responsive .layout--fixed .col-md-2,
.layout--fixed .layout--responsive .col-md-2,
.layout--responsive .layout--fixed .col-md-3,
.layout--fixed .layout--responsive .col-md-3,
.layout--responsive .layout--fixed .col-md-4,
.layout--fixed .layout--responsive .col-md-4,
.layout--responsive .layout--fixed .col-md-5,
.layout--fixed .layout--responsive .col-md-5,
.layout--responsive .layout--fixed .col-md-6,
.layout--fixed .layout--responsive .col-md-6,
.layout--responsive .layout--fixed .col-md-7,
.layout--fixed .layout--responsive .col-md-7,
.layout--responsive .layout--fixed .col-md-8,
.layout--fixed .layout--responsive .col-md-8,
.layout--responsive .layout--fixed .col-md-9,
.layout--fixed .layout--responsive .col-md-9,
.layout--responsive .layout--fixed .col-md-10,
.layout--fixed .layout--responsive .col-md-10,
.layout--responsive .layout--fixed .col-md-11,
.layout--fixed .layout--responsive .col-md-11,
.layout--responsive .layout--fixed .col-md-12,
.layout--fixed .layout--responsive .col-md-12,
.layout--responsive .layout--fixed .col-md,
.layout--fixed .layout--responsive .col-md,
.layout--responsive .layout--fixed .col-md-auto,
.layout--fixed .layout--responsive .col-md-auto,
.layout--responsive .layout--fixed .col-lg-1,
.layout--fixed .layout--responsive .col-lg-1,
.layout--responsive .layout--fixed .col-lg-2,
.layout--fixed .layout--responsive .col-lg-2,
.layout--responsive .layout--fixed .col-lg-3,
.layout--fixed .layout--responsive .col-lg-3,
.layout--responsive .layout--fixed .col-lg-4,
.layout--fixed .layout--responsive .col-lg-4,
.layout--responsive .layout--fixed .col-lg-5,
.layout--fixed .layout--responsive .col-lg-5,
.layout--responsive .layout--fixed .col-lg-6,
.layout--fixed .layout--responsive .col-lg-6,
.layout--responsive .layout--fixed .col-lg-7,
.layout--fixed .layout--responsive .col-lg-7,
.layout--responsive .layout--fixed .col-lg-8,
.layout--fixed .layout--responsive .col-lg-8,
.layout--responsive .layout--fixed .col-lg-9,
.layout--fixed .layout--responsive .col-lg-9,
.layout--responsive .layout--fixed .col-lg-10,
.layout--fixed .layout--responsive .col-lg-10,
.layout--responsive .layout--fixed .col-lg-11,
.layout--fixed .layout--responsive .col-lg-11,
.layout--responsive .layout--fixed .col-lg-12,
.layout--fixed .layout--responsive .col-lg-12,
.layout--responsive .layout--fixed .col-lg,
.layout--fixed .layout--responsive .col-lg,
.layout--responsive .layout--fixed .col-lg-auto,
.layout--fixed .layout--responsive .col-lg-auto,
.layout--responsive .layout--fixed .col-xl-1,
.layout--fixed .layout--responsive .col-xl-1,
.layout--responsive .layout--fixed .col-xl-2,
.layout--fixed .layout--responsive .col-xl-2,
.layout--responsive .layout--fixed .col-xl-3,
.layout--fixed .layout--responsive .col-xl-3,
.layout--responsive .layout--fixed .col-xl-4,
.layout--fixed .layout--responsive .col-xl-4,
.layout--responsive .layout--fixed .col-xl-5,
.layout--fixed .layout--responsive .col-xl-5,
.layout--responsive .layout--fixed .col-xl-6,
.layout--fixed .layout--responsive .col-xl-6,
.layout--responsive .layout--fixed .col-xl-7,
.layout--fixed .layout--responsive .col-xl-7,
.layout--responsive .layout--fixed .col-xl-8,
.layout--fixed .layout--responsive .col-xl-8,
.layout--responsive .layout--fixed .col-xl-9,
.layout--fixed .layout--responsive .col-xl-9,
.layout--responsive .layout--fixed .col-xl-10,
.layout--fixed .layout--responsive .col-xl-10,
.layout--responsive .layout--fixed .col-xl-11,
.layout--fixed .layout--responsive .col-xl-11,
.layout--responsive .layout--fixed .col-xl-12,
.layout--fixed .layout--responsive .col-xl-12,
.layout--responsive .layout--fixed .col-xl,
.layout--fixed .layout--responsive .col-xl,
.layout--responsive .layout--fixed .col-xl-auto,
.layout--fixed .layout--responsive .col-xl-auto,
.layout--responsive .col-1,
.layout--responsive .col-2,
.layout--responsive .col-3,
.layout--responsive .col-4,
.layout--responsive .col-5,
.layout--responsive .col-6,
.layout--responsive .col-7,
.layout--responsive .col-8,
.layout--responsive .col-9,
.layout--responsive .col-10,
.layout--responsive .col-11,
.layout--responsive .col-12,
.layout--responsive .col,
.layout--responsive .col-auto,
.layout--responsive .col-sm-1,
.layout--responsive .col-sm-2,
.layout--responsive .col-sm-3,
.layout--responsive .col-sm-4,
.layout--responsive .col-sm-5,
.layout--responsive .col-sm-6,
.layout--responsive .col-sm-7,
.layout--responsive .col-sm-8,
.layout--responsive .col-sm-9,
.layout--responsive .col-sm-10,
.layout--responsive .col-sm-11,
.layout--responsive .col-sm-12,
.layout--responsive .col-sm,
.layout--responsive .col-sm-auto,
.layout--responsive .col-md-1,
.layout--responsive .col-md-2,
.layout--responsive .col-md-3,
.layout--responsive .col-md-4,
.layout--responsive .col-md-5,
.layout--responsive .col-md-6,
.layout--responsive .col-md-7,
.layout--responsive .col-md-8,
.layout--responsive .col-md-9,
.layout--responsive .col-md-10,
.layout--responsive .col-md-11,
.layout--responsive .col-md-12,
.layout--responsive .col-md,
.layout--responsive .col-md-auto,
.layout--responsive .col-std-1,
.layout--responsive .col-std-2,
.layout--responsive .col-std-3,
.layout--responsive .col-std-4,
.layout--responsive .col-std-5,
.layout--responsive .col-std-6,
.layout--responsive .col-std-7,
.layout--responsive .col-std-8,
.layout--responsive .col-std-9,
.layout--responsive .col-std-10,
.layout--responsive .col-std-11,
.layout--responsive .col-std-12,
.layout--responsive .col-std,
.layout--responsive .col-std-auto,
.layout--responsive .col-lg-1,
.layout--responsive .col-lg-2,
.layout--responsive .col-lg-3,
.layout--responsive .col-lg-4,
.layout--responsive .col-lg-5,
.layout--responsive .col-lg-6,
.layout--responsive .col-lg-7,
.layout--responsive .col-lg-8,
.layout--responsive .col-lg-9,
.layout--responsive .col-lg-10,
.layout--responsive .col-lg-11,
.layout--responsive .col-lg-12,
.layout--responsive .col-lg,
.layout--responsive .col-lg-auto,
.layout--responsive .col-xl-1,
.layout--responsive .col-xl-2,
.layout--responsive .col-xl-3,
.layout--responsive .col-xl-4,
.layout--responsive .col-xl-5,
.layout--responsive .col-xl-6,
.layout--responsive .col-xl-7,
.layout--responsive .col-xl-8,
.layout--responsive .col-xl-9,
.layout--responsive .col-xl-10,
.layout--responsive .col-xl-11,
.layout--responsive .col-xl-12,
.layout--responsive .col-xl,
.layout--responsive .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}
.layout--responsive .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.layout--responsive .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.layout--responsive .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.layout--responsive .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.layout--responsive .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.layout--responsive .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.layout--responsive .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.layout--responsive .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.layout--responsive .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.layout--responsive .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.layout--responsive .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.layout--responsive .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.layout--responsive .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.layout--responsive .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.layout--responsive .order-first {
  order: -1;
}
.layout--responsive .order-last {
  order: 13;
}
.layout--responsive .order-0 {
  order: 0;
}
.layout--responsive .order-1 {
  order: 1;
}
.layout--responsive .order-2 {
  order: 2;
}
.layout--responsive .order-3 {
  order: 3;
}
.layout--responsive .order-4 {
  order: 4;
}
.layout--responsive .order-5 {
  order: 5;
}
.layout--responsive .order-6 {
  order: 6;
}
.layout--responsive .order-7 {
  order: 7;
}
.layout--responsive .order-8 {
  order: 8;
}
.layout--responsive .order-9 {
  order: 9;
}
.layout--responsive .order-10 {
  order: 10;
}
.layout--responsive .order-11 {
  order: 11;
}
.layout--responsive .order-12 {
  order: 12;
}
.layout--responsive .offset-1 {
  margin-left: 8.3333333333%;
}
.layout--responsive .offset-2 {
  margin-left: 16.6666666667%;
}
.layout--responsive .offset-3 {
  margin-left: 25%;
}
.layout--responsive .offset-4 {
  margin-left: 33.3333333333%;
}
.layout--responsive .offset-5 {
  margin-left: 41.6666666667%;
}
.layout--responsive .offset-6 {
  margin-left: 50%;
}
.layout--responsive .offset-7 {
  margin-left: 58.3333333333%;
}
.layout--responsive .offset-8 {
  margin-left: 66.6666666667%;
}
.layout--responsive .offset-9 {
  margin-left: 75%;
}
.layout--responsive .offset-10 {
  margin-left: 83.3333333333%;
}
.layout--responsive .offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 572px) {
  .layout--responsive .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--responsive .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--responsive .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--responsive .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--responsive .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--responsive .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--responsive .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--responsive .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--responsive .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--responsive .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--responsive .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--responsive .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--responsive .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--responsive .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--responsive .order-sm-first {
    order: -1;
  }
  .layout--responsive .order-sm-last {
    order: 13;
  }
  .layout--responsive .order-sm-0 {
    order: 0;
  }
  .layout--responsive .order-sm-1 {
    order: 1;
  }
  .layout--responsive .order-sm-2 {
    order: 2;
  }
  .layout--responsive .order-sm-3 {
    order: 3;
  }
  .layout--responsive .order-sm-4 {
    order: 4;
  }
  .layout--responsive .order-sm-5 {
    order: 5;
  }
  .layout--responsive .order-sm-6 {
    order: 6;
  }
  .layout--responsive .order-sm-7 {
    order: 7;
  }
  .layout--responsive .order-sm-8 {
    order: 8;
  }
  .layout--responsive .order-sm-9 {
    order: 9;
  }
  .layout--responsive .order-sm-10 {
    order: 10;
  }
  .layout--responsive .order-sm-11 {
    order: 11;
  }
  .layout--responsive .order-sm-12 {
    order: 12;
  }
  .layout--responsive .offset-sm-0 {
    margin-left: 0;
  }
  .layout--responsive .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .layout--responsive .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .layout--responsive .offset-sm-3 {
    margin-left: 25%;
  }
  .layout--responsive .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .layout--responsive .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .layout--responsive .offset-sm-6 {
    margin-left: 50%;
  }
  .layout--responsive .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .layout--responsive .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .layout--responsive .offset-sm-9 {
    margin-left: 75%;
  }
  .layout--responsive .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .layout--responsive .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .layout--responsive .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--responsive .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--responsive .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--responsive .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--responsive .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--responsive .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--responsive .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--responsive .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--responsive .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--responsive .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--responsive .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--responsive .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--responsive .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--responsive .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--responsive .order-md-first {
    order: -1;
  }
  .layout--responsive .order-md-last {
    order: 13;
  }
  .layout--responsive .order-md-0 {
    order: 0;
  }
  .layout--responsive .order-md-1 {
    order: 1;
  }
  .layout--responsive .order-md-2 {
    order: 2;
  }
  .layout--responsive .order-md-3 {
    order: 3;
  }
  .layout--responsive .order-md-4 {
    order: 4;
  }
  .layout--responsive .order-md-5 {
    order: 5;
  }
  .layout--responsive .order-md-6 {
    order: 6;
  }
  .layout--responsive .order-md-7 {
    order: 7;
  }
  .layout--responsive .order-md-8 {
    order: 8;
  }
  .layout--responsive .order-md-9 {
    order: 9;
  }
  .layout--responsive .order-md-10 {
    order: 10;
  }
  .layout--responsive .order-md-11 {
    order: 11;
  }
  .layout--responsive .order-md-12 {
    order: 12;
  }
  .layout--responsive .offset-md-0 {
    margin-left: 0;
  }
  .layout--responsive .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .layout--responsive .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .layout--responsive .offset-md-3 {
    margin-left: 25%;
  }
  .layout--responsive .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .layout--responsive .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .layout--responsive .offset-md-6 {
    margin-left: 50%;
  }
  .layout--responsive .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .layout--responsive .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .layout--responsive .offset-md-9 {
    margin-left: 75%;
  }
  .layout--responsive .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .layout--responsive .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 995px) {
  .layout--responsive .col-std {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--responsive .col-std-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--responsive .col-std-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--responsive .col-std-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--responsive .col-std-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--responsive .col-std-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--responsive .col-std-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--responsive .col-std-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--responsive .col-std-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--responsive .col-std-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--responsive .col-std-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--responsive .col-std-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--responsive .col-std-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--responsive .col-std-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--responsive .order-std-first {
    order: -1;
  }
  .layout--responsive .order-std-last {
    order: 13;
  }
  .layout--responsive .order-std-0 {
    order: 0;
  }
  .layout--responsive .order-std-1 {
    order: 1;
  }
  .layout--responsive .order-std-2 {
    order: 2;
  }
  .layout--responsive .order-std-3 {
    order: 3;
  }
  .layout--responsive .order-std-4 {
    order: 4;
  }
  .layout--responsive .order-std-5 {
    order: 5;
  }
  .layout--responsive .order-std-6 {
    order: 6;
  }
  .layout--responsive .order-std-7 {
    order: 7;
  }
  .layout--responsive .order-std-8 {
    order: 8;
  }
  .layout--responsive .order-std-9 {
    order: 9;
  }
  .layout--responsive .order-std-10 {
    order: 10;
  }
  .layout--responsive .order-std-11 {
    order: 11;
  }
  .layout--responsive .order-std-12 {
    order: 12;
  }
  .layout--responsive .offset-std-0 {
    margin-left: 0;
  }
  .layout--responsive .offset-std-1 {
    margin-left: 8.3333333333%;
  }
  .layout--responsive .offset-std-2 {
    margin-left: 16.6666666667%;
  }
  .layout--responsive .offset-std-3 {
    margin-left: 25%;
  }
  .layout--responsive .offset-std-4 {
    margin-left: 33.3333333333%;
  }
  .layout--responsive .offset-std-5 {
    margin-left: 41.6666666667%;
  }
  .layout--responsive .offset-std-6 {
    margin-left: 50%;
  }
  .layout--responsive .offset-std-7 {
    margin-left: 58.3333333333%;
  }
  .layout--responsive .offset-std-8 {
    margin-left: 66.6666666667%;
  }
  .layout--responsive .offset-std-9 {
    margin-left: 75%;
  }
  .layout--responsive .offset-std-10 {
    margin-left: 83.3333333333%;
  }
  .layout--responsive .offset-std-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1171px) {
  .layout--responsive .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--responsive .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--responsive .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--responsive .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--responsive .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--responsive .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--responsive .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--responsive .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--responsive .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--responsive .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--responsive .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--responsive .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--responsive .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--responsive .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--responsive .order-lg-first {
    order: -1;
  }
  .layout--responsive .order-lg-last {
    order: 13;
  }
  .layout--responsive .order-lg-0 {
    order: 0;
  }
  .layout--responsive .order-lg-1 {
    order: 1;
  }
  .layout--responsive .order-lg-2 {
    order: 2;
  }
  .layout--responsive .order-lg-3 {
    order: 3;
  }
  .layout--responsive .order-lg-4 {
    order: 4;
  }
  .layout--responsive .order-lg-5 {
    order: 5;
  }
  .layout--responsive .order-lg-6 {
    order: 6;
  }
  .layout--responsive .order-lg-7 {
    order: 7;
  }
  .layout--responsive .order-lg-8 {
    order: 8;
  }
  .layout--responsive .order-lg-9 {
    order: 9;
  }
  .layout--responsive .order-lg-10 {
    order: 10;
  }
  .layout--responsive .order-lg-11 {
    order: 11;
  }
  .layout--responsive .order-lg-12 {
    order: 12;
  }
  .layout--responsive .offset-lg-0 {
    margin-left: 0;
  }
  .layout--responsive .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .layout--responsive .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .layout--responsive .offset-lg-3 {
    margin-left: 25%;
  }
  .layout--responsive .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .layout--responsive .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .layout--responsive .offset-lg-6 {
    margin-left: 50%;
  }
  .layout--responsive .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .layout--responsive .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .layout--responsive .offset-lg-9 {
    margin-left: 75%;
  }
  .layout--responsive .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .layout--responsive .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1296px) {
  .layout--responsive .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .layout--responsive .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .layout--responsive .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .layout--responsive .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .layout--responsive .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .layout--responsive .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .layout--responsive .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .layout--responsive .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layout--responsive .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .layout--responsive .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .layout--responsive .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .layout--responsive .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .layout--responsive .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .layout--responsive .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .layout--responsive .order-xl-first {
    order: -1;
  }
  .layout--responsive .order-xl-last {
    order: 13;
  }
  .layout--responsive .order-xl-0 {
    order: 0;
  }
  .layout--responsive .order-xl-1 {
    order: 1;
  }
  .layout--responsive .order-xl-2 {
    order: 2;
  }
  .layout--responsive .order-xl-3 {
    order: 3;
  }
  .layout--responsive .order-xl-4 {
    order: 4;
  }
  .layout--responsive .order-xl-5 {
    order: 5;
  }
  .layout--responsive .order-xl-6 {
    order: 6;
  }
  .layout--responsive .order-xl-7 {
    order: 7;
  }
  .layout--responsive .order-xl-8 {
    order: 8;
  }
  .layout--responsive .order-xl-9 {
    order: 9;
  }
  .layout--responsive .order-xl-10 {
    order: 10;
  }
  .layout--responsive .order-xl-11 {
    order: 11;
  }
  .layout--responsive .order-xl-12 {
    order: 12;
  }
  .layout--responsive .offset-xl-0 {
    margin-left: 0;
  }
  .layout--responsive .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .layout--responsive .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .layout--responsive .offset-xl-3 {
    margin-left: 25%;
  }
  .layout--responsive .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .layout--responsive .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .layout--responsive .offset-xl-6 {
    margin-left: 50%;
  }
  .layout--responsive .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .layout--responsive .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .layout--responsive .offset-xl-9 {
    margin-left: 75%;
  }
  .layout--responsive .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .layout--responsive .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (max-width: 572px) {
  .container,
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
  .container .col,
  .container [class^='col-'],
  .container [class*=' col-'],
  .container-fluid .col,
  .container-fluid [class^='col-'],
  .container-fluid [class*=' col-'] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .container .row,
  .container-fluid .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.nm-0 {
  margin: 0 !important;
}
.nmt-0,
.nmy-0 {
  margin-top: 0 !important;
}
.nmr-0,
.nmx-0 {
  margin-right: 0 !important;
}
.nmb-0,
.nmy-0 {
  margin-bottom: 0 !important;
}
.nml-0,
.nmx-0 {
  margin-left: 0 !important;
}
.nm-1 {
  margin: 16px !important;
}
.nmt-1,
.nmy-1 {
  margin-top: -16px !important;
}
.nmr-1,
.nmx-1 {
  margin-right: -16px !important;
}
.nmb-1,
.nmy-1 {
  margin-bottom: -16px !important;
}
.nml-1,
.nmx-1 {
  margin-left: -16px !important;
}
.nm-2 {
  margin: 32px !important;
}
.nmt-2,
.nmy-2 {
  margin-top: -32px !important;
}
.nmr-2,
.nmx-2 {
  margin-right: -32px !important;
}
.nmb-2,
.nmy-2 {
  margin-bottom: -32px !important;
}
.nml-2,
.nmx-2 {
  margin-left: -32px !important;
}
.nm-3 {
  margin: 64px !important;
}
.nmt-3,
.nmy-3 {
  margin-top: -64px !important;
}
.nmr-3,
.nmx-3 {
  margin-right: -64px !important;
}
.nmb-3,
.nmy-3 {
  margin-bottom: -64px !important;
}
.nml-3,
.nmx-3 {
  margin-left: -64px !important;
}
.nm-4 {
  margin: 96px !important;
}
.nmt-4,
.nmy-4 {
  margin-top: -96px !important;
}
.nmr-4,
.nmx-4 {
  margin-right: -96px !important;
}
.nmb-4,
.nmy-4 {
  margin-bottom: -96px !important;
}
.nml-4,
.nmx-4 {
  margin-left: -96px !important;
}
.nm-5 {
  margin: 128px !important;
}
.nmt-5,
.nmy-5 {
  margin-top: -128px !important;
}
.nmr-5,
.nmx-5 {
  margin-right: -128px !important;
}
.nmb-5,
.nmy-5 {
  margin-bottom: -128px !important;
}
.nml-5,
.nmx-5 {
  margin-left: -128px !important;
}
.nm-6 {
  margin: 160px !important;
}
.nmt-6,
.nmy-6 {
  margin-top: -160px !important;
}
.nmr-6,
.nmx-6 {
  margin-right: -160px !important;
}
.nmb-6,
.nmy-6 {
  margin-bottom: -160px !important;
}
.nml-6,
.nmx-6 {
  margin-left: -160px !important;
}
.nm-7 {
  margin: 192px !important;
}
.nmt-7,
.nmy-7 {
  margin-top: -192px !important;
}
.nmr-7,
.nmx-7 {
  margin-right: -192px !important;
}
.nmb-7,
.nmy-7 {
  margin-bottom: -192px !important;
}
.nml-7,
.nmx-7 {
  margin-left: -192px !important;
}
.nm-8 {
  margin: 224px !important;
}
.nmt-8,
.nmy-8 {
  margin-top: -224px !important;
}
.nmr-8,
.nmx-8 {
  margin-right: -224px !important;
}
.nmb-8,
.nmy-8 {
  margin-bottom: -224px !important;
}
.nml-8,
.nmx-8 {
  margin-left: -224px !important;
}
.nm-10 {
  margin: 288px !important;
}
.nmt-10,
.nmy-10 {
  margin-top: -288px !important;
}
.nmr-10,
.nmx-10 {
  margin-right: -288px !important;
}
.nmb-10,
.nmy-10 {
  margin-bottom: -288px !important;
}
.nml-10,
.nmx-10 {
  margin-left: -288px !important;
}
.nm-mini {
  margin: 8px !important;
}
.nmt-mini,
.nmy-mini {
  margin-top: -8px !important;
}
.nmr-mini,
.nmx-mini {
  margin-right: -8px !important;
}
.nmb-mini,
.nmy-mini {
  margin-bottom: -8px !important;
}
.nml-mini,
.nmx-mini {
  margin-left: -8px !important;
}
@media (min-width: 572px) {
  .nm-sm-0 {
    margin: 0 !important;
  }
  .nmt-sm-0,
  .nmy-sm-0 {
    margin-top: 0 !important;
  }
  .nmr-sm-0,
  .nmx-sm-0 {
    margin-right: 0 !important;
  }
  .nmb-sm-0,
  .nmy-sm-0 {
    margin-bottom: 0 !important;
  }
  .nml-sm-0,
  .nmx-sm-0 {
    margin-left: 0 !important;
  }
  .nm-sm-1 {
    margin: 16px !important;
  }
  .nmt-sm-1,
  .nmy-sm-1 {
    margin-top: -16px !important;
  }
  .nmr-sm-1,
  .nmx-sm-1 {
    margin-right: -16px !important;
  }
  .nmb-sm-1,
  .nmy-sm-1 {
    margin-bottom: -16px !important;
  }
  .nml-sm-1,
  .nmx-sm-1 {
    margin-left: -16px !important;
  }
  .nm-sm-2 {
    margin: 32px !important;
  }
  .nmt-sm-2,
  .nmy-sm-2 {
    margin-top: -32px !important;
  }
  .nmr-sm-2,
  .nmx-sm-2 {
    margin-right: -32px !important;
  }
  .nmb-sm-2,
  .nmy-sm-2 {
    margin-bottom: -32px !important;
  }
  .nml-sm-2,
  .nmx-sm-2 {
    margin-left: -32px !important;
  }
  .nm-sm-3 {
    margin: 64px !important;
  }
  .nmt-sm-3,
  .nmy-sm-3 {
    margin-top: -64px !important;
  }
  .nmr-sm-3,
  .nmx-sm-3 {
    margin-right: -64px !important;
  }
  .nmb-sm-3,
  .nmy-sm-3 {
    margin-bottom: -64px !important;
  }
  .nml-sm-3,
  .nmx-sm-3 {
    margin-left: -64px !important;
  }
  .nm-sm-4 {
    margin: 96px !important;
  }
  .nmt-sm-4,
  .nmy-sm-4 {
    margin-top: -96px !important;
  }
  .nmr-sm-4,
  .nmx-sm-4 {
    margin-right: -96px !important;
  }
  .nmb-sm-4,
  .nmy-sm-4 {
    margin-bottom: -96px !important;
  }
  .nml-sm-4,
  .nmx-sm-4 {
    margin-left: -96px !important;
  }
  .nm-sm-5 {
    margin: 128px !important;
  }
  .nmt-sm-5,
  .nmy-sm-5 {
    margin-top: -128px !important;
  }
  .nmr-sm-5,
  .nmx-sm-5 {
    margin-right: -128px !important;
  }
  .nmb-sm-5,
  .nmy-sm-5 {
    margin-bottom: -128px !important;
  }
  .nml-sm-5,
  .nmx-sm-5 {
    margin-left: -128px !important;
  }
  .nm-sm-6 {
    margin: 160px !important;
  }
  .nmt-sm-6,
  .nmy-sm-6 {
    margin-top: -160px !important;
  }
  .nmr-sm-6,
  .nmx-sm-6 {
    margin-right: -160px !important;
  }
  .nmb-sm-6,
  .nmy-sm-6 {
    margin-bottom: -160px !important;
  }
  .nml-sm-6,
  .nmx-sm-6 {
    margin-left: -160px !important;
  }
  .nm-sm-7 {
    margin: 192px !important;
  }
  .nmt-sm-7,
  .nmy-sm-7 {
    margin-top: -192px !important;
  }
  .nmr-sm-7,
  .nmx-sm-7 {
    margin-right: -192px !important;
  }
  .nmb-sm-7,
  .nmy-sm-7 {
    margin-bottom: -192px !important;
  }
  .nml-sm-7,
  .nmx-sm-7 {
    margin-left: -192px !important;
  }
  .nm-sm-8 {
    margin: 224px !important;
  }
  .nmt-sm-8,
  .nmy-sm-8 {
    margin-top: -224px !important;
  }
  .nmr-sm-8,
  .nmx-sm-8 {
    margin-right: -224px !important;
  }
  .nmb-sm-8,
  .nmy-sm-8 {
    margin-bottom: -224px !important;
  }
  .nml-sm-8,
  .nmx-sm-8 {
    margin-left: -224px !important;
  }
  .nm-sm-10 {
    margin: 288px !important;
  }
  .nmt-sm-10,
  .nmy-sm-10 {
    margin-top: -288px !important;
  }
  .nmr-sm-10,
  .nmx-sm-10 {
    margin-right: -288px !important;
  }
  .nmb-sm-10,
  .nmy-sm-10 {
    margin-bottom: -288px !important;
  }
  .nml-sm-10,
  .nmx-sm-10 {
    margin-left: -288px !important;
  }
  .nm-sm-mini {
    margin: 8px !important;
  }
  .nmt-sm-mini,
  .nmy-sm-mini {
    margin-top: -8px !important;
  }
  .nmr-sm-mini,
  .nmx-sm-mini {
    margin-right: -8px !important;
  }
  .nmb-sm-mini,
  .nmy-sm-mini {
    margin-bottom: -8px !important;
  }
  .nml-sm-mini,
  .nmx-sm-mini {
    margin-left: -8px !important;
  }
}
@media (min-width: 768px) {
  .nm-md-0 {
    margin: 0 !important;
  }
  .nmt-md-0,
  .nmy-md-0 {
    margin-top: 0 !important;
  }
  .nmr-md-0,
  .nmx-md-0 {
    margin-right: 0 !important;
  }
  .nmb-md-0,
  .nmy-md-0 {
    margin-bottom: 0 !important;
  }
  .nml-md-0,
  .nmx-md-0 {
    margin-left: 0 !important;
  }
  .nm-md-1 {
    margin: 16px !important;
  }
  .nmt-md-1,
  .nmy-md-1 {
    margin-top: -16px !important;
  }
  .nmr-md-1,
  .nmx-md-1 {
    margin-right: -16px !important;
  }
  .nmb-md-1,
  .nmy-md-1 {
    margin-bottom: -16px !important;
  }
  .nml-md-1,
  .nmx-md-1 {
    margin-left: -16px !important;
  }
  .nm-md-2 {
    margin: 32px !important;
  }
  .nmt-md-2,
  .nmy-md-2 {
    margin-top: -32px !important;
  }
  .nmr-md-2,
  .nmx-md-2 {
    margin-right: -32px !important;
  }
  .nmb-md-2,
  .nmy-md-2 {
    margin-bottom: -32px !important;
  }
  .nml-md-2,
  .nmx-md-2 {
    margin-left: -32px !important;
  }
  .nm-md-3 {
    margin: 64px !important;
  }
  .nmt-md-3,
  .nmy-md-3 {
    margin-top: -64px !important;
  }
  .nmr-md-3,
  .nmx-md-3 {
    margin-right: -64px !important;
  }
  .nmb-md-3,
  .nmy-md-3 {
    margin-bottom: -64px !important;
  }
  .nml-md-3,
  .nmx-md-3 {
    margin-left: -64px !important;
  }
  .nm-md-4 {
    margin: 96px !important;
  }
  .nmt-md-4,
  .nmy-md-4 {
    margin-top: -96px !important;
  }
  .nmr-md-4,
  .nmx-md-4 {
    margin-right: -96px !important;
  }
  .nmb-md-4,
  .nmy-md-4 {
    margin-bottom: -96px !important;
  }
  .nml-md-4,
  .nmx-md-4 {
    margin-left: -96px !important;
  }
  .nm-md-5 {
    margin: 128px !important;
  }
  .nmt-md-5,
  .nmy-md-5 {
    margin-top: -128px !important;
  }
  .nmr-md-5,
  .nmx-md-5 {
    margin-right: -128px !important;
  }
  .nmb-md-5,
  .nmy-md-5 {
    margin-bottom: -128px !important;
  }
  .nml-md-5,
  .nmx-md-5 {
    margin-left: -128px !important;
  }
  .nm-md-6 {
    margin: 160px !important;
  }
  .nmt-md-6,
  .nmy-md-6 {
    margin-top: -160px !important;
  }
  .nmr-md-6,
  .nmx-md-6 {
    margin-right: -160px !important;
  }
  .nmb-md-6,
  .nmy-md-6 {
    margin-bottom: -160px !important;
  }
  .nml-md-6,
  .nmx-md-6 {
    margin-left: -160px !important;
  }
  .nm-md-7 {
    margin: 192px !important;
  }
  .nmt-md-7,
  .nmy-md-7 {
    margin-top: -192px !important;
  }
  .nmr-md-7,
  .nmx-md-7 {
    margin-right: -192px !important;
  }
  .nmb-md-7,
  .nmy-md-7 {
    margin-bottom: -192px !important;
  }
  .nml-md-7,
  .nmx-md-7 {
    margin-left: -192px !important;
  }
  .nm-md-8 {
    margin: 224px !important;
  }
  .nmt-md-8,
  .nmy-md-8 {
    margin-top: -224px !important;
  }
  .nmr-md-8,
  .nmx-md-8 {
    margin-right: -224px !important;
  }
  .nmb-md-8,
  .nmy-md-8 {
    margin-bottom: -224px !important;
  }
  .nml-md-8,
  .nmx-md-8 {
    margin-left: -224px !important;
  }
  .nm-md-10 {
    margin: 288px !important;
  }
  .nmt-md-10,
  .nmy-md-10 {
    margin-top: -288px !important;
  }
  .nmr-md-10,
  .nmx-md-10 {
    margin-right: -288px !important;
  }
  .nmb-md-10,
  .nmy-md-10 {
    margin-bottom: -288px !important;
  }
  .nml-md-10,
  .nmx-md-10 {
    margin-left: -288px !important;
  }
  .nm-md-mini {
    margin: 8px !important;
  }
  .nmt-md-mini,
  .nmy-md-mini {
    margin-top: -8px !important;
  }
  .nmr-md-mini,
  .nmx-md-mini {
    margin-right: -8px !important;
  }
  .nmb-md-mini,
  .nmy-md-mini {
    margin-bottom: -8px !important;
  }
  .nml-md-mini,
  .nmx-md-mini {
    margin-left: -8px !important;
  }
}
@media (min-width: 995px) {
  .nm-std-0 {
    margin: 0 !important;
  }
  .nmt-std-0,
  .nmy-std-0 {
    margin-top: 0 !important;
  }
  .nmr-std-0,
  .nmx-std-0 {
    margin-right: 0 !important;
  }
  .nmb-std-0,
  .nmy-std-0 {
    margin-bottom: 0 !important;
  }
  .nml-std-0,
  .nmx-std-0 {
    margin-left: 0 !important;
  }
  .nm-std-1 {
    margin: 16px !important;
  }
  .nmt-std-1,
  .nmy-std-1 {
    margin-top: -16px !important;
  }
  .nmr-std-1,
  .nmx-std-1 {
    margin-right: -16px !important;
  }
  .nmb-std-1,
  .nmy-std-1 {
    margin-bottom: -16px !important;
  }
  .nml-std-1,
  .nmx-std-1 {
    margin-left: -16px !important;
  }
  .nm-std-2 {
    margin: 32px !important;
  }
  .nmt-std-2,
  .nmy-std-2 {
    margin-top: -32px !important;
  }
  .nmr-std-2,
  .nmx-std-2 {
    margin-right: -32px !important;
  }
  .nmb-std-2,
  .nmy-std-2 {
    margin-bottom: -32px !important;
  }
  .nml-std-2,
  .nmx-std-2 {
    margin-left: -32px !important;
  }
  .nm-std-3 {
    margin: 64px !important;
  }
  .nmt-std-3,
  .nmy-std-3 {
    margin-top: -64px !important;
  }
  .nmr-std-3,
  .nmx-std-3 {
    margin-right: -64px !important;
  }
  .nmb-std-3,
  .nmy-std-3 {
    margin-bottom: -64px !important;
  }
  .nml-std-3,
  .nmx-std-3 {
    margin-left: -64px !important;
  }
  .nm-std-4 {
    margin: 96px !important;
  }
  .nmt-std-4,
  .nmy-std-4 {
    margin-top: -96px !important;
  }
  .nmr-std-4,
  .nmx-std-4 {
    margin-right: -96px !important;
  }
  .nmb-std-4,
  .nmy-std-4 {
    margin-bottom: -96px !important;
  }
  .nml-std-4,
  .nmx-std-4 {
    margin-left: -96px !important;
  }
  .nm-std-5 {
    margin: 128px !important;
  }
  .nmt-std-5,
  .nmy-std-5 {
    margin-top: -128px !important;
  }
  .nmr-std-5,
  .nmx-std-5 {
    margin-right: -128px !important;
  }
  .nmb-std-5,
  .nmy-std-5 {
    margin-bottom: -128px !important;
  }
  .nml-std-5,
  .nmx-std-5 {
    margin-left: -128px !important;
  }
  .nm-std-6 {
    margin: 160px !important;
  }
  .nmt-std-6,
  .nmy-std-6 {
    margin-top: -160px !important;
  }
  .nmr-std-6,
  .nmx-std-6 {
    margin-right: -160px !important;
  }
  .nmb-std-6,
  .nmy-std-6 {
    margin-bottom: -160px !important;
  }
  .nml-std-6,
  .nmx-std-6 {
    margin-left: -160px !important;
  }
  .nm-std-7 {
    margin: 192px !important;
  }
  .nmt-std-7,
  .nmy-std-7 {
    margin-top: -192px !important;
  }
  .nmr-std-7,
  .nmx-std-7 {
    margin-right: -192px !important;
  }
  .nmb-std-7,
  .nmy-std-7 {
    margin-bottom: -192px !important;
  }
  .nml-std-7,
  .nmx-std-7 {
    margin-left: -192px !important;
  }
  .nm-std-8 {
    margin: 224px !important;
  }
  .nmt-std-8,
  .nmy-std-8 {
    margin-top: -224px !important;
  }
  .nmr-std-8,
  .nmx-std-8 {
    margin-right: -224px !important;
  }
  .nmb-std-8,
  .nmy-std-8 {
    margin-bottom: -224px !important;
  }
  .nml-std-8,
  .nmx-std-8 {
    margin-left: -224px !important;
  }
  .nm-std-10 {
    margin: 288px !important;
  }
  .nmt-std-10,
  .nmy-std-10 {
    margin-top: -288px !important;
  }
  .nmr-std-10,
  .nmx-std-10 {
    margin-right: -288px !important;
  }
  .nmb-std-10,
  .nmy-std-10 {
    margin-bottom: -288px !important;
  }
  .nml-std-10,
  .nmx-std-10 {
    margin-left: -288px !important;
  }
  .nm-std-mini {
    margin: 8px !important;
  }
  .nmt-std-mini,
  .nmy-std-mini {
    margin-top: -8px !important;
  }
  .nmr-std-mini,
  .nmx-std-mini {
    margin-right: -8px !important;
  }
  .nmb-std-mini,
  .nmy-std-mini {
    margin-bottom: -8px !important;
  }
  .nml-std-mini,
  .nmx-std-mini {
    margin-left: -8px !important;
  }
}
@media (min-width: 1171px) {
  .nm-lg-0 {
    margin: 0 !important;
  }
  .nmt-lg-0,
  .nmy-lg-0 {
    margin-top: 0 !important;
  }
  .nmr-lg-0,
  .nmx-lg-0 {
    margin-right: 0 !important;
  }
  .nmb-lg-0,
  .nmy-lg-0 {
    margin-bottom: 0 !important;
  }
  .nml-lg-0,
  .nmx-lg-0 {
    margin-left: 0 !important;
  }
  .nm-lg-1 {
    margin: 16px !important;
  }
  .nmt-lg-1,
  .nmy-lg-1 {
    margin-top: -16px !important;
  }
  .nmr-lg-1,
  .nmx-lg-1 {
    margin-right: -16px !important;
  }
  .nmb-lg-1,
  .nmy-lg-1 {
    margin-bottom: -16px !important;
  }
  .nml-lg-1,
  .nmx-lg-1 {
    margin-left: -16px !important;
  }
  .nm-lg-2 {
    margin: 32px !important;
  }
  .nmt-lg-2,
  .nmy-lg-2 {
    margin-top: -32px !important;
  }
  .nmr-lg-2,
  .nmx-lg-2 {
    margin-right: -32px !important;
  }
  .nmb-lg-2,
  .nmy-lg-2 {
    margin-bottom: -32px !important;
  }
  .nml-lg-2,
  .nmx-lg-2 {
    margin-left: -32px !important;
  }
  .nm-lg-3 {
    margin: 64px !important;
  }
  .nmt-lg-3,
  .nmy-lg-3 {
    margin-top: -64px !important;
  }
  .nmr-lg-3,
  .nmx-lg-3 {
    margin-right: -64px !important;
  }
  .nmb-lg-3,
  .nmy-lg-3 {
    margin-bottom: -64px !important;
  }
  .nml-lg-3,
  .nmx-lg-3 {
    margin-left: -64px !important;
  }
  .nm-lg-4 {
    margin: 96px !important;
  }
  .nmt-lg-4,
  .nmy-lg-4 {
    margin-top: -96px !important;
  }
  .nmr-lg-4,
  .nmx-lg-4 {
    margin-right: -96px !important;
  }
  .nmb-lg-4,
  .nmy-lg-4 {
    margin-bottom: -96px !important;
  }
  .nml-lg-4,
  .nmx-lg-4 {
    margin-left: -96px !important;
  }
  .nm-lg-5 {
    margin: 128px !important;
  }
  .nmt-lg-5,
  .nmy-lg-5 {
    margin-top: -128px !important;
  }
  .nmr-lg-5,
  .nmx-lg-5 {
    margin-right: -128px !important;
  }
  .nmb-lg-5,
  .nmy-lg-5 {
    margin-bottom: -128px !important;
  }
  .nml-lg-5,
  .nmx-lg-5 {
    margin-left: -128px !important;
  }
  .nm-lg-6 {
    margin: 160px !important;
  }
  .nmt-lg-6,
  .nmy-lg-6 {
    margin-top: -160px !important;
  }
  .nmr-lg-6,
  .nmx-lg-6 {
    margin-right: -160px !important;
  }
  .nmb-lg-6,
  .nmy-lg-6 {
    margin-bottom: -160px !important;
  }
  .nml-lg-6,
  .nmx-lg-6 {
    margin-left: -160px !important;
  }
  .nm-lg-7 {
    margin: 192px !important;
  }
  .nmt-lg-7,
  .nmy-lg-7 {
    margin-top: -192px !important;
  }
  .nmr-lg-7,
  .nmx-lg-7 {
    margin-right: -192px !important;
  }
  .nmb-lg-7,
  .nmy-lg-7 {
    margin-bottom: -192px !important;
  }
  .nml-lg-7,
  .nmx-lg-7 {
    margin-left: -192px !important;
  }
  .nm-lg-8 {
    margin: 224px !important;
  }
  .nmt-lg-8,
  .nmy-lg-8 {
    margin-top: -224px !important;
  }
  .nmr-lg-8,
  .nmx-lg-8 {
    margin-right: -224px !important;
  }
  .nmb-lg-8,
  .nmy-lg-8 {
    margin-bottom: -224px !important;
  }
  .nml-lg-8,
  .nmx-lg-8 {
    margin-left: -224px !important;
  }
  .nm-lg-10 {
    margin: 288px !important;
  }
  .nmt-lg-10,
  .nmy-lg-10 {
    margin-top: -288px !important;
  }
  .nmr-lg-10,
  .nmx-lg-10 {
    margin-right: -288px !important;
  }
  .nmb-lg-10,
  .nmy-lg-10 {
    margin-bottom: -288px !important;
  }
  .nml-lg-10,
  .nmx-lg-10 {
    margin-left: -288px !important;
  }
  .nm-lg-mini {
    margin: 8px !important;
  }
  .nmt-lg-mini,
  .nmy-lg-mini {
    margin-top: -8px !important;
  }
  .nmr-lg-mini,
  .nmx-lg-mini {
    margin-right: -8px !important;
  }
  .nmb-lg-mini,
  .nmy-lg-mini {
    margin-bottom: -8px !important;
  }
  .nml-lg-mini,
  .nmx-lg-mini {
    margin-left: -8px !important;
  }
}
@media (min-width: 1296px) {
  .nm-xl-0 {
    margin: 0 !important;
  }
  .nmt-xl-0,
  .nmy-xl-0 {
    margin-top: 0 !important;
  }
  .nmr-xl-0,
  .nmx-xl-0 {
    margin-right: 0 !important;
  }
  .nmb-xl-0,
  .nmy-xl-0 {
    margin-bottom: 0 !important;
  }
  .nml-xl-0,
  .nmx-xl-0 {
    margin-left: 0 !important;
  }
  .nm-xl-1 {
    margin: 16px !important;
  }
  .nmt-xl-1,
  .nmy-xl-1 {
    margin-top: -16px !important;
  }
  .nmr-xl-1,
  .nmx-xl-1 {
    margin-right: -16px !important;
  }
  .nmb-xl-1,
  .nmy-xl-1 {
    margin-bottom: -16px !important;
  }
  .nml-xl-1,
  .nmx-xl-1 {
    margin-left: -16px !important;
  }
  .nm-xl-2 {
    margin: 32px !important;
  }
  .nmt-xl-2,
  .nmy-xl-2 {
    margin-top: -32px !important;
  }
  .nmr-xl-2,
  .nmx-xl-2 {
    margin-right: -32px !important;
  }
  .nmb-xl-2,
  .nmy-xl-2 {
    margin-bottom: -32px !important;
  }
  .nml-xl-2,
  .nmx-xl-2 {
    margin-left: -32px !important;
  }
  .nm-xl-3 {
    margin: 64px !important;
  }
  .nmt-xl-3,
  .nmy-xl-3 {
    margin-top: -64px !important;
  }
  .nmr-xl-3,
  .nmx-xl-3 {
    margin-right: -64px !important;
  }
  .nmb-xl-3,
  .nmy-xl-3 {
    margin-bottom: -64px !important;
  }
  .nml-xl-3,
  .nmx-xl-3 {
    margin-left: -64px !important;
  }
  .nm-xl-4 {
    margin: 96px !important;
  }
  .nmt-xl-4,
  .nmy-xl-4 {
    margin-top: -96px !important;
  }
  .nmr-xl-4,
  .nmx-xl-4 {
    margin-right: -96px !important;
  }
  .nmb-xl-4,
  .nmy-xl-4 {
    margin-bottom: -96px !important;
  }
  .nml-xl-4,
  .nmx-xl-4 {
    margin-left: -96px !important;
  }
  .nm-xl-5 {
    margin: 128px !important;
  }
  .nmt-xl-5,
  .nmy-xl-5 {
    margin-top: -128px !important;
  }
  .nmr-xl-5,
  .nmx-xl-5 {
    margin-right: -128px !important;
  }
  .nmb-xl-5,
  .nmy-xl-5 {
    margin-bottom: -128px !important;
  }
  .nml-xl-5,
  .nmx-xl-5 {
    margin-left: -128px !important;
  }
  .nm-xl-6 {
    margin: 160px !important;
  }
  .nmt-xl-6,
  .nmy-xl-6 {
    margin-top: -160px !important;
  }
  .nmr-xl-6,
  .nmx-xl-6 {
    margin-right: -160px !important;
  }
  .nmb-xl-6,
  .nmy-xl-6 {
    margin-bottom: -160px !important;
  }
  .nml-xl-6,
  .nmx-xl-6 {
    margin-left: -160px !important;
  }
  .nm-xl-7 {
    margin: 192px !important;
  }
  .nmt-xl-7,
  .nmy-xl-7 {
    margin-top: -192px !important;
  }
  .nmr-xl-7,
  .nmx-xl-7 {
    margin-right: -192px !important;
  }
  .nmb-xl-7,
  .nmy-xl-7 {
    margin-bottom: -192px !important;
  }
  .nml-xl-7,
  .nmx-xl-7 {
    margin-left: -192px !important;
  }
  .nm-xl-8 {
    margin: 224px !important;
  }
  .nmt-xl-8,
  .nmy-xl-8 {
    margin-top: -224px !important;
  }
  .nmr-xl-8,
  .nmx-xl-8 {
    margin-right: -224px !important;
  }
  .nmb-xl-8,
  .nmy-xl-8 {
    margin-bottom: -224px !important;
  }
  .nml-xl-8,
  .nmx-xl-8 {
    margin-left: -224px !important;
  }
  .nm-xl-10 {
    margin: 288px !important;
  }
  .nmt-xl-10,
  .nmy-xl-10 {
    margin-top: -288px !important;
  }
  .nmr-xl-10,
  .nmx-xl-10 {
    margin-right: -288px !important;
  }
  .nmb-xl-10,
  .nmy-xl-10 {
    margin-bottom: -288px !important;
  }
  .nml-xl-10,
  .nmx-xl-10 {
    margin-left: -288px !important;
  }
  .nm-xl-mini {
    margin: 8px !important;
  }
  .nmt-xl-mini,
  .nmy-xl-mini {
    margin-top: -8px !important;
  }
  .nmr-xl-mini,
  .nmx-xl-mini {
    margin-right: -8px !important;
  }
  .nmb-xl-mini,
  .nmy-xl-mini {
    margin-bottom: -8px !important;
  }
  .nml-xl-mini,
  .nmx-xl-mini {
    margin-left: -8px !important;
  }
}
.w-auto {
  width: auto !important;
}
.w-100 {
  width: 100% !important;
}
@media (min-width: 572px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 995px) {
  .w-std-auto {
    width: auto !important;
  }
  .w-std-100 {
    width: 100% !important;
  }
}
@media (min-width: 1171px) {
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 1296px) {
  .w-xl-auto {
    width: auto !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
}
.no-gutters,
.container .no-gutters,
.container-fluid .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"],
.container .no-gutters > .col,
.container .no-gutters > [class*="col-"],
.container-fluid .no-gutters > .col,
.container-fluid .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 572px) {
  .no-gutters-sm,
  .container .no-gutters-sm,
  .container-fluid .no-gutters-sm {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-sm > .col,
  .no-gutters-sm > [class*="col-"],
  .container .no-gutters-sm > .col,
  .container .no-gutters-sm > [class*="col-"],
  .container-fluid .no-gutters-sm > .col,
  .container-fluid .no-gutters-sm > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .no-gutters-md,
  .container .no-gutters-md,
  .container-fluid .no-gutters-md {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-md > .col,
  .no-gutters-md > [class*="col-"],
  .container .no-gutters-md > .col,
  .container .no-gutters-md > [class*="col-"],
  .container-fluid .no-gutters-md > .col,
  .container-fluid .no-gutters-md > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 995px) {
  .no-gutters-std,
  .container .no-gutters-std,
  .container-fluid .no-gutters-std {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-std > .col,
  .no-gutters-std > [class*="col-"],
  .container .no-gutters-std > .col,
  .container .no-gutters-std > [class*="col-"],
  .container-fluid .no-gutters-std > .col,
  .container-fluid .no-gutters-std > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1171px) {
  .no-gutters-lg,
  .container .no-gutters-lg,
  .container-fluid .no-gutters-lg {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-lg > .col,
  .no-gutters-lg > [class*="col-"],
  .container .no-gutters-lg > .col,
  .container .no-gutters-lg > [class*="col-"],
  .container-fluid .no-gutters-lg > .col,
  .container-fluid .no-gutters-lg > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1296px) {
  .no-gutters-xl,
  .container .no-gutters-xl,
  .container-fluid .no-gutters-xl {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-xl > .col,
  .no-gutters-xl > [class*="col-"],
  .container .no-gutters-xl > .col,
  .container .no-gutters-xl > [class*="col-"],
  .container-fluid .no-gutters-xl > .col,
  .container-fluid .no-gutters-xl > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.pos-rel {
  position: relative !important;
}
.pos-abs {
  position: absolute !important;
}
@media (min-width: 572px) {
  .pos-sm-rel {
    position: relative !important;
  }
  .pos-sm-abs {
    position: absolute !important;
  }
}
@media (min-width: 768px) {
  .pos-md-rel {
    position: relative !important;
  }
  .pos-md-abs {
    position: absolute !important;
  }
}
@media (min-width: 995px) {
  .pos-std-rel {
    position: relative !important;
  }
  .pos-std-abs {
    position: absolute !important;
  }
}
@media (min-width: 1171px) {
  .pos-lg-rel {
    position: relative !important;
  }
  .pos-lg-abs {
    position: absolute !important;
  }
}
@media (min-width: 1296px) {
  .pos-xl-rel {
    position: relative !important;
  }
  .pos-xl-abs {
    position: absolute !important;
  }
}
.fs-smaller {
  font-size: 85% !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-32 {
  font-size: 32px !important;
}
@media (min-width: 572px) {
  .fs-sm-smaller {
    font-size: 85% !important;
  }
  .fs-sm-16 {
    font-size: 16px !important;
  }
  .fs-sm-24 {
    font-size: 24px !important;
  }
  .fs-sm-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 768px) {
  .fs-md-smaller {
    font-size: 85% !important;
  }
  .fs-md-16 {
    font-size: 16px !important;
  }
  .fs-md-24 {
    font-size: 24px !important;
  }
  .fs-md-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 995px) {
  .fs-std-smaller {
    font-size: 85% !important;
  }
  .fs-std-16 {
    font-size: 16px !important;
  }
  .fs-std-24 {
    font-size: 24px !important;
  }
  .fs-std-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1171px) {
  .fs-lg-smaller {
    font-size: 85% !important;
  }
  .fs-lg-16 {
    font-size: 16px !important;
  }
  .fs-lg-24 {
    font-size: 24px !important;
  }
  .fs-lg-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1296px) {
  .fs-xl-smaller {
    font-size: 85% !important;
  }
  .fs-xl-16 {
    font-size: 16px !important;
  }
  .fs-xl-24 {
    font-size: 24px !important;
  }
  .fs-xl-32 {
    font-size: 32px !important;
  }
}
#success,
#notice,
#alert {
  padding: 10px 0;
  margin: 0 auto;
  width: 980px;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: 300;
}
.list-a {
  overflow: hidden;
}
.list-a li {
  float: left;
  list-style-type: none;
}
section {
  margin-bottom: 30px;
}
section.autoheight {
  margin-bottom: 0px;
}
.section-padded {
  margin-bottom: 40px;
}
.gray-padded {
  background: #fafafa;
  padding: 16px;
}
.gray-padded th {
  padding: 0px 15px;
  height: 45px;
}
.gray-padded .section-header {
  font-size: 18px;
  text-transform: none;
  margin: 5px 0 25px;
}
.gray-padded .section-header .pull-right:not(.view-all) {
  text-transform: uppercase;
  margin-top: -2px;
  color: #999999;
  font-size: 12px;
}
.simple-bordered {
  padding: 25px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.simple-bordered .section-header {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}
.simple-bordered .section-header span {
  display: block;
  float: left;
}
.thumb-list-grid {
  *zoom: 1;
}
.thumb-list-grid:before,
.thumb-list-grid:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumb-list-grid:after {
  clear: both;
}
.thumb-list-grid li {
  display: block;
  float: left;
}
.thumb-list-item-container {
  float: left;
}
.thumb-list-item-container.v-aligned .thumb-list-image,
.thumb-list-item-container.v-aligned .thumb-list-item-body,
.thumb-list-item-container.v-aligned img {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
.thumb-list-item {
  overflow: hidden;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.thumb-list-item.v-aligned img,
.thumb-list-item.v-aligned .thumb-list-data {
  float: none;
  vertical-align: middle;
}
.thumb-list-image {
  float: left;
  margin-right: 15px;
}
.thumb-list-item-body {
  float: left;
  margin-top: 2px;
}
.thumb-list-data {
  display: inline-block;
}
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover {
  color: #005580;
  text-decoration: none;
}
a:not([href]) {
  cursor: pointer;
}
.body--light {
  background-color: #fafafa;
}
.body--white {
  background-color: #ffffff;
}
@font-face {
  font-family: "icomoon";
  src: url(//cf.seditionart.com/assets/icomoon/icomoon-44066ed14bddcf20a70d68de80914b95.ttf) format("truetype"), url(//cf.seditionart.com/assets/icomoon/icomoon-1d3a2aae624ef025cc0a56f3450d405c.woff) format("woff"), url(//cf.seditionart.com/assets/icomoon/icomoon-656eea49c095551586fbd45751095920.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon-refund:before {
  content: "\e955";
}
.icon-cart-outline:before {
  content: "\e956";
}
.icon-settings:before {
  content: "\e90d";
}
.icon-stacked-artworks:before {
  content: "\e959";
}
.icon-repeat-one:before {
  content: "\e958";
}
.icon-repeat-all:before {
  content: "\e957";
}
.icon-shuffle:before {
  content: "\e911";
}
.icon-shuffle-slim:before {
  content: "\e95b";
}
.icon-discount:before {
  content: "\e90f";
}
.icon-download:before {
  content: "\e95c";
}
.icon-frame-artwork:before {
  content: "\e910";
}
.icon-waves:before {
  content: "\e949";
}
.icon-watermark:before {
  content: "\e934";
}
.icon-cube:before {
  content: "\e92d";
}
.icon-sound:before {
  content: "\e92c";
}
.icon-file:before {
  content: "\e92b";
}
.icon-reload:before {
  content: "\e92a";
}
.icon-wishlist:before {
  content: "\e92a";
}
.icon-trade:before {
  content: "\e929";
}
.icon-vault-alternative:before {
  content: "\e926";
}
.icon-newsletter:before {
  content: "\e927";
}
.icon-private-view:before {
  content: "\e928";
}
.icon-trash-open:before {
  content: "\e924";
}
.icon-trash:before {
  content: "\e925";
}
.icon-right:before {
  content: "\e920";
}
.icon-left:before {
  content: "\e941";
}
.icon-up:before {
  content: "\e942";
}
.icon-down:before {
  content: "\e921";
}
.icon-default-close:before {
  content: "\e922";
}
.icon-burger:before {
  content: "\e923";
}
.icon-friends:before {
  content: "\e91c";
}
.icon-stream-slim:before {
  content: "\e91d";
}
.icon-trending-star:before {
  content: "\e91e";
}
.icon-vault:before {
  content: "\e91f";
}
.icon-stream:before {
  content: "\e91b";
}
.icon-thin-plus:before {
  content: "\e919";
}
.icon-star:before {
  content: "\e91a";
}
.icon-fullscreen-exit:before {
  content: "\e907";
}
.icon-fullscreen:before {
  content: "\e908";
}
.icon-volume-mute:before {
  content: "\e913";
}
.icon-next:before {
  content: "\e914";
}
.icon-pause:before {
  content: "\e915";
}
.icon-play:before {
  content: "\e916";
}
.icon-previous:before {
  content: "\e917";
}
.icon-volume-high:before {
  content: "\e918";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-code:before {
  content: "\e909";
}
.icon-cast-icon:before {
  content: "\e953";
}
.icon-zoom:before {
  content: "\e906";
}
.icon-earnings:before {
  content: "\e902";
}
.icon-certificate:before {
  content: "\e903";
}
.icon-hash:before {
  content: "\e904";
}
.icon-hd:before {
  content: "\e90d";
}
.icon-tv-4k:before {
  content: "\e931";
}
.icon-book:before {
  content: "\e901";
}
.icon-cart:before {
  content: "\e900";
}
.icon-circled-plus:before {
  content: "\e609";
}
.icon-gift-outline:before {
  content: "\e608";
}
.icon-square-forward:before {
  content: "\e602";
}
.icon-square-multiply:before {
  content: "\e603";
}
.icon-square-play:before {
  content: "\e604";
}
.icon-square-rewind:before {
  content: "\e601";
}
.icon-down-arrow-slim:before {
  content: "\e600";
}
.icon-spinner:before {
  content: "\e000";
}
.icon-location:before {
  content: "\e001";
}
.icon-key:before {
  content: "\e030";
}
.icon-mail:before {
  content: "\e02b";
}
.icon-checkmark:before {
  content: "\e005";
}
.icon-cross:before,
.icon-cancel:before {
  content: "\e007";
}
.icon-heart:before {
  content: "\e008";
}
.icon-heart2:before {
  content: "\e009";
}
.icon-facebook:before {
  content: "\e004";
}
.icon-eye:before {
  content: "\e00a";
}
.icon-clock:before {
  content: "\e00b";
}
.icon-upload:before {
  content: "\e00c";
}
.icon-check-alt:before {
  content: "\e00d";
}
.icon-arrow-right:before {
  content: "\e010";
}
.icon-arrow-up:before {
  content: "\e011";
}
.icon-arrow-down:before {
  content: "\e003";
}
.icon-arrow-left:before {
  content: "\e006";
}
.icon-edit:before {
  content: "\e00f";
}
.icon-plus:before {
  content: "\e015";
}
.icon-minus:before {
  content: "\e016";
}
.icon-gift:before {
  content: "\e018";
}
.icon-search:before {
  content: "\e019";
}
.icon-layers:before {
  content: "\e01a";
}
.icon-android:before {
  content: "\e90b";
}
.icon-apple:before {
  content: "\e90c";
}
.icon-monday:before {
  content: "\e90e";
}
.icon-discount:before {
  content: "\e90f";
}
.icon-envelope:before {
  content: "\e930";
}
.icon-lined-eye:before {
  content: "\e93d";
}
.icon-shuffe-slim:before {
  content: "\e95b";
}
.icon-offer:before {
  content: "\e95a";
}
.icon-calendar:before {
  content: "\e92d";
}
.icon-checkbox:before {
  content: "\e92e";
}
.icon-message:before {
  content: "\e92f";
}
.icon-open:before {
  content: "\e932";
}
.icon-information:before {
  content: "\e933";
}
.icon--lg:before {
  font-size: 36px;
}
.icon--xl:before {
  font-size: 48px;
}
.big-button {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: bold;
  position: relative;
  border: 4px solid currentColor;
  background-color: transparent;
  background-clip: padding-box;
  color: currentColor;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  padding: 18px 25px 15px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  z-index: 10;
  border-radius: 2px;
  transition: 0.2s ease-out;
}
.big-button:hover {
  color: currentColor;
  text-decoration: none;
  border-color: currentColor;
}
.big-button:active,
.big-button:focus {
  outline: 0;
}
.big-button--overlay {
  transition: background-color .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: rgba(255, 255, 255, 0.1);
}
.big-button--overlay:hover {
  background-color: transparent;
}
.big-button--block {
  display: block;
  margin-bottom: 30px;
}
.big-button--mutted {
  border-color: rgba(53, 54, 70, 0.2);
}
.big-button--solid {
  background-color: #ffffff;
}
.big-button--inverse {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.3);
}
.big-button-group {
  font-size: 0;
}
.big-button-group .big-button {
  vertical-align: top;
}
.big-button-group .big-button:not(:first-child) {
  border-left: 0;
}
.big-button__sub {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: 15px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 15px;
  color: #111116;
  cursor: default;
}
.btn {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  display: inline-block;
  padding: 15px 26px 14px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  cursor: pointer;
  border: 0 none;
  border-radius: 1px;
  background: #ffffff;
  color: #111111;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  white-space: nowrap;
}
.btn:hover {
  color: #353646;
  background: #dcdcdf;
  text-decoration: none;
  background-position: 0 -15px;
}
.btn:focus {
  outline: none;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
}
.btn.disabled,
.btn[disabled]:not(.btn--loading-when-disabled),
.btn .form-check-validity.form-invalid [type="submit"] {
  cursor: default;
  pointer-events: none;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
  background: #dcdcdf;
  color: #ffffff;
}
.btn.disabled:hover,
.btn[disabled]:not(.btn--loading-when-disabled):hover,
.btn .form-check-validity.form-invalid [type="submit"]:hover,
.btn.disabled:focus,
.btn[disabled]:not(.btn--loading-when-disabled):focus,
.btn .form-check-validity.form-invalid [type="submit"]:focus,
.btn.disabled:active,
.btn[disabled]:not(.btn--loading-when-disabled):active,
.btn .form-check-validity.form-invalid [type="submit"]:active {
  background: #dcdcdf !important;
  color: #ffffff !important;
}
input[type="submit"].btn-small {
  height: 24px;
}
.btn__muted {
  font-weight: 500;
  color: #aaa;
}
.btn--blended {
  border-color: transparent;
  background: none;
  outline: 0;
  color: currentColor;
}
.btn--unstyled {
  border-color: transparent;
  background: none;
  outline: 0;
  color: currentColor;
  border: 0 none;
  margin: 0;
  padding: 0;
}
.btn-huge,
.btn--lg,
input.btn-huge,
input.btn--lg {
  padding: 18px 26px 16px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.015em;
  height: auto;
  box-sizing: border-box;
}
.btn--small {
  font-size: 14px;
  padding: 12px 12px 11px;
  letter-spacing: 0.08em;
  border-radius: 1px;
  font-weight: bold;
}
.btn--xs {
  font-size: 14px;
  padding: 8px 12px 7px;
  letter-spacing: 0.06em;
  border-radius: 1px;
  font-weight: bold;
}
.btn-large {
  padding: 12px 26px 11px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.btn-mini {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border: 1px solid #dcdcdf;
  padding: 5px 6px 2px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.03em;
  vertical-align: middle;
  border-radius: 1px;
}
.btn-mini:hover,
.btn-mini:active,
.btn-mini:focus {
  border-color: #99999c;
  background: transparent;
  box-shadow: none;
}
.btn-mini[class^='icon-']:before,
.btn-mini[class*=' icon-']:before {
  font-size: 10px !important;
}
.btn-mini[disabled] {
  background: none;
  color: #555555;
}
input.btn-mini {
  height: auto;
  padding: 5px 6px 2px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-warning {
  background: #fbb450;
}
.btn-fb {
  background-color: #3c5b96;
  color: #ffffff;
}
.btn-fb:hover {
  background-color: #365388;
  color: #ffffff;
}
.btn-fb:before {
  font-size: 20px !important;
}
.border--light {
  color: #ffffff;
  border-color: currentColor;
}
.border--light:hover {
  color: #fafafa;
}
.btn--cta {
  background-color: #ff2850;
  color: #ffffff;
  letter-spacing: 0.05em;
  font-weight: 500;
  border-radius: 1px;
}
.btn--cta:hover,
.btn--cta:focus {
  color: #ffffff;
  background-color: #e91f45;
}
.btn--cta:active {
  color: #ffddd9;
}
.border--cta {
  border-color: #ff2850;
  color: #ff2850;
}
.border--cta:hover {
  border-color: #e91f45;
  color: #e91f45;
}
.border--dark {
  border-color: #111116;
  color: #111116;
}
.border--dark:hover {
  border-color: #555555;
  color: #555555;
}
.bg-red {
  background: #eaeaea;
  color: #ff2850;
}
.bg-red:hover {
  background-color: #feb1b1;
  color: #ff2850;
}
.bg-cyan,
.bg-action {
  background: #00c49d;
  color: #fff;
}
.bg-cyan.btn:hover,
.bg-action.btn:hover {
  background-color: #009174;
  color: #fff;
}
.bg-black {
  background: #111111;
  color: #ffffff;
}
.bg-black.btn:hover {
  background-color: #2b2b2b;
  color: #ffffff;
}
.btn--transparent {
  background-color: transparent;
  border-color: transparent;
}
.btn--transparent:hover {
  background-color: transparent;
  border-color: transparent;
}
.btn + .btn,
.btn + .player__btn,
.player__btn + .btn {
  margin-left: 15px;
}
.btn-mini + .btn-mini {
  margin-left: 5px;
}
.info-btn {
  display: inline-block;
  padding: 11px 26px;
  line-height: 22px;
}
.info-btn--medium {
  display: inline-block;
  line-height: 31px;
}
.btn--text {
  background: none;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0 none;
  line-height: 1;
  text-transform: none;
  color: currentColor;
}
.btn--text:focus {
  outline: 0;
}
.btn--text:active {
  box-shadow: none;
}
.btn--text:hover {
  background: none;
  border-color: transparent;
}
.btn-follow {
  position: relative;
  padding-left: 42px;
  white-space: nowrap;
}
.btn-follow .following,
.btn-follow .unfollow {
  width: 80px;
}
.btn-follow .unfollow,
.btn-follow .following {
  display: none;
}
.btn-follow.is-disabled {
  display: none;
}
.btn-follow.is-active {
  background: #111116;
  color: #ffffff;
}
.btn-follow.is-active:before {
  font-family: "icomoon";
  content: "\e005";
  color: #ffffff;
}
.btn-follow.is-active .following {
  display: block;
}
.btn-follow.is-active .follow {
  display: none;
}
.btn-follow.is-active:hover {
  background: #111111;
  color: #ffffff;
}
.btn-follow.is-active:hover:before {
  font-family: "icomoon";
  content: "\e007";
  color: #ffffff;
}
.btn-follow.is-active:hover .following {
  display: none;
}
.btn-follow.is-active:hover .unfollow {
  display: block;
}
.btn-follow.is-guest:before,
.btn-follow.is-inactive:before {
  font-family: "icomoon";
  content: "\e00a";
  color: #ffffff;
  font-weight: normal;
}
.btn-follow:before {
  position: absolute;
  left: 16px;
  top: 14px;
  font-size: 16px;
}
.btn-delete-full {
  position: relative;
  padding-left: 28px;
}
.btn-delete-full:before {
  font-family: "icomoon";
  content: "\e012";
  color: #ffffff;
  font-weight: normal;
}
.btn-delete-full:before {
  position: absolute;
  left: 8px;
  top: 3px;
}
.btn-show-more {
  position: relative;
  color: #111116;
  border-bottom: 1px solid #aaa;
  display: none;
  padding: 0 15px 0 0;
  font-family: "Sabon", "宋体", "Georgia", serif;
  outline: 0;
  transition: .2s ease-out;
}
.btn-show-more:before {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 11px;
}
.btn-show-more:hover {
  text-decoration: none;
  color: #000;
  border-color: #000;
}
.btn-show-more:focus {
  outline: 0;
}
.btn-show-more .text-less {
  display: none;
}
.btn-outline,
input.btn-outline {
  border: 3px solid #111116;
  border-radius: 1px;
  padding-top: 12px;
  padding-bottom: 11px;
}
.btn-outline:not([class^='bg-']):not([class*=' bg-']):hover,
input.btn-outline:not([class^='bg-']):not([class*=' bg-']):hover {
  background: #fff;
  border-color: #99999c;
}
.btn-outline:active,
input.btn-outline:active,
.btn-outline:focus,
input.btn-outline:focus {
  box-shadow: none;
  color: #99999c;
  border-color: #99999c;
}
.btn-outline.btn--small,
input.btn-outline.btn--small {
  padding-top: 9px;
  padding-bottom: 8px;
}
.btn-border {
  border: 3px solid #ffffff;
  background: transparent;
  color: #ffffff;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.btn-border:hover {
  background: #ffffff;
}
/**
 * .btn--border changes border color depending on body class.
 * On white pages it has dark border; on dark - white.
 */
.btn--new,
.btn--border,
.btn--border-invisible,
.btn--border-dark,
.btn--border-light,
.btn--border-danger,
.btn--border-cta,
.btn--border-fb {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border: 3px solid transparent;
  border-radius: 1px;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.btn--new:hover,
.btn--border:hover,
.btn--border-invisible:hover,
.btn--border-dark:hover,
.btn--border-light:hover,
.btn--border-danger:hover,
.btn--border-cta:hover,
.btn--border-fb:hover {
  color: currentColor;
  background-color: inherit;
}
.btn--border,
.btn--border-invisible,
.btn--border-dark,
.btn--border-light,
.btn--border-danger,
.btn--border-cta,
.btn--border-fb {
  background-color: transparent;
  border: 3px solid currentColor;
}
.btn--border[disabled],
.btn--border-invisible[disabled],
.btn--border-dark[disabled],
.btn--border-light[disabled],
.btn--border-danger[disabled],
.btn--border-cta[disabled],
.btn--border-fb[disabled] {
  background-color: transparent !important;
  color: #555555 !important;
  border-color: #555555 !important;
}
.btn--border,
.btn--border-dark {
  color: #111116;
}
.btn--border:hover,
.btn--border-dark:hover {
  border-color: #99999c;
}
.btn--border.btn--disabled,
.btn--border-dark.btn--disabled {
  border-color: #99999c;
}
.btn--border-current-color {
  color: currentColor;
}
.btn--border-current-color:hover {
  border-color: currentColor;
}
.body--dark .btn--border,
.body--black .btn--border,
.btn--border-light {
  color: #ffffff;
}
.body--dark .btn--border:hover,
.body--black .btn--border:hover,
.btn--border-light:hover {
  color: #fafafa;
}
.btn-border--cta,
.btn--border-cta,
.btn-border.btn-cta {
  color: #ff2850;
  border-color: #ff2850;
}
.btn-border--cta:hover,
.btn--border-cta:hover,
.btn-border.btn-cta:hover,
.btn-border--cta:focus,
.btn--border-cta:focus,
.btn-border.btn-cta:focus {
  color: #e91f45;
  border-color: #e91f45;
  background-color: transparent;
}
.btn-border--cta:active,
.btn--border-cta:active,
.btn-border.btn-cta:active {
  background-color: #ffddd9;
}
.btn--border-danger {
  color: #ff3823;
}
.btn--border-danger:hover {
  color: #ff3823;
  background-color: #ffddd9;
}
.btn-border--gray {
  color: #353646;
  border-color: #353646;
}
.btn-border--subtle-hover:hover {
  color: #ffffff;
  border-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.5);
}
.btn--border-invisible {
  border-color: transparent;
}
.btn--border-invisible:hover {
  border-color: transparent;
}
.btn--border-fb {
  border-color: #3c5b96;
  color: #3c5b96;
}
.btn--border-fb:hover {
  border-color: #365388;
  color: #365388;
}
.btn--background-danger {
  color: #ff3823;
  background-color: #ffddd9;
}
.btn--background-danger:hover {
  color: #ff3823;
  background-color: #ffafa6;
}
.btn--bg-dark {
  color: #ffffff;
  background-color: #111116;
}
.btn--bg-dark:hover {
  color: #ffffff;
  background-color: #000000;
}
.btn--bg-gray {
  color: #555555;
  background-color: #fafafa;
}
.btn--bg-gray:hover {
  color: #555555;
  background-color: #dcdcdf;
}
.btn--bg-cta {
  color: #ffffff;
  background-color: #ff2850;
}
.btn--bg-cta:hover {
  color: #ffffff;
  background-color: #e91f45;
}
.btn--bg-tbd {
  color: #111116;
  background-color: #F2FD37;
  font-weight: bold;
}
.btn--bg-tbd:hover {
  color: #111116;
  background-color: #d9e502;
}
.btn--medium {
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 12px;
  padding: 10px 10px 8px 10px;
}
.btn--input {
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 10px 8px 10px;
  height: auto;
}
.link-back {
  color: #111116;
  border-bottom: 1px solid #eee;
  display: inline-block;
  line-height: 1.3em;
  transition: 0.2s;
}
.link-back:hover {
  text-decoration: none;
  color: #aaa;
}
.link-back.icon-arrow-left {
  position: relative;
  margin-left: 18px;
}
.link-back.icon-arrow-left:before {
  position: absolute;
  margin: 4px 0 0 -15px;
  font-size: 12px;
}
.link-back.dark {
  border-bottom-color: #99999c;
}
.link-back.dark:hover {
  color: #111116;
  border-bottom-color: #222225;
}
.icon-button {
  border: 0;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  padding: 0;
  display: inline-block;
  color: currentColor;
}
.icon-button:before {
  vertical-align: top;
}
.icon-button:focus {
  outline: 0;
}
.icon-button--square {
  width: 20px;
}
.icon-button--medium {
  font-size: 16px;
}
.btn[class^='icon-']:before,
.btn[class*=' icon-']:before {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  font-size: 18px;
  line-height: 11px;
}
.btn[class^='icon-'].btn-small:before,
.btn[class*=' icon-'].btn-small:before {
  font-size: 10px;
  line-height: 8px;
}
.btn[class^='icon-'].btn--medium:before,
.btn[class*=' icon-'].btn--medium:before {
  font-size: 12px;
  line-height: 10px;
}
.btn[class^='icon-'].btn-huge:before,
.btn[class*=' icon-'].btn-huge:before {
  line-height: 10px;
}
.btn--narrow {
  padding-left: 20px;
  padding-right: 20px;
}
.inline-buttons-container .btn + .btn,
.inline-buttons-container .big-button + .big-button {
  margin-left: 22px;
}
.inline-buttons-container .btn,
.inline-buttons-container .big-button {
  vertical-align: top;
  margin-bottom: 22px;
}
.inline-buttons-container:after {
  content: " ";
  display: block;
  margin-bottom: -22px;
}
.inline-buttons-container--small .btn + .btn,
.inline-buttons-container--small .big-button + .big-button {
  margin-left: 11px;
}
.inline-buttons-container--small .btn,
.inline-buttons-container--small .big-button {
  vertical-align: top;
  margin-bottom: 11px;
}
.inline-buttons-container--small:after {
  content: " ";
  display: block;
  margin-bottom: -11px;
}
.btn-outline--color-danger,
input.btn-outline--color-danger {
  border-color: #ff3823;
  color: #ff3823;
}
.btn-outline--color-danger:hover,
input.btn-outline--color-danger:hover {
  border-color: #ff3823;
  color: #ff3823;
  background: #ffddd9;
}
.btn-outline--color-cta {
  border-color: #ff2850;
  color: #ff2850;
}
.btn-outline--color-cta:not([class^='bg-']):not([class*=' bg-']):hover {
  border-color: #e91f45;
  color: #e91f45;
}
.btn-outline--color-black {
  border-color: #111116;
  color: #111116;
}
.btn-outline--color-black:not([class^='bg-']):not([class*=' bg-']):hover {
  border-color: #555555;
  color: #555555;
}
.btn--link {
  background: transparent;
  color: inherit;
  border: 0;
  padding: 0;
  border-bottom: 1px solid currentColor;
}
.btn--wrappable {
  white-space: normal;
  line-height: 1.3;
}
.btn--paypal {
  background-color: #FEC348;
}
.btn--paypal:hover {
  background-color: #F1B944;
}
.btn--anchor {
  color: currentColor;
  font-size: inherit;
  display: inline-block;
  text-align: inherit;
  border: 0 none;
  margin: 0;
  padding: 0;
  background: inherit;
  outline: 0 none;
}
.btn--follow {
  font-size: 12px;
  padding: 8px 8px 7px 29px;
}
.btn--follow .icon-checkmark,
.btn--follow .icon-eye,
.btn--follow .icon-cancel {
  position: absolute;
  margin-left: -21px;
  margin-top: -3px;
  font-size: 15px;
}
/**
 * Shows loading when is in disabled state.
 */
.btn--loading-when-disabled {
  position: relative;
}
.btn--loading-when-disabled .btn__loading,
.btn--loading-when-disabled .btn__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.btn--loading-when-disabled .btn__loading {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.children-visible-on-hover:hover .btn--loading-when-disabled .btn__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.btn--loading-when-disabled[disabled] {
  cursor: default;
  opacity: .6;
}
.btn--loading-when-disabled[disabled] .btn__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .btn--loading-when-disabled[disabled] .btn__content {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.btn--loading-when-disabled[disabled] .btn__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated--quick {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}
/**
 * Spin
 */
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.animate-spin {
  animation: spin 1.5s infinite linear;
  display: inline-block;
}
.animate-spin--quick {
  animation: spin 1s infinite linear;
}
/**
 * Downwards
 */
@keyframes downwards {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
}
.animate-downwards {
  animation: downwards 1s infinite linear;
}
/**
 * Shake
 */
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.animate-shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
/**
 * Fade In
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fadeIn {
  animation-name: fadeIn;
}
/**
 * Fade Out
 */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-fadeOut {
  animation-name: fadeOut;
}
.signature-fade-in {
  transition: .8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 400ms;
  opacity: 0;
}
.signature-fade-in.is-loaded,
.signature-fade-in.viewport-entered {
  opacity: 1;
}
.art-stream-fade-in {
  transition: .8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  transition-delay: 400ms;
  opacity: 0;
}
.art-stream-fade-in.is-loaded,
.art-stream-fade-in.viewport-entered {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.art-stream-fade-in--instant {
  transition-delay: 0;
}
.layout--fluid .container {
  max-width: 100%;
}
.layout--responsive .container {
  width: auto;
  max-width: 1120px;
}
@media only screen and (max-width: 1240px) {
  .layout--responsive .container {
    max-width: 1072px;
  }
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .container {
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .layout--responsive .container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.layout--fixed .container {
  max-width: none;
  width: 1064px;
}
.container--medium {
  max-width: 485px;
}
.container--fluid {
  width: 100%;
  max-width: 1072px;
  margin-left: auto;
  margin-right: auto;
}
.container--large {
  width: 100%;
  max-width: 1120px;
}
.copy-text-component {
  position: relative;
  border: 1px solid #353646;
  display: inline-block;
  padding: 20px 25px;
  white-space: nowrap;
}
.copy-text-component input.input-blended {
  font-size: 26px;
  font-weight: 300;
  box-sizing: border-box;
  padding-top: 2px;
}
.copy-text-component input.input-blended:focus,
.copy-text-component input.input-blended:active {
  border: 0 none;
}
.copy-text-component__input {
  display: inline-block;
}
.copy-text-component__button {
  display: inline-block;
  padding-left: 32px;
}
.page-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
}
.page-hero--viewport {
  height: calc(100vh - 80px);
  min-height: 500px;
  /*
   * On iPhone / mobile there is little value for filling whole viewport
   * since browser has collapsable UI elements that will cover parts of it.
   * Instead we reduce it to achieve a sweet fit.
   */
}
@media only screen and (max-width: 1171px) {
  .page-hero--viewport {
    height: calc(100vh - 64px);
  }
}
@media screen and (min-height: 900px) {
  .page-hero--viewport {
    max-height: 900px;
  }
}
@media only screen and (max-width: 414px) {
  .page-hero--viewport {
    max-height: 543px;
  }
}
.page-hero--full-viewport {
  min-height: 500px;
  min-height: 100vh;
}
.page-hero--under-navigation {
  margin-top: -80px;
}
.page-hero--viewport-with-peek {
  min-height: 400px;
  min-height: calc(100vh - 360px);
  height: auto;
}
.page-hero--inverse {
  position: relative;
  color: #ffffff;
  background: #111116;
}
.page-hero--jobs {
  position: relative;
  background-color: #353745;
  overflow: hidden;
}
.page-hero__content {
  position: relative;
  text-align: center;
}
.page-hero--top {
  align-items: start;
}
.fill-viewport,
.page-hero--full-viewport-with-navigation {
  min-height: 100%;
  min-height: calc(100vh - 80px);
}
@media only screen and (max-width: 1171px) {
  .fill-viewport,
  .page-hero--full-viewport-with-navigation {
    min-height: calc(100vh - 64px);
  }
}
.avatar {
  overflow: hidden;
  border-radius: 2px;
}
.avatar > img {
  border-radius: 2px;
  display: inline-block;
}
.avatar--small {
  height: 67px;
  width: 67px;
}
.avatar--smaller {
  height: 50px;
  width: 50px;
}
.avatar--squared,
.avatar--squared img {
  border-radius: 0;
}
.avatar--profile {
  border: 10px solid #ffffff;
  border-radius: 0;
}
.avatar--mini {
  border-radius: 1px;
}
.avatar--rounded {
  border-radius: 50%;
  border: 1px solid #99999c;
}
.avatar_row {
  display: flex;
  margin-bottom: -2px;
  margin-top: -2px;
  margin-left: -2px;
  position: relative;
  top: -2px;
}
.avatar-row__item {
  position: relative;
  margin: 2px;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  border-radius: 1px;
}
.avatar-row__item--counter {
  background-color: #f6f7f8;
  display: inline-block;
  text-align: center;
  padding-top: 8px;
}
.device {
  position: relative;
  z-index: 1;
}
.device--floating {
  position: absolute;
  z-index: 2;
}
.device__content-container {
  position: absolute !important;
}
.device--imac .device__content-container {
  position: relative;
  width: 98%;
  left: 2%;
  top: 4%;
  width: 94%;
  left: 3%;
  top: 3%;
}
.device--imac .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 57.48373102%;
}
.device--lg-tv .device__content-container {
  position: relative;
  width: 102%;
  left: 0%;
  top: 0%;
  width: 98.2%;
  left: 1%;
  top: 1%;
}
.device--lg-tv .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60.18662519%;
}
.device--samsung-tv .device__content-container {
  position: relative;
  width: 82%;
  left: 10%;
  top: 8%;
  width: 80%;
}
.device--samsung-tv .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 51.5952598%;
}
.device--iphone-x .device__content-container {
  position: relative;
  width: 72%;
  left: 14%;
  top: 2%;
  border-radius: 30px;
  overflow: hidden;
}
.device--iphone-x .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 216.61721068%;
}
@media only screen and (max-width: 1171px) {
  .device--iphone-x .device__content-container {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .device--iphone-x .device__content-container {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .device--iphone-x .device__content-container {
    border-radius: 5px;
  }
}
.device--frame .device__content-container {
  position: relative;
  width: 62%;
  left: 20%;
  top: 24%;
}
.device--frame .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 76.74023769%;
}
.device--slate-tv .device__content-container {
  position: relative;
  width: 90%;
  left: 5%;
  top: 8%;
}
.device--slate-tv .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 52.05223881%;
}
.device--slate-tv .device__content-container .device__content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px;
  width: 99%;
  height: 99%;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 60%);
}
.device--slate-imac .device__content-container {
  position: relative;
  width: 90%;
  left: 5%;
  top: 4%;
}
.device--slate-imac .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.2962963%;
}
.device--slate-imac .device__content-container .device__content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px;
  width: 99%;
  height: 99%;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 60%);
}
.device--slate-frame .device__content-container {
  position: relative;
  width: 54%;
  left: 23%;
  top: 21%;
}
.device--slate-frame .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75.92592593%;
}
.device--slate-frame .device__content-container .device__content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px;
  width: 99%;
  height: 99%;
  background: linear-gradient(220deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}
.device--slate-iphone .device__content-container {
  position: relative;
  width: 84%;
  left: 8%;
  top: 5%;
}
.device--slate-iphone .device__content-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.device--slate-iphone .device__content-container .device__content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px;
  width: 99%;
  height: 99%;
  background: linear-gradient(220deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}
.device__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.device__content--cover_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-background {
  background: #111116;
  color: #ffffff;
}
.page-background--masking {
  position: relative;
  overflow: hidden;
}
.page-background__gradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  height: calc(100vh - 80px);
  background-color: #111116;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#111116), color-stop(50%, #111116), to(#111116));
  background-image: -webkit-linear-gradient(#111116, #111116 50%, #111116);
  background-image: linear-gradient(#111116, #111116 50%, #111116);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff111116', endColorstr='#ff111116', GradientType=0);
}
.page-background__viewport_image {
  position: absolute;
  width: 100%;
  height: 100%;
  height: calc(100vh - 80px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.page-background__viewport_image--bottom {
  bottom: 0;
}
.article--layout-default {
  margin-top: 64px;
}
.article__content {
  font-size: 21px;
  font-family: "Sabon", "宋体", "Georgia", serif;
}
.article__content a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  line-height: 1.4;
}
.article__content a:hover {
  color: inherit;
  text-decoration: none;
}
.article__content a:hover {
  border-bottom-color: #dcdcdf;
}
.article__content p,
.article__content ul {
  margin-top: 0;
  margin-bottom: 1.5em;
  line-height: 1.7;
}
.article__content ul {
  margin-left: 0;
}
.article__content li {
  list-style: initial;
  margin-bottom: 0.75em;
  line-height: inherit;
}
.article__content h3 {
  padding-right: 20%;
  margin-bottom: 0.625em;
  line-height: 1.7;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .article__content h3 {
    letter-spacing: 0.05em;
    margin-bottom: 1.25em;
  }
}
.article__content p + h3,
.article__content ul + h3 {
  margin-top: 2.5em;
}
.article__content iframe {
  width: 100%;
}
.article__content--smaller,
.article__content--smaller p {
  font-size: 19px;
  line-height: 1.4;
}
.article__hero {
  position: relative;
  height: 600px;
  height: 70vh;
  background-color: #111116;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.article__hero iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}
.article--layout-hero-embed-dark-transparent .article__hero {
  background-color: transparent;
}
.article__hero-embed-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.article--layout-hero-embed-dark-transparent .article__hero-embed-overlay {
  background-color: transparent;
  pointer-events: none;
}
.article__hero-embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.article--ws {
  margin-top: 3.75em;
  margin-bottom: 3.75em;
}
.article__intro {
  margin-top: 200px;
  margin-bottom: 200px;
}
.article__header {
  text-align: center;
  margin-bottom: 64px;
}
.article__hero .article__header {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  position: relative;
  top: 50%;
}
.article--layout-hero-embed-dark-transparent .article__header,
.article--layout-hero-embed-dark .article__header {
  color: #111116;
}
.article__header-title {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: bold;
  margin: 0 0 10px;
}
.article__hero .article__header-title {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.article__meta {
  cursor: default;
}
.article__body {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.article--layout-hero-embed .article__body {
  margin-top: 32px;
}
.article__body--center {
  text-align: center;
}
.article__lead {
  font-size: 1em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article__lead {
    font-size: 1.5em;
    letter-spacing: -0.04em;
    margin-left: 3em;
    margin-right: 3em;
  }
}
.article__cta {
  text-align: center;
}
.article__separator {
  position: relative;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  height: 300px;
  margin: -100px 0 -40px 0;
}
.article__separator:before {
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  content: '';
  position: absolute;
  top: 50%;
  left: -10%;
  width: 120%;
  border-top: 1px solid #eaeaea;
}
.article__separator.odd:before {
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.article__section-headline {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  color: #111116;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #fafafa;
  font-weight: 500;
  margin: 0 0 16px;
  padding: 0 0 2px;
}
.lazy-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-size: 1px 1px;
  background-position: -1px -1px;
  background-repeat: no-repeat;
}
.lazy-background:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 1.2s .2s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 2s ease-in-out;
  display: block;
  content: '';
  opacity: 0;
  background-image: inherit;
  background-size: cover;
  background-repeat: inherit;
  background-position: center;
}
.lazy-background.is-loaded:before {
  opacity: 1;
}
.lazy-background--scale-animation:before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: opacity 1.3s ease-out, transform 2s ease-in-out;
}
.lazy-background--scale-animation.is-loaded:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.lazy-background--dimmed:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: rgba(0, 0, 0, 0.7);
}
.lazy-image {
  transition: opacity .5s ease-in;
  opacity: 0;
}
.lazy-image.is-loaded {
  opacity: 1;
}
.key-value,
.key-value__value {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.key-value--list .key-value__key {
  flex-grow: 2;
}
.key-value .key-value__value {
  margin-left: 5px;
}
.key-value--vault .key-value__value {
  color: #ffffff;
}
.key-value__value,
.key-value__value_link {
  font-weight: bold;
}
.key-value--smallest .key-value__value,
.key-value--smallest .key-value__value_link {
  font-weight: 500;
}
.key-value__value_link {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
  border-bottom: 1px solid transparent;
}
.key-value__value_link:hover {
  border-bottom: 1px solid currentColor;
  color: currentColor;
  text-decoration: none;
}
.key-value--bordered-list {
  border-bottom: 1px solid #dcdcdf;
}
.key-value--strong {
  font-weight: 500;
}
.key-value--list {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.key-value--list + .key-value--list {
  margin-top: 6px;
}
.key-value--color-subtle {
  color: #99999c;
}
.key-value--color-cta {
  color: #ff2850;
}
.key-value--fixed {
  width: 130px;
}
.key-value--inline {
  display: inline-block;
}
.key-value--inline + .key-value--inline {
  margin-left: 20px;
}
.key-value--smallest {
  font-size: 12px;
  line-height: 1;
  font-weight: normal;
  margin: 0;
  letter-spacing: 0.1em;
}
.key-value--lg {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1em;
}
@media only screen and (min-width: 1171px) {
  .key-value--lg {
    font-size: 14px;
  }
}
.key-value--vault {
  line-height: 1.2;
  font-weight: 500;
  color: #99999c;
}
a.key-value--vault-danger {
  color: #99999c;
}
a.key-value--vault-danger:hover {
  color: #ff2850;
  border-bottom-color: #ff2850;
}
.scroll-hint {
  display: inline-block;
  text-align: center;
}
.scroll-hint__icon:before {
  font-size: 36px;
}
.scroll-hint__label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
}
.scroll-hint__label[data-scroll-to] {
  cursor: pointer;
}
.radio {
  display: flex;
}
.radio-group .radio {
  margin-bottom: 6px;
}
.radio__input {
  display: flex;
}
.radio__input input {
  opacity: 0;
  position: absolute;
}
.radio__input input + .radio__control:before {
  content: '';
  width: .5em;
  height: .5em;
  box-shadow: inset .5em .5em currentColor;
  border-radius: 50%;
  transition: 180ms transform ease-in-out;
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  top: 50%;
  left: 50%;
}
.radio__input input:checked + .radio__control:before {
  transform: translate(-50%, -50%) scale(1);
}
.radio__control {
  -webkit-transform: translate(0, -0.05em);
  -ms-transform: translate(0, -0.05em);
  transform: translate(0, -0.05em);
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.1em solid currentColor;
  position: relative;
}
.radio__control:focus + .radio__control {
  box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;
}
.radio__label {
  line-height: 1;
  margin-left: 8px;
  cursor: pointer;
}
.segmented-input {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.segmented-input__char,
.segmented-input .segmented-input__char {
  height: 66px;
  width: 22%;
  font-size: 36px;
  padding: 2px 0 0 0;
  border: 0 none;
  font-weight: bold;
  border-radius: 2px;
  background-clip: border-box;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  .segmented-input__char,
  .segmented-input .segmented-input__char {
    width: 47px;
  }
}
.segmented-input__char:valid,
.segmented-input .segmented-input__char:valid {
  background-color: #e8f2db;
}
.segmented-input--groups-of-four .segmented-input__char:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 576px) {
  .segmented-input__break {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .segmented-input__break {
    margin-right: 16px;
  }
}
.inlined-user {
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  margin: 0 6px;
}
.inlined-user img {
  width: 22px;
  border-radius: 100%;
  margin: 0 8px 0 2px;
}
.inlined-user--lead {
  margin: 0;
}
.inlined-user--large {
  font-size: 16px;
}
.inlined-user--large img {
  width: 40px;
  margin-right: 16px;
}
.inlined-user--large .link-border {
  border: 0 none;
}
.conditional-portal__outside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  position: fixed;
  z-index: 1038;
  overflow-y: scroll;
}
.breadcrumb {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.breadcrumb a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  line-height: 1.15em;
  font-weight: 500;
}
.breadcrumb a:hover {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:hover .link-border__content {
  border-bottom-color: #dcdcdf;
}
.standfirst .breadcrumb a:hover {
  color: currentColor;
}
.breadcrumb a .link-border__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
}
.btn--text .breadcrumb a {
  line-height: 1;
}
.key-value .breadcrumb a,
.breadcrumb a.key-value {
  padding-bottom: 0;
}
.breadcrumb li {
  display: inline-block;
  margin-right: 25px;
  letter-spacing: 0.1em;
}
.breadcrumb li:last-child {
  margin-right: 0;
}
.breadcrumb--gray {
  color: #dcdcdf;
}
.breadcrumb--gray a {
  color: #ffffff;
}
.iconed-label {
  color: currentColor;
  display: flex;
}
.iconed-label:hover {
  color: currentColor;
}
.iconed-label .icon {
  font-size: 24px;
  height: 24px;
}
.iconed-label .link-border {
  vertical-align: top;
  margin-top: 7px;
  margin-left: 4px;
  display: inline-block;
  color: currentColor;
}
.iconed-label .link-border:hover {
  color: currentColor;
}
.iconed-label__icon {
  font-size: 24px;
  display: block;
}
.iconed-label__icon + .iconed-label__label {
  margin-left: 6px;
}
.badge {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
}
.badge b {
  font-weight: 700;
}
.badge--small {
  font-size: 14px;
}
.subscribe-box {
  overflow: hidden;
  position: relative;
  font-family: "Sabon", "宋体", "Georgia", serif;
  border-radius: 1px;
  color: #ffffff;
  padding: 20px 25px 25px;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.subscribe-box .subscribe-box__content--status-ok {
  display: none;
  width: 100%;
}
.subscribe-box.success .subscribe-box__content--status-pending {
  display: none;
}
.subscribe-box.success .subscribe-box__content--status-ok {
  display: block;
}
.subscribe-box__content {
  width: 100%;
}
.subscribe-box--row {
  display: flex;
  padding: 20px 25px;
  text-align: left;
  margin-top: 32px;
}
.subscribe-box--row .subscribe-box__content--status-pending {
  display: flex;
  flex-wrap: wrap;
}
.subscribe-box--row.success .subscribe-box__content--status-ok {
  display: flex;
  flex-wrap: wrap;
}
.subscribe-box--row .subscribe-box__footer--text {
  display: inline;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 0;
}
.subscribe-box--row .subscribe-box__slogan {
  font-size: 19px;
  margin-bottom: 5px;
}
.subscribe-box--row .subscribe-box__headline {
  font-size: 24px;
  margin-bottom: 0;
}
.subscribe-box--row .subscribe-box__header {
  flex-grow: 1;
}
.subscribe-box--row .subscribe-box__form {
  align-self: center;
  width: 50%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .subscribe-box--row {
    text-align: center;
    flex-wrap: wrap;
  }
  .subscribe-box--row .subscribe-box__header,
  .subscribe-box--row .subscribe-box__form {
    min-width: 100%;
    text-align: center;
  }
  .subscribe-box--row .subscribe-box__header {
    margin-bottom: 32px;
  }
  .subscribe-box--row .subscribe-box__footer--text {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .subscribe-box--row .btn {
    margin-bottom: 15px;
  }
}
.subscribe-box__background {
  transition: 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-image: linear-gradient(-135deg, #e5bcb4 0%, #cfc9d5 100%);
}
.subscribe-box:hover .subscribe-box__background {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.subscribe-box__header {
  position: relative;
  z-index: 1;
}
.subscribe-box__headline {
  font-size: 36px;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 32px;
}
.subscribe-box__slogan {
  font-size: 21px;
  line-height: 1;
  font-weight: normal;
  margin: 0 0 8px;
}
.subscribe-box__form {
  position: relative;
  margin: 0;
}
.subscribe-box__footer--text {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 0;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
}
.subscribe-box__text-input,
.subscribe-box__text-input[type="email"] {
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #ffffff;
  background: transparent;
  border: 0;
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  padding: 16px 0;
  margin-bottom: 0;
  margin-right: 10px;
  width: 50%;
  max-width: 200px;
}
.subscribe-box__text-input::placeholder,
.subscribe-box__text-input[type="email"]::placeholder {
  font-size: 14px;
  color: #ffffff;
  opacity: .7;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: 8px;
  letter-spacing: 0.05em;
}
.subscribe-box__text-input:-webkit-autofill,
.subscribe-box__text-input[type="email"]:-webkit-autofill {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.1) inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.subscribe-box__text-input:hover,
.subscribe-box__text-input[type="email"]:hover,
.subscribe-box__text-input:focus,
.subscribe-box__text-input[type="email"]:focus {
  background: transparent;
  box-shadow: none;
  border-bottom-color: #fff;
}
.subscribe-box__submit-container {
  display: inline-block;
}
.slate-item .subscribe-box__submit-container {
  display: block;
}
.artwork-header__title .watermarked-indicator {
  width: 12px;
  height: 12px;
  margin-right: 3px;
  color: #555555;
}
.artwork-header__title .watermarked-indicator:hover {
  color: #ffffff;
}
.mention img {
  display: none;
}
.ql-editor .mention {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border: 1px solid transparent;
  cursor: default;
  padding: 0 4px 4px 0;
}
.ql-editor .mention a {
  pointer-events: none;
  border-bottom-color: transparent;
}
.ql-editor .mention img {
  display: inline;
  width: 23px;
  border-radius: 2px;
  margin: -2px 5px 0 5px;
  position: relative;
}
.ql-editor .mention.ql-embed-selected {
  background-color: #fafafa;
  border-color: #dcdcdf;
}
.ql-editor .mention.ql-embed-selected:hover {
  border-color: #99999c;
}
.ql-editor .mention::selection,
.ql-editor .mention img::selection,
.ql-editor .mention span::selection {
  background-color: transparent;
}
.mention__name {
  font-style: italic;
}
.ql-editor .mention__name {
  border-bottom: 1px solid currentColor;
}
/**
 * List containing entities, eg. artworks or artists.
 */
.entity-list__item {
  display: flex;
  margin-bottom: 32px;
  color: currentColor;
  align-items: center;
}
a.entity-list__item:hover {
  color: currentColor;
}
.entity-list__content--artist-thumbnail img {
  border-radius: 1px;
  width: 70px;
}
.entity-list__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.entity-list__content + .entity-list__content {
  margin-left: 16px;
}
.entity-list__content--primary {
  flex-grow: 1;
}
.action-entity {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  font-size: 13px;
  line-height: 1.2;
  color: #ffffff;
  display: block;
}
.action-entity:hover {
  color: #ffffff;
}
.artwork-component .action-entity {
  position: absolute;
  left: 16px;
  right: 16px;
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.action-entity__username {
  font-weight: bold;
}
.entity-header {
  position: relative;
  margin-bottom: 32px;
  background-color: #f6f7f8;
}
@media only screen and (max-width: 576px) {
  .entity-header {
    margin-bottom: 16px;
  }
}
.entity-header__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
}
@media only screen and (min-width: 576px) {
  .entity-header__background {
    display: block;
  }
}
.entity-header__main-row {
  min-height: 115px;
}
.entity-header__avatar {
  max-width: 180px !important;
}
@media only screen and (min-width: 768px) {
  .entity-header__profile-tabs {
    margin-left: 180px;
  }
}
.entity-header--profile {
  min-height: 209px;
  /* Prevent content jumping on desktop */
}
/**
 * Tabbed Navigation
 */
.entity-tab-nav {
  margin: 0;
  list-style: none;
}
.entity-tab-nav li {
  display: inline-block;
}
.entity-tab-nav li.selected a {
  background: #ffffff;
  color: #111111;
}
.entity-tab-nav li.disabled a {
  background: #fafafa;
  color: #dcdcdf;
  cursor: default;
  pointer-events: none;
}
.entity-tab-nav li + li {
  margin-left: 16px;
}
.entity-tab-nav a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  font-size: 14px;
  line-height: 35px;
  border-radius: 2px 2px 0 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px 23px 4px;
  display: inline-block;
  background: #ddd;
  color: #99999c;
  outline: 0;
}
.entity-tab-nav a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 768px) {
  .entity-tab-nav a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 576px) {
  .entity-tab-nav {
    text-align: center;
  }
  .entity-tab-nav a {
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    background: none;
  }
  .entity-tab-nav a:hover {
    background: none;
    border-bottom: 3px solid;
  }
  .entity-tab-nav .count {
    display: none;
  }
  .entity-tab-nav li.selected a {
    background: none;
    border-bottom: 3px solid;
  }
}
@media only screen and (max-width: 414px) {
  .entity-tab-nav a {
    font-size: 11px;
  }
}
.entity-tab-nav--trade .entity-tab-nav a,
.entity-tab-nav--trade.entity-tab-nav a {
  background: #ffffff;
  color: #111116;
  opacity: .4;
}
.entity-tab-nav--trade .entity-tab-nav a:hover,
.entity-tab-nav--trade.entity-tab-nav a:hover {
  opacity: .8;
}
.entity-tab-nav--trade .entity-tab-nav li.selected a,
.entity-tab-nav--trade.entity-tab-nav li.selected a {
  opacity: 1;
}
.entity-tab-nav--sm a {
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
  background: none;
}
.entity-tab-nav--sm a:hover {
  background: none;
  border-bottom: 3px solid;
}
.entity-tab-nav--sm .count {
  display: none;
}
.entity-tab-nav--sm li.selected a {
  background: none;
  border-bottom: 3px solid;
}
.entity-tab-nav--sit-on-top {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  position: absolute;
}
@media only screen and (min-width: 576px) {
  .entity-tab-nav--on-dark-background a:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #111116;
  }
}
@media only screen and (max-width: 576px) {
  .entity-tab-nav--on-dark-background li.selected a {
    color: #ffffff;
  }
  .entity-tab-nav--on-dark-background a:hover {
    color: rgba(255, 255, 255, 0.95);
  }
}
/**
 * Component for representing artwork.
 */
.artwork-component {
  position: relative;
  margin-bottom: 16px;
}
.artwork-component__thumbnail {
  position: relative;
  display: block;
}
.artwork-component__thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.artwork-component__thumbnail:hover .card-action {
  opacity: 1;
}
.card-action--bordered {
  transition: 0.2s;
  background: transparent !important;
  border: 4px solid #ffffff;
  width: 44px !important;
  height: 44px !important;
  border-radius: 0 !important;
  margin: 25px;
  top: 0 !important;
  right: 0 !important;
}
@media only screen and (max-width: 576px) {
  .card-action--bordered {
    margin: 16px;
  }
}
.card-action--bordered:hover {
  border-color: #fafafa;
}
.card-action--bordered .icon-heart {
  margin-top: 5px;
}
.artwork-component__thumbnail--bordered {
  position: relative;
}
.artwork-component__thumbnail--bordered:after {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  content: ' ';
  display: block;
  position: absolute;
  border: 2px solid #fafafa;
  border-radius: 2px;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  opacity: 0;
}
.artwork-component__thumbnail--bordered:hover:after {
  opacity: 1;
}
.artwork-component__thumbnail-title {
  color: #ffffff !important;
}
@media only screen and (max-width: 576px) {
  .artwork-component__thumbnail-title {
    font-size: 12px;
  }
}
.artwork-component__thumbnail-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .5s cubic-bezier(.25, .46, .45, .94);
  opacity: 0;
  width: 100%;
  background-size: cover;
}
.artwork-component__thumbnail-image.is-loaded,
.artwork-component__thumbnail--loaded .artwork-component__thumbnail-image {
  opacity: 1;
}
.artwork-component__content {
  margin-top: 8px;
}
.artwork-component--no-content .artwork-component__content {
  display: none !important;
}
.artwork-component__labels {
  position: absolute;
  top: 10px;
  right: 10px;
}
.artwork-component__label {
  color: #ffffff;
  background: #111116;
  border-radius: 1px;
  padding: 6px 8px 3px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/**
 * Artwork Component with Gift CTA
 */
.artwork-component .btn-gift-artwork {
  display: none;
}
.artwork-component--gift .btn-gift-artwork {
  display: inline-block;
}
.artwork-size-3 .btn-gift-artwork__content {
  display: none;
}
.artwork-component--gift .artwork-component__content {
  position: relative;
}
.artwork-component--gift .col-auto {
  position: static !important;
}
.artwork-component--gift .artwork-header {
  padding-bottom: 20px;
}
.artwork-component--gift .artwork-header__price {
  position: absolute;
  left: 16px;
  bottom: 0;
}
.artwork-component__sold-out {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ff2850;
}
.artwork-component__multiple-iterations {
  padding-right: 5px;
}
.artwork-pill {
  transition: background-color .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  overflow: hidden;
  display: flex;
  color: currentColor;
}
.artwork-pill--draggable {
  background-color: #1F1E25;
}
.artwork-pill--preview {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  background-color: #3E3E3F;
}
.artwork-pill--dragging {
  opacity: .2;
}
.artwork-pill__content {
  padding: 4px 0 4px 12px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.artwork-pill__thumbnail {
  max-width: 120px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.artwork-pill__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 36px;
  max-width: 36px;
  text-align: center;
}
.artwork-pill__content--is-adding {
  position: absolute;
  transform: translate(0, 0);
  transition: 0.6s ease-out;
  z-index: 1000;
}
.artwork-pill__content--is-adding .btn--text {
  display: none;
}
.artwork-pill__handle {
  color: #555555;
  cursor: move;
  display: none;
  height: 100%;
  font-size: 14px;
  vertical-align: middle;
}
.artwork-pill--draggable .artwork-pill__handle {
  display: inline-block;
}
.artwork-pill--preview .artwork-pill__handle {
  color: #ffffff;
}
@media only screen and (min-width: 1171px) {
  .artwork-pill__handle {
    display: none !important;
  }
}
.btn--artwork-pill {
  background-color: #1F1E25;
  border-color: #1F1E25;
}
.btn--artwork-pill[class^='icon-']:before,
.btn--artwork-pill[class*=' icon-']:before {
  font-size: 11px;
  margin-right: 4px;
}
.btn--artwork-pill:hover {
  background-color: #3E3E3F;
  border-color: #3E3E3F;
}
/**
 * Component used to display user avatar and stats.
 */
.user-component__avatar {
  position: relative;
  background-color: #fafafa;
  display: block;
}
.user-component__avatar:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.user-component__avatar > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.user-component__avatar .card-action.is-active {
  color: #00c49d;
}
.user-component__avatar:hover .card-action {
  opacity: 1;
}
.user-component__top-right {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
}
.user-component__avatar:hover .user-component__top-right {
  opacity: 1;
}
.user-component__avatar + .user-component__name {
  margin-top: 16px;
}
.user-stats {
  padding: 16px 0 15px;
  margin: 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  border-radius: 0 0 2px 2px;
}
.user-component__avatar .user-stats {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.user-component__avatar:hover .user-stats {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .col-6 .user-component__avatar .user-stats {
    display: none;
  }
}
.user-stats__column {
  min-width: 53px;
  max-width: 80px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.user-stats__stat {
  font-size: 21px;
  line-height: 1;
  display: flex;
  flex-direction: column;
}
.user-stats__stat:last-child {
  border-right-color: transparent;
}
.user-stats__stat dt,
.user-stats__stat dd {
  font-weight: normal;
  display: block;
  margin: 0;
}
.user-stats__stat dd {
  margin-bottom: 2px;
}
.user-stats__stat dt {
  font-size: 13px;
  line-height: 1.2;
  display: block;
  order: 1;
}
.user-stats__stat--collectors,
.user-stats__stat--artworks {
  display: none;
}
/**
 * For users show: Following / Followers / Collected
 * For artists show: Artworks / Collectors / Followers
 */
.user-component[data-type="artist"] .user-stats__stat--artworks {
  display: flex;
}
.user-component[data-type="artist"] .user-stats__stat--collectors {
  display: flex;
}
.user-component[data-type="artist"] .user-stats__stat--collected {
  display: none;
}
.user-component[data-type="artist"] .user-stats__stat--follows {
  display: none;
}
.user-component[data-type="artist"] .user-stats__stat--followers {
  border-right: transparent;
}
.user-component__top-right {
  position: absolute;
  top: 16px;
  right: 16px;
}
.artwork-header {
  color: currentColor;
  min-height: 40px;
}
.artwork-component__thumbnail + .artwork-header {
  margin-top: 8px;
}
.artwork-header a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
}
.artwork-header a:hover {
  color: #555555;
}
.artwork-header.artwork-header--dark a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
}
.artwork-header.artwork-header--dark a:hover {
  color: #99999c;
}
.artwork-header--with-secondary-column {
  display: flex;
}
a.artwork-header {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
  display: inline-block;
}
a.artwork-header:hover {
  color: #555555;
}
.artwork-header--dark a.artwork-header {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
}
.artwork-header--dark a.artwork-header:hover {
  color: #99999c;
}
.artwork-header__main {
  flex-grow: 1;
}
.artwork-header__main:focus {
  outline: none;
}
.artwork-header__secondary {
  padding-left: 15px;
}
.artist-name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1;
  color: currentColor;
}
.artist-name--tiny {
  font-size: 13px;
}
.artwork-header:focus {
  outline: none;
}
.artwork-header__title {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-weight: normal;
  font-style: italic;
  font-size: 21px;
  line-height: 1;
  margin: 0;
}
.artwork-header__title cite {
  font-style: inherit;
  display: block;
}
.artwork-header--sm .artwork-header__title {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .artwork-header--sm .artwork-header__title {
    font-size: 16px;
  }
}
.artwork-header--xsm .artwork-header__title {
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .artwork-header--xsm .artwork-header__title {
    font-size: 14px;
  }
}
.artwork-header--lg .artwork-header__title {
  font-size: 24px;
  line-height: 1.1;
}
.artwork-header__title--lg {
  font-size: 27px;
}
.artwork-header__name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1;
  color: currentColor;
}
.artwork-header--no-artist .artwork-header__name {
  display: none;
}
.artwork-header__title + .artwork-header__name {
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .artwork-header__title + .artwork-header__name {
    margin-top: 6px;
  }
}
.artwork-header--sm .artwork-header__name {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .artwork-header--sm .artwork-header__name {
    font-size: 12px;
  }
}
.artwork-header--xsm .artwork-header__name {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .artwork-header--xsm .artwork-header__name {
    font-size: 12px;
  }
}
.artwork-header--xsm .artwork-header__title + .artwork-header__name {
  margin-top: 4px;
}
.artwork-header__meta {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.artwork-header__name + .artwork-header__meta {
  margin-top: 5px;
}
.artwork-header__price,
.artwork-header__original-price {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1;
  color: currentColor;
  font-size: 14px;
  margin-top: 2px;
  display: block;
}
.artwork-header--no-price .artwork-header__price,
.artwork-header--no-price .artwork-header__original-price {
  display: none;
}
a.artwork-header__price,
a.artwork-header__original-price {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: currentColor;
}
a.artwork-header__price:hover,
a.artwork-header__original-price:hover {
  color: #555555;
}
.artwork-header__original-price {
  position: relative;
  display: inline-block;
  font-weight: normal;
}
.artwork-header__original-price:after {
  -webkit-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  transform: translate(0, -1px);
  content: ' ';
  position: absolute;
  border-bottom: 1px solid #111116;
  width: 120%;
  height: 1px;
  left: -10%;
  top: 50%;
}
.artwork-header__edition {
  font-size: 14px;
  line-height: 1;
}
.artwork-header__name + .artwork-header__edition {
  margin-top: 12px;
}
.artwork-header--not-for-sale .artwork-header__price-text,
.artwork-header--sold-out .artwork-header__price-text {
  display: none;
}
.aspect-image {
  position: relative;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.aspect-image:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.aspect-image img {
  display: none;
}
.aspect-image--lazy {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
}
.aspect-image--loaded {
  opacity: 1;
}
.aspect-image--popped {
  position: relative;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.5);
}
.aspect-image__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.keep-aspect-ratio {
  position: relative;
}
.keep-aspect-ratio:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.keep-aspect-ratio--square {
  position: relative;
}
.keep-aspect-ratio--square:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.keep-aspect-ratio__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.standfirst {
  font-size: 21px;
  line-height: 1.6;
}
.standfirst a {
  color: inherit;
}
.standfirst a:hover {
  color: #99999c;
}
@media only screen and (max-width: 1171px) {
  .standfirst {
    font-size: 19px;
  }
}
.standfirst--small {
  font-size: 19px;
  line-height: 1.4;
}
.standfirst--subtle {
  font-size: 16px;
}
.standfirst--subtle strong {
  font-weight: 500;
}
.standfirst--lead {
  font-size: 27px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-weight: normal;
}
@media only screen and (max-width: 1171px) {
  .standfirst--lead {
    font-size: 24px;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 576px) {
  .standfirst--lead {
    font-size: 21px;
  }
}
/**
 * .sidebar-navigation.sidebar-navigation--open
 *   .sidebar-navigation__mobile-dropdown
 *   .sidebar-navigation__list
 *     .sidebar-navigation
 *       sidebar-navigation_item
 */
.sidebar-navigation {
  position: relative;
}
@media only screen and (max-width: 576px) {
  .sidebar-navigation {
    background-color: #1F1E25;
  }
}
@media only screen and (max-width: 576px) {
  .sidebar-navigation--open {
    background-color: #3E3E3F;
  }
}
.sidebar-navigation_list {
  margin: 8px 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 576px) {
  .sidebar-navigation_list {
    display: none;
    position: absolute;
    background-color: #1F1E25;
    z-index: 10;
    width: 100%;
  }
  .sidebar-navigation--open .sidebar-navigation_list {
    display: block;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
    background-color: #3E3E3F;
  }
}
.sidebar-navigation__item {
  margin-bottom: 10px;
  color: #99999c;
}
.sidebar-navigation__item:hover {
  color: #cccccc;
}
@media only screen and (min-width: 576px) {
  .sidebar-navigation__item:last-child {
    margin-bottom: 0;
  }
}
.sidebar-navigation__item a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  color: inherit;
  padding-bottom: 2px;
}
@media only screen and (max-width: 576px) {
  .sidebar-navigation__item {
    padding: 4px 12px;
  }
}
.sidebar-navigation__item--active,
.sidebar-navigation__item--active:hover,
.sidebar-navigation__item--active:hover a {
  color: #ffffff;
}
.sidebar-navigation__item--active a {
  border-bottom-color: #ff2850;
}
.sidebar-navigation__item--icon:before {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  top: -1px;
  font-size: 12px;
  min-width: 18px;
  display: inline-block;
  color: inherit;
}
.sidebar-navigation__mobile-dropdown {
  background-color: #1F1E25;
  padding: 11px 10px 8px;
  color: #99999c;
  display: none;
}
@media only screen and (max-width: 576px) {
  .sidebar-navigation__mobile-dropdown {
    display: block;
  }
}
.sidebar-navigation--open .sidebar-navigation__mobile-dropdown {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background-color: #3E3E3F;
}
.sidebar-navigation__expand {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  top: 12px;
  right: 10px;
  color: #ffffff;
}
.sidebar-navigation--open .sidebar-navigation__expand {
  top: 6px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar-widget {
  font-size: 16px;
}
@media only screen and (max-width: 576px) {
  .sidebar-widget--playlist-list .sidebar-widget__title {
    display: none;
  }
}
.sidebar-widget__title--subtle {
  color: #99999c;
}
.edition-details {
  position: relative;
  background: #ffffff;
  color: #111116;
}
.edition-details.container-fluid {
  margin: 0;
  padding: 0;
}
.edition-details a {
  color: #111116;
}
.edition-details a:hover {
  color: #555555;
}
.edition-details__close {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 16px;
  right: 16px;
}
.edition-details__content {
  background: #F6F6F6;
  height: 100%;
  padding: 38px 40px;
  flex-direction: column;
}
.edition-details__stats {
  margin: 0;
}
.edition-details__stats {
  font-weight: bold;
  margin-bottom: 50px;
}
.edition-details__primary-content {
  flex-grow: 2;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.square-spin {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 0;
  width: 48px;
  height: 27px;
  color: #111116;
}
.square-spin:after {
  content: '';
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  width: 100%;
  height: 100%;
  border-radius: 0;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.square-spin--small {
  width: 32px;
  height: 18px;
}
.square-spin--xs {
  width: 24px;
  height: 13.5px;
}
.square-spin--light {
  color: #ffffff;
}
.square-spin--dark {
  color: #111116;
}
/*
 * Animation
 */
@keyframes square-spin {
  0% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
/**
 * Private mixins.
 */
/**
 * End of private mixins. Start CSS.
 */
.player {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  /**
   * Player background has to be black since some artworks are
   * portrait oriented with transparent padding. Using solid black
   * for those artworks looks best.
   */
  background-color: #000;
}
.player[data-valign='center'] {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.player:focus {
  outline: 0;
}
.player__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player__artwork-title {
  transition: 0.2s;
  font: italic normal 36px/1 "Sabon", "宋体", "Georgia", serif;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}
.player__artwork-title:hover {
  color: #fafafa;
}
@media only screen and (max-width: 1240px) {
  .player__artwork-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .player__artwork-title {
    font-size: 16px;
  }
}
.player__artist-name {
  font: 700 21px/1 "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 1240px) {
  .player__artist-name {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 420px) {
  .player__artist-name {
    font-size: 13px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 576px) {
  .player__artist-name {
    font-size: 11px;
    line-height: 1;
  }
}
.player__artist-name:hover {
  color: #fafafa;
}
.player__breadcrumb {
  font: 500 13px/2.6rem "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #ffffff;
}
.player__breadcrumb li {
  float: left;
  margin: 0 10px 0 0;
  padding: 1px 0 0 0;
}
.player__breadcrumb li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 11px;
}
.player__breadcrumb li:last-child {
  margin-right: 0;
}
.player__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: rgba(0, 0, 0, 0.2);
}
.player--playback.player--play:not(.player--casting) .player__overlay {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--playback.player--play:not(.player--casting) .player__overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--casting .player__overlay {
  background: none;
}
.player--casting .player__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.player__preview {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-size: 1px 1px;
  background-position: -1px -1px;
  background-repeat: no-repeat;
}
.player__preview:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  content: '';
  background: no-repeat center center;
  background-image: inherit;
  background-size: contain;
  opacity: 0;
  display: block;
}
.player--error .player__preview,
.player--playback:not(.player--casting) .player__preview {
  display: none;
}
.player__preview--loaded:before {
  opacity: 1;
}
.player__media-players {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.player--playback .player__media-players {
  opacity: 1;
}
.player--casting .player__media-players {
  transition: opacity 0.3s ease-in 0.3s;
}
.player__artwork-info {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 0;
  width: 100%;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  padding: 25px 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 575px) {
  .player__artwork-info {
    padding: 16px 16px;
  }
}
.player__artwork-info .player__artwork-title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 576px) {
  .player__artwork-info .player__artwork-title {
    margin-bottom: 0;
  }
}
.player__artwork-info .player__breadcrumb {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .player__artwork-info .player__breadcrumb {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .player__artwork-info .player__breadcrumb {
    display: none;
  }
}
.player--playback.player--play:not(.player--casting) .player__artwork-info,
[data-title='false'] .player__artwork-info {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--playback.player--play:not(.player--casting) .player__artwork-info,
.children-visible-on-hover:hover [data-title='false'] .player__artwork-info {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__cta {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  cursor: pointer;
  pointer-events: auto;
  /**
   * During pause hide main CTA for video player.
   * For still player CTA should be visible.
   */
}
.player__cta .player__breadcrumb {
  margin-top: 15px;
}
@media only screen and (max-width: 575px) {
  .player__cta {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: auto;
    bottom: 16px;
    left: 16px;
    margin-top: 0;
  }
  .player__cta .player__btn + .player__breadcrumb {
    margin-top: 0;
    margin-left: 10px;
  }
  .player__cta .player__breadcrumb {
    vertical-align: bottom;
    margin-bottom: 11px;
    margin-left: 11px;
  }
  .player--image .player__cta .player__breadcrumb--image,
  .player--video .player__cta .player__breadcrumb--video {
    display: inline-block;
  }
}
.player--video.player--playback.player--pause .player__cta {
  display: none;
}
.player--playback .player__cta,
.player--loading .player__cta,
.player--error .player__cta {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--playback .player__cta,
.children-visible-on-hover:hover .player--loading .player__cta,
.children-visible-on-hover:hover .player--error .player__cta {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--complete .player__cta {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__btn {
  transition: 0.2s;
  color: #ffffff;
  border: solid 4px;
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 2px 14px 0;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  cursor: pointer;
}
.player__btn:not(.no-hover):hover {
  color: #ffffff;
  border-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.5);
}
.player__btn,
.player__btn:before {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.player__btn--icon {
  transition: 0.2s;
  color: #ffffff;
  border: solid 4px;
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 2px 14px 0;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  cursor: pointer;
  width: 44px;
  height: 44px;
  padding: 0;
}
.player__btn--icon:not(.no-hover):hover {
  color: #ffffff;
  border-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.5);
}
.player__btn--icon:not(.no-hover):hover {
  color: #ffffff;
  border-color: #fafafa;
}
.player__btn--icon:before {
  font-size: 18px;
  line-height: 36px;
}
.player__btn--icon .svg-icon {
  width: 100%;
  height: 100%;
}
.player__btn--dark {
  color: #111116;
}
.player__btn--icon-medium {
  width: 34px;
  height: 34px;
  font-size: 30px;
  border-width: 3px;
}
.player__btn--cta {
  border-color: #ff2850;
}
.player__btn--cta svg {
  fill: #ff2850;
}
.player__btn--cta:hover {
  border-color: #e91f45;
}
.player__btn--cta:hover svg {
  fill: #e91f45;
}
.player__btn--active:before {
  color: #e91f45;
}
.player__btn--icon-small {
  width: 30px;
  height: 30px;
  font-size: 24px;
  border-width: 3px;
}
.player__btn--icon-small.icon-play:before {
  font-size: 12px;
  line-height: 25px;
  vertical-align: top;
}
.player__btn--text {
  border-color: transparent;
  font-size: 14px;
  line-height: 1.1;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.player__btn--text:hover {
  border-color: transparent !important;
  background: none !important;
}
.player__btn--text a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.player__btn--text a:hover {
  color: inherit;
  border-bottom-color: #fff;
}
.player__btn--guest-cta {
  display: none;
}
.player--purchase .player__btn--guest-cta {
  display: inline-block;
}
.player__btn--icon.player__btn--large {
  width: 88px;
  height: 88px;
  border: solid 6px;
}
.player__btn--icon.player__btn--large:before {
  font-size: 42px;
  line-height: 78px;
  position: relative;
  bottom: 1px;
}
.player__btn--icon.player__btn--large:hover {
  border-color: #fafafa;
}
@media only screen and (max-width: 768px) {
  .player__btn--icon.player__btn--large {
    width: 66px;
    height: 66px;
    border: solid 5px;
  }
  .player__btn--icon.player__btn--large:before {
    font-size: 33px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 576px) {
  .player__btn--icon.player__btn--large {
    width: 44px;
    height: 44px;
    border: solid 4px;
  }
  .player__btn--icon.player__btn--large:before {
    font-size: 22px;
    line-height: 36px;
  }
}
.player__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--loading .player__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--branding .player__loading {
  margin-top: 80px;
}
.player__loading .player__loading-text {
  color: #ffffff;
}
.player__loading .player__loading-text--long {
  font-size: 17px;
}
@media only screen and (max-width: 768px) {
  .player__loading .player__loading-text--long {
    display: none;
  }
}
.player__loading .player__loading-text--short {
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .player__loading .player__loading-text--short {
    display: none;
  }
}
.player__btn--previous,
.player__btn--next {
  display: none;
}
.player--playlist .player__btn--previous,
.player--playlist .player__btn--next {
  display: inline-block;
}
.player__btn--play-pause {
  display: none;
}
.player--video.player--playback .player__btn--play-pause,
.player--playlist .player__btn--play-pause {
  display: inline-block;
}
.player__btn--repeat-mode {
  display: none;
}
.player--playlist .player__btn--repeat-mode {
  display: inline-block;
}
.player__media-players {
  transition: opacity 1s ease-in 0.5s;
}
.player__media-players:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player--wait .player__media-players {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--wait .player__media-players {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--playlist .player__cta {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--playlist .player__cta {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__btn--quality,
.player__btn--volume {
  display: none;
}
.player__btn--quality .player__btn-content {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 2px;
}
.player--video .player__btn--quality {
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .player--video .player__btn--quality {
    display: none;
  }
}
.player--error .player__btn--quality {
  display: none;
}
.player--casting .player__btn--quality {
  cursor: pointer;
  font-size: 13px;
  line-height: 1.6;
}
.player--video .player__btn--volume {
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .player--video .player__btn--volume {
    display: none;
  }
}
.player__btn-options {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  bottom: 100%;
  right: -4px;
  border: solid 4px #fafafa;
  padding: 8px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.children-visible-on-hover:hover .player__btn-options {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__btn-options--volume {
  padding-top: 0;
}
.player__btn-options__option {
  padding: 4px 24px 2px 10px;
  text-transform: uppercase;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  line-height: 1.5;
  text-align: left;
}
.player__btn-options__option:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.player__btn-options__option--selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.player__btn-options__option--selected:before {
  width: 4px;
  height: 4px;
  overflow: hidden;
  font-size: 0;
  margin-top: -2px;
  position: absolute;
  right: 10px;
  top: 50%;
  content: '';
  background: currentColor;
}
.player__btn--with-options {
  position: relative;
}
.player__btn--with-options:hover {
  border-color: #fafafa;
}
.player__btn--with-options:hover .player__btn-options {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__btn-options--select {
  width: 143px;
}
.player__controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 10px 25px 25px;
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
@media only screen and (max-width: 575px) {
  .player__controls {
    padding: 10px 16px 16px;
  }
}
.children-visible-on-hover:hover .player__controls {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--complete .player__controls,
.player--error .player__controls,
.player--playback:hover .player__controls,
.player--casting .player__controls {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--idle.player--play.player--playback .player__controls {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .player--idle.player--play.player--playback .player__controls {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__controls__left {
  flex-grow: 1;
}
.player__controls__left .player__btn {
  margin-right: 10px;
}
.player__controls--top {
  top: 0;
  bottom: unset;
  padding-top: 25px;
  background: transparent;
}
@media only screen and (max-width: 575px) {
  .player__controls--top {
    padding-top: 16px;
  }
}
.player__controls__right .player__btn {
  margin-left: 10px;
}
@media only screen and (max-width: 1171px) {
  .player--image .player__btn--plus,
  .player--image .player__btn--minus,
  .player--image .player__btn--home,
  .player--image .player__zoom-slider {
    display: none !important;
  }
}
.player--error .player__overlay,
.player--error .player__error {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__label {
  font: 700 21px/1 "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
@media only screen and (max-width: 1240px) {
  .player__label {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 420px) {
  .player__label {
    font-size: 13px;
    letter-spacing: 0.1em;
  }
}
.player__label--small {
  font: 500 13px/2.6rem "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.player__error {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: 50%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #c20e1a;
}
.children-visible-on-hover:hover .player__error {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__error .player__label {
  margin-bottom: 15px;
}
@media only screen and (max-width: 576px) {
  .player__error {
    font-size: 12px;
  }
  .player__error .player__label {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 420px) {
  .player__error {
    width: 90%;
  }
}
.player__branding {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: opacity 0.3s ease-in 0.4s;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.children-visible-on-hover:hover .player__branding {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player__branding .player__branding__logo {
  display: inline-block;
  width: 250px;
  height: 63.38028169px;
  overflow: hidden;
  background: url(//cf.seditionart.com/assets/logo-e014ff2ba51080abc71beb41daac75a2.svg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 480px) {
  .player__branding .player__branding__logo {
    display: inline-block;
    width: 150px;
    height: 38.02816901px;
    overflow: hidden;
    background: url(//cf.seditionart.com/assets/logo-e014ff2ba51080abc71beb41daac75a2.svg) no-repeat;
    background-size: cover;
  }
}
.player--branding.player--loading .player__branding {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.player--video .player__image-player {
  display: none;
}
.player__image-player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute !important;
  background: center center no-repeat;
  background-size: contain;
  background-color: #000;
}
.image-player__controlbar,
.image-player__controlbar--top {
  transition: opacity 0.3s ease-in;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 20px 20px;
  font-size: 16px;
  letter-spacing: 0.05em;
  opacity: 0;
  box-sizing: border-box;
}
.image-player__controlbar > *,
.image-player__controlbar--top > * {
  display: inline-block;
  margin-right: 15px;
}
.image-player__controlbar > *:last-child,
.image-player__controlbar--top > *:last-child {
  margin-right: 0;
}
.image-player__controlbar--bottom-right {
  left: auto;
  right: 0;
  padding: 0 20px 20px 0;
}
.image-player__controlbar--top {
  bottom: auto;
  top: 0;
  padding: 20px 20px 0;
  text-align: right;
}
.player__volume-slider {
  position: relative;
  width: 36px;
  height: 85px;
}
.player__volume-slider:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  background-color: rgba(255, 255, 255, 0.2);
}
.player__volume-slider .rangeslider__fill {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 4px;
  background-color: rgba(255, 255, 255, 0.8);
}
.player__volume-slider .rangeslider__handle {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
.player__volume-slider .rangeslider__handle:focus {
  outline: none;
  background-color: #fafafa;
}
.player__volume-slider .rangeslider__handle-tooltip,
.player__volume-slider .rangeslider__handle-label {
  display: none;
}
.player__zoom-slider {
  position: relative;
  height: 6px;
  width: 200px;
  margin-left: 10px;
  vertical-align: middle;
  background: #555555;
}
.player__zoom-slider,
.player__zoom-slider .rangeslider__handle {
  display: inline-block;
}
.player__zoom-slider .rangeslider__fill,
.player__zoom-slider .rangeslider__handle {
  position: absolute;
  background: #ffffff;
  transition: 0.5s;
}
.player__zoom-slider .rangeslider__fill {
  top: 0;
  height: 100%;
}
.player__zoom-slider .rangeslider__handle {
  top: -10px;
  width: 8px;
  height: 25px;
  cursor: pointer;
  -webkit-transform: translate(-1px, 0);
  -ms-transform: translate(-1px, 0);
  transform: translate(-1px, 0);
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.player__chromecast-player {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
.player__chromecast-player .icon-cast-icon {
  font-size: 50px;
  line-height: 1;
}
google-cast-launcher {
  --disconnected-color: white;
  --connected-color: white;
}
.player__btn--cast-wrapper {
  display: none;
}
.player--chromecast-available .player__btn--cast-wrapper {
  display: inline-block;
}
.player__btn-cast {
  width: 36px;
  height: 36px;
  padding: 6px;
  display: inline-block;
}
.excerpt.is-open .excerpt__btn-more:before {
  content: "\e011";
}
.excerpt.is-open .excerpt__btn-more .excerpt__text-less {
  display: block;
}
.excerpt.is-open .excerpt__btn-more .excerpt__text-more {
  display: none;
}
.excerpt.is-disabled .excerpt__frame {
  max-height: none;
}
.excerpt.is-disabled .excerpt__btn-more {
  display: none;
}
.excerpt.is-overflow .excerpt__btn-more {
  display: inline-block;
}
.excerpt__text-less {
  display: none;
}
.excerpt__viewport {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  overflow: hidden;
  max-height: 350px;
}
.trash {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  color: #ffffff;
  border: 4px solid currentColor;
  background-color: rgba(0, 0, 0, 0.8);
}
.trash--over {
  background-color: #111116;
  color: #ff2850;
}
.trash__tip {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -10px;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 5px 1px;
  border-radius: 2px;
  background-color: #111116;
  font-size: 11px;
}
@media only screen and (min-width: 768px) {
  .trash__tip {
    display: block;
  }
}
.trash--over .trash__tip {
  display: block;
}
.carousel-preview-navigation__item {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
  margin-right: 8px;
  padding: 2px;
  border: 1px solid transparent;
}
.carousel-preview-navigation__item img {
  width: 100%;
}
.carousel-preview-navigation__item:hover {
  border-color: #99999c;
}
.carousel-preview-navigation__item--active {
  border-color: #99999c;
}
.carousel-item {
  display: none;
}
.carousel-item img {
  width: 100%;
}
.carousel-item--active {
  display: block;
}
.horizontal-navigation {
  position: relative;
}
.horizontal-navigation__next,
.horizontal-navigation__previous {
  position: absolute;
  top: 50%;
  display: inline-block;
  color: #99999c;
  background: #fafafa;
  padding: 0 15px;
  border: 0;
  outline: 0;
}
.horizontal-navigation__next:hover,
.horizontal-navigation__previous:hover {
  text-decoration: none;
  color: #111116;
}
.horizontal-navigation__next:hover:before,
.horizontal-navigation__previous:hover:before {
  color: #111116;
}
.horizontal-navigation__next:before,
.horizontal-navigation__previous:before {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  font-family: "icomoon";
  font-size: 26px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  line-height: 60px;
}
.horizontal-navigation__next.black,
.horizontal-navigation__previous.black {
  background: #111116;
  color: #dcdcdf;
}
.horizontal-navigation__next.black:hover:before,
.horizontal-navigation__previous.black:hover:before {
  color: #ffffff;
}
.horizontal-navigation__next.black-transparent,
.horizontal-navigation__previous.black-transparent {
  background: rgba(17, 17, 22, 0.2);
  color: #dcdcdf;
}
.horizontal-navigation__next.black-transparent:hover:before,
.horizontal-navigation__previous.black-transparent:hover:before {
  color: #ffffff;
}
.horizontal-navigation__next {
  -webkit-transform: translate(86px, -50%);
  -ms-transform: translate(86px, -50%);
  transform: translate(86px, -50%);
  right: 0;
}
.horizontal-navigation__next:before {
  content: "\e010";
}
.horizontal-navigation__next:hover:before {
  -webkit-transform: scale(0.9) translate(3px, 0);
  -ms-transform: scale(0.9) translate(3px, 0);
  transform: scale(0.9) translate(3px, 0);
}
.horizontal-navigation__previous {
  -webkit-transform: translate(-86px, -50%);
  -ms-transform: translate(-86px, -50%);
  transform: translate(-86px, -50%);
  left: 0;
}
.horizontal-navigation__previous:before {
  content: "\e006";
}
.horizontal-navigation__previous:hover:before {
  -webkit-transform: scale(0.9) translate(-3px, 0);
  -ms-transform: scale(0.9) translate(-3px, 0);
  transform: scale(0.9) translate(-3px, 0);
}
.horizontal-navigation--no-gutter {
  -webkit-transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
}
@media only screen and (max-width: 1171px) {
  .horizontal-navigation__next,
  .horizontal-navigation__previous {
    display: none;
  }
  .horizontal-navigation--mobile .horizontal-navigation__next,
  .horizontal-navigation--mobile .horizontal-navigation__previous {
    display: block;
  }
}
/**
 * By default arrows are displayed outside container.
 * This modifier displays them inside.
 */
.horizontal-navigation--inner .horizontal-navigation__next {
  -webkit-transform: translate(-32px, -50%);
  -ms-transform: translate(-32px, -50%);
  transform: translate(-32px, -50%);
}
@media only screen and (max-width: 1171px) {
  .horizontal-navigation--inner .horizontal-navigation__next {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.horizontal-navigation--inner .horizontal-navigation__previous {
  -webkit-transform: translate(32px, -50%);
  -ms-transform: translate(32px, -50%);
  transform: translate(32px, -50%);
}
@media only screen and (max-width: 1171px) {
  .horizontal-navigation--inner .horizontal-navigation__previous {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.horizontal-navigation--light .horizontal-navigation__next,
.horizontal-navigation--light .horizontal-navigation__previous {
  background: #ffffff;
  color: #99999c;
}
.horizontal-navigation--light .horizontal-navigation__next:hover:before,
.horizontal-navigation--light .horizontal-navigation__previous:hover:before {
  color: #111116;
}
.labeled-separator {
  position: relative;
  text-align: center;
}
.labeled-separator:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  content: '';
  display: block;
  height: 1px;
  margin-top: -1px;
  width: 100%;
  background-color: #dcdcdf;
  z-index: -1;
}
.labeled-separator__content {
  background-color: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  line-height: 1.3;
}
.gift-widget-popup {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: fixed;
  background-color: #ffffff;
  max-width: 320px;
  width: 100%;
  padding: 24px;
  z-index: 1001;
  display: none;
  opacity: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
.gift-widget-popup .username {
  background-position: right 7px !important;
}
.gift-widget-popup input {
  box-sizing: border-box;
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 2px;
}
.gift-widget-popup .typeahead {
  width: 100%;
}
p {
  margin: 0 0 11px;
}
.lead {
  margin-bottom: 22px;
  font-size: 21px;
  font-weight: 200;
  line-height: 33px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
.muted {
  color: #99999c !important;
}
.muted-more {
  color: #dcdcdf;
}
a.muted:hover {
  color: #7f7f83;
}
.text-warning {
  color: #c09853;
}
a.text-warning:hover {
  color: #a47e3c;
}
.text-error {
  color: #ff2850;
}
a.text-error:hover {
  color: #f4002d;
}
.text-info {
  color: #43888f;
}
a.text-info:hover {
  color: #33676c;
}
.text-success {
  color: #468847;
}
a.text-success:hover {
  color: #356635;
}
.text-light {
  color: #ffffff;
}
.text-light a {
  color: #ffffff;
}
.text-light a:hover {
  color: #99999c;
}
.text-light--subtle-hover a:hover {
  color: #dcdcdf;
}
.text-dark {
  color: #111116;
}
.text-dark a {
  color: #111116;
}
.text-dark a:hover {
  color: #222225;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #99999c;
}
h1,
h2,
h3 {
  line-height: 44px;
}
h4,
h5,
h6 {
  line-height: 22px;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 19px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11.9px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 small {
  font-size: 24.5px;
}
h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
ul,
ol {
  padding: 0;
  margin: 0 0 11px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 22px;
}
ul.unstyled,
ol.unstyled {
  margin: 0;
  list-style: none;
}
ul.bullets li,
ol.bullets li {
  list-style-type: disc;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 22px;
}
dt,
dd {
  line-height: 22px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 11px;
}
hr {
  margin: 22px 0;
  border: 0;
  border-top: 1px solid #dcdcdf;
  border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #99999c;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 22px;
  border-left: 5px solid #dcdcdf;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 27.5px;
}
blockquote small {
  display: block;
  line-height: 22px;
  color: #99999c;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #dcdcdf;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 22px;
  font-style: normal;
  line-height: 22px;
}
.text-content {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-size: 18px;
  line-height: 1.6;
}
.text-content a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
}
.text-content a:hover {
  color: inherit;
  text-decoration: none;
}
.text-content p:last-child {
  margin-bottom: 0;
}
.fw-300,
.fw-thin {
  font-weight: 300 !important;
}
.fw-400,
.fw-normal {
  font-weight: normal !important;
}
.fw-500,
.fw-medium {
  font-weight: 500 !important;
}
.fw-700,
.fw-bold {
  font-weight: 700 !important;
}
.fw-900,
.fw-heavy {
  font-weight: 900 !important;
}
.lh-1 {
  line-height: 1;
}
.lh-tight {
  line-height: 1.2;
}
@media only screen and (min-width: 1171px) {
  .lh-tight {
    line-height: 1.4;
  }
}
.lh-regular {
  line-height: 1.5;
}
.ls-wide {
  letter-spacing: 0.05em;
}
.headline {
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 575px) {
  .headline {
    font-size: 28px;
  }
}
.headline--smaller {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: normal;
}
.headline--lg {
  font-size: 52px;
}
@media only screen and (max-width: 575px) {
  .headline--lg {
    font-size: 40px;
  }
}
.headline--medium {
  font-size: 27px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .headline--medium {
    font-size: 24px;
  }
}
.headline--small {
  font-size: 24px;
  letter-spacing: normal;
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  .headline--small {
    font-size: 20px;
  }
}
.headline--sm {
  font-size: 17px;
  letter-spacing: normal;
}
.headline--xxs {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.headline--readable {
  text-transform: none;
  line-height: 1.5;
  letter-spacing: -0.03em;
}
.headline--serif {
  font-family: "Sabon", "宋体", "Georgia", serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
}
.headline--subtle {
  font-weight: 300;
}
.headline--meta {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #99999c;
}
.body--dark .headline--meta .contrast,
.body--black .headline--meta .contrast {
  color: #ffffff;
}
@media only screen and (max-width: 575px) {
  .headline--meta {
    font-weight: normal;
    font-size: 14px;
  }
}
.headline--section {
  font-size: 17px;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 500;
}
.headline--main {
  text-transform: none;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-weight: 300;
}
.headline__decoration {
  font-weight: 300;
}
.headline__positive {
  color: #19ad82;
}
.styled-strike {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.styled-strike:before {
  -webkit-transform: translate(-5%, -5px);
  -ms-transform: translate(-5%, -5px);
  transform: translate(-5%, -5px);
  content: ' ';
  position: absolute;
  top: 50%;
  height: 3px;
  width: 110%;
  background: #111116;
}
.styled-strike--slim:before {
  -webkit-transform: translate(-5%, -3px);
  -ms-transform: translate(-5%, -3px);
  transform: translate(-5%, -3px);
  height: 2px;
}
.serif {
  font-family: "Sabon", "宋体", "Georgia", serif;
}
.sans {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
.monospace {
  font-family: Courier, Monaco, monospace;
}
form {
  margin: 0 0 16px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  line-height: 44px;
  color: #353646;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 16.5px;
  color: #99999c;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}
input,
button,
select,
textarea {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  transition: border linear .2s, box-shadow linear .2s;
  display: inline-block;
  height: 38px;
  padding: 5px 10px 3px;
  margin-bottom: 11px;
  font-size: 14px;
  line-height: 22px;
  color: #222225;
  font-weight: normal;
  letter-spacing: 0.02em;
  vertical-align: middle;
  background-repeat: no-repeat;
  border-radius: 1px;
  border: 1px solid #dcdcdf;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px #00c49d;
  border: 1px solid #00c49d;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover {
  border-color: #99999c;
}
input,
textarea,
.uneditable-input {
  width: 228px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"]:not(.DateInput_input__readOnly,.input-blended),
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  transition: border linear .2s, box-shadow linear .2s;
  background-color: #ffffff;
  border: 1px solid #dcdcdf;
  border-radius: 1px;
  background-clip: padding-box;
}
textarea:hover,
input[type="text"]:not(.DateInput_input__readOnly,.input-blended):hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover {
  border-color: #99999c;
}
textarea:focus,
input[type="text"]:not(.DateInput_input__readOnly,.input-blended):focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  background-color: #fffedc;
  border-color: #99999c;
  outline: 0;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 55, 80, 0.1);
}
/**
 * 1. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select {
  width: 220px;
  border: 1px solid #dcdcdf;
  background-color: #ffffff;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
  color: #99999c;
  background-color: #fcfcfc;
  border-color: #dcdcdf;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
input.input-blended {
  width: 100%;
  height: 1em;
  min-width: 200px;
  max-width: 100%;
  padding: 0;
  margin: 0;
  color: inherit;
  line-height: 1;
  border: 0;
  background: transparent !important;
  text-align: left;
  cursor: default !important;
}
input.input-blended:focus {
  box-shadow: none;
  outline: 0;
}
input::placeholder,
textarea::placeholder {
  color: #99999c;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #99999c;
  opacity: 1;
}
input.js-placeholder {
  color: #99999c;
}
.radio,
.checkbox {
  min-height: 22px;
}
.radio input,
.checkbox input {
  margin-right: 5px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 32px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 1058px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 966px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 874px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 782px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 690px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 598px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 506px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 414px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 322px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 230px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 138px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly]:not(.DateInput_input__readOnly,.input-blended),
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #dcdcdf;
}
input[disabled]:focus,
select[disabled]:focus,
textarea[disabled]:focus,
input[readonly]:not(.DateInput_input__readOnly,.input-blended):focus,
select[readonly]:focus,
textarea[readonly]:focus {
  background-color: #dcdcdf;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #ff2850;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #ff2850;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #ff2850;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #f4002d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff8ea3;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #ff2850;
  background-color: #f2dede;
  border-color: #ff2850;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #43888f;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #43888f;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #43888f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #33676c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #78b9c0;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #43888f;
  background-color: #d9fff9;
  border-color: #43888f;
}
.help-block,
.help-inline {
  color: #565872;
}
.help-block {
  display: block;
  margin-bottom: 11px;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  border-radius: 0 1px 1px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 22px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #dcdcdf;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #5ae9d3;
  border-color: #149682;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 1px 0 0 1px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 1px 0 0 1px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  border-radius: 0 1px 1px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 1px 1px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  border-radius: 0 1px 1px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 1px 0 0 1px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 1px 1px 0;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0;
}
.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.control-group.error .controls input {
  margin-bottom: 0;
}
.control-label abbr {
  border: 0 none;
  color: #ff3823;
  font-size: 21px;
  font-weight: 300;
  text-decoration: none;
}
legend + .control-group {
  margin-top: 22px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 22px;
  margin-right: 10px;
  float: left;
}
.form-horizontal .control-label {
  float: left;
  width: -20;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  display: inline-block;
  *padding-left: 20px;
  margin-left: 0;
  *margin-left: 0;
}
.form-horizontal .controls:first-child {
  *padding-left: 0;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 11px;
}
.form-horizontal .form-actions {
  padding-left: 0;
}
.form-full-width input[type="text"],
.form-full-width input[type="password"],
.form-full-width input[type="datetime"],
.form-full-width input[type="datetime-local"],
.form-full-width input[type="date"],
.form-full-width input[type="month"],
.form-full-width input[type="time"],
.form-full-width input[type="week"],
.form-full-width input[type="number"],
.form-full-width input[type="email"],
.form-full-width input[type="url"],
.form-full-width input[type="search"],
.form-full-width input[type="tel"],
.form-full-width input[type="color"],
.form-full-width select,
.form-full-width textarea,
.form-full-width .undeditable-input {
  width: 100%;
  margin-bottom: 14px;
}
.form-full-width textarea {
  height: 200px;
  height: 197px;
  padding-top: 6px;
}
.form-full-width .control-group.boolean {
  position: relative;
  padding-left: 20px;
}
.form-full-width .control-group.boolean .controls .checkbox {
  position: absolute;
  left: 0;
  top: -1px;
}
.form-full-width .help-inline {
  padding: 5px 0 0 0;
  margin: 0 0 10px 0;
}
.form-credentials {
  margin: 0;
  text-align: left;
}
.form-credentials .forgot-password {
  float: right;
}
.form-credentials .control-group.boolean {
  position: relative;
}
.form-credentials .control-group.boolean .control-group {
  position: absolute;
  left: 0;
  top: 0;
}
.form-credentials .modal-extra-terms {
  color: #999;
  font-size: 12px;
  line-height: 17px;
  padding-left: 20px;
  margin: -2px 0 15px 0;
}
.form-credentials .tooltip-inner {
  background: #FF0423;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
.form-credentials .tooltip-arrow {
  border-top-color: #FF0423 !important;
}
.form-error {
  color: #c20e1a;
}
.form-error label {
  color: #c20e1a;
}
input.state-not-valid {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAyNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BcnRib2FyZCAyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkFydGJvYXJkLTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHBhdGggZD0iTTAsMCBMMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBaIE03LDExIEw5LDExIEw5LDEzIEw3LDEzIEw3LDExIFogTTcsMyBMOSwzIEw5LDEwIEw3LDEwIEw3LDMgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGMjYwMCI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
  background-color: #FACDCC !important;
  background-position: right 10px !important;
  border-color: #c20e1a !important;
  color: #c20e1a !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2) !important;
}
input.state-not-valid::placeholder {
  color: #c20e1a !important;
  opacity: 1;
}
input.state-not-valid:-ms-input-placeholder,
input.state-not-valid::-moz-placeholder,
input.state-not-valid::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c20e1a !important;
  opacity: 1;
}
textarea.state-not-valid,
select.state-not-valid {
  background-color: #FACDCC !important;
  border-color: #c20e1a !important;
  color: #c20e1a !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2) !important;
}
textarea.state-not-valid::placeholder,
select.state-not-valid::placeholder {
  color: @colorError !important;
  opacity: 1;
}
textarea.state-not-valid:-ms-input-placeholder,
select.state-not-valid:-ms-input-placeholder,
textarea.state-not-valid::-moz-placeholder,
select.state-not-valid::-moz-placeholder,
textarea.state-not-valid::-webkit-input-placeholder,
select.state-not-valid::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: @colorError !important;
  opacity: 1;
}
select.state-not-valid {
  background-color: #FACDCC !important;
  border-color: #c20e1a !important;
  color: #c20e1a !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2) !important;
}
.control-group.boolean.required.state-not-valid .control-label,
.required-checkbox.state-not-valid {
  color: #c20e1a;
}
.control-group.boolean.required.state-not-valid .control-label a,
.required-checkbox.state-not-valid a {
  color: currentColor;
  border-bottom-color: currentColor;
}
input.file-select,
.js-trigger-upload input {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: scale(4);
  -ms-transform: scale(4);
  transform: scale(4);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
.char-limit {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}
.char-limit a {
  color: #999;
  text-decoration: underline;
}
.char-limit a:hover {
  text-decoration: none;
}
.form-default .control-group {
  *zoom: 1;
}
.form-default .control-group:before,
.form-default .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-default .control-group:after {
  clear: both;
}
.form-default .control-label {
  float: left;
  width: 280px;
  min-height: 38px;
  padding: 8px 10px 3px 0;
  line-height: 22px;
}
.form-default .controls {
  float: left;
}
.form-default .controls.checkbox {
  min-height: 46px;
}
.form-default input[type="text"],
.form-default input[type="tel"],
.form-default input[type="email"],
.form-default input[type="password"] {
  width: 210px;
}
.form-default input[type="text"].state-not-valid,
.form-default input[type="tel"].state-not-valid,
.form-default input[type="email"].state-not-valid,
.form-default input[type="password"].state-not-valid {
  width: 182px;
}
.form-default input[type="checkbox"] {
  margin-top: 11px;
}
.form-default select {
  width: 211px;
  height: 35px;
  padding-bottom: 7px;
  padding-top: 7px;
  outline: none;
}
.form-default legend {
  font-weight: 300;
  line-height: 34px;
  margin-top: 30px;
  margin-bottom: 0;
}
.form-default legend:first-child {
  margin-top: 0;
}
.form-default fieldset fieldset {
  margin-top: 30px;
}
.form-default .actions {
  margin-top: 15px;
}
.login-signup-form {
  max-width: 360px;
  width: 100%;
  font-size: 14px;
  color: #fafafa;
  text-align: left;
  background: #000;
}
.login-signup-form a {
  color: #fafafa;
}
.login-signup-form label {
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  margin: 0;
}
.input--medium,
.input--medium[type] {
  height: 36px;
}
.auth-form__signup-impossible-group-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  display: none;
}
.auth-form__signup-impossible-group--show .auth-form__signup-impossible-group-overlay {
  display: block;
}
.auth-form__signup-impossible-group-message-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  flex-direction: column;
  display: none;
}
.auth-form__signup-impossible-group--show .auth-form__signup-impossible-group-message-container {
  display: flex;
}
.auth-form__signup-impossible-group-message {
  text-align: center;
}
.input-with-icon {
  position: relative;
}
.input-with-icon input[type="text"] {
  padding-right: 35px;
}
.input-with-icon [class^='icon-'],
.input-with-icon [class*=' icon-'] {
  position: absolute;
  top: 8px;
  right: 5px;
  padding: 0 5px 0 40px;
  font-size: 15px;
  line-height: 25px;
  color: #bbb;
  cursor: default;
  background-color: transparent;
  pointer-events: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 768px) {
  .modal-backdrop {
    background-color: #111116;
  }
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 1;
}
.modal {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity .3s linear, top .3s ease-out;
  border-radius: 2px;
  position: fixed;
  z-index: 2001;
  width: 100%;
  max-width: 480px;
  max-height: 100%;
  overflow-y: auto;
  background: #000000;
  color: #ffffff;
  box-shadow: 0 7px 20px -5px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  opacity: 0;
  z-index: -1;
}
.modal.fade.in {
  opacity: 1;
  z-index: 2001;
}
.modal--react .modal {
  padding: 32px;
  max-width: 620px;
}
.modal.modal--no-padding {
  padding: 0;
}
.modal--light {
  background: #ffffff;
  color: #111116;
}
.modal--inline {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  top: 0;
  left: 0;
}
.modal--auth {
  max-width: 400px;
}
.modal.modal--player,
.modal--player {
  background: #000;
}
.modal.modal--lg,
.modal--lg {
  padding: 0;
  width: 100%;
  max-width: 997px;
  max-width: 80vw;
}
@media only screen and (max-width: 768px) {
  .modal.modal--lg,
  .modal--lg {
    max-width: 100%;
  }
}
.modal--fluid {
  max-width: none;
  background: transparent;
  box-shadow: none;
}
.modal-header,
.modal__header {
  padding: 30px 30px 15px;
}
.modal-header .wrap-switch-modal,
.modal__header .wrap-switch-modal {
  font-size: 13px;
  color: #999;
  font-weight: normal;
  text-transform: none;
}
.modal-header .wrap-switch-modal a,
.modal__header .wrap-switch-modal a {
  color: #999;
  text-decoration: underline;
}
.modal-header .wrap-switch-modal a:hover,
.modal__header .wrap-switch-modal a:hover {
  text-decoration: none;
}
.modal-medium .modal-header,
.modal-medium .modal__header {
  font-size: 24px;
  font-weight: 500;
}
.modal__header {
  padding: 32px 32px 0 32px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .modal__header {
    padding: 64px 64px 0 64px;
  }
}
.modal__text-color,
.modal__text-color a,
.modal__header p,
.modal__header a {
  color: #99999c;
}
.modal__body {
  padding: 32px;
}
@media only screen and (min-width: 768px) {
  .modal__body {
    padding: 64px;
  }
}
.modal__header + .modal__body {
  padding-top: 8px;
}
@media only screen and (min-width: 768px) {
  .modal__header + .modal__body {
    padding-top: 16px;
  }
}
.modal-title {
  margin: 0;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
}
.modal-body {
  position: relative;
  padding: 0 30px 15px;
}
.modal-body:first-child {
  padding-top: 30px;
}
.modal-body:last-child {
  padding-bottom: 30px;
}
.bootbox .modal-body,
.modal-medium .modal-body {
  font-size: 19px;
  line-height: 1.6;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 15px 30px 30px;
  margin-bottom: 0;
  text-align: center;
}
.modal-footer[data-separator] {
  position: relative;
  border-top: 1px solid #424242;
  margin-top: 22.5px;
  padding-top: 22.5px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.modal-footer[data-separator]:after {
  content: attr(data-separator);
  position: absolute;
  top: -10px;
  left: 50%;
  padding: 0 5px;
  margin: 0 0 0 -18px;
  text-transform: uppercase;
  color: #dcdcdf;
  font-size: 16px;
  display: inline-block;
  background: #000000;
}
.modal-footer .btn + .btn {
  margin-left: 20px;
  margin-bottom: 0;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-close {
  transition: opacity .1s linear;
  float: right;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: -10px -10px 0 0;
  cursor: pointer;
  line-height: 18px;
  overflow: hidden;
  background: url(//cf.seditionart.com/assets/open_platform/icon-close-a9dc969089cdeea63733daa912e9f4c8.png) 50% 50% no-repeat;
  background-size: 16px 16px;
  text-decoration: none;
  border: 0;
  -webkit-appearance: none;
}
.modal-close:hover {
  opacity: 0.7;
}
.modal--react .modal-close {
  float: none;
  position: fixed;
  top: 32px;
  right: 32px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .modal--react .modal-close {
    background-color: #000;
    top: 0;
    right: 0;
    z-index: 2006;
  }
}
.modal-description {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 16px;
}
.modal-subtitle {
  margin-top: 10px;
  font-size: 18px;
  color: #555555;
}
.modal-subtitle p:last-child {
  margin-bottom: 0;
}
.modal-light {
  background-color: #ffffff;
  color: #000000;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
.modal-light .modal-close {
  background-image: url(//cf.seditionart.com/assets/open_platform/icon-close-dark-96381d030844a8373ed70f7937158583.png);
}
.modal-light .modal-title {
  font-family: inherit;
  color: inherit;
}
.modal-medium {
  max-width: 740px;
  overflow-y: visible;
  margin: 0 auto;
}
.modal-large {
  max-width: 840px;
}
.modal-fullpage {
  max-width: 1072px;
}
.modal-autoheight {
  height: auto !important;
  overflow-y: hidden !important;
}
.error-modal-portal {
  z-index: 2002;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 32px;
}
.table th,
.table td {
  padding: 10px;
  line-height: 22px;
  text-align: left;
  border-top: 1px solid #eaeaea;
}
.table th:not(.vam):not(.vab),
.table td:not(.vam):not(.vab) {
  vertical-align: top;
}
thead .table th,
thead .table td {
  font-size: 16px;
}
.table th {
  font-weight: 500;
}
thead .table th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
.table tbody:only-child tr:only-child td,
.table tbody:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #eaeaea;
}
.table .table {
  background-color: #ffffff;
}
.table--borderless td {
  border: 0;
}
.table-2 th {
  font-weight: bold;
}
.table-2 thead th,
.table-2 thead td {
  text-transform: uppercase;
  font-size: 13px;
  padding-bottom: 3px;
}
.table-2 a {
  transition: border-color .2s ease-in;
  color: #353646;
  border-bottom: 1px solid #dcdcdf;
}
.table-2 a:hover {
  border-bottom-color: #99999c;
  text-decoration: none;
}
.table--semi-bordered thead th:first-child,
.table--semi-bordered tbody th:first-child,
.table--semi-bordered thead td:first-child,
.table--semi-bordered tbody td:first-child {
  padding-left: 0;
}
.table--semi-bordered thead th:last-child,
.table--semi-bordered tbody th:last-child,
.table--semi-bordered thead td:last-child,
.table--semi-bordered tbody td:last-child {
  padding-right: 0;
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  text-decoration: none;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.dropdown-toggle.btn {
  position: relative;
  padding-left: 15px;
  padding-right: 25px;
  min-width: 140px;
  text-align: left;
  text-shadow: none;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1037;
  display: none;
  float: left;
  min-width: 180px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  font-size: 14px;
}
.dropdown-menu li {
  color: #99999c;
  cursor: pointer;
}
.dropdown-menu .active,
.dropdown-menu li:hover {
  color: #111116;
  background-color: #fafafa;
}
.dropdown-menu a {
  display: block;
  padding: 6px 13px;
  clear: both;
  line-height: 22px;
  white-space: nowrap;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: inherit;
}
.dropdown-menu a:focus,
.dropdown-menu a:hover {
  text-decoration: none;
  outline: 0;
  color: inherit;
}
.open > .dropdown-menu {
  display: block;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
}
.typeahead.dropdown-menu {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  padding-top: 0;
  padding-bottom: 0;
}
.typeahead.dropdown-menu li a {
  font-weight: 500;
  font-size: 13px;
}
.typeahead.dropdown-menu li strong {
  font-weight: 500;
}
.dropdown-select-2 {
  line-height: 40px;
  display: inline-block;
}
.dropdown-select-2 .btn.dropdown-toggle {
  background: none;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
}
.dropdown-select-2 .btn.dropdown-toggle .caption {
  float: left;
}
.dropdown-select-2 .btn.dropdown-toggle .dropdown-caret {
  width: 20px;
  height: 21px;
  border-radius: 3px;
  margin: -1px 0 0 12px;
  background: #fff;
  border: 0 none;
  display: block;
  float: left;
  text-align: center;
  transition: background-color .1s;
}
.dropdown-select-2 .btn.dropdown-toggle .dropdown-caret .icon-arrow-down {
  font-size: 10px;
  line-height: 24px;
  color: #999;
  transition: color .1s;
}
.dropdown-select-2 .btn.dropdown-toggle:hover .dropdown-caret {
  background: #111111;
}
.dropdown-select-2 .btn.dropdown-toggle:hover .icon-arrow-down {
  color: #fff;
}
.dropdown-select-2 .btn.dropdown-toggle:active {
  box-shadow: none;
}
.dropdown-select-2 .dropdown-menu {
  padding: 0;
  margin: 0 0 0 -10px;
}
.dropdown-select-2 .dropdown-menu a {
  line-height: 28px;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  margin: 0;
  transition: color .1s, background-color .1s;
}
.dropdown-select-2 .dropdown-menu li:last-child {
  border-bottom: 0 none;
}
.dropdown-select-2 .dropdown-menu .active,
.dropdown-select-2 .dropdown-menu li:hover {
  background: #d9fff9;
  color: #111111;
  margin: 0;
}
.user-dropdown li {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  min-height: 48px;
}
.user-dropdown li img {
  width: 40px;
  position: absolute;
  top: 4px;
  left: 4px;
}
.user-dropdown li a {
  padding: 0 0 0 52px;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu--dark {
  margin-top: -1px;
  padding: 7px 0;
  background: #2b2b2b;
  border: 0 none;
  min-width: 100%;
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1);
}
.dropdown-menu--dark li,
.dropdown-menu--dark li:hover {
  background-color: transparent;
}
.dropdown-menu--dark > li > a {
  transition: background .1s ease-in, color .1s ease-in;
  text-transform: uppercase;
  padding: 10px 45px 10px 15px;
  color: #99999C;
  background: none;
}
.dropdown-menu--dark > li > a:hover {
  color: #fff;
  background: #11111c;
}
.dropdown-menu--dark > li.selected > a {
  color: #fff;
}
.dropdown-menu--dark > li.featured > a {
  position: relative;
}
.dropdown-menu--dark > li.featured > a:before {
  width: 4px;
  height: 4px;
  overflow: hidden;
  font-size: 0;
  margin-top: -2px;
  position: absolute;
  right: 17px;
  top: 50%;
  content: '';
  background: #ff2850;
}
.alert {
  position: relative;
  padding: 12px 16px;
  background-color: #fcf8e3;
  color: #c09853;
  font-size: 14px;
  z-index: 1035;
  border-radius: 1px;
  font-weight: 500;
  text-align: left;
  display: flex;
}
.alert h1,
.alert h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.alert a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  line-height: 1.15em;
  line-height: inherit;
}
.alert a:hover {
  color: inherit;
  text-decoration: none;
}
.alert a:hover,
.alert a:hover .link-border__content {
  border-bottom-color: #dcdcdf;
}
.standfirst .alert a:hover {
  color: currentColor;
}
.alert a .link-border__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
}
.btn--text .alert a {
  line-height: 1;
}
.key-value .alert a,
.alert a.key-value {
  padding-bottom: 0;
}
.alert p {
  margin: 0;
}
.alert ul {
  margin: 0;
}
.alert ul li {
  list-style: disc;
  margin-left: 18px;
}
.body--has-transparent-navigation .container--alert {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  width: 100%;
  z-index: 1035;
}
.alert__content {
  flex-grow: 1;
}
.alert__close {
  color: #111116;
}
.alert__close:hover:before {
  color: #555555;
}
.alert--success {
  background-color: #dff0d8;
  color: #468847;
}
.alert--success a:hover {
  border-bottom-color: rgba(70, 136, 71, 0.3);
}
.alert--error {
  background-color: #f2dede;
  color: #ff2850;
}
.alert--error a:hover {
  border-bottom-color: rgba(255, 40, 80, 0.3);
}
.alert--info {
  background-color: #d9fff9;
  color: #43888f;
}
.alert--info a:hover {
  border-bottom-color: rgba(67, 136, 143, 0.3);
}
.label {
  display: inline;
  padding: .4em 0 .3em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1.2em;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  text-transform: uppercase;
}
.label[href] {
  text-decoration: underline;
}
.label[href]:hover,
.label[href]:focus {
  color: #444;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label--status {
  position: relative;
  background: none;
  padding-left: 11px;
}
.label--status:before {
  content: ' ';
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #99999c;
  display: block;
}
.label--success:before {
  background: #00c49d;
}
.label--wait_for_invoice:before,
.label--submitted:before {
  background: #f89406;
}
.label--terminated:before,
.label--incomplete:before {
  background: #9d261d;
}
.label--paid:before,
.label--approved:before {
  background: #149682;
}
.site-logo {
  display: inline-block;
  width: 142px;
  height: 36px;
  overflow: hidden;
  background: url(//cf.seditionart.com/assets/logo-e014ff2ba51080abc71beb41daac75a2.svg) no-repeat;
  background-size: contain;
}
.navigation {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: color 0.2s;
  position: relative;
  height: 80px;
  background: #111116;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-size: 16px;
  color: #99999c;
  z-index: 1037;
}
.navigation button {
  color: inherit;
  background-color: inherit;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation {
    height: 64px;
  }
  .body--light.is-account-menu-open .layout--responsive .navigation,
  .body--light.is-main-menu-open .layout--responsive .navigation {
    background-color: #fafafa;
  }
}
.navigation .langs {
  width: 40px;
  float: right;
  padding-top: 1.4em;
  font-size: 0.8em;
}
.navigation .langs a {
  transition: color 0.2s;
  color: #99999C;
  margin-right: 10px;
}
.navigation .langs a.selected,
.navigation .langs a:hover {
  color: #fff;
  text-decoration: none;
}
.navigation .langs a.selected {
  font-weight: bold;
}
.navigation .langs .body--dark a.selected,
body--black .navigation .langs a.selected {
  color: #ffffff;
}
.body--light .navigation .langs a.selected {
  color: #111116;
}
.body--light .navigation .langs a:hover {
  color: #000;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation .langs {
    display: none;
  }
}
.navigation--light,
.navigation--white {
  color: #ffffff;
}
.navigation--dark .navigation-menu__toggle,
.navigation--dark .navigation-menu__toggle-icon {
  color: #111116;
}
@media only screen and (min-width: 1171px) {
  .navigation--dark {
    color: #111116;
  }
}
.navigation--dark .navigation__logo {
  background-image: url(//cf.seditionart.com/assets/logo-dark-b441378203e250ec53775ff063541ac9.svg);
}
.navigation--dark .langs > a {
  color: #111116;
}
.navigation--dark .langs > a:hover {
  color: #111116;
}
.navigation--dark .langs > a.selected {
  color: #111116;
}
.navigation--transparent {
  background-color: transparent;
}
.is-account-menu-open .navigation--transparent,
.is-main-menu-open .navigation--transparent {
  background-color: #111116;
}
.is-account-menu-open .navigation-menu__toggle,
.is-main-menu-open .navigation-menu__toggle,
.is-account-menu-open .navigation-menu__toggle-icon,
.is-main-menu-open .navigation-menu__toggle-icon {
  color: #ffffff;
}
.navigation__logo {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
}
.body--light .navigation__logo {
  background-image: url(//cf.seditionart.com/assets/logo-dark-b441378203e250ec53775ff063541ac9.svg);
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation__logo {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .layout--responsive .navigation__logo {
    width: 88px;
    height: 26px;
  }
}
.navigation-menu__toggle {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  border: 0;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.body--light .navigation-menu__toggle {
  color: #111116;
}
.is-main-menu-open .navigation-menu__toggle,
.is-account-menu-open .navigation-menu__toggle {
  color: #ffffff;
}
.is-main-menu-open .navigation-menu__toggle--main {
  color: #ffffff;
}
.is-account-menu-open .navigation-menu__toggle--account {
  color: #ffffff;
}
.navigation-menu__toggle--menu {
  left: 0;
  padding-left: 32px;
}
@media only screen and (max-width: 576px) {
  .navigation-menu__toggle--menu {
    padding-left: 16px;
  }
}
.is-main-menu-open .navigation-menu__toggle--menu {
  color: #ffffff;
}
.body--light.is-main-menu-open .navigation-menu__toggle--menu {
  color: #111116;
}
.body--light.is-main-menu-open .navigation-mobile-item .navigation-menu__toggle--menu {
  color: #ffffff;
}
.navigation-menu__toggle--account {
  padding-right: 32px;
  right: 0;
}
@media only screen and (max-width: 576px) {
  .navigation-menu__toggle--account {
    padding-right: 16px;
  }
}
.is-account-menu-open .navigation-menu__toggle--account {
  color: #ffffff;
}
.body--light.is-account-menu-open .navigation-menu__toggle--account {
  color: #111116;
}
.body--light.is-account-menu-open .navigation-mobile-item .navigation-menu__toggle--account {
  color: #ffffff;
}
.navigation-menu__toggle-icon {
  font-size: 17px;
  line-height: 1;
  vertical-align: middle;
  margin: 0 6px 0 0;
  display: inline-block;
}
.navigation-menu__toggle--account .navigation-menu__toggle-icon {
  margin: 0 0 0 6px;
}
.navigation-menu__toggle-icon.icon-up {
  display: none;
}
.is-account-menu-open .navigation-menu__toggle-icon.icon-down {
  display: none;
}
.is-account-menu-open .navigation-menu__toggle-icon.icon-up {
  display: inline-block;
}
.navigation-menu__items {
  display: block;
  position: relative;
  margin: 0;
  list-style: none;
  float: right;
  font-weight: 500;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-menu__items {
    position: absolute;
    float: none;
    top: 100%;
    left: 0;
    right: 0;
    background: #111116;
    display: none;
  }
  .body--light .layout--responsive .navigation-menu__items {
    background: #fafafa;
  }
}
.navigation-menu__items--right {
  text-align: right;
}
.navigation-menu__item {
  position: relative;
  float: left;
  list-style: none;
}
.navigation-menu__item:hover {
  background-color: #2c2c2c;
  color: #ffffff;
}
.navigation-menu__item:hover > .dropdown-menu {
  display: block;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-menu__item {
    float: none;
    display: block;
    letter-spacing: 0.08em;
  }
  .layout--responsive .navigation-menu__item:hover {
    background: #222222;
  }
  .layout--responsive .navigation-menu__item:hover > .dropdown-menu {
    display: none;
  }
  .body--light .layout--responsive .navigation-menu__item:hover {
    background: transparent;
    color: #111116;
  }
}
.navigation-menu__item--active {
  color: #ffffff;
}
.body--light .navigation-menu__item--active {
  color: #111116;
}
.body--light .navigation-mobile-item .navigation-menu__item--active {
  color: #ffffff;
}
@media only screen and (min-width: 1171px) {
  .navigation-menu__item--cta {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    color: #ffffff;
  }
  .navigation-menu__item--cta:hover {
    background: none;
  }
  .navigation-menu__item--cta .navigation-menu__link {
    padding-top: 2px;
    padding-bottom: 0;
    border-radius: 1px;
    background: #333336;
  }
  .navigation-menu__item--cta .navigation-menu__link:hover {
    background: #222222;
  }
  .body--light .navigation-menu__item--cta .navigation-menu__link {
    background-color: #fafafa;
    color: #99999c;
  }
  .body--light .navigation-menu__item--cta .navigation-menu__link:hover {
    background-color: #161619;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#111114), color-stop(50%, #111114), to(#2c2c2c));
    background-image: -webkit-linear-gradient(#111114, #111114 50%, #2c2c2c);
    background-image: linear-gradient(#111114, #111114 50%, #2c2c2c);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff111114', endColorstr='#ff2c2c2c', GradientType=0);
    color: #ffffff;
  }
}
.navigation-menu__link {
  display: block;
  padding: 20px 15px;
  line-height: 40px;
  vertical-align: middle;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-menu__link {
    padding-left: 40px;
  }
}
.navigation-menu__link .navigation-menu__lang {
  padding: 20px 0;
  color: #99999c;
  display: block;
  width: 50%;
  height: 100%;
  text-align: center;
}
.navigation-menu__link .navigation-menu__lang.selected {
  color: #ffffff;
  background: #222225;
}
.navigation-menu__link.navigation-menu__link--lang {
  display: flex;
  padding: 0;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-menu__items--right .navigation-menu__link {
    padding-left: 0;
    padding-right: 40px;
  }
}
.navigation-menu__link.selected {
  color: #ffffff;
}
.navigation-menu__link:hover {
  color: inherit;
  text-decoration: none;
}
.body--light .navigation-menu__link.selected {
  color: #111116;
}
.body--light .navigation-menu__link.selected:hover {
  color: #ffffff;
}
.navigation-menu__link[data-tag]::after {
  position: relative;
  display: inline-block;
  vertical-align: 1.1em;
  content: attr(data-tag);
  color: #ff2850;
  line-height: 1;
  font-size: 0.5em;
  margin-left: 0.35em;
}
.navigation-menu__link--cta {
  color: #ff2850;
}
.navigation-menu__link--cta:hover {
  color: #e91f45;
}
.navigation-menu__link--fb {
  color: #3c5b96;
}
.navigation-menu__link--fb:hover {
  color: #365388;
}
.navigation-menu__avatar {
  margin-right: 3px;
}
.navigation-menu__link--avatar img {
  overflow: hidden;
  border-radius: 2px;
  width: 40px;
  height: 40px;
}
.navigation-menu__link--avatar img > img {
  border-radius: 2px;
  display: inline-block;
}
.navigation-menu__link--avatar img > img {
  border-radius: 2px;
  display: inline-block;
}
.navigation-menu__link--icon:before {
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 1px;
  speak: none;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
}
.navigation-menu__link--icon:not(:empty):before {
  margin-right: 0.5em;
}
.navigation-menu__link--cart:before {
  content: "\e900";
}
.navigation-menu__link--search:before {
  content: "\e019";
}
.widget-search-toolbar--is-active .navigation-menu__link--search {
  background-color: #2c2c2c;
  color: #ffffff;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-menu__desktop-item {
    display: none;
  }
}
.navigation-mobile-item {
  display: none;
}
@media only screen and (max-width: 1171px) {
  .layout--responsive .navigation-mobile-item {
    display: block;
  }
}
.navigation-toolbar {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.navigation--black {
  background: #000000;
}
.vault-navigation__item {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  font-size: 21px;
  line-height: 1.3;
  display: inline-block;
  color: #99999c;
  border-bottom: 2px solid transparent;
}
.vault-navigation__item:hover,
.vault-navigation__item:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
}
.vault-navigation__item--active {
  color: #ffffff;
  border-color: #ff2850;
}
.vault-navigation__item--secondary {
  font-size: 18px;
}
.vault-player-modal {
  position: absolute;
  top: 20%;
  left: 10%;
  right: 10%;
  bottom: 20%;
  background: none;
  overflow: none;
}
.vault-player-modal__overlay {
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.body-background {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: fixed;
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.body-background--loaded {
  opacity: .15;
}
.segmented-nav {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
}
.segmented-nav li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.segmented-nav li + li {
  margin-left: 16px;
}
.segmented-nav a,
.segmented-nav__item {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #111116;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.01em;
  line-height: 37px;
  display: inline-block;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
}
.segmented-nav a:hover,
.segmented-nav__item:hover {
  border-bottom-color: #111116;
}
.segmented-nav a .count,
.segmented-nav__item .count {
  position: relative;
  top: -6px;
  margin-left: 1px;
  font-size: 11px;
  line-height: 1;
  display: inline-block;
  font-weight: bold;
}
.segmented-nav a.selected,
.segmented-nav__item.selected {
  text-decoration: none;
  font-weight: 500;
  cursor: default;
  border-bottom-color: #111116;
}
.progress {
  overflow: hidden;
  height: 4px;
  margin-bottom: 22px;
  background: #fafafa;
}
.progress .bar {
  transition: width 0.6s ease;
  width: 0%;
  height: 100%;
  background: #00c49d;
}
.full-page-slider {
  height: 600px;
  position: relative;
  overflow: hidden;
}
.full-page-slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .4s linear;
  z-index: 10;
}
.full-page-slider .slide.active {
  opacity: 1;
  z-index: 20;
}
.full-page-slider .slide.fade-in {
  opacity: 1;
}
.wish .active {
  display: none;
}
.wish .icon-heart {
  color: #ff2850;
}
.wish.is-active .active {
  display: block;
}
.wish.is-active .inactive {
  display: none;
}
/**
 * Component for displaying actions on thumbnails (avatars, artworks, etc.)
 */
.card-action {
  transition: opacity .3s ease-out;
  position: absolute !important;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  opacity: 0;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 1px;
  display: block;
  cursor: pointer;
  outline: 0;
}
.card-action:hover {
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 576px) {
  .card-action {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
}
body.user-can-touch .card-action {
  opacity: 1;
}
.action-icon {
  position: relative;
}
.action-icon__glymph {
  transition: color .2s ease-in;
  margin-top: 2px;
}
.is-active .action-icon__glymph {
  color: #00c49d;
}
.is-active .action-icon__glymph--alt {
  color: #ff2850;
}
.notification-callout {
  transition: transform .8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translate(calc(130%), 0);
  -ms-transform: translate(calc(130%), 0);
  transform: translate(calc(130%), 0);
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100%;
  max-width: 480px;
  padding: 25px 25px 20px;
  z-index: 1011;
  background: #ECF1ED;
  color: #111116;
}
.notification-callout .headline:after {
  position: relative;
  top: -1px;
  margin-left: 5px;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #19ad82;
  display: inline-block;
}
@media only screen and (max-width: 576px) {
  .notification-callout {
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
  }
}
.notification-callout--active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.notification-callout__close {
  position: absolute;
  top: 22px;
  right: 22px;
}
.notification-callout__close:hover {
  color: #555555;
}
.rs-slider {
  position: relative;
}
.rs-slider .rs-tooltip {
  display: none;
}
.rs-slider .rs-tooltip.rs-tooltip-placement-top .rs-tooltip-arrow {
  margin: auto;
  left: 0;
  right: 0;
}
.rs-slider-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.rs-slider-disabled .rs-slider-bar,
.rs-slider-disabled .rs-slider-handle::before {
  cursor: not-allowed;
}
.rs-slider-with-mark:not(&-vertical) {
  margin-bottom: 29px;
}
.rs-slider-mark {
  position: absolute;
  top: 12px;
  left: -2px;
  white-space: nowrap;
}
.rs-slider-mark-content {
  margin-left: -50%;
}
.rs-slider-last-mark {
  left: auto;
  right: -2px;
}
.rs-slider-last-mark .rs-slider-mark-content {
  margin-left: 50%;
}
.rs-slider-bar {
  height: 3px;
  border-radius: 2px;
  background-color: #dcdcdf;
  cursor: pointer;
}
.rs-slider-bar:hover {
  background-color: #dcdcdf;
}
.rs-slider-vertical .rs-slider-bar {
  height: 100%;
  width: 3px;
}
.rs-slider-graduator {
  width: 100%;
}
.rs-slider-graduator ul,
.rs-slider-graduator li {
  list-style: none;
}
.rs-slider-graduator > ul {
  display: flex;
  padding-left: 0;
  width: 100%;
}
.rs-slider-graduator > ul > li {
  flex: 1 1 1%;
  position: relative;
}
.rs-slider-graduator > ul > li:last-child::after,
.rs-slider-graduator > ul > li::before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00c49d;
  box-sizing: border-box;
  border: 2px solid #00c49d;
  margin-left: -4px;
  top: -1px;
  transition: border-color 0.3s ease-in;
}
.rs-slider-vertical .rs-slider-graduator > ul > li:last-child::after,
.rs-slider-vertical .rs-slider-graduator > ul > li::before {
  top: -4px;
  margin-left: -1px;
}
.rs-slider-graduator > ul > li:last-child::after {
  right: -4px;
}
.rs-slider-vertical .rs-slider-graduator > ul > li:last-child::after {
  left: 0;
  top: auto;
  bottom: -4px;
}
.rs-slider-graduator > ul > li.rs-slider-pass::before {
  border-color: #00c49d;
}
.rs-slider-graduator > ul > li.rs-slider-active::before {
  visibility: hidden;
}
.rs-slider-vertical .rs-slider-graduator {
  display: block;
  height: 100%;
}
.rs-slider-vertical .rs-slider-graduator > ul {
  width: 3px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
.rs-slider-vertical .rs-slider-graduator > ul > li {
  display: block;
  padding: 0;
}
.rs-slider-progress-bar {
  position: absolute;
  height: 3px;
  border-radius: 1.5px 0 0 1.5px;
  background-color: #111116;
}
.rs-slider-vertical .rs-slider-progress-bar {
  width: 3px;
  border-radius: 1.5px 1.5px 0 0;
}
.rs-slider-handle {
  position: absolute;
  top: -50%;
  margin-top: -3px;
}
.rs-slider-handle::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #111116;
  background-color: #111116;
  margin-left: -6px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.rs-slider-handle:hover::before {
  box-shadow: 0 0 0 4px rgba(0, 196, 157, 0.4);
}
.rs-slider-handle.active.rs-slider-handle::before {
  box-shadow: none;
  transform: scale(1.2);
}
.rs-slider-vertical .rs-slider-handle::before {
  left: 4.5px;
  margin-top: -6px;
}
.rs-slider-handle:hover .rs-tooltip,
.rs-slider-handle.active .rs-tooltip {
  display: block;
  opacity: 1;
  top: -30px;
}
.rs-slider-vertical .rs-slider-handle:hover .rs-tooltip,
.rs-slider-vertical .rs-slider-handle.active .rs-tooltip {
  top: -33px;
  margin-left: 3px;
}
.rs-slider-vertical {
  height: 100%;
}
.rs-slider-vertical .rs-slider-mark {
  top: -8px;
  left: 12px;
}
.rs-slider-vertical .rs-slider-mark-content {
  margin-left: auto;
}
.rs-slider-vertical .rs-slider-last-mark {
  top: auto;
  bottom: -8px;
}
.link-border {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  line-height: 1.15em;
}
.link-border:hover {
  color: inherit;
  text-decoration: none;
}
.link-border:hover,
.link-border:hover .link-border__content {
  border-bottom-color: #dcdcdf;
}
.standfirst .link-border:hover {
  color: currentColor;
}
.link-border .link-border__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
}
.btn--text .link-border {
  line-height: 1;
}
.key-value .link-border,
.link-border.key-value {
  padding-bottom: 0;
}
.link-border--white {
  color: #ffffff;
}
.link-border--dark {
  color: #111116;
}
.link-border--child {
  border-bottom: 0;
}
.link-border--child > span {
  border-bottom: 1px solid;
}
.link-border--child > .link-border-none {
  border-bottom-color: transparent;
}
.link-border--more,
.link-border--back {
  border-bottom: 0;
  white-space: nowrap;
}
.link-border--more .link-border__content,
.link-border--back .link-border__content {
  border-bottom: 1px solid;
  white-space: normal;
}
.link-border--more:after,
.link-border--back:after {
  content: "\00a0›";
  border-bottom-color: transparent;
}
.link-border--back:after {
  display: none;
}
.link-border--back:before {
  content: "‹\00a0";
  border-bottom-color: transparent;
}
.link-border--danger:hover {
  color: #ff3823;
}
.tooltip {
  position: relative;
  font-size: 14px;
  line-height: 1.6;
  pointer-events: none;
  z-index: 2000;
  margin-bottom: 4px;
}
.tooltip[data-placement='top'] {
  margin-bottom: 5px;
}
.tooltip[data-placement='bottom'] {
  margin-top: 5px;
}
.tooltip[data-placement='left'] {
  margin-right: 5px;
}
.tooltip[data-placement='right'] {
  margin-left: 5px;
}
.tooltip--invisible {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .tooltip--invisible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.tooltip--centered {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tooltip__inner {
  max-width: 200px;
  padding: 6px 16px 4px;
  color: #ffffff;
  text-align: center;
  background-color: #111116;
  border-radius: 2px;
}
.tooltip--white .tooltip__inner {
  background-color: #ffffff;
  color: black;
}
.tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tooltip[data-placement='top'] .tooltip__arrow {
  bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #111116;
}
.tooltip--white[data-placement='top'] .tooltip__arrow {
  border-top-color: #ffffff;
}
.pagination {
  margin: 0 0 32px;
  overflow: hidden;
}
.pagination.auto-load .btn-load-more,
.pagination.auto-load .page-number {
  display: none;
}
.pagination ul {
  margin: 0;
}
.pagination li {
  display: inline-block;
}
.pagination li.next,
.pagination li.previous,
.pagination li.prev {
  text-transform: uppercase;
}
.pagination li.previous.disabled,
.pagination li.prev.disabled {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .pagination li.previous.disabled,
.children-visible-on-hover:hover .pagination li.prev.disabled {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.pagination li.next.disabled {
  display: none;
}
.pagination li.previous a,
.pagination li.next a {
  padding-left: 8px;
  padding-right: 8px;
}
.pagination li + li {
  margin-left: 6px;
}
.pagination a:focus {
  outline: none;
}
.pagination a,
.pagination li.active span {
  display: inline-block;
  height: 27px;
  min-width: 32px;
  border: 3px solid transparent;
  font-weight: 500;
  text-align: center;
  padding-top: 5px;
  box-sizing: content-box;
  color: #99999c;
}
.pagination a:hover,
.pagination li.active span:hover {
  border-color: #f6f7f8;
  color: #111116;
}
.pagination li.selected,
.pagination li.active {
  cursor: default;
}
.pagination li.selected a,
.pagination li.active a,
.pagination li.selected span,
.pagination li.active span {
  border-color: #f6f7f8;
  color: #111116;
}
/**
 * Studio
 */
.section-container {
  margin-top: 44px;
  margin-bottom: 44px;
}
.section-container-bottom {
  margin-bottom: 44px;
}
.section-header {
  position: relative;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 22px;
}
/**
 * Thank you page when author fills his profile for the fist time.
 */
.section-thank-you {
  position: relative;
  padding: 100px 0 0 0;
  background: url(//cf.seditionart.com/assets/open_platform/icon-check-turquoise-ce5936a87f84471925060379a71140d6.png) no-repeat top center;
  text-align: center;
}
.section-thank-you h1 {
  padding-bottom: 60px;
}
.section-thank-you h1:after {
  content: ' ';
  position: absolute;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  margin-top: 35px;
  border-top: 1px solid #111;
  display: block;
}
.section-thank-you p {
  font-size: 18px;
  margin: 20px 0 0 0;
}
.section-thank-you .btn {
  margin-top: 40px;
}
/**
 * Artwork list.
 */
.artwork-list-container {
  border-bottom: 1px solid #fafafa;
}
.artwork-status {
  position: absolute;
  top: 0;
  left: 0;
  background: #111;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.artwork-list-item {
  position: relative;
  margin-bottom: 32px;
}
.artwork-list-item .info-pending {
  position: relative;
  color: #ff2850;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 0;
}
.artwork-list-item .info-pending:before {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -9px 0 0 0;
  font-size: 16px;
  line-height: 16px;
  color: #ff2850;
}
.artwork-list-item .action-buttons {
  width: 750px;
}
.artwork-list-item .action-buttons > * {
  float: left;
  margin: 0 20px 0 0;
}
.artwork-list-item .action-buttons .pull-right {
  float: right;
  margin: 0;
}
.artwork-list-item:last-child {
  margin-bottom: 0;
}
/**
 * Artwork edit.
 */
.artwork-edit .control-label abbr {
  display: none;
}
.artwork-edit .thumbnail {
  position: absolute;
  top: 0px;
  left: 0;
  width: 315px;
}
.artwork-edit .futurefest-pricing {
  margin-top: 5px;
  font-size: 14px !important;
  width: 85%;
}
.artwork-edit .futurefest-section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.artwork-edit .pricing-section {
  border-top: 1px solid #eee;
}
.artwork-edit .pricing-section .edition-option {
  position: relative;
  background: #fff;
  padding: 5px;
  border: 4px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  color: #adadad;
  cursor: pointer;
}
.artwork-edit .pricing-section .edition-option.active,
.artwork-edit .pricing-section .edition-option.active:hover {
  color: #111111;
  border-color: #00c49d;
}
.artwork-edit .pricing-section .edition-option.active .edition-size,
.artwork-edit .pricing-section .edition-option.active:hover .edition-size,
.artwork-edit .pricing-section .edition-option.active .edition-price,
.artwork-edit .pricing-section .edition-option.active:hover .edition-price,
.artwork-edit .pricing-section .edition-option.active .edition-revenue,
.artwork-edit .pricing-section .edition-option.active:hover .edition-revenue,
.artwork-edit .pricing-section .edition-option.active .edition-select,
.artwork-edit .pricing-section .edition-option.active:hover .edition-select {
  background: #d9f6f0;
}
.artwork-edit .pricing-section .edition-option.active .edition-select .selected-pricing,
.artwork-edit .pricing-section .edition-option.active:hover .edition-select .selected-pricing {
  display: block;
}
.artwork-edit .pricing-section .edition-option.active .edition-select .select-pricing,
.artwork-edit .pricing-section .edition-option.active:hover .edition-select .select-pricing {
  display: none;
}
.artwork-edit .pricing-section .edition-option:hover {
  border-color: #ddd;
}
.artwork-edit .pricing-section .edition-option.disabled,
.artwork-edit .pricing-section .edition-option.disabled:hover {
  border: none;
  background: #fff;
  cursor: default;
}
.artwork-edit .pricing-section .edition-option.disabled .edition-option-inner,
.artwork-edit .pricing-section .edition-option.disabled:hover .edition-option-inner {
  opacity: 0.5;
}
.artwork-edit .pricing-section .edition-option .edition-size,
.artwork-edit .pricing-section .edition-option .edition-price,
.artwork-edit .pricing-section .edition-option .edition-revenue,
.artwork-edit .pricing-section .edition-option .edition-select {
  padding: 12px 0;
  float: left;
  width: 48.9%;
  background: #f6f7f8;
  text-align: center;
}
.artwork-edit .pricing-section .edition-option .edition-size b,
.artwork-edit .pricing-section .edition-option .edition-price b,
.artwork-edit .pricing-section .edition-option .edition-revenue b,
.artwork-edit .pricing-section .edition-option .edition-select b {
  display: block;
  margin: 2px 0;
  font-size: 21px;
  font-weight: 300;
  color: #111111;
}
.artwork-edit .pricing-section .edition-option .edition-size h3,
.artwork-edit .pricing-section .edition-option .edition-price h3,
.artwork-edit .pricing-section .edition-option .edition-revenue h3,
.artwork-edit .pricing-section .edition-option .edition-select h3 {
  color: #111111;
}
.artwork-edit .pricing-section .edition-option .edition-price {
  float: right;
}
.artwork-edit .pricing-section .edition-option .edition-revenue {
  margin: 5px 0 0 0;
  width: 100%;
}
.artwork-edit .pricing-section .edition-option .edition-revenue h3 {
  font-size: 36px;
  font-weight: 700;
}
.artwork-edit .pricing-section .edition-option .edition-select {
  margin: 5px 0 0 0;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}
.artwork-edit .pricing-section .edition-option .edition-select .select-pricing {
  display: block;
}
.artwork-edit .pricing-section .edition-option .edition-select .selected-pricing {
  display: none;
  margin: 0;
  background: none;
  color: #00c49d;
  text-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
}
.artwork-edit .pricing-section .edition-option .edition-select .selected-pricing:before {
  color: #00c49d;
  margin-left: -22px;
}
.artwork-edit .pricing-section .unavailable-edition-option-info {
  color: #999;
  text-shadow: none;
  background: none;
}
.artwork-edit .pricing-section .unavailable-edition-option-info:hover {
  background: none;
}
.artwork-edit.artwork-state-published .select-pricing {
  background: #dcdcdf !important;
  text-shadow: none;
}
.js-trigger-upload {
  position: relative;
  overflow: hidden;
}
/**
 * Modal box for file uploads.
 */
#artwork-upload-list {
  background: #ffffff;
  color: #111111;
  width: 867px;
  max-width: none;
}
#artwork-upload-list .upload-list-header {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  background: url(//cf.seditionart.com/assets/open_platform/studio/separator-747-0462c2eb4f1fb1183925fca98a82b501.png) no-repeat left bottom;
}
#artwork-upload-list .upload-list-header h1 {
  font-size: 24px;
  text-align: center;
}
#artwork-upload-list .upload-list-header p {
  text-align: center;
  color: #999;
}
#artwork-upload-list .modal-body {
  padding: 40px 60px;
}
#artwork-upload-list .fu-view {
  margin-bottom: 20px;
  padding: 10px 50px 10px 0;
  position: relative;
}
#artwork-upload-list .fu-view[data-state="pending-selection"] {
  display: none;
}
#artwork-upload-list .fu-view[data-state="file-selected"] {
  display: block;
}
#artwork-upload-list .fu-view[data-state="complete"] .fu-cancel {
  display: none;
}
#artwork-upload-list .fu-view[data-state="failed"],
#artwork-upload-list .fu-view[data-state="canceled"] {
  display: block;
}
#artwork-upload-list .fu-view[data-state="failed"] .fu-cancel,
#artwork-upload-list .fu-view[data-state="canceled"] .fu-cancel {
  display: none;
}
#artwork-upload-list .fu-view[data-state="failed"] .fu-filesize,
#artwork-upload-list .fu-view[data-state="canceled"] .fu-filesize,
#artwork-upload-list .fu-view[data-state="failed"] .upload-info,
#artwork-upload-list .fu-view[data-state="canceled"] .upload-info {
  transition: color linear .4s;
  color: #fafafa;
}
#artwork-upload-list .upload-info {
  position: relative;
  overflow: hidden;
  padding: 0 0 30px 0;
}
#artwork-upload-list .upload-info .fu-status {
  color: #99999c;
  font-size: 12px;
  text-transform: uppercase;
}
#artwork-upload-list .upload-info .fu-filename {
  float: left;
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-style: italic;
  font-size: 19px;
  width: 400px;
  word-wrap: break-word;
}
#artwork-upload-list .upload-info .bytes-uploaded {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #99999c;
}
#artwork-upload-list .upload-info .time-remaining {
  position: relative;
  top: 5px;
  font-size: 15px;
  float: right;
}
#artwork-upload-list .upload-info .progress {
  clear: both;
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}
#artwork-upload-list .fu-cancel {
  position: absolute;
  right: 0;
  top: 35px;
}
#artwork-upload-list .fu-cancel:before {
  font-size: 24px;
}
.iframe-transport .upload-info .progress {
  background: url(//cf.seditionart.com/assets/open_platform/patterns/loading-stripes-df926f1bfce91d318212cdfe60751c96.gif) repeat-x !important;
}
.iframe-transport .upload-info .progress .bar,
.iframe-transport .time-remaining,
.iframe-transport .bytes-uploaded {
  display: none !important;
}
.tooltip-formats .tooltip-inner {
  max-width: 192px;
  text-align: left;
}
.tooltip-formats b {
  font-weight: normal;
  display: inline-block;
  width: 50px;
  padding: 0 0 0 0;
  white-space: nowrap;
  text-align: left;
}
.tooltip-formats b:nth-child(4n+4) {
  width: 30px;
}
.js-upload-artwork {
  position: relative;
  border: 5px dashed #c9cbcd;
  text-align: center;
  color: #999;
  font-size: 19px;
}
.js-upload-artwork .add-file-container,
.js-upload-artwork .upload-file-container {
  min-height: 270px;
}
.js-upload-artwork.is-dragged-over {
  transition: all 0.4s;
  background: #ccc;
}
.js-upload-artwork .upload-file-container {
  display: none;
}
.js-upload-artwork .upload-file-container .filename {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-style: italic;
  word-wrap: break-word;
  display: block;
}
.js-upload-artwork .upload-file-container .wrong-file {
  font-size: 14px;
  text-decoration: underline;
  color: #999;
  position: relative;
  top: 20px;
}
.js-upload-artwork .upload-file-container .wrong-file:hover {
  text-decoration: none;
}
.js-upload-artwork[data-state="file-selected"] {
  background: #111111;
  border: 0 none;
  color: #ffffff;
}
.js-upload-artwork[data-state="file-selected"] .upload-file-container {
  display: block;
}
.js-upload-artwork[data-state="canceled"] .upload-file-container,
.js-upload-artwork[data-state="failed"] .upload-file-container {
  display: none;
}
.js-upload-artwork[data-state="canceled"] .add-file-container,
.js-upload-artwork[data-state="failed"] .add-file-container {
  display: block;
}
.js-upload-artwork[data-state="invalid-file"] .supported-formats {
  background: #f2f2f2;
  display: inline-block;
  color: #f00;
  border-radius: 2px;
}
.js-upload-artwork[data-state="invalid-file"] .supported-formats span {
  color: #111;
}
.js-upload-artwork[data-state="file-selected"],
.js-upload-artwork[data-state="uploading"],
.js-upload-artwork[data-state="complete"] {
  background: #f6f6f7;
  border: 5px solid #ececee;
  color: #111111;
}
.js-upload-artwork[data-state="file-selected"] .upload-file-container,
.js-upload-artwork[data-state="uploading"] .upload-file-container,
.js-upload-artwork[data-state="complete"] .upload-file-container {
  display: block;
}
.js-upload-artwork[data-state="file-selected"] .add-file-container,
.js-upload-artwork[data-state="uploading"] .add-file-container,
.js-upload-artwork[data-state="complete"] .add-file-container {
  display: none;
}
.supported-formats {
  color: #666;
  padding: 2px 10px;
  margin: 10px 0 0 0;
  font-size: 13px;
}
.supported-formats b {
  text-transform: none;
}
.supported-formats span {
  color: #666;
  text-decoration: underline;
  font-size: 13px;
  cursor: default;
}
.upload-state-tip {
  font-size: 17px;
  font-weight: 300;
  padding: 48px 0 32px;
}
.upload-state-tip__icon:before {
  font-size: 64px;
  color: #99999c;
  max-height: 64px;
  display: inline-block;
}
.upload-state-tip__icon.icon-file:before {
  color: #111116;
}
/* edit artwork */
#replace-video-thumbnail .artwork-thumbnail {
  position: relative;
  margin: 0 0 22px;
}
#replace-video-thumbnail .loading {
  display: none;
}
#replace-video-thumbnail.uploading .loading {
  display: block;
}
.get-started {
  text-align: center;
}
.get-started h1 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}
.get-started-steps {
  margin: 0;
  list-style: none;
  width: 991px;
  overflow: hidden;
}
.get-started-steps:before {
  content: ' ';
  display: block;
  background: url(//cf.seditionart.com/assets/open_platform/studio/starting-steps-2e5be31115507183898463b7d8ba4a9d.png) 0 -77px;
  width: 100%;
  height: 40px;
}
.get-started-steps li {
  float: left;
  display: block;
  width: 33%;
  text-align: left;
  padding: 0 32px;
  vertical-align: top;
}
.get-started-steps p {
  text-transform: none;
}
.get-started-steps .step-1 {
  padding-left: 77px;
}
.get-started-steps .step-2 {
  padding-right: 0;
}
.get-started-steps .step-3 {
  padding-left: 85px;
  padding-right: 0;
}
.get-started-steps.active-step-1 {
  background-position: 0 -222px;
}
.get-started-steps.active-step-1 li {
  color: #ccc;
}
.get-started-steps.active-step-1 .step-1 {
  color: #111;
  font-weight: bold;
}
.get-started-steps.active-step-2 {
  background-position: 0 -367px;
}
.get-started-steps.active-step-2 li {
  color: #ccc;
}
.get-started-steps.active-step-2 .step-2 {
  font-weight: bold;
}
.get-started-steps.active-step-2 .step-1,
.get-started-steps.active-step-2 .step-2 {
  color: #111;
}
.get-started-steps.active-step-3 {
  background-position: 0 -512px;
}
.get-started-steps.active-step-3 .step-3 {
  font-weight: bold;
}
.get-started .get-started-steps li {
  color: #111116;
}
/* update profile slate */
.edit-artist-container {
  background: url(//cf.seditionart.com/assets/open_platform/studio/separator-991-4127cb077e99ba50ac1be695e2a12e41.png) no-repeat top center, url(//cf.seditionart.com/assets/open_platform/studio/separator-991-4127cb077e99ba50ac1be695e2a12e41.png) no-repeat bottom center;
  padding: 32px 0;
}
.edit-artist-container .page-title h1 {
  font-size: 24px;
}
.edit-artist-container .page-title p {
  color: #999;
  font-size: 15px;
  margin: 0;
}
.edit-artist-container .section-header {
  margin-bottom: 0;
}
.edit-artist-container .info {
  font-size: 16px;
  margin-bottom: 44px;
}
.signature-alt .btn-upload {
  margin-top: 20px;
}
.accept-artist-terms {
  overflow: hidden;
}
.accept-artist-terms .accept-terms-container {
  position: relative;
  padding: 15px 0 15px 22px;
  width: 800px;
  margin: 0 auto 44px auto;
  background: #f2f2f2;
  text-align: left;
  overflow: hidden;
  transition: all 0.3s;
}
.accept-artist-terms .accept-terms-container.error {
  background: #f00;
  color: #fff;
}
.accept-artist-terms .accept-terms-container.error a {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.accept-artist-terms .accept-terms-container.error a:hover {
  color: #ccc;
  border-bottom-color: #ccc;
  text-decoration: none;
}
.accept-artist-terms .accept-terms-container .control-group {
  float: left;
  margin: 0 10px 0 0;
}
.accept-artist-terms .accept-terms-container .accept-terms-label {
  float: left;
  cursor: pointer;
}
.artwork-thumbnail {
  width: 318px;
  height: 179px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.control-group {
  position: relative;
}
.control-group .maxlength-counter {
  position: absolute;
  right: 0;
  top: 0px;
  color: #999;
}
.control-group .maxlength-counter.limit-reached {
  color: #f00;
  font-weight: 500;
}
.future-fest-control-group .checkbox-group {
  overflow: hidden;
}
.future-fest-control-group .checkbox-group .checkbox-container {
  position: relative;
  width: 50px;
  height: 50px;
  background: #f6f7f8;
  float: left;
}
.future-fest-control-group .checkbox-group .checkbox-container input {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.future-fest-control-group .checkbox-group .checkbox-container + label {
  margin: 5px 0 0 10px;
  display: inline-block;
  font-weight: normal;
}
.future-fest-control-group .checkbox-group a {
  color: #111;
  border-bottom: 1px solid #ccc;
  transition: all 0.2s ease-in;
}
.future-fest-control-group .checkbox-group a:hover {
  text-decoration: none;
  border-bottom-color: #111;
}
.future-fest-control-group .futurefest-terms {
  font-size: 12px;
  margin-left: 60px;
}
.future-fest-control-group .select-group p {
  font-size: 15px;
  color: #111;
  margin: 20px 0 5px;
}
.future-fest-control-group .select-group p.error {
  color: #f00;
}
.future-fest-control-group .select-group select {
  width: 200px;
}
.futurefest-terms .numeric {
  counter-reset: item;
}
.futurefest-terms ul li {
  display: list-item !important;
}
.futurefest-terms .numeric li {
  display: block;
}
.futurefest-terms .numeric li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
.futurefest-terms .disc li:before {
  content: none;
}
.futurefest-terms h3 {
  display: inline;
  font-weight: bold;
}
.futurefest-terms ol {
  margin-top: 10px !important;
}
.syntax {
  background: #f6f7f8;
  color: #353646;
  padding: 15px 20px;
  box-sizing: border-box;
  line-height: 1.6em;
  border-radius: 1px;
  display: block;
}
.importer-container .recipients {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.importer-container .recipients b {
  font-weight: bold;
}
.importer-container .recipients .btn {
  margin: 22px 0 44px;
}
.importer-container .toolbar {
  padding: 20px;
}
.importer-container .btn-close {
  display: none;
}
.importer-container-guest-count {
  position: absolute;
  line-height: 44px;
  padding: 0 0 0 20px;
}
.importer-container-footer {
  padding-bottom: 20px;
}
.importer-container-no-contacts {
  display: none;
  text-align: center;
  margin: 80px 0 0 0;
}
.importer-container-no-contacts h2 {
  font-weight: 300;
  font-size: 23px;
}
.importer-container-no-contacts h3 {
  text-transform: uppercase;
  color: #99999c;
  font-weight: normal;
  font-size: 14px;
}
.importer-container[data-contacts-count="0"] .importer-container-no-contacts {
  display: block;
}
.importer-container[data-contacts-count="0"] .btn-close {
  display: inline-block;
}
.importer-container[data-contacts-count="0"] .btn-save,
.importer-container[data-contacts-count="0"] .btn-cancel,
.importer-container[data-contacts-count="0"] .importer-container-guest-count {
  display: none;
}
.contact-prune-table {
  position: relative;
}
.contact-prune-table .column {
  padding: 15px 0 14px 15px;
  box-sizing: border-box;
  float: left;
}
.contact-prune-table .column-select {
  width: 5%;
  padding-left: 20px;
}
.contact-prune-table .column-name {
  width: 35%;
}
.contact-prune-table .column-email {
  width: 35%;
}
.contact-prune-table .column-action {
  width: 20%;
}
.contact-prune-table .column-actions {
  width: 15%;
}
.contact-prune-table .column-delete {
  width: 10%;
  text-align: center;
}
.contact-prune-table .column-delete .delete-contacts {
  font-weight: 700;
  margin-top: -3px;
}
.contact-prune-table .contact {
  padding: 0 20px 0 0;
}
.contact-prune-table .contact,
.contact-prune-table .contacts-body {
  clear: both;
}
.contact-prune-table .contacts-header {
  overflow: hidden;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.contact-prune-table .contacts-header .column-select,
.contact-prune-table .contacts-header .column-name,
.contact-prune-table .contacts-header .column-email {
  border-right: 1px solid #eee;
}
.contact-prune-table .contacts-header .column {
  max-height: 51px;
}
.contact-prune-table .contacts-body {
  position: relative;
  overflow-y: scroll;
  height: 300px;
}
.contact-prune-table .contacts-body .column-name {
  padding-left: 0;
}
.contact-prune-table .contacts-body-overlay {
  position: absolute;
  top: 1px;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
}
.contact-prune-table .loading-contacts {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260px;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.contact-prune-table .loading-contacts .loading-text {
  text-transform: uppercase;
  margin: 8px 0 0 0;
}
.contact-prune-table .loading-contacts .icon-spin:before {
  font-size: 30px;
  width: 31px;
  display: block;
}
.contact-prune-table .loading-contacts b {
  font-weight: 500;
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
}
.contact-prune-table .loading-contacts strong {
  font-size: 18px;
  display: block;
  margin: -30px;
  margin-bottom: 10px;
}
.contact-prune-table .upload-error {
  position: relative;
  top: 15%;
  text-align: center;
  font-size: 18px;
  color: #ff2850;
  margin-bottom: 10px;
}
.contact-prune-table .import-from-gmail,
.contact-prune-table .import-from-yahoo,
.contact-prune-table .import-from-file {
  position: relative;
  background: url(//cf.seditionart.com/assets/open_platform/studio/email-icons-big-3f45db79f3418a74c6aa569814d72c0f.png) no-repeat;
  display: inline-block;
  width: 48px;
  height: 30px;
  padding: 36px 0 0 0;
  margin: 0 30px 0 0;
  font-size: 16px;
  color: #99999c;
  outline: 0;
  overflow: hidden;
}
.contact-prune-table .import-from-gmail:hover,
.contact-prune-table .import-from-yahoo:hover,
.contact-prune-table .import-from-file:hover {
  text-decoration: none;
  color: #111111;
}
.contact-prune-table .import-from-yahoo {
  background-position: 0 -100px;
}
.contact-prune-table .import-from-file {
  background-position: 0 -200px;
  margin: 0;
}
.contact-prune-table .name-box a {
  padding: 15px 0 14px 15px;
  margin: -15px 0 -14px 0;
  font-weight: normal;
  text-decoration: none;
  display: block;
  color: #353646;
}
.contact-prune-table .name-box a:hover {
  background: #ffffe4;
}
.contact-prune-table .name-box a.no-name {
  color: #99999c;
}
.contact-prune-table .name-box input {
  width: 325px;
  font-weight: normal;
  padding: 0;
  margin: -3px 0 -2px;
  border: none;
  display: block;
  background: #ffffe4;
}
.contact-prune-table .name-box input:focus {
  border: none;
  outline: none;
  outline-color: transparent;
  outline-style: none;
  box-shadow: none !important;
}
.name-box[data-state='idle'] .edit-contact-name {
  display: block;
}
.name-box[data-state='idle'] .text {
  display: none;
}
.name-box[data-state='editing'] {
  background: #ffffe4;
  padding: 15px 0 14px 15px;
  margin: -15px 0 -14px -15px;
}
.name-box[data-state='editing'] .edit-contact-name {
  display: none;
}
.name-box[data-state='editing'] .text {
  display: block;
}
.importer {
  background: #fff;
  height: 439px;
  margin: 0 0 20px 25px;
  border-bottom: 1px solid #eee;
}
.importer .importer-toolbar {
  padding: 20px 20px;
  *zoom: 1;
}
.importer .importer-toolbar:before,
.importer .importer-toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
.importer .importer-toolbar:after {
  clear: both;
}
.importer .importer-toolbar h2 {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 31px;
  padding: 5px 0 0 0;
  font-weight: bold;
  float: left;
}
.importer .importer-toolbar .btn {
  line-height: 35px;
  padding: 2px 12px 0;
  margin-left: 10px;
}
.importer .importer-toolbar .form-manual-contact {
  margin: 0 30px 0 0;
  float: right;
}
.importer .importer-toolbar .form-manual-contact .input-with-icon {
  float: left;
}
.importer .importer-toolbar .form-manual-contact .input-manual-name,
.importer .importer-toolbar .form-manual-contact .input-manual-email {
  float: left;
  width: 180px;
}
.importer .importer-toolbar .form-manual-contact .input-manual-email + .icon-mail {
  font-size: 22px;
  color: #ccc;
}
.importer .importer-toolbar .form-manual-contact .input-manual-name {
  width: 120px;
  margin-right: 10px;
}
.importer .importer-toolbar .form-manual-contact .input-manual-label {
  float: left;
  font-weight: bold;
  padding-top: 9px;
  margin-right: 10px;
}
.importer .importer-toolbar .dropdown-select {
  float: right;
}
.importer .importer-toolbar .dropdown-select .dropdown-toggle {
  min-width: 140px;
  position: relative;
  display: inline-block;
  border: 1px solid #D6D6D6;
  line-height: 35px;
  padding: 0 30px 0 10px;
  color: #999;
  outline: 0;
}
.importer .importer-toolbar .dropdown-select .dropdown-toggle:hover {
  text-decoration: none;
}
.importer .importer-toolbar .dropdown-select .dropdown-toggle:before {
  font-family: "icomoon";
  content: "\e003";
  color: #cccccc;
  font-weight: normal;
}
.importer .importer-toolbar .dropdown-select .dropdown-toggle:before {
  position: absolute;
  right: 10px;
}
.importer .delete-contact:before {
  color: #353646;
  font-size: 21px;
  transition: 0.2s;
}
.importer .delete-contact:hover {
  text-decoration: none;
}
.importer .delete-contact:hover:before {
  color: #ff3823;
}
.importer input[type="checkbox"] {
  margin: 0;
}
.importer .import-source-yahoo,
.importer .import-source-manual,
.importer .import-source-gmail,
.importer .import-source-upload {
  background: url(//cf.seditionart.com/assets/open_platform/studio/email-icons-3bb7cbd3aac5d7832e9f5a2855e72ed8.png) no-repeat 0 5px;
  display: block;
  height: 22px;
  width: 26px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.importer .import-source-gmail {
  background-position: 0 -36px;
}
.importer .import-source-yahoo {
  background-position: 0 -76px;
}
.importer .import-source-upload {
  background-position: 0 -116px;
}
.importer-upload {
  position: relative;
  overflow: hidden;
}
.importer-upload:focus {
  color: #111111;
}
.email-preview iframe {
  width: 100%;
  overflow: hidden;
  border: 0 none;
  pointer-events: none;
}
.page-campaign-show .section-title.small {
  text-indent: -20px;
}
.page-campaign-show .steps {
  padding-top: 26px;
}
.page-campaign-show .step {
  margin: 0 0 40px;
}
.page-campaign-show .step textarea {
  width: 100%;
  height: 100px;
}
.page-campaign-show .footprint {
  margin: 10px 0;
  color: #555;
}
.page-campaign-show .footprint .guest-count-info {
  display: none;
}
.page-campaign-show .footprint a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
}
.page-campaign-show .footprint a:hover {
  color: inherit;
  text-decoration: none;
}
.page-campaign-show .footprint a:hover {
  border-color: #dcdcdf;
}
.state-allow-publish .footprint .requirement {
  display: none;
}
.state-allow-publish .footprint .guest-count-info {
  display: block;
}
#gallery-invite-artist-mod {
  background: #ffffff;
  color: #111111;
}
#gallery-invite-artist-mod a {
  color: #000000;
}
#gallery-invite-artist-mod .close:hover:before {
  color: #111111;
}
.data-table.artist-invite-table {
  margin-top: 20px;
}
.artists-slate,
.users-slate {
  list-style: none;
}
.artists-slate .artist,
.users-slate .artist,
.artists-slate .user,
.users-slate .user {
  margin-bottom: 22px;
}
.artists-slate .artist .profile,
.users-slate .artist .profile,
.artists-slate .user .profile,
.users-slate .user .profile {
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
}
.artists-slate .artist .profile img,
.users-slate .artist .profile img,
.artists-slate .user .profile img,
.users-slate .user .profile img {
  display: block;
}
.artists-slate .artist .profile:hover .stats-block,
.users-slate .artist .profile:hover .stats-block,
.artists-slate .user .profile:hover .stats-block,
.users-slate .user .profile:hover .stats-block {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.artists-slate .artist .profile .stats-block,
.users-slate .artist .profile .stats-block,
.artists-slate .user .profile .stats-block,
.users-slate .user .profile .stats-block {
  position: absolute;
  bottom: 0;
  width: 88%;
  margin: 0;
  padding: 14px 6%;
  list-style: none;
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  transition: transform .1s ease-in;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.artists-slate .artist .profile .stats-block li,
.users-slate .artist .profile .stats-block li,
.artists-slate .user .profile .stats-block li,
.users-slate .user .profile .stats-block li {
  display: block;
  float: left;
  padding-right: 6%;
  margin-right: 6%;
  border-right: 1px solid #ffffff;
}
.artists-slate .artist .profile .stats-block li:last-child,
.users-slate .artist .profile .stats-block li:last-child,
.artists-slate .user .profile .stats-block li:last-child,
.users-slate .user .profile .stats-block li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 none;
}
.artists-slate .artist .profile .stats-block li a,
.users-slate .artist .profile .stats-block li a,
.artists-slate .user .profile .stats-block li a,
.users-slate .user .profile .stats-block li a {
  color: #fff;
}
.artists-slate .artist .profile .stats-block li a:hover,
.users-slate .artist .profile .stats-block li a:hover,
.artists-slate .user .profile .stats-block li a:hover,
.users-slate .user .profile .stats-block li a:hover {
  text-decoration: none;
}
.artists-slate .artist .profile .stats-block li a:hover .label,
.users-slate .artist .profile .stats-block li a:hover .label,
.artists-slate .user .profile .stats-block li a:hover .label,
.users-slate .user .profile .stats-block li a:hover .label {
  text-decoration: underline;
}
.artists-slate .artist .profile .stats-block li .count,
.users-slate .artist .profile .stats-block li .count,
.artists-slate .user .profile .stats-block li .count,
.users-slate .user .profile .stats-block li .count {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  display: block;
}
.artists-slate .artist .profile .stats-block li .label,
.users-slate .artist .profile .stats-block li .label,
.artists-slate .user .profile .stats-block li .label,
.users-slate .user .profile .stats-block li .label {
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.artist-profile-form textarea {
  height: 230px;
  font-family: "Sabon", "宋体", "Georgia", serif;
}
.artist-profile-form .biography abbr {
  display: none;
}
.image-uploader__preview {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.image-uploader--uploading .image-uploader__preview {
  opacity: .2;
}
img.image-uploader__preview {
  display: none;
}
.image-uploader--has-image img.image-uploader__preview {
  position: relative;
  display: block;
}
.image-uploader__remove {
  display: none;
}
.image-uploader--has-image .image-uploader__remove {
  display: inline-block;
}
.image-uploader__placeholder {
  position: relative;
  border: 5px dashed #C9CBCD;
  text-align: center;
}
.image-uploader--avatar .image-uploader__placeholder {
  position: relative;
}
.image-uploader--avatar .image-uploader__placeholder:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.image-uploader--signature:not(.image-uploader--has-image) .image-uploader__placeholder {
  position: relative;
}
.image-uploader--signature:not(.image-uploader--has-image) .image-uploader__placeholder:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.image-uploader--has-image .image-uploader__upload-caption {
  display: none;
}
.image-uploader__replace-caption {
  display: none;
}
.image-uploader--has-image .image-uploader__replace-caption {
  display: inline-block;
}
.image-uploader__contrast {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
}
.children-visible-on-hover:hover .image-uploader__contrast {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader--has-image:hover .image-uploader__contrast {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader--uploading .image-uploader__contrast {
  display: none;
}
.image-uploader__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader--uploading .image-uploader__content,
.image-uploader--has-image .image-uploader__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .image-uploader--uploading .image-uploader__content,
.children-visible-on-hover:hover .image-uploader--has-image .image-uploader__content {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader--has-image:hover .image-uploader__content {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader__loading {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .image-uploader__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.image-uploader--uploading .image-uploader__loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.entity-header.discover-header {
  padding: 26px 0;
}
.discover-sorter-box {
  position: relative;
  height: 49px;
}
.discover-sorter {
  background: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.discover-sorter li {
  display: none;
}
.discover-sorter li:first-child {
  display: block;
}
.discover-sorter:hover li {
  display: block;
}
.discover-sorter a,
.discover-sorter .selected {
  display: block;
  padding: 15px 10px 12px;
  color: #000000;
}
.discover-filter {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.discover-filter li {
  float: left;
}
.discover-filter .curated {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.discover-filter .independent {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.discover-filter a {
  padding: 15px 15px 12px;
  color: #99999c;
  display: block;
  background: #dcdcdf;
}
.discover-filter a.selected {
  background: #555555;
  color: #fff;
}
.custom-slide-content {
  font-size: 0.7143em;
  position: absolute;
  bottom: 11em;
  width: 100%;
}
.custom-slide-content > section > header {
  text-align: center;
}
.custom-slide-content > section > header > hgroup {
  display: inline-block;
}
.custom-slide-content > section > header > hgroup > h1 {
  font-size: 8em;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0 0.01em 0.1em rgba(0, 0, 0, 0.75);
  color: #e7e8ee;
  opacity: .9;
}
.custom-slide-content > section > header > hgroup > h2 {
  position: relative;
  font-size: 2em;
  font-weight: 300;
  padding-top: 0;
  text-shadow: 0 0.01em 0.1em rgba(0, 0, 0, 0.75);
  color: #b1bad0;
}
.custom-slide-content > section > header > hgroup .learn-more {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  border-bottom: 1px solid #b1bad0;
  border-bottom: 1px solid rgba(177, 186, 208, 0.6);
  color: #b1bad0;
  display: inline-block;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-shadow: 0 0.01em 0.05em rgba(0, 0, 0, 0.75);
}
.custom-slide-content > section > header > hgroup .learn-more:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-color: #fff;
}
.account-nav {
  margin: 0;
  list-style: none;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 32px;
}
.account-nav a {
  color: #999;
  display: block;
  padding: 14px 12px;
  outline: 0;
}
.account-nav a:hover {
  background: #eee;
}
.account-nav .selected {
  color: #333;
  background: #f6f7f8;
}
.settings-subsection {
  margin-bottom: 32px;
}
.settings-subsection h1 {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 8px;
}
#highlight-transaction {
  border: 1px solid #eee;
  padding: 22px 44px;
  text-align: center;
  margin-bottom: 44px;
}
#highlight-transaction h1 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.account-total-row td {
  padding-top: 22px;
}
#settings-order-history .order-date {
  display: block;
  margin-top: -22px;
  color: #888;
  font-size: 14px;
  margin-bottom: 22px;
}
#settings-order-history .refunded {
  color: #888;
}
#settings-order-history .group-info {
  background-color: #fafafa;
  padding: 8px 8px 6px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
#settings-order-history .group-info span {
  font-size: 14px;
  font-weight: 200;
}
#settings-order-history .order-group-thead th {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
#settings-order-history .order-total-bill {
  margin-top: 44px;
  background-color: #fafafa;
}
#settings-order-history .order-total-bill td:first-child {
  width: 484px;
}
#settings-order-history .total-bill {
  padding-left: 17px;
}
#settings-order-history .unit-price {
  padding-left: 15px;
}
#settings-order-history .artwork-cell {
  width: 595px;
}
#settings-order-history .quantity-cell {
  text-align: right;
}
#settings-order-history th:last-child,
#settings-order-history td:last-child {
  text-align: right;
}
.secondary-tabs {
  *zoom: 1;
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  font-weight: 500;
}
.secondary-tabs:before,
.secondary-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.secondary-tabs:after {
  clear: both;
}
.secondary-tabs li {
  float: left;
  display: block;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}
.secondary-tabs li:first-child {
  border-radius: 3px 0 0 0;
}
.secondary-tabs li:last-child {
  border-right: 1px solid #eaeaea;
  border-radius: 0 3px 0 0;
}
.secondary-tabs a {
  color: #999;
  background: #f2f2f2;
  padding: 9px 18px 6px;
  display: inline-block;
  border-bottom: 1px solid #f2f2f2;
  letter-spacing: 0.05em;
  transition: background .2s ease-in, color .2s ease-in;
}
.secondary-tabs a:hover {
  color: #888;
  background: #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  text-decoration: none;
}
.secondary-tabs a:focus,
.secondary-tabs a:active {
  outline: 0;
}
.secondary-tabs a.selected {
  position: relative;
  top: 1px;
  color: #111;
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: 700;
}
.secondary-tabs a.selected:hover {
  color: #111;
  background: none;
  cursor: default;
}
#artist-invoice .actions {
  clear: left;
}
#artist-invoice .subtitle {
  font-size: 16px;
}
.trade-artwork.child {
  display: none;
}
.new-bid .asking-price,
.new-listing .biggest-bid {
  cursor: pointer;
}
.artwork-pane {
  height: 0px;
  opacity: 0;
  float: left;
  width: 980px;
  margin-bottom: 0;
  transition: all 0.2s ease-in;
}
.artwork-pane.active {
  opacity: 1;
  margin-bottom: 22px;
  height: auto;
}
.artwork-detail-container {
  width: 100%;
  background: #222;
}
#app .artwork-detail {
  position: relative;
  padding-top: 32px;
  padding-bottom: 32px;
}
#app .artwork-detail .artwork-caption {
  margin-bottom: 15px;
  float: left;
}
#app .artwork-detail .artwork-caption a {
  font-size: 18px !important;
  color: #fff !important;
}
#app .artwork-detail .thumbnail {
  margin-bottom: 20px;
}
#app .artwork-detail .total-editions {
  float: right;
  color: #ffffff;
}
#app .artwork-detail .btn {
  text-decoration: none;
}
#app .artwork-detail .detail-continue {
  margin-top: 20px;
}
.child-text {
  text-align: center;
}
.child-text h1 {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: normal;
  margin: 0 0 10px;
}
.child-text p {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1em;
  font-weight: normal;
  letter-spacing: 0.02em;
  margin-bottom: 44px;
}
.child-text p b {
  font-weight: 700;
}
.artwork-detail .close-detail-icon {
  font-size: 24px;
  color: #888;
}
.artwork-detail .close-detail-icon:hover {
  color: #fff;
}
.artwork-detail .edition-selector {
  -webkit-appearance: none;
  height: 30px;
  border: none;
  color: #fff;
  font-size: 16px;
  background: url(//cf.seditionart.com/assets/trade-selector-9c87edde284dbe22fa95765410cf163b.png) right 6px no-repeat transparent;
  background-size: 21px 21px;
  width: 145px;
  margin: -4px 0 0 -63px;
}
.artwork-detail .edition-selector:focus {
  outline: 0;
}
.artwork-detail .graph-loading {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
}
.artwork-detail .graph-loading .icon-spin {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 50%;
  margin-left: -14px;
  font-size: 28px;
  color: #23c19b;
  text-align: center;
}
.artwork-detail .graph {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: -25px;
  right: -25px;
  bottom: -25px;
  left: -25px;
  opacity: 0;
}
.artwork-detail .graph .morris-default-style {
  padding: 0;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
.artwork-detail .graph .morris-hover-row-label {
  color: #888;
  font-weight: normal !important;
}
.artwork-detail .graph-loaded .graph {
  opacity: 1;
}
.artwork-detail .graph-loaded .graph-loading {
  opacity: 0;
}
.graph-container {
  position: relative;
  display: none;
  background: #2c2c2c;
  height: 200px;
  width: 100%;
}
.show-graph .graph-container {
  display: block;
}
.thead-bg {
  background: #f6f7f8;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0px;
  height: 36px;
  z-index: 1;
}
.trade-table {
  position: relative;
  z-index: 2;
  text-align: left;
  width: 100%;
  background: #fff;
  border-spacing: 0px;
}
.trade-table thead tr {
  background: #f6f7f8;
}
.trade-table th {
  padding: 8px 0px 6px;
  font-weight: 100;
  color: #666;
}
.trade-table tbody {
  font-size: 14px;
}
.trade-table tbody tr {
  border-bottom: 1px dotted #ccc;
}
.trade-table tbody td {
  padding: 8px 0px 6px;
  font-weight: normal;
  font-size: 16px;
}
.trade-table tbody td.bid-col {
  font-size: 18px;
}
.trade-table .artwork-col {
  width: 330px;
}
.trade-table .artwork-title {
  white-space: nowrap;
}
.trade-table img {
  display: inline-block;
  margin-right: 10px;
}
.trade-table .bidder-col {
  width: 485px;
}
.trade-table .date-col {
  width: 265px;
}
.btn-trade-table {
  float: right;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px;
}
.btn-trade-table:not(:last-of-type) {
  margin-left: 10px;
}
.intent .btn-trade-edit,
.intent button {
  float: left;
  width: 97px;
  padding: 20px 0;
}
.intent .btn-trade-edit {
  background: #000;
  border-radius: 1px;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 0px 2px 10px;
  letter-spacing: 1px;
  font-size: 12px;
}
.intent .btn-trade-edit:hover {
  text-decoration: none;
}
.intent .btn-trade-edit strong {
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 16px;
  display: block;
}
.intent-sell .highest-bid,
.intent-bid .asking-price {
  cursor: pointer;
}
.currency:before {
  margin-right: -4px;
  content: "$";
}
@keyframes pulsate {
  0% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@-webkit-keyframes pulsate {
  0% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
.pay-form {
  margin-bottom: 0;
}
.pay-form .error {
  margin: 10px 0 0 0;
  background: #facdcc;
  color: #f22902;
  border-radius: 2px;
  padding: 4px 8px;
}
.pay-form fieldset {
  float: left;
  width: 270px;
}
.pay-form fieldset:not(:last-of-type) {
  margin-right: 5px;
}
.pay-form fieldset.saved_card {
  width: 100%;
}
.pay-form fieldset.saved_card legend {
  margin-bottom: 20px;
}
.pay-form fieldset .saved-card-info {
  margin-bottom: 22px;
}
.pay-form legend {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1em;
  border: 0 none;
  font-weight: 500;
  margin-bottom: 0;
}
.pay-form .fieldsets {
  overflow: hidden;
}
.pay-form .form-footer {
  padding-top: 32px;
}
.pay-form select {
  width: 228px;
  padding: 10px;
}
.pay-form button:disabled {
  color: #999;
}
.pay-form .state-not-valid {
  background-image: none;
  padding-right: 10px;
}
.pay-form .expiry-fields,
.pay-form .control-group-security-code {
  *zoom: 1;
}
.pay-form .expiry-fields:before,
.pay-form .control-group-security-code:before,
.pay-form .expiry-fields:after,
.pay-form .control-group-security-code:after {
  display: table;
  content: "";
  line-height: 0;
}
.pay-form .expiry-fields:after,
.pay-form .control-group-security-code:after {
  clear: both;
}
.pay-form .expiry-fields label,
.pay-form .control-group-security-code label {
  width: 112px;
  padding-top: 7px;
  float: left;
}
.pay-form .expiry-fields .controls,
.pay-form .control-group-security-code .controls {
  float: left;
}
.pay-form .expiry-fields .controls input,
.pay-form .control-group-security-code .controls input {
  margin-right: 9px;
}
.pay-form .expiry-fields .controls input:last-child,
.pay-form .control-group-security-code .controls input:last-child {
  margin-right: 0;
}
.pay-form .expiry-fields .controls input:first-child,
.pay-form .control-group-security-code .controls input:first-child {
  width: 26px;
}
.pay-form .help-inline {
  clear: both;
  color: #F22902 !important;
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin: -5px 0 12px;
  padding-left: 0;
  width: 228px;
}
.payment-processing {
  display: none;
  color: #666;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 10px;
}
.paying .payment-processing {
  display: block;
  animation: pulsate 1s infinite;
  -webkit-animation: pulsate 1s infinite;
  /* Safari and Chrome */
}
.trade-loading {
  opacity: 1;
  width: 100%;
  z-index: 2;
  background: rgba(255, 255, 255, 0.65);
  height: 100%;
  position: absolute;
  padding-bottom: 100px;
  top: -44px;
  left: 0;
  text-align: center;
  transition: opacity 0.25s ease-in;
}
.trade-loading.fadeout {
  opacity: 0;
  display: block;
}
.trade-loading .icon-spin {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
  font-size: 34px;
  color: #666;
  text-align: center;
}
.trade-stats {
  overflow: hidden;
  margin: 0;
  list-style: none;
}
.trade-stats li {
  float: left;
  color: #888;
  padding: 13px 0px 5px 10px;
  margin-right: 15px;
}
.trade-stats strong {
  font-size: 24px;
  display: block;
  font-weight: 500;
  color: #fff;
}
.trade-stats.stats-dark {
  float: left;
}
.trade-stats.stats-dark li {
  width: 120px;
  background: #333;
}
.trade-stats.graph-stats {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
}
.trade-stats.graph-stats li {
  overflow: visible;
  width: 113px;
  padding: 15px 10px 5px 0;
  border-right: 1px solid #333;
  margin-right: 15px;
}
.trade-stats.graph-stats li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.trade-stats.graph-stats strong {
  color: #888;
  font-weight: 200;
}
.trade-stats li.profit-li {
  border: 3px solid #23c19b;
  width: 229px;
  color: #23c19b;
  padding: 10px 0px 2px 7px;
}
.trade-stats li.profit-li strong {
  color: #23c19b;
  font-weight: 900;
}
.trade-stats.grid-stats {
  float: left;
}
.trade-stats.grid-stats li {
  padding: 8px 0px 2px 10px;
  font-size: 14px;
  width: 97px;
  background: #f6f7f8;
  color: #999;
}
.trade-stats.grid-stats strong {
  font-size: 20px;
  color: #000000;
  font-weight: 400;
}
.trade-stats li.highlight-stat {
  background: #444;
}
.trade-stats.profit-stats {
  margin-top: 15px;
}
.trade-info-box {
  *zoom: 1;
  margin-top: 10px;
}
.trade-info-box:before,
.trade-info-box:after {
  display: table;
  content: "";
  line-height: 0;
}
.trade-info-box:after {
  clear: both;
}
.trade-info-box .no-offers .asking-price strong,
.trade-info-box .no-bids .highest-bid strong {
  font-size: 12px;
  text-transform: uppercase;
}
.trade-form {
  float: left;
  width: 229px;
  margin: 0;
  position: relative;
  background: #fff;
  height: 61px;
  border: 3px solid #ddd;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
.trade-form input[type='text'] {
  padding: 0;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: normal;
  width: 125px;
  border: none;
  margin: 0;
  height: 51px;
  position: absolute;
  top: 5px;
  left: 35px;
  outline: none;
}
.trade-form input[type='text']:focus {
  box-shadow: none;
  background: #fff;
}
.trade-form .currency {
  position: absolute;
  font-size: 36px;
  font-weight: 900;
  top: 2px;
  left: 10px;
}
.trade-form .btn-sell {
  width: 75px;
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 15px 19px;
}
.toggle-table {
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  border: 1px solid #eee;
  width: 21px;
  height: 18px;
  margin-left: 10px;
  padding-top: 1px;
  line-height: 21px;
  vertical-align: middle;
  color: #666;
  cursor: pointer;
  text-align: center;
  margin-right: 4px;
  font-size: 10px;
  text-decoration: none;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.25s;
}
.toggle-table:hover {
  text-decoration: none;
  background: #333;
  color: #fff;
}
.toggle-table[data-state='retracted'] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.trade-table-container {
  max-height: 1000px;
  margin-bottom: 50px;
  overflow: hidden;
  transition: all 0.5s;
}
.trade-table-container tbody {
  opacity: 1;
  transition: opacity 0.5s;
}
.trade-table-container.trade-table-hidden {
  max-height: 36px;
}
.trade-table-container.trade-table-hidden tbody {
  opacity: 0;
}
.listing-table th,
.open-bids-table th,
.listing-table tbody td,
.open-bids-table tbody td {
  padding: 8px 8px 6px;
}
.listing-table thead th:first-child,
.open-bids-table thead th:first-child {
  font-weight: 500;
  color: #333;
}
.listing-table tbody td:last-child,
.open-bids-table tbody td:last-child {
  padding-right: 0;
}
.confirm-bid,
.confirm-listing {
  color: #fff;
}
.confirm-bid p,
.confirm-listing p {
  float: left;
  width: 300px;
  margin: 0;
}
.confirm-bid .confirm-btns,
.confirm-listing .confirm-btns {
  float: right;
}
.confirm-bid em,
.confirm-listing em {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
}
.confirm-listing {
  height: 134px;
}
.detail-confirm {
  color: #fff;
}
.detail-confirm h1 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0 0 15px 0;
  line-height: normal;
}
.detail-confirm a {
  color: #fff;
}
.input-confirm {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.spread {
  padding-top: 12px;
  border-top: 1px solid #333;
  margin-bottom: 8px;
}
.spread a.your-position {
  color: #fff;
}
.spread-container {
  color: #fff;
}
.spread-container h1 {
  text-transform: none;
  font-weight: 200;
  line-height: normal;
  font-size: 14px;
  margin-bottom: 11px;
}
.spread-container .spread-table {
  width: 485px;
  text-align: center;
  height: 100px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  *zoom: 1;
}
.spread-container .spread-table:before,
.spread-container .spread-table:after {
  display: table;
  content: "";
  line-height: 0;
}
.spread-container .spread-table:after {
  clear: both;
}
.spread-container .spread-table-inner {
  width: 3000px;
  position: relative;
  *zoom: 1;
}
.spread-container .spread-table-inner:before,
.spread-container .spread-table-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.spread-container .spread-table-inner:after {
  clear: both;
}
.spread-container.no-scroll .spread-table {
  height: 87px;
}
.spread-container.no-scroll .spread-table-inner {
  width: auto;
  display: inline-block;
}
.spread-container.no-scroll .spread-offers,
.spread-container.no-scroll .spread-bids {
  width: 242px;
}
.spread-container .spread-bids,
.spread-container .spread-offers {
  text-transform: uppercase;
  float: left;
  font-weight: 100;
  font-size: 10px;
  padding: 8px 0 12px;
  background: #333;
}
.spread-container ol {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 7px 0 0;
  font-size: 14px;
  *zoom: 1;
}
.spread-container ol:before,
.spread-container ol:after {
  display: table;
  content: "";
  line-height: 0;
}
.spread-container ol:after {
  clear: both;
}
.spread-container li {
  text-transform: none;
  height: 40px;
  overflow: visible;
  display: block;
}
.spread-container li strong {
  font-size: 18px;
  display: block;
  font-weight: 200;
}
.spread-container li .js-tooltip {
  display: block;
}
.spread-container a {
  color: #888;
  text-decoration: none;
}
.spread-container a.highlight {
  color: #fff;
}
.spread-container a.first-place {
  cursor: pointer;
}
.spread-container .spread-bids {
  text-align: right;
  border-right: 5px solid #222;
  padding-right: 20px;
  padding-bottom: 0;
}
.spread-container .spread-bids li {
  border-left: 1px solid #666;
  text-align: right;
  float: right;
  display: block;
  margin-left: 12px;
  margin-bottom: 0px;
  padding-left: 12px;
}
.spread-container .spread-bids li:last-child {
  border-left: none;
}
.spread-container .spread-offers {
  text-align: left;
  padding-left: 20px;
  padding-bottom: 0;
}
.spread-container .spread-offers li {
  float: left;
  border-right: 1px solid #666;
  margin-right: 12px;
  margin-bottom: 0px;
  padding-right: 12px;
}
.spread-container .spread-offers li:last-child {
  border-right: none;
}
.spread-container .loading-spread {
  color: #999;
  text-transform: none;
  background: transparent;
}
.spread-table::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0px;
  background-color: #222;
}
.spread-table::-webkit-scrollbar {
  width: 12px;
  height: 8px;
  background-color: #23c19b;
}
.spread-table::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #23c19b;
}
#trade-panel {
  width: 100%;
}
.sell-table img {
  width: 100px;
  float: left;
}
.sell-table .sell-artwork-info {
  padding: 10px 0 0 10px;
  float: left;
}
.sell-table .sell-artwork-info span {
  display: block;
}
.bids-container {
  margin-top: 22px;
  margin-bottom: 22px;
}
.artwork-detail-inner {
  position: relative;
}
.detail-loading {
  width: 100%;
  height: 0px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.detail-loading .icon-spin {
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  left: 50%;
  color: #888;
  line-height: 11px;
}
.detail-loading.t-loading {
  height: 100%;
  opacity: 1;
}
.entity-header-trade {
  padding-bottom: 85px !important;
  overflow: hidden;
}
.entity-header-trade h1 {
  font-size: 44px;
  margin: 15px 0 20px;
}
.entity-header-trade p {
  color: #444447;
  font-size: 21px;
  line-height: 25px;
  font-family: "Sabon", "宋体", "Georgia", serif;
  margin: 0 0 12px;
}
.entity-header-trade p a {
  color: #333;
  text-decoration: underline;
}
.entity-header-trade .buttons {
  margin: 35px 0 0 0;
}
.entity-header-trade .btn-hide {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 40px;
  height: 40px;
  color: #ceced1;
  outline: 0;
  transition: color .2s ease-in;
}
.entity-header-trade .btn-hide:before {
  font-size: 40px;
}
.entity-header-trade .btn-hide:hover {
  color: #333;
  text-decoration: none;
}
.entity-header-trade.closed {
  height: 36px;
}
.entity-header-trade.closed .buttons,
.entity-header-trade.closed .trade-illustration,
.entity-header-trade.closed .btn-hide,
.entity-header-trade.closed p {
  display: none;
}
.graph-legend {
  cursor: pointer;
  background: transparent;
  text-align: left;
  color: #fff;
}
.graph-legend .legend-meta {
  padding: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.88);
}
.graph-legend .legend-meta .userimg,
.graph-legend .legend-meta .user-data {
  float: left;
}
.graph-legend .legend-meta .userimg {
  margin-right: 10px;
  display: block;
  width: 40px;
  height: 40px;
}
.graph-legend .legend-meta .username {
  color: #fff;
  font-size: 14px;
}
.graph-legend .legend-meta .date {
  color: #cdcdcd;
  font-size: 11px;
}
.graph-legend .legend-price {
  padding: 15px 10px;
  background: rgba(0, 0, 0, 0.77);
  text-align: center;
  font-size: 24px;
}
.Hero {
  position: relative;
  background-color: #121117;
  color: white;
}
.Hero p {
  font-size: 16px;
}
.Hero > .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.Hero > .bg > .image {
  height: 100%;
  background: url(https://sedition-website.s3.amazonaws.com/heroes/trade/trade_hero.jpg) no-repeat bottom center;
  background-size: cover;
}
.Hero > article {
  position: relative;
  z-index: 9;
  margin: 0 auto;
}
.toggle-control {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
  border: 4px solid currentColor;
  border-radius: 1px;
  padding-right: 50px;
}
.toggle-control__button {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  background: #111116;
  color: #ffffff;
  margin: 3px;
  border-radius: 2px;
  padding: 10px 15px 7px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 500;
  font-size: 16px;
  border: 0 none;
  left: 0;
}
.toggle-control__button:hover {
  background-color: #222225;
}
.toggle-control__button:focus {
  outline: 0;
}
.toggle-control--is-on .toggle-control__button {
  left: 50px;
}
.toggle-control--vivid.toggle-control--is-on {
  border-color: #ff2850;
}
.toggle-control--vivid.toggle-control--is-on .toggle-control__button {
  background-color: #ff2850;
}
.toggle-control--vivid.toggle-control--is-on .toggle-control__button:hover {
  background-color: #e91f45;
}
.toggle-control--is-disabled.toggle-control--is-on,
.toggle-control--is-disabled.toggle-control--is-off {
  border-color: #99999c;
  cursor: default;
  pointer-events: none;
}
.toggle-control--is-disabled.toggle-control--is-on .toggle-control__button,
.toggle-control--is-disabled.toggle-control--is-off .toggle-control__button {
  background-color: #99999c;
  color: #dcdcdf;
}
.toggle-control--is-disabled.toggle-control--is-on .toggle-control__button:hover,
.toggle-control--is-disabled.toggle-control--is-off .toggle-control__button:hover {
  background-color: #99999c;
}
.toggle-control__text-off {
  display: none;
}
.toggle-control--is-on .toggle-control__text-off {
  display: inline-block;
}
.toggle-control__text-on {
  display: inline-block;
}
.toggle-control--is-on .toggle-control__text-on {
  display: none;
}
.site-footer {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  background: #f6f7f8;
  padding: 64px 0;
  color: #99999c;
  overflow: hidden;
  font-size: 13px;
  line-height: 1em;
}
@media only screen and (max-width: 768px) {
  .site-footer {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.site-footer a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  text-transform: uppercase;
  border-color: transparent;
  line-height: 1.4em;
  padding-bottom: 0;
}
.site-footer a:hover {
  color: inherit;
  text-decoration: none;
}
.site-footer a:hover {
  border-color: #99999c;
}
.site-footer h1,
.site-footer h2 {
  color: #333336;
  text-transform: uppercase;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.site-footer h2 {
  margin-bottom: 32px;
}
.site-footer ul,
.site-footer li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.site-footer li {
  margin: 0 0 16px 0;
}
.site-footer li:last-child {
  margin-bottom: 0;
}
.media-box {
  display: table;
  width: 100%;
}
.media-box__thumb {
  display: table-cell;
  vertical-align: middle;
}
.media-box__body {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.registration-anchor {
  transition: transform 1s ease-out;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  position: fixed;
  z-index: 500;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 0;
  font-family: "Sabon", "宋体", "Georgia", serif;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.2);
  background: #ffffff;
  font-size: 20px;
  line-height: 1.45em;
  margin: 0;
}
.registration-anchor a {
  color: #353746;
  border-bottom: 1px solid #eee;
  padding: 0 0 4px;
  transition: 0.3s ease-out;
}
.registration-anchor a:hover {
  text-decoration: none;
  border-bottom-color: #111;
}
.registration-anchor.shown {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.registration-anchor-actions {
  white-space: nowrap;
  padding-right: 44px;
}
@media screen and (min-width: 1089px) {
  .registration-anchor-actions {
    padding-right: 0;
  }
}
.registration-anchor-actions p,
.registration-anchor-actions button {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.registration-anchor-actions button {
  text-transform: uppercase;
  font-weight: bold;
  padding: .75em 1.5em;
  border: 2px solid #353746;
  border-radius: .3em;
  background: none;
  cursor: pointer;
  color: #353746;
  margin-right: .25em;
}
.registration-anchor-actions .join {
  background: #353746;
  color: white;
}
.registration-anchor-close {
  position: absolute;
  right: 20px;
  top: 50%;
  height: 44px;
  width: 44px;
  margin-top: -22px;
  background: url(//cf.seditionart.com/assets/open_platform/icon-close-dark-96381d030844a8373ed70f7937158583.png) 50% 50% no-repeat;
  background-size: 16px 16px;
  border: 0;
  text-indent: -9999px;
  text-align: center;
  cursor: pointer;
}
.registration-anchor-icon {
  padding-right: 20px;
  font-size: 4em;
  color: #ff2850;
  vertical-align: middle;
}
.registration-anchor-title {
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
  font-weight: bold;
  font-size: 26px;
  text-transform: uppercase;
}
.webview {
  *zoom: 1;
  position: relative;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 16px;
  text-align: left;
}
.webview:before,
.webview:after {
  display: table;
  content: "";
  line-height: 0;
}
.webview:after {
  clear: both;
}
.webview h1 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin: 1.5em auto;
}
.webview h2 {
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1em;
}
.webview h3 {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 1em;
}
.webview p {
  margin-bottom: 1em;
  opacity: 0.8;
}
.webview p:last-child {
  margin-bottom: 2em;
}
.webview p.note {
  opacity: 1;
  font-size: 0.75em;
  font-weight: 500;
  color: #ff2850;
}
.webview hr {
  height: 1px;
  margin: 2em 0;
  background: currentColor;
  border: 0;
  opacity: 0.4;
}
.webview a {
  color: inherit;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.webview a:hover {
  color: inherit;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .webview--teaser {
    padding-top: 80px;
  }
}
.selected-playlist-container {
  height: 100%;
}
.selected-playlist-container .vault-playlist {
  height: 100%;
}
.selected-playlist-container .vault-playlist__list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vault-playlist-placeholder {
  flex-grow: 1;
}
.layout--responsive .playlists-container__playlists,
.playlists-container__playlists {
  max-width: 224px;
}
@media only screen and (max-width: 576px) {
  .playlists-container__playlists {
    min-width: 100%;
  }
}
.playlist-header {
  position: relative;
}
@media only screen and (max-width: 1171px) {
  .vault-artworks--popup .playlist-header {
    background-color: rgba(17, 17, 22, 0.8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#111116), color-stop(90%, #111116), to(transparent));
    background-image: -webkit-linear-gradient(#111116, #111116 90%, transparent);
    background-image: linear-gradient(#111116, #111116 90%, transparent);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff111116', endColorstr='#00000000', GradientType=0);
    z-index: 10;
    position: sticky;
    top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.playlist-header__close {
  display: none;
}
@media only screen and (max-width: 1171px) {
  .playlist-header__close {
    display: inline-block;
  }
}
.playlist-title {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  min-height: 34px;
}
.playlist-title__edit {
  position: relative;
  top: -2px;
  font-size: 22px;
  margin: 0 0 0 10px;
  cursor: pointer;
  display: none;
  border-bottom: 1px solid;
}
.playlist-title--can-edit .playlist-title__edit {
  display: inline-block;
}
.playlist-title--is-editing .playlist-title__edit {
  display: none;
}
.playlist-title__editable {
  -webkit-user-select: text;
  user-select: text;
}
.playlist-title__editable:focus {
  outline: 0;
}
.playlist-filter {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: text;
}
.playlist-filter:hover,
.playlist-filter:focus {
  border-color: rgba(255, 255, 255, 0.3);
}
.playlist-filter:hover .svg-icon,
.playlist-filter:focus .svg-icon {
  opacity: 0.2;
}
.playlist-filter:focus {
  outline: 0;
}
.playlist-filter .svg-icon {
  position: absolute;
  left: 5px;
  font-size: 24px;
  cursor: text;
  opacity: 0.1;
}
.playlist-filter .playlist-filter__clear {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .playlist-filter .playlist-filter__clear {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.playlist-filter--active {
  border-color: rgba(255, 255, 255, 0.3);
}
.playlist-filter--active .playlist-filter__clear {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.playlist-filter--active .svg-icon {
  opacity: 0.2;
}
.playlist-filter__input {
  padding: 7px 60px 7px 34px;
  height: 32px;
  box-sizing: border-box;
  background: none;
  border: 0 none;
  width: 100%;
  color: #ffffff;
}
.playlist-filter__input:focus {
  outline: 0;
}
.playlist-filter__clear {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  right: 10px;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  color: #99999c;
  letter-spacing: 0.1em;
  font-weight: 500;
  border-bottom: none;
  margin-top: 1px;
}
.playlist-filter__clear:focus {
  outline: 0;
}
.playlist-filter__clear:hover {
  color: #ffffff;
}
.btn--playlist {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.btn--playlist:hover {
  color: #99999c;
}
.css-transition-slide {
  transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate(50%, 0) scale(.9);
  -ms-transform: translate(50%, 0) scale(.9);
  transform: translate(50%, 0) scale(.9);
  opacity: 0;
}
.css-transition-slide.css-transition--enter,
.css-transition-slide.css-transition--exited {
  display: none;
}
.css-transition-slide.css-transition--entering {
  display: block;
}
.css-transition-slide.css-transition--entered {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .sidebar-widget--tip {
    display: none;
  }
}
@media only screen and (max-width: 1171px) {
  .vault-artworks {
    display: none;
  }
}
@media only screen and (max-width: 1171px) {
  .vault-artworks--popup {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111116;
    padding: 0;
    overflow-y: scroll;
    z-index: 1047;
    display: block;
    padding: 0 !important;
  }
  .vault-artworks--popup .artworks-selector {
    padding: 16px;
  }
  .vault-artworks--popup .playlist-header {
    padding-top: 16px;
  }
}
.certificate-image-placeholder {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.certificate-image-placeholder:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 78.30342577%;
}
.vault-tip-text {
  font-size: 14px;
  line-height: 1.4;
  color: #99999c;
}
.admin-panel {
  z-index: 9000;
  position: fixed;
  bottom: 20px;
  left: 20px;
  color: white;
}
.admin-panel-toggle {
  padding: 15px 20px;
  background: #111111;
  border: none;
  color: inherit;
  text-transform: uppercase;
}
.admin-panel-state {
  visibility: hidden;
  position: absolute;
}
.admin-panel-list {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: none;
  width: 220px;
  margin: 0;
  padding: 10px 0;
  background: #111111;
  list-style: none;
}
.admin-panel-state:checked ~ .admin-panel-list {
  display: block;
}
.admin-panel-list-item {
  list-style: none;
}
.admin-panel-list-link {
  display: block;
  position: relative;
  padding: 5px 60px 5px 20px;
  font-size: 12px;
  color: inherit;
}
.admin-panel-list-link:hover {
  text-decoration: none;
  color: inherit;
  background: rgba(255, 255, 255, 0.15);
}
.admin-panel-list-link:after {
  content: 'Off';
  display: block;
  position: absolute;
  top: 9px;
  right: 20px;
  padding: 2px 3px;
  min-width: 20px;
  border-radius: 3px;
  background: #CA4159;
  line-height: 1;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
}
.admin-panel-list-link-active:after {
  content: 'On';
  background: #1FAC99;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.nowrap {
  white-space: nowrap;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  display: none;
}
.dim.active {
  display: block;
}
.dim.show {
  opacity: 1;
}
.dimmed {
  opacity: .7;
}
.zi-1 {
  z-index: 1;
}
.zi-2 {
  z-index: 2;
}
.zi-3 {
  z-index: 3;
}
.absolute-overlay,
.fixed-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.fixed-overlay {
  position: fixed;
}
.absolute-overlay--medium-dark,
.fixed-overlay--medium-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.absolute-overlay--light,
.fixed-overlay--light {
  background-color: rgba(0, 0, 0, 0.3);
}
.fixed-overlay {
  position: fixed;
}
.no-resize {
  resize: none;
}
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: bottom;
}
.va-baseline {
  vertical-align: baseline;
}
.number-positive {
  color: #46a546;
}
.number-negative {
  color: #9d261d;
}
.thin {
  font-weight: 300;
}
.no-focus:focus {
  outline: 0;
}
.hidden {
  display: none;
}
.zstack {
  position: relative;
  z-index: 1;
}
.auto-margin {
  margin-left: auto;
  margin-right: auto;
}
.invisible {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.children-visible-on-hover:hover .invisible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.no-opacity {
  opacity: 0;
}
.visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.visible-on-hover {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
}
.visible-on-hover:hover {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.translate-into-middle {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.translate-into-middle-y {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
}
.translate-into-middle-x {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
}
.translate-to-left-100 {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.stretch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.h-100 {
  height: 100% !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.color-cta {
  color: #ff2850;
}
.color-error {
  color: #c20e1a;
}
.color-ok {
  color: #00c49d;
}
.color-current {
  color: currentColor;
}
.color-current:hover {
  color: currentColor;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.default-transition {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.slow-transition {
  transition: .8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.promotions {
  background: #f6f7f8;
}
.promotions__container {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  padding-top: 16px;
  padding-bottom: 64px;
}
@media only screen and (min-width: 576px) {
  .promotions__container {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1171px) {
  .promotions__container {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 768px) {
  .promotions__container {
    padding-bottom: 32px;
  }
}
.promotion {
  transition: all 350ms ease;
  display: block;
  height: 190px;
  padding: 30px 0;
  color: #111111;
  border-radius: 1px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  text-align: center;
  background-color: #ffffff;
  background-position: 50% 100%;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .promotion {
    height: 240px;
  }
}
.promotion:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  color: #111111;
}
.promotion__title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.5em;
  color: inherit;
}
.promotion__body {
  line-height: 1.25;
  font-size: 12px;
  color: inherit;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.8;
}
.promotion--inverse {
  background-color: #111111;
  color: #ffffff;
}
.promotion--inverse:hover {
  text-decoration: none;
  color: #ffffff;
}
.promotion--gifts {
  background-image: url(//cf.seditionart.com/assets/promotions/gifts-0edd512ab8bcfa9c06fef44b83b4e1c3.jpg);
}
.promotion--art-stream {
  background-image: url(//cf.seditionart.com/assets/promotions/art-stream-185b926927b74a4de32fe9bf74409dca.jpg);
}
.promotion--frame {
  background-image: url(//cf.seditionart.com/assets/promotions/frame-cc3fbffee07f382c785b02e3b0d0a0b3.jpg);
}
.bg-gray {
  background-color: #99999c;
  color: #fff;
}
.bg-gray.btn:hover {
  background-color: #7f7f83;
  color: #fff;
}
.bg-gray-light {
  background-color: #dcdcdf;
  color: #fff;
}
.bg-gray-light.btn:hover {
  background-color: #c1c1c7;
  color: #fff;
}
.bg-gray-lightest {
  background-color: #fafafa;
  color: #99999c;
}
.bg-gray-lightest.btn:hover {
  background-color: #ededed;
  color: #99999c;
}
.bg-gray-lightest:before {
  color: #99999c;
}
.bg-gray-lightest:active {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.05);
}
.bg-gray-soft {
  background-color: #fafafa;
}
.bg-cta {
  background-color: #ff2850;
  color: #fff;
}
.bg-cta:hover {
  background-color: #e91f45;
  color: #fff;
}
.bg-success {
  background-color: #08C49D;
}
.bg-error {
  background-color: #c20e1a;
}
.bg-dark-gray {
  background-color: #353646;
  color: #ffffff;
}
.bg-dark-gray.btn:hover {
  background-color: #4b4c63;
  color: #ffffff;
}
.bg-dark-gray.btn:active,
.bg-dark-gray.btn:focus {
  color: #dcdcdf;
}
.bg-dark-gray.btn:active:before,
.bg-dark-gray.btn:focus:before {
  color: #dcdcdf;
}
.bg-dark-gray:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bg-dark-gray-hover {
  background-color: #4b4c63;
}
.bg-gradient-into-dark {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 56%, #000000 77%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 56%, #000000 77%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 56%, #000000 77%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.bg-white {
  background-color: #ffffff;
}
.bg-black {
  background-color: #000;
}
html.device-splash-active body {
  min-width: 0;
}
.action-text {
  display: inline-block;
}
.action-text time {
  display: block;
}
.splash-screen-mobile-app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000;
  text-align: center;
}
.splash-screen-mobile-app header {
  margin: 0 0 20px;
  padding: 30px 0 220px;
  background: url(//cf.seditionart.com/assets/device_splash_screen/mobile-df3fcc57c6f0c11e5c3032c5b6d0e2ad.jpg) no-repeat center bottom;
  background-size: 320px 218px;
}
.splash-screen-mobile-app header h1 {
  font-size: 21px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  color: #111116;
  margin: 0 0 5px;
}
.splash-screen-mobile-app header p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
  color: #99999c;
}
.splash-screen-mobile-app .alt-action {
  padding: 10px 0 0 0;
}
.splash-screen-mobile-app .alt-action a {
  font-size: 15px;
  color: #000;
}
.splash-screen-mobile-app .alt-action a span {
  color: #666669;
}
.device-splash-iphone .splash-screen-mobile-app header {
  background: url(//cf.seditionart.com/assets/device_splash_screen/mobile-iphone-8307b186a86f5482e3358dc07c7b772e.jpg) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 190px;
  padding-top: 16px;
  margin-bottom: 13px;
}
.device-splash-iphone .splash-screen-mobile-app .alt-action {
  padding-top: 8px;
}
/* global */
.notice {
  background: #666;
  text-align: center;
  font-family: 'Din';
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  line-height: 30px;
  padding: 5px 0;
}
.notice a,
.notice a:hover {
  color: #fff;
  text-decoration: none;
}
.entity-section {
  margin-top: 32px;
  margin-bottom: 32px;
}
.btn-upload {
  overflow: hidden;
  cursor: pointer;
}
.image-upload {
  position: relative;
  overflow: hidden;
  min-height: 35px;
  min-width: 50px;
}
.image-upload .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  display: none;
}
.image-upload .loading:before {
  font-size: 40px;
  color: #fff;
}
.image-upload:hover .absolute-overlay {
  opacity: 1;
}
.image-upload[data-state="uploading"] .btn-upload {
  display: none;
}
.image-upload[data-state="uploading"] .absolute-overlay {
  opacity: 1;
}
.image-upload[data-state="uploading"] .loading {
  display: block;
}
.entity-article {
  border-top: 1px solid #eee;
  padding: 44px 0;
  clear: both;
}
.entity-article h1 {
  font-weight: bold;
  font-size: 19px;
  line-height: 24px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.followers-container {
  overflow: hidden;
}
.followers-container .follower {
  float: left;
  margin: 0 10px 10px 0;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 22px;
  font-family: "Sabon", "宋体", "Georgia", serif;
}
.data-table td {
  font-size: 16px;
  padding: 4px 5px 4px 0;
  border-bottom: 1px dotted #111;
}
.data-table .column-year {
  width: 70px;
}
.data-table .column-name {
  width: 300px;
  font-style: italic;
}
.data-table tr:last-child td {
  border-bottom-style: solid;
  padding-bottom: 22px;
}
.data-table.data-table-last tr:last-child td {
  border-bottom: 0 none;
  padding-bottom: 4px;
}
.dropdown-discover-content-type .btn.dropdown-toggle {
  font-weight: bold;
}
.dropdown-discover-content-type .active {
  box-shadow: none;
}
/* --------------------------------------------------------------------------
   General Styles
   -------------------------------------------------------------------------- */
.section-title {
  text-transform: uppercase;
  font-size: 27px;
  line-height: 26px;
  font-weight: bold;
  display: block;
}
.section-title.small {
  font-size: 19px;
  margin: 0 0 22px;
}
.section-title a {
  color: #111111;
}
.section-title .thin {
  font-weight: 300;
}
.section-title .subtitle,
.slate-footer .subtitle {
  font-weight: normal;
  text-transform: none;
  font-size: 14px;
  line-height: 18px;
  color: #666669;
  text-decoration: none;
  border-bottom: 1px solid #8c8c8f;
  margin: 4px 0 0 0;
  transition: border .3s, color .3s;
}
.section-title .subtitle:hover,
.slate-footer .subtitle:hover {
  border-bottom-color: transparent;
  color: #111;
  text-decoration: none;
}
.section-title .subtitle {
  float: right;
  white-space: nowrap;
}
.section-title {
  margin: 44px 0 22px;
}
.section-title + .section-explanation {
  margin-top: -22px;
}
.section-explanation {
  font-size: 16px;
  line-height: 1.6em;
  color: #99999c;
  margin: 0 0 20px;
  padding: 0 40px 0 0;
}
.section-explanation a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
}
.section-explanation a:hover {
  color: inherit;
  text-decoration: none;
}
.section-explanation a:hover {
  border-color: #dcdcdf;
}
a.section-title {
  color: #353646;
}
a.section-title:hover {
  color: #555555;
  text-decoration: none;
}
.inline-paging {
  position: relative;
  text-align: center;
}
.inline-paging a {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 1px;
  display: inline-block;
  margin: 0 6px 0 0;
  transition: background-color .2s ease-in, border-color .2s ease-in;
}
.inline-paging a:hover {
  background: #ccc;
}
.inline-paging a.active {
  border-radius: 2px;
  background: #ccc;
  cursor: default;
}
.inline-paging a:focus {
  outline: none;
}
.inline-paging.white a {
  border: 1px solid #fff;
}
.inline-paging.white a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.inline-paging.white a.active {
  background: #fff;
}
.inline-paging--rounded a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 12;
  height: 6;
  border-radius: 6px;
  border: 0;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0.2);
}
.inline-paging--rounded a:hover {
  border: 0;
  background: rgba(0, 0, 0, 0.4);
}
.inline-paging--rounded a.active {
  border: 0;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.6);
}
.inline-paging--rounded.white a {
  border: 0;
  background: rgba(255, 255, 255, 0.2);
}
.inline-paging--rounded.white a:hover {
  border: 0;
  background: rgba(255, 255, 255, 0.4);
}
.inline-paging--rounded.white a.active {
  border: 0;
  background: rgba(255, 255, 255, 0.6);
}
/* --------------------------------------------------------------------------
   Artworks
   -------------------------------------------------------------------------- */
.artwork-caption h2 {
  color: #111111;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
.artwork-caption h2 a {
  color: #111111;
}
.artwork-caption h2 a:hover {
  color: #555555;
  text-decoration: none;
}
a.artist-name,
a.artwork-caption {
  float: left;
}
a.artist-name:hover,
a.artwork-caption:hover,
a.artist-name:hover h1,
a.artwork-caption:hover h1,
a.artist-name:hover h2,
a.artwork-caption:hover h2 {
  color: #555555;
  text-decoration: none;
}
.artwork-title,
.artwork-caption h1 {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-style: italic;
  font-size: 16px;
  line-height: 21px;
}
.artwork-title a,
.artwork-caption h1 a {
  color: #111111;
}
.artwork-title a:hover,
.artwork-caption h1 a:hover {
  color: #555555;
  text-decoration: none;
}
a.artwork-title:hover {
  color: #555555 !important;
  text-decoration: none !important;
}
.artwork-caption .title {
  display: block;
}
/* Artworks Grid
   -------------------------------------------------------------------------- */
.artwork a {
  outline: 0;
}
.artwork .thumbnail {
  position: relative;
}
.artwork .thumbnail img {
  width: 100%;
  display: block;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.artwork .thumbnail img.is-loaded {
  opacity: 1;
}
.artwork .thumbnail .avatar img {
  min-height: 45px;
  opacity: 1;
}
.artwork .thumbnail .hover {
  transition: opacity .1s linear;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  opacity: 0;
}
.artwork .thumbnail .hover .hover-inner {
  padding: 10px 5px 5px 10px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #111111;
  color: #fff;
  box-sizing: border-box;
}
.artwork .thumbnail .trade-placeholder,
.artwork .thumbnail .parent-placeholder {
  position: absolute;
  top: 10px;
  opacity: 0;
  transition: opacity .3s;
}
.artwork .thumbnail .trade-placeholder,
.artwork .thumbnail .parent-placeholder {
  left: 10px;
}
.artwork .thumbnail .trade-placeholder .tooltip-left,
.artwork .thumbnail .parent-placeholder .tooltip-left {
  cursor: pointer;
  display: none;
}
.artwork .thumbnail .trade-placeholder:hover .tooltip-left,
.artwork .thumbnail .parent-placeholder:hover .tooltip-left {
  display: block;
  opacity: 1;
}
.artwork .thumbnail .trade-placeholder .icon,
.artwork .thumbnail .parent-placeholder .icon {
  width: 31px;
  height: 31px;
  line-height: 31px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
.artwork .thumbnail .parent-placeholder {
  opacity: 1;
}
.artwork .thumbnail .parent-placeholder .icon-layers {
  color: #fff;
  text-align: center;
}
.artwork .thumbnail .parent-placeholder .icon-layers:before {
  position: relative;
  top: 2px;
  font-size: 16px;
}
.artwork .thumbnail .trade-placeholder .trade-icon {
  background-image: url(//cf.seditionart.com/assets/icons/trade_soldout_state_icons-2e77cc4550ae2b5de9e8953ee7284b0c.png);
  background-position: center top;
  background-repeat: no-repeat;
}
.artwork .thumbnail .trade-placeholder .trade-icon:hover {
  background-position: center bottom;
}
.artwork .thumbnail:hover .trade-placeholder,
.artwork .thumbnail:hover .overlay {
  opacity: 1;
}
.artwork .overlay {
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  cursor: pointer;
  display: block;
  opacity: 0;
}
.artwork .overlay .middle {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  position: relative;
  top: 50%;
  cursor: pointer;
}
.artwork .overlay .overlay-button {
  transition: background-color 0.2s;
  border: 2px solid #111116;
  border-radius: 2px;
  color: #000;
  text-decoration: none;
  padding: 5px 10px 3px;
  display: inline-block;
  font-weight: 500;
  min-width: 60px;
  font-size: 13px;
  text-align: center;
}
.artwork .overlay .overlay-button:hover {
  background: #111116;
  color: #fff;
}
.artwork .overlay .overlay-button + .overlay-button {
  margin-left: 20px;
}
.artwork .artwork-info {
  position: relative;
  margin: 13px 0 0px;
}
.artwork .artwork-info a {
  color: #111111;
}
.artwork .artwork-info a:hover {
  color: #555555;
  text-decoration: none;
}
.artwork .artwork-info .artwork-caption h2 {
  width: 84%;
}
.artwork .artwork-info .pricing {
  width: 44%;
  position: absolute;
  top: -3px;
  right: 0;
  text-align: right;
}
.artwork .artwork-info .pricing .edition {
  font-weight: 300;
}
.artwork .artwork-info .pricing .price {
  font-weight: bold;
  font-size: 16px;
}
.artwork.not-for-sale .artwork-info .price,
.artwork.sold-out .artwork-info .price {
  position: relative;
  text-transform: uppercase;
  top: 1px;
  font-size: 13px;
}
.artwork.not-for-sale.artwork-no-artist .price {
  display: none;
}
.artwork.not-for-sale.artwork-no-artist .artwork-caption h1 {
  width: 100%;
}
.artwork.artwork-size-2 .artwork-caption h2 {
  width: 84%;
}
.artwork.artwork-size-2 .pricing {
  width: 28%;
}
.artwork.artwork-size-2 .thumbnail img {
  min-height: 273px;
}
.artwork .play-icon {
  display: none;
}
.artwork.artwork-type-video .play-icon {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.artwork.artwork-no-artist .artwork-caption h2 {
  display: none;
}
.artwork.artwork-no-artist .artwork-caption h1 {
  width: 80%;
}
.artwork.artwork-no-artist .pricing {
  top: 0;
}
.artwork.artwork-no-price .pricing {
  display: none;
}
.artwork.artwork-no-info .artwork-info {
  display: none;
}
.artworks {
  position: relative;
}
/* Artwork Detail
   -------------------------------------------------------------------------- */
/**
 * Artwork Detail
 */
.artwork-detail .play-icon {
  display: none;
}
.artwork-detail .sharing-buttons {
  margin: 30px 0 0 0;
}
.artwork-description {
  font-family: "Sabon", "宋体", "Georgia", serif;
  font-size: 16px;
  line-height: 1.6;
}
.artwork-description p:last-child {
  margin-bottom: 0;
}
.artwork-related-info h3 {
  font-size: 14px;
  line-height: 1em;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.artwork-related-info h3:before {
  position: relative;
  top: 5px;
  font-size: 22px;
  margin: 0 3px 0 0;
}
.artwork-related-info p {
  font-size: 14px;
  line-height: 1.4em;
}
.artwork-related-info p a {
  color: #111116;
  font-weight: 500;
  border-bottom: 1px solid #353646;
  transition: all 0.2s ease-in;
}
.artwork-related-info p a:hover {
  text-decoration: none;
  border-bottom-color: #dcdcdf;
}
.included-with-purchase :before {
  vertical-align: middle;
}
.included-with-purchase td:first-child {
  font-size: 24px;
}
.included-with-purchase td:last-child {
  padding-left: 11px;
  padding-top: 3px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .artwork-actions {
    width: 240px;
  }
}
.artwork-actions .gift-widget {
  position: relative;
}
.artwork-status-info {
  font-size: 14px;
  line-height: 1.2em;
}
.private-view-countdown {
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 22px;
  padding: 30px 0 24px;
}
.partner-promotion {
  clear: both;
  margin: 0 0 32px;
}
.partner-promotion .partner-logo {
  display: block;
}
.partner-promotion .partner-logo img {
  display: block;
}
@media only screen and (max-width: 576px) {
  .partner-promotion .partner-logo img {
    width: 50%;
    height: auto;
  }
}
.partner-promotion h2 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1em;
  margin: 0 0 10px;
}
.artwork-name-prada-marfa .price {
  max-width: 50% !important;
}
.artwork-name-prada-marfa .price-message {
  width: 39% !important;
  line-height: 1.2em !important;
  margin-top: 2px;
}
.artwork-name-prada-marfa .price-message .price-increase {
  display: none !important;
}
.artwork-outer-container {
  -webkit-filter: blur(0px);
  transition: all .2s ease-in;
}
.has-private-view-gateway {
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.private-view-gateway {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  position: fixed;
  max-width: 440px;
  width: 100%;
  padding: 48px 32px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 0 30px rgba(17, 17, 22, 0.25);
}
.private-view-gateway .btn-follow {
  margin: 0px 0 6px;
}
.artwork-detail__preview {
  background: #000000;
}
/* Artwork Group Index
   -------------------------------------------------------------------------- */
.artwork-group-index .artworks-slate {
  margin-bottom: 35px;
}
/* Artwork Group Detail
   -------------------------------------------------------------------------- */
.artwork-group-detail .artwork-group-discount,
.artwork-group-detail .artwork-group-size {
  text-transform: uppercase;
  display: block;
}
.artwork-group-detail .buttons-container form {
  float: none;
}
.artwork-group-detail .buttons-container .btn-buy {
  width: 100%;
}
.artwork-group-detail .sharing-buttons {
  margin: 30px 0 0 0;
}
.artwork-group-detail .artwork-actions.short .price-discount,
.artwork-group-detail .artwork-actions.short .price-normal {
  width: 46%;
  text-align: center;
}
.artwork-group-detail .artwork-actions.short .price-discount p {
  text-align: left;
  letter-spacing: -0.02em;
}
.artwork-group-detail .artwork-actions.short .price-normal p {
  text-align: right;
  letter-spacing: -0.02em;
}
/* --------------------------------------------------------------------------
   Slates
   -------------------------------------------------------------------------- */
/**
 * Generic Slate
 */
.slate {
  position: relative;
  min-width: 100%;
}
.slate .slate-subtitle {
  text-transform: none;
  color: #666669;
  font-weight: 300;
  font-size: 18px;
  padding-left: 10px;
}
.slate .inline-paging {
  position: relative;
  width: 100%;
  margin-top: 15px;
  z-index: 1000;
}
/**
 * Slate container is used to consistently space items vertically.
 * .slate-container
 *   .slate-container__items
 *     .slate-container__item
 */
.slate-container {
  margin-bottom: 48px;
}
@media only screen and (max-width: 576px) {
  .slate-container {
    margin-bottom: 32px;
  }
}
.slate-container--no-margin {
  margin-bottom: 0;
}
.slate-container + .slate-container--stick {
  margin-top: -48px;
}
@media only screen and (max-width: 576px) {
  .slate-container + .slate-container--stick {
    margin-top: -32px;
  }
}
.slate-container__items {
  margin-bottom: -32px;
}
@media only screen and (max-width: 576px) {
  .slate-container__items {
    margin-bottom: -16px;
  }
}
.slate-container__item {
  margin-bottom: 32px;
}
@media only screen and (max-width: 576px) {
  .slate-container__item {
    margin-bottom: 16px;
  }
}
.slate__title {
  text-transform: uppercase;
  font-size: 27px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 21.33333333px 0;
}
@media only screen and (max-width: 576px) {
  .slate__title {
    margin-bottom: 16px;
  }
}
.slate__title a:not(.slate__title-link) {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: inherit;
  text-decoration: none;
}
.slate__title a:not(.slate__title-link):hover {
  text-decoration: none;
  color: #555555;
}
@media only screen and (max-width: 576px) {
  .slate__title .thin {
    white-space: nowrap;
  }
}
.slate__title--centered {
  text-align: center;
}
.slate__title small {
  text-transform: none;
}
.slate__title--small {
  font-size: 16px;
  line-height: 17.6px;
}
.slate__title-link {
  font-size: 14px;
  font-weight: 500;
  float: right;
  white-space: nowrap;
  margin-top: 3px;
}
@media only screen and (max-width: 576px) {
  .slate__title-link {
    float: none;
  }
  .slate__title-link:before {
    content: ' ';
    display: block;
  }
}
.slate--no-link .slate__title-link {
  display: none;
}
.slate__items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -26px;
  margin-right: -32px;
}
.slate__items--space-between {
  justify-content: space-between;
}
.slate-item__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.is-error .slate-item__overlay {
  background-image: none;
}
.slate__items-group .slate-item__overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.slate-item--image {
  position: relative;
  background-color: #000000;
  color: #ffffff;
}
.slate-item--image:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
@media only screen and (min-width: 1171px) {
  .slate-item--image.slate-item--fill-image-lg:before {
    height: 100%;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1171px) {
  .slate-item--fill-image-lg {
    height: 100%;
  }
}
.slate-item__wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.slate-item--image .slate-item__wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px 20px;
  background-color: #111116;
}
.slate-item--image .slate-item__contents {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
}
.slate-item--1-3 {
  width: calc(33.33% - 32px);
}
.slate-item--1-3-wide-gutter {
  width: calc(33.33% - 40px);
}
.slate-item--1-4 {
  width: calc(25% - 32px);
}
.slate-item--fluid {
  width: calc(25% - 32px);
}
@media only screen and (max-width: 1240px) {
  .slate-item--fluid {
    width: calc(33.33% - 32px);
  }
}
@media only screen and (max-width: 767px) {
  .slate-item--fluid {
    width: calc(50% - 32px);
  }
}
@media only screen and (max-width: 575px) {
  .slate-item--fluid {
    width: 100%;
  }
}
.slate__item-title {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .col-sm-6 .slate__item-title {
    font-size: 19px;
  }
}
.slate__item-author {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: .8;
  color: #99999c;
}
.slate__item-author .key-value__value {
  color: #ffffff;
}
.slate__item-title + .slate__item-author {
  margin-top: 8px;
}
.slate-item:hover .slate__item-author {
  opacity: 1;
}
.slate__item-content {
  color: #aaa;
  font-size: 17px;
  line-height: 1.35;
}
.slate__item-title + .slate__item-content {
  margin-top: 5px;
}
.slate__item-content:empty {
  display: none;
}
.slate__content-link {
  color: inherit;
}
.slate__content-link:hover {
  color: inherit;
  text-decoration: none;
}
/**
 * Artworks Slate
 */
.load-more-pagination {
  text-align: center;
  min-height: 40px;
}
.load-more-pagination .page-number {
  padding-right: 0;
  margin: 10px 0 0 0;
  color: #99999c;
}
.load-more-pagination .loaded .btn-load-more {
  display: none;
}
/* Activity Slate
   -------------------------------------------------------------------------- */
.actions-slate {
  margin-bottom: 0;
}
.actions-slate .artworks {
  min-height: 280px;
}
/* Artist Quotes Slate
   -------------------------------------------------------------------------- */
.quotes-slate {
  position: relative;
  height: 480px;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  background: #535358;
}
.quotes-slate .horizontal-navigation__next,
.quotes-slate .horizontal-navigation__previous {
  margin-top: 205px;
  z-index: 100;
}
.quotes-slate .artist-quote {
  position: absolute;
  height: 480px;
  width: 100%;
  opacity: 0;
  background-position: top center;
  background-repeat: no-repeat;
}
.quotes-slate .artist-quote.active {
  opacity: 1;
}
.quotes-slate .artist-quote.active blockquote {
  z-index: 50;
  opacity: 1;
}
.quotes-slate .artist-quote.artist-quote-peter-saville {
  background-image: url(//cf.seditionart.com/assets/artist_quotes/peter_saville-6fe83f5b5dc561762f2a1b1b54a16185.jpg);
  background-color: #141414;
}
.quotes-slate .artist-quote.artist-quote-peter-saville blockquote {
  margin-top: 120px;
  margin-left: -450px;
}
.quotes-slate .artist-quote.artist-quote-peter-saville.active blockquote {
  margin-left: -430px;
}
.quotes-slate .artist-quote.artist-quote-michael-craig-martin {
  background-image: url(//cf.seditionart.com/assets/artist_quotes/michael_craig_martin-6254df5961bd0b041d3af9a611e2eafe.jpg);
  background-color: #010101;
}
.quotes-slate .artist-quote.artist-quote-michael-craig-martin blockquote {
  margin-top: 120px;
  margin-left: 20px;
}
.quotes-slate .artist-quote.artist-quote-michael-craig-martin.active blockquote {
  margin-left: 0;
}
.quotes-slate .artist-quote.artist-quote-tracey-emin {
  background-image: url(//cf.seditionart.com/assets/artist_quotes/tracey_emin-517b5b71e081646a4a90be669ccf0105.jpg);
  background-color: #7d7d7f;
}
.quotes-slate .artist-quote.artist-quote-tracey-emin blockquote {
  margin-top: 120px;
  margin-left: -480px;
}
.quotes-slate .artist-quote.artist-quote-tracey-emin.active blockquote {
  margin-left: -450px;
}
.quotes-slate .artist-quote.artist-quote-shepard-fairey {
  background-image: url(//cf.seditionart.com/assets/artist_quotes/shepard_fairey-4b49bf701007ea7ce07808510feeb888.jpg);
  background-color: #606061;
}
.quotes-slate .artist-quote.artist-quote-shepard-fairey blockquote {
  margin-top: 130px;
  margin-left: -80px;
}
.quotes-slate .artist-quote.artist-quote-shepard-fairey.active blockquote {
  margin-left: -100px;
}
.quotes-slate blockquote {
  position: absolute;
  left: 50%;
  margin: 50px 0 0 -450px;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-family: "Sabon", "宋体", "Georgia", serif;
  border: 0 none;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.51);
  opacity: 0;
  transition: margin .8s, opacity 1s;
}
.quotes-slate blockquote .close-quote,
.quotes-slate blockquote:before {
  position: relative;
  top: 10px;
  font-size: 40px;
  line-height: 24px;
  font-weight: bold;
  font-family: "Din", "Microsoft YaHei", "微软雅黑", "黑体", "Helvetica Neue", "Arial Nova Condensed", sans-serif;
}
.quotes-slate blockquote:before {
  content: '“';
  top: 15px;
  left: -2px;
  width: 20px;
  margin: 0 0 0 -25px;
  display: inline-block;
}
.quotes-slate blockquote cite {
  margin: 25px 0 0 0;
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.2em;
}
.quotes-slate blockquote cite a {
  color: #fff;
  border-bottom: 1px solid transparent;
  transition: border-color 0.6s;
}
.quotes-slate blockquote cite a:hover {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
.quotes-slate .inline-paging {
  position: absolute;
  bottom: 35px;
  z-index: 60;
}
.press-logos-slate__item {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.5;
}
.press-logos-slate__item img {
  height: 47px;
}
@media only screen and (max-width: 768px) {
  .press-logos-slate__item img {
    height: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .press-logos-slate__item img {
    height: 24px;
  }
}
.press-logos-slate__item:hover {
  opacity: 1;
}
/**
  * Hero
  */
.hero-headline {
  font-size: 36px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
}
.hero-headline b {
  font-weight: bold;
}
.hero-headline .subtitle {
  font-size: 20px;
  color: #99999c;
  text-transform: none;
}
.hero-headline--heavy {
  font-weight: 900;
  font-size: 50px;
}
.hero-slate {
  position: relative;
  background: #111116;
  color: #ffffff;
  max-height: calc(100vh - 80px);
  /* Slider States
     -------------------------------------------------------------------------- */
}
.hero-slate:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
@media only screen and (max-width: 768px) {
  .hero-slate {
    min-height: 400px;
  }
  .hero-slate .lazy-background:before {
    background-size: cover;
    background-position: center;
  }
}
.hero-slate .cta,
.hero-slate .hero-second-title,
.hero-slate .all-claimed,
.hero-slate .hero-subtitle,
.hero-slate .hero-artwork-info {
  opacity: 0;
}
.hero-slate .image-container {
  position: absolute;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.hero-slate .video-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hero-slate .video-container--640 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 640px;
  max-height: 320px;
  left: 50%;
  top: 50%;
}
.hero-slate .horizontal-navigation__next,
.hero-slate .horizontal-navigation__previous {
  z-index: 60;
}
@media only screen and (max-width: 576px) {
  .hero-slate .horizontal-navigation__next,
  .hero-slate .horizontal-navigation__previous {
    display: none;
  }
}
.hero-slate .slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  display: none;
}
.hero-slate .slide p a:not(.btn) {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  display: inline-block;
  line-height: 1;
  color: #ffffff;
}
.hero-slate .slide p a:not(.btn):hover {
  color: inherit;
  text-decoration: none;
}
.hero-slate .slide p a:not(.btn):hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.hero-slate .slide.active {
  opacity: 1;
  display: block;
}
.hero-slate .slide__middle {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  position: relative;
  top: 50%;
  text-align: center;
}
.hero-slate .slide__section {
  margin-bottom: 30px;
}
.hero-slate .slide__section--small {
  margin-bottom: 10px;
}
.hero-slate .inline-paging {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  position: absolute;
  bottom: 0;
  padding: 16px;
  z-index: 60;
}
.hero-slate.rendered .cta,
.hero-slate.rendered .inline-paging,
.hero-slate.rendered .horizontal-navigation__next,
.hero-slate.rendered .horizontal-navigation__previous,
.hero-slate.rendered .hero-subtitle,
.hero-slate.rendered .hero-second-title,
.hero-slate.rendered .all-claimed {
  transition: opacity .8s ease-in;
  transition-delay: 1s;
}
.hero-slate.rendered .hero-artwork-info {
  transition: opacity 1s;
}
.hero-slate.rendered .hero-second-title,
.hero-slate.rendered .hero-subtitle {
  opacity: 1;
}
.hero-slate.show-artwork-info .hero-artwork-info,
.hero-slate.show-controls .inline-paging,
.hero-slate.show-controls .horizontal-navigation__next,
.hero-slate.show-controls .horizontal-navigation__previous {
  opacity: 1;
}
.hero-slate.show-cta .cta,
.hero-slate.show-cta .all-claimed {
  opacity: 1;
}
.hero-artwork-info {
  background-color: rgba(11, 11, 16, 0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(11, 11, 16, 0.7)), color-stop(80%, rgba(11, 11, 16, 0)), to(rgba(11, 11, 16, 0)));
  background-image: -webkit-linear-gradient(rgba(11, 11, 16, 0.7), rgba(11, 11, 16, 0) 80%, rgba(11, 11, 16, 0));
  background-image: linear-gradient(rgba(11, 11, 16, 0.7), rgba(11, 11, 16, 0) 80%, rgba(11, 11, 16, 0));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30b0b10', endColorstr='#000b0b10', GradientType=0);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.hero-artwork-info a:hover {
  color: #99999c;
  text-decoration: none;
}
.hero-artwork-info.white a {
  color: #fff;
}
.hero-artwork-info.white a:hover {
  color: #eee;
}
.hero-artwork-info--full-width {
  padding: 40px 45px 50px;
}
@media only screen and (max-width: 768px) {
  .hero-artwork-info--full-width {
    padding: 16px;
  }
}
.angled-separator {
  position: relative;
  width: 20px;
  height: 1px;
  display: inline-block;
}
.angled-separator:after {
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  position: absolute;
  top: -28px;
  left: 50%;
  content: "";
  display: inline-block;
  width: 1px;
  height: 35px;
  background: #111116;
  background: currentColor;
  margin-top: 5px;
}
.angled-separator--small {
  width: 10px;
  opacity: 0.5;
}
.angled-separator--small:after {
  height: 18px;
  top: -18px;
}
.hero-artwork-info__title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
}
@media only screen and (max-width: 576px) {
  .hero-artwork-info__title {
    font-size: 14px;
  }
}
.hero-artwork-info__meta {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 32px;
  font-weight: normal;
}
@media only screen and (max-width: 576px) {
  .hero-artwork-info__meta {
    font-size: 12px;
  }
}
.hero-slide {
  color: #ffffff;
}
.hero-slide-inverse {
  color: #111111;
}
.hero-slide-tv {
  background: url(//cf.seditionart.com/assets/hero/tv-background-a81ab70813b95e178f9ab445a9d5cf92.jpg) no-repeat center center;
}
.hero-slide-tablet {
  background: url(//cf.seditionart.com/assets/hero/galaxy-e627670f7e8ec6a0fa65fb6b0a3691bc.jpg) no-repeat center center;
}
.hero-slide-gift {
  background: url(//cf.seditionart.com/assets/hero/crate-3e367362dc1291ea58cad2c77e244800.jpg) 50% 50% no-repeat, url(//cf.seditionart.com/assets/hero/noise-pattern-4ad4264ad479c7951b324cd1c55812c4.jpg) 0 0 repeat;
}
.hero-section {
  margin-top: 150px;
  margin-bottom: 150px;
}
.hero-content {
  margin-top: 50px;
  margin-bottom: 50px;
}
.hero-header {
  width: 50%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.hero-title {
  transition: opacity 500ms ease-in;
  transition-delay: 1000ms;
  position: relative;
  color: inherit;
}
.hero-slide .hero-title {
  opacity: 0;
}
.rendered .hero-title {
  opacity: 1;
}
.hero-title strong {
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  .hero-title {
    font-size: 32px;
  }
}
.hero-description {
  transition: opacity 750ms ease-in;
  transition-delay: 1s;
  position: relative;
  color: inherit;
}
@media only screen and (max-width: 768px) {
  .hero-description {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero-description a {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: inherit;
  line-height: 1.15em;
  display: inline-block;
}
.hero-description a:hover {
  color: inherit;
  text-decoration: none;
}
.hero-description a:hover,
.hero-description a:hover .link-border__content {
  border-bottom-color: #dcdcdf;
}
.standfirst .hero-description a:hover {
  color: currentColor;
}
.hero-description a .link-border__content {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: inline-block;
}
.btn--text .hero-description a {
  line-height: 1;
}
.key-value .hero-description a,
.hero-description a.key-value {
  padding-bottom: 0;
}
.hero-slide .hero-description {
  opacity: 0;
}
.rendered .hero-description {
  opacity: 0.8;
}
.hero-description--centered {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.hero-description--large {
  font-size: 23px;
  font-weight: 300;
}
.hero-description--large b {
  font-weight: 500;
}
.hero-description--slick {
  font-size: 21px;
  font-weight: 300;
  opacity: 1;
}
.hero-description--slick b {
  font-weight: 700;
}
.rendered .hero-description--slick {
  opacity: 1;
}
.hero-footer {
  transition: all 1000ms ease-in;
  transition-delay: 1500ms;
}
.hero-slide .hero-footer {
  -webkit-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%);
  opacity: 0;
}
.rendered .hero-footer {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.hero-footer p {
  margin-top: 1em;
}
.hero-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.hero-media-tv {
  width: 615px;
  height: 350px;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -310px;
}
.hero-media-tablet {
  opacity: 0.6;
  width: 482px;
  height: 284px;
  top: 50%;
  left: 50%;
  margin: -162px 0 0 -240px;
}
.hero-subtitle {
  font-size: 21px;
  line-height: 1.6;
  font-weight: 300;
}
.hero-slate-edition-hotels {
  background: #000;
}
#artwork-this-is-my-favourite-little-bird .image-container,
#artwork-newaesthetic-tv-extended-play-remix .image-container,
#artwork-peace-guard .image-container,
#artwork-progress .image-container {
  background-size: contain;
  background-position: center top;
  background-color: #000;
}
#artwork-feeling-relieved-image {
  background-position: center -200px;
}
#transfiguration-slide {
  background-color: #000;
}
.hero__middle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hero__section {
  max-width: 800px;
  margin: 0 auto 16px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .hero__section .conditional-break {
    display: none;
  }
}
.hero__content--secondary {
  color: #dcdcdf;
}
.hero__content--secondary .emphasized {
  color: #ffffff;
}
.hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: contain;
}
.hero__footer {
  position: absolute;
  bottom: 0;
  padding-bottom: 32px;
  width: 100%;
}
.slide--friends-invite .hero__background {
  position: absolute;
  top: 50%;
}
.homepage-hero {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  height: 95vh;
  max-height: unset;
}
@media only screen and (max-width: 1171px) {
  .homepage-hero {
    height: 95vh;
  }
  .homepage-hero .inline-paging {
    display: none;
  }
}
@media only screen and (max-width: 1171px) {
  .homepage-hero .horizontal-navigation__next,
  .homepage-hero .horizontal-navigation__previous {
    display: block;
  }
}
@media only screen and (max-width: 350px) {
  .homepage-hero .horizontal-navigation__next,
  .homepage-hero .horizontal-navigation__previous {
    display: none;
  }
}
.homepage-hero__shadow {
  background-color: rgba(11, 11, 16, 0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(11, 11, 16, 0.4)), color-stop(80%, rgba(11, 11, 16, 0)), to(rgba(11, 11, 16, 0)));
  background-image: -webkit-linear-gradient(rgba(11, 11, 16, 0.4), rgba(11, 11, 16, 0) 80%, rgba(11, 11, 16, 0));
  background-image: linear-gradient(rgba(11, 11, 16, 0.4), rgba(11, 11, 16, 0) 80%, rgba(11, 11, 16, 0));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660b0b10', endColorstr='#000b0b10', GradientType=0);
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 150px;
}
.homepage-hero__shadow--top {
  top: 0;
}
.homepage-hero__shadow--bottom {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 0;
}
.homepage-hero__content {
  flex: 1;
}
@media only screen and (min-width: 576px) {
  .homepage-hero__content {
    background: transparent;
  }
}
.hero-slide--artwork {
  color: #ffffff;
}
.hero-slide--artwork a {
  color: currentColor;
}
.hero-slide--artwork a:hover {
  color: #fafafa;
}
.homepage-hero__content-wrapper {
  max-width: 45% !important;
}
@media only screen and (max-width: 1171px) {
  .homepage-hero__content-wrapper {
    max-width: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .homepage-hero__content-wrapper {
    max-width: 100% !important;
  }
}
.homepage-hero__displays,
.homepage-hero__content-wrapper {
  -webkit-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  transition: all 1s;
  opacity: 0;
}
.hero--rendered .slide.active .homepage-hero__displays,
.hero--rendered .slide.active .homepage-hero__content-wrapper {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.hero--rendered .slide.active .homepage-hero__displays {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.6;
}
.hero--rendered .slide.active .homepage-hero__displays:hover {
  opacity: 1;
}
.homepage-hero__label {
  text-transform: uppercase;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 0.44px;
  line-height: normal;
}
@media only screen and (max-width: 576px) {
  .homepage-hero__label {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 576px) {
  .homepage-hero__artwork-title {
    font-size: 27px;
  }
}
.homepage-hero__author-name {
  letter-spacing: 1.3px;
}
@media only screen and (max-width: 576px) {
  .homepage-hero__author-name {
    font-size: 18px;
    letter-spacing: 1.1px;
  }
}
.homepage-hero__description {
  font-size: 21px;
  font-family: "Sabon", "宋体", "Georgia", serif;
}
@media only screen and (max-width: 576px) {
  .homepage-hero__description {
    font-size: 18px;
  }
}
.mobile-homepage-hero .homepage-hero__content-wrapper {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.homepage-hero__video-background {
  transition: 2s opacity;
}
.exhibitions-slate {
  font-size: 15px;
  text-align: left;
}
.exhibitions-slate table {
  width: 100%;
  font-family: "Sabon", "宋体", "Georgia", serif;
}
.exhibitions-slate table td,
.exhibitions-slate table th {
  border-bottom: 1px dotted #ddd;
  padding: 8px;
}
.exhibitions-slate table td:first-child,
.exhibitions-slate table th:first-child {
  padding-left: 0;
}
.exhibitions-slate table td:nth-child(2),
.exhibitions-slate table th:nth-child(2) {
  padding-right: 20px;
  width: 100%;
}
.exhibitions-slate table td:nth-child(3),
.exhibitions-slate table th:nth-child(3) {
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .exhibitions-slate table td:nth-child(3),
  .exhibitions-slate table th:nth-child(3) {
    white-space: nowrap;
  }
}
.exhibitions-slate table th {
  font-weight: normal;
  font-style: italic;
}
.exhibitions-slate .hidden {
  display: none;
}
.exhibitions-slate.open .hidden {
  display: table-row;
}
.exhibitions-slate.open .text-less {
  display: block;
}
.exhibitions-slate.open .text-more {
  display: none;
}
.exhibitions-slate .btn-show-more {
  display: inline-block;
  margin-top: 10px;
}
.galleries-slate table {
  width: 100%;
}
.galleries-slate table td,
.galleries-slate table th {
  width: 33%;
  font-size: 15px;
  font-family: "Sabon", "宋体", "Georgia", serif;
  border-bottom: 1px dotted #ddd;
  padding: 8px 0;
  text-align: left;
}
.galleries-slate table th {
  font-weight: normal;
  font-style: italic;
}
.artwork-promo-slate {
  position: relative;
}
.artwork-promo-slate .device--slate-tv {
  width: 605px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .device--slate-tv {
    width: 356px;
    height: 220px;
  }
}
@media only screen and (max-width: 576px) {
  .artwork-promo-slate .device--slate-tv {
    width: 284.8px;
    height: 176px;
  }
}
.artwork-promo-slate .device--slate-imac {
  bottom: 93px;
  right: 30px;
  width: 293px;
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .device--slate-imac {
    top: 67px;
    right: 30px;
    width: 183px;
  }
}
@media only screen and (max-width: 576px) {
  .artwork-promo-slate .device--slate-imac {
    display: none;
  }
}
.artwork-promo-slate .device--slate-frame {
  bottom: 93px;
  left: 64px;
  width: 199px;
}
@media only screen and (max-width: 1171px) {
  .artwork-promo-slate .device--slate-frame {
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .device--slate-frame {
    display: none;
  }
}
.artwork-promo-slate .device--slate-iphone {
  bottom: 77px;
  left: 30px;
  width: 103px;
}
.artwork-promo-slate .device--slate-iphone .device__content-container {
  border-radius: 3px;
  overflow: hidden;
}
@media only screen and (max-width: 1171px) {
  .artwork-promo-slate .device--slate-iphone {
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .device--slate-iphone {
    display: none;
  }
}
.artwork-promo-slate .device--slate-iphone .device__content-container:after {
  width: 5px;
  height: 27px;
  content: '';
  display: block;
  position: absolute;
  background-image: url(//cf.seditionart.com/assets/hero/iphone_top-384a6119e07b426400717f8dfe0a5317.png);
  background-size: 100% auto;
  left: -1px;
  top: 9px;
}
.artwork-promo-slate .device--slate-apple-tv {
  position: absolute;
  margin: 0 auto;
  width: 68px;
  height: 38px;
  background: url(//cf.seditionart.com/assets/hero/apple_tv-e012d2cd78df18230323bbf9934d4693.png) no-repeat;
  background-size: 100% auto;
  right: 320px;
  bottom: 77px;
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .device--slate-apple-tv {
    display: none;
  }
}
.artwork-promo-slate .hero-image-container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 1171px) {
  .artwork-promo-slate .container {
    max-width: none;
  }
}
.artwork-promo-slate .hero-headline {
  display: none;
}
.artwork-promo-slate .slide-container {
  position: relative;
  height: 465px;
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .slide-container {
    height: 320px;
  }
}
@media only screen and (max-width: 768px) {
  .artwork-promo-slate .slide-container {
    height: 320px;
  }
}
@media only screen and (max-width: 576px) {
  .artwork-promo-slate .slide-container {
    height: 280px;
  }
}
.artwork-promo-slate .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
.artwork-promo-slate .slide.active {
  display: block;
}
.artwork-promo-slate .cta-container {
  position: absolute;
  right: 0;
  bottom: 18px;
  text-align: right;
  width: 300px;
}
.artwork-promo-slate .cta-container form {
  margin: 0;
}
.artwork-promo-slate .cta-container .btn {
  float: right;
  margin-left: 10px;
}
.artwork-promo-slate.artwork-in-vault .hero-headline {
  display: block;
  margin: 0 0 40px 0;
}
.artwork-promo-slate.artwork-in-vault .cta-container {
  left: 50%;
  right: auto;
  width: 320px;
  margin: 0 0 0 -163px;
  text-align: center;
}
.artwork-promo-slate.artwork-in-vault .slide-devices .slide-description {
  display: none;
}
.artwork-promo-slate.artwork-in-vault .horizontal-navigation__next,
.artwork-promo-slate.artwork-in-vault .horizontal-navigation__previous {
  top: 210px;
}
.artwork-grid__tabs {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .artwork-grid__tabs {
    overflow-x: scroll;
  }
}
.artwork-grid__tabs::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 768px) {
  .artwork-grid__tabs-container {
    width: 1088px;
  }
}
.artwork-grid__load-more {
  border-bottom: 1px solid #dcdcdf;
}
.artwork-grid__title-container {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.artwork-grid__tab {
  background: transparent;
  border: none;
  font-size: 18px;
  outline: none;
  border-bottom: 3px solid transparent;
  padding: 5px 0;
}
@media only screen and (max-width: 1171px) {
  .artwork-grid__tab {
    font-size: 16px;
  }
}
.artwork-grid__tab:first-child {
  padding-left: 0;
}
.artwork-grid__tab:last-child {
  padding-right: 0;
}
.slate-title__white_bg {
  display: inline-block;
  background: #ffffff;
  padding: 0 10px;
}
.artwork-grid__tab--active,
.artwork-grid__tab.active {
  border-bottom-color: #000000;
  color: #000000;
}
.artwork-grid__tab--sticky {
  font-size: 16px;
  padding: 12px 0;
}
.artwork-grid__btn {
  text-transform: uppercase;
  outline: none;
  border: 0;
}
.artwork-grid__btn--gray {
  background-color: #f3f3f3;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.artwork-grid__btn--gray:hover {
  background-color: #e9e9e9;
}
.artwork-preview__controls {
  z-index: 70;
  width: 100%;
  position: absolute;
  transform: translate(0px, -50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 576px) {
  .artwork-preview__controls {
    display: none;
  }
}
.artwork-preview__control {
  position: absolute;
  background: transparent;
  border: none;
  outline: none;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.artwork-preview__control:before {
  position: relative;
  font-family: "icomoon";
  color: #ffffff;
  font-size: 35px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  line-height: 60px;
}
.artwork-preview__control--left {
  left: -60px;
}
.artwork-preview__control--left:before {
  content: "\e006";
}
.artwork-preview__control--left:hover {
  left: -57px;
}
.artwork-preview__control--right {
  right: -60px;
}
.artwork-preview__control--right:before {
  content: "\e010";
}
.artwork-preview__control--right:hover {
  right: -57px;
}
.artwork-preview__player-placeholder {
  width: 100%;
  padding-top: 56.25%;
  display: block;
  background-color: #111116;
}
.artwork-preview__modal-overlay {
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1100;
}
.artwork-preview__modal {
  position: absolute;
  background: #ffffff;
  overflow: visible;
  outline: none;
  padding: 0;
  max-width: 900px;
  border: 0;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-height: 870px) {
  .artwork-preview__modal {
    top: 0;
    transform: translateY(0);
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1020px) {
  .artwork-preview__modal {
    margin-left: 64px;
    margin-right: 64px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .artwork-preview__modal {
    height: 100%;
    border-radius: 0;
    margin: 0;
    overflow: auto;
  }
}
.artwork-preview__play-bg {
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.artwork-preview__play-btn {
  color: #ffffff;
  font-size: 33px;
  line-height: 23px;
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.artwork-preview__play-btn:hover {
  color: #ccc;
}
.artwork-component__thumbnail:hover > .artwork-preview__play-bg {
  opacity: 1;
}
.artwork-preview__close {
  position: absolute;
  top: 0;
  right: -50px;
  background: transparent;
  border: none;
  color: white;
  font-size: 18px;
  outline: none;
}
@media only screen and (max-width: 576px) {
  .artwork-preview__close {
    right: 18px;
    top: 18px;
    color: #353646;
    font-size: 20px;
  }
}
.artwork-grid__tabs-container--sticky {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.17);
}
.artwork-grid__tabs-container--sticky:after,
.artwork-grid__tabs-container--sticky:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
}
.artwork-grid__tabs-container--sticky:after {
  bottom: -2px;
  background: rgba(0, 0, 0, 0.12);
}
.artwork-grid__tabs-container--sticky:before {
  bottom: -3px;
  background: rgba(0, 0, 0, 0.07);
}
.artwork-grid__tabs-line {
  background: #ccc;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}
.gallery-slate {
  background-color: #1f1f22;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#111114), color-stop(50%, #222225), to(#111114));
  background-image: -webkit-linear-gradient(#111114, #222225 50%, #111114);
  background-image: linear-gradient(#111114, #222225 50%, #111114);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff111114', endColorstr='#ff111114', GradientType=0);
  background: #111116;
  color: #ffffff;
}
.gallery-slate__item {
  position: relative;
}
.toggleable-section {
  display: none;
}
.btn-search {
  padding: 11px 20px;
  vertical-align: top;
  margin-top: 1px;
}
.search-form {
  margin: 0;
}
.blur {
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.transaction-col {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.transaction-col:first-of-type {
  padding-right: 2em;
}
.transaction-col input {
  width: 93.5%;
}
.transaction-col input.state-not-valid {
  width: 87%;
}
.transaction-col select {
  height: 2.58em;
  width: 99%;
}
.transaction-col #transaction_credit_card_attributes_expiry_month {
  width: 6em;
}
.transaction-col #transaction_credit_card_attributes_expiry_year {
  width: 10em;
}
/**
 * --------------------------------------------------------------------------
 * Views
 * --------------------------------------------------------------------------
 *
 * Files that contains styling of various Backbone views.
 */
.widget-search-toolbar {
  width: 100%;
  padding: 20px 0;
  background-color: #2c2c2c;
  display: none;
}
.widget-search-toolbar .icon-cancel {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 15px;
  text-decoration: none;
  outline: 0;
}
.widget-search-toolbar .icon-cancel:hover {
  color: #dcdcdf;
}
.widget-search-toolbar--is-active .widget-search-toolbar {
  display: block;
}
.widget-search-toolbar--results {
  padding: 32px 0 0;
  height: 160px;
  display: block;
}
.widget-search-toolbar--results .icon-cancel {
  display: none;
}
.search-control {
  position: relative;
  max-width: 490px;
  width: 100%;
  margin: 0;
  color: #ffffff;
}
.search-control input[type="text"] {
  margin: 0;
  width: 100%;
  font-size: 18px;
  color: currentColor;
  border: 1px solid #555555;
  background: #111116;
  padding-right: 45px;
}
.search-control input[type="text"]::placeholder {
  color: #666669;
  opacity: 1;
}
.search-control input[type="text"]:-ms-input-placeholder,
.search-control input[type="text"]::-moz-placeholder,
.search-control input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666669;
  opacity: 1;
}
.search-control input[type="text"]:hover,
.search-control input[type="text"]:focus {
  border-color: #99999c;
  background: #111116;
}
.search-control .btn.icon-search {
  position: absolute;
  top: 0;
  right: 0;
  color: currentColor;
  padding: 0;
  width: 37px;
  height: 37px;
  background: none;
}
.search-control .btn.icon-search:before {
  transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  font-size: 24px;
}
.search-control .btn.icon-search:hover:before {
  color: #dcdcdf;
}
.state-searching .search-control .btn.icon-search {
  display: none;
}
.search-control .icon-spinner {
  position: absolute;
  top: 7px;
  right: 10px;
  text-align: center;
  line-height: 11px;
  display: none;
}
.search-control .icon-spinner:before {
  font-size: 22px;
  line-height: 1em;
  padding: 2px 0 0 0;
}
.state-searching .search-control .icon-spinner {
  display: block;
}
.close-pv {
  right: 25px;
  top: 25px;
  height: 20px;
  width: 20px;
  position: absolute;
}
.close-pv.btn-icon:before {
  font-size: 25px;
}
.mentions {
  border: 1px solid #dcdcdf;
  min-height: 100px;
  padding: 30px;
  color: #C9C6C4;
  font-size: 16px;
  line-height: 1.6;
}
.mentions:focus {
  outline: 0;
}
.indicator-container {
  background: rgba(255, 255, 255, 0.5);
  color: #111116;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 1px;
  padding-top: 1px;
}
.grecaptcha-badge,
.grecaptcha-badge[style] {
  display: none !important;
  z-index: 2001;
}
.recaptcha-executed .grecaptcha-badge,
.recaptcha-executed .grecaptcha-badge[style] {
  display: block !important;
}
.public-art-slate-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  background-image: url('https://assets.seditionart.com/public-displays/times-square.jpg');
  background-size: 140% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.public-art-slate-background:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, #000000 36%, transparent 70%);
  background-image: linear-gradient(to bottom, #000000 36%, transparent 70%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
  content: ' ';
  background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 576px) {
  .public-art-slate-background {
    left: 16px;
    right: 16px;
    background-position: top right;
    background-size: auto 130%;
  }
  .public-art-slate-background:after {
    background-image: -webkit-linear-gradient(right, #000000 36%, transparent 50%);
    background-image: linear-gradient(to right, #000000 36%, transparent 50%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
    background-color: transparent;
  }
}
.public-art-slate-overlay {
  bottom: 0;
  left: 0;
  height: 70px;
  box-shadow: inset 0px -100px 50px -60px #000000;
}
.paginated-grid__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}