/*#region Site Configuration */
/*#endregion */
/*#region Custom Color Styles */
/*#endregion */
/*#region Category Color Styles */
/*#endregion */
/*#region Social Icon Color Style */
/*#endregion */
/*#region Font Family Styles */
/*#endregion */
/*#region Icon Size Style */
/*#endregion */
/*#region Pattern Styles */
/*../../images/pattern-body.svg*/
/*../../images/pattern-head.svg*/
/*../../images/pattern-inside.svg*/
/*../../images/pattern-intro.svg*/
/*#endregion */
/*#region Weather List */
/*#endregion */
/*#region Body Styles */
body {
  background: #ffffff; }
  body.dark {
    background: #121418; }
  body.light {
    background: #f8fafa; }
  body .main .infinite-scroll-item-initial .info-group .affix,
  body .main .infinite-scroll-item-active .info-group .affix {
    position: fixed;
    display: inline-block;
    max-width: 31.5rem;
    top: 6.2rem; }

/*#endregion */
/*#region Timeline Styles */
.timeline.index:not(.dark) .content {
  background: #ffffff;
  padding: 4rem 0; }

.timeline.index .option-col {
  position: absolute;
  margin-left: 2rem;
  z-index: 3; }
  .timeline.index .option-col .button .icon {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #333;
    margin-right: .4rem; }
    .timeline.index .option-col .button .icon:before {
      position: relative;
      top: -.1rem; }
  .timeline.index .option-col .button strong {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2.8rem;
    font-family: helveticaneue-medium;
    color: #222; }
  .timeline.index .option-col .button small {
    display: block;
    max-width: 15rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: helveticaneue-light;
    color: #9b97a1;
    margin-bottom: .5rem; }
    .timeline.index .option-col .button small.info .arrow {
      color: #aaa;
      position: absolute;
      font-size: 1.1rem;
      line-height: 1.7rem;
      margin-left: .4rem; }
    .timeline.index .option-col .button small.whatsapp {
      padding-top: 1.2rem; }
      .timeline.index .option-col .button small.whatsapp span {
        display: block; }
        .timeline.index .option-col .button small.whatsapp span.number {
          margin-top: .5rem; }
      .timeline.index .option-col .button small.whatsapp .arrow {
        font-size: 1.1rem;
        margin-right: .2rem;
        padding: .2rem .3rem .4rem;
        background: #4dc247;
        color: white;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -ms-border-radius: 0.3rem;
        -o-border-radius: 0.3rem;
        border-radius: 0.3rem; }
  .timeline.index .option-col .filter {
    position: relative;
    margin-bottom: 3rem; }
    .timeline.index .option-col .filter .filters {
      padding: 1.6rem; }
      .timeline.index .option-col .filter .filters .form-group {
        display: block;
        margin-right: 0; }
        .timeline.index .option-col .filter .filters .form-group .btn {
          display: block;
          width: 100%;
          padding-left: 1rem; }
      .timeline.index .option-col .filter .filters .result-group {
        max-width: 100%; }
        .timeline.index .option-col .filter .filters .result-group .name {
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 100%;
          overflow: hidden; }
    .timeline.index .option-col .filter .filter-button {
      width: auto;
      height: auto;
      background-color: #222327;
      display: inline-block;
      -webkit-border-radius: 0.4rem;
      -khtml-border-radius: 0.4rem;
      -moz-border-radius: 0.4rem;
      -ms-border-radius: 0.4rem;
      -o-border-radius: 0.4rem;
      border-radius: 0.4rem;
      padding: 0 1.6rem; }
      .timeline.index .option-col .filter .filter-button i {
        display: inline-block;
        font-size: 1.6rem;
        line-height: 4rem;
        margin-right: 1.4rem;
        color: #ffffff; }
      .timeline.index .option-col .filter .filter-button span {
        font-size: 1.2rem;
        line-height: 4rem;
        color: #ffffff;
        font-family: helveticaneue-medium; }
    .timeline.index .option-col .filter small {
      display: block;
      max-width: 15rem;
      font-size: 1.2rem;
      line-height: 1.6rem;
      font-family: helveticaneue-light;
      color: #9b97a1;
      margin: .5rem 0; }
    .timeline.index .option-col .filter .drop-content {
      background-color: #222327;
      margin-top: 3.6rem;
      border: none;
      padding: .6rem;
      min-width: 24rem; }
  .timeline.index .option-col .contact {
    position: relative;
    margin-bottom: 3rem; }
  .timeline.index .option-col .share.share-single {
    margin-left: -.6rem; }
    .timeline.index .option-col .share.share-single .item.social .icon-group i:not(:hover) {
      color: #666666;
      -webkit-border-radius: 0.4rem;
      -khtml-border-radius: 0.4rem;
      -moz-border-radius: 0.4rem;
      -ms-border-radius: 0.4rem;
      -o-border-radius: 0.4rem;
      border-radius: 0.4rem; }
  .timeline.index .option-col .home-social > .button {
    cursor: default; }

.timeline.person .content .container, .timeline.reportage .content .container, .timeline.infographic .content .container, .timeline.map .content .container, .timeline.media .content .container, .timeline.movie .content .container {
  position: relative;
  top: -20rem; }

.timeline.media {
  background: #1d1f23; }
  .timeline.media .filter {
    background: #121418; }
  .timeline.media .side-col .filters {
    padding: 1.6rem; }
    .timeline.media .side-col .filters .form-group {
      display: block;
      margin-right: 0; }
      .timeline.media .side-col .filters .form-group .btn {
        display: block;
        width: 100%;
        padding-left: 1rem; }
    .timeline.media .side-col .filters .result-group {
      max-width: 100%; }
      .timeline.media .side-col .filters .result-group .name {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden; }

.timeline.mobile .head-col.right {
  float: none; }

.timeline.mobile .share {
  text-align: left; }

/*#endregion */
/*#region Content Styles */
section.header {
  background: black; }
  section.header:after {
    content: "";
    position: absolute;
    bottom: -.1rem;
    height: .1rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1; }
  section.header .header-cover {
    background-image: url("../../upload/images/header-timeline.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  section.header .category {
    margin: 1rem auto; }
    section.header .category .item {
      display: inline-block;
      font-family: helveticaneue-bold;
      font-size: 1.1rem;
      line-height: 1.6rem;
      color: #d5cfda;
      -webkit-border-radius: 0.2rem;
      -khtml-border-radius: 0.2rem;
      -moz-border-radius: 0.2rem;
      -ms-border-radius: 0.2rem;
      -o-border-radius: 0.2rem;
      border-radius: 0.2rem;
      text-transform: uppercase; }
      section.header .category .item:not(:last-child) {
        margin-right: .5rem; }
        section.header .category .item:not(:last-child):after {
          content: "\e92e";
          font-family: yenisafak;
          margin: 0 1rem; }
  section.header .title {
    display: block;
    margin: 1rem auto;
    font-family: museosansdisplay-black;
    font-size: 3.1rem;
    line-height: 3.4rem;
    color: black; }

section.filter .filters {
  background: #121418;
  padding: 1rem 0; }
  section.filter .filters .result {
    padding: 0 1rem; }

section.content {
  position: relative; }

section.content, section.intro {
  position: relative; }
  section.content .category, section.intro .category {
    display: block;
    margin: 0 auto;
    padding: 8rem 0; }
    section.content .category .name, section.intro .category .name {
      position: relative;
      display: block;
      margin: 0 auto;
      font-size: 4rem;
      line-height: 6.4rem;
      font-family: merriweather-regular;
      text-align: center;
      color: #ffffff; }
      section.content .category .name h1, section.intro .category .name h1 {
        display: inline-block;
        font-weight: 700; }
    section.content .category .count, section.intro .category .count {
      position: absolute;
      top: -1rem;
      display: inline-block;
      margin: 0 auto;
      margin-left: 1rem;
      height: 3.6rem;
      width: 3.6rem;
      font-size: 1.2rem;
      line-height: 3.2rem;
      font-family: helveticaneue-bold;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      border: solid 0.2rem #e3b968;
      text-align: center;
      color: #ffffff; }
    section.content .category .line.horizontal:after, section.intro .category .line.horizontal:after {
      content: "";
      height: 0.2rem;
      width: 2rem;
      display: block;
      margin: 0 auto;
      background: #e3b968;
      opacity: 1; }
    section.content .category .line.vertical:after, section.intro .category .line.vertical:after {
      content: "";
      width: 0.2rem;
      height: 2rem;
      display: block;
      margin: 0 auto;
      background: #e3b968;
      opacity: 1; }

.movie section.intro .intro-text {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%); }

/*#endregion*/
/*#region Navigation Styles */
nav.timeline {
  position: relative;
  margin: 0 auto;
  z-index: 3; }
  nav.timeline ul {
    display: block;
    white-space: nowrap; }
    nav.timeline ul > li {
      position: relative;
      font-family: helveticaneue-medium;
      display: inline-block;
      margin-right: 1rem;
      color: #6b6b6b;
      outline: none; }
      nav.timeline ul > li a {
        display: block;
        padding: 0 1rem;
        font-size: 1.5rem;
        line-height: 4.8rem; }
      nav.timeline ul > li i {
        color: #ffffff;
        padding: 0 .8rem; }
        nav.timeline ul > li i.icon-expend-down {
          font-size: 1rem; }
      nav.timeline ul > li.active:not(.more) {
        color: #ffffff;
        font-family: helveticaneue-bold; }
        nav.timeline ul > li.active:not(.more):after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          height: .2rem;
          width: 100%;
          background: #e3b968; }
      nav.timeline ul > li.last-child {
        margin-right: 0; }
  nav.timeline.swiper-container .swiper-button-prev,
  nav.timeline.swiper-container .swiper-button-next {
    position: absolute;
    top: 0;
    display: inline-block;
    font-size: 2rem;
    line-height: 5rem;
    background: black;
    color: #ffffff; }
    nav.timeline.swiper-container .swiper-button-prev.swiper-button-disabled,
    nav.timeline.swiper-container .swiper-button-next.swiper-button-disabled {
      opacity: 0;
      visibility: hidden; }
  nav.timeline.swiper-container .swiper-button-prev {
    padding-right: 2rem;
    background: -moz-linear-gradient(right, transparent 0%, black 100%);
    background: -webkit-linear-gradient(right, transparent 0%, black 100%);
    background: linear-gradient(to left, transparent 0%, black 100%); }
  nav.timeline.swiper-container .swiper-button-next {
    padding-left: 2rem;
    background: -moz-linear-gradient(left, transparent 0%, black 100%);
    background: -webkit-linear-gradient(left, transparent 0%, black 100%);
    background: linear-gradient(to right, transparent 0%, black 100%); }
  nav.timeline.swiper-container.swiper-container-rtl .swiper-button-prev i,
  nav.timeline.swiper-container.swiper-container-rtl .swiper-button-next i {
    display: inline-block;
    transform: rotate(-180deg); }
  nav.timeline.swiper-container.swiper-container-rtl .swiper-button-prev {
    padding-right: 0;
    padding-left: 2rem;
    background: -moz-linear-gradient(left, transparent 0%, black 100%);
    background: -webkit-linear-gradient(left, transparent 0%, black 100%);
    background: linear-gradient(to right, transparent 0%, black 100%); }
  nav.timeline.swiper-container.swiper-container-rtl .swiper-button-next {
    padding-left: 0;
    padding-right: 2rem;
    background: -moz-linear-gradient(right, transparent 0%, black 100%);
    background: -webkit-linear-gradient(right, transparent 0%, black 100%);
    background: linear-gradient(to left, transparent 0%, black 100%); }

nav.side-menu {
  position: relative;
  background: #ffffff;
  margin-bottom: 1rem;
  padding: 3rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem; }
  nav.side-menu ul {
    display: block; }
    nav.side-menu ul > li {
      position: relative;
      font-family: helveticaneue-medium;
      display: block;
      color: black; }
      nav.side-menu ul > li a {
        display: block;
        color: #0645ad;
        padding: 0 1.2rem; }
      nav.side-menu ul > li:hover {
        background: #fafafa; }
      nav.side-menu ul > li span {
        font-size: 1.7rem;
        line-height: 4.8rem; }
      nav.side-menu ul > li .circle {
        display: inline-block;
        width: 4.5rem; }
        nav.side-menu ul > li .circle:before {
          content: "";
          display: block;
          margin: 1.6rem auto;
          height: 1.6rem;
          width: 1.6rem;
          border: solid .3rem #d5cfda;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
      nav.side-menu ul > li.active .circle:before {
        border: solid 0.3rem #cb0102; }

nav.media {
  /*&:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 4rem;
                display: inline-block;
                background: $clr-filter;
                background: -moz-linear-gradient(left, rgba($clr-filter, 0) 0%, rgba($clr-filter, 1) 100%);
                background: -webkit-linear-gradient(left, rgba($clr-filter, 0) 0%,rgba($clr-filter, 1) 100%);
                background: linear-gradient(to right, rgba($clr-filter, 0) 0%,rgba($clr-filter, 1) 100%);
                z-index: 2;
            }*/ }
  nav.media ul {
    display: block;
    white-space: nowrap;
    padding: 1rem 0; }
    nav.media ul li {
      position: relative;
      font-family: helveticaneue-bold;
      display: inline-block;
      margin-right: 2rem;
      color: #ffffff; }
      nav.media ul li a {
        display: block;
        font-size: 1.3rem;
        line-height: 4rem;
        text-transform: uppercase; }
      nav.media ul li small {
        position: relative;
        display: inline-block;
        top: -.6rem;
        padding: 0 .4rem;
        opacity: 0.5; }
      nav.media ul li.active, nav.media ul li:hover {
        color: #e3b968; }

nav.video {
  position: relative;
  background: #1a1b1d;
  margin-bottom: 1rem;
  padding: 1.6rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem; }
  nav.video ul {
    display: block; }
    nav.video ul > li {
      position: relative;
      display: block; }
      nav.video ul > li:not(:last-child) {
        border-bottom: solid .1rem #262729; }
      nav.video ul > li a {
        display: block; }
      nav.video ul > li span {
        font-family: helveticaneue-bold;
        font-size: 1.5rem;
        line-height: 6rem;
        color: #ffffff; }
      nav.video ul > li small {
        position: absolute;
        right: 0;
        top: 0;
        font-family: helveticaneue-regular;
        font-size: 1.3rem;
        line-height: 6rem;
        color: #c9ba9e; }
      nav.video ul > li.active:before {
        content: "";
        position: absolute;
        width: .4rem;
        height: 6rem;
        margin-left: -2rem;
        background: #e3b968; }

/*#endregion*/
/*#region Time List Styles */
.timelist {
  position: relative;
  margin: 0 auto;
  background: #202020;
  height: 5rem;
  z-index: 10; }
  .timelist .list {
    white-space: nowrap;
    padding-bottom: 4rem; }
    .timelist .list li {
      display: inline-block;
      position: relative;
      margin: 1rem 0.5rem; }
      .timelist .list li .icon-timer {
        display: none;
        font-size: 2.4rem;
        line-height: 3.6rem;
        opacity: .5; }
      .timelist .list li .time {
        display: inline-block;
        font-size: 1.3rem;
        line-height: 3rem;
        font-family: helveticaneue-medium;
        -webkit-border-radius: 1.5rem;
        -khtml-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -o-border-radius: 1.5rem;
        border-radius: 1.5rem;
        padding: 0 1.3rem;
        text-align: center;
        background: #000000;
        color: #5b5b5b; }
        .timelist .list li .time[data-color="1"] {
          background: #ffc301; }
        .timelist .list li .time[data-color="2"] {
          background: #ff5526; }
        .timelist .list li .time[data-color="3"] {
          background: #ff5627; }
        .timelist .list li .time[data-color="4"] {
          background: #c90035; }
        .timelist .list li .time[data-color="5"] {
          background: #92063e; }
        .timelist .list li .time[data-color="6"] {
          background: #92063e; }
        .timelist .list li .time[data-color="7"] {
          background: #5b1647; }
        .timelist .list li .time[data-color="8"] {
          background: #440e35; }
        .timelist .list li .time[data-color="9"] {
          background: #37081d; }
        .timelist .list li .time[data-color="10"] {
          background: #280404; }
      .timelist .list li.read .time {
        background: #ebebeb;
        color: #999999; }
      .timelist .list li.active {
        margin: 0.5rem 0;
        min-width: 7rem;
        min-height: 4rem; }
        .timelist .list li.active .icon-timer {
          display: block; }
        .timelist .list li.active .time {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          font-size: 1.6rem;
          line-height: 2.4rem;
          font-family: helveticaneue-medium;
          background: #b43939;
          color: #ffffff;
          -webkit-border-radius: 0.6rem;
          -khtml-border-radius: 0.6rem;
          -moz-border-radius: 0.6rem;
          -ms-border-radius: 0.6rem;
          -o-border-radius: 0.6rem;
          border-radius: 0.6rem;
          min-width: 7rem;
          min-height: 7rem;
          z-index: 2;
          /*&:after {
                        border-left: 9px solid transparent;
                        border-right: 9px solid transparent;
                        border-top: 9px solid  $active-color;
                        bottom: -11px;
                        left: 50%;
                        margin-left: -.8rem;
                    }*/ }
          .timelist .list li.active .time:before, .timelist .list li.active .time:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            z-index: 999;
            opacity: 1; }
          .timelist .list li.active .time:before {
            border-left: 3rem solid transparent;
            border-right: 3rem solid transparent;
            border-top: 1.6rem solid #b43939;
            bottom: -1.6rem;
            left: .5rem;
            /*margin-left: -.9rem;*/ }
    .timelist .list.swiper-container .swiper-button-prev,
    .timelist .list.swiper-container .swiper-button-next {
      position: absolute;
      top: 0;
      display: inline-block;
      font-size: 2rem;
      line-height: 4.8rem;
      background: #202020;
      color: rgba(255, 255, 255, 0.5); }
      .timelist .list.swiper-container .swiper-button-prev.swiper-button-disabled,
      .timelist .list.swiper-container .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        visibility: hidden; }
    .timelist .list.swiper-container .swiper-button-prev {
      padding-right: 2rem;
      background: -moz-linear-gradient(right, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: -webkit-linear-gradient(right, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: linear-gradient(to left, rgba(32, 32, 32, 0) 0%, #202020 100%); }
    .timelist .list.swiper-container .swiper-button-next {
      padding-left: 2rem;
      background: -moz-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: -webkit-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: linear-gradient(to right, rgba(32, 32, 32, 0) 0%, #202020 100%); }
    .timelist .list.swiper-container.swiper-container-rtl .swiper-button-prev i,
    .timelist .list.swiper-container.swiper-container-rtl .swiper-button-next i {
      display: inline-block;
      transform: rotate(-180deg); }
    .timelist .list.swiper-container.swiper-container-rtl .swiper-button-prev {
      padding-right: 0;
      padding-left: 2rem;
      background: -moz-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: -webkit-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: linear-gradient(to right, rgba(32, 32, 32, 0) 0%, #202020 100%); }
    .timelist .list.swiper-container.swiper-container-rtl .swiper-button-next {
      padding-left: 0;
      padding-right: 2rem;
      background: -moz-linear-gradient(right, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: -webkit-linear-gradient(right, rgba(32, 32, 32, 0) 0%, #202020 100%);
      background: linear-gradient(to left, rgba(32, 32, 32, 0) 0%, #202020 100%); }
  .timelist .filters i,
  .timelist .filters span {
    color: #ffffff !important; }

/*#endregion */
/*#region Box Styles */
.boxes {
  margin: 0 auto; }
  .boxes .box {
    display: inline-block;
    width: 100%;
    font-family: helveticaneue-regular;
    font-size: 1.6rem;
    line-height: 2.3rem; }
    .boxes .box.first .box-group {
      padding: 2.4rem; }
    .boxes .box .box-head .order {
      position: relative;
      display: inline-block;
      font-family: helveticaneue-bold;
      color: #dddddd;
      padding-bottom: 2rem; }
      .boxes .box .box-head .order small {
        display: block;
        font-size: 0.8rem;
        line-height: 0.8rem;
        margin-bottom: .4rem; }
      .boxes .box .box-head .order span {
        display: block;
        font-size: 6.4rem;
        line-height: 4.8rem;
        padding-bottom: 2rem; }
    .boxes .box .box-head .info {
      flex: 1; }
    .boxes .box .box-head .rank {
      position: relative;
      display: block; }
      .boxes .box .box-head .rank img {
        display: inline-block;
        height: 3.6rem;
        margin-left: -0.4rem;
        font-family: helveticaneue-medium;
        margin-bottom: 0.5rem; }
      .boxes .box .box-head .rank strong {
        display: block;
        font-size: 1.2rem;
        line-height: 2rem;
        font-family: helveticaneue-bold;
        color: #872311; }
      .boxes .box .box-head .rank span {
        display: block;
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-family: helveticaneue-medium;
        color: #808080; }
    .boxes .box .box-head .time {
      margin-bottom: 2rem; }
      .boxes .box .box-head .time span {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 2.6rem;
        font-family: helveticaneue-medium;
        color: #dad7de;
        text-transform: uppercase; }
      .boxes .box .box-head .time strong {
        display: inline-block;
        padding: 0 1.4rem;
        font-size: 1.4rem;
        line-height: 2.6rem;
        font-family: helveticaneue-bold;
        background-color: #93073e;
        -webkit-border-radius: 0.4rem;
        -khtml-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        -ms-border-radius: 0.4rem;
        -o-border-radius: 0.4rem;
        border-radius: 0.4rem;
        color: #ffffff; }
    .boxes .box .box-left {
      position: relative; }
      .boxes .box .box-left .type {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        background: #ffffff;
        z-index: 2; }
        .boxes .box .box-left .type .circle {
          position: absolute;
          display: inline-block;
          width: 4rem;
          height: 100%; }
          .boxes .box .box-left .type .circle:before {
            content: "";
            display: block;
            margin: .4rem auto;
            height: 2.5rem;
            width: 2.5rem;
            border: solid 0.4rem #9b97a1;
            -webkit-border-radius: 50%;
            -khtml-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
        .boxes .box .box-left .type .name {
          display: inline-block;
          line-height: 3.3rem;
          padding-left: 4.5rem;
          padding-right: 1rem; }
          .boxes .box .box-left .type .name strong {
            display: inline-block;
            padding: 0 1.4rem;
            font-size: 1.4rem;
            font-family: helveticaneue-bold;
            background-color: #93073e;
            -webkit-border-radius: 0.4rem;
            -khtml-border-radius: 0.4rem;
            -moz-border-radius: 0.4rem;
            -ms-border-radius: 0.4rem;
            -o-border-radius: 0.4rem;
            border-radius: 0.4rem;
            color: #ffffff; }
          .boxes .box .box-left .type .name span {
            display: inline-block;
            font-size: 1.2rem;
            font-family: helveticaneue-bold;
            color: #9b97a1;
            text-transform: uppercase; }
          .boxes .box .box-left .type .name small {
            display: inline-block;
            font-size: 1.2rem;
            line-height: 1.6rem;
            font-family: helveticaneue-light;
            color: #9b97a1; }
        .boxes .box .box-left .type[data-color="1"] .circle:before, .boxes .box .box-left .type[data-color="2"] .circle:before {
          border-color: #252525; }
        .boxes .box .box-left .type[data-color="1"] .name span, .boxes .box .box-left .type[data-color="2"] .name span {
          color: #252525; }
        .boxes .box .box-left .type[data-color="3"] .circle:before {
          border-color: #9b9578; }
        .boxes .box .box-left .type[data-color="3"] .name span {
          color: #9b9578; }
        .boxes .box .box-left .type[data-color="4"] .circle:before {
          border-color: #b7ab7c; }
        .boxes .box .box-left .type[data-color="4"] .name span {
          color: #b7ab7c; }
        .boxes .box .box-left .type[data-color="5"] .circle:before {
          border-color: #560a0a; }
        .boxes .box .box-left .type[data-color="5"] .name span {
          color: #560a0a; }
        .boxes .box .box-left .type[data-color="6"] .circle:before {
          border-color: #17202a; }
        .boxes .box .box-left .type[data-color="6"] .name span {
          color: #17202a; }
        .boxes .box .box-left .type[data-color="7"] .circle:before {
          border-color: #e59866; }
        .boxes .box .box-left .type[data-color="7"] .name span {
          color: #e59866; }
        .boxes .box .box-left .type[data-color="8"] .circle:before {
          border-color: #405d50; }
        .boxes .box .box-left .type[data-color="8"] .name span {
          color: #405d50; }
      .boxes .box .box-left .more:before {
        content: "";
        display: inline-block;
        margin: 1.6rem auto;
        height: .1rem;
        width: 21rem;
        background: #ebebeb; }
      .boxes .box .box-left .more i {
        padding-left: 1.6rem;
        display: inline-block;
        font-size: 2rem;
        line-height: 3.3rem;
        color: #9b97a1; }
    .boxes .box .box-group {
      position: relative; }
      .boxes .box .box-group:not(:last-child) {
        margin-bottom: 2rem; }
      .boxes .box .box-group .header {
        margin-bottom: 1rem; }
        .boxes .box .box-group .header .title {
          font-family: helveticaneue-bold; }
      .boxes .box .box-group .display {
        position: relative; }
        .boxes .box .box-group .display:after {
          content: "";
          position: absolute;
          top: 1.2rem;
          left: -16rem;
          height: calc(100% - 2.4rem);
          width: .1rem;
          background: #ebebeb; }
        .boxes .box .box-group .display figure.inside[data-type="image"] .caption:not(.no-photo) {
          margin-top: -12rem; }
      .boxes .box .box-group .text {
        font-size: 1.7rem;
        line-height: 2.5rem;
        font-family: merriweather-regular;
        color: #ffffff; }
        .boxes .box .box-group .text p:not(:last-child) {
          margin-bottom: 1.6rem; }
        .boxes .box .box-group .text a {
          display: inline-flex;
          color: #2c5f9c; }
          .boxes .box .box-group .text a:hover {
            text-decoration: underline; }
        .boxes .box .box-group .text strong {
          font-weight: 900; }
        .boxes .box .box-group .text mark {
          background: none;
          font-family: inherit;
          color: #e3b968; }
        .boxes .box .box-group .text code {
          background: none;
          font-family: inherit;
          color: #ff0000; }
        .boxes .box .box-group .text samp {
          background: #e41a1a;
          font-family: inherit;
          padding: 0.2rem 0.8rem;
          -webkit-border-radius: 0.2rem;
          -khtml-border-radius: 0.2rem;
          -moz-border-radius: 0.2rem;
          -ms-border-radius: 0.2rem;
          -o-border-radius: 0.2rem;
          border-radius: 0.2rem;
          color: #ffffff; }
        .boxes .box .box-group .text ul,
        .boxes .box .box-group .text ol {
          margin: 1rem auto; }
          .boxes .box .box-group .text ul li,
          .boxes .box .box-group .text ol li {
            margin-bottom: 1rem; }
        .boxes .box .box-group .text ul {
          padding-left: 3rem;
          list-style: disc; }
        .boxes .box .box-group .text ol {
          padding-left: 3rem;
          list-style: decimal; }
        .boxes .box .box-group .text iframe {
          width: 100%; }
      .boxes .box .box-group .model.text {
        color: black; }
        .boxes .box .box-group .model.text a {
          display: block; }
          .boxes .box .box-group .model.text a:hover {
            text-decoration: none; }
      .boxes .box .box-group .info {
        margin: 0 auto; }
        .boxes .box .box-group .info .time {
          font-size: 1.2rem;
          line-height: 2.6rem;
          font-family: helveticaneue-regular;
          color: #999999;
          margin-bottom: 0.2rem; }
          .boxes .box .box-group .info .time span {
            display: inline-block;
            font-size: 1.2rem;
            font-family: helveticaneue-medium;
            color: #dad7de;
            text-transform: uppercase; }
          .boxes .box .box-group .info .time strong {
            display: inline-block;
            margin-right: 2.4rem;
            padding: 0 1.4rem;
            font-size: 1.4rem;
            font-family: helveticaneue-bold;
            background-color: #260505;
            -webkit-border-radius: 0.4rem;
            -khtml-border-radius: 0.4rem;
            -moz-border-radius: 0.4rem;
            -ms-border-radius: 0.4rem;
            -o-border-radius: 0.4rem;
            border-radius: 0.4rem;
            color: #ffffff; }
        .boxes .box .box-group .info .location {
          font-size: 1.2rem;
          line-height: 2.6rem;
          font-family: helveticaneue-bold;
          color: #ffffff;
          text-transform: uppercase;
          opacity: 0.9; }
          .boxes .box .box-group .info .location i {
            padding-right: 0.5rem;
            color: #8c8c8c; }
          .boxes .box .box-group .info .location span {
            position: relative;
            padding-right: 2.3rem; }
            .boxes .box .box-group .info .location span:not(:last-child):after {
              content: "";
              position: absolute;
              top: .6rem;
              right: 1rem;
              width: .3rem;
              height: .3rem;
              background: #9b97a1;
              -webkit-border-radius: 50%;
              -khtml-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%; }
      .boxes .box .box-group .description {
        position: relative;
        display: inline-block;
        margin-top: 1rem;
        font-size: 1.6rem;
        line-height: 2.3rem;
        font-family: helveticaneue-medium;
        display: block;
        display: -webkit-box;
        max-height: 23rem;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #505050; }
        .boxes .box .box-group .description strong {
          font-family: helveticaneue-bold; }
        .boxes .box .box-group .description mark {
          background: none;
          font-family: inherit;
          color: #a90001; }
        .boxes .box .box-group .description a {
          color: #2c5f9c; }
          .boxes .box .box-group .description a:hover {
            text-decoration: underline; }
      .boxes .box .box-group .comments {
        position: relative;
        margin: 1rem auto; }
        .boxes .box .box-group .comments .box-left {
          position: absolute;
          top: 0; }
        .boxes .box .box-group .comments .comment-popup .box-left {
          display: none; }
        .boxes .box .box-group .comments .comment-popup .display figure {
          margin-bottom: 2rem; }
        .boxes .box .box-group .comments .comment-popup .template {
          margin-bottom: 2rem; }
      .boxes .box .box-group .template {
        position: relative;
        display: block; }
        .boxes .box .box-group .template:after {
          content: "";
          position: absolute;
          top: 4.5rem;
          left: -16rem;
          height: calc(100% - 5.7rem);
          width: .1rem;
          background: #ebebeb; }
        .boxes .box .box-group .template .popup figure.inside {
          display: block;
          margin-bottom: 2rem;
          position: relative;
          background: #252525;
          background: rgba(37, 37, 37, 0.95);
          -webkit-border-radius: 0.4rem;
          -khtml-border-radius: 0.4rem;
          -moz-border-radius: 0.4rem;
          -ms-border-radius: 0.4rem;
          -o-border-radius: 0.4rem;
          border-radius: 0.4rem;
          overflow: hidden; }
          .boxes .box .box-group .template .popup figure.inside .title {
            color: #ffffff; }
          .boxes .box .box-group .template .popup figure.inside .spot {
            color: #b3b3b3; }
      .boxes .box .box-group.message {
        padding: 4.8rem 2.4rem;
        text-align: center; }
        .boxes .box .box-group.message .header i {
          display: block;
          font-size: 6.4rem;
          line-height: 6.4rem;
          margin-bottom: 2rem;
          color: #b3b3b3; }
  .boxes .display figure,
  .boxes .template figure {
    -webkit-border-radius: 0.6rem;
    -khtml-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    border-radius: 0.6rem; }
    .boxes .display figure.inside,
    .boxes .template figure.inside {
      position: relative;
      display: block;
      background: black; }
      .boxes .display figure.inside .image,
      .boxes .template figure.inside .image {
        -webkit-border-top-left-radius: 0.6rem;
        -webkit-border-top-right-radius: 0.6rem;
        -webkit-border-bottom-right-radius: 0rem;
        -webkit-border-bottom-left-radius: 0rem;
        -moz-border-radius-topleft: 0.6rem;
        -moz-border-radius-topright: 0.6rem;
        -moz-border-radius-bottomright: 0rem;
        -moz-border-radius-bottomleft: 0rem;
        border-top-left-radius: 0.6rem;
        border-top-right-radius: 0.6rem;
        border-bottom-right-radius: 0rem;
        border-bottom-left-radius: 0rem;
        overflow: hidden; }
      .boxes .display figure.inside .title,
      .boxes .template figure.inside .title {
        color: #ffffff; }
      .boxes .display figure.inside .spot,
      .boxes .template figure.inside .spot {
        color: #ffffff; }
      .boxes .display figure.inside .caption,
      .boxes .template figure.inside .caption {
        position: relative;
        padding: 2.4rem; }
      .boxes .display figure.inside[data-type="video"], .boxes .display figure.inside[data-type="gallery"],
      .boxes .template figure.inside[data-type="video"],
      .boxes .template figure.inside[data-type="gallery"] {
        cursor: pointer;
        -webkit-border-radius: 0.6rem;
        -khtml-border-radius: 0.6rem;
        -moz-border-radius: 0.6rem;
        -ms-border-radius: 0.6rem;
        -o-border-radius: 0.6rem;
        border-radius: 0.6rem; }
  .boxes.index .box {
    padding-top: 20rem;
    margin-top: -20rem;
    margin-bottom: 8rem; }
    .boxes.index .box .box-head {
      position: relative;
      margin: 0 auto;
      z-index: 1; }
      .boxes.index .box .box-head .order span {
        background: #ffffff; }
      .boxes.index .box .box-head .info {
        padding: 0 1rem; }
  .boxes.person .box {
    max-width: 54rem;
    margin: 0 auto;
    display: block; }
    .boxes.person .box .box-head {
      position: relative;
      margin: 0 auto;
      z-index: 2;
      text-align: center; }
      .boxes.person .box .box-head .time {
        display: inline-block;
        width: 6.5rem;
        line-height: 2.6rem;
        text-align: center; }
        .boxes.person .box .box-head .time strong {
          display: inline-block;
          padding: 0 1.4rem;
          font-size: 1.4rem;
          font-family: helveticaneue-bold;
          background-color: #b7ab7c;
          -webkit-border-radius: 0.4rem;
          -khtml-border-radius: 0.4rem;
          -moz-border-radius: 0.4rem;
          -ms-border-radius: 0.4rem;
          -o-border-radius: 0.4rem;
          border-radius: 0.4rem;
          color: #ffffff; }
      .boxes.person .box .box-head .more {
        display: block;
        text-align: center;
        margin: .8rem 0; }
        .boxes.person .box .box-head .more i {
          display: inline-block;
          font-size: 1.8rem;
          line-height: 3rem;
          color: #9b97a1; }
      .boxes.person .box .box-head .name {
        display: block;
        margin-top: .7rem;
        font-size: 1.2rem;
        text-align: left;
        color: #919ea2;
        font-family: helveticaneue-bold; }
    .boxes.person .box .box-group .display::after {
      display: none; }
    .boxes.person .box .box-group .template::after {
      display: none; }
    .boxes.person .box .box-group .template figure.notes {
      background: #222127; }
      .boxes.person .box .box-group .template figure.notes ul li {
        color: #ccc; }
        .boxes.person .box .box-group .template figure.notes ul li small {
          color: #bbb; }
        .boxes.person .box .box-group .template figure.notes ul li mark {
          color: #e3b968;
          background-color: transparent; }
    .boxes.person .box .box-group .template figure.attach {
      background: #222127;
      border: solid 0.1rem #222127; }
      .boxes.person .box .box-group .template figure.attach .caption {
        border-left: solid 0.1rem #555; }
        .boxes.person .box .box-group .template figure.attach .caption .name {
          color: #ccc; }
    .boxes.person .box .box-left {
      left: auto; }
      .boxes.person .box .box-left .type {
        background: none;
        width: 100%;
        text-align: center; }
        .boxes.person .box .box-left .type .name {
          padding-left: 0;
          padding-right: 0;
          margin: 2rem auto;
          color: #919ea2; }
          .boxes.person .box .box-left .type .name::before, .boxes.person .box .box-left .type .name::after {
            content: '';
            position: absolute;
            left: calc(50% - 0.1rem);
            width: .2rem;
            height: 1rem;
            background-color: #404040; }
          .boxes.person .box .box-left .type .name::before {
            top: 1rem; }
          .boxes.person .box .box-left .type .name::after {
            bottom: 1rem; }
        .boxes.person .box .box-left .type .circle {
          display: none; }
        .boxes.person .box .box-left .type[data-color="1"] .circle:before, .boxes.person .box .box-left .type[data-color="2"] .circle:before {
          border-color: #727272; }
        .boxes.person .box .box-left .type[data-color="1"] .name span, .boxes.person .box .box-left .type[data-color="2"] .name span {
          color: #727272; }
        .boxes.person .box .box-left .type[data-color="6"] .circle:before {
          border-color: #4d6b8d; }
        .boxes.person .box .box-left .type[data-color="6"] .name span {
          color: #4d6b8d; }
      .boxes.person .box .box-left .more {
        display: none; }
        .boxes.person .box .box-left .more::before {
          display: none; }
  .boxes.session .box {
    padding-top: 20rem;
    margin-top: -20rem;
    margin-bottom: 8rem; }
    .boxes.session .box .box-head {
      position: relative;
      margin: 0 auto;
      background: #ffffff;
      z-index: 1; }

.status li {
  display: inline-block;
  color: #ffffff; }
  .status li[data-type="sanik"] {
    background: #cc0002; }
  .status li[data-type="tanik"] {
    background: #33691E; }
  .status li[data-type="musteki"] {
    background: #E65100; }
  .status li[data-type="fail"] {
    background: #01579B; }

.wiki-link {
  position: relative; }
  .wiki-link .wiki-content {
    position: absolute;
    top: 3rem;
    left: 0;
    padding: 2rem;
    min-width: 42rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -khtml-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -ms-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
    -webkit-transform: scale(0, 0);
    -khtml-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    transform-origin: top left;
    z-index: 3;
    -webkit-border-radius: 0.6rem;
    -khtml-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    border-radius: 0.6rem;
    border: solid .1rem #333;
    background: #121418;
    font-style: normal; }
    .wiki-link .wiki-content .wiki-bio {
      display: block; }
      .wiki-link .wiki-content .wiki-bio .bio-image {
        display: inline-block;
        overflow: hidden;
        width: 5.1rem;
        height: 5.1rem;
        float: left;
        vertical-align: top;
        margin-right: 1.6rem;
        border: solid 0.3rem #b7ab7c; }
        .wiki-link .wiki-content .wiki-bio .bio-image img {
          width: 100%;
          height: auto; }
      .wiki-link .wiki-content .wiki-bio .bio-caption {
        display: block;
        padding: .6rem 0;
        color: #ffffff; }
        .wiki-link .wiki-content .wiki-bio .bio-caption .name {
          display: block;
          font-size: 1.4rem;
          line-height: 1.7rem;
          font-family: helveticaneue-bold;
          margin-bottom: .5rem;
          color: #ffffff; }
        .wiki-link .wiki-content .wiki-bio .bio-caption .bio,
        .wiki-link .wiki-content .wiki-bio .bio-caption .job {
          display: block; }
        .wiki-link .wiki-content .wiki-bio .bio-caption span {
          font-size: 1.3rem;
          line-height: 1.7rem;
          font-family: helveticaneue-medium;
          margin-bottom: .5rem; }
        .wiki-link .wiki-content .wiki-bio .bio-caption strong {
          font-size: 1.4rem;
          line-height: 1.6rem;
          font-family: helveticaneue-bold;
          color: #838383;
          margin-bottom: .5rem; }
    .wiki-link .wiki-content .wiki-text {
      width: 100%;
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-family: helveticaneue-regular;
      color: #ddd;
      display: block;
      display: -webkit-box;
      max-height: 11rem;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 1rem; }
      .wiki-link .wiki-content .wiki-text p {
        margin-bottom: 0 !important;
        line-height: 1.9rem !important;
        font-style: normal; }
        .wiki-link .wiki-content .wiki-text p em {
          font-style: normal; }
  .wiki-link.active .wiki-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -khtml-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    -ms-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
    -webkit-transform: scale(1, 1);
    -khtml-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top left; }

/*#endregion */
/*#region Figure Template */
.display span.inside,
.display figure.inside,
.template span.inside,
.template figure.inside {
  position: relative; }
  .display span.inside .image,
  .display figure.inside .image,
  .template span.inside .image,
  .template figure.inside .image {
    position: relative; }
    .display span.inside .image img,
    .display figure.inside .image img,
    .template span.inside .image img,
    .template figure.inside .image img {
      width: 100%;
      height: auto; }
  .display span.inside .title,
  .display figure.inside .title,
  .template span.inside .title,
  .template figure.inside .title {
    font-size: 2.6rem;
    line-height: 2.8rem;
    font-family: helveticaneue-bold;
    color: black;
    margin-bottom: 1rem; }
  .display span.inside .spot,
  .display figure.inside .spot,
  .template span.inside .spot,
  .template figure.inside .spot {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: helveticaneue-regular;
    color: black; }
  .display span.inside .info,
  .display figure.inside .info,
  .template span.inside .info,
  .template figure.inside .info {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: helveticaneue-medium;
    color: #a6a6a6; }
    .display span.inside .info .item,
    .display figure.inside .info .item,
    .template span.inside .info .item,
    .template figure.inside .info .item {
      position: relative; }
      .display span.inside .info .item:not(:first-child),
      .display figure.inside .info .item:not(:first-child),
      .template span.inside .info .item:not(:first-child),
      .template figure.inside .info .item:not(:first-child) {
        padding-left: 2.4rem; }
        .display span.inside .info .item:not(:first-child):before,
        .display figure.inside .info .item:not(:first-child):before,
        .template span.inside .info .item:not(:first-child):before,
        .template figure.inside .info .item:not(:first-child):before {
          content: "";
          position: absolute;
          left: 1rem;
          top: .6rem;
          display: inline-block;
          height: .4rem;
          width: .4rem;
          -webkit-border-radius: 0.4rem;
          -khtml-border-radius: 0.4rem;
          -moz-border-radius: 0.4rem;
          -ms-border-radius: 0.4rem;
          -o-border-radius: 0.4rem;
          border-radius: 0.4rem;
          background: #4d4d4d; }
    .display span.inside .info em,
    .display figure.inside .info em,
    .template span.inside .info em,
    .template figure.inside .info em {
      font-style: normal;
      color: #e3b968; }
  .display span.inside[data-type="image"], .display span.inside[data-type="video"], .display span.inside[data-type="gallery"],
  .display figure.inside[data-type="image"],
  .display figure.inside[data-type="video"],
  .display figure.inside[data-type="gallery"],
  .template span.inside[data-type="image"],
  .template span.inside[data-type="video"],
  .template span.inside[data-type="gallery"],
  .template figure.inside[data-type="image"],
  .template figure.inside[data-type="video"],
  .template figure.inside[data-type="gallery"] {
    /*cursor: pointer;*/ }
    .display span.inside[data-type="image"] .image.shadow:after, .display span.inside[data-type="video"] .image.shadow:after, .display span.inside[data-type="gallery"] .image.shadow:after,
    .display figure.inside[data-type="image"] .image.shadow:after,
    .display figure.inside[data-type="video"] .image.shadow:after,
    .display figure.inside[data-type="gallery"] .image.shadow:after,
    .template span.inside[data-type="image"] .image.shadow:after,
    .template span.inside[data-type="video"] .image.shadow:after,
    .template span.inside[data-type="gallery"] .image.shadow:after,
    .template figure.inside[data-type="image"] .image.shadow:after,
    .template figure.inside[data-type="video"] .image.shadow:after,
    .template figure.inside[data-type="gallery"] .image.shadow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 30%;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%);
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%);
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%); }
    .display span.inside[data-type="image"] .image .pattern:before, .display span.inside[data-type="video"] .image .pattern:before, .display span.inside[data-type="gallery"] .image .pattern:before,
    .display figure.inside[data-type="image"] .image .pattern:before,
    .display figure.inside[data-type="video"] .image .pattern:before,
    .display figure.inside[data-type="gallery"] .image .pattern:before,
    .template span.inside[data-type="image"] .image .pattern:before,
    .template span.inside[data-type="video"] .image .pattern:before,
    .template span.inside[data-type="gallery"] .image .pattern:before,
    .template figure.inside[data-type="image"] .image .pattern:before,
    .template figure.inside[data-type="video"] .image .pattern:before,
    .template figure.inside[data-type="gallery"] .image .pattern:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000000;
      background: -moz-linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
      background: -webkit-linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
      background: linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
      opacity: 0.4; }
    .display span.inside[data-type="image"] .image .pattern:after, .display span.inside[data-type="video"] .image .pattern:after, .display span.inside[data-type="gallery"] .image .pattern:after,
    .display figure.inside[data-type="image"] .image .pattern:after,
    .display figure.inside[data-type="video"] .image .pattern:after,
    .display figure.inside[data-type="gallery"] .image .pattern:after,
    .template span.inside[data-type="image"] .image .pattern:after,
    .template span.inside[data-type="video"] .image .pattern:after,
    .template span.inside[data-type="gallery"] .image .pattern:after,
    .template figure.inside[data-type="image"] .image .pattern:after,
    .template figure.inside[data-type="video"] .image .pattern:after,
    .template figure.inside[data-type="gallery"] .image .pattern:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8aW1hZ2UgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQWdFQWtBQ1FBQUQvN0FBUlJIVmphM2tBQVFBRUFBQUFIZ0FBLys0QUlVRmtiMkpsQUdUQUFBQUFBUU1BDQpFQU1DQXdZQUFBR0NBQUFCblFBQUFnLy8yd0NFQUJBTEN3c01DeEFNREJBWER3MFBGeHNVRUJBVUd4OFhGeGNYRng4ZUZ4b2FHaG9YDQpIaDRqSlNjbEl4NHZMek16THk5QVFFQkFRRUJBUUVCQVFFQkFRRUFCRVE4UEVSTVJGUklTRlJRUkZCRVVHaFFXRmhRYUpob2FIQm9hDQpKakFqSGg0ZUhpTXdLeTRuSnljdUt6VTFNREExTlVCQVAwQkFRRUJBUUVCQVFFQkFRUC9DQUJFSUFBNEFEZ01CSWdBQ0VRRURFUUgvDQp4QUIxQUFBREFRQUFBQUFBQUFBQUFBQUFBQUFBQkFVR0FRRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUVBQUJCUUVBQUFBQUFBQUFBQUFBDQpBQUFHQUFFREJBVUNFUUFDQVFNREF3VUFBQUFBQUFBQUFBQUJBZ01SRWdRQUV3VWhNVUVpZ2pOREZCSUJBQUFBQUFBQUFBQUFBQUFBDQpBQUFBQVAvYUFBd0RBUUFDRVFNUkFBQUF0ajJiUC8vYUFBZ0JBZ0FCQlFCZi85b0FDQUVEQUFFRkFGLy8yZ0FJQVFFQUFRVUFLT3llDQprOEpwUm13STdHN3h1U1Z4Unl2LzJnQUlBUUlDQmo4QWYvL2FBQWdCQXdJR1B3Qi8vOW9BQ0FFQkFRWS9BQnlQRXo3dUxIUXo0WmpSDQppQXZjcTF0NUI4OWRUOHRHdFo4VUtKc1d2cUR1d1JmYVMzZldURkppN3ZFdlorZklEUmd4bXhiNnFXREVYVjhhaW54Y3FNQU93enNXDQoxOWt2OWJYMjdmeTI5SzByVHpyLzJRPT0iIHRyYW5zZm9ybT0ibWF0cml4KDAuNSAwIDAgMC41IC0zLjEyNTAwMGUtMDIgLTEuNTYyNTAwZS0wMikiPg0KPC9pbWFnZT4NCjxwb2x5Z29uIHBvaW50cz0iNiw2IDAsMCAyLDAgNiw0ICIvPg0KPHBvbHlnb24gcG9pbnRzPSIwLDYgMCw0IDIsNiAiLz4NCjwvc3ZnPg0K");
      background-size: .6rem .6rem;
      opacity: 0.1; }
  .display span.inside[data-type="video"], .display span.inside[data-type="gallery"],
  .display figure.inside[data-type="video"],
  .display figure.inside[data-type="gallery"],
  .template span.inside[data-type="video"],
  .template span.inside[data-type="gallery"],
  .template figure.inside[data-type="video"],
  .template figure.inside[data-type="gallery"] {
    cursor: pointer;
    -webkit-border-radius: 0.6rem;
    -khtml-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    border-radius: 0.6rem; }
    .display span.inside[data-type="video"] .info, .display span.inside[data-type="gallery"] .info,
    .display figure.inside[data-type="video"] .info,
    .display figure.inside[data-type="gallery"] .info,
    .template span.inside[data-type="video"] .info,
    .template span.inside[data-type="gallery"] .info,
    .template figure.inside[data-type="video"] .info,
    .template figure.inside[data-type="gallery"] .info {
      margin-bottom: 1rem; }
    .display span.inside[data-type="video"] .icon-group, .display span.inside[data-type="gallery"] .icon-group,
    .display figure.inside[data-type="video"] .icon-group,
    .display figure.inside[data-type="gallery"] .icon-group,
    .template span.inside[data-type="video"] .icon-group,
    .template span.inside[data-type="gallery"] .icon-group,
    .template figure.inside[data-type="video"] .icon-group,
    .template figure.inside[data-type="gallery"] .icon-group {
      position: absolute;
      left: 2.4rem;
      bottom: 0;
      display: inline-block;
      border: solid .2rem #b7b7b7;
      -webkit-border-radius: 0.6rem;
      -khtml-border-radius: 0.6rem;
      -moz-border-radius: 0.6rem;
      -ms-border-radius: 0.6rem;
      -o-border-radius: 0.6rem;
      border-radius: 0.6rem;
      overflow: hidden;
      color: #ffffff;
      background: rgba(0, 0, 0, 0.5);
      z-index: 2; }
      .display span.inside[data-type="video"] .icon-group span, .display span.inside[data-type="gallery"] .icon-group span,
      .display figure.inside[data-type="video"] .icon-group span,
      .display figure.inside[data-type="gallery"] .icon-group span,
      .template span.inside[data-type="video"] .icon-group span,
      .template span.inside[data-type="gallery"] .icon-group span,
      .template figure.inside[data-type="video"] .icon-group span,
      .template figure.inside[data-type="gallery"] .icon-group span {
        padding: 0 1.2rem; }

.display span.person,
.display figure.person,
.template span.person,
.template figure.person {
  padding: 2.4rem;
  background: #838383;
  background: rgba(131, 131, 131, 0.05);
  background: #e8e8e8;
  -webkit-box-align: center;
  align-items: center; }
  .display span.person .image,
  .display figure.person .image,
  .template span.person .image,
  .template figure.person .image {
    width: 5.1rem;
    height: 5.1rem;
    border: solid 0.3rem #ffffff;
    background: black; }
    .display span.person .image img,
    .display figure.person .image img,
    .template span.person .image img,
    .template figure.person .image img {
      width: 100%; }
  .display span.person .bio,
  .display figure.person .bio,
  .template span.person .bio,
  .template figure.person .bio {
    padding: 0 1.6rem;
    flex: 1; }
    .display span.person .bio .name,
    .display figure.person .bio .name,
    .template span.person .bio .name,
    .template figure.person .bio .name {
      font-family: helveticaneue-bold;
      font-size: 1.3rem;
      line-height: 1.7rem;
      display: block;
      display: -webkit-box;
      max-height: 1.7rem;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      text-transform: uppercase;
      color: #838383; }
    .display span.person .bio .job,
    .display figure.person .bio .job,
    .template span.person .bio .job,
    .template figure.person .bio .job {
      font-family: helveticaneue-medium;
      font-size: 1.3rem;
      line-height: 1.7rem;
      color: #838383; }
    .display span.person .bio .info,
    .display figure.person .bio .info,
    .template span.person .bio .info,
    .template figure.person .bio .info {
      font-size: 1.3rem;
      line-height: 1.7rem;
      color: #838383; }
      .display span.person .bio .info span,
      .display figure.person .bio .info span,
      .template span.person .bio .info span,
      .template figure.person .bio .info span {
        font-family: helveticaneue-regular; }
      .display span.person .bio .info strong,
      .display figure.person .bio .info strong,
      .template span.person .bio .info strong,
      .template figure.person .bio .info strong {
        font-family: helveticaneue-medium; }
    .display span.person .bio .status,
    .display figure.person .bio .status,
    .template span.person .bio .status,
    .template figure.person .bio .status {
      margin: .6rem auto;
      font-size: 1.2rem;
      line-height: 1.8rem; }
      .display span.person .bio .status li,
      .display figure.person .bio .status li,
      .template span.person .bio .status li,
      .template figure.person .bio .status li {
        display: inline-block;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -ms-border-radius: 0.3rem;
        -o-border-radius: 0.3rem;
        border-radius: 0.3rem;
        padding: 0 1rem; }
        .display span.person .bio .status li span,
        .display figure.person .bio .status li span,
        .template span.person .bio .status li span,
        .template figure.person .bio .status li span {
          display: inline-block;
          font-family: helveticaneue-bold;
          font-size: 1rem;
          line-height: 1.8rem; }
  .display span.person .button,
  .display figure.person .button,
  .template span.person .button,
  .template figure.person .button {
    font-size: 2.4rem;
    line-height: 5.1rem;
    color: #838383; }
  .display span.person[data-category="category-sehit"],
  .display figure.person[data-category="category-sehit"],
  .template span.person[data-category="category-sehit"],
  .template figure.person[data-category="category-sehit"] {
    background-color: #e2ebe9;
    overflow: hidden; }
    .display span.person[data-category="category-sehit"]:before,
    .display figure.person[data-category="category-sehit"]:before,
    .template span.person[data-category="category-sehit"]:before,
    .template figure.person[data-category="category-sehit"]:before {
      content: "";
      position: absolute;
      top: -5rem;
      left: 10rem;
      width: 36rem;
      height: 30rem;
      background-image: url("../../images/turkish-flag.svg");
      background-size: 100%;
      -webkit-transform: rotate(-30deg);
      -khtml-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      transform: rotate(-30deg);
      opacity: 0.03; }

.display span.map,
.display figure.map,
.template span.map,
.template figure.map {
  position: relative;
  background: #17202a; }
  .display span.map .image,
  .display figure.map .image,
  .template span.map .image,
  .template figure.map .image {
    position: relative;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    overflow: hidden; }
    .display span.map .image img,
    .display figure.map .image img,
    .template span.map .image img,
    .template figure.map .image img {
      width: 100%;
      height: auto; }
    .display span.map .image.shadow:after,
    .display figure.map .image.shadow:after,
    .template span.map .image.shadow:after,
    .template figure.map .image.shadow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 16rem;
      background: -moz-linear-gradient(top, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%);
      background: -webkit-linear-gradient(top, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%);
      background: linear-gradient(to bottom, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%); }
    .display span.map .image .pattern:after,
    .display figure.map .image .pattern:after,
    .template span.map .image .pattern:after,
    .template figure.map .image .pattern:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8aW1hZ2UgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQWdFQWtBQ1FBQUQvN0FBUlJIVmphM2tBQVFBRUFBQUFIZ0FBLys0QUlVRmtiMkpsQUdUQUFBQUFBUU1BDQpFQU1DQXdZQUFBR0NBQUFCblFBQUFnLy8yd0NFQUJBTEN3c01DeEFNREJBWER3MFBGeHNVRUJBVUd4OFhGeGNYRng4ZUZ4b2FHaG9YDQpIaDRqSlNjbEl4NHZMek16THk5QVFFQkFRRUJBUUVCQVFFQkFRRUFCRVE4UEVSTVJGUklTRlJRUkZCRVVHaFFXRmhRYUpob2FIQm9hDQpKakFqSGg0ZUhpTXdLeTRuSnljdUt6VTFNREExTlVCQVAwQkFRRUJBUUVCQVFFQkFRUC9DQUJFSUFBNEFEZ01CSWdBQ0VRRURFUUgvDQp4QUIxQUFBREFRQUFBQUFBQUFBQUFBQUFBQUFBQkFVR0FRRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUVBQUJCUUVBQUFBQUFBQUFBQUFBDQpBQUFHQUFFREJBVUNFUUFDQVFNREF3VUFBQUFBQUFBQUFBQUJBZ01SRWdRQUV3VWhNVUVpZ2pOREZCSUJBQUFBQUFBQUFBQUFBQUFBDQpBQUFBQVAvYUFBd0RBUUFDRVFNUkFBQUF0ajJiUC8vYUFBZ0JBZ0FCQlFCZi85b0FDQUVEQUFFRkFGLy8yZ0FJQVFFQUFRVUFLT3llDQprOEpwUm13STdHN3h1U1Z4Unl2LzJnQUlBUUlDQmo4QWYvL2FBQWdCQXdJR1B3Qi8vOW9BQ0FFQkFRWS9BQnlQRXo3dUxIUXo0WmpSDQppQXZjcTF0NUI4OWRUOHRHdFo4VUtKc1d2cUR1d1JmYVMzZldURkppN3ZFdlorZklEUmd4bXhiNnFXREVYVjhhaW54Y3FNQU93enNXDQoxOWt2OWJYMjdmeTI5SzByVHpyLzJRPT0iIHRyYW5zZm9ybT0ibWF0cml4KDAuNSAwIDAgMC41IC0zLjEyNTAwMGUtMDIgLTEuNTYyNTAwZS0wMikiPg0KPC9pbWFnZT4NCjxwb2x5Z29uIHBvaW50cz0iNiw2IDAsMCAyLDAgNiw0ICIvPg0KPHBvbHlnb24gcG9pbnRzPSIwLDYgMCw0IDIsNiAiLz4NCjwvc3ZnPg0K");
      background-size: .6rem .6rem;
      opacity: 0.1; }
    .display span.map .image .icon-group,
    .display figure.map .image .icon-group,
    .template span.map .image .icon-group,
    .template figure.map .image .icon-group {
      position: absolute;
      top: 1.7rem;
      right: 1.7rem;
      z-index: 1; }
      .display span.map .image .icon-group i,
      .display figure.map .image .icon-group i,
      .template span.map .image .icon-group i,
      .template figure.map .image .icon-group i {
        background: rgba(54, 62, 78, 0.27);
        font-size: 2rem;
        line-height: 3.6rem;
        border: solid .2rem #46505f; }
  .display span.map .title,
  .display figure.map .title,
  .template span.map .title,
  .template figure.map .title {
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-family: helveticaneue-bold;
    color: #ffffff;
    margin-bottom: 1rem; }
  .display span.map .description,
  .display figure.map .description,
  .template span.map .description,
  .template figure.map .description {
    color: #fafafa !important; }
  .display span.map .caption,
  .display figure.map .caption,
  .template span.map .caption,
  .template figure.map .caption {
    position: relative;
    padding: 2.4rem;
    margin-top: -5rem; }
    .display span.map .caption .icon-group,
    .display figure.map .caption .icon-group,
    .template span.map .caption .icon-group,
    .template figure.map .caption .icon-group {
      display: inline-block;
      border: solid 0.2rem rgba(255, 255, 255, 0.6);
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem;
      overflow: hidden;
      color: #ffffff;
      background: none;
      margin-bottom: 1rem;
      padding: .5rem;
      z-index: 2; }
      .display span.map .caption .icon-group span, .display span.map .caption .icon-group strong,
      .display figure.map .caption .icon-group span,
      .display figure.map .caption .icon-group strong,
      .template span.map .caption .icon-group span,
      .template span.map .caption .icon-group strong,
      .template figure.map .caption .icon-group span,
      .template figure.map .caption .icon-group strong {
        padding-right: 1.2rem;
        font-size: 1.6rem;
        text-transform: uppercase; }
  .display span.map:hover .icon-group,
  .display figure.map:hover .icon-group,
  .template span.map:hover .icon-group,
  .template figure.map:hover .icon-group {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.display span.infographic,
.display figure.infographic,
.template span.infographic,
.template figure.infographic {
  position: relative;
  background: #fbeee6; }
  .display span.infographic .image,
  .display figure.infographic .image,
  .template span.infographic .image,
  .template figure.infographic .image {
    position: relative; }
    .display span.infographic .image.shadow:after,
    .display figure.infographic .image.shadow:after,
    .template span.infographic .image.shadow:after,
    .template figure.infographic .image.shadow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 16rem;
      background: -moz-linear-gradient(top, rgba(251, 238, 230, 0) 0%, rgba(251, 238, 230, 0.6) 50%, #fbeee6 100%);
      background: -webkit-linear-gradient(top, rgba(251, 238, 230, 0) 0%, rgba(251, 238, 230, 0.6) 50%, #fbeee6 100%);
      background: linear-gradient(to bottom, rgba(251, 238, 230, 0) 0%, rgba(251, 238, 230, 0.6) 50%, #fbeee6 100%); }
    .display span.infographic .image img,
    .display figure.infographic .image img,
    .template span.infographic .image img,
    .template figure.infographic .image img {
      width: 100%;
      height: auto; }
  .display span.infographic .title,
  .display figure.infographic .title,
  .template span.infographic .title,
  .template figure.infographic .title {
    font-size: 2.6rem;
    line-height: 2.6rem;
    font-family: helveticaneue-bold;
    color: #666666;
    margin-bottom: 1.6rem; }
  .display span.infographic .caption,
  .display figure.infographic .caption,
  .template span.infographic .caption,
  .template figure.infographic .caption {
    padding: 2.4rem; }

.display span.attach,
.display figure.attach,
.template span.attach,
.template figure.attach {
  display: block;
  padding: 2rem;
  background: #fafdfe;
  border: solid .1rem #edeeef; }
  .display span.attach .image,
  .display figure.attach .image,
  .template span.attach .image,
  .template figure.attach .image {
    display: inline-block;
    overflow: hidden;
    width: 4.8rem;
    height: 4.8rem; }
    .display span.attach .image img,
    .display figure.attach .image img,
    .template span.attach .image img,
    .template figure.attach .image img {
      width: 100%; }
  .display span.attach .caption,
  .display figure.attach .caption,
  .template span.attach .caption,
  .template figure.attach .caption {
    position: relative;
    display: inline-block;
    width: calc(100% - 7.8rem);
    padding-left: 2rem;
    margin-left: 2rem;
    padding-right: 4.8rem;
    border-left: solid .1rem #edeeef; }
    .display span.attach .caption .name,
    .display figure.attach .caption .name,
    .template span.attach .caption .name,
    .template figure.attach .caption .name {
      font-family: helveticaneue-bold;
      font-size: 1.4rem;
      line-height: 2.4rem;
      display: block;
      display: -webkit-box;
      max-height: 2.4rem;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #343736; }
    .display span.attach .caption .size,
    .display figure.attach .caption .size,
    .template span.attach .caption .size,
    .template figure.attach .caption .size {
      font-family: helveticaneue-medium;
      font-size: 1rem;
      line-height: 2.4rem;
      display: block;
      display: -webkit-box;
      max-height: 2.4rem;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #343736;
      text-transform: uppercase; }
    .display span.attach .caption i,
    .display figure.attach .caption i,
    .template span.attach .caption i,
    .template figure.attach .caption i {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 2.4rem;
      line-height: 4.8rem;
      color: #727778; }

.display span.notes,
.display figure.notes,
.template span.notes,
.template figure.notes {
  display: block;
  background: #fff9dd;
  padding: 2.4rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-family: helveticaneue-medium; }
  .display span.notes .head,
  .display figure.notes .head,
  .template span.notes .head,
  .template figure.notes .head {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: helveticaneue-bold;
    color: #9b9578;
    margin-bottom: 1rem;
    text-transform: uppercase; }
    .display span.notes .head i,
    .display figure.notes .head i,
    .template span.notes .head i,
    .template figure.notes .head i {
      display: inline-block;
      font-size: 1.8rem;
      line-height: 1.6rem; }
    .display span.notes .head span,
    .display figure.notes .head span,
    .template span.notes .head span,
    .template figure.notes .head span {
      padding: 0 .8rem; }
  .display span.notes .list li,
  .display figure.notes .list li,
  .template span.notes .list li,
  .template figure.notes .list li {
    display: block;
    color: #333128; }
    .display span.notes .list li:not(:last-child),
    .display figure.notes .list li:not(:last-child),
    .template span.notes .list li:not(:last-child),
    .template figure.notes .list li:not(:last-child) {
      margin-bottom: 1rem; }
      .display span.notes .list li:not(:last-child) p,
      .display figure.notes .list li:not(:last-child) p,
      .template span.notes .list li:not(:last-child) p,
      .template figure.notes .list li:not(:last-child) p {
        margin-bottom: 1rem; }
    .display span.notes .list li small,
    .display figure.notes .list li small,
    .template span.notes .list li small,
    .template figure.notes .list li small {
      display: block;
      color: #9b9578;
      font-family: helveticaneue-bold;
      font-size: 80%; }
    .display span.notes .list li strong,
    .display figure.notes .list li strong,
    .template span.notes .list li strong,
    .template figure.notes .list li strong {
      font-family: helveticaneue-bold; }
    .display span.notes .list li mark,
    .display figure.notes .list li mark,
    .template span.notes .list li mark,
    .template figure.notes .list li mark {
      background: none;
      font-family: inherit;
      color: #a90001; }
    .display span.notes .list li a,
    .display figure.notes .list li a,
    .template span.notes .list li a,
    .template figure.notes .list li a {
      color: #2c5f9c; }
      .display span.notes .list li a:hover,
      .display figure.notes .list li a:hover,
      .template span.notes .list li a:hover,
      .template figure.notes .list li a:hover {
        text-decoration: underline; }
  .display span.notes .more,
  .display figure.notes .more,
  .template span.notes .more,
  .template figure.notes .more {
    text-align: center; }
    .display span.notes .more .button,
    .display figure.notes .more .button,
    .template span.notes .more .button,
    .template figure.notes .more .button {
      font-size: 1.4rem;
      line-height: 2.4rem;
      font-family: helveticaneue-regular;
      padding: 1.4rem 2.5rem;
      background: #a6a2ac;
      color: #ffffff;
      -webkit-border-radius: 0.2rem;
      -khtml-border-radius: 0.2rem;
      -moz-border-radius: 0.2rem;
      -ms-border-radius: 0.2rem;
      -o-border-radius: 0.2rem;
      border-radius: 0.2rem; }

/*#endregion */
/*#region Widget Styles */
.side-widgets .widget {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: helveticaneue-regular;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  .side-widgets .widget .widget-group {
    position: relative;
    background: #ffffff;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.4rem;
    -khtml-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    padding: 1.8rem 1.8rem 1rem; }
    .side-widgets .widget .widget-group .widget-header {
      display: block;
      position: relative;
      font-size: 1.5rem;
      line-height: 2.4rem;
      font-family: helveticaneue-bold;
      color: black;
      margin-bottom: 1rem; }
      .side-widgets .widget .widget-group .widget-header h4 {
        display: inline-block;
        width: calc(100% - 3rem);
        text-transform: uppercase; }
      .side-widgets .widget .widget-group .widget-header i {
        display: inline-block;
        width: 2.4rem;
        text-align: center;
        font-size: 1.5rem;
        color: #8c8c8c; }
      .side-widgets .widget .widget-group .widget-header .drop-content {
        background: #ffffff;
        min-width: 20rem; }
        .side-widgets .widget .widget-group .widget-header .drop-content li {
          font-family: helveticaneue-regular;
          font-size: 1.3rem;
          line-height: 4rem;
          padding: 0 1.6rem; }
          .side-widgets .widget .widget-group .widget-header .drop-content li:hover {
            background: #fafafa; }
    .side-widgets .widget .widget-group .widget-info {
      font-family: helveticaneue-regular;
      font-size: 1.3rem;
      line-height: 1.8rem;
      color: #a6a2ac;
      margin-bottom: 1.8rem;
      display: block;
      display: -webkit-box;
      max-height: 14.4rem;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden; }
      .side-widgets .widget .widget-group .widget-info p:not(:last-child) {
        margin-bottom: 1rem; }
      .side-widgets .widget .widget-group .widget-info a {
        color: #cb0102; }
      .side-widgets .widget .widget-group .widget-info strong {
        font-family: helveticaneue-bold; }
    .side-widgets .widget .widget-group .widget-main .image {
      position: relative; }
      .side-widgets .widget .widget-group .widget-main .image img {
        max-height: 100%;
        max-width: 100%; }
    .side-widgets .widget .widget-group .widget-footer {
      position: relative;
      padding-top: .5rem; }
      .side-widgets .widget .widget-group .widget-footer.border {
        border-top: solid 0.1rem whitesmoke; }
      .side-widgets .widget .widget-group .widget-footer .button {
        display: block;
        font-size: 1.3rem;
        line-height: 4rem;
        font-family: helveticaneue-medium;
        color: #beb9c3;
        text-transform: uppercase;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -ms-border-radius: 0.3rem;
        -o-border-radius: 0.3rem;
        border-radius: 0.3rem;
        padding: 0 .5rem;
        text-align: right; }
        .side-widgets .widget .widget-group .widget-footer .button i {
          padding-left: 1rem; }
  .side-widgets .widget[data-widget="person"] .article {
    display: block;
    margin-bottom: 1.6rem; }
    .side-widgets .widget[data-widget="person"] .article .image {
      display: inline-block;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      width: 7.6rem;
      height: 7.6rem;
      border: solid 0.3rem rgba(131, 131, 131, 0.2); }
    .side-widgets .widget[data-widget="person"] .article .name {
      font-family: helveticaneue-bold;
      font-size: 1.6rem;
      line-height: 2rem; }
    .side-widgets .widget[data-widget="person"] .article .bio {
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #838383; }
      .side-widgets .widget[data-widget="person"] .article .bio span {
        font-family: helveticaneue-light; }
      .side-widgets .widget[data-widget="person"] .article .bio strong {
        font-family: helveticaneue-bold; }
    .side-widgets .widget[data-widget="person"] .article .status {
      margin: .6rem auto;
      font-size: 1.2rem;
      line-height: 1.8rem; }
      .side-widgets .widget[data-widget="person"] .article .status li {
        display: inline-block;
        -webkit-border-radius: 0.4rem;
        -khtml-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        -ms-border-radius: 0.4rem;
        -o-border-radius: 0.4rem;
        border-radius: 0.4rem;
        padding: 0 .5rem;
        overflow: hidden; }
        .side-widgets .widget[data-widget="person"] .article .status li span {
          display: inline-block;
          font-family: helveticaneue-bold; }
    .side-widgets .widget[data-widget="person"] .article .spot {
      font-family: helveticaneue-light;
      font-size: 1.2rem;
      line-height: 1.6rem;
      display: block;
      display: -webkit-box;
      max-height: 3.2rem;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #9b97a1; }
    .side-widgets .widget[data-widget="person"] .article .speech {
      position: relative;
      margin: 1.8rem auto;
      display: inline-block;
      padding-left: 3.6rem; }
      .side-widgets .widget[data-widget="person"] .article .speech i {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 3rem;
        margin-right: .5rem;
        margin-bottom: .5rem;
        color: #d5cfda; }
      .side-widgets .widget[data-widget="person"] .article .speech p {
        font-family: georgia;
        font-style: italic;
        font-size: 1.5rem;
        line-height: 2rem;
        display: block;
        display: -webkit-box;
        max-height: 20rem;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #9b97a1; }
    .side-widgets .widget[data-widget="person"] .article figcaption {
      display: inline-block;
      width: calc(100% - 7.6rem);
      padding-left: 1.6rem; }
  .side-widgets .widget[data-widget="infographic"] .article {
    display: inline-block;
    margin-bottom: 1rem;
    border: solid 0.1rem #e7e4ea; }
    .side-widgets .widget[data-widget="infographic"] .article:not(:first-child) {
      width: calc((100% - 1rem) / 2);
      margin-right: 1rem; }
    .side-widgets .widget[data-widget="infographic"] .article:last-child {
      margin-right: 0; }
  .side-widgets .widget[data-widget="map"] .article {
    display: inline-block;
    margin-bottom: 1rem;
    border: solid 0.1rem #e7e4ea; }
  .side-widgets .widget[data-widget="video"] .widget-header {
    color: #ffffff; }
  .side-widgets .widget[data-widget="video"] .widget-group {
    background: black; }
  .side-widgets .widget[data-widget="video"] .widget-footer .button {
    color: #beb9c3; }
    .side-widgets .widget[data-widget="video"] .widget-footer .button .ink {
      background: rgba(255, 255, 255, 0.2); }
  .side-widgets .widget[data-widget="video"] .article {
    display: inline-block;
    margin-bottom: 1rem;
    background: #252525;
    -webkit-border-radius: 0.3rem;
    -khtml-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
    overflow: hidden;
    cursor: pointer; }
    .side-widgets .widget[data-widget="video"] .article .name {
      font-size: 1.4rem;
      line-height: 1.8rem;
      font-family: helveticaneue-bold;
      color: #ffffff;
      margin-bottom: .5rem; }
    .side-widgets .widget[data-widget="video"] .article .info {
      font-size: 1.2rem;
      line-height: 1.6rem;
      font-family: helveticaneue-regular;
      color: #9b97a1;
      margin-bottom: .5rem; }
    .side-widgets .widget[data-widget="video"] .article .icon-group {
      position: absolute;
      left: 1rem;
      bottom: 1rem; }
      .side-widgets .widget[data-widget="video"] .article .icon-group span {
        color: #ffffff;
        text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .side-widgets .widget[data-widget="video"] .article figcaption {
      padding: 1rem; }
    .side-widgets .widget[data-widget="video"] .article:not(:first-child) {
      width: calc((100% - 1rem) / 2);
      margin-right: 1rem; }
      .side-widgets .widget[data-widget="video"] .article:not(:first-child) .icon-group {
        left: .5rem;
        bottom: .5rem; }
      .side-widgets .widget[data-widget="video"] .article:not(:first-child) figcaption {
        padding: 0.5rem; }
    .side-widgets .widget[data-widget="video"] .article:last-child {
      margin-right: 0; }
  .side-widgets .widget[data-widget="page"] .article {
    display: inline-block;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.4rem;
    -khtml-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    overflow: hidden; }
    .side-widgets .widget[data-widget="page"] .article .image {
      display: inline-block;
      overflow: hidden; }

/*#endregion */
/*#region List Styles */
.person-list .article {
  display: inline-block;
  padding-top: 9rem;
  margin-bottom: 2rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  color: #333333;
  cursor: pointer; }
  .person-list .article .person {
    position: relative;
    border: solid 0.5rem #838383;
    background: #121418; }
  .person-list .article .image {
    position: relative; }
    .person-list .article .image img {
      margin-top: -10rem;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
  .person-list .article .name {
    display: block;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: merriweather-ultrabold;
    color: #ffffff;
    text-align: center;
    padding: 0 2rem;
    margin-bottom: 1rem;
    display: block;
    display: -webkit-box;
    max-height: 7.2rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase; }
  .person-list .article .info {
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #cac8bf;
    text-align: center;
    padding: 0 2rem;
    margin-bottom: 2rem; }
    .person-list .article .info .job {
      display: block;
      display: block;
      display: -webkit-box;
      max-height: 3.6rem;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 1rem;
      font-family: helveticaneue-medium; }
    .person-list .article .info .date {
      display: block; }
      .person-list .article .info .date span {
        font-family: helveticaneue-light; }
      .person-list .article .info .date strong {
        font-family: helveticaneue-bold; }
  .person-list .article .spot {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-family: helveticaneue-light;
    display: block;
    display: -webkit-box;
    max-height: 14rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ffffff;
    margin-bottom: 1rem;
    padding: 0 .5rem;
    text-align: center; }
  .person-list .article .line {
    display: block;
    width: 4.5rem;
    height: .2rem;
    margin: 1.5rem auto;
    background: #3f4145; }
  .person-list .article .state {
    display: block;
    text-align: center;
    margin: 2.4rem auto; }
    .person-list .article .state span {
      display: inline-block;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: .8rem 2rem;
      font-family: helveticaneue-bold;
      color: #ffffff;
      background: #b3b3b3; }
  .person-list .article .location .item {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 2.3rem;
    padding: 0 .8rem;
    font-family: helveticaneue-light;
    background: #dfebe8;
    color: #446960;
    margin-bottom: 1rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .person-list .article figcaption {
    min-height: 19rem; }

.arrest-list {
  display: block;
  margin: 2rem auto;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  background: #1f2022;
  color: #333333;
  overflow: hidden; }
  .arrest-list .item {
    padding: 1.5rem 0; }
    .arrest-list .item:nth-child(even) {
      background: #191a1c; }
    .arrest-list .item.head {
      background: #2a2b2c; }
      .arrest-list .item.head strong,
      .arrest-list .item.head span {
        font-family: helveticaneue-medium;
        color: #ddd;
        text-transform: uppercase; }
    .arrest-list .item strong,
    .arrest-list .item span {
      display: inline-block;
      font-size: 1.4rem;
      line-height: 2.1rem;
      font-family: helveticaneue-regular;
      color: #bbb;
      padding: 0 1rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%; }

.media-list .media-title {
  display: block;
  margin-bottom: 2rem;
  border-bottom: solid 0.1rem #4d4d4d; }
  .media-list .media-title .name {
    display: inline-block;
    width: calc(100% - 10rem);
    font-size: 1.8rem;
    line-height: 3.6rem;
    font-family: helveticaneue-medium;
    color: #b3b3b3; }
  .media-list .media-title .all {
    display: inline-block;
    width: 10rem;
    font-size: 1.4rem;
    line-height: 3.6rem;
    font-family: helveticaneue-regular;
    color: #b3b3b3;
    margin-bottom: .8rem;
    text-align: right; }

.media-list .article {
  position: relative;
  display: inline-block;
  margin-bottom: 2rem; }
  .media-list .article figure.inside {
    cursor: pointer; }
    .media-list .article figure.inside .image {
      position: relative;
      overflow: hidden; }
      .media-list .article figure.inside .image img {
        width: 100%;
        height: auto; }
      .media-list .article figure.inside .image .pattern:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000000;
        background: -moz-linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
        background: -webkit-linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
        background: linear-gradient(45deg, #000000 0%, #3f2167 33%, #5f1205 66%, #000000 100%);
        opacity: 0.4; }
      .media-list .article figure.inside .image .pattern:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8aW1hZ2UgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQWdFQWtBQ1FBQUQvN0FBUlJIVmphM2tBQVFBRUFBQUFIZ0FBLys0QUlVRmtiMkpsQUdUQUFBQUFBUU1BDQpFQU1DQXdZQUFBR0NBQUFCblFBQUFnLy8yd0NFQUJBTEN3c01DeEFNREJBWER3MFBGeHNVRUJBVUd4OFhGeGNYRng4ZUZ4b2FHaG9YDQpIaDRqSlNjbEl4NHZMek16THk5QVFFQkFRRUJBUUVCQVFFQkFRRUFCRVE4UEVSTVJGUklTRlJRUkZCRVVHaFFXRmhRYUpob2FIQm9hDQpKakFqSGg0ZUhpTXdLeTRuSnljdUt6VTFNREExTlVCQVAwQkFRRUJBUUVCQVFFQkFRUC9DQUJFSUFBNEFEZ01CSWdBQ0VRRURFUUgvDQp4QUIxQUFBREFRQUFBQUFBQUFBQUFBQUFBQUFBQkFVR0FRRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUVBQUJCUUVBQUFBQUFBQUFBQUFBDQpBQUFHQUFFREJBVUNFUUFDQVFNREF3VUFBQUFBQUFBQUFBQUJBZ01SRWdRQUV3VWhNVUVpZ2pOREZCSUJBQUFBQUFBQUFBQUFBQUFBDQpBQUFBQVAvYUFBd0RBUUFDRVFNUkFBQUF0ajJiUC8vYUFBZ0JBZ0FCQlFCZi85b0FDQUVEQUFFRkFGLy8yZ0FJQVFFQUFRVUFLT3llDQprOEpwUm13STdHN3h1U1Z4Unl2LzJnQUlBUUlDQmo4QWYvL2FBQWdCQXdJR1B3Qi8vOW9BQ0FFQkFRWS9BQnlQRXo3dUxIUXo0WmpSDQppQXZjcTF0NUI4OWRUOHRHdFo4VUtKc1d2cUR1d1JmYVMzZldURkppN3ZFdlorZklEUmd4bXhiNnFXREVYVjhhaW54Y3FNQU93enNXDQoxOWt2OWJYMjdmeTI5SzByVHpyLzJRPT0iIHRyYW5zZm9ybT0ibWF0cml4KDAuNSAwIDAgMC41IC0zLjEyNTAwMGUtMDIgLTEuNTYyNTAwZS0wMikiPg0KPC9pbWFnZT4NCjxwb2x5Z29uIHBvaW50cz0iNiw2IDAsMCAyLDAgNiw0ICIvPg0KPHBvbHlnb24gcG9pbnRzPSIwLDYgMCw0IDIsNiAiLz4NCjwvc3ZnPg0K");
        background-size: .6rem .6rem;
        opacity: 0.1; }
      .media-list .article figure.inside .image.shadow:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30%;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%);
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 50%, black 100%); }
    .media-list .article figure.inside .icon-group {
      display: inline-block;
      position: absolute;
      left: 1.6rem;
      bottom: 0;
      border: solid 0.2rem rgba(184, 184, 184, 0.8);
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem;
      overflow: hidden;
      color: #ffffff;
      background: rgba(0, 0, 0, 0.5);
      z-index: 2; }
      .media-list .article figure.inside .icon-group span {
        padding: 0 0.8rem; }
    .media-list .article figure.inside .caption {
      position: relative;
      padding: 0.6rem 1.6rem 1.6rem; }
      .media-list .article figure.inside .caption .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        font-family: helveticaneue-bold;
        color: #ffffff;
        margin-bottom: .8rem; }
      .media-list .article figure.inside .caption .spot {
        font-size: 1.4rem;
        line-height: 1.9rem;
        font-family: helveticaneue-medium;
        color: #cccccc;
        display: block;
        display: -webkit-box;
        max-height: 9.5rem;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .media-list .article figure.inside .caption .info {
        font-size: 1.4rem;
        line-height: 1.6rem;
        font-family: helveticaneue-medium;
        color: #a6a6a6;
        margin-bottom: .8rem; }
        .media-list .article figure.inside .caption .info em {
          font-style: normal;
          color: #e3b968; }
      .media-list .article figure.inside .caption .location {
        margin-left: -.2rem; }
        .media-list .article figure.inside .caption .location .item {
          display: inline-block;
          font-size: 1.3rem;
          line-height: 3.2rem;
          padding: 0;
          font-family: helveticaneue-medium;
          color: #323539;
          max-width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .media-list .article figure.inside .caption .location .item i {
            color: #323539;
            font-size: 1.8rem; }

.media-list.first {
  margin-bottom: 5rem; }
  .media-list.first .article .inside .caption {
    position: relative;
    padding: 3.2rem; }
    .media-list.first .article .inside .caption .title {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .media-list.first .article .inside .caption .spot {
      font-size: 1.8rem;
      line-height: 2.6rem; }

.media-list .video-list .article,
.media-list .reportage-list .article,
.media-list .gallery-list .article {
  background: black;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden; }

.media-list .infographic-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .media-list .infographic-list .article {
    -webkit-border-radius: 0.4rem;
    -khtml-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    overflow: hidden; }
    .media-list .infographic-list .article .image .icon-group {
      top: 1rem;
      right: 1rem; }
      .media-list .infographic-list .article .image .icon-group i {
        font-size: 1.4rem;
        line-height: 2.6rem;
        width: 3rem;
        height: 3rem; }
    .media-list .infographic-list .article .caption {
      position: relative;
      padding: 1.6rem; }
      .media-list .infographic-list .article .caption .title {
        font-size: 1.8rem;
        line-height: 2.4rem; }
      .media-list .infographic-list .article .caption .spot {
        font-size: 1.4rem;
        line-height: 1.9rem;
        display: block;
        display: -webkit-box;
        max-height: 11rem;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }

.media-list .map-list .article .image .icon-group {
  top: 1rem;
  right: 1rem; }
  .media-list .map-list .article .image .icon-group i {
    font-size: 1.4rem;
    line-height: 2.6rem;
    width: 3rem;
    height: 3rem; }

.media-list .map-list .article .caption {
  margin-top: 0;
  padding: 0 1.6rem; }
  .media-list .map-list .article .caption .icon-group {
    padding: 0; }
    .media-list .map-list .article .caption .icon-group i {
      font-size: 1.6rem;
      line-height: 3.2rem;
      width: 3.2rem;
      height: 3.2rem;
      margin-right: 0; }
    .media-list .map-list .article .caption .icon-group span, .media-list .map-list .article .caption .icon-group strong {
      font-size: 1rem;
      line-height: 3.2rem;
      padding-right: 1.2rem;
      text-transform: uppercase;
      max-width: calc(100% - 4rem);
      white-space: nowrap; }
  .media-list .map-list .article .caption .title {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  .media-list .map-list .article .caption .spot {
    font-size: 1.4rem;
    line-height: 1.9rem;
    display: block;
    display: -webkit-box;
    max-height: 11rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }

.infographic-list .article {
  display: inline-block;
  margin-bottom: 2rem;
  color: #333333;
  overflow: hidden; }
  .infographic-list .article .image {
    display: block;
    position: relative;
    overflow: hidden; }
    .infographic-list .article .image img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    .infographic-list .article .image:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset; }
  .infographic-list .article .caption {
    padding: 1.6rem; }
    .infographic-list .article .caption .title {
      font-size: 2.1rem;
      line-height: 2.4rem;
      font-family: helveticaneue-bold;
      color: #ffffff;
      margin-bottom: 1rem; }
    .infographic-list .article .caption .spot {
      font-size: 1.6rem;
      line-height: 2rem;
      font-family: helveticaneue-regular;
      color: #ffffff; }
    .infographic-list .article .caption .info {
      font-size: 1.4rem;
      line-height: 1.6rem;
      font-family: helveticaneue-medium;
      color: #d9d9d9;
      margin-bottom: 1rem; }
  .infographic-list .article:nth-child(1n) {
    background: #907b52; }
  .infographic-list .article:nth-child(2n) {
    background: #4f576a; }
  .infographic-list .article:nth-child(3n) {
    background: #906f52; }
  .infographic-list .article:nth-child(4n) {
    background: #716a92; }

.article-list {
  padding-top: 1rem; }
  .article-list .article {
    display: inline-block;
    -webkit-border-radius: 0.4rem;
    -khtml-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #333333;
    overflow: hidden;
    max-width: 18rem;
    max-height: 24rem;
    margin-left: 1rem;
    margin-bottom: 0; }
    .article-list .article:hover figure .image img {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }
    .article-list .article:hover figure.person .image img {
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      border: solid 0.3rem #838383; }
    .article-list .article figure .image {
      display: block;
      position: relative;
      overflow: hidden;
      width: auto;
      max-height: 10rem;
      text-align: center; }
      .article-list .article figure .image img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .article-list .article figure .image .icon-group {
        position: absolute;
        left: 1rem;
        bottom: 1rem; }
        .article-list .article figure .image .icon-group span {
          color: #ffffff;
          text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .article-list .article figure figcaption {
      margin: 1rem 1rem 2rem;
      max-height: calc((1.6rem * 6) + .6rem);
      overflow: hidden;
      display: block;
      display: -webkit-box;
      max-height: 10.2rem;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden; }
      .article-list .article figure figcaption .title {
        font-size: 1.3rem;
        line-height: 1.6rem;
        font-family: helveticaneue-bold;
        color: black;
        margin-bottom: .6rem; }
      .article-list .article figure figcaption .spot {
        font-family: helveticaneue-light;
        margin-bottom: .5rem;
        color: #333333;
        font-size: 1.2rem;
        line-height: 1.6rem; }
      .article-list .article figure figcaption .info {
        font-size: 1.2rem;
        line-height: 1.6rem;
        font-family: helveticaneue-medium;
        color: #a6a6a6;
        margin-bottom: .4rem; }
      .article-list .article figure figcaption .date {
        font-family: helveticaneue-bold;
        color: #838383; }
    .article-list .article figure.person .image img {
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      width: 9.3rem;
      height: 9.3rem;
      margin-top: .7rem;
      border: solid 0.3rem rgba(117, 113, 122, 0.2); }
    .article-list .article figure.video figcaption .title {
      color: #eee; }
    .article-list .article figure.video figcaption .spot {
      color: #9b97a1; }
    .article-list .article[data-type="video"] {
      background: #242424; }
  .article-list.slider {
    max-height: 24rem; }
    .article-list.slider .swiper-container {
      width: 100%; }
      .article-list.slider .swiper-container .swiper-button-prev,
      .article-list.slider .swiper-container .swiper-button-next {
        top: 50%;
        margin-top: -3.4rem;
        padding: 1rem;
        visibility: hidden;
        opacity: 0; }
        .article-list.slider .swiper-container .swiper-button-prev i,
        .article-list.slider .swiper-container .swiper-button-next i {
          display: inline-block;
          background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdHRlcm4gIHk9IjQwIiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iU1ZHSURfMl8iIHZpZXdCb3g9IjAgLTQgNCA0IiBvdmVyZmxvdz0idmlzaWJsZSI+DQoJPGc+DQoJCTxyZWN0IHk9Ii00IiBmaWxsPSJub25lIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+DQoJCTxnPg0KCQkJPHJlY3QgeT0iLTQiIGZpbGw9Im5vbmUiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz4NCgkJCTxnPg0KCQkJCTxyZWN0IHk9Ii00IiBmaWxsPSJub25lIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+DQoJCQkJPGc+DQoJCQkJCTxyZWN0IHk9Ii00IiBmaWxsPSJub25lIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+DQoJCQkJCTxnPg0KCQkJCQkJPHJlY3QgeD0iMi41IiB5PSItMy41IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJCQkJCQk8cmVjdCB4PSIwLjUiIHk9Ii0xLjUiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvcGF0dGVybj4NCjxyZWN0IHk9IjAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4MCIgaGVpZ2h0PSI0MCIvPg0KPGltYWdlIG92ZXJmbG93PSJ2aXNpYmxlIiBvcGFjaXR5PSIwLjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiB3aWR0aD0iODAiIGhlaWdodD0iNDAiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBRkFBQUFBb0NBSUFBQUdSQmRyQUFBQUFHWFJGV0hSVGIyWjBkMkZ5WlFCQlpHOWlaU0JKDQpiV0ZuWlZKbFlXUjVjY2xsUEFBQUF5aHBWRmgwV0UxTU9tTnZiUzVoWkc5aVpTNTRiWEFBQUFBQUFEdy9lSEJoWTJ0bGRDQmlaV2RwDQpiajBpNzd1L0lpQnBaRDBpVnpWTk1FMXdRMlZvYVVoNmNtVlRlazVVWTNwcll6bGtJajgrSUR4NE9uaHRjRzFsZEdFZ2VHMXNibk02DQplRDBpWVdSdlltVTZibk02YldWMFlTOGlJSGc2ZUcxd2RHczlJa0ZrYjJKbElGaE5VQ0JEYjNKbElEVXVOaTFqTVRNeUlEYzVMakUxDQpPVEk0TkN3Z01qQXhOaTh3TkM4eE9TMHhNem94TXpvME1DQWdJQ0FnSUNBZ0lqNGdQSEprWmpwU1JFWWdlRzFzYm5NNmNtUm1QU0pvDQpkSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1THpBeUx6SXlMWEprWmkxemVXNTBZWGd0Ym5NaklqNGdQSEprWmpwRVpYTmpjbWx3DQpkR2x2YmlCeVpHWTZZV0p2ZFhROUlpSWdlRzFzYm5NNmVHMXdQU0pvZEhSd09pOHZibk11WVdSdlltVXVZMjl0TDNoaGNDOHhMakF2DQpJaUI0Yld4dWN6cDRiWEJOVFQwaWFIUjBjRG92TDI1ekxtRmtiMkpsTG1OdmJTOTRZWEF2TVM0d0wyMXRMeUlnZUcxc2JuTTZjM1JTDQpaV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlTWlhOdmRYSmpaVkpsWmlNaUlIaHRjRHBEDQpjbVZoZEc5eVZHOXZiRDBpUVdSdlltVWdVR2h2ZEc5emFHOXdJRU5ESURJd01UVXVOU0FvVjJsdVpHOTNjeWtpSUhodGNFMU5Pa2x1DQpjM1JoYm1ObFNVUTlJbmh0Y0M1cGFXUTZRelJCUXprNVFVUTFSVEkyTVRGRk5rRXlOVUZETnpkRU1VWkdRalUzTkVFaUlIaHRjRTFODQpPa1J2WTNWdFpXNTBTVVE5SW5odGNDNWthV1E2UXpSQlF6azVRVVUxUlRJMk1URkZOa0V5TlVGRE56ZEVNVVpHUWpVM05FRWlQaUE4DQplRzF3VFUwNlJHVnlhWFpsWkVaeWIyMGdjM1JTWldZNmFXNXpkR0Z1WTJWSlJEMGllRzF3TG1scFpEcERORUZET1RsQlFqVkZNall4DQpNVVUyUVRJMVFVTTNOMFF4UmtaQ05UYzBRU0lnYzNSU1pXWTZaRzlqZFcxbGJuUkpSRDBpZUcxd0xtUnBaRHBETkVGRE9UbEJRelZGDQpNall4TVVVMlFUSTFRVU0zTjBReFJrWkNOVGMwUVNJdlBpQThMM0prWmpwRVpYTmpjbWx3ZEdsdmJqNGdQQzl5WkdZNlVrUkdQaUE4DQpMM2c2ZUcxd2JXVjBZVDRnUEQ5NGNHRmphMlYwSUdWdVpEMGljaUkvUHVzTkxZQUFBQXN6U1VSQlZIamFKSTFaRHNBZ0NFUUZNVWJ2DQpmMHNQb01HdHI2MGZPQnVEdE5aQ0NLcDZ6dGw3eHhqbm5DS1NVb0xxV2dzT2NuZHlHTXljTXpvTFJvb1Bqa0VIT2NBLzBiWDNmdS8xDQo3d0VvTnpORXZGTEt1NDJFVVd2OXI5QUI1c1FZNHhHQXhYRkhBUmlHWVdnYmhER0VRTzUvUSsvT0VPalExN2phYkgzdmlMZ09pcTVLDQpSR2FHUjg5QjczMnRCVjFTZDY5dUlabHpRdERDbDNQdi9jK1dHaUdaaVlOQUFqQWg1Y2tnRE8wcmtHb1JITll4Um0yRWVnWGdpUTV5DQpJSVJoR0lxcUNIYTkvMFVyZFlmRWc2K1pMa0pJRThkMlI2NUJJMTNKdFNvcWN0UFUvbDI1ZnllSEhMZ25lWVpqYW5MT21TNTE4eHl5DQo2dDB6Um1JaHh1WGNlL3R3TCt1aHVQT3JGWFVWV3MyTDJ1SVYwS3NJcGJoQndhS0hCMnl0WEllckVrVkpyMU55cEszbE5ZbHJyUmhhDQplSDFITHRvRUt6LzUvQWpBTkIwa01RakRNQlFkUEYzbi9oZmtIdjNwU3hsWVpNQVJzaTNMMTMzZkpkdzB2NFI3QWpQcFh2MkJtSzJ6DQpUNWw3NEJQaUUwTDNNUVdxSzkydXRZcVhoNURCNmp3S0l2ZFNMV01TMFZSaDBieFVCRXN2c2RSOG9qQ0RQZWlxeUJtWVlZVGp0NUp3DQpVSkZBekJYTXp6YmovTmx2blYzcjdhMXRPWitWMjBYTzlpTTcyYkloL2VPZUVBUzNvK3pKc1FiSndDWGJoVkRJSXF2TnpNaU85L28vDQpLdStLSW5zQnJhRm9aMjZoY0dVWFlTbHlsRU5mNHNPU0hNZFZLR2hUV2o1UlJmb1JrcTdISHRUdVd2MVJ2SFVLaXJGVHNnQVo2U3NBDQprM1Z3MjBBTXhGQVVjZEtBKzIvUEZmZ1dCQWp5dGM4bXNnZEJsbmVrR1E1SjdjZmo4UmlHM0FMNC9VY2VhdjY1bnFvRDRmUDVwSGplDQpRV2MyMGVaQ1d1eWQwTkVkd0xjNU5MNEtLNkF4bURxcGZYSEVwbmJFOFRXdXlMZ2JzNllqeFgyK24xNVlNZisxd3NpeWk1T0hCSkdyDQpOSnMzcVNCeWtUdWg4Q3BnT2c4OHphR2xReTFxQVFHcWI5MWlnNGVMSmM3SzJVb2xsbDAvZWN1TURjL2JQV0NnS3FvZFc4RWM0Z01ZDQpta0tsSFdURzFIVHdkci9mS2R3WnJmWjNZL0hVRFE5Z0ZOOTZXRTJ2VFRvTXprVVJ0MFp5TFZZR3ZKS1k5Rzg0WGRZY1NRVUE2VDBYDQpDeFByQlVSM0tqZVpEUXoyUnNEK1hvL2toQ01hWXA4N1VIZGJkWUFMYjA2QWpRVmtZSTBvcGkrTDBvNGxCS1E1cDhaVk9wNjNmckFCDQp4Y3hNbFZSSTZpVXhzYUtDeXhXQTZuRHRxK3o3ZXFSVlV5QjZ2Z0xlWFhNNW5ZbzFBMUdMb1VzSm9iUmoxQ3FoWFpBb1BSS1ZYMmN3DQphcHBVT2lGbzgwdCtvOXh3Ymw0a001bXJsZEJza0ptVUgzalBSOHUxaVcra1l1bVZ0NVlUbkpRNzIvd1RnQWw3MTFFa2lvRXdMRHJaDQprSWozZnphU0VRR0lOMWp0MzN5ekpUb1lBWDE4ZkN1WDdibjgvUHlvUDYwcVpQVjM3V0c5a1F3UVVlRDN4WW5pSGtreFMyREsyblR6DQp5N2dUczU2aGhyM3hJcWUxYzFpbGpCT2cwRjNqQkdhdHFGQk5tY29hT3ZxOGZNMnl5L1A1VktZNEFVc3ZjeU45ZUY1YlJGdXlnRk5uDQptZW5PVitWUUZQUFlQWDQvclIvNk9TM1V5emYvREtCT2Fva0dXSXhvdk90SjFpREZzZ1M3SVpzaTlvNHROY3J2OG5nOGZQbjcvK0V1DQpOVHhMTExOU0QxK09rZS8zaUoyalNSV3RsRzN3a2RkK3pHTWxxanJPMmJWSlZWMS9ZeDB5czEwTXZRSXV3OTZZVXJGcVIxblFaNVN5DQpDaXhmZWV5d2t0UDJMKy8zMjN5QUVKS2hCbEJac0svTG90UVEvSjA3UDVPRE9JOGR0MjdnSEJZTDV3RkJSajI4M3puWDZTUzJFcFRaDQp2Um5hMjZ3V3lSd0Y1a3pNWXdzRlZDdHh3TzV6d2VqK2ZqOW4xS29EYy9FMUFiRHlBV05yNmNLZ0J4Z3pQVnJJL0JOUzFLYmVlclh5DQpYWUtQVFdrTEFra0MxK3RWVWZxNmVUTGJpWWhxdWpYRU00Q2ZCOVN4TitxRm9XMUZaK3RFZUhLRzNxUWtnZGZydFJtYythVkR5ZkZwDQpwSytqRSsreDJvQWVUM3BGNVpqMXNDb0oycC9QbzJsM05EVkZXd3hGaklMdUJWMWxaa2ZxVE9mVlRIK2h6SnhsbFZyck02NWM3dmY3DQo5aGpMU29VWVRFd21wZ01JUXB3NHhIbDFPYmh1RGVIM0toT2dtSXNHem1BVVQ4SjYrNllJTFJacENNUGFEdDZ3Q3pnTUJGMnRyNC8yDQpzYlRXeDdJTjJJY1hNMXpaR1hLcFFldHlpY1U2VTBoK0kvWXBsWG9HWmpCVGlJU0tnaXpVSWJSMEhmNEpzUzZ0VmVCaEV5ZTQ1ZzNkDQpvRlE2Rk9VR1pnalZ3bm1tcndnMVhscW5QeGJTYlRMcU9EWG1lekp3cEJaVkNGamw2TzEycy9kbWFOWVlRNFVod3VueWFxK3JETXZmDQpnZndsRUVGbWhDSXB1MG5hTGNZd1lwdXdSZ1JvcWgvbHFlODFkWGRLMy9lQ0RPUUhFZ1lLUGFjWGVaTnVUVkQ4dDdnV1hsRHFidzd4DQpBODhnaXJUcUJQaFNVZ1k2L3pvNGpBb1dGa0ZMWm1PMnRaanViY2EyQktHVHMrMndKalVCNkMxS2wwcVh1REQzL2duUXBiM2xOZ3pEDQpRQlJGZ2U1L29VR1FOWlR1a1c4STk4dUliVmw4RERrYzllZjFlcWw4dmhSQXRjaFpZbDRPL28wVXM4b2VxdjB1MHE3dHcxTHdrdExRDQpMVlZMUlpMWFl0Mkx1TWxCd1QwbllEaUd5Q0JxTllSTTAwa2tVQSt6NkNLWmtvWjdNc0MrcmV2SHBtMW9aSlZjNFZjWTNFMm5sTUx6DQoweFVTbitLR09pSkVnMDQxWmEvZ2R4eEhtZlV0OU01ZHBjUXRqb2dtSGpEcHJoQ09QVnNsUnVyQ004S3VhbXZhdHFodnErbE5BMUNJDQpSVXdZWlZyWnYyVy94djR5cFhRVERHMEF1eWJ1aVlHTWEwS1VCWWxCdm1KTGg4NE94V1NWMjQwVWtlLzByWkpOWUxFdDQ2L0lJRXkrDQpGQXNvSjJkeGlPWCtRNjMvSTREaE5GOTV5L1BRbXpMQVgzNUpBVk9VRE13ZXNHY2VDY09ITUUyRW1aRllGOUczS0VibGhjMFZxNCtaDQpGRGhGbmtmS0ZOMWNmdmFLdCtKYTBkOG03V2FWaGhBcldCYnNxeUJTWS85NU1ibnR1dVpGM3EwaU15YTV5K3dCdlNxcXU0T2w2SGlXDQphLzNTUGkwaDdRaVhTTGUyajZuMTdiN0FHdldyVzhTWDZtalpVVmI2VUVidVlxRVdmb3VXVENEWUtMOGlVekVqNVpWVXdJeHlXM2ZQDQoybWtkblNRZ3Y1aDlWZFR6dnZMNWZEUkQ0Z0RkWno2S1FTU0tWNU1yYkZCZGZrV09PU0xHSjl1UEl3YkRERUI3WTkyU0dSbzEwTHBaDQpicVlLQnNpRXBZazgvaHBRZmE5UHNGa2N6Q2RodUVyVFRMbUxFMVBGSTk0R1FWODUrZTRSSVJtYXJIQ21SRTZkT1RKb0ZkTGRpdEkrDQoxQ3F0MVFlT01ubVRVMU45L1hDZmFRUkl0M2lxSHN1Mk9ubHREeHl5UEV5R1JObEU1WU9hSkU4SmZ6akMrLzFtdlJFRDNzb0gxYmp6DQpOUUVYWVYwM1QydDNzcmNEb25yNG5oQ1lqWHhWY2pvRzRENVNMUTRvTzVJamJhYU9sVWZxNStwRngxSFJkcWx4NmZLOGkvM2JpaHFMDQowR0NZVyttM3YweHQzT1VzSndpNHBYNWo0cDg4eDBMbnNVQUZBb0xEZnMrSVlSeDhVenJXU28wam90eDdNOHBCdnRKRFhGUTdEcitkDQpTVzJEc0gzc1ZEU3lKWlpBdFN4NlVDSm1OMFRYZUlwZVZFeHkxaTN4WjlpVDBoYVhVTUlJVnN4dThYWmJTOXVkc3I0ZG1uNlA0SE1IDQpyYVhad0FYRUhqeHBybG5WSVIvWGlndzdoVnFSQ3gyc01vKzVKUTZLWEZVcTNnYTN4VkErMXhHb05vMUZVUnJSdHFzSzFaRnFWZWtoDQpIdW0vcG9MR3RvakUyRVBxR1B3b1RoeXZaM3AzVTdRSWZhRFNmaEt1cEVtZm1QWW1heEw4c3FGYVVETVRqOFQ4ZUJocEtiaENjdVU2DQp5RndHODI3cmFrSVJQYkNjbENZQUlMMTRSV3FXZC9rK0JGWk95eFMrYStyd0M1VWQ3SjBJS0V2MjRCd292Y0Vla1BhNm9Mem9pQzkyDQpuZVE1dnhPYUx1dW1EMjhLeHNmeHdaQzJ6NXJWQmxOdlExWEhqbHJVeG4rWjJRNWNhNmZrV1l3bDcxUjE2Lzl5VXFXTjZyYWFYWkY3DQpJdk4rVC9TaGtsMXRxVzdadEZUTTkvamltVXBMdmFIR1UrdnUvd1RrWlA4OTRXaFplRU9wQ3RkRXNSY01lL1Yvc1IwSFJUbHNieFBKDQo5bGxic1dFdytSNjZTTTdvWVpXTlZacldiaDZkcDhYVUl4SzZUdnR1WjJvTURxc0tvaWl0d04ybFZmcGJ2Y05mK2Z4WTM1eVRQaUZUDQpSREh1ZVA1bDVUR1hiNTNobk9EL0V3T3hlclFUbENOLzZiMzdVSGtYUHhlYkZUYSt1cTRQS1lTUDBTY1JUR0NVcVBLbDNyYTkzL1BJDQoxVlcwbWxHck4zYk1ESFVpOVJYM1VwOERXN3ZQYTd0UU5aZEdHTnFOMXpsaVc1Vy9YTFJ5ek04WGE4N1JKT1U2UVFLU1V4Wm5WMzlSDQovdnQvNmlERExRQUFBQUJKUlU1RXJrSmdnZz09Ij4NCjwvaW1hZ2U+DQo8cGF0dGVybiAgaWQ9IlNWR0lEXzFfIiB4bGluazpocmVmPSIjU1ZHSURfMl8iIHBhdHRlcm5UcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDM4IDE2NDE0KSI+DQo8L3BhdHRlcm4+DQo8cmVjdCBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgd2lkdGg9IjgwIiBoZWlnaHQ9IjQwIi8+DQo8L3N2Zz4NCg==");
          background-size: 4rem 2rem;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          border: solid 0.4rem #e6e6e6;
          height: 4.8rem;
          width: 4.8rem;
          text-align: center;
          font-size: 2rem;
          line-height: 4rem;
          color: #999999; }
      .article-list.slider .swiper-container:hover .swiper-button-prev,
      .article-list.slider .swiper-container:hover .swiper-button-next {
        visibility: visible;
        opacity: 1; }

.map-list .article {
  display: inline-block;
  margin-bottom: 2rem;
  -webkit-border-radius: 0.6rem;
  -khtml-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border-radius: 0.6rem;
  overflow: hidden;
  background: #17202a; }
  .map-list .article .image {
    display: block;
    position: relative;
    overflow: hidden; }
    .map-list .article .image img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    .map-list .article .image.shadow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      background: -moz-linear-gradient(top, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%);
      background: -webkit-linear-gradient(top, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%);
      background: linear-gradient(to bottom, rgba(23, 32, 42, 0) 0%, rgba(23, 32, 42, 0.6) 50%, #17202a 100%); }
    .map-list .article .image .pattern:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8aW1hZ2UgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQWdFQWtBQ1FBQUQvN0FBUlJIVmphM2tBQVFBRUFBQUFIZ0FBLys0QUlVRmtiMkpsQUdUQUFBQUFBUU1BDQpFQU1DQXdZQUFBR0NBQUFCblFBQUFnLy8yd0NFQUJBTEN3c01DeEFNREJBWER3MFBGeHNVRUJBVUd4OFhGeGNYRng4ZUZ4b2FHaG9YDQpIaDRqSlNjbEl4NHZMek16THk5QVFFQkFRRUJBUUVCQVFFQkFRRUFCRVE4UEVSTVJGUklTRlJRUkZCRVVHaFFXRmhRYUpob2FIQm9hDQpKakFqSGg0ZUhpTXdLeTRuSnljdUt6VTFNREExTlVCQVAwQkFRRUJBUUVCQVFFQkFRUC9DQUJFSUFBNEFEZ01CSWdBQ0VRRURFUUgvDQp4QUIxQUFBREFRQUFBQUFBQUFBQUFBQUFBQUFBQkFVR0FRRUFBQUFBQUFBQUFBQUFBQUFBQUFBQUVBQUJCUUVBQUFBQUFBQUFBQUFBDQpBQUFHQUFFREJBVUNFUUFDQVFNREF3VUFBQUFBQUFBQUFBQUJBZ01SRWdRQUV3VWhNVUVpZ2pOREZCSUJBQUFBQUFBQUFBQUFBQUFBDQpBQUFBQVAvYUFBd0RBUUFDRVFNUkFBQUF0ajJiUC8vYUFBZ0JBZ0FCQlFCZi85b0FDQUVEQUFFRkFGLy8yZ0FJQVFFQUFRVUFLT3llDQprOEpwUm13STdHN3h1U1Z4Unl2LzJnQUlBUUlDQmo4QWYvL2FBQWdCQXdJR1B3Qi8vOW9BQ0FFQkFRWS9BQnlQRXo3dUxIUXo0WmpSDQppQXZjcTF0NUI4OWRUOHRHdFo4VUtKc1d2cUR1d1JmYVMzZldURkppN3ZFdlorZklEUmd4bXhiNnFXREVYVjhhaW54Y3FNQU93enNXDQoxOWt2OWJYMjdmeTI5SzByVHpyLzJRPT0iIHRyYW5zZm9ybT0ibWF0cml4KDAuNSAwIDAgMC41IC0zLjEyNTAwMGUtMDIgLTEuNTYyNTAwZS0wMikiPg0KPC9pbWFnZT4NCjxwb2x5Z29uIHBvaW50cz0iNiw2IDAsMCAyLDAgNiw0ICIvPg0KPHBvbHlnb24gcG9pbnRzPSIwLDYgMCw0IDIsNiAiLz4NCjwvc3ZnPg0K");
      background-size: .6rem .6rem;
      opacity: 0.1; }
    .map-list .article .image .icon-group {
      position: absolute;
      top: 1.7rem;
      right: 1.7rem;
      z-index: 1; }
      .map-list .article .image .icon-group i {
        background: rgba(54, 62, 78, 0.27);
        font-size: 2rem;
        line-height: 3.6rem;
        border: solid .2rem #46505f; }
  .map-list .article .caption {
    position: relative;
    padding: 0 3rem;
    margin-top: -5rem;
    text-align: left; }
    .map-list .article .caption .icon-group {
      display: inline-block;
      border: solid 0.2rem rgba(255, 255, 255, 0.6);
      -webkit-border-radius: 0.5rem;
      -khtml-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem;
      overflow: hidden;
      color: #ffffff;
      background: none;
      margin-bottom: 1rem;
      padding: .5rem;
      z-index: 2; }
      .map-list .article .caption .icon-group span, .map-list .article .caption .icon-group strong {
        padding-right: 1.2rem;
        font-size: 1.6rem;
        text-transform: uppercase; }
    .map-list .article .caption .title {
      font-size: 2.6rem;
      line-height: 3.5rem;
      font-family: helveticaneue-bold;
      color: #ffffff;
      margin-bottom: .5rem; }
    .map-list .article .caption .spot {
      font-size: 1.6rem;
      line-height: 2.2rem;
      font-family: helveticaneue-regular;
      display: block;
      display: -webkit-box;
      max-height: 13.2rem;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 3rem;
      color: #ffffff; }

.map-pin[data-map-group="1"] li[data-pin="8"] {
  display: inline-block !important; }

.map-pin[data-map-group="2"] li[data-pin="1"], .map-pin[data-map-group="2"] li[data-pin="2"], .map-pin[data-map-group="2"] li[data-pin="3"], .map-pin[data-map-group="2"] li[data-pin="4"], .map-pin[data-map-group="2"] li[data-pin="5"], .map-pin[data-map-group="2"] li[data-pin="8"], .map-pin[data-map-group="2"] li[data-pin="11"], .map-pin[data-map-group="2"] li[data-pin="16"], .map-pin[data-map-group="2"] li[data-pin="18"], .map-pin[data-map-group="2"] li[data-pin="19"] {
  display: inline-block !important; }

.map-pin[data-map-group="3"] li[data-pin="12"], .map-pin[data-map-group="3"] li[data-pin="13"], .map-pin[data-map-group="3"] li[data-pin="14"], .map-pin[data-map-group="3"] li[data-pin="15"], .map-pin[data-map-group="3"] li[data-pin="16"], .map-pin[data-map-group="3"] li[data-pin="17"], .map-pin[data-map-group="3"] li[data-pin="18"], .map-pin[data-map-group="3"] li[data-pin="19"], .map-pin[data-map-group="3"] li[data-pin="20"], .map-pin[data-map-group="3"] li[data-pin="21"], .map-pin[data-map-group="3"] li[data-pin="22"], .map-pin[data-map-group="3"] li[data-pin="23"], .map-pin[data-map-group="3"] li[data-pin="24"], .map-pin[data-map-group="3"] li[data-pin="25"], .map-pin[data-map-group="3"] li[data-pin="26"], .map-pin[data-map-group="3"] li[data-pin="27"] {
  display: inline-block !important; }

.map-pin[data-map-group="4"] li[data-pin="1"], .map-pin[data-map-group="4"] li[data-pin="2"], .map-pin[data-map-group="4"] li[data-pin="4"], .map-pin[data-map-group="4"] li[data-pin="7"], .map-pin[data-map-group="4"] li[data-pin="28"] {
  display: inline-block !important; }

.movie-list article {
  display: inline-block;
  margin-bottom: 2.5rem;
  overflow: hidden;
  width: 100%; }
  .movie-list article .box-left {
    width: 17.5rem;
    height: auto;
    position: absolute;
    z-index: 1; }
    .movie-list article .box-left .type {
      width: 9rem;
      margin-top: -1.4rem; }
      .movie-list article .box-left .type .order {
        color: #e3b968;
        font-size: 8rem;
        line-height: 8rem;
        font-family: helveticaneue-bold;
        text-align: center; }
      .movie-list article .box-left .type::after {
        content: '';
        position: absolute;
        width: 5rem;
        height: .1rem;
        background-color: #25272a;
        right: 2.3rem;
        top: 3rem; }
  .movie-list article .box-group {
    padding-left: 17.5rem;
    width: 100%;
    position: relative; }
    .movie-list article .box-group figure {
      width: 100%; }
      .movie-list article .box-group figure iframe {
        width: 100%;
        height: auto;
        min-height: 45rem;
        -webkit-border-radius: 0.6rem;
        -khtml-border-radius: 0.6rem;
        -moz-border-radius: 0.6rem;
        -ms-border-radius: 0.6rem;
        -o-border-radius: 0.6rem;
        border-radius: 0.6rem;
        max-width: 80rem; }
      .movie-list article .box-group figure .title {
        font-size: 2.4rem;
        line-height: 3.4rem;
        font-family: helveticaneue-bold;
        color: #eaebef;
        margin: 1.2rem 0 2rem;
        position: relative;
        text-align: left; }
      .movie-list article .box-group figure .spot {
        font-size: 1.6rem;
        line-height: 2.7rem;
        font-family: helveticaneue-light;
        margin: 1.5rem 0;
        color: #abadb5;
        position: relative;
        text-align: left; }
    .movie-list article .box-group::before {
      content: '';
      position: absolute;
      width: .1rem;
      height: calc(100% + 2rem);
      background-color: #25272a;
      left: 4.7rem;
      top: 8.1rem; }
  .movie-list article .comments {
    max-width: 97.5rem;
    padding-left: 17.5rem; }
    .movie-list article .comments .comment-group {
      background: none; }

.movie-list .template .popup figure.inside .title {
  font-size: 2.4rem;
  line-height: 3.3rem;
  color: #eaebef;
  margin-bottom: 3rem;
  font-family: helveticaneue-bold; }

.movie-list .template .popup figure.inside .spot {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #abadb5;
  margin-top: 2rem;
  font-family: helveticaneue-light; }

.notice {
  position: relative; }
  .notice .notice-group {
    display: block;
    margin-top: 8rem;
    margin-bottom: 4rem;
    -webkit-border-radius: 0.4rem;
    -khtml-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    color: #333333;
    cursor: pointer;
    background: #121418;
    padding: 4rem 0;
    text-align: center; }
    .notice .notice-group i {
      display: block;
      color: gray;
      font-size: 6.4rem;
      line-height: 6.4rem;
      margin-bottom: 2rem; }
    .notice .notice-group h2 {
      display: block;
      font-size: 1.8rem;
      line-height: 2.4rem;
      font-family: helveticaneue-bold;
      color: #ffffff;
      padding: 0 2rem;
      margin-bottom: 1rem;
      display: block;
      display: -webkit-box;
      max-height: 7.2rem;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      text-transform: uppercase; }
    .notice .notice-group .text {
      position: relative;
      font-size: 1.6rem;
      line-height: 2.8rem;
      font-family: helveticaneue-light;
      display: block;
      display: -webkit-box;
      max-height: 14rem;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #ffffff;
      margin-bottom: 1rem;
      padding: 0 .5rem;
      text-align: center; }
    .notice .notice-group .line {
      display: block;
      width: 4.5rem;
      height: .2rem;
      margin: 1.5rem auto;
      background: #3f4145; }

/*#endregion */
/*#region Color Styles */
.person-list .article .person,
.side-col .article .person {
  border-color: #b7ab7c !important; }
  .person-list .article .person:after,
  .side-col .article .person:after {
    background: #b7ab7c; }
  .person-list .article .person .job,
  .side-col .article .person .job {
    color: #d2cbad; }
  .person-list .article .person .date,
  .side-col .article .person .date {
    color: white; }
  .person-list .article .person .state span,
  .side-col .article .person .state span {
    background-color: #b7ab7c; }

.person-list .article[data-type="sehit"] .person,
.side-col .article[data-type="sehit"] .person {
  border-color: #405d50 !important; }
  .person-list .article[data-type="sehit"] .person:after,
  .side-col .article[data-type="sehit"] .person:after {
    background: #405d50; }
  .person-list .article[data-type="sehit"] .person .job,
  .side-col .article[data-type="sehit"] .person .job {
    color: #5f8a77; }
  .person-list .article[data-type="sehit"] .person .date,
  .side-col .article[data-type="sehit"] .person .date {
    color: #a7c2b6; }
  .person-list .article[data-type="sehit"] .person .state span,
  .side-col .article[data-type="sehit"] .person .state span {
    background-color: #405d50; }

.person-list .article[data-type="fail"] .person, .person-list .article[data-type="sanik"] .person,
.side-col .article[data-type="fail"] .person,
.side-col .article[data-type="sanik"] .person {
  border-color: #560a0a !important; }
  .person-list .article[data-type="fail"] .person:after, .person-list .article[data-type="sanik"] .person:after,
  .side-col .article[data-type="fail"] .person:after,
  .side-col .article[data-type="sanik"] .person:after {
    background: #560a0a; }
  .person-list .article[data-type="fail"] .person .job, .person-list .article[data-type="sanik"] .person .job,
  .side-col .article[data-type="fail"] .person .job,
  .side-col .article[data-type="sanik"] .person .job {
    color: #9b1212; }
  .person-list .article[data-type="fail"] .person .date, .person-list .article[data-type="sanik"] .person .date,
  .side-col .article[data-type="fail"] .person .date,
  .side-col .article[data-type="sanik"] .person .date {
    color: #e94343; }
  .person-list .article[data-type="fail"] .person .state span, .person-list .article[data-type="sanik"] .person .state span,
  .side-col .article[data-type="fail"] .person .state span,
  .side-col .article[data-type="sanik"] .person .state span {
    background-color: #560a0a; }

.popup-articles .article figure .read {
  border-color: #b7ab7c !important; }
  .popup-articles .article figure .read span {
    background: #b7ab7c !important; }

.popup-articles .article.selected .read {
  border-color: #c9c09d !important; }
  .popup-articles .article.selected .read span {
    background: #c9c09d !important; }

.popup-articles .article[data-type="sehit"] figure .read {
  border-color: #405d50 !important; }
  .popup-articles .article[data-type="sehit"] figure .read span {
    background: #405d50 !important; }

.popup-articles .article[data-type="sehit"].selected .read {
  border-color: #557b6a !important; }
  .popup-articles .article[data-type="sehit"].selected .read span {
    background: #557b6a !important; }

.popup-articles .article[data-type="fail"] figure .read, .popup-articles .article[data-type="sanik"] figure .read {
  border-color: #560a0a !important; }
  .popup-articles .article[data-type="fail"] figure .read span, .popup-articles .article[data-type="sanik"] figure .read span {
    background: #560a0a !important; }

.popup-articles .article[data-type="fail"].selected .read, .popup-articles .article[data-type="sanik"].selected .read {
  border-color: #840f0f !important; }
  .popup-articles .article[data-type="fail"].selected .read span, .popup-articles .article[data-type="sanik"].selected .read span {
    background: #840f0f !important; }

/*#endregion */
/*#region Intro Paralax  */
.intro {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBvcGFjaXR5PSIwLjUiPg0KCTxyZWN0IHg9IjEiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjciIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI3IiB5PSI3IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMCIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEiIHk9IjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI2IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNiIgeT0iNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KPC9nPg0KPGcgb3BhY2l0eT0iMC4zIj4NCgk8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMiIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjUiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB4PSI3IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNyIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCjwvZz4NCjxnIG9wYWNpdHk9IjAuMiI+DQoJPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjIiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI2IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNSIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI2IiB5PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMiIgeT0iNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCjwvZz4NCjxnIG9wYWNpdHk9IjMuMDAwMDAwZS0wMiI+DQoJPHJlY3QgeD0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEiIHk9IjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNiIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHk9IjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMSIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjYiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB4PSI3IiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNyIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjMiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMiIgaGVpZ2h0PSIxIi8+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-size: .8rem .8rem;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden; }
  .intro .intro-text {
    display: block;
    position: relative;
    text-align: center;
    height: 100%;
    width: 100%; }
    .intro .intro-text .head {
      font-family: merriweather-regular;
      color: #ffffff; }
      .intro .intro-text .head h1 {
        font-size: 4.8rem;
        line-height: 6.4rem;
        font-weight: 900; }
      .intro .intro-text .head h2 {
        font-size: 3.6rem;
        line-height: 4.8rem;
        font-weight: 400; }
      .intro .intro-text .head .logo {
        max-width: 24rem;
        min-height: 28rem;
        padding: 2rem 0; }
    .intro .intro-text .text {
      display: inline-block;
      margin: 0 auto;
      font-size: 1.6rem;
      line-height: 2.6rem;
      font-family: merriweather-regular;
      max-width: 78rem;
      min-height: 17rem;
      padding-bottom: 4rem;
      color: #ffffff; }
      .intro .intro-text .text p:not(:last-child) {
        margin-bottom: 2rem; }
      .intro .intro-text .text strong {
        font-weight: 900;
        color: #e3b968; }
    .intro .intro-text .down {
      position: relative; }
      .intro .intro-text .down .area {
        display: block;
        height: 100%;
        margin: 0 auto; }
        .intro .intro-text .down .area:before, .intro .intro-text .down .area:after {
          content: "";
          position: relative;
          display: block;
          margin: 0 auto;
          width: .1rem;
          height: calc(50% - (16.4rem / 2));
          background: #e3b968; }
      .intro .intro-text .down .button {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.4rem;
        font-family: helveticaneue-medium;
        margin: 0 auto;
        color: #ffffff; }
        .intro .intro-text .down .button span {
          display: inline-block;
          padding: 2rem; }
      .intro .intro-text .down .arrow {
        padding-bottom: 2rem; }
        .intro .intro-text .down .arrow i {
          display: block;
          color: #e3b968; }
          .intro .intro-text .down .arrow i.large {
            font-size: 3.6rem;
            line-height: 2.4rem; }
          .intro .intro-text .down .arrow i.small {
            font-size: 1.8rem;
            line-height: 1.2rem;
            opacity: 0.5; }
    .intro .intro-text .update {
      font-size: 1.2rem;
      line-height: 1rem;
      display: block;
      font-family: helveticaneue-regular; }
      .intro .intro-text .update span {
        color: #828282; }
        .intro .intro-text .update span:after {
          content: '-';
          padding: 0 .5rem; }
      .intro .intro-text .update .date {
        color: #ffffff;
        font-weight: 500; }
        .intro .intro-text .update .date:after {
          content: '';
          padding: 0; }
  .intro .intro-control {
    position: absolute;
    right: 4rem;
    top: 4rem;
    z-index: 5; }
    .intro .intro-control .intro-button {
      position: relative;
      display: block;
      margin-bottom: 2rem;
      cursor: pointer;
      overflow: hidden; }
      .intro .intro-control .intro-button .icon-count canvas {
        position: absolute;
        left: 0;
        top: 0; }
      .intro .intro-control .intro-button .icon-count .text {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 1rem .6rem;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        visibility: visible;
        opacity: 0; }
        .intro .intro-control .intro-button .icon-count .text span {
          display: block;
          font-family: helveticaneue-bold;
          font-size: 1.2rem;
          line-height: 1.2rem;
          min-height: 1.2rem;
          color: #ffffff; }
        .intro .intro-control .intro-button .icon-count .text small {
          display: block;
          font-family: helveticaneue-medium;
          font-size: 0.8rem;
          line-height: 0.8rem;
          color: #b3b3b3; }
      .intro .intro-control .intro-button.countdown .icon-group i:before {
        visibility: visible;
        opacity: 1; }
      .intro .intro-control .intro-button.countdown .icon-count .text {
        visibility: hidden;
        opacity: 0; }
      .intro .intro-control .intro-button.countdown:hover .icon-group i:before {
        visibility: hidden;
        opacity: 0; }
      .intro .intro-control .intro-button.countdown:hover .icon-count .text {
        visibility: visible;
        opacity: 1; }
  .intro .intro-video {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    background: black;
    z-index: -1; }
    .intro .intro-video video {
      display: block;
      height: 100%;
      width: 100%; }
  .intro .intro-image {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    background: black;
    z-index: -1; }
    .intro .intro-image img {
      width: 100%; }
  .intro .intro-list {
    padding: 3rem 0;
    background: rgba(29, 31, 35, 0.8); }
  .intro .number {
    display: block;
    margin: 0 auto;
    text-align: center; }
    .intro .number span {
      display: block;
      font-family: helveticaneue-medium;
      font-size: 2rem;
      line-height: 2.2rem;
      color: #ffffff; }
    .intro .number strong {
      display: block;
      font-family: helveticaneue-bold;
      font-size: 4rem;
      line-height: 4.8rem;
      color: #e3b968; }
    .intro .number.total {
      margin-top: 3rem; }
      .intro .number.total span {
        font-family: helveticaneue-regular;
        font-size: 3rem;
        line-height: 3.6rem;
        color: #ffffff; }
      .intro .number.total strong {
        font-family: helveticaneue-bold;
        font-size: 6rem;
        line-height: 6.4rem;
        color: #e3b968; }
  .intro .line.horizontal:after {
    content: "";
    height: 0.1rem;
    width: 4.5rem;
    display: block;
    margin: 4rem auto;
    background: #e3b968;
    opacity: 0.2; }
  .intro .line.vertical:after {
    content: "";
    width: 0.1rem;
    height: 4.5rem;
    display: block;
    margin: 4rem auto;
    background: #e3b968;
    opacity: 0.2; }
  .intro.show {
    /*.intro-button {
            .icon-count  {

                .text {
                    @include transition(all .2s ease-in-out);
                    visibility: visible;
                    opacity: 1;
                }
            }
        }*/ }
    .intro.show .intro-video {
      z-index: 4; }
  .intro[data-intro="index"] .intro-text {
    z-index: 1; }
  .intro[data-intro="index"] .intro-control .intro-button .text {
    padding: 1.7rem 1rem; }
    .intro[data-intro="index"] .intro-control .intro-button .text span {
      font-size: 1.8rem;
      line-height: 1.8rem;
      min-height: 1.8rem; }
    .intro[data-intro="index"] .intro-control .intro-button .text small {
      font-size: 1.2rem;
      line-height: 1.2rem; }
  .intro[data-intro="index"] .intro-video,
  .intro[data-intro="index"] .intro-image {
    position: fixed;
    top: 0;
    left: 0;
    backface-visibility: hidden; }
  .intro[data-intro="list"] .intro-text, .intro[data-intro="detail"] .intro-text {
    height: 42rem; }
  .intro[data-intro="list"] .intro-video,
  .intro[data-intro="list"] .intro-image, .intro[data-intro="detail"] .intro-video,
  .intro[data-intro="detail"] .intro-image {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden; }
  .intro[data-intro="arrest"] .intro-text {
    height: calc(42rem - 13rem); }
    .intro[data-intro="arrest"] .intro-text .category {
      padding: 4.8rem 0; }
  .intro[data-intro="arrest"] .intro-video,
  .intro[data-intro="arrest"] .intro-image {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden; }
  .intro[data-intro="arrest"] .intro-list .number {
    padding-bottom: 1.5rem; }
    .intro[data-intro="arrest"] .intro-list .number strong {
      line-height: 4rem; }

/*#endregion */
/*#region Effect Styles */
.effect {
  /* effect-1: Header */
  /* effect-2: Nav Menu */
  /* effect-3: Filter */
  /* effect-4: Timelist */ }
  .effect.index.first .effect-1 .language {
    display: inline-block; }
  .effect.index.first .effect-1.active.header .template {
    display: inline-block; }
  .effect.index.first .effect-1.active.header .logo {
    float: right; }
  .effect.index.first .effect-1.active.header .language {
    display: none; }
  .effect.index.first .effect-2 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-5rem);
    -khtml-transform: translateY(-5rem);
    -moz-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    -o-transform: translateY(-5rem);
    transform: translateY(-5rem);
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 8; }
    .effect.index.first .effect-2.active {
      -webkit-transform: translateY(6.2rem);
      -khtml-transform: translateY(6.2rem);
      -moz-transform: translateY(6.2rem);
      -ms-transform: translateY(6.2rem);
      -o-transform: translateY(6.2rem);
      transform: translateY(6.2rem);
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .effect.index.first .effect-4 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-5rem);
    -khtml-transform: translateY(-5rem);
    -moz-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    -o-transform: translateY(-5rem);
    transform: translateY(-5rem);
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 7; }
    .effect.index.first .effect-4.active {
      -webkit-transform: translateY(11rem);
      -khtml-transform: translateY(11rem);
      -moz-transform: translateY(11rem);
      -ms-transform: translateY(11rem);
      -o-transform: translateY(11rem);
      transform: translateY(11rem);
      -webkit-transition: all 0.4s ease;
      -khtml-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
  .effect.index:not(.first) .effect-1.header .template {
    display: inline-block; }
  .effect.index:not(.first) .effect-1.header .logo {
    float: right; }
  .effect.index:not(.first) .effect-2 {
    position: fixed;
    top: 6.2rem;
    left: 0;
    width: 100%;
    z-index: 8; }
  .effect.index:not(.first) .effect-4 {
    position: fixed;
    top: 11rem;
    left: 0;
    width: 100%;
    z-index: 7; }
  .effect.index:not(.first) .main {
    top: 16.2rem; }
  .effect.person .effect-1.header .template, .effect.reportage .effect-1.header .template {
    display: inline-block; }
  .effect.person .effect-1.header .logo, .effect.reportage .effect-1.header .logo {
    float: right; }
  .effect.person .effect-2, .effect.reportage .effect-2 {
    position: fixed;
    top: 6.2rem;
    left: 0;
    width: 100%;
    z-index: 8; }
  .effect.person .effect-3, .effect.reportage .effect-3 {
    position: fixed;
    top: 11rem;
    left: 0;
    width: 100%;
    z-index: 7; }
  .effect.person .main, .effect.reportage .main {
    top: 17rem; }
  .effect.map .effect-1.header .template, .effect.infographic .effect-1.header .template, .effect.arrest .effect-1.header .template {
    display: inline-block; }
  .effect.map .effect-1.header .logo, .effect.infographic .effect-1.header .logo, .effect.arrest .effect-1.header .logo {
    float: right; }
  .effect.map .effect-2, .effect.infographic .effect-2, .effect.arrest .effect-2 {
    position: fixed;
    top: 6.2rem;
    left: 0;
    width: 100%;
    z-index: 8; }
  .effect.map .main, .effect.infographic .main, .effect.arrest .main {
    top: 11rem; }
  .effect.detail .effect-1.header .template {
    display: inline-block; }
  .effect.detail .effect-1.header .logo {
    float: right; }
  .effect.detail .effect-2 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-5rem);
    -khtml-transform: translateY(-5rem);
    -moz-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    -o-transform: translateY(-5rem);
    transform: translateY(-5rem);
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 8; }
    .effect.detail .effect-2.active {
      -webkit-transform: translateY(6.2rem);
      -khtml-transform: translateY(6.2rem);
      -moz-transform: translateY(6.2rem);
      -ms-transform: translateY(6.2rem);
      -o-transform: translateY(6.2rem);
      transform: translateY(6.2rem);
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .effect.detail .main {
    top: 11rem; }

.site .affix.navigation {
  position: fixed !important;
  bottom: 2rem;
  z-index: 3; }

.site .affix.side-col {
  width: 30.7rem;
  -webkit-transition: all 1s ease-in-out;
  -khtml-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 3; }
  .site .affix.side-col .profile {
    display: none; }

.site .affix.option-col {
  position: fixed !important;
  top: 18rem; }

.site .affix-top {
  top: auto;
  -webkit-transition: all 1s ease-in-out;
  -khtml-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

/*#endregion */
/*#region Navigate Styles */
.navigate {
  background: #202020; }
  .navigate .arrow {
    padding: 2rem 0;
    color: #5d6168; }
    .navigate .arrow .text {
      font-family: helveticaneue-bold;
      flex: 1; }
      .navigate .arrow .text small {
        display: block;
        font-size: 2rem;
        line-height: 3rem; }
      .navigate .arrow .text span {
        display: block;
        font-size: 6.4rem;
        line-height: 7rem; }
    .navigate .arrow i {
      margin-top: 3rem;
      font-size: 3rem;
      line-height: 7rem;
      color: #d0d6da;
      padding: 0 1rem; }
  .navigate .news {
    display: block;
    padding: 2rem; }
    .navigate .news .title {
      font-family: helveticaneue-bold;
      font-size: 2rem;
      line-height: 3rem;
      color: #e3b968;
      display: block; }
    .navigate .news .time {
      font-family: helveticaneue-bold;
      font-size: 2rem;
      line-height: 3rem;
      color: #e1e4e6;
      display: block; }
    .navigate .news .spot {
      display: block;
      display: -webkit-box;
      max-height: 6rem;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: helveticaneue-regular;
      font-size: 1.6rem;
      line-height: 2rem;
      color: #e1e4e6;
      display: block; }
  .navigate .step {
    background: #131313;
    background: -moz-linear-gradient(left, #131313 0%, #202020 100%);
    background: -webkit-linear-gradient(left, #131313 0%, #202020 100%);
    background: linear-gradient(to right, #131313 0%, #202020 100%); }

/*#endregion */
/*#region Case Styles */
.head-case .title {
  font-family: helveticaneue-medium;
  font-size: 1.6rem;
  display: inline-block;
  color: #d5a877;
  line-height: 6rem;
  padding-left: 1rem; }

.head-case .count {
  width: 5rem;
  line-height: 2.5rem;
  border: solid #2b2d31 .1rem;
  -webkit-border-radius: 5rem;
  -khtml-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  border-radius: 5rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.2rem;
  display: inline-block;
  font-family: helveticaneue-medium;
  margin-top: 1.5rem;
  margin-left: 1.5rem; }

.case {
  width: 100%;
  background: #191a1d;
  font-size: 0;
  position: relative;
  display: inline-block;
  padding-top: 2rem;
  /*ol {
        margin: 0;
        height: 70rem;
        padding: 0 .5rem 0 .5rem;
        list-style-type: none;
        display: block;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.2rem;
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem;

        @media screen and (max-width: 1024px) {
            height: 100%;
        }

        li {
            font-family: $fnt-regular;
            counter-increment: step-counter;
            padding-bottom: 1.5rem;
            color: #7c818b;
            font-size: 1.4rem;
            display: flex;

            span {
                color: #7c818b;
            }

            strong {
                font-family: $fnt-bold;
                color: #b1b5bc !important;
            }

            .disable {
                color: #444953 !important;
            }

            a {
                text-decoration: none;
                color: #7c818b;

                &:hover {
                    color: #c4c6ca;

                    strong {
                        color: #c4c6ca !important;
                    }
                }
            }

            &::before {
                font-family: $fnt-regular;
                content: counter(step-counter);
                margin-right: 5px;
                font-size: 80%;
                color: #bec1c6;
                font-weight: normal;
                padding-right: 1.5rem;
                padding-left: 1rem;
                font-size: 1.4rem;
            }
        }

        li.sub {
            font-family: $fnt-regular;
            counter-increment: step-counter;
            padding-bottom: 1.5rem;
            color: #7c818b;
            font-size: 1.4rem;
            display: flex;

            strong {
                font-family: $fnt-bold;
                color: #b1b5bc !important;
            }

            .disable {
                color: #444953 !important;
            }

            a {
                text-decoration: none;
                color: #7c818b;

                &:hover {
                    color: #c4c6ca;

                    strong {
                        color: #c4c6ca !important;
                    }
                }
            }

            &::before {
                font-family: $fnt-regular;
                content: counter(step-counter);
                margin-right: 5px;
                font-size: 80%;
                color: red;
                font-weight: normal;
                padding-right: 1.5rem;
                padding-left: 1rem;
                font-size: 1.4rem;
            }
        }
    }*/ }
  @media screen and (max-width: 1024px) {
    .case {
      height: 100%; } }
  .case .case-image {
    width: 100%;
    height: 70rem;
    background: #191a1d;
    font-size: 0;
    position: relative;
    display: inline-block;
    padding-bottom: 2rem; }
    .case .case-image .image-box {
      width: 100%;
      height: 70rem;
      background: center;
      background-position: center;
      background: url("https://image.yenisafak.com/resim/upload/wiki/71881ea5fetoyapilanmasi31.png") no-repeat;
      position: relative;
      background-position: -85rem 0;
      background-repeat: no-repeat;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
      @media screen and (max-width: 1024px) {
        .case .case-image .image-box {
          background-position: 100% 0; } }
      .case .case-image .image-box:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(18, 19, 21, 0) 0%, #121315 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(18, 19, 21, 0) 0%, #121315 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(18, 19, 21, 0) 0%, #121315 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121315', endColorstr='#121315',GradientType=0 );
        /* IE6-9 */
        z-index: 2; }
      .case .case-image .image-box .caption {
        position: absolute;
        width: 100%;
        height: 18%;
        z-index: 3;
        bottom: 0;
        left: 0;
        text-align: center; }
        .case .case-image .image-box .caption .text {
          font-size: 4rem;
          font-family: helveticaneue-bold;
          font-weight: 700;
          color: #ffffff;
          display: block; }
        .case .case-image .image-box .caption span {
          font-size: 1.6rem;
          font-family: helveticaneue-regular;
          color: #cacaca;
          display: block;
          line-height: 3rem; }
  .case ol {
    counter-reset: item; }
    .case ol li {
      display: block;
      position: relative;
      color: #7c818b;
      font-size: 1.4rem;
      line-height: 3rem;
      font-family: helveticaneue-bold; }
      .case ol li ol {
        margin-left: 0; }
        .case ol li ol li {
          margin-bottom: 1rem;
          margin-left: 3rem;
          font-family: helveticaneue-regular; }
          .case ol li ol li a {
            color: #7c818b;
            text-decoration: none;
            line-height: 1.6rem;
            display: block;
            padding-top: .7rem; }
            .case ol li ol li a:hover {
              color: #fff; }
      .case ol li span {
        font-weight: bold; }
      .case ol li:before {
        content: counters(item, ".") "";
        counter-increment: item;
        position: absolute;
        margin-right: 100%;
        right: 10px;
        color: #abbac9;
        top: 0; }
  .case .list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
    .case .list .item {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid-column;
      padding-bottom: 1rem;
      margin-left: 3.5rem; }

/*#endregion */
/*#region Session Styles */
.session .boxes .box .box-group .display {
  margin-bottom: 2rem; }
  .session .boxes .box .box-group .display:after {
    content: none; }

.session .boxes .box .box-group .template:after {
  content: none; }

.session .boxes .box .box-group:after {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: -20rem;
  height: calc(100% - 2.4rem);
  width: .1rem;
  background: #ebebeb; }

.session .session-head {
  display: block;
  border-bottom: solid #ebeced .1rem;
  margin-bottom: 3rem; }
  .session .session-head .title, .session .session-head .text {
    font-size: 2rem;
    line-height: 6rem;
    color: #d5a877;
    display: inline-block;
    font-family: helveticaneue-bold; }
    .session .session-head .title:after, .session .session-head .text:after {
      content: '-';
      padding: 0 1.5rem; }
    @media screen and (max-width: 1024px) {
      .session .session-head .title, .session .session-head .text {
        font-size: 1.7rem;
        line-height: 4rem;
        padding: 0 1rem; } }
  .session .session-head .text {
    color: #5d6066;
    font-family: helveticaneue-regular; }
    .session .session-head .text:after {
      content: '';
      padding: 0 1.5rem; }

.session .capiton {
  width: 13rem;
  display: block; }
  @media screen and (max-width: 1024px) {
    .session .capiton {
      display: none; } }
  .session .capiton .title {
    font-size: 1.2rem;
    color: #93073e;
    display: block;
    font-family: helveticaneue-bold;
    margin-bottom: .5rem; }
  .session .capiton .article {
    font-size: 1.2rem;
    color: #899092;
    font-family: helveticaneue-regular; }

/*#endregion */
/*#region Responsive Styles */
@media (max-width: 321px) {
  /*#region List Responsive Styles */
  .person-list .article {
    margin-top: 6rem; }
    .person-list .article .image img {
      margin-top: -8rem; }
    .person-list .article .name {
      font-size: 1.5rem;
      line-height: 2.2rem;
      padding: 0 .8rem; }
    .person-list .article .info {
      font-size: 1.2rem;
      line-height: 1.6rem;
      padding: 0 .8rem; }
      .person-list .article .info .job {
        display: block;
        display: -webkit-box;
        max-height: 4.8rem;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
    .person-list .article .spot {
      font-size: 1.4rem;
      line-height: 2.6rem; }
    .person-list .article .state span {
      font-size: 1.3rem;
      padding: .7rem 1.6rem; }
    .person-list .article figcaption {
      min-height: 19rem; }
  /*#endregion */ }

@media (max-width: 480px) {
  /*#region Content Responsive Styles */
  section.intro .intro-text .text {
    margin: 0 .6rem;
    font-size: 1.3rem;
    line-height: 2rem; }
  section.intro .intro-text .head .logo {
    max-width: 16rem;
    padding: 1rem 0; }
  /*#endregion */
  /*#region List Responsive Styles */
  .map-list .article .caption .spot {
    display: block;
    display: -webkit-box;
    max-height: 4rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }
  /*#endregion */
  /*#region Comments Responsive styles */
  .comments .comment-share > .button:not(:last-child) {
    margin-right: 1rem; }
  /*#endregion */ }

@media (max-width: 991px) {
  /*#region Timeline Responsive Styles */
  .timeline.index .content .filters,
  .timeline.index .content .share {
    margin-bottom: 1rem; }
  .timeline.media .cols .infographic-list .article {
    margin: 0 0 1rem; }
  .timeline section.header .category {
    margin: 1rem auto; }
    .timeline section.header .category .item {
      font-size: 0.9rem;
      line-height: 1rem; }
      .timeline section.header .category .item:not(:last-child):after {
        margin: 0 .5rem; }
  .timeline section.header .title {
    font-size: 2rem;
    line-height: 2rem; }
  .timeline section.main .timelist {
    /*background-image: $pattern-body;
                    background-size: 4rem 2rem;
                    margin: 0 auto;
                    left: 0;
                    z-index: 2;*/ }
    .timeline section.main .timelist .affix {
      position: fixed;
      top: 0;
      left: 0; }
    .timeline section.main .timelist .list .head {
      padding: .8rem 0; }
      .timeline section.main .timelist .list .head .arrow {
        -webkit-transform: rotate(-90deg);
        -khtml-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .timeline section.main .timelist .list li {
      display: inline-block;
      margin: .9rem .5rem; }
      .timeline section.main .timelist .list li .date {
        position: relative;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        border-bottom: solid 0.1rem #cccccc; }
        .timeline section.main .timelist .list li .date:before, .timeline section.main .timelist .list li .date:after {
          content: "";
          position: absolute;
          width: .1rem;
          height: .9rem;
          background: #cccccc; }
        .timeline section.main .timelist .list li .date:before {
          left: 0;
          bottom: -.5rem; }
        .timeline section.main .timelist .list li .date:after {
          right: 0;
          bottom: -.5rem; }
      .timeline section.main .timelist .list li.active:before {
        top: 2.1rem;
        left: 1.2rem;
        -webkit-transform: rotate(-90deg);
        -khtml-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .timeline section.main .boxes .box:after {
    content: none; }
  .timeline section.main .boxes .box .box-head .time span {
    display: block; }
  .timeline section.main .boxes .box .box-head .time strong {
    margin-left: 0; }
  .timeline section.main .boxes .box .box-head .circle {
    display: none; }
  .timeline section.main .boxes .box .box-group {
    padding: 1.4rem; }
    .timeline section.main .boxes .box .box-group .location {
      margin-bottom: 1rem; }
    .timeline section.main .boxes .box .box-group.video {
      margin-left: 0; }
      .timeline section.main .boxes .box .box-group.video:before, .timeline section.main .boxes .box .box-group.video:after {
        content: none; }
      .timeline section.main .boxes .box .box-group.video .left {
        display: none; }
  .timeline section.main .boxes .box .list-group {
    margin-left: 4.5rem; }
    .timeline section.main .boxes .box .list-group:after {
      left: -2.5rem; }
    .timeline section.main .boxes .box .list-group .left {
      left: -4.5rem;
      width: 4rem; }
    .timeline section.main .boxes .box .list-group .person-list .article {
      width: calc((100% - 1rem) / 2); }
      .timeline section.main .boxes .box .list-group .person-list .article:not(:nth-child(2n)) {
        margin-right: 1rem; }
  .timeline section.main .entry .map iframe {
    width: 100% !important;
    height: 30rem !important; }
  .timeline section.main .entry .map:after {
    content: "\e91d";
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    font-family: yenisafak;
    font-size: 2rem;
    line-height: 2rem;
    color: #ffffff;
    background-color: #333333; }
  .timeline nav.timeline ul > li {
    margin-right: 1rem; }
    .timeline nav.timeline ul > li a {
      display: block;
      padding: 0 1rem;
      font-size: 1.5rem;
      line-height: 4.8rem; }
    .timeline nav.timeline ul > li i {
      color: #ffffff;
      padding: 0 .8rem; }
      .timeline nav.timeline ul > li i.icon-expend-down {
        font-size: 1rem; }
    .timeline nav.timeline ul > li.last-child {
      margin-right: 0; }
  .timeline .boxes .box {
    margin-bottom: 0; }
    .timeline .boxes .box .box-head {
      /*.order {
                        min-width: 6rem;
                        font-size: 5.8rem;
                        width: auto;
                        text-align: center;

                        small {
                            font-size: .9rem;
                        }
                    }*/ }
      .timeline .boxes .box .box-head .order {
        padding: 0 1.6rem; }
      .timeline .boxes .box .box-head .time {
        margin-bottom: 1rem; }
        .timeline .boxes .box .box-head .time::after {
          content: '';
          height: .1rem;
          background: #efefef;
          flex: 1;
          margin: 0 1rem; }
    .timeline .boxes .box .box-group .template {
      margin: 1rem 0; }
      .timeline .boxes .box .box-group .template blockquote.notes {
        padding: 1.5rem; }
      .timeline .boxes .box .box-group .template figure.map .caption {
        padding: 1.5rem; }
      .timeline .boxes .box .box-group .template figure.infographic {
        width: 100%; }
        .timeline .boxes .box .box-group .template figure.infographic .caption {
          padding: 1.5rem; }
      .timeline .boxes .box .box-group .template figure.person {
        padding: 1.5rem; }
  .timeline .boxes figure.inside .caption {
    padding: 1.5rem; }
  .timeline .boxes figure.inside .icon-group {
    left: 1.5rem; }
  .timeline .boxes.person .box .box-head::after {
    display: none; }
  /*#endregion */
  /*#region Content Responsive Styles */
  section.intro .category .name {
    font-size: 3rem;
    line-height: 3.6rem; }
    section.intro .category .name h1 {
      display: block;
      margin-bottom: 2rem; }
  section.intro .category .count {
    position: relative;
    top: 0; }
  section.intro .intro-text .text {
    margin: 0 1rem;
    font-size: 1.5rem;
    line-height: 2.2rem; }
  section.intro .intro-control {
    right: 1.5rem;
    top: 1.5rem; }
    section.intro .intro-control .intro-button {
      margin-bottom: 1rem; }
      section.intro .intro-control .intro-button .icon-group i {
        font-size: 2.2rem;
        line-height: 4rem;
        width: 4rem;
        height: 4rem; }
  /*#endregion */
  /*#region Box Responsive Styles */
  .boxes .box .box-group .comments .comment-share {
    padding: 1rem 0; }
  .boxes .display figure.inside .caption,
  .boxes .template figure.inside .caption {
    padding: 1.6rem; }
  /*#endregion */
  /*#region Figure Responsive Styles */
  .display span.inside[data-type="video"] .icon-group, .display span.inside[data-type="gallery"] .icon-group,
  .display figure.inside[data-type="video"] .icon-group,
  .display figure.inside[data-type="gallery"] .icon-group,
  .template span.inside[data-type="video"] .icon-group,
  .template span.inside[data-type="gallery"] .icon-group,
  .template figure.inside[data-type="video"] .icon-group,
  .template figure.inside[data-type="gallery"] .icon-group {
    left: 1.6rem; }
  /*#endregion */
  /*#region Time List Responsive Styles */
  .timelist .list li.active .time {
    min-height: 6.2rem; }
  /*#endregion */
  /*#region List Responsive Styles */
  .map-list .article {
    display: inline-block; }
    .map-list .article .caption {
      padding: 0 1.6rem; }
      .map-list .article .caption .icon-group {
        padding: .1rem; }
        .map-list .article .caption .icon-group strong {
          font-size: 1.4rem; }
      .map-list .article .caption .title {
        font-size: 2.3rem;
        line-height: 3.2rem; }
      .map-list .article .caption .spot {
        display: block;
        display: -webkit-box;
        max-height: 6.6rem;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 1.8rem;
        font-size: 1.3rem;
        line-height: 2rem; }
  .media-list .article figure.inside .caption .spot {
    display: block;
    display: -webkit-box;
    max-height: 5.7rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }
  .movie-list article {
    margin-bottom: 2rem; }
    .movie-list article .box-left {
      position: relative;
      width: auto;
      margin-bottom: 1.2rem; }
      .movie-list article .box-left .type {
        width: auto;
        margin-top: 0; }
        .movie-list article .box-left .type .order {
          font-size: 6rem;
          line-height: 6rem; }
        .movie-list article .box-left .type::after {
          right: 0;
          width: 77%; }
    .movie-list article .box-group {
      padding-left: 0; }
      .movie-list article .box-group figure iframe {
        width: auto;
        height: auto;
        max-width: none;
        min-height: inherit; }
      .movie-list article .box-group::before {
        display: none; }
    .movie-list article .comments {
      padding-left: 0; }
  .arrest-list .item strong {
    color: #eee;
    width: 9.4rem;
    padding: 0 0.5rem; }
  .arrest-list .item span {
    padding: 0 0.5rem;
    width: calc(100% - 9.4rem); }
  .arrest .intro-list {
    padding: 1rem 0; }
    .arrest .intro-list .number {
      position: relative;
      padding-bottom: 2.5rem !important; }
      .arrest .intro-list .number::after {
        content: "";
        display: block;
        margin: 1.7rem auto 0;
        bottom: 0;
        height: .1rem;
        width: 5rem;
        background: #e3b968; }
    .arrest .intro-list .cols:last-child .number::after {
      display: none; }
  .arrest .intro .number.total span {
    font-family: helveticaneue-medium;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #fff; }
  /*#endregion */
  /*#region Intro Responsive Styles  */
  .intro .intro-text .head .logo {
    max-width: 16rem;
    min-height: 20rem; }
  .intro .intro-text .text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 0 2rem 2rem; }
  .intro .intro-text .down {
    height: 24rem; }
  .intro[data-intro="detail"] {
    background-color: #1a1a1a; }
    .intro[data-intro="detail"] .intro-text {
      height: 15rem; }
  /*#endregion */
  /*#region Navigate Responsive Styles */
  .navigate .arrow {
    text-align: center; }
  /*#endregion */ }

@media (min-width: 992px) {
  /*#region Timeline Responsive Styles */
  .timeline.index .content .head-col .filters {
    margin-bottom: 1rem; }
  .timeline.index .content .head-col .share {
    padding: .4rem 0; }
  .timeline .intro .cols.col-24 .person-list .article {
    width: calc((100% - 20rem) / 3); }
    .timeline .intro .cols.col-24 .person-list .article:not(:nth-child(3n)) {
      margin-right: 10rem; }
  /*#endregion */
  /*#region Box Responsive Styles */
  .boxes .box .box-group .comments .comment-share {
    padding: 0.5rem 0; }
  .boxes.index .box .box-head .order {
    min-width: 12rem; }
  .boxes.index .box .box-head .info .time {
    text-align: center; }
  .boxes.index .box .box-head .info.info-top {
    margin-top: 8rem; }
  .boxes.index .box .box-left {
    left: -18rem; }
    .boxes.index .box .box-left .type {
      width: 18rem; }
  .boxes.person .box .box-head .order {
    line-height: 4.8rem;
    font-family: helveticaneue-bold;
    width: 8rem;
    padding-bottom: 2rem;
    position: absolute;
    left: -8.8rem;
    top: 13rem;
    text-align: center;
    font-size: 5.6rem;
    color: #494949; }
    .boxes.person .box .box-head .order small {
      font-size: .9rem;
      line-height: 1.4rem;
      display: block; }
  .boxes.person .box .box-head::before {
    content: '';
    width: .1rem;
    height: 100%;
    background: #2d2f34;
    position: absolute;
    left: -4.6rem;
    top: -1.2rem; }
  .boxes.person .box .box-group::before {
    content: '';
    width: .1rem;
    height: 100%;
    background: #2d2f34;
    position: absolute;
    left: -4.6rem;
    margin-top: 8.3rem; }
  .boxes.person .box .box-group:last-child::before {
    height: calc(100% - 8.3rem); }
  .boxes.person .box:first-child .box-head::before {
    display: none; }
  .boxes.session .box .box-head .order {
    width: 8rem; }
  .boxes.session .box .box-head .info {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    width: calc(100% - 8rem); }
    .boxes.session .box .box-head .info.info-top {
      margin-top: 8rem; }
  .boxes.session .box .box-left {
    left: -22rem; }
    .boxes.session .box .box-left .type {
      width: 22rem; }
  /*#endregion */
  /*#region Effect Responsive Styles */
  .effect.detail .effect-1.header .template {
    max-width: 90rem;
    max-height: 3.2rem;
    overflow: hidden; }
  .affix.side-col {
    position: fixed !important;
    top: 14rem; }
  /*#endregion */ }

/*#endregion */