:root {
    --x-height-multiplier: 0;
    --baseline-multiplier: 0;
    --main-bg-color: rgba(0, 87, 217);
    --main-hover-color: rgba(104, 156, 233, 1);
    --main-border-color: rgba(0, 0, 0, 0.05);
    --text-main-color: rgba(0, 0, 0, 0.8);
    --text-gray-medium: rgba(0, 0, 0, 0.7);
    --text-gray-lightest: rgba(0, 0, 0, 0.55);
    --text-gray-light: rgba(0, 0, 0, 0.6);
    --background-gray-lightest: #fafafa;
    --block-separator-color: #244654;
    --article-target-color: #283c50;
}
@font-face{font-family:cairoregular;src:url(../fonts/mplusrounded1c-regular-webfont.woff2) format("woff2"),url(../fonts/mplusrounded1c-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:cairoregular;src:url(../fonts/mplusrounded1c-bold-webfont.woff2) format("woff2"),url(../fonts/mplusrounded1c-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

.svgIcon--21px {
  height: 21px;
  line-height: 21px;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

button,
input,
textarea {
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: Open Sans,PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial,
    sans-serif;
  font-size: 16px;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
}

button,
select {
  text-transform: none;
}

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

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

body {
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.8);
  font-family: Open Sans,PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial,
    sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
}

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

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

dfn {
  font-style: italic;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ol,
ul {
  list-style: none;
}

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

caption,
td,
th {
  font-weight: 400;
  text-align: left;
}

small {
  font-size: 80%;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

blockquote,
q {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

.grap blockquote,
.colonel blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  font-weight: 400;
  letter-spacing: 0.01rem;
  margin: 30px 0;
  padding-left: 20px;
}

blockquote small {
  float: right;
  margin-top: 25px;
  color: rgba(0, 0, 0, 0.44);
  font-style: italic;
}

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

pre {
  padding: 17px;
  font: 14px/22px courier new;
  position: relative;
  margin: 40px 0;
  background-color: #f8f8f8;
}

code,
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  border-radius: 3px;
}

code {
  padding: 2px;
  background-color: #eee;
  word-break: break-word;
  letter-spacing: 0;
  font: 14px/26px courier new;
}

pre code {
  padding: 0;
  background-color: #fff;
  border-radius: 0;
}

img {
  max-width: 100%;
  height: auto;
}

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

a,
button,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

figcaption {
  -webkit-nbsp-mode: normal;
}

a {
  color: inherit;
  text-decoration: none;
}

input[disabled] {
  cursor: default;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.05);
}

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

[hidden],
template {
  display: none;
}

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

.u-floatLeft {
  float: left;
}

.u-floatRight {
  float: right;
}

.u-preventScroll {
  height: 100%;
  overflow: hidden;
}

.u-block {
  display: block;
}

.u-hide {
  display: none;
}

.u-clearfix {
  *zoom: 1;
}

.u-clearfix:after,
.u-clearfix:before {
  display: table;
  content: " ";
}

.u-clearfix:after {
  clear: both;
}

.u-overflowHidden {
  overflow: hidden;
}

.u-textMuted {
  color: rgba(0, 0, 0, 0.3);
}

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

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

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

.u-centered {
  margin-left: auto;
  margin-right: auto;
}

.u-borderBox {
  box-sizing: border-box;
}

.u-size640 {
  max-width: 640px;
}

.u-textScreenReader {
  color: hsla(0, 0%, 100%, 0);
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.u-flex {
  display: flex;
}

.u-flex0 {
  flex: 0 0 auto;
}

.u-flex1 {
  flex: 1 1 auto;
}

.u-flexCenter {
  display: flex !important;
  align-items: center !important;
}

.u-flexColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.u-flexTop {
  align-items: flex-start;
  display: flex;
}

.u-flexWrap {
  flex-wrap: wrap;
}

.u-textColorNormal {
  color: rgba(0, 0, 0, 0.44);
  fill: rgba(0, 0, 0, 0.44);
}

.u-textUnderline {
  text-decoration: underline;
}

.u-backgroundGrayLightest {
  background-color: #fafafa;
}

.u-backgroundWhite {
  background-color: #fff;
}

.u-justifyContentSpaceBetween {
  justify-content: space-between;
}

.u-backgroundCover {
  background-origin: border-box;
  background-position: 50%;
  background-size: cover;
}

.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-foreground {
  position: relative;
  z-index: 100;
}

.u-marginAuto {
  margin-left: auto;
  margin-right: auto;
}

.u-fontSizeSmaller {
  font-size: 14px;
}

.u-fontSizeSmallest {
  font-size: 12px;
}

.u-borderBottomLighter {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.u-borderBottomLight {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.u-paddingLeft15 {
  padding-left: 15px;
}

.u-paddingLeft20 {
  padding-left: 20px;
}

.u-paddingRight20 {
  padding-right: 20px;
}

.u-paddingTop5 {
  padding-top: 5px;
}

.u-paddingTop10 {
  padding-top: 10px;
}

.u-paddingTop20 {
  padding-top: 20px;
}

.u-paddingTop30 {
  padding-top: 30px;
}

.u-paddingTop50 {
  padding-top: 50px;
}

.u-paddingTop70 {
  padding-top: 70px;
}

.u-paddingTop80 {
  padding-top: 80px;
}

.u-paddingBottom10 {
  padding-bottom: 10px;
}

.u-paddingBottom30 {
  padding-bottom: 30px;
}

.u-paddingBottom50 {
  padding-bottom: 50px;
}

.u-marginLeft10 {
  margin-left: 10px;
}

.u-marginLeft20 {
  margin-left: 20px;
}

.u-marginLeft25 {
  margin-left: 25px;
}

.u-marginLeft40 {
  margin-left: 40px;
}

.u-marginRight5 {
  margin-right: 5px;
}

.u-marginRight10 {
  margin-right: 10px;
}

.u-marginRight20 {
  margin-right: 20px;
}

.u-marginTop5 {
  margin-top: 5px;
}

.u-marginTop30 {
  margin-top: 30px;
}

.u-paddingBottom20 {
  padding-bottom: 20px;
}

.u-marginBottom30 {
  margin-bottom: 30px;
}

.u-marginBottom50 {
  margin-bottom: 50px;
}

@media (max-width: 600px) {
  .u-xs-hide {
    display: none;
  }

  .u-xs-flexWrap {
    flex-wrap: wrap;
  }
}

.u-height100 {
  height: 60px;
}

.sectionLayout--insetColumn {
  max-width: 798px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.sectionLayout--insetColumn.widthBeaty {
  max-width: 840px;
}

.sectionLayout--outsetColumn {
  max-width: 888px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.layoutSingleColumn {
  margin-left: auto;
  margin-right: auto;
  max-width: 798px;
  width: 90%;
}

.layoutSingleColumn--wide {
  max-width: 1072px;
}

.layoutMultiColumn {
  box-sizing: border-box;
}

.layoutMultiColumn-container {
  display: flex;
  max-width: 1072px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.layoutMultiColumn--primary {
  width: 65%;
  flex: 1 1 auto;
}

.layoutMultiColumn--secondary {
  width: 35%;
  flex: 0 0 auto;
}

.layoutMultiColumn--primary + .layoutMultiColumn--secondary {
  padding-left: 40px;
}

@media (max-width: 900px) {
  .xs-layoutSingleColumn--wide {
    width: auto;
  }

  .layoutMultiColumn-container {
    flex-wrap: wrap;
  }

  .layoutMultiColumn--primary,
  .layoutMultiColumn--secondary {
    width: 100%;
  }

  .layoutMultiColumn--primary + .layoutMultiColumn--secondary {
    padding-left: 0;
  }
}

@-webkit-keyframes shift-rightwards {
  0% {
    transform: translateX(-100%);
  }

  40% {
    transform: translateX(0);
  }

  60% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes shift-rightwards {
  0% {
    transform: translateX(-100%);
  }

  40% {
    transform: translateX(0);
  }

  60% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes movies-r {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes movies-r {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes rollUp {
  25% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  75% {
    opacity: 1;
  }

  to {
    transform: translateY(calc(-100% + 60px));
  }
}

@keyframes rollUp {
  25% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  75% {
    opacity: 1;
  }

  to {
    transform: translateY(calc(-100% + 60px));
  }
}

@-webkit-keyframes dash-offset {
  to {
    stroke-dashoffset: 50.24px;
  }
}

@keyframes dash-offset {
  to {
    stroke-dashoffset: 50.24px;
  }
}

.colonel {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.84);
}

.colonel ol,
.colonel p,
.colonel ul {
  margin-bottom: 1.1em;
}

.colonel del {
  text-decoration: none;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 245, 0) 0,
    transparent 75%,
    rgba(0, 0, 0, 0.8) 76%
  );
  background-position: 0 0.56em;
  background-repeat: repeat-x;
  background-size: 1px 6px;
}

.colonel strong {
  background-color: transparent;
  background-image: linear-gradient(rgba(12, 242, 143, 0.2), rgba(12, 242, 143, 0.2));
}

.colonel blockquote {
  margin-left: -23px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
}

.colonel blockquote.colonel--pullquote {
  border-left: 0;
  font-size: 22px;
  font-style: italic;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.6);
}

.colonel a {
  text-decoration: underline;
}

.colonel a:hover {
  color: #c0580c;
}

.colonel li {
  margin-left: 30px;
  margin-bottom: 4px;
  padding-top: 2px;
  font-size: 16px;
}

.colonel li:before {
  content: "•";
  box-sizing: border-box;
  font-size: 14px;
  margin-left: -28px;
  padding-right: 8px;
  display: inline-block;
  text-align: right;
  width: 28px;
  color: #c0580c;
}

.colonel ol {
  counter-reset: post;
}

.colonel ol > li:before {
  content: counter(post, decimal) ".";
  counter-increment: post;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.84);
}

.colonel h3 {
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

.colonel h3,
.colonel h4 {
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}

.colonel h4 {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.5);
}

.colonel hr {
  margin-top: 42px;
  margin-bottom: 52px;
  display: block;
  height: 3px;
  width: 26px;
  transform: rotate(-45deg);
  position: relative;
  background-color: rgba(0, 0, 0, 0.44);
  border-radius: 999em;
  border: 0;
}

.colonel--figure {
  margin: 40px -50px;
}

.colonel--figure.withBeauty {
  margin-left: -50px;
  margin-right: -50px;
}

.colonel--figure .imageCaption {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: right;
  margin-left: 100px;
  margin-right: 50px;
  margin-top: 8px;
}

@media (max-width: 600px) {
  .colonel--figure {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .colonel--figure .imageCaption {
    margin-right: 0;
    margin-left: 30px;
  }
}

.grap--figure {
  margin-bottom: 20px;
}

.grap--figure .imageCaption {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}

.metabar {
  height: 65px;
  line-height: 65px;
  background-color: #fff;
  position: relative;
  display: flex;
}

.metabar--bordered {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.single .metabar--bordered {
  box-shadow: none;
}

.is-withMagicUnderlines .metabar {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.metabar-block {
  pointer-events: auto;
}

.metabar-block__right {
  margin-left: auto;
}

.metabar-center {
  position: absolute;
  left: 0;
  right: 0;
}

.metabar-predictiveSearch {
  margin-right: 10px;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.metabar-predictiveSearch .svgIcon {
  margin-right: -33px;
  fill: rgba(0, 0, 0, 0.54);
  position: relative;
  cursor: pointer;
}

.metabar-predictiveSearch:hover .svgIcon {
  fill: rgba(0, 0, 0, 0.84);
}

.metabar-predictiveSearch .textInput {
  height: 37px;
  padding-left: 36px;
  vertical-align: middle;
  display: inline-block;
  width: 0;
  transition: 0.5s;
  border: 0;
  cursor: pointer;
}

.metabar-predictiveSearch .textInput:focus {
  width: 200px;
  cursor: text;
}

.navTabs--metabar {
  display: flex;
}

.navTabs:hover .navTabs--item:not(:hover) {
  color: rgba(0, 0, 0, 0.3);
}

.navTabs--item {
  color: rgba(0, 0, 0, 0.68);
  font-size: 14px;
  transition: color 0.5s ease-in-out 0s;
  padding-right: 20px;
}

@media screen and (max-width: 1000px) {
  .navTabs--metabar {
    margin-top: 65px;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    background-color: #fafafa;
    line-height: 32px;
  }

  .subnav-item {
    font-size: 12px;
  }

  .metabar--spacer {
    height: 99px;
  }
}

@media screen and (max-width: 640px) {
  .metabar-predictiveSearch {
    display: none !important;
  }

  .metabar {
    background-image: none;
  }
}

.site-title {
  line-height: 1;
}

.logo {
  z-index: 30;
  display: flex !important;
  align-items: center !important;
  padding-left: 10px;
  position: relative;
  height: 65px;
}

.narrot-item {
  margin-bottom: 2px;
}

.narrot-image {
  border-radius: 3px;
}

.narrot-title {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.narrot-title:hover {
  color: #c0580c;
}

.narrot-title--hero {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.44);
  margin-bottom: 10px;
}

.relatedTopics {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  padding-top: 10px;
}

.relatedTopics-prefix {
  color: rgba(0, 0, 0, 0.44);
}

.relatedTopics a:hover {
  text-decoration: underline;
}

.sectionItem {
  width: 218px;
  height: 210px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}

.sectionItem-image {
  background-size: cover;
  background-position: 50%;
}

.sectionItem-title {
  font-size: 18px;
  font-weight: 700;
}

.sectionItem img {
  display: block;
}

.postArticle-meta {
  position: absolute;
  top: 36px;
  right: 0;
  height: 85px;
  line-height: 36px;
  width: 85px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.postArticle-meta .day {
  bottom: -4px;
  position: absolute;
  right: 0;
}

.postArticle-meta time {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
}

.postArticle-meta .month {
  left: 0;
  position: absolute;
  top: 0;
}

.postArticle-meta:after {
  background-color: #0f2540;
  content: "";
  display: block;
  height: 118px;
  position: absolute;
  right: 42px;
  top: -16px;
  transform: rotate(45deg);
  width: 1px;
}

.postArticle-header {
  padding-top: 150px;
  padding-bottom: 20px;
  position: relative;
}

.postArticle-title {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
}

.postArticle-subtitle {
  font-size: 1.5rem;
  color: #9ea0a6;
  line-height: 1.2;
}

@media (max-width: 600px) {
  .postArticle-header {
    padding-top: 50px;
  }

  .postArticle-title {
    font-size: 1.5rem;
  }

  .postArticle-subtitle {
    font-size: 1.125rem;
  }

  .postArticle-meta {
    display: none;
  }
}

.nazar-boob .nazar-articleItem {
  width: 480px;
  height: 360px;
}

.nazar-boob .nazar-articleImage {
  height: 280px;
}

.nazar-boob .nazar-articleTitle {
  top: 300px;
}

.nazar-articleWrapper {
  -moz-box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nazar-articleItem {
  width: 336px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: #fff;
  height: 280px;
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  box-sizing: border-box;
}

.nazar-articleTitle {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  right: 15px;
  top: 220px;
  left: 15px;
}

.nazar-articleTitle h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nazar-articleImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 200px;
  background-size: cover;
  background-position: 50%;
}

@media (max-width: 600px) {
  .nazar-articleItem {
    width: 100%;
    height: 220px;
  }

  .nazar-articleImage {
    height: 160px;
  }

  .nazar-articleTitle {
    top: 173px;
  }
}

.lockedPostHeader {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}

.site-info {
  line-height: 1.4;
}

.footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 0 15px;
  color: rgba(0, 0, 0, 0.58);
  font-size: 14px;
}

.footer--empty {
  padding-top: 100px;
}

.butterBar {
  left: 50%;
  margin-left: -320px;
  max-width: 640px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 58%;
  z-index: 100;
  transform: translateY(-100px);
  transition: transform 0.7s ease 0s, visibility 0s linear 0.7s, opacity 0.7s ease 0s;
  visibility: hidden;
}

.butterBar.is-active {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
  visibility: visible;
}

.butterBar-message {
  background: hsla(0, 0%, 100%, 0.97);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 12px 25px;
}

.butterBar--error .butterBar-message {
  background-color: #cc5454;
  color: #fff;
}

.butterBar--success .butterBar-message {
  background-color: #5cb85c;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .butterBar {
    margin-left: 5%;
    width: 90%;
    left: 0;
  }
}

.loadingBar {
  background-color: #c0580c;
  display: none;
  height: 2px;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  z-index: 200;
  width: 100%;
}

.is-loadingApp .loadingBar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  display: block;
}

.middotDivider {
  margin-left: 5px;
  margin-right: 5px;
}

.middotDivider:before {
  content: "\00B7";
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.wp-caption {
  max-width: 100%;
}

.cute {
  color: #c0580c;
}

.bordered {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.svgIcon {
  vertical-align: middle;
}

.avatar-image--roundedRectangle {
  border-radius: 3px;
}

.block--list {
  padding-top: 40px;
  padding-bottom: 40px;
  line-height: 1.1;
  display: flex;
}

.block--list:last-child {
  border-bottom: 0;
}

.block-image {
  background-color: #f0f0f0;
  background-origin: border-box;
  background-position: 50%;
  background-size: cover;
  display: block;
  position: relative;
  box-sizing: border-box;
}

.block--list .block-image {
  height: 134px;
  margin: 2px 0 0 20px;
  width: 155px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  flex: 0 0 auto;
}

.block--list .block-image:hover {
  border-color: rgba(0, 0, 0, 0.66);
}

.block--list .block-content {
  margin: 4px 0 0;
  flex: 1 1 auto;
}

.block--list.block--withoutImage .block-content {
  margin-right: 0;
}

.block-title {
  font-size: 22px;
  line-height: 1.3;
  margin-left: -1.2px;
  font-weight: 600;
  position: relative;
}

.block-snippet {
  color: rgba(0, 0, 0, 0.55);
  line-height: 1.6;
  margin: 5px 0 10px -0.9px;
}

.block-postMeta {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  margin-top: 10px;
}

.block-postMeta a:hover {
  color: rgba(0, 0, 0, 0.84);
  text-decoration: underline;
}

.block-list.block--withoutImage .block-content {
  margin-right: 0;
}

.block-more {
  margin-bottom: 40px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .block--list {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .block--list .block-image {
    height: 100px;
    width: 100px;
  }

  .block--list .block-content {
    margin-right: 0;
  }

  .block-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .block--list .block-image {
    height: 90px;
    width: 90px;
    display: none;
  }

  .block-title {
    font-size: 18px;
  }

  .block-snippet {
    font-size: 14px;
  }
}

.hero {
  text-align: center;
}

.hero--collection {
  margin-bottom: 25px;
}

.hero-title {
  font-size: 32px;
  line-height: 1.2;
}

.hero-logo {
  max-width: 400px;
  max-height: 200px;
}

.hero-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  word-break: break-word;
  word-wrap: break-word;
}

.hero--standalone {
  padding: 40px 0;
}

.hero--profile {
  text-align: left;
  padding: 30px 0;
}

.hero-avatar .instagram-avatar {
  border-radius: 100%;
  width: 100px;
  height: 100px;
}

.button {
  display: inline-block;
  position: relative;
  height: 37px;
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.54);
  background: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  text-rendering: auto;
  box-sizing: border-box;
  border-radius: 999em;
}

.is-enableBrandingButtons .button {
  border-radius: 4px;
}

.button--chromeless {
  border: 0;
  padding: 0;
}

.button.is-active > .button-activeState,
.button > .button-defaultState {
  display: inline;
}

.button.is-active > .button-defaultState,
.button > .button-activeState {
  display: none;
}

.button--small {
  height: 32px;
  line-height: 31px;
  padding: 0 14px;
  font-size: 12px;
}

.button--small:hover {
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.15);
}

.button--primary {
  color: #c0580c;
  border-color: #c0580c;
}

.button--primary .svgIcon {
  fill: #c0580c;
}

.button--primary:hover {
  color: #c0580c;
  border-color: #c0580c;
  fill: #c0580c;
}

.date-nav-item {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  padding-top: 8px;
}

.date-nav-item:hover {
  color: rgba(0, 0, 0, 0.8);
}

.month-title {
  font-size: 18px;
  padding-bottom: 15px;
}

.month-title:hover:after {
  background-color: #c0580c;
}

.archive-list {
  padding-bottom: 50px;
  border-top: 1px solid #eee;
}

.archive-year {
  font-size: 42px;
  padding-bottom: 15px;
  color: rgba(0, 0, 0, 0.44);
}

.archive-item {
  padding: 10px 15px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
}

.archive-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.archive-item-title:hover {
  color: #c0580c;
}

.archive-item-meta {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
}

.list-archive-wrapper {
  padding: 30px 0;
}

.segment {
  background-color: #fafafa;
  padding: 120px 0 90px;
}

.segment.segment--noline {
  background-color: #fff;
}

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

.content__headline,
.content__subline {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.14;
  margin-bottom: 10px;
  vertical-align: baseline;
}

.content__subline {
  color: #8f8 8;
  font-weight: 100;
}

.using__intro {
  margin-bottom: 90px;
}

.using__row {
  display: flex;
  flex-wrap: wrap;
}

.using__col {
  align-self: flex-start;
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  min-height: 1px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}

.using__client {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05);
  height: 0;
  margin-bottom: 30px;
  padding: 0 0 100%;
  position: relative;
}

.using__client-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  text-align: center;
  vertical-align: baseline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.using__client-logo {
  height: 80px;
  width: 80px;
  margin-bottom: 15px;
}

.using__client-inner {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 800px) {
  .using__col {
    width: 33.333333%;
  }
}

@media (max-width: 480px) {
  .using__col {
    width: 50%;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}

.container {
  margin: 0 auto;
  max-width: 1320px;
  padding: 0 15px;
}

@media (min-width: 340px) {
  .container {
    max-width: 1350px;
    padding: 0 30px;
  }
}

@media (min-width: 720px) {
  .container {
    max-width: 1410px;
    padding: 0 60px;
  }
}

@media (min-width: 1080px) {
  .container {
    max-width: 1470px;
    padding: 0 90px;
  }
}

.movies {
  padding: 15px 0;
}

.movies-header {
  padding: 0 10px;
}

.movies ul {
  display: flex;
  flex-wrap: wrap;
}

.movies li {
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
}

.movies li .movie-title {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: rgba(0, 0, 0, 0.44);
  padding-top: 4px;
}

.movies li:hover .movie-title {
  color: #c0580c;
}

.movies li .rating {
  background: #f88e00 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 5%;
  color: #fff;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 5%;
  text-align: center;
  width: 30px;
}

.movies li .movie-image {
  height: 292px;
  -webkit-animation: movies-r 1s;
  animation: movies-r 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 960px) {
  .movies li {
    width: 25%;
  }

  .movies li .movie-image {
    height: 235px;
  }
}

@media (max-width: 640px) {
  .movies li {
    width: 33.3333%;
  }

  .movies li .movie-image {
    height: 200px;
  }
}

@media (max-width: 480px) {
  .movies li {
    width: 50%;
  }
}

.collectionHeader {
  padding: 50px 0 30px;
}

.single .collectionHeader {
  padding-bottom: 50px;
}

.collectionHeader--bordered {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.collectionHeader-logo {
  width: 92px;
  padding-right: 20px;
}

.collectionHeader-logoImage {
  width: 92px;
}

.collectionHeader-name {
  font-size: 32px;
  line-height: 1.2;
  padding: 5px 0;
}

.collectionHeader-description {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.4;
}

.collectionHeader-nav {
  display: flex;
  height: 37px;
  padding: 20px 0;
}

.collectionHeader + .collectionHeader-navList {
  padding-top: 0;
}

.collectionHeader-navList {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.collectionHeader-navItem {
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.collectionHeader-navItem.is-active {
  color: rgba(0, 0, 0, 0.8);
}

.collectionHeader-inner {
  position: relative;
}

@media (max-width: 700px) {
  .collectionHeader-overlayBackground {
    padding: 80px 0;
  }

  .collectionHeader-name {
    font-size: 24px;
  }

  .collectionHeader-description {
    font-size: 16px;
  }
}

.tagHeader {
  padding: 30px 0;
}

.tagHeader-prefix {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}

.tagHeader-title {
  font-size: 32px;
}

@media (max-width: 600px) {
  .tagHeader-title {
    font-size: 24px;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: hsla(0, 0%, 100%, 0.92);
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay-img-wrap {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s;
}

.overlay-img-wrap.is-finieshed {
  opacity: 1;
}

.zoomImgPre {
  left: -60px;
}

.zoomImgNext {
  right: -60px;
}

.zoomImgNext,
.zoomImgPre {
  position: absolute;
  background-color: transparent;
  border: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  cursor: pointer;
}

.zoomImgNext .svgIcon,
.zoomImgPre .svgIcon {
  fill: rgba(0, 0, 0, 0.3);
}

.zoomImgNext:hover .svgIcon,
.zoomImgPre:hover .svgIcon {
  fill: rgba(0, 0, 0, 0.6);
}

.zoomImgClose {
  background-color: transparent;
  border: 0;
  color: #ccc;
  font-size: 40px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.zoomImgClose:hover {
  color: rgba(0, 0, 0, 0.8);
}

.zoomNav {
  display: flex;
  justify-content: center;
}

.zoomNav-item {
  height: 12px;
  width: 12px;
  border-radius: 100%;
  cursor: pointer;
  margin: 4px;
  background-color: #ccc;
}

.zoomNav-item.is-active {
  background-color: #c0580c;
}

.widget-card {
  padding-top: 25px;
}

.widget-card-imageWrapper {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.widget-card-imageWrapper img {
  display: block;
  border-radius: 3px;
}

.widget-card-infoTitle {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}

.widget-card-content {
  display: inline-block;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.6);
}

.widget-card-info {
  color: rgba(0, 0, 0, 0.68);
  font-size: 14px;
}

.widget-card-description {
  color: rgba(0, 0, 0, 0.6);
  padding-top: 10px;
  font-size: 14px;
  margin-bottom: 15px;
}

.widget-card-description .svgIcon {
  fill: #b2ada6;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: -3px;
}

.widget {
  margin-bottom: 40px;
}

.widget-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  padding-bottom: 8px;
}

.widget-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 10px;
}

.widget-footer .link:hover {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.8);
}

.widget-topic-list {
  padding-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.widget-topic-image {
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-right: 6px;
}

.widget-topic-item {
  display: flex;
  align-items: center;
  width: 33.33333%;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 999rem;
}

.widget-topic-item:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: #f2f6f6;
}

.u-marginBottom0 {
  margin-bottom: 0;
}

.list--withIcon {
  padding-top: 25px;
  padding-bottom: 40px;
}

.list--withIcon .list-itemInfo {
  max-width: 280px;
  flex: 1 1 auto;
}

.list--withIcon .list-itemTitle {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  max-width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-item {
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.list--withIcon .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  line-height: 1.4;
}

.list--withIcon .list-item:last-child {
  margin-bottom: 0;
}

.list-itemImage {
  margin-right: 12px;
  flex: 0 0 auto;
}

.list-itemImage img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: block;
}

.list-itemDescription {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 20px;
}

.responses-title {
  font-family: Tisa Pro;
  padding: 10px 0 10px 10px;
  line-height: 1.4;
}

.commentnav {
  padding-top: 30px;
  margin-bottom: 0;
}

.comment-block {
  padding: 25px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}

.comment-avatar {
  margin-right: 12px;
  width: 40px;
  height: 40px;
}

.comment-avatar .avatar {
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.comment-meta {
  line-height: 1.4;
  font-size: 0.875rem;
  flex: 1 1 auto;
}

.comment-author {
  color: #c0580c;
}

.comment-time {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
}

.comment-content {
  margin-top: 10px;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.66);
}

.comment-content .svgIcon {
  height: 14px;
  width: 14px;
  margin-right: 4px;
}

.comment-content p {
  margin-bottom: 15px;
}

.comment-reply-link {
  float: right;
  background-color: #c0580c;
  color: #fff;
  padding: 3px 12px;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 999em;
  cursor: pointer;
  opacity: 0;
  transition: opacity 1s;
  will-change: opacity;
}

.comment-block:hover .comment-reply-link {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .comment-block {
    padding: 15px 0;
  }

  .comment-reply-link {
    display: block;
    opacity: 1;
  }
}

.wp-smiley {
  width: 24px;
  height: auto !important;
  max-height: none !important;
}

.add-smily {
  background: #fff;
  border: 0;
  cursor: pointer;
}

.add-smily .wp-smiley {
  width: 24px;
  margin-right: 5px;
}

.children {
  margin-left: 50px;
}

.responsesForm p {
  margin-bottom: 15px;
}

.responsesForm label {
  display: block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  cursor: pointer;
}

.responsesForm .inputGroup {
  width: 240px;
  height: 36px;
}

.responsesForm .required {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
}

.respond {
  padding: 30px 0;
}

.comments-title {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 20px;
}

.cnav-item {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  line-height: 32px;
  fill: rgba(0, 0, 0, 0.6);
}

.cnav-item:hover {
  color: rgba(0, 0, 0, 0.8);
  fill: rgba(0, 0, 0, 0.8);
}

.cnav-item.disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}

.cnav-item .svgIcon {
  transform: translate3d(0, -1px, 0);
}

.pingback {
  padding: 25px 0;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.inputSubmit {
  display: inline-block;
  background-color: #292929;
  border: 1px solid #292929;
  border-radius: 4px;
  padding: 4px 20px;
  color: hsla(0, 0%, 100%, 0.97);
  font-family: Tisa Pro;
  font-weight: 200;
  cursor: pointer;
}

.inputSubmit:hover {
  border-color: #727171;
  background-color: #727171;
}

.inputGroup {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 3px 15px;
  border-radius: 3px;
  height: 30px;
  box-sizing: border-box;
}

.inputGroup.inputTextarea {
  resize: none;
  width: 100%;
  height: 200px;
  padding: 15px;
}

@media (max-width: 600px) {
  .responsesForm .inputGroup {
    width: 100%;
  }

  .inputSubmit {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}

#cancel-comment-reply-link {
  font-size: 14px;
  color: #cc5454 !important;
  margin-left: 15px;
}

.label {
  color: rgba(0, 0, 0, 0.44);
  line-height: 1.4;
}

.label--smaller {
  padding: 8px 0;
}

.textInput {
  background-color: #fff;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.textInput--rounded {
  border-radius: 999em;
}

.chartPage-verticalDivider {
  border-right: 1px solid rgba(0, 0, 0, 0.44);
  display: inline-block;
  height: 25px;
  margin: 2px 10px 0;
  vertical-align: top;
}

.comment-note {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

.wp-smiley {
  transition: 0.5s;
}

.wp-smiley:hover {
  transform: translate3d(0, -5px, 0);
}

.entry-meta {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.6);
}

.entry-meta a {
  transition: 0.5s;
}

.entry-meta a:hover {
  color: #c0580c;
}

.entry-header {
  margin-bottom: 20px;
}

.entry-header .entry-title {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 5px;
  position: relative;
}

.supplementalPostContent {
  padding: 10px 0;
}

.elevateAuthorCard {
  padding-top: 30px;
  margin-top: 15px;
  border-top: 1px solid #eee;
}

.elevateAuthorCard .avatar {
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.elevateAuthorCard h3 {
  font-size: 24px;
  margin-top: 15px;
  line-height: 1;
}

.elevateAuthorCard p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.elevateAuthorCard p .svgIcon {
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: -3px;
  fill: #b2ada6;
}

.elevate-container {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.elevateSidebar {
  left: 0;
  margin-top: 30px;
  position: absolute;
  top: 210px;
  width: 140px;
  z-index: 100;
}

@media (max-width: 1200px) {
  .elevateSidebar {
    display: none;
  }
}

.elevateCoverShadow {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.elevatePost-item {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}

.elevatePost-item h4 {
  font-size: 12px;
  font-weight: 700;
}

.elevatePost-item h4:hover {
  color: #c0580c;
}

.elevatePost-item .meta {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}

.elevateFixed {
  position: fixed;
  top: 30px;
  width: 140px;
}

.elevateFixed .elevate-image {
  height: 100px;
}

.elevate-image {
  transition: height 0.5s;
  height: 186px;
  display: block;
}

.elevate-recirc {
  box-sizing: border-box;
  padding: 10px;
  width: 33.33333%;
}

.elevate-recirc .elevate-recirc-img {
  transition: 0.5s;
  display: block;
  overflow: hidden;
}

.elevate-recirc img {
  transition: 0.5s;
  display: block;
}

.elevate-recirc:hover .elevate-recirc-img {
  transform: scale(0.96);
}

.elevate-recirc:hover .img {
  transform: scale(1.1);
}

.elevate-recirc h4 {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 4px;
  margin-top: 10px;
}

.elevate-recirc h4:hover {
  color: #c0580c;
}

.elevate-recirc .meta {
  font-size: 14px;
}

.elevateBottomRecirc {
  padding-top: 10px;
  padding-bottom: 30px;
}

.elevateRecirc-title {
  font-size: 24px;
  padding-left: 50px;
}

.locationPostContent .elevate-recirc {
  width: 50%;
}

.locationPostContent .elevateRecirc-title {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width: 600px) {
  .elevate-recirc {
    padding: 0;
    width: 100%;
    margin-bottom: 15px;
  }

  .elevate-recirc .meta,
  .elevate-recirc h4 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .elevateRecirc-title {
    padding-left: 5%;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .elevateBottomRecirc {
    padding-bottom: 10px;
  }

  .u-xs-paddingTop10 {
    padding-top: 10px !important;
  }

  .locationPostContent .elevate-recirc {
    width: auto;
  }

  .locationPostContent .elevateRecirc-title {
    text-align: center;
    padding-left: 0;
    padding-bottom: 0;
  }
}

.textInput--jumbo {
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  height: 80px;
  letter-spacing: 0;
  padding: 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.archive-comments-count {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
  text-align: right;
}

.c-n {
  border: 1px solid #c0580c;
  border-radius: 999em;
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  margin-left: 4px;
  padding: 1px 6px;
  vertical-align: 1px;
}

.yumi-articleWrapper {
  padding-top: 50px;
  -moz-box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.yumi-articleItem {
  width: 332px;
  margin-bottom: 30px;
  height: 280px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.yumi-articleTitle {
  font-size: 18px;
  font-weight: 700;
  height: 80px;
  line-height: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.yumi-articleTitle a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.yumi-articleImage {
  background-origin: border-box;
  background-position: 50%;
  background-size: cover;
  height: 200px;
  display: block;
}

@media (max-width: 600px) {
  .yumi-articleItem {
    width: 100%;
  }
}

.block-empty {
  padding-top: 50px;
  padding-bottom: 50px;
  color: rgba(0, 0, 0, 0.44);
}

.using__themes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.using__theme {
  width: 333px;
  margin-bottom: 40px;
}

.using__theme img {
  border-radius: 3px;
}

.using__theme h3 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  margin-bottom: 8px;
}

.using__theme .selection {
  display: flex;
}

.using__theme .selection a {
  border: 1px solid #c0580c;
  font-size: 12px;
  border-radius: 999em;
  line-height: 1;
  padding: 3px 10px;
  color: #c0580c;
  margin-right: 6px;
}

.using__theme .selection a:hover {
  background-color: #c0580c;
  color: #fff;
}

@media (max-width: 600px) {
  .segment {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .using__intro {
    margin-bottom: 45px;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .content__headline,
  .content__subline {
    font-size: 20px;
  }

  .using__theme {
    display: block;
    width: auto;
    margin: 15px 0;
  }
}

.footer-msg {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.author-social {
  position: absolute;
  right: 0;
}

.inputGroup {
  transition: 0.5s;
}

.inputGroup:focus {
  border-color: #c0580c;
}

.postMeterBar-details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in;
}

.postMeterBar-details.is-visible {
  max-height: 200px;
}

.postMeterBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 30px;
}

.postMeterBar .meta-content {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-left: 30px;
}

.postMeterBar .meta-content p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.44);
  font-weight: 400;
}

.postMeterBar .inner {
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  min-height: 50px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 50px;
}

.cluster:after {
  content: attr(data-cardinality);
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  transition: font-size 0.2s ease-out;
}

.cluster:hover:after {
  font-size: 32px;
}

.header-map-note {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.56);
}

.footer-map {
  position: relative;
}

.footer-map:before {
  position: absolute;
  background-image: url(loading.gif);
  background-size: 48px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: hsla(0, 0%, 100%, 0.5);
  z-index: 100000;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.5s;
}

.footer-map.is-loaded:before {
  display: none;
}

.collectionCard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 80px;
}

.collectionCard--item {
  background-color: rgba(0, 0, 0, 0.029);
  font-weight: 300;
  padding: 15px;
  border-radius: 5px;
  width: calc(50% - 15px);
  margin-bottom: 30px;
  align-items: center;
  transition: box-shadow 0.5s;
  box-sizing: border-box;
  display: flex;
}

.collectionCard--item:hover {
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.08);
}

.collectionCard--image {
  width: 64px;
  height: 64px;
  margin-right: 15px;
  border-radius: 5px;
  flex: 0 0 auto;
}

.collectionCard--meta {
  flex: 1 1 auto;
}

.collectionCard--title {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 3px;
}

.collectionCard--title:hover {
  color: #c0580c;
}

.collectionCard--description {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}

@media (max-width: 600px) {
  .collectionCard {
    padding-top: 30px;
  }

  .collectionCard--item {
    width: 100%;
  }
}

.mapHeader {
  display: flex;
  align-items: center;
  padding: 30px 0;
}

.mapHeader--image {
  width: 64px;
  height: 64px;
  margin-right: 20px;
}

.mapHeader--title {
  font-size: 28px;
}

@media (max-width: 600px) {
  .mapHeader {
    padding: 20px 0;
  }

  .mapHeader--image {
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }

  .mapHeader--title {
    font-size: 24px;
  }
}

.comment-info {
  display: flex;
}

.topicCard--link {
  overflow: hidden;
  display: flex;
  position: relative;
}

.topicCard--link:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.topicCard--link .count {
  position: absolute;
  top: 15px;
  left: 6px;
  color: hsla(0, 0%, 100%, 0.85);
  font-weight: 400;
  font-size: 32px;
  z-index: 2;
  font-style: italic;
}

.topicCard--link .count svg {
  width: 28px;
  height: 28px;
  transform: translate3d(6px, -14px, 0);
  fill: hsla(0, 0%, 100%, 0.85);
}

.topicCard--image {
  transition: 0.5s linear;
  flex: 0 0 auto;
  align-self: center;
}

.topicCard--item:hover .topicCard--image {
  transform: scale(1.08);
}

.topicCard--item:hover .topicCard--link .count {
  color: #fff;
}

.topicCard--item:hover .topicCard--link .count svg {
  fill: #fff;
}

.topicCard--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 80px;
  max-width: 1072px;
}

.topicCard--item {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  line-height: 1.6;
  font-weight: 300;
  width: 29.6%;
}

.topicCard--item__empty {
  visibility: hidden;
  opacity: 0;
}

.topicCard--title {
  font-size: 18px;
  transition: 0.5s;
  padding-top: 5px;
  padding-bottom: 3px;
}

.topicCard--item:hover .topicCard--title {
  color: #c0580c;
}

.topicCard--description {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 600px) {
  .logo {
    padding-left: 17px;
  }

  .topicCard--list {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .topicCard--item {
    width: 100%;
  }
}

@font-face {
  font-family: oxaniumregular;
  src: url(../fonts/oxanium-regular-webfont.woff2) format("woff2"),
    url(../fonts/oxanium-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

.elevateAuthor {
  line-height: 1.4;
  font-size: 16px;
  padding-top: 50px;
}

.elevateAuthor--top {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #cf3f74;
}

.elevateAuthor .avatar {
  border-radius: 100%;
  width: 36px;
  margin-right: 10px;
}

.elevateAuthor p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  margin-top: 10px;
}

.elevateAuthor p .svgIcon {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: -3px;
  fill: #b2ada6;
}

.sulliGrap {
  text-align: justify;
}

.sulliGrap--figure {
  margin-bottom: 18px;
}

.sulliGrap--figure .imageCaption {
  font-size: 14px;
  text-align: right;
  padding-right: 30px;
  padding-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.sulliGrap b,
.sulliGrap strong {
  background-image: linear-gradient(90deg, rgba(247, 239, 7, 0.9) 100%, rgba(0, 0, 0, 0.84) 0);
  font-weight: 400;
  background-repeat: repeat-x;
  background-size: 1px 10px;
  background-position: 0 calc(1em - 4px);
}

.sulliGrap hr {
  border: 0;
  box-shadow: none;
  text-align: center;
  height: auto;
  color: rgba(0, 0, 0, 0.5);
}

.sulliGrap hr:after {
  content: "- -";
  display: block;
}

.sulliGrap ol,
.sulliGrap ul {
  list-style: none;
  margin-bottom: 25px;
  padding: 0 0 0 15px;
}

.sulliGrap li {
  margin-left: 30px;
  list-style: none;
  margin-bottom: 4px;
  padding-top: 2px;
  font-size: 16px;
}

.sulliGrap li:before {
  content: "•";
  box-sizing: border-box;
  font-size: 14px;
  margin-left: -28px;
  padding-right: 8px;
  display: inline-block;
  text-align: right;
  width: 28px;
  color: #cf3f74;
}

.sulliGrap h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px;
}

.sulliGrap h3:before {
  color: #cf3f74;
  content: "#";
  margin-left: -15px;
  padding-right: 10px;
}

.sulliGrap p {
  margin-top: 0;
  margin-bottom: 18px;
  line-height: 1.8;
}

.sulliGrap blockquote {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg1NTQxNjE3MDQ5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MTgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQwNi41NTcyNTcgMTE4LjUzNTMxNHYxMzcuOTAzNTQzYy04Ny4xNDI0IDE5Ljk1MzM3MS0xMjguODkyMzQzIDc0LjQ3NDA1Ny0xMzQuMzYzNDI4IDE3Ni4wMTA5NzJoMTM0LjM2MzQyOHYzMjYuNzQzNzcxSDExNC4yOTMwMjlWNDkwLjUxMDYyOWMwLTE5NC4xNzk2NTcgODMuNDk5ODg2LTM0My4wMTA3NDMgMjkyLjI2NDIyOC0zNzEuOTc1MzE1bTAtNTguNTE0Mjg1Yy0yLjY3NzAyOSAwLTUuMzU0MDU3IDAuMTkwMTcxLTguMDQ1NzE0IDAuNTU1ODg1QzE3Ny41MDMwODYgOTEuMjM4NCA1NS43Nzg3NDMgMjQzLjkzMTQyOSA1NS43Nzg3NDMgNDkwLjUxMDYyOXYyNjguNjY4MzQyYTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2IDU4LjUxNDI4NmgyOTIuMjY0MjI4YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2LTU4LjUxNDI4NlY0MzIuNDQ5ODI5YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAtNTguNTE0Mjg2LTU4LjUxNDI4NmgtNjQuNTI2NjI4YzE0LjQ1MzAyOS0zNy42MTAwNTcgNDEuNDI4MTE0LTUyLjE4MDExNCA3Ny41ODk5NDItNjAuNDU5ODg2YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNDUuNDUwOTcyLTU3LjAzNjhWMTE4LjUzNTMxNGE1OC41MTQyODYgNTguNTE0Mjg2IDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODV6TTkwOS43MDY5NzEgMjY0LjgyMTAyOXYxMzcuOTAzNTQyYy04Ny4xMTMxNDMgMTkuOTUzMzcxLTEyOC44NjMwODYgNzQuNDc0MDU3LTEzNC4zMzQxNzEgMTc2LjAxMDk3MmgxMzQuMzM0MTcxdjMyNi43NDM3NzFINjE3LjQ0Mjc0M1Y2MzYuNzk2MzQzYzAtMTk0LjE3OTY1NyA4My41MTQ1MTQtMzQzLjAxMDc0MyAyOTIuMjY0MjI4LTM3MS45NzUzMTRtMC01OC41MTQyODZjLTIuNjc3MDI5IDAtNS4zNTQwNTcgMC4xOTAxNzEtOC4wNDU3MTQgMC41NTU4ODYtMjIxLjAwODQ1NyAzMC42NzYxMTQtMzQyLjczMjggMTgzLjM1NDUxNC0zNDIuNzMyOCA0MjkuOTQ4MzQydjI2OC42NjgzNDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYgNTguNTE0Mjg2aDI5Mi4yNjQyMjhhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYtNTguNTE0Mjg2VjU3OC43MzU1NDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMC01OC41MTQyODYtNTguNTE0Mjg2aC02NC40OTczNzFjMTQuNDUzMDI5LTM3LjYxMDA1NyA0MS40MTM0ODYtNTIuMTgwMTE0IDc3LjU3NTMxNC02MC40NTk4ODZhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA0NS40MzYzNDMtNTcuMDM2OHYtMTM3LjkwMzU0MmE1OC41NDM1NDMgNTguNTQzNTQzIDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODZ6IiBmaWxsPSIjY2YzZjc0IiBwLWlkPSIzNzE5Ij48L3BhdGg+PHBhdGggZD0iTTM1OS42MTQxNzEgNjY2LjU1MDg1N2ExNC42Mjg1NzEgMTQuNjI4NTcxIDAgMCAxLTE0LjYyODU3MS0xNC42Mjg1NzFWNDkxLjI3MTMxNGgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1OHYxNzUuNTQyODU3YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA4NDIuMDkzNzE0YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MXYtMjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMjkuMjU3MTQzIDB2MjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA3NTQuMzIyMjg2YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MnYtMTAyLjEzNjY4NWgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1N3YxMTcuMDI4NTcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MnoiIGZpbGw9IiNjZjNmNzQiIHAtaWQ9IjM3MjAiPjwvcGF0aD48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0 0 15px;
  padding: 20px 20px 20px 60px;
  position: relative;
}

.sulliGrap blockquote p {
  margin: 0;
}

.sulli--nav {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.sulli--navItem {
  margin: 0 15px;
  position: relative;
}

.sulli--navItem:hover {
  opacity: 0.7;
}

.sulli--navItem.is-active:before {
  content: "";
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #cf3f74;
}

.sulli--header {
  padding: 50px 0;
}

.sulli--header__content {
  max-width: 1300px;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.sulliComment .avatar {
  border-radius: 100%;
  margin-right: 15px;
}

.sulliComment--block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 25px 0;
}

.sulliComment--list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sulliComment-metadata {
  display: none;
}

.sulliComment--info {
  display: flex;
  align-items: center;
}

.sulliComment--author {
  font-size: 14px;
  color: #cf3f74;
}

.sulliComment--footer {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.sulliComment--content {
  font-size: 14px;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 20px;
}

.sulliComment--content p {
  margin-top: 0;
  margin-bottom: 0;
}


.sulliArticle--title {
  font-size: 38px;
}

.sulliArticle--subTitle,
.sulliArticle--title {
  font-weight: 200;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1;
}

.sulliArticle--subTitle {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.6);
}

.sulliArticle--meta {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 15px;
}

.comment-respond,
.post--area {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.elevateMeta {
  left: 0;
  margin-top: 30px;
  position: absolute;
  top: 210px;
  width: 140px;
  z-index: 1;
}

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

.sulliArticle--header {
  padding: 10px 0 50px;
}

.sulli-reply-link {
  font-size: 14px;
  color: rgba(207, 63, 116, 0.8);
  font-family: "oxaniumregular";
  text-transform: uppercase;
  cursor: pointer;
}

.sulli-reply-link:hover {
  color: #cf3f74;
}

.comment-reply-title {
  font-size: 24px;
  font-family: "oxaniumregular";
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}

.sulliContainer {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  width: 95%;
}

.graf--mixtapeEmbed {
  padding: 12px 12px 12px 28px;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  margin: 10px 0px 30px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  border-radius: 5px;
}

.markup--mixtapeEmbed-strong {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 900;
  padding-bottom: 14px;
  display: block;
  line-height: 1;
}

.graf--mixtapeEmbed .markup--em {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  font-style: normal !important;
  text-align: justify;
}

.mixtapeImage {
  width: 120px;
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  flex: 0 0 auto;
  margin-left: 20px;
}

@media screen and (max-width: 640px) {
  .graf--mixtapeEmbed {
    padding: 20px;
  }

  .mixtapeImage {
    display: none;
  }

  .markup--mixtapeEmbed-strong {
    padding-bottom: 10px;
    font-size: 18px;
  }
}

.graf--mixtapeEmbed a {
  text-decoration: none !important;
}

.elevateSidebar--right {
  right: 0;
  margin-top: 30px;
  position: absolute;
  top: 210px;
  width: 140px;
  z-index: 100;
}

.elevateSidebar--right .js-content {
  width: 140px;
  position: fixed;
  opacity: 0;
  transform: scale(0.8);
  transition: 0.5s;
  top: 200px;
}

.elevateSidebar--right .js-content.is-active {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 1100px) {
  .elevateSidebar--right {
    display: none;
  }
}
.db--nav{padding:30px 0 20px;flex-wrap:wrap}.db--nav,.db--navItem{display:flex;align-items:center}.db--navItem{font-size:20px;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .5s;text-transform:capitalize;margin-right:20px}.db--navItem.current,.db--navItem:hover{border-color:inherit}.db--score svg{fill:#f5c518;margin-right:5px}.db--list{display:flex;align-items:flex-start;flex-wrap:wrap}.db--image{width:150px;height:215px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.db--image:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}.db--title{margin-top:2px;font-size:14px;line-height:1.4}.db--title a:hover{color:var(--main-hover-color);text-decoration:underline}.db--genreItem{background:#f2f4f6;font-size:12px;padding:5px 12px;border-radius:4px;margin-right:6px;margin-bottom:10px;line-height:1.4;cursor:pointer}.db--genreItem.is-active{background-color:var(--main-bg-color);color:#fff}.db--genreItem:hover{background-color:var(--main-hover-color);color:#fff}.db--genres{padding-bottom:15px;display:flex;flex-wrap:wrap}.db--genres.u-hide+.db--list{padding-top:10px}.db--score{display:flex;align-items:center;font-size:14px;color:var(--text-gray-lightest)}.db--item{width:150px;margin-right:20px;margin-bottom:20px;position:relative}.db--item__music img{width:150px;height:150px;-o-object-fit:cover;object-fit:cover}.db--item .top250{position:absolute;left:0;top:0;background:#f5c518;color:#000;border-radius:4px 4px 4px 0;line-height:1;padding:3px 10px 3px 5px;font-size:12px;display:flex;margin-bottom:2px;font-weight:900}.db--item .top250:after{content:"";border-top-left-radius:0;border-bottom-left-radius:0;right:0;top:0;margin-right:-.2rem;border-radius:0 0 4px 4px;background:inherit;height:100%;position:absolute;width:.75rem;transform:skewX(-20deg)}.ipc-signpost{position:relative;background:#f5c518;color:#000;border-radius:4px;line-height:1;padding:3px 5px;font-size:12px;display:flex;width:58%;margin-bottom:2px;font-weight:900}.ipc-signpost:after{content:"";border-top-left-radius:0;border-bottom-left-radius:0;right:0;top:0;margin-right:-.2rem;border-radius:4px;background:inherit;height:100%;position:absolute;width:.75rem;transform:skewX(-20deg)}.doulist-item{margin:30px 0;color:#666;border:1px solid #eee;border-radius:4px}.doulist-item:hover{box-shadow:0 3px 12px rgba(0,0,0,.05)}.doulist-item .doulist-subject{display:flex;align-items:flex-start;line-height:1.6;padding:12px;position:relative}.doulist-item .doulist-subject .db--viewTime{position:absolute;right:0;top:0;background:#f5c518;color:#000;border-radius:4px 4px 0 4px;line-height:1;padding:3px 5px 3px 10px;font-size:12px;display:flex;margin-bottom:2px;font-weight:900}.doulist-item .doulist-subject .db--viewTime:after{content:"";border-top-left-radius:0;border-bottom-left-radius:0;left:0;top:0;margin-left:-.2rem;border-radius:0 4px 4px 4px;background:inherit;height:100%;position:absolute;width:.75rem;transform:skewX(20deg)}.doulist-item .doulist-subject .doulist-content{flex:1 1 auto}.doulist-item .doulist-subject .doulist-post{width:96px;margin-right:15px;display:flex;flex:0 0 auto}.doulist-item .doulist-subject .doulist-title{margin-bottom:5px;font-size:18px}.doulist-item .doulist-subject .doulist-title a{text-decoration:none!important}.doulist-item .doulist-subject .rating{margin:0 0 5px;font-size:14px;line-height:1;display:flex;align-items:center}.doulist-item .doulist-subject .rating .allstardark{position:relative;color:#f99b01;height:16px;width:80px;background-repeat:repeat;background-image:url(../images/star.svg);background-size:auto 100%;margin-right:5px}.doulist-item .doulist-subject .rating .allstarlight{position:absolute;left:0;color:#f99b01;height:16px;overflow:hidden;background-repeat:repeat;background-image:url(../images/star-fill.svg);background-size:auto 100%}.doulist-item .doulist-subject .abstract{font-size:14px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
    max-height: 3.2em;}.doulist-item .doulist-subject img{width:96px!important;height:96px!important;border-radius:4px;-o-object-fit:cover;object-fit:cover}.db--date{position:relative;font-size:20px;color:rgba(0,0,0,.6);font-weight:900;line-height:1;margin-top:30px;margin-bottom:10px}.db--date:before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--main-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.db--dateList{padding-left:15px;padding-top:5px;padding-right:15px}.db--card__list{display:flex;align-items:center;padding:15px 0;border-bottom:1px dotted #eee;font-size:14px;color:rgba(0,0,0,.55)}.db--card__list:last-child{border-bottom:0}.db--card__list .title{font-size:18px;margin-bottom:5px}.db--card__list .rating{margin:0;font-size:14px;line-height:1;display:flex;align-items:center}.db--card__list .rating .allstardark{position:relative;width:80px;background-image:url(../images/star.svg);margin-right:5px}.db--card__list .rating .allstardark,.db--card__list .rating .allstarlight{color:#f99b01;height:16px;background-repeat:repeat;background-size:auto 100%}.db--card__list .rating .allstarlight{position:absolute;left:0;overflow:hidden;background-image:url(../images/star-fill.svg)}.db--card__list img{width:80px;border-radius:4px;height:80px;-o-object-fit:cover;object-fit:cover;flex:0 0 auto;margin-right:15px}.db--titleDate{display:flex;flex-direction:column;line-height:1.1;margin-bottom:10px;flex:0 0 auto;margin-right:15px;align-items:center}.db--titleDate__day{font-weight:900;font-size:44px}.db--titleDate__month{font-size:14px;color:rgba(0,0,0,.6);font-weight:900}.db--list__card{display:block}.db--dateList__card{display:flex;flex-wrap:wrap;align-items:flex-start}.db--listBydate{display:flex;align-items:flex-start;margin-top:15px}@media(max-width:600px){.db--listBydate{flex-direction:column}}
.title--right {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.tooltip{display:flex;align-items:center}.tooltip{position:relative;margin-left:8px;cursor:pointer}.tooltip:after{content:"忠实读者";position:absolute;background-color:rgba(0,0,0,.84);color:#fff;font-size:12px;border-radius:2px;top:-25px;padding:3px;width:60px;text-align:center;left:-20px;display:none}.tooltip:hover:after{display:block}

.photo--header {
    display: flex;
    align-items: center;
    padding: 50px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    width: 90%
}

.photo--list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 100px
}

.photo--item {
    width: 49%;
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    position: relative;
}

.photo--item img {
    border-radius: 2px
}

.photo--nav {
    padding: 50px 0
}

.photo--nav,.photo--navItem {
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}

.photo--navItem {
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color .5s;
    margin-right: 20px
}

.photo--navItem.current,.photo--navItem:hover {
    border-color: inherit
}

.layoutSingleColumn--photos {
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    width: 90%;
}

.comment-location {
font-size:12px;
}

.block-more{padding-bottom:30px;padding-top:30px}.block-more__centered{display:flex;justify-content:center;padding-bottom:80px}
.good--list{flex-wrap:wrap;justify-content:space-between}.good--item,.good--list{display:flex;align-items:center}.good--item{width:32%;position:relative;justify-content:center;background:#f4f4f6;border-radius:10px;padding:50px 0 0;flex-direction:column;margin-bottom:25px}.good--item .img-spacer{width:50%;position:relative;transition:.5s}.good--item:hover{background:#eeeef0}.good--item:hover .img-spacer{transform:translate3d(0,-5px,0)}.good--item:hover .good--actions{display:flex}.good--actions{background:#fff;border-radius:5px;position:absolute;flex-direction:column;display:none;top:10px;font-size:12px;color:var(--text-gray-lightest);right:10px;padding:8px;cursor:pointer;align-items:center}.good--actions.is-active svg{fill:var(--main-bg-color)}.good--actions svg{fill:var(--text-gray-light)}.good--name{font-size:14px;padding-bottom:10px;color:var(--text-main-color);margin-top:40px;line-height:1.4;width:92%}.good--name .brand{color:var(--text-gray-lightest)}@media(max-width:800px){.good--item{width:48%}}@media(max-width:650px){.good--item{width:100%}}
.good--name .meta {
	display:flex;
align-items:center
}

.good--name .meta .price {
margin-left:auto;
}

.good--name .meta .price:before {
	content:"¥";
}

.good--name .meta .price:empty:before {
	content:"";
}

.photo--actions {
    background: #fff;
    border-radius: 5px;
    position: absolute;
    flex-direction: column;
    display: none;
    top: 10px;
    font-size: 12px;
    color: var(--text-gray-lightest);
    right: 10px;
    padding: 8px;
    cursor: pointer;
    align-items: center
}

.photo--actions.is-active svg {
    fill: var(--main-bg-color)
}

.photo--actions svg {
    fill: var(--text-gray-light)
}

.photo--item:hover .photo--actions {
    display: flex
}

.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple:after,.lds-ripple:before{position:absolute;border:4px solid var(--main-bg-color);content:"";opacity:1;border-radius:50%;-webkit-animation:b 1s cubic-bezier(0,.2,.8,1) infinite;animation:b 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple:after{-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes b{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes b{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}

.db--titleDate__year {font-size:12px;}

.project--headline{font-size:32px;margin-top:50px;line-height:1.5;font-weight:900}.project--subtitle{font-size:18px;font-weight:200;color:var(--text-gray-light)}.theme--item{padding:25px 0;font-size:20px;border-bottom:1px solid rgba(0,0,0,.05)}.theme--item:last-child{border-bottom:0}.theme--item h3{line-height:1;margin:0}.theme--tags{display:flex;align-items:center;margin-top:20px}.theme--tags a{border:1px solid var(--main-bg-color);color:var(--main-bg-color);line-height:1.2;font-size:12px;padding:3px 12px;border-radius:4px;margin-right:20px;font-weight:700}.theme--tags a:hover{border-color:var(--main-hover-color);background-color:var(--main-hover-color);color:#fff}.plugin--item{padding:15px 0;font-size:20px;border-bottom:1px solid rgba(0,0,0,.05)}.plugin--item:last-child{border-bottom:0}.plugin--item a:hover{color:var(--main-hover-color);text-decoration:underline}.plugin--item .desc{font-size:14px;color:var(--text-gray-light)}

.good--nav {
    padding: 50px 0;
    flex-wrap: wrap
}

.good--nav,.good--navItem {
    display: flex;
    align-items: center
}

.good--navItem {
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color .5s;
    margin-right: 20px
}

.good--navItem.current,.good--navItem:hover {
    border-color: inherit
}


.archive--list{background-color:#fafafa;border-radius:8px;padding-bottom:12px;padding:10px 22px;margin-bottom:30px;overflow:hidden;transition:.5s}.archive--list,.archive--list__year{position:relative}.archive--list:before{content:attr(data-year);transition:.5s;position:absolute;right:8px;top:8px;font-size:26px;line-height:1;font-weight:200;color:var(--text-gray-lightest);filter:blur(.5px)}.archive--list:hover:before{filter:blur(.2px);transform:translate3d(-5px,0,0)}.archive--item{padding:12px 0;border-bottom:1px solid var(--main-border-color)}.archive--item:last-child{border-bottom:0}.archive--title{font-size:18px}.archive--title__year{font-size:36px;font-weight:700;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);margin-bottom:20px;z-index:22}.archive--title__month{font-size:24px;font-weight:500;color:var(--text-gray-lightest)}.archive--title a{transition:all .5s}.archive--title a:hover{color:var(--main-hover-color);text-decoration:underline}.archive--meta{font-size:14px;color:var(--text-gray-light);font-weight:200}

.db--empty {
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
    background-size: 96px;
    background-position: center;
    margin-bottom: 50px;
}

.db--type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
}

.db--typeItem {
    margin-right: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid var(--main-border-color);
    border-radius: 999rem;
    border-radius: 999rem;
    padding: 3px 25px;
    color: var(--text-gray-medium);
}

.db--typeItem.is-active {
    color: var(--main-hover-color);
    border-color: var(--main-hover-color);
    cursor: not-allowed;
}

.db--empty {
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
    background-size: 96px;
    background-position: center;
    margin-bottom: 50px;
}

.articleTopic{display:flex;align-items:center}.articleTopic--area{padding:15px 0 5px}.articleTopic--title{font-size:24px;font-weight:700;margin-bottom:5px;display:block;line-height:1}.articleTopic--content{flex:1 1 auto}.articleTopic--des{color:rgba(0,0,0,.6);font-size:14px}.articleTopic--item{background:#f9f9f9;padding:15px 15px 0;border-radius:5px;margin:15px 0}.articleTopic--image{width:24px;display:flex;align-items:center;font-size:14px}.articleTopic--image img{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:2px;margin-right:8px}.articleTopic--image:hover{text-decoration:underline}.articleTopic--posts{display:flex;flex-wrap:wrap;margin:0 -15px}.articleTopic--post{width:50%;padding:15px;box-sizing:border-box;display:flex;align-items:center}.articleTopic--postImage{flex:0 0 auto;width:97px;margin-right:10px;display:flex;align-items:center}.articleTopic--postImage img{width:97px;height:64px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.articleTopic--postContent{flex:1 1 auto;flex-direction:column;display:flex}.articleTopic--postTitle{line-height:1.3;transition:.5s;margin-bottom:5px}.articleTopic--postTitle:hover{color:var(--main-hover-color);text-decoration:underline}.articleTopic--postDes{font-size:12px;color:var(--text-gray-lightest)}@media(max-width:600px){.articleTopic--post{width:100%}}

.list--comment{display:flex;align-items:flex-start;padding:10px 0}.list--comment .avatar{border-radius:100%;flex:0 0 auto;margin-right:10px}.list--comment .name{font-size:14px;margin-bottom:3px}.list--comment .content{flex:1 1 auto;line-height:1.4}.list--comment .content a:hover{text-decoration:underline}.list--commentContent{color:var(--text-gray-light);font-size:14px;line-height:1.6;word-break:break-all;max-height:4.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.markerPro--name {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.markerPro--link {
    font-size: 12px !important;
    margin: 0 !important;
}

.markerPro--post {
    padding: 5px;
    background-color: #f2f4f6;
    background-image: var(--background);
    color: #fff;
    padding: 30px 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    min-width: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none !important;
}

.markerPro--post::before {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.05) 5%,
        rgba(0, 0, 0, 0.65)
    );
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

.markerPro--post:hover::before {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.15) 5%,
        rgba(0, 0, 0, 0.75)
    );
}

.markerPro--post:hover {
   color: #fff!important;
}

.markerPro--meta {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);

    display: flex;
    align-items: center;
    position: relative;
}

.markerPro--meta .dot {
    margin-right: 5px;
    margin-left: 5px;
}

.markerPro--meta svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.markerPro--posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding: 15px 0;
}

.markerPro--location {
    background-color: #c0580c;
    font-size: 12px;
    color: #fff;
    border-radius: 0 5px 0 5px;
    line-height: 1.4;
    padding: 1px 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.markerPro--title {
    position: relative;
    margin: 3px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.markerPro--copyright {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
}

.markerPro--copyright a {
    text-decoration: none !important;
}

.markerPro--copyright a:hover {
    text-decoration: underline !important;
    color: rgba(0, 0, 0, 0.68);
}

.markerPro--addonTitle {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.markerPro--addonTitle svg {
    margin-right: 5px;
    position: relative;
    transform: translate3d(0, -2px, 0);
}

@media (max-width: 768px) {
    .markerPro--posts {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .markerPro--posts {
        grid-template-columns: repeat(1, 1fr);
    }
}

.header--notice a{text-decoration:underline;font-weight:600}.header--notice svg{margin-right:4px}

.header--notice {
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #292929;
    line-height: 1.5;
    padding: 12px;
}

@media(max-width:600px) {
.metabar {
   height:auto;
flex-direction:column;
}
.metabar-center {
 position:relative;
}
.navTabs--metabar {
margin-top:0;
}
.metabar--bordered {
box-shadow:none;
}
.u-paddingTop50 {
padding-top:0;
}
}