@charset "UTF-8";
/* Этот файл не править, все правки вносить через *.scss */
html, body, div, span, applet, object, iframe, h1, h2, .article h3, .article h4, .story-body h3, .story-body h4, .typography h3, .typography h4, h3, h4, h5, h6, p, .article h2, .article h3, .article h4, .story-body h2, .story-body h3, .story-body h4, .typography h2, .typography h3, .typography h4, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/*fonts for texts*/
@font-face {
  font-family: "Fira";
  src: url("../fonts/FiraSansLight.eot");
  src: url("../fonts/FiraSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSansLight.woff") format("woff"), url("../fonts/FiraSansLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Fira";
  src: url("../fonts/FiraSansLight-Italic.eot");
  src: url("../fonts/FiraSansLight-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSansLight-Italic.woff") format("woff"), url("../fonts/FiraSansLight-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Fira";
  src: url("../fonts/FiraSans-SemiBold.eot");
  src: url("../fonts/FiraSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-SemiBold.woff") format("woff"), url("../fonts/FiraSans-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
/*fonts for navigation*/
@font-face {
  font-family: "Arkhip";
  src: url("../fonts/Arkhip.eot");
  src: url("../fonts/Arkhip.eot?#iefix") format("embedded-opentype"), url("../fonts/Arkhip.woff") format("woff"), url("../fonts/Arkhip.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Regular.eot");
  src: url("../fonts/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Regular.woff") format("woff"), url("../fonts/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*fonts for buttons*/
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Light.eot");
  src: url("../fonts/Rubik-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Light.woff") format("woff"), url("../fonts/Rubik-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
/*fonts for list*/
@font-face {
  font-family: "FiraR";
  src: url("../fonts/FiraSans-Regular.eot");
  src: url("../fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Regular.woff") format("woff"), url("../fonts/FiraSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?cugbzw");
  src: url("../fonts/icomoon.eot?cugbzw#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?cugbzw") format("truetype"), url("../fonts/icomoon.woff?cugbzw") format("woff"), url("../fonts/icomoon.svg?cugbzw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-calendar:before {
  content: "\e900"; }

.icon-label:before {
  content: "\e901"; }

.icon-tag:before {
  content: "\e903"; }

.icon-search:before {
  content: "\e902"; }

.icon-menu:before {
  content: "\e904"; }

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

* {
  box-sizing: border-box; }

body {
  font-family: 'Fira', 'Fira', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  min-height: 100%;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-font-smoothing: antialiased; }

.bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  z-index: -1;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover; }

a {
  color: #a82a59;
  text-decoration: none; }
  a:hover {
    color: #f5cecc; }

.container, .hot-desktop a .headline, .hot a .headline {
  width: 320px;
  margin: 0 auto; }
  @media screen and (min-width: 400px) {
    .container, .hot-desktop a .headline, .hot a .headline {
      margin: 0 40px;
      max-width: 600px;
      width: auto; } }
  @media screen and (min-width: 620px) {
    .container, .hot-desktop a .headline, .hot a .headline {
      margin: 0 auto;
      width: 600px;
      max-width: inherit; } }
  @media screen and (min-width: 1220px) {
    .container, .hot-desktop a .headline, .hot a .headline {
      width: 1200px; } }

.row::before, .row::after, .container::before, .hot-desktop a .headline::before, .hot a .headline::before, .container::after, .hot-desktop a .headline::after, .hot a .headline::after, .container-fluid::before, .container-fluid::after, .clearfix::before, .clearfix::after {
  content: " ";
  display: table;
  clear: both; }

.logo-color {
  fill: #68081f;
  transition: 0.4s ease 0s; }

.logo.active .logo-color {
  fill: #878787; }

.hide {
  display: none !important; }

.show {
  display: inherit !important; }

.relative {
  position: relative; }

/*HEADER*/
header .header-row {
  background-color: white;
  padding: 18px 0;
  min-width: 320px; }
  @media screen and (min-width: 1220px) {
    header .header-row {
      background-color: transparent;
      padding: 0; } }
  header .header-row a {
    color: black; }
    header .header-row a:hover {
      color: #a82a59; }
  header .header-row .pos-menu {
    position: absolute;
    left: 10px;
    font-size: 18px;
    margin-top: 6px; }
    @media screen and (min-width: 620px) {
      header .header-row .pos-menu {
        left: 25px; } }
    @media screen and (min-width: 1220px) {
      header .header-row .pos-menu {
        left: auto;
        top: 8px;
        right: 45px;
        font-size: 12px;
        margin-top: 5px; }
        header .header-row .pos-menu a {
          color: white; }
          header .header-row .pos-menu a:hover {
            color: #f5cecc; } }
  header .header-row .pos-menu-close {
    position: absolute;
    right: 10px;
    font-size: 20px;
    margin-top: 5px; }
    @media screen and (min-width: 620px) {
      header .header-row .pos-menu-close {
        right: 25px; } }
    @media screen and (min-width: 1220px) {
      header .header-row .pos-menu-close {
        right: 0;
        font-size: 14px;
        top: 6px;
        display: none; }
        header .header-row .pos-menu-close a {
          color: white; }
          header .header-row .pos-menu-close a:hover {
            color: #f5cecc; } }
  header .header-row .pos-search {
    position: absolute;
    right: 10px;
    font-size: 19px;
    margin-top: 6px; }
    @media screen and (min-width: 620px) {
      header .header-row .pos-search {
        right: 25px; } }
    @media screen and (min-width: 1220px) {
      header .header-row .pos-search {
        right: 0;
        font-size: 16px;
        margin-top: 6px;
        top: 6px; }
        header .header-row .pos-search.hide {
          display: inherit !important; }
        header .header-row .pos-search a {
          color: white; }
          header .header-row .pos-search a:hover {
            color: #f5cecc; } }
  header .header-row .logo {
    margin: 0 auto;
    width: 152px;
    height: 28px;
    display: block; }
    @media screen and (min-width: 1220px) {
      header .header-row .logo {
        float: left;
        width: 245px;
        height: 68px;
        padding: 15px 30px;
        background-color: white;
        margin-right: 25px; } }
    header .header-row .logo #logo-main {
      display: block;
      width: 152px;
      height: 28px; }
      @media screen and (min-width: 1220px) {
        header .header-row .logo #logo-main {
          width: 184px;
          height: 32px; } }
  header .header-row .pos-nav {
    display: none;
    padding: 5px 0; }
    @media screen and (min-width: 1220px) {
      header .header-row .pos-nav {
        display: block;
        margin-left: 270px;
        margin-bottom: 3px; }
        header .header-row .pos-nav .nav-top {
          font-family: 'Arkhip', sans-serif;
          font-size: 20px;
          text-transform: lowercase; }
          header .header-row .pos-nav .nav-top ul li {
            display: inline-block;
            margin-right: 55px; }
            header .header-row .pos-nav .nav-top ul li a {
              color: white;
              display: block;
              position: relative; }
              header .header-row .pos-nav .nav-top ul li a:hover {
                color: #f5cecc; }
            header .header-row .pos-nav .nav-top ul li:last-child {
              margin-right: 0; }
            header .header-row .pos-nav .nav-top ul li.active a:before, header .header-row .pos-nav .nav-top ul li.current-post-ancestor a:before, header .header-row .pos-nav .nav-top ul li.current-category-ancestor a:before {
              content: " ";
              display: block;
              position: absolute;
              top: 5px;
              left: -10px;
              right: -10px;
              height: 20px;
              border: 1px solid white;
              border-radius: 4px; }
            header .header-row .pos-nav .nav-top ul li.active:hover a:before, header .header-row .pos-nav .nav-top ul li.current-post-ancestor:hover a:before, header .header-row .pos-nav .nav-top ul li.current-category-ancestor:hover a:before {
              border: 1px solid #f5cecc; } }

.hot-desktop {
  display: none;
  background-color: black; }
  @media screen and (min-width: 1220px) {
    .hot-desktop {
      display: block;
      position: static;
      margin-left: 270px; } }
  .hot-desktop a .headline {
    color: #e8e8e8;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    text-align: center;
    width: auto;
    font-size: 16px;
    line-height: 16px;
    padding: 3px; }
    .hot-desktop a .headline:before, .hot-desktop a .headline:after {
      content: " ";
      display: inline;
      clear: both; }
    .hot-desktop a .headline .headline-tag {
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      text-transform: uppercase;
      width: auto;
      display: inline-block;
      padding: 0 7px;
      height: 22px;
      line-height: 22px;
      float: none;
      margin: 0 10px 0 0; }
    .hot-desktop a .headline .headline-text {
      text-align: inherit;
      padding: 0;
      display: inline; }
  .hot-desktop a:hover .headline {
    color: #e8e8e8; }
  .hot-desktop a:hover .headline-tag {
    border: 1px solid #e8e8e8;
    color: #e8e8e8; }

.hot {
  background-color: black; }
  @media screen and (min-width: 1220px) {
    .hot {
      display: none; } }
  .hot a {
    display: block; }
    .hot a .headline {
      padding: 10px 0;
      color: #e8e8e8;
      font-family: 'Rubik', sans-serif;
      font-size: 15px;
      line-height: 19px;
      font-weight: 300;
      text-align: center; }
      @media screen and (min-width: 620px) {
        .hot a .headline {
          font-size: 17px;
          line-height: 22px; } }
    .hot a .headline-tag {
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      text-transform: uppercase;
      width: auto;
      display: inline-block;
      padding: 2px 7px;
      margin-bottom: 4px; }
  .hot:hover .headline {
    color: #e8e8e8; }
  .hot:hover .headline-tag {
    border: 1px solid #e8e8e8; }

#nav-extra-add {
  background-color: black;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  display: none; }
  @media screen and (min-width: 1220px) {
    #nav-extra-add {
      background-color: transparent; } }
  #nav-extra-add .overlay {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99; }
  #nav-extra-add .container, #nav-extra-add .hot-desktop a .headline, .hot-desktop a #nav-extra-add .headline, #nav-extra-add .hot a .headline, .hot a #nav-extra-add .headline {
    z-index: 100; }

.nav-extra {
  padding: 30px 0 15px; }
  @media screen and (min-width: 1220px) {
    .nav-extra {
      margin-left: 270px;
      background-color: black;
      margin-top: 5px;
      padding-left: 30px; } }

.nav-extra-top {
  font-family: 'Arkhip', sans-serif;
  font-size: 20px;
  width: 300px;
  margin: 0 auto;
  padding-bottom: 15px; }
  @media screen and (min-width: 1220px) {
    .nav-extra-top {
      width: auto; } }
  .nav-extra-top > ul > li {
    display: block;
    width: 33.3%;
    float: left;
    margin: 0 0 12px;
    text-align: left;
    font-size: 16px;
    line-height: 1;
    text-transform: lowercase; }
    .nav-extra-top > ul > li a {
      color: white; }
      .nav-extra-top > ul > li a:hover {
        color: #f5cecc; }
    .nav-extra-top > ul > li:nth-child(3n-1) {
      text-align: center; }
    .nav-extra-top > ul > li:nth-child(3n) {
      text-align: right; }
    .nav-extra-top > ul > li > ul {
      display: none;
      padding-top: 0; }
  @media screen and (min-width: 1220px) {
    .nav-extra-top > ul > li {
      display: block;
      float: left;
      width: 16.6%;
      font-size: 20px;
      text-align: left !important; }
      .nav-extra-top > ul > li a {
        color: #a82a59; }
        .nav-extra-top > ul > li a:hover {
          color: #f5cecc; }
      .nav-extra-top > ul > li > ul {
        display: block;
        padding-top: 25px;
        text-transform: none; }
        .nav-extra-top > ul > li > ul > li {
          font-family: 'Rubik', sans-serif;
          font-size: 14px;
          display: block;
          margin-bottom: 7px; }
          .nav-extra-top > ul > li > ul > li a {
            color: #e8e8e8; }
            .nav-extra-top > ul > li > ul > li a:hover {
              color: #f5cecc; }
          .nav-extra-top > ul > li > ul > li:last-child {
            margin-bottom: 0; }
      .nav-extra-top > ul > li:first-child ul li:first-child a {
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 1px dashed white; }
        .nav-extra-top > ul > li:first-child ul li:first-child a:hover {
          border-bottom-color: #f5cecc; } }

.nav-extra-mobile-nav {
  font-family: 'Arkhip', sans-serif;
  font-size: 16px;
  width: 270px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 15px;
  border-top: 1px solid #a82a59;
  display: block;
  color: white; }
  @media screen and (min-width: 1220px) {
    .nav-extra-mobile-nav {
      display: none; } }
  .nav-extra-mobile-nav ul li {
    display: inline-block;
    width: 45%;
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1; }
    .nav-extra-mobile-nav ul li a {
      color: white; }
      .nav-extra-mobile-nav ul li a:hover {
        color: #f5cecc; }
  .nav-extra-mobile-nav p, .nav-extra-mobile-nav .article h2, .article .nav-extra-mobile-nav h2, .nav-extra-mobile-nav .article h3, .article .nav-extra-mobile-nav h3, .nav-extra-mobile-nav .article h4, .article .nav-extra-mobile-nav h4, .nav-extra-mobile-nav .story-body h2, .story-body .nav-extra-mobile-nav h2, .nav-extra-mobile-nav .story-body h3, .story-body .nav-extra-mobile-nav h3, .nav-extra-mobile-nav .story-body h4, .story-body .nav-extra-mobile-nav h4, .nav-extra-mobile-nav .typography h2, .typography .nav-extra-mobile-nav h2, .nav-extra-mobile-nav .typography h3, .typography .nav-extra-mobile-nav h3, .nav-extra-mobile-nav .typography h4, .typography .nav-extra-mobile-nav h4 {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    margin-bottom: 5px; }
    .nav-extra-mobile-nav p span, .nav-extra-mobile-nav .article h2 span, .article .nav-extra-mobile-nav h2 span, .nav-extra-mobile-nav .article h3 span, .article .nav-extra-mobile-nav h3 span, .nav-extra-mobile-nav .article h4 span, .article .nav-extra-mobile-nav h4 span, .nav-extra-mobile-nav .story-body h2 span, .story-body .nav-extra-mobile-nav h2 span, .nav-extra-mobile-nav .story-body h3 span, .story-body .nav-extra-mobile-nav h3 span, .nav-extra-mobile-nav .story-body h4 span, .story-body .nav-extra-mobile-nav h4 span, .nav-extra-mobile-nav .typography h2 span, .typography .nav-extra-mobile-nav h2 span, .nav-extra-mobile-nav .typography h3 span, .typography .nav-extra-mobile-nav h3 span, .nav-extra-mobile-nav .typography h4 span, .typography .nav-extra-mobile-nav h4 span {
      margin: 0 5px; }
      .nav-extra-mobile-nav p span:first-child, .nav-extra-mobile-nav .article h2 span:first-child, .article .nav-extra-mobile-nav h2 span:first-child, .nav-extra-mobile-nav .article h3 span:first-child, .article .nav-extra-mobile-nav h3 span:first-child, .nav-extra-mobile-nav .article h4 span:first-child, .article .nav-extra-mobile-nav h4 span:first-child, .nav-extra-mobile-nav .story-body h2 span:first-child, .story-body .nav-extra-mobile-nav h2 span:first-child, .nav-extra-mobile-nav .story-body h3 span:first-child, .story-body .nav-extra-mobile-nav h3 span:first-child, .nav-extra-mobile-nav .story-body h4 span:first-child, .story-body .nav-extra-mobile-nav h4 span:first-child, .nav-extra-mobile-nav .typography h2 span:first-child, .typography .nav-extra-mobile-nav h2 span:first-child, .nav-extra-mobile-nav .typography h3 span:first-child, .typography .nav-extra-mobile-nav h3 span:first-child, .nav-extra-mobile-nav .typography h4 span:first-child, .typography .nav-extra-mobile-nav h4 span:first-child {
        font-family: 'Arkhip', sans-serif;
        font-size: 16px; }
    .nav-extra-mobile-nav p a, .nav-extra-mobile-nav .article h2 a, .article .nav-extra-mobile-nav h2 a, .nav-extra-mobile-nav .article h3 a, .article .nav-extra-mobile-nav h3 a, .nav-extra-mobile-nav .article h4 a, .article .nav-extra-mobile-nav h4 a, .nav-extra-mobile-nav .story-body h2 a, .story-body .nav-extra-mobile-nav h2 a, .nav-extra-mobile-nav .story-body h3 a, .story-body .nav-extra-mobile-nav h3 a, .nav-extra-mobile-nav .story-body h4 a, .story-body .nav-extra-mobile-nav h4 a, .nav-extra-mobile-nav .typography h2 a, .typography .nav-extra-mobile-nav h2 a, .nav-extra-mobile-nav .typography h3 a, .typography .nav-extra-mobile-nav h3 a, .nav-extra-mobile-nav .typography h4 a, .typography .nav-extra-mobile-nav h4 a {
      color: white; }
      .nav-extra-mobile-nav p a:hover, .nav-extra-mobile-nav .article h2 a:hover, .article .nav-extra-mobile-nav h2 a:hover, .nav-extra-mobile-nav .article h3 a:hover, .article .nav-extra-mobile-nav h3 a:hover, .nav-extra-mobile-nav .article h4 a:hover, .article .nav-extra-mobile-nav h4 a:hover, .nav-extra-mobile-nav .story-body h2 a:hover, .story-body .nav-extra-mobile-nav h2 a:hover, .nav-extra-mobile-nav .story-body h3 a:hover, .story-body .nav-extra-mobile-nav h3 a:hover, .nav-extra-mobile-nav .story-body h4 a:hover, .story-body .nav-extra-mobile-nav h4 a:hover, .nav-extra-mobile-nav .typography h2 a:hover, .typography .nav-extra-mobile-nav h2 a:hover, .nav-extra-mobile-nav .typography h3 a:hover, .typography .nav-extra-mobile-nav h3 a:hover, .nav-extra-mobile-nav .typography h4 a:hover, .typography .nav-extra-mobile-nav h4 a:hover {
        color: #f5cecc; }

.nav-extra-bottom {
  display: none; }
  @media screen and (min-width: 1220px) {
    .nav-extra-bottom {
      display: block; } }

footer {
  border-top: 5px solid white;
  padding-top: 40px;
  color: white;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  line-height: 18px; }
  footer .footer-left {
    display: none;
    float: left;
    width: 220px; }
    @media screen and (min-width: 1220px) {
      footer .footer-left {
        display: block; } }
    footer .footer-left .footer-logo {
      margin-bottom: 30px; }
      footer .footer-left .footer-logo #logo-footer {
        width: 154px;
        height: 26px;
        float: left; }
      footer .footer-left .footer-logo .logo-color {
        fill: white; }
      footer .footer-left .footer-logo .footer-rating {
        float: left;
        padding: 11px 0 0 5px; }
    footer .footer-left .footer-copy {
      margin-bottom: 20px; }
    footer .footer-left .footer-law {
      margin-bottom: 15px; }
      footer .footer-left .footer-law a {
        color: white; }
        footer .footer-left .footer-law a:hover {
          color: #f5cecc; }
    footer .footer-left .footer-mistake {
      border: 1px solid white;
      border-radius: 4px;
      padding: 10px 7px; }
      footer .footer-left .footer-mistake span {
        font-weight: bold; }
  @media screen and (min-width: 1220px) {
    footer .footer-right {
      margin-left: 50px;
      float: left;
      width: 925px; }
      footer .footer-right .nav-extra-top {
        margin-bottom: 30px; }
        footer .footer-right .nav-extra-top a {
          color: white; }
          footer .footer-right .nav-extra-top a:hover {
            color: #f5cecc; }
        footer .footer-right .nav-extra-top:last-child {
          margin-bottom: 0; }
        footer .footer-right .nav-extra-top:first-child ul li:first-child ul li:nth-child(2) a {
          display: inline-block;
          padding-bottom: 2px;
          border-bottom: 1px dashed white; }
          footer .footer-right .nav-extra-top:first-child ul li:first-child ul li:nth-child(2) a:hover {
            border-bottom-color: #f5cecc; } }
  footer .footer-right .nav-extra-mobile-nav {
    border-top-color: white; }
  footer .footer-right .footer-right-copy p, footer .footer-right .footer-right-copy .article h2, .article footer .footer-right .footer-right-copy h2, footer .footer-right .footer-right-copy .article h3, .article footer .footer-right .footer-right-copy h3, footer .footer-right .footer-right-copy .article h4, .article footer .footer-right .footer-right-copy h4, footer .footer-right .footer-right-copy .story-body h2, .story-body footer .footer-right .footer-right-copy h2, footer .footer-right .footer-right-copy .story-body h3, .story-body footer .footer-right .footer-right-copy h3, footer .footer-right .footer-right-copy .story-body h4, .story-body footer .footer-right .footer-right-copy h4, footer .footer-right .footer-right-copy .typography h2, .typography footer .footer-right .footer-right-copy h2, footer .footer-right .footer-right-copy .typography h3, .typography footer .footer-right .footer-right-copy h3, footer .footer-right .footer-right-copy .typography h4, .typography footer .footer-right .footer-right-copy h4 {
    font-size: 14px;
    margin-bottom: 20px; }

.page {
  padding: 10px 0 12px; }
  @media screen and (min-width: 1220px) {
    .page {
      padding: 40px 0 20px; } }
  .page.page-main {
    padding: 20px 0; }
  .page.page-category {
    padding: 10px 0 12px; }
    @media screen and (min-width: 1220px) {
      .page.page-category {
        padding: 10px 0 20px; } }
  .page.page-story {
    padding: 0 0 12px 0; }
    @media screen and (min-width: 1220px) {
      .page.page-story {
        padding: 20px 0 0; } }
  @media screen and (min-width: 1220px) {
    .page.page-news {
      padding-bottom: 0; } }
  .page.bg-white {
    background-color: white;
    margin-top: 20px; }

@media screen and (min-width: 1220px) {
  .row {
    margin: 0 -5px; } }

.down-15 {
  margin-bottom: 15px; }

.no-clearfix:after {
  display: none !important; }
.no-clearfix:before {
  display: none !important; }

/*Modules*/
.module-header-area, .module-meta {
  text-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5);
  color: #e8e8e8; }
  .module-header-area a, .module-meta a {
    color: #e8e8e8; }
    .module-header-area a:hover, .module-meta a:hover {
      color: #a82a59; }

.module-meta .icon-calendar {
  margin-right: 3px; }
.module-meta .icon-label {
  margin-right: 2px; }

.module-overlay {
  background-color: black;
  opacity: 0.3;
  transition: all 0.4s ease-in-out; }

a:hover .module-overlay {
  opacity: 0.2; }

.module-date, .module-third .module-meta .module-category, .module-full-extra .module-meta .module-category, .module-half .module-meta .module-category, .module-item .module-meta .module-category, .module-full .module-meta .module-category, .module-full-image .module-meta .module-category, .module-fourth .module-meta .module-category, .module-fourth-photo .module-meta .module-category, .module-half-left .module-meta .module-category, .module-half-right .module-meta .module-category, .module-category {
  margin-right: 5px; }

.module-block {
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.bg-white .module-block {
  box-shadow: none; }

.module-scale {
  width: 100%;
  height: auto; }

@media screen and (min-width: 1220px) {
  .module-col-4 {
    float: left;
    padding: 0;
    width: 25%; } }

@media screen and (min-width: 1220px) {
  .module-col-3 {
    float: left;
    padding: 0 5px 0;
    width: 33.3%; } }

.module-third {
  color: white;
  margin-bottom: 10px; }
  @media screen and (min-width: 1220px) {
    .module-third .module-block {
      height: 240px; } }
  .module-third .module-image {
    width: 102%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%); }
  .module-third .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-third .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-third .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-third .module-meta {
        font-size: 12px;
        padding: 10px 10px 0; } }
    .module-third .module-meta a {
      color: #e8e8e8; }
    .module-third .module-meta .module-geo {
      float: right; }
    .module-third .module-meta .module-date, .module-third .module-meta .module-category {
      display: inline-block; }
  .module-third .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 10px; }
    .module-third .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-third .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px;
          text-align: left; } }
      @media screen and (min-width: 1220px) {
        .module-third .module-header-area .module-header-area-title {
          font: bold 20px/25px Fira;
          margin-bottom: 10px; } }
    .module-third .module-header-area .module-header-area-desc {
      font: italic 14px/18px Fira;
      color: white; }
      @media screen and (min-width: 620px) {
        .module-third .module-header-area .module-header-area-desc {
          font: italic 20px/24px Fira; } }
      @media screen and (min-width: 1220px) {
        .module-third .module-header-area .module-header-area-desc {
          font: italic 16px/21px Fira; } }

.module-full-extra {
  color: white; }
  .module-full-extra .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%); }
  .module-full-extra .module-block {
    background-color: white; }
    .module-full-extra .module-block > a {
      overflow: hidden;
      display: block;
      position: relative; }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-block > a {
          position: absolute;
          height: 100%;
          width: 100%; } }
  .module-full-extra .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-full-extra .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-full-extra .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-full-extra .module-meta {
        font-size: 14px;
        padding: 0 0 20px 20px;
        top: auto;
        bottom: 0;
        left: 0; } }
    .module-full-extra .module-meta a {
      color: #e8e8e8; }
    .module-full-extra .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-meta .module-geo {
          float: none;
          display: inline-block; } }
    .module-full-extra .module-meta .module-date, .module-full-extra .module-meta .module-category {
      display: inline-block; }
  .module-full-extra .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    top: 33%;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-full-extra .module-header-area {
        top: auto;
        bottom: 50px;
        left: 20px;
        right: 460px;
        padding: 0;
        text-align: left; } }
    .module-full-extra .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-full-extra .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-header-area .module-header-area-title {
          font: bold 30px/35px Fira;
          margin-bottom: 5px; } }
    .module-full-extra .module-header-area .module-header-area-desc {
      font: italic 14px/18px Fira;
      color: white; }
      @media screen and (min-width: 620px) {
        .module-full-extra .module-header-area .module-header-area-desc {
          font: italic 20px/24px Fira; } }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-header-area .module-header-area-desc {
          font: italic 22px/28px Fira; } }
  .module-full-extra .module-extra {
    padding: 15px 10px;
    color: black;
    font: italic 12px/15px Fira;
    position: relative; }
    @media screen and (min-width: 620px) {
      .module-full-extra .module-extra {
        padding: 20px 30px;
        font: italic 16px/22px Fira; } }
    @media screen and (min-width: 1220px) {
      .module-full-extra .module-extra {
        text-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5);
        font: italic 18px/24px Fira;
        margin-left: 65%;
        color: white;
        padding: 20px;
        min-height: 270px; } }
    .module-full-extra .module-extra a {
      color: black; }
      .module-full-extra .module-extra a:hover {
        color: #a82a59; }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-extra a {
          color: white; }
          .module-full-extra .module-extra a:hover {
            color: white; } }
    .module-full-extra .module-extra ul li {
      padding-left: 15px;
      margin-bottom: 15px;
      position: relative; }
      @media screen and (min-width: 620px) {
        .module-full-extra .module-extra ul li {
          padding-left: 20px; } }
      @media screen and (min-width: 1220px) {
        .module-full-extra .module-extra ul li {
          margin-bottom: 25px; } }
      .module-full-extra .module-extra ul li:last-child {
        margin-bottom: 0; }
      .module-full-extra .module-extra ul li:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 4px;
        width: 7px;
        height: 7px;
        border-radius: 4px;
        background-color: #878787; }
        @media screen and (min-width: 620px) {
          .module-full-extra .module-extra ul li:before {
            top: 7px;
            width: 10px;
            height: 10px;
            border-radius: 5px; } }
        @media screen and (min-width: 1220px) {
          .module-full-extra .module-extra ul li:before {
            background-color: white;
            top: 7px;
            width: 13px;
            height: 13px;
            border-radius: 7px; } }
      .module-full-extra .module-extra ul li span {
        font: bold 13px/15px Fira;
        display: block; }
        @media screen and (min-width: 620px) {
          .module-full-extra .module-extra ul li span {
            font: bold 18px/22px Fira; } }
        @media screen and (min-width: 1220px) {
          .module-full-extra .module-extra ul li span {
            font: bold 20px/26px Fira; } }

.module-adw .module-block {
  border: none; }
.module-adw a {
  display: block; }
.module-adw img {
  display: block;
  width: 100%;
  height: auto; }

.module-half {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-half .module-block {
      height: 410px; } }
  .module-half .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1220px) {
      .module-half .module-image {
        width: auto;
        height: 410px; } }
  .module-half .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-half .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-half .module-meta {
        font-size: 13px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-half .module-meta {
        font-size: 13px;
        padding: 10px 10px 20px;
        top: auto;
        bottom: 0;
        text-align: left; } }
    .module-half .module-meta a {
      color: #e8e8e8; }
    .module-half .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-half .module-meta .module-geo {
          float: none;
          display: inline-block; } }
    .module-half .module-meta .module-date, .module-half .module-meta .module-category {
      display: inline-block; }
  .module-half .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    width: 100%; }
    @media screen and (min-width: 1220px) {
      .module-half .module-header-area {
        bottom: 50px;
        margin-top: 5px;
        text-align: left; } }
    .module-half .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-half .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-half .module-header-area .module-header-area-title {
          font: bold 27px/34px Fira;
          margin-bottom: 10px; } }
    .module-half .module-header-area .module-header-area-desc {
      font: italic 14px/18px Fira;
      color: white; }
      @media screen and (min-width: 620px) {
        .module-half .module-header-area .module-header-area-desc {
          font: italic 20px/24px Fira; } }
      @media screen and (min-width: 1220px) {
        .module-half .module-header-area .module-header-area-desc {
          font: italic 24px/30px Fira;
          margin-bottom: 10px; } }

.module-item {
  color: #878787; }
  .module-item .module-block {
    background-color: white;
    padding: 35px 0 20px;
    border: none; }
    @media screen and (min-width: 620px) {
      .module-item .module-block {
        padding: 50px 20px 20px; } }
    @media screen and (min-width: 1220px) {
      .module-item .module-block {
        padding: 35px 0 45px; } }
  @media screen and (min-width: 1220px) {
    .module-item .module-block {
      height: 200px; } }
  .module-item .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    color: #878787;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 10px 0;
    text-shadow: none; }
    @media screen and (min-width: 620px) {
      .module-item .module-meta {
        font-size: 15px;
        padding: 15px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-item .module-meta {
        font-size: 13px;
        padding: 10px 20px 15px;
        top: auto;
        bottom: 0; } }
    .module-item .module-meta a {
      color: #878787; }
    .module-item .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-item .module-meta .module-geo {
          position: absolute;
          top: -142px;
          left: 20px;
          float: none; } }
    .module-item .module-meta .module-date, .module-item .module-meta .module-category {
      display: inline-block; }
  .module-item .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: left;
    padding: 0 10px;
    text-shadow: none;
    transition: all 0.4s ease-in-out; }
    @media screen and (min-width: 1220px) {
      .module-item .module-header-area {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 50px 20px 0; } }
    .module-item .module-header-area .module-header-area-title {
      font: bold 16px/21px Fira;
      color: black;
      transition: all 0.4s ease-in-out; }
      @media screen and (min-width: 620px) {
        .module-item .module-header-area .module-header-area-title {
          font: bold 20px/27px Fira; } }
      @media screen and (min-width: 1220px) {
        .module-item .module-header-area .module-header-area-title {
          font: bold 20px/25px Fira;
          text-align: left; } }

.module-full {
  color: #878787; }
  .module-full .module-block {
    background-color: white;
    padding: 35px 0 20px;
    border: none; }
    @media screen and (min-width: 620px) {
      .module-full .module-block {
        padding-top: 45px; } }
    @media screen and (min-width: 1220px) {
      .module-full .module-block {
        padding: 0; } }
  .module-full .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    color: #878787;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0;
    text-shadow: none; }
    @media screen and (min-width: 620px) {
      .module-full .module-meta {
        font-size: 13px;
        padding: 15px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-full .module-meta {
        font-size: 13px;
        padding: 10px 10px 20px;
        top: auto;
        bottom: 0;
        text-align: center; } }
    .module-full .module-meta a {
      color: #878787; }
    .module-full .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-full .module-meta .module-geo {
          float: none;
          display: inline-block; } }
    .module-full .module-meta .module-date, .module-full .module-meta .module-category {
      display: inline-block; }
  .module-full .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    padding: 0 10px;
    text-shadow: none;
    transition: all 0.4s ease-in-out; }
    @media screen and (min-width: 1220px) {
      .module-full .module-header-area {
        padding: 60px 70px 65px; } }
    .module-full .module-header-area .module-header-area-title {
      font: bold 16px/21px Fira;
      color: black;
      transition: all 0.4s ease-in-out;
      text-align: left; }
      @media screen and (min-width: 620px) {
        .module-full .module-header-area .module-header-area-title {
          font: bold 20px/27px Fira;
          padding: 0 20px; } }
      @media screen and (min-width: 1220px) {
        .module-full .module-header-area .module-header-area-title {
          font: bold 34px/43px Fira;
          text-align: center;
          padding: 0; } }

.module-full-image {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-full-image .module-scale {
      display: none; } }
  .module-full-image .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%); }
  .module-full-image .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-full-image .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-full-image .module-meta {
        font-size: 13px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-full-image .module-meta {
        font-size: 13px;
        padding: 10px 10px 35px;
        top: auto;
        bottom: 0;
        text-align: center; } }
    .module-full-image .module-meta a {
      color: #e8e8e8; }
    .module-full-image .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-full-image .module-meta .module-geo {
          float: none;
          display: inline-block; } }
    .module-full-image .module-meta .module-date, .module-full-image .module-meta .module-category {
      display: inline-block; }
  .module-full-image .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    top: 33%;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-full-image .module-header-area {
        position: relative;
        padding: 50px 70px 60px; } }
    .module-full-image .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-full-image .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-full-image .module-header-area .module-header-area-title {
          font: bold 34px/43px Fira;
          margin-bottom: 25px; } }

.module-full-news {
  margin-bottom: 0 !important; }
  @media screen and (min-width: 1220px) {
    .module-full-news {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      background-color: white;
      position: relative;
      margin-bottom: 10px !important; }
      .module-full-news .module-full-news-row {
        padding-top: 15px;
        padding-bottom: 15px; } }
  @media screen and (min-width: 1220px) and (min-width: 1220px) {
    .module-full-news .module-col-4 .module-item {
      margin-bottom: 0; } }
  @media screen and (min-width: 1220px) {
      .module-full-news .module-col-4 .module-block {
        background-color: transparent;
        border: none;
        position: relative;
        overflow: visible;
        height: 170px;
        box-shadow: none; }
        .module-full-news .module-col-4 .module-block:after {
          content: " ";
          display: block;
          position: absolute;
          background-color: #e8e8e8;
          height: 170px;
          width: 1px;
          right: 0;
          top: 0; }
      .module-full-news .module-col-4:nth-child(4) .module-block:after {
        display: none; }
      .module-full-news .module-header-area {
        padding-top: 35px; }
      .module-full-news .module-meta {
        padding-bottom: 0; }
        .module-full-news .module-meta .module-geo {
          top: -139px; }
      .module-full-news a:hover .module-header-area {
        background-color: transparent; } }

.module-fourth {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-fourth .module-block {
      height: 410px;
      background-color: white;
      border: none; }
      .module-fourth .module-block .module-image-wrap {
        display: block;
        height: 205px;
        position: relative;
        overflow: hidden;
        border: 1px solid #e8e8e8; } }
  .module-fourth .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1220px) {
      .module-fourth .module-image {
        width: auto;
        height: 100%; } }
  .module-fourth .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-fourth .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-fourth .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-fourth .module-meta {
        top: 155px;
        font-size: 13px;
        padding: 15px 15px 0; } }
    .module-fourth .module-meta a {
      color: #e8e8e8; }
    .module-fourth .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-fourth .module-meta .module-geo {
          position: absolute;
          top: -140px;
          left: 15px;
          float: none; } }
    .module-fourth .module-meta .module-date, .module-fourth .module-meta .module-category {
      display: inline-block; }
  .module-fourth .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    bottom: 10px;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-fourth .module-header-area {
        position: static;
        height: 205px;
        background-color: white;
        text-shadow: none; } }
    .module-fourth .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-fourth .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-fourth .module-header-area .module-header-area-title {
          font: bold 21px/29px Fira;
          padding: 30px 5px 0;
          text-align: left;
          color: black;
          margin-bottom: 0;
          transition: all 0.4s; } }

.module-fourth-photo {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-fourth-photo .module-block {
      height: 410px;
      background-color: white; } }
  .module-fourth-photo .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1220px) {
      .module-fourth-photo .module-image {
        width: auto;
        height: 100%; } }
  .module-fourth-photo .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-fourth-photo .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-fourth-photo .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-fourth-photo .module-meta {
        top: auto;
        bottom: 0;
        font-size: 13px;
        padding: 15px;
        text-align: center; } }
    .module-fourth-photo .module-meta a {
      color: #e8e8e8; }
    .module-fourth-photo .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-fourth-photo .module-meta .module-geo {
          position: absolute;
          top: -345px;
          left: 15px;
          float: none; } }
    .module-fourth-photo .module-meta .module-date, .module-fourth-photo .module-meta .module-category {
      display: inline-block; }
  .module-fourth-photo .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    top: 33%;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-fourth-photo .module-header-area {
        padding: 0;
        margin: 0;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%); } }
    .module-fourth-photo .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-fourth-photo .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-fourth-photo .module-header-area .module-header-area-title {
          font: bold 23px/30px Fira;
          padding: 0 20px 0;
          margin-bottom: 0; } }

.module-half-left {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-half-left .module-block {
      height: 200px;
      background-color: white;
      border: none; }
      .module-half-left .module-block .module-image-wrap {
        display: block;
        float: left;
        height: 200px;
        width: 293px;
        position: relative;
        overflow: hidden;
        border: 1px solid #e8e8e8; } }
  .module-half-left .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1220px) {
      .module-half-left .module-image {
        width: auto;
        height: 100%; } }
  .module-half-left .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-half-left .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-half-left .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-half-left .module-meta {
        top: auto;
        left: 50%;
        bottom: 0;
        font-size: 13px;
        padding: 10px 16px 15px;
        color: #878787;
        text-shadow: none; } }
    .module-half-left .module-meta a {
      color: #e8e8e8; }
      @media screen and (min-width: 1220px) {
        .module-half-left .module-meta a {
          color: #878787; } }
    .module-half-left .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-half-left .module-meta .module-geo {
          position: absolute;
          top: -140px;
          left: 16px;
          float: none; } }
    .module-half-left .module-meta .module-date, .module-half-left .module-meta .module-category {
      display: inline-block; }
  .module-half-left .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    top: 33%;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-half-left .module-header-area {
        top: 50px;
        left: 50%;
        width: 50%;
        background-color: white;
        text-shadow: none;
        padding: 0 16px; } }
    .module-half-left .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-half-left .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-half-left .module-header-area .module-header-area-title {
          font: bold 20px/25px Fira;
          padding: 0;
          text-align: left;
          color: black;
          margin-bottom: 0;
          transition: all 0.4s; } }

.module-half-right {
  color: white; }
  @media screen and (min-width: 1220px) {
    .module-half-right .module-block {
      height: 200px;
      background-color: white;
      border: none; }
      .module-half-right .module-block .module-image-wrap {
        display: block;
        float: none;
        height: 200px;
        width: 293px;
        position: absolute;
        right: 0;
        overflow: hidden;
        border: 1px solid #e8e8e8; } }
  .module-half-right .module-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s;
    transform: translate(-50%, -50%); }
    @media screen and (min-width: 1220px) {
      .module-half-right .module-image {
        width: auto;
        height: 100%; } }
  .module-half-right .module-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .module-half-right .module-meta {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    font-size: 11px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 10px 0; }
    @media screen and (min-width: 620px) {
      .module-half-right .module-meta {
        font-size: 15px;
        padding: 20px 30px 0; } }
    @media screen and (min-width: 1220px) {
      .module-half-right .module-meta {
        top: auto;
        left: 0;
        bottom: 0;
        font-size: 13px;
        padding: 10px 10px 15px 19px;
        color: #878787;
        text-shadow: none; } }
    .module-half-right .module-meta a {
      color: #e8e8e8; }
      @media screen and (min-width: 1220px) {
        .module-half-right .module-meta a {
          color: #878787; } }
    .module-half-right .module-meta .module-geo {
      float: right; }
      @media screen and (min-width: 1220px) {
        .module-half-right .module-meta .module-geo {
          position: absolute;
          top: -140px;
          left: 19px;
          float: none; } }
    .module-half-right .module-meta .module-date, .module-half-right .module-meta .module-category {
      display: inline-block; }
  .module-half-right .module-header-area {
    font-family: 'Fira', sans-serif;
    text-align: center;
    position: absolute;
    top: 33%;
    padding: 0 10px; }
    @media screen and (min-width: 1220px) {
      .module-half-right .module-header-area {
        top: 50px;
        left: 5px;
        width: 50%;
        text-shadow: none;
        padding: 0 18px 0 14px; } }
    .module-half-right .module-header-area .module-header-area-title {
      font: bold 17px/21px Fira;
      color: white;
      margin-bottom: 10px; }
      @media screen and (min-width: 620px) {
        .module-half-right .module-header-area .module-header-area-title {
          font: bold 24px/30px Fira;
          margin-bottom: 25px; } }
      @media screen and (min-width: 1220px) {
        .module-half-right .module-header-area .module-header-area-title {
          font: bold 20px/25px Fira;
          padding: 0;
          text-align: left;
          color: black;
          margin-bottom: 0;
          transition: all 0.4s; } }

.category {
  padding-left: 10px; }
  @media screen and (min-width: 1220px) {
    .category {
      padding: 0; } }
  .category .category-title {
    margin-bottom: 13px; }
    .category .category-title h1 {
      font: 30px/36px Arkhip;
      color: white;
      text-transform: lowercase; }
      @media screen and (min-width: 1220px) {
        .category .category-title h1 {
          font: 40px/48px Arkhip; } }
    .category .category-title h2, .category .category-title .article h3, .article .category .category-title h3, .category .category-title .article h4, .article .category .category-title h4, .category .category-title .story-body h3, .story-body .category .category-title h3, .category .category-title .story-body h4, .story-body .category .category-title h4, .category .category-title .typography h3, .typography .category .category-title h3, .category .category-title .typography h4, .typography .category .category-title h4 {
      font: bold 18px/23px Fira;
      color: white;
      text-transform: uppercase; }
      @media screen and (min-width: 1220px) {
        .category .category-title h2, .category .category-title .article h3, .article .category .category-title h3, .category .category-title .article h4, .article .category .category-title h4, .category .category-title .story-body h3, .story-body .category .category-title h3, .category .category-title .story-body h4, .story-body .category .category-title h4, .category .category-title .typography h3, .typography .category .category-title h3, .category .category-title .typography h4, .typography .category .category-title h4 {
          font: bold 20px/26px Fira;
          margin-bottom: 5px;
          padding-left: 30px; } }
    @media screen and (min-width: 1220px) {
      .category .category-title {
        display: inline-block;
        margin-right: 100px; } }
  .category .category-sub {
    margin-bottom: 15px; }
    @media screen and (min-width: 1220px) {
      .category .category-sub {
        display: inline-block; } }
    .category .category-sub ul {
      text-transform: uppercase;
      color: white; }
      .category .category-sub ul li {
        display: inline-block;
        text-wrap: none; }
        .category .category-sub ul li:after {
          content: "|";
          display: inline-block;
          margin-right: 13px; }
        .category .category-sub ul li a {
          margin-right: 13px;
          color: white; }
          .category .category-sub ul li a:hover {
            color: #f5cecc; }
        .category .category-sub ul li:last-child {
          margin-right: 0; }
          .category .category-sub ul li:last-child:after {
            display: none; }

.articles-list {
  max-width: 810px;
  margin: 0 auto; }
  .articles-list .article-shot {
    position: relative;
    color: #878787;
    background-color: white;
    margin-bottom: 10px; }
    .articles-list .article-shot > a {
      display: block;
      border-left: 10px solid #f5cecc; }
      @media screen and (min-width: 1220px) {
        .articles-list .article-shot > a {
          border-left-width: 30px; } }
      .articles-list .article-shot > a h2, .articles-list .article-shot > a .article h3, .article .articles-list .article-shot > a h3, .articles-list .article-shot > a .article h4, .article .articles-list .article-shot > a h4, .articles-list .article-shot > a .story-body h3, .story-body .articles-list .article-shot > a h3, .articles-list .article-shot > a .story-body h4, .story-body .articles-list .article-shot > a h4, .articles-list .article-shot > a .typography h3, .typography .articles-list .article-shot > a h3, .articles-list .article-shot > a .typography h4, .typography .articles-list .article-shot > a h4 {
        padding: 30px 10px;
        font: bold 16px/20px Fira;
        color: black; }
        @media screen and (min-width: 1220px) {
          .articles-list .article-shot > a h2, .articles-list .article-shot > a .article h3, .article .articles-list .article-shot > a h3, .articles-list .article-shot > a .article h4, .article .articles-list .article-shot > a h4, .articles-list .article-shot > a .story-body h3, .story-body .articles-list .article-shot > a h3, .articles-list .article-shot > a .story-body h4, .story-body .articles-list .article-shot > a h4, .articles-list .article-shot > a .typography h3, .typography .articles-list .article-shot > a h3, .articles-list .article-shot > a .typography h4, .typography .articles-list .article-shot > a h4 {
            padding: 30px 20px 50px 20px;
            font: bold 20px/26px Fira; } }
    .articles-list .article-shot .article-meta {
      font: italic 11px/11px Fira; }
      @media screen and (min-width: 1220px) {
        .articles-list .article-shot .article-meta {
          position: absolute;
          bottom: 20px;
          left: 50px;
          font: italic 13px/13px Fira; } }
      .articles-list .article-shot .article-meta .article-meta-group {
        position: absolute;
        bottom: 10px;
        left: 20px; }
        @media screen and (min-width: 1220px) {
          .articles-list .article-shot .article-meta .article-meta-group {
            position: static;
            display: inline-block; } }
      .articles-list .article-shot .article-meta .article-date {
        display: inline-block;
        margin-right: 10px; }
      .articles-list .article-shot .article-meta .article-category {
        display: inline-block; }
        @media screen and (min-width: 1220px) {
          .articles-list .article-shot .article-meta .article-category {
            margin-right: 10px; } }
      .articles-list .article-shot .article-meta .article-geo {
        display: block;
        position: absolute;
        top: 10px;
        left: 20px; }
        @media screen and (min-width: 1220px) {
          .articles-list .article-shot .article-meta .article-geo {
            position: static;
            display: inline-block; } }
      .articles-list .article-shot .article-meta a {
        color: #878787; }
        .articles-list .article-shot .article-meta a:hover {
          color: #878787; }
      .articles-list .article-shot .article-meta .icon-calendar {
        margin-right: 2px; }
      .articles-list .article-shot .article-meta .icon-label {
        margin-right: 2px; }
    .articles-list .article-shot.news h2, .articles-list .article-shot.news .article h3, .article .articles-list .article-shot.news h3, .articles-list .article-shot.news .article h4, .article .articles-list .article-shot.news h4, .articles-list .article-shot.news .story-body h3, .story-body .articles-list .article-shot.news h3, .articles-list .article-shot.news .story-body h4, .story-body .articles-list .article-shot.news h4, .articles-list .article-shot.news .typography h3, .typography .articles-list .article-shot.news h3, .articles-list .article-shot.news .typography h4, .typography .articles-list .article-shot.news h4 {
      font-family: "FiraR", sans-serif;
      font-weight: normal; }
    .articles-list .article-shot.news a {
      border-left-color: white; }

.search {
  display: table;
  width: 100%;
  max-width: 810px;
  margin: 0 auto 40px; }
  .search .search-row {
    display: table-row; }
  .search .search-col {
    display: table-cell;
    border: 2px solid white;
    vertical-align: top; }
  .search .search-input {
    width: 100%;
    padding: 0 10px 0 18px;
    height: 50px;
    border-right: none; }
    @media screen and (min-width: 1220px) {
      .search .search-input {
        padding: 0 10px 0 28px; } }
    .search .search-input input {
      display: block;
      width: 100%;
      height: 50px;
      border: none;
      background-color: transparent;
      font: bold 20px/46px Fira;
      color: white;
      text-transform: uppercase; }
      .search .search-input input::placeholder {
        opacity: 0.5;
        color: white; }
      .search .search-input input:focus {
        outline: none; }
        .search .search-input input:focus::placeholder {
          color: transparent; }
  .search .search-go button {
    cursor: pointer;
    width: 60px;
    height: 50px;
    background-color: white;
    border: none;
    font-size: 25px;
    line-height: 50px;
    display: block;
    color: #a82a59;
    transition: all 0.4s;
    padding: 0;
    position: relative; }
    .search .search-go button:hover {
      background-color: #a82a59;
      color: white; }
    .search .search-go button:focus {
      border: none;
      outline: none;
      box-shadow: none; }
    .search .search-go button span {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin-left: 2px; }

.article {
  color: black;
  padding: 20px 10px 0; }
  @media screen and (min-width: 1220px) {
    .article {
      padding: 0 0 0 75px; } }
  .article .article-meta {
    margin-bottom: 25px; }
    @media screen and (min-width: 1220px) {
      .article .article-meta {
        margin-bottom: 35px; } }
    .article .article-meta ul li {
      display: block;
      float: left;
      font: italic 14px/16px Fira; }
      @media screen and (min-width: 1220px) {
        .article .article-meta ul li {
          font: italic 15px/18px Fira; } }
      .article .article-meta ul li:after {
        content: "/";
        color: #878787;
        display: inline-block;
        margin: 0 10px; }
      .article .article-meta ul li:nth-child(3):after {
        display: none; }
      @media screen and (min-width: 1220px) {
        .article .article-meta ul li:nth-child(3):after {
          display: inline-block; } }
      .article .article-meta ul li:last-child:after {
        display: none; }
  .article .article-meta-bottom {
    padding-top: 10px;
    margin-bottom: 30px; }
    .article .article-meta-bottom li {
      margin-bottom: 3px;
      font: italic 14px/16px Fira;
      text-align: right; }
  @media screen and (min-width: 1220px) {
    .article .article-body {
      width: 750px;
      float: left; } }
  @media screen and (min-width: 1220px) {
    .article aside {
      float: right;
      width: 300px; } }
  .article aside#aside {
    padding-bottom: 10px; }
    @media screen and (min-width: 1220px) {
      .article aside#aside {
        padding-bottom: 30px; } }
  .article h1 {
    font: bold 22px/28px Fira;
    margin-bottom: 25px; }
    @media screen and (min-width: 1220px) {
      .article h1 {
        font: bold 30px/36px Fira;
        max-width: 750px;
        margin-bottom: 35px; } }
  .article strong, .article b {
    font-weight: bold; }
  .article i, .article em {
    font-style: italic; }
  .article p, .article h2, .article h3, .article h4 {
    font: 16px/23px Fira;
    margin-bottom: 30px; }
    @media screen and (min-width: 1220px) {
      .article p, .article h2, .article h3, .article h4 {
        font: 18px/25px Fira; } }
    .article p img, .article h2 img, .article h3 img, .article h4 img {
      display: inline;
      max-width: 100%;
      height: auto; }
  .article blockquote p, .article blockquote h2, .article blockquote h3, .article blockquote h4 {
    font-family: 'Fira', sans-serif;
    font-style: italic;
    padding-left: 20px; }
    @media screen and (min-width: 1220px) {
      .article blockquote p, .article blockquote h2, .article blockquote h3, .article blockquote h4 {
        padding-left: 45px; } }
  .article h2, .article h3, .article h4 {
    font: bold 22px/28px Fira; }
    @media screen and (min-width: 1220px) {
      .article h2, .article h3, .article h4 {
        font: bold 26px/32px Fira; } }
  .article h3 {
    font: bold 20px/26px Fira; }
    @media screen and (min-width: 1220px) {
      .article h3 {
        font: bold 22px/28px Fira; } }
  .article h4 {
    font: bold 18px/24px Fira; }
    @media screen and (min-width: 1220px) {
      .article h4 {
        font: bold 20px/26px Fira; } }
  .article h5 {
    margin-bottom: 30px;
    font-size: 14px; }
    @media screen and (min-width: 1220px) {
      .article h5 {
        font-size: 16px; } }
  .article iframe[src*=youtube] {
    width: 100%;
    height: 250px; }
    @media screen and (min-width: 500px) {
      .article iframe[src*=youtube] {
        height: 300px; } }
    @media screen and (min-width: 1220px) {
      .article iframe[src*=youtube] {
        height: 425px; } }
  .article .wp-caption {
    position: relative; }
    @media screen and (min-width: 1220px) {
      .article .wp-caption {
        width: 750px; } }
@media screen and (min-width: 600px) and (min-width: 1220px) {
  .article .wp-caption.size-large {
    width: 1200px;
    margin: 0 auto; } }

    .article .wp-caption img {
      width: 100%;
      height: auto;
      display: block; }
    .article .wp-caption .wp-caption-text {
      position: relative;
      font: italic 14px/18px Fira;
      padding: 10px 30px 0 25px;
      margin-bottom: 30px; }
      @media screen and (min-width: 1220px) {
        .article .wp-caption .wp-caption-text {
          font: italic 16px/24px Fira;
          padding: 15px 0 0 35px; } }
      .article .wp-caption .wp-caption-text:before {
        content: " ";
        display: block;
        width: 15px;
        height: 2px;
        position: absolute;
        left: 5px;
        top: 18px;
        background-color: #a82a59; }
        @media screen and (min-width: 1220px) {
          .article .wp-caption .wp-caption-text:before {
            width: 25px;
            left: 0;
            top: 25px; } }
    .article .wp-caption.size-large .wp-caption-text {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, transparent);
      color: white;
      padding: 12px 5px 12px 25px;
      margin-bottom: 0; }
      @media screen and (min-width: 1220px) {
        .article .wp-caption.size-large .wp-caption-text {
          padding: 30px 50px 30px 90px;
          font-size: 18px; } }
      .article .wp-caption.size-large .wp-caption-text:before {
        top: 21px; }
        @media screen and (min-width: 1220px) {
          .article .wp-caption.size-large .wp-caption-text:before {
            left: 50px;
            top: 41px; } }
  .article .insert {
    border-top: 2px solid #a82a59;
    border-bottom: 2px solid #a82a59;
    margin: 0 0 30px;
    padding: 25px 0;
    text-align: center;
    font: bold 16px/23px Fira; }
    @media screen and (min-width: 1220px) {
      .article .insert {
        float: left;
        text-align: left;
        padding: 0 20px 0 0;
        margin: 0 45px 30px -70px;
        width: 320px;
        border: none;
        border-right: 2px solid #a82a59;
        font-size: 18px; } }
    .article .insert .insert-head {
      color: #a82a59;
      margin-bottom: 20px; }
    .article .insert .insert-body a {
      color: black;
      border: none; }
      .article .insert .insert-body a:hover {
        color: #a82a59; }
  .article .information {
    margin-bottom: 30px; }
    .article .information p, .article .information h2, .article .information h3, .article .information h4 {
      padding: 25px 10px;
      margin: 0;
      background-color: #f5cecc;
      font: bold 16px/23px Fira; }
      @media screen and (min-width: 1220px) {
        .article .information p, .article .information h2, .article .information h3, .article .information h4 {
          width: 750px;
          padding: 25px;
          font: bold 20px/28px Fira; } }
      .article .information p a, .article .information h2 a, .article .information h3 a, .article .information h4 a {
        color: #a82a59;
        border: none; }
        .article .information p a:hover, .article .information h2 a:hover, .article .information h3 a:hover, .article .information h4 a:hover {
          color: #878787; }
  .article .large-selection {
    border-top: 2px solid #a82a59;
    border-bottom: 2px solid #a82a59;
    margin: 0 0 30px;
    padding: 25px 0; }
    @media screen and (min-width: 1220px) {
      .article .large-selection {
        width: 820px;
        margin-left: -70px; } }
    .article .large-selection p, .article .large-selection h2, .article .large-selection h3, .article .large-selection h4 {
      margin-bottom: 0;
      font-weight: bold; }
      @media screen and (min-width: 1220px) {
        .article .large-selection p, .article .large-selection h2, .article .large-selection h3, .article .large-selection h4 {
          margin-left: 0;
          width: 820px;
          font-size: 21px;
          line-height: 32px; } }

.story .story-header {
  position: relative;
  color: white; }
  @media screen and (min-width: 1220px) {
    .story .story-header {
      margin: 0 auto;
      width: 1200px; } }
  .story .story-header img {
    display: block;
    width: 100%;
    height: auto; }
  .story .story-header .story-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, transparent);
    text-shadow: 1px 3px 10px rgba(0, 0, 0, 0.5); }
    .story .story-header .story-meta a {
      color: white; }
    .story .story-header .story-meta ul {
      padding: 0 10px;
      margin-bottom: 20px; }
      @media screen and (min-width: 1220px) {
        .story .story-header .story-meta ul {
          padding: 0 50px;
          margin-bottom: 30px; } }
      .story .story-header .story-meta ul li {
        display: block;
        float: left;
        font: italic 14px/16px Fira; }
        @media screen and (min-width: 1220px) {
          .story .story-header .story-meta ul li {
            font: italic 15px/18px Fira; } }
        .story .story-header .story-meta ul li:after {
          content: "/";
          color: white;
          display: inline-block;
          margin: 0 10px; }
        .story .story-header .story-meta ul li:nth-child(3):after {
          display: none; }
        @media screen and (min-width: 1220px) {
          .story .story-header .story-meta ul li:nth-child(3):after {
            display: inline-block; } }
        .story .story-header .story-meta ul li:last-child:after {
          display: none; }
    .story .story-header .story-meta h1 {
      font: bold 27px/32px Fira;
      padding: 0 10px; }
      @media screen and (min-width: 1220px) {
        .story .story-header .story-meta h1 {
          font: bold 50px/60px Fira;
          padding: 0 50px;
          margin-bottom: 20px; } }
    .story .story-header .story-meta .story-desc {
      font: italic 18px/25px Fira;
      padding: 0 10px;
      display: none; }
      @media screen and (min-width: 1220px) {
        .story .story-header .story-meta .story-desc {
          font: italic 24px/30px Fira;
          padding: 0 50px;
          display: block;
          margin-bottom: 30px; } }
.story .story-desc-mobile {
  font: bold 18px/24px Fira;
  padding: 15px 0;
  background-color: #a82a59;
  color: white; }
  .story .story-desc-mobile p, .story .story-desc-mobile .article h2, .article .story .story-desc-mobile h2, .story .story-desc-mobile .article h3, .article .story .story-desc-mobile h3, .story .story-desc-mobile .article h4, .article .story .story-desc-mobile h4, .story .story-desc-mobile .story-body h2, .story-body .story .story-desc-mobile h2, .story .story-desc-mobile .story-body h3, .story-body .story .story-desc-mobile h3, .story .story-desc-mobile .story-body h4, .story-body .story .story-desc-mobile h4, .story .story-desc-mobile .typography h2, .typography .story .story-desc-mobile h2, .story .story-desc-mobile .typography h3, .typography .story .story-desc-mobile h3, .story .story-desc-mobile .typography h4, .typography .story .story-desc-mobile h4 {
    padding: 0 10px; }

.story-body {
  padding: 30px 0 10px; }
  @media screen and (min-width: 1220px) {
    .story-body {
      padding: 60px 0 0; } }
  .story-body p, .story-body h2, .story-body h3, .story-body h4 {
    margin: 0 10px 30px; }
    @media screen and (min-width: 1220px) {
      .story-body p, .story-body h2, .story-body h3, .story-body h4 {
        width: 650px;
        margin-left: 170px;
        margin-right: 0px;
        font-size: 18px; } }
    .story-body p img, .story-body h2 img, .story-body h3 img, .story-body h4 img {
      display: inline;
      max-width: 100%;
      height: auto; }
  .story-body strong, .story-body b {
    font-weight: bold; }
  .story-body i, .story-body em {
    font-style: italic; }
  .story-body hr {
    margin: 0 10px 30px; }
    @media screen and (min-width: 1220px) {
      .story-body hr {
        width: 650px;
        margin-left: 170px;
        margin-right: 0px; } }
  .story-body h2, .story-body h3, .story-body h4 {
    font: bold 22px/28px Fira; }
    @media screen and (min-width: 1220px) {
      .story-body h2, .story-body h3, .story-body h4 {
        font: bold 26px/32px Fira; } }
  .story-body h3 {
    font: bold 20px/26px Fira; }
    @media screen and (min-width: 1220px) {
      .story-body h3 {
        font: bold 22px/28px Fira; } }
  .story-body h4 {
    font: bold 18px/24px Fira; }
    @media screen and (min-width: 1220px) {
      .story-body h4 {
        font: bold 20px/26px Fira; } }
  .story-body h5 {
    margin: 0 10px 30px;
    font-size: 14px; }
    @media screen and (min-width: 1220px) {
      .story-body h5 {
        font-size: 16px;
        width: 650px;
        margin-left: 170px;
        margin-right: 0; } }
  .story-body iframe[src*=youtube] {
    width: 100%;
    height: 250px; }
    @media screen and (min-width: 500px) {
      .story-body iframe[src*=youtube] {
        height: 300px; } }
    @media screen and (min-width: 1220px) {
      .story-body iframe[src*=youtube] {
        height: 425px; } }
  .story-body .insert {
    border-top: 2px solid #a82a59;
    border-bottom: 2px solid #a82a59;
    margin: 0 0 30px;
    padding: 25px 0;
    text-align: center;
    font: bold 16px/23px Fira; }
    @media screen and (min-width: 1220px) {
      .story-body .insert {
        float: left;
        text-align: left;
        padding: 0 20px 0 0;
        margin: 0 45px 30px 0;
        width: 320px;
        border: none;
        border-right: 2px solid #a82a59;
        font-size: 18px; } }
    .story-body .insert .insert-head {
      color: #a82a59;
      margin-bottom: 20px; }
    .story-body .insert .insert-body a {
      border: none;
      color: black; }
      .story-body .insert .insert-body a:hover {
        color: #a82a59; }
  .story-body .information {
    margin-bottom: 30px; }
    .story-body .information p, .story-body .information h2, .story-body .information h3, .story-body .information h4 {
      padding: 25px 10px;
      margin: 0;
      background-color: #f5cecc;
      font: bold 16px/23px Fira; }
      @media screen and (min-width: 1220px) {
        .story-body .information p, .story-body .information h2, .story-body .information h3, .story-body .information h4 {
          width: 650px;
          margin-left: 170px;
          padding: 25px;
          font: bold 20px/28px Fira; } }
      .story-body .information p a, .story-body .information h2 a, .story-body .information h3 a, .story-body .information h4 a {
        color: #a82a59;
        border: none; }
        .story-body .information p a:hover, .story-body .information h2 a:hover, .story-body .information h3 a:hover, .story-body .information h4 a:hover {
          color: #878787; }
  .story-body .large-selection {
    border-top: 2px solid #a82a59;
    border-bottom: 2px solid #a82a59;
    margin: 0 0 30px;
    padding: 25px 0; }
    @media screen and (min-width: 1220px) {
      .story-body .large-selection {
        width: 820px; } }
    .story-body .large-selection p, .story-body .large-selection h2, .story-body .large-selection h3, .story-body .large-selection h4 {
      margin-bottom: 0;
      font-weight: bold; }
      @media screen and (min-width: 1220px) {
        .story-body .large-selection p, .story-body .large-selection h2, .story-body .large-selection h3, .story-body .large-selection h4 {
          margin-left: 0;
          width: 820px;
          font-size: 21px;
          line-height: 32px; } }
  .story-body .wp-caption {
    position: relative; }
    @media screen and (min-width: 1220px) {
      .story-body .wp-caption {
        width: 650px;
        margin-left: 170px; } }
@media screen and (min-width: 600px) and (min-width: 1220px) {
  .story-body .wp-caption.size-large {
    width: 1200px;
    margin: 0 auto; } }

    .story-body .wp-caption img {
      width: 100%;
      height: auto;
      display: block; }
    .story-body .wp-caption .wp-caption-text {
      position: relative;
      font: italic 14px/18px Fira;
      padding: 10px 30px 0 25px;
      margin-bottom: 30px; }
      @media screen and (min-width: 1220px) {
        .story-body .wp-caption .wp-caption-text {
          font: italic 16px/24px Fira;
          padding: 15px 0 0 35px; } }
      .story-body .wp-caption .wp-caption-text:before {
        content: " ";
        display: block;
        width: 15px;
        height: 2px;
        position: absolute;
        left: 5px;
        top: 18px;
        background-color: #a82a59; }
        @media screen and (min-width: 1220px) {
          .story-body .wp-caption .wp-caption-text:before {
            width: 25px;
            left: 0;
            top: 25px; } }
      .story-body .wp-caption .wp-caption-text a {
        color: white; }
        .story-body .wp-caption .wp-caption-text a:hover {
          color: #a82a59; }
    .story-body .wp-caption.size-large .wp-caption-text {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, transparent);
      color: white;
      padding: 12px 5px 12px 25px;
      margin-bottom: 0; }
      @media screen and (min-width: 1220px) {
        .story-body .wp-caption.size-large .wp-caption-text {
          padding: 30px 50px 30px 90px;
          font-size: 18px; } }
      .story-body .wp-caption.size-large .wp-caption-text:before {
        top: 21px; }
        @media screen and (min-width: 1220px) {
          .story-body .wp-caption.size-large .wp-caption-text:before {
            left: 50px;
            top: 41px; } }
  .story-body .story-meta-bottom {
    padding-top: 10px;
    margin: 0 5px 30px; }
    .story-body .story-meta-bottom li {
      margin-bottom: 3px;
      font: italic 14px/16px Fira;
      text-align: right; }
  @media screen and (min-width: 1220px) {
    .story-body .comments {
      width: 650px;
      margin-left: 170px; } }
  .story-body .comment-reply-title {
    margin-left: 0; }

.information.nobold p, .information.nobold .article h2, .article .information.nobold h2, .information.nobold .article h3, .article .information.nobold h3, .information.nobold .article h4, .article .information.nobold h4, .information.nobold .story-body h2, .story-body .information.nobold h2, .information.nobold .story-body h3, .story-body .information.nobold h3, .information.nobold .story-body h4, .story-body .information.nobold h4, .information.nobold .typography h2, .typography .information.nobold h2, .information.nobold .typography h3, .typography .information.nobold h3, .information.nobold .typography h4, .typography .information.nobold h4 {
  font-weight: normal !important; }

/* Переделываем ссылки */
.article-body a, .story-body a {
  border-bottom: 1px solid #a82a59;
  color: black; }
  .article-body a:hover, .story-body a:hover {
    color: #a82a59; }

.arttag {
  margin-right: 15px; }
  .arttag:after {
    display: none !important; }
  .arttag a {
    display: inline-block;
    font-style: normal;
    background-color: #a82a59;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 18px;
    height: 18px;
    color: white;
    position: relative;
    top: -2px; }
    @media screen and (min-width: 1220px) {
      .arttag a {
        line-height: 20px;
        height: 22px; } }

.sp-slides-container {
  margin-bottom: 12px; }

.sp-bottom-thumbnails {
  display: none; }
  @media screen and (min-width: 1220px) {
    .sp-bottom-thumbnails {
      display: block; } }

.sp-thumbnail-container {
  border: 2px solid white; }
  .sp-thumbnail-container.sp-selected-thumbnail {
    border: 2px solid #a82a59; }

.aside-story {
  float: right;
  width: 300px;
  position: relative;
  display: none; }
  @media screen and (min-width: 1220px) {
    .aside-story {
      display: block; } }
  .aside-story .advert-item:first-child {
    display: block; }

.tooltip {
  display: inline-block;
  position: relative; }
  .tooltip .tooltip-title {
    display: inline-block;
    padding: 1px 2px;
    background-color: #f5cecc;
    border-radius: 4px;
    cursor: help; }
  .tooltip .tooltip-hint {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 10px;
    transform: translate(-50%);
    width: 200px;
    font-size: 14px;
    line-height: 19px;
    color: #878787;
    background-color: white;
    border: 1px solid #f5cecc;
    border-radius: 4px;
    padding: 20px 10px;
    z-index: 10; }
    @media screen and (min-width: 1220px) {
      .tooltip .tooltip-hint {
        line-height: 21px; } }

.comments-area {
  background-color: #e8e8e8;
  padding: 20px 10px 10px 0;
  font: 300 15px/18px Rubik;
  margin-bottom: 10px; }
  @media screen and (min-width: 1220px) {
    .comments-area {
      margin-bottom: 30px; } }
  .comments-area .comment-meta {
    border: none;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 18px; }
  .comments-area .comment-author {
    float: left;
    margin: 0 10px 10px 0; }
  .comments-area .comment-content {
    font: 300 15px/18px Rubik;
    margin-bottom: 10px; }
  .comments-area .comment-body {
    margin-bottom: 15px; }
  .comments-area .comment-reply-link {
    display: inline-block;
    padding: 2px 5px;
    background-color: #878787;
    border: none;
    border-radius: 4px;
    color: white; }
    .comments-area .comment-reply-link:hover {
      background-color: #a82a59;
      color: #e8e8e8; }
  .comments-area ol, .comments-area ul {
    padding-left: 10px; }
  .comments-area .comment-respond {
    padding: 10px;
    margin-left: 10px;
    border-top: 1px dashed white; }
    .comments-area .comment-respond .comment-reply-title {
      font: bold 15px/18px Fira;
      margin-bottom: 10px;
      padding-left: 10px; }

#cancel-comment-reply-link {
  border: none;
  color: #a82a59; }
  #cancel-comment-reply-link:hover {
    color: #f5cecc; }

.advert-item {
  margin-bottom: 20px; }
  .advert-item a {
    border: none; }
  .advert-item:last-child {
    margin-bottom: 0; }
  .advert-item .advert-body {
    margin-bottom: 2px; }
  .advert-item .advert-footer {
    font: 300 13px/13px Rubik;
    text-align: center;
    color: #878787; }
    .advert-item .advert-footer a {
      color: #878787;
      border: none; }
      .advert-item .advert-footer a:hover {
        color: #a82a59; }
    .advert-item .advert-footer span {
      display: inline-block;
      margin: 0 6px; }

.advert-bottom .advert-item {
  margin-bottom: 10px; }
  @media screen and (min-width: 1220px) {
    .advert-bottom .advert-item {
      margin-bottom: 30px; } }
  .advert-bottom .advert-item a {
    display: block; }
  .advert-bottom .advert-item img {
    width: 100%;
    height: auto;
    display: block; }

.advert-head .advert-item {
  margin-bottom: 10px; }
  @media screen and (min-width: 1220px) {
    .advert-head .advert-item {
      margin-bottom: 30px; } }
  .advert-head .advert-item a {
    display: block; }
  .advert-head .advert-item img {
    width: 100%;
    height: auto;
    display: block; }

.social {
  display: block;
  background-color: #a82a59;
  color: white;
  font: 300 16px/16px Rubik;
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 1220px) {
    .social {
      display: table;
      height: 50px;
      font: 300 18px/18px Rubik;
      margin-bottom: 30px; } }
  @media screen and (min-width: 1220px) {
    .social .social-row {
      display: table-row; } }
  .social .social-col {
    position: relative;
    text-align: center;
    float: none; }
    @media screen and (min-width: 1220px) {
      .social .social-col {
        float: left;
        width: 900px; }
        .social .social-col:last-child {
          width: 300px; } }
    @media screen and (min-width: 1220px) {
      .social .social-col .ya-share2 {
        display: inline-block; } }
    .social .social-col .ya-share2 .ya-share2__item_service_facebook .ya-share2__title {
      color: transparent; }
      .social .social-col .ya-share2 .ya-share2__item_service_facebook .ya-share2__title:before {
        content: "Фейсбук";
        display: inline-block;
        color: #e8e8e8;
        position: absolute; }
    .social .social-col .ya-share2 .ya-share2__item_service_facebook a:hover .ya-share2__title:before {
      color: #a82a59; }
    .social .social-col .social-title {
      padding: 10px 0 0;
      color: #e8e8e8; }
      @media screen and (min-width: 1220px) {
        .social .social-col .social-title {
          display: inline-block;
          padding: 0 20px 0 0;
          line-height: 50px; } }
    .social .social-col ul {
      padding: 10px 0; }
      @media screen and (min-width: 1220px) {
        .social .social-col ul {
          display: inline-block;
          text-align: center;
          height: 50px;
          padding: 10px 10px 0; } }
      .social .social-col ul li {
        text-align: center;
        margin-bottom: 10px; }
        @media screen and (min-width: 1220px) {
          .social .social-col ul li {
            text-align: left;
            margin-bottom: 0;
            display: inline-block;
            height: 50px;
            margin-right: 45px; }
            .social .social-col ul li:last-child {
              margin-right: 0; } }
        .social .social-col ul li .ya-share2__counter {
          position: absolute;
          left: 100%;
          margin-left: 6px; }
        .social .social-col ul li .ya-share2__link {
          display: inline-block;
          position: relative;
          padding: 5px 0;
          width: 134px;
          border: 1px solid #e8e8e8;
          border-radius: 4px;
          color: #e8e8e8;
          margin-right: 5px;
          text-align: center; }
          @media screen and (min-width: 1220px) {
            .social .social-col ul li .ya-share2__link {
              width: 150px; } }
          .social .social-col ul li .ya-share2__link:hover {
            color: #a82a59;
            background-color: #e8e8e8;
            border-color: #e8e8e8; }
            .social .social-col ul li .ya-share2__link:hover .ya-share2__counter {
              color: white; }
    .social .social-col .show-comments {
      display: block;
      height: 50px;
      background-color: #e8e8e8;
      text-align: center;
      line-height: 50px; }
      .social .social-col .show-comments:hover {
        background-color: #f5cecc;
        color: #a82a59; }
      @media screen and (min-width: 1220px) {
        .social .social-col .show-comments {
          width: 300px; } }

.comments {
  display: none; }

.pagination {
  text-align: center;
  margin-bottom: 10px;
  padding-top: 10px;
  color: white; }
  .pagination .btn, .pagination .btn-active {
    color: white;
    border-color: white; }
    .pagination .btn:hover, .pagination .btn-active:hover {
      color: #a82a59;
      background-color: white;
      border-color: white; }

.btn, .btn-active {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #f5cecc;
  border-radius: 4px;
  color: #f5cecc;
  font: 300 15px/17px Rubik;
  cursor: pointer;
  background-color: transparent;
  transition: 0.4s ease 0s; }
  @media screen and (min-width: 1220px) {
    .btn, .btn-active {
      font: 300 18px/24px Rubik; } }
  .btn:hover, .btn-active:hover {
    background-color: #a82a59;
    color: #f5cecc; }

.btn-active {
  color: #a82a59;
  border-color: #a82a59;
  width: 100%; }
  .btn-active:hover {
    color: #e8e8e8; }
  .btn-active:focus {
    outline: none;
    box-shadow: none; }

.input {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  border: 1px solid #878787;
  padding: 5px 10px;
  font: 15px/17px Rubik; }
  .input::placeholder {
    opacity: 0.5;
    color: inherit; }
  .input:focus {
    outline: none; }
    .input:focus::placeholder {
      color: transparent; }

.textarea {
  height: 90px; }

@media screen and (max-width: 1220px) {
  .hide-mobile {
    display: none !important; }

  .vc_column_container {
    width: 100% !important; }

  .fix-pad-l-10 {
    padding-left: 10px; }

  .sp-fade-arrows {
    opacity: 1; } }
@media screen and (min-width: 1220px) {
  .hide-desktop {
    display: none !important; } }
@media screen and (max-width: 450px) {
  .story-header {
    min-height: 290px;
    overflow: hidden; }
    .story-header img {
      height: 290px !important;
      width: auto !important;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); } }
.wpcf7-textarea {
  width: 100%; }

.typography p, .typography h2, .typography h3, .typography h4 {
  margin: 0 0 30px; }
.typography strong, .typography b {
  font-weight: bold; }
.typography i {
  font-style: italic; }
.typography h2, .typography h3, .typography h4 {
  text-transform: uppercase;
  font: bold 22px/28px Fira; }
  @media screen and (min-width: 1220px) {
    .typography h2, .typography h3, .typography h4 {
      font: bold 26px/32px Fira; } }
.typography h3 {
  font: bold 20px/26px Fira; }
  @media screen and (min-width: 1220px) {
    .typography h3 {
      font: bold 22px/28px Fira; } }
.typography h4 {
  font: bold 18px/24px Fira; }
  @media screen and (min-width: 1220px) {
    .typography h4 {
      font: bold 20px/26px Fira; } }

/*fix MacOS*/
.mac-os header .header-row .pos-nav .nav-top ul li.active a::before,
.mac-os header .header-row .pos-nav .nav-top ul li.current-category-ancestor a::before,
.mac-os header .header-row .pos-nav .nav-top ul li.current-post-ancestor a::before {
  top: 3px; }

.mac-os .category {
  padding-top: 5px; }

/* fix футера */
html,
body {
  height: 100%; }

@media screen and (min-width: 1220px) {
  .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .wrapper .page, .wrapper header {
      flex: 1 0 auto; }
    .wrapper > footer {
      flex: 0 0 auto; } }

/* fix для ctrl+enter */
#mistape_dialog .mistape_action {
  background-color: #a82a59 !important; }
#mistape_dialog h2::before, #mistape_dialog .article h3::before, .article #mistape_dialog h3::before, #mistape_dialog .article h4::before, .article #mistape_dialog h4::before, #mistape_dialog .story-body h3::before, .story-body #mistape_dialog h3::before, #mistape_dialog .story-body h4::before, .story-body #mistape_dialog h4::before, #mistape_dialog .typography h3::before, .typography #mistape_dialog h3::before, #mistape_dialog .typography h4::before, .typography #mistape_dialog h4::before {
  background-color: #a82a59 !important; }

#mistape_reported_text:before {
  border-top: solid 2px #a82a59 !important;
  border-left: solid 2px #a82a59 !important; }
#mistape_reported_text:after {
  border-bottom: solid 2px #a82a59 !important;
  border-right: solid 2px #a82a59 !important; }

.juxtapose {
  width: 100% !important;
  height: 260px !important; }
  @media screen and (min-width: 460px) {
    .juxtapose {
      height: 310px !important; } }
  @media screen and (min-width: 600px) {
    .juxtapose {
      height: 400px !important; } }
  @media screen and (min-width: 1220px) {
    .juxtapose {
      height: 500px !important; } }

.error404header {
  text-align: center;
  color: white;
  font: bold 48px/57px Fira; }

.error404text {
  text-align: center;
  color: white;
  font: bold 20px/24px Fira;
  margin-bottom: 45px; }
  .footer-policy {
    margin: 0px 0px 20px 0px;
  }
.footer-policy a {
  color: white; 
}
footer .footer-left .footer-policy a:hover {
  color: #f5cecc; 
}
.comment-form #submit:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  z-index: 19;
  transition: bottom .3s;
  padding: 0px 16px 10px 16px;
}
.cookie__wrap {
  display: none;
  color: #fff;
  background-color: rgb(66 66 66 / 1);
  border-radius: .25rem;
  padding: 16px;
  font-size: 15px;
}
.cookie.cookie_active .cookie__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cookie__close {
  padding: 8px 16px 8px 16px;
  background-color: rgb(33 33 33 / 1);
  cursor: pointer;
  margin: 0px 0px 0px 10px;
}
.cookie__wrap a {
  color: #fff;
  text-decoration: underline;
}
.cookie__wrap a:hover {
  color: #a82a59;
}

.cookie__close:hover {
  padding: 8px 16px 8px 16px;
  background-color: rgb(97 97 97 / 1);
}
@media (max-width: 767px) {
  .comment-form-consent p {
    font-size: 14px;
  }
  .cookie {
    padding: 0px 0px 0px 0px;
  }
  .cookie__wrap {
    flex-direction: column;
    font-size: 12px;

  }
  .cookie__close {
    margin: 10px 0px 0px 0px;
  }
}
/*# sourceMappingURL=style.css.map */