/* Variables */

@font-face {
  font-family: Roboto Slab;
  src: url(../../fonts/RobotoSlab-VariableFont_wght.ttf);
  font-weight: normal;

}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

body {
  min-width: 320px;
  background-color: #dedede;
  padding: 0;
  margin: 0; }

.main-container {
  background-color: #efefef !important;
  position: relative;
  padding: 0;
  max-width: 1080px;
  margin: 0 auto;
  z-index: 99999; }

.padding-content {
  padding: 0; }

#cookiePolicy {
  z-index: 9999999; }

.extraSuperSticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 10px; }

.lifee-more-button {
  background-color: #ffde72;
  color: black;
  font-family: "Roboto Slab", sans-serif;
  font-size: 17px;
  font-weight: 700;
  padding: 0 23px;
  min-width: 232px;
  display: inline-block;
  text-decoration: none;
  height: 46px;
  line-height: 46px;
  background-image: url("../../images/more-btn-arrow.png");
  background-repeat: no-repeat;
  background-position: 192px center;
  text-align: left; }
  .lifee-more-button:hover {
    text-decoration: underline; }

#crosspromo-container {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  position: relative;
  z-index: 999999;
  padding-top: 12px;
  padding-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media screen and (max-width: 980px) {
    #crosspromo-container {
      display: none; } }
  #crosspromo-container ul {
    list-style-type: none;
    margin: 0;
    margin-right: 21%; }
    #crosspromo-container ul li {
      display: inline-block;
      margin-right: 28px; }
      #crosspromo-container ul li:nth-last-of-type() {
        margin-right: 0; }
      #crosspromo-container ul li a {
        color: #8f8f8f;
        font-family: "Roboto Slab", sans-serif;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
        position: relative;
        padding-left: 5px;
        padding-right: 5px; }
        #crosspromo-container ul li a:hover {
          color: #000000; }
          #crosspromo-container ul li a:hover:before {
            top: -13px;
            width: 100%;
            height: 3px;
            background-color: #f7323f;
            position: absolute;
            left: 0;
            content: "";
            display: inline-block; }
      #crosspromo-container ul li.active a {
        color: #000000; }
        #crosspromo-container ul li.active a:before {
          top: -13px;
          width: 100%;
          height: 3px;
          background-color: #f7323f;
          position: absolute;
          left: 0;
          content: "";
          display: inline-block; }

#eomfix-advertisement_lista--extra {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999999;
  margin: 0 auto; }
  #eomfix-advertisement_lista--extra .eomfix-inner-content {
    background: #000000;
    min-height: 90px;
  text-align:center; }
  #eomfix-advertisement_lista--extra .eomfix-close-lista-advert {
    display: block;
    text-align: right; }
    #eomfix-advertisement_lista--extra .eomfix-close-lista-advert .eomfix-close-lista-text {
      display: inline-block;
      text-align: left;
      font-size: 18px;
      line-height: 1.5em;
      background-color: rgba(0, 0, 0, 0.55);
      color: #ffffff;
      padding: 8px 18px;
      cursor: pointer; }
      #eomfix-advertisement_lista-content{
        margin:0 auto;
      }

div.outer {
  width: 1080px; }

div.outer_1 {
  width: 100%;
  text-align: center; }

/* Top Menu */
.top-menu {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;}
  @media only screen and (max-width: 980px) {
    .top-menu {
      display: none;} }
  .top-menu .container {
    display: flex;
    flex-flow: wrap;
    max-width: 1060px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 5px 20px;
    align-items:  center;}
  .top-menu nav {
    font-family: "Roboto Slab", sans-serif;
    display: flex;
    align-items: center;
    margin-left: auto;}
    .top-menu nav ul {
      margin: 0;
      padding: 0;}
      .top-menu nav ul li {
        display: inline-block;
        margin-right: 28px;
        font-size: 16px;
        line-height: 28px;
        position: relative;}
      .top-menu nav ul li:last-of-type {
        margin-right: 0;}
        .top-menu nav ul li a {
          text-decoration: none;
          color: #8f8f8f;
          font-family: "Open Sans";
          font-size: 12px;
          font-weight: 700;
          /* Text style for "Extra.cz" */
          text-transform: uppercase;
          padding-top: 9px;}
          .top-menu nav ul li a:hover {
            color: black;
            border-top: 3px solid #ffde72;
          }

/* Leaderboard */
#leaderboard_wrapper {
  left: -50px  !important;
  background: white;
  padding: 10px 0 0 0; }

div#leaderboard_wrapper_foot {
  margin: 0; }

@media (max-width: 670px) {
  div.outer_1 div.containerFull {
    margin: 0 auto;
    width: auto;
    padding: 0;
    text-align: left; } }

.cc-banner.cc-bottom {
  z-index: 999999999; }

/* Main structure */
header {
  background-color: #ffffff;
  font-family: "Roboto Slab", sans-serif;
  text-align: center; }
  header .container {
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
    padding: 0 30px;
    background-color: #dd4a45;
    align-items:  center;}
  @media only screen and (max-width: 980px) {
    header {
      justify-content: flex-start;
      flex-flow: wrap; }
    header .container {
      padding: 0 16px;}}
  @media only screen and (max-width: 680px) {
    header {
      justify-content: space-between; } }
  header .logo {
    flex: 1 0 183px;
    max-width: 183px;}
    @media only screen and (max-width: 980px) {
      header .logo {
        margin-right: auto;} }
    header .logo a {
      display: block;
      width: 183px;
      height: 76px;
      background-image: url("../../images/logo.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center 18px; }
      @media only screen and (max-width: 980px) {
        header .logo a {
          height: 71px;
          background-position: center 14px;} }
      header .logo a:hover {
        opacity: 0.7; }
  header .search {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: auto;
    margin-right: 31px;}
    @media only screen and (max-width: 980px) {
      header .search {
        margin-right: 28px;
        width: 22px;
        height: 22px;} }
    header .search div {
      color: transparent;
      text-indent: -9999px;
      background-image: url("../../images/search.png");
      background-repeat: no-repeat;
      background-size: cover;
      width: 17px;
      height: 17px;
      display: inline-block;
      cursor: pointer; }
    header .search .search-icon{
      background-image: url("../../images/search.png");
    }
    header .search .search-icon-close{
      display: none;
      background-image: url("../../images/search-close.png");
    }

    header .search .topics {
      display: none;
      color: #ffffff;
      font-family: "Roboto Slab", sans-serif;
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      margin-left: 16px; }
      header .search .topics:hover {
        text-decoration: underline; }
      @media only screen and (max-width: 680px) {
        header .search .topics {
          display: inline-block; } }
  header .search-field {
    display: none;
    position: absolute;
    right: 156px;
    width: 255px;
    background-color: white;}
    header .search-field .search-input {
      display: flex;
      background-color: white;
      justify-content: space-between;
      padding:15px 15px 15px 22px;}
      @media only screen and (max-width: 680px) {
        header .search-field .search-input {
          width: 100%; } }
    header .search-field .search-input-field {
      opacity: 0.7;
      font-family: "Roboto Slab";
      font-size: 16px;
      width: 75%;
      border: none;}
      @media only screen and (max-width: 980px) {
        header .search-field .search-input-field {
          font-size: 18px;
          line-height: 24px; } }
      header .search-field .search-input-field::placeholder {
        color: #878787; }
    header .search-field .search-icon {
      opacity: 0.7;
      background-color: black;
      mask-image: url(../../images/search.svg);
      -webkit-mask-image: url(../../images/search.svg);
      background-repeat: no-repeat;
      width: 17px;
      height: 17px;
      cursor: pointer;
      border: none;
      margin-top: 3px;
    } }
      @media only screen and (max-width: 980px) {
        header .search-field .search-icon {
          height: 20px;
          width: 20px;
          background-image: url("../../images/search-icon-header.png"); } }
      header .search-field .search-icon:hover {
        opacity: 0.8; }
    header .search-field .header-title {
      font-size: 17px;
      font-weight: 700;
      color: #ffffff;
      text-transform: uppercase;
      text-decoration: none; }
    header .search-field .search-themes {
      display: flex;
      flex-direction: column; }
      header .search-field .search-themes li {
        padding: 12px 0; }
  header .search-field .search-title::before {
    content: '';
    display: inline-block;
    background-image: url("../../images/close-search-desktop.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer; }
    @media only screen and (max-width: 980px) {
      header .search-field .search-title::before {
        height: 15px;
        width: 15px;
        background-image: url("../../images/nav-menu-close.png"); } }
  header .social-icons {
    max-width: 68px;
    flex: 1 0 68px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;}
    @media only screen and (max-width: 980px) {
      header .social-icons {
        display: none; } }
    header .social-icons a {
      margin-right: 13px;
      display: inline-block;
      width: 27px;
      flex: 1 0 27px;
      max-width: 27px; }
      header .social-icons a:last-child {
        margin-right: 0; }
      header .social-icons a img {
        vertical-align: middle;
        width: 27px;
        height: auto; }
      header .social-icons a:hover {
        opacity: 0.75; }
  header nav {
    font-family: "Roboto Slab", sans-serif;
    display: flex;
    align-items: center;}
    @media only screen and (max-width: 980px) {
      header nav {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 2px;
        order: 3;
        width: 47px; } }
      @media only screen and (max-width: 980px) {
        header nav ul {
          padding: 0 8px;
          margin: 0 auto 0;
          display: flex;
          flex-flow: wrap;
          justify-content: space-between;
          width: 47px;
          overflow: hidden; } }
      header nav ul li {
        display: inline-block;
        margin-right: 28px;
        font-size: 16px;
        line-height: 28px;
        position: relative; }
        header nav ul li::after {
          content: "";
          display: inline-block;
          position: absolute;
          bottom: -1px;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: transparent;
          z-index: 999; }
        header nav ul li.active::after {
          background-color: white; }
        header nav ul li:hover::after {
          background-color: white; }
        @media only screen and (max-width: 1100px) {
          header nav ul li:nth-child(7), header nav ul li:nth-child(8) {
            display: none; } }
        @media only screen and (max-width: 980px) {
          header nav ul li {
            display: none; }
            header nav ul li:nth-child(6) {
              display: none; } }
        @media only screen and (max-width: 680px) {
          header nav ul li {
            margin-right: auto; } }
        @media only screen and (max-width: 830px) {
          header nav ul li:nth-child(5) {
            display: none; } }
        @media only screen and (max-width: 480px) {
          header nav ul li:nth-child(4) {
            display: none; } }
        header nav ul li:last-child {
          margin-right: 0; }
        header nav ul li.mobile-only {
          display: none; }
          @media only screen and (max-width: 980px) {
            header nav ul li.mobile-only {
              display: inline-block;
              height: 44px; } }
          header nav ul li.mobile-only a {
            position: relative;
            padding-positionright: 0;
            font-size: 8px;
            padding-right: 0;
            color: transparent;
            text-indent: -9999px; }
            @media only screen and (max-width: 980px) {
              header nav ul li.mobile-only a {
                display: inline-block; } }
            header nav ul li.mobile-only a::after {
              content: '';
              background-image: url("../../images/menu-icon.png");
              background-repeat: no-repeat;
              display: inline-block;
              background-repeat: no-repeat;
              background-size: cover;
              width: 18px;
              height: 14px;
              position: absolute;
              right: 0;
              top: -3px; }
              @media only screen and (max-width: 980px) {
                header nav ul li.mobile-only a::after {
                  width: 47px;
                  height: 28px;
                  background-image: url("../../images/mobile-menu.png");
                  background-repeat: no-repeat;
                  background-size: cover;
                  margin-top: 5px;
                  left: 0; } }
        /* More Menu */
        .more-menu:hover::after {
           display: none;}
        .more-menu a {
          position: relative;
          padding-right: 0;
          font-size: 8px;
          color: transparent;
          text-indent: -9999px; }
        .more-menu > a::after {
          content: '';
          background-image: url("../../images/more-menu.png");
          background-repeat: no-repeat;
          width: 18px;
          height: 14px;
          position: absolute;
          left: 0;
          top: -5px; }
        .more-menu.close {
          background-color: white;
          margin-right: 0px;
          position: absolute;
          height: 65px;
          top: 12px;
          left: 770px;
        }
        .more-menu.close a::after{
          background-image: url("../../images/more-menu-close.png");
          width: 15px;
          height: 15px;
          left: 13px;
          top: 8px;
        }
        /* More menu - sub-menu */
      .more-menu .sub-menu {
          display: none;
          position: absolute;
          right: 0px;
          top: 64px;
          background-color: white;
          padding: 24px 30px 30px 30px;
        }
      .more-menu .sub-menu.flexbox {
        display: flex;
        flex-direction: column;
        white-space: nowrap;
      }
      .more-menu .sub-menu li:last-child {
        margin-bottom: 0;
      }
.more-menu .sub-menu li {
  width: 100%;
  text-align: left;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

.more-menu .sub-menu li a {
  color: #4a4b4b;
  font-family: "Roboto Slab";
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
}
.more-menu .sub-menu li:hover a{
  color: #000000;
}
.more-menu .sub-menu li::after{
  width: 100%;
  height: 1px;
  background-color: #000000;
  opacity: 0.1;
}

.more-menu .sub-menu li:hover::after{
  height: 2px;
  background-color: #dd4a45;
  opacity: 1;
}

header nav ul li a {
          color: white;
          text-decoration: none; }
          header nav ul li a:hover {
            text-decoration: none; }

.mobile-menu {
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  color: #000000;
  padding: 10px 16px 14px;
  min-width: 320px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }
  .mobile-menu .top-nav-menu-container {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #dd4a45;
    padding: 0 20px;
    margin: -10px -16px 40px;}
    .mobile-menu .top-nav-menu-container .logo {
      max-width: 183px;
      height: 72px;
      flex: 1 0 37%; }
      .mobile-menu .top-nav-menu-container .logo a {
        width: 183px;
        height: 72px; }
    .mobile-menu .top-nav-menu-container .search {
      margin-right: 38px;}
    .mobile-menu .top-nav-menu-container .close {
      max-width: 37px;
      flex: 1 0 37px;
      order: 2;
      align-self: center; }
      .mobile-menu .top-nav-menu-container .close a img {
        width: 37px;
        height: 37px; }
      .mobile-menu .top-nav-menu-container .close a:hover img {
        opacity: 0.7; }
  .mobile-menu .menu-container {
    width: 100%;
    text-align: left; }
    .mobile-menu .menu-container a {
      color: #000000;
      font-family: "Roboto Slab", sans-serif;
      color: #4a4b4b;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      display: block;
      margin-bottom: 13px;
      text-decoration: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-left: 20px;
      padding-bottom: 7px;
      background-image: url("../../images/menu_arrow.png");
      background-repeat: no-repeat;
      background-size: 8px auto;
      background-position: 94% 50%; }
      .mobile-menu .menu-container a:hover {
        text-decoration: underline; }
      .mobile-menu .menu-container a:last-of-type {
        margin-bottom: 0; }
  .mobile-menu .mobile-menu-footer .social-icons {
    margin: 0;
    margin-top: 67px; }
    @media only screen and (max-width: 980px) {
      .mobile-menu .mobile-menu-footer .social-icons {
        display: flex;
        width: 100%;
        padding: 0;
        max-width: 100%; } }
    .mobile-menu .mobile-menu-footer .social-icons a {
      color: #1d1e1e;
      font-family: "Roboto Slab", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      text-decoration: none;
      display: inline-block;
      flex: 1 0 50%;
      max-width: 50%; }
      @media only screen and (max-width: 370px) {
        .mobile-menu .mobile-menu-footer .social-icons a {
          width: 100%;
          display: block;
          margin-bottom: 28px;
          flex: 1 0 100%;
          max-width: 100%; }
          .mobile-menu .mobile-menu-footer .social-icons a:nth-last-of-type() {
            margin-bottom: 0; } }
      .mobile-menu .mobile-menu-footer .social-icons a:nth-child(1) {
        margin-right: 0; }
      .mobile-menu .mobile-menu-footer .social-icons a img {
        vertical-align: middle;
        margin-right: 8px; }
      .mobile-menu .mobile-menu-footer .social-icons a:hover {
        opacity: 0.8;
        text-decoration: underline; }

#tags {
  padding: 0;
  font-family: "Roboto Slab", sans-serif;
  margin: 18px auto 20px;
  max-width: 1020px; }
  @media only screen and (max-width: 980px) {
    .home #tags {
      margin-left: 16px;
      margin-right: 16px;}}

  #tags.tags-inside-feed {
    border-top: 1px solid #d4d4d4;
    margin-top: 40px;
    margin-bottom: 40px; }
  #tags span {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #878787;
    display: inline-block;
    margin-right: 24px; }
  #tags a {
    color: black;
    background-color: white;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    font-weight: 700; }
    #tags a::first-letter {
      text-transform: capitalize; }
    @media only screen and (max-width: 980px) {
      #tags a {
        margin-bottom: 5px; } }
    #tags a:hover {
      text-decoration: none;
      background-color: #ffde72;}
    #tags a.active {
      text-decoration: none;
      background-color: #ffde72; }

.overlay-container {
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  min-height: 100vh;
  position: fixed;
  display: none;
  font-family: "Roboto Slab", sans-serif;
  top: 0;
  left: 0;
  z-index: 9999999; }
  @media only screen and (max-width: 980px) {
    .overlay-container {
      background-color: #ffffff; } }
  .overlay-container .overlay-topics {
    margin: 2em auto;
    display: flex;
    flex-direction: column;
    padding-left: 0; }
    .overlay-container .overlay-topics li {
      margin: 1.2em 0;
      display: flex;
      align-items: center; }
      .overlay-container .overlay-topics li img {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin-right: 10px; }
    .overlay-container .overlay-topics a {
      font-size: 15px;
      font-weight: 700;
      color: #000000;
      text-transform: uppercase;
      text-decoration: none; }
      .overlay-container .overlay-topics a:hover {
        text-decoration: underline; }
  .overlay-container .overlay-title {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    font-family: "Roboto Slab", serif;
    text-transform: uppercase;
    text-decoration: none; }

.overlay-container .overlay-title::before {
  content: '';
  display: inline-block;
  background-image: url("../../images/nav-menu-close.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer; }

.main-article {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin-top: 48px;
  margin-bottom: 48px;
  margin-left: 30px;
  margin-right: 30px;
  font-family: "roboto Slab", serif; }
  @media only screen and (max-width: 680px) {
    .main-article {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      margin-bottom: 32px;
      flex-flow: wrap; } }
  .main-article .content {
    flex: 1 0 38.7%;
    max-width: 411px; }
    @media only screen and (max-width: 680px) {
      .main-article .content {
        order: 2;
        flex: 1 0 100%;
        margin-right: 0;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px; } }
  .main-article h1 {
    color: #000000;
    font-size: 33px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 0 17px 0;
    font-family: "Roboto Slab", serif; }
    .main-article h1 a {
      color: #000000;
      text-decoration: none; }
      .main-article h1 a:hover {
        text-decoration: underline; }
    @media only screen and (max-width: 680px) {
      .main-article h1 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 0;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px; } }
  .main-article p {
    color: #4a4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    font-family: "Roboto Slab", sans-serif; }
    @media only screen and (max-width: 680px) {
      .main-article p {
        display: none; } }
  .main-article figure {
    max-width: 52.9%;
    flex: 1 0 52.9%;
    margin: 0; }
    @media only screen and (max-width: 1100px) {
      .main-article figure {
        max-width: 51%; } }
    @media only screen and (max-width: 680px) {
      .main-article figure {
        order: 1;
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 16px; } }
    .main-article figure img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 680px) {
        .main-article figure img {
          width: 100%; } }

.articles-feed-inline {
  display: flex;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 58px;
  flex-flow: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 680px) {
    .articles-feed-inline {
      margin-left: 16px;
      margin-right: 16px; } }
  .articles-feed-inline.articles-section-with-title {
    display: block;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin-top: 14px; }
    .articles-feed-inline.articles-section-with-title::after {
      width: 26px;
      height: 50px;
      transform: rotate(-180deg);
      background-color: #00acf2;
      display: inline-block;
      content: "";
      position: absolute;
      border-radius: 25px 0 0 25px;
      top: -10px;
      left: 0; }
    .articles-feed-inline.articles-section-with-title h2 {
      color: #878787;
      font-family: "Roboto Slab", sans-serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 32px;
      text-transform: uppercase;
      margin: 0 0 20px 40px; }
    .articles-feed-inline.articles-section-with-title .articles {
      display: flex;
      margin-left: 30px;
      margin-right: 40px; }
      @media only screen and (max-width: 980px) {
        .articles-feed-inline.articles-section-with-title .articles {
          flex-flow: wrap;
          margin-left: 16px;
          margin-right: 16px; } }
  .articles-feed-inline article, .articles-feed-inline > div {
    flex: 1 0 31.76%;
    max-width: 324px; }
    @media only screen and (max-width: 980px) {
      .articles-feed-inline article, .articles-feed-inline > div {
        flex: 1 0 48%;
        max-width: 48%;
        margin-bottom: 38px;
        margin-right: 4%; }
        .articles-feed-inline article:last-of-type, .articles-feed-inline > div:last-of-type {
          margin-bottom: 0; }
        .articles-feed-inline article:nth-child(2n), .articles-feed-inline > div:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 680px) {
      .articles-feed-inline article, .articles-feed-inline > div {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 32px; }
        .articles-feed-inline article:last-of-type, .articles-feed-inline > div:last-of-type {
          margin-bottom: 0; } }
    .articles-feed-inline article:last-child, .articles-feed-inline > div:last-child {
      margin-right: 0; }
    .articles-feed-inline article .image img, .articles-feed-inline article .thumbnail-image img, .articles-feed-inline article .image-wrapper img, .articles-feed-inline > div .image img, .articles-feed-inline > div .thumbnail-image img, .articles-feed-inline > div .image-wrapper img {
      max-width: 100%;
      width: 100%;
      height: auto; }
    .articles-feed-inline article h1, .articles-feed-inline > div h1 {
      color: #000000;
      font-family: "Roboto Slab", serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 30px;
      text-align: center;
      margin: 29px auto 0; }
      @media only screen and (max-width: 680px) {
        .articles-feed-inline article h1, .articles-feed-inline > div h1 {
          margin-top: 19px; } }
      .articles-feed-inline article h1 a, .articles-feed-inline > div h1 a {
        text-decoration: none;
        color: #000000; }
        .articles-feed-inline article h1 a:hover, .articles-feed-inline > div h1 a:hover {
          text-decoration: underline; }
    .articles-feed-inline article [data-category]::before, .articles-feed-inline > div [data-category]::before {
      content: attr(data-category);
      display: inline-block;
      color: #ffffff;
      font-family: "Roboto Slab", sans-serif;
      font-size: 13px;
      font-weight: 700;
      line-height: 16px;
      text-transform: uppercase;
      position: absolute;
      padding: 4px 16px 6px 16px;
      background-color: #00acf2;
      border-radius: 0 0 150px 0; }
    .articles-feed-inline article .author, .articles-feed-inline > div .author {
      color: #aeaeae;
      font-family: "Roboto Slab", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 15px; }
      .articles-feed-inline article .author a, .articles-feed-inline > div .author a {
        color: #aeaeae;
        text-decoration: none; }
        .articles-feed-inline article .author a:hover, .articles-feed-inline > div .author a:hover {
          text-decoration: underline; }
      .articles-feed-inline article .author img, .articles-feed-inline > div .author img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-right: 8px;
        vertical-align: middle; }

.category-container {
  margin-right: 30px;
  margin-left: 30px;
  border-radius: 5px;
  background-color: white;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: initial;
  padding: 39px 44px 44px;
  text-align: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 980px) {
    .category-container {
      margin-left: 0;
      margin-right: 0;
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 0;
      background-image: none; } }
  .category-container h2 {
    margin: 0 0 31px;
    opacity: 0.42;
    color: #292929;
    font-size: 28px;
    line-height: 52px;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    text-align: left; }
  .category-container h2::first-letter {
    text-transform: capitalize; }
  .category-container .main-article {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin: 0;
    text-align: left; }
    .category-container .main-article figure {
      flex: 1 0 50%;
      max-width: 454px; }
      @media only screen and (max-width: 980px) {
        .category-container .main-article figure {
          flex: 1 0 100%;
          max-width: 100%;
          margin-bottom: 12px; } }
      .category-container .main-article figure img {
        max-width: 100%;
        height: auto; }
    .category-container .main-article .content {
      flex: 1 0 48.9%;
      max-width: 444px;
      margin-left: 1.1%; }
      @media only screen and (max-width: 980px) {
        .category-container .main-article .content {
          margin-left: 0;
          flex: 1 0 100%;
          max-width: 100%;
          padding-left: 0;
          padding-right: 0; } }
      .category-container .main-article .content h1 {
        font-weight: 700;
        font-family: "Roboto Slab", serif;
        font-size: 33px;
        line-height: 44px;
        margin: 6px 0 15px;
        color: #000000; }
        @media only screen and (max-width: 980px) {
          .category-container .main-article .content h1 {
            font-size: 28px;
            line-height: 40px;
            margin: 0;
            padding-left: 0;
            padding-right: 0; } }
      .category-container .main-article .content p {
        margin: 0;
        color: #4a4b4b;
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        font-family: "Roboto Slab", sans-serif; }
        @media only screen and (max-width: 980px) {
          .category-container .main-article .content p {
            display: none; } }
  .category-container .related-articles {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 38px;
    text-align: left; }
    @media only screen and (max-width: 980px) {
      .category-container .related-articles {
        margin-top: 49px; } }
    .category-container .related-articles article {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
      flex: 1 0 48%;
      max-width: 48%; }
      @media only screen and (max-width: 980px) {
        .category-container .related-articles article {
          flex: 1 0 100%;
          max-width: 100%;
          margin-bottom: 41px; } }
      .category-container .related-articles article figure {
        flex: 1 0 43.56%;
        max-width: 193px;
        margin: 0; }
        @media only screen and (max-width: 980px) {
          .category-container .related-articles article figure {
            flex: 1 0 100%;
            max-width: 100%;
            margin-bottom: 12px; }
            .category-container .related-articles article figure img {
              width: 100%;
              max-width: 100%;
              height: auto; } }
      .category-container .related-articles article h1 {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
        font-family: "Roboto Slab", serif;
        letter-spacing: 0px;
        color: #000000;
        flex: 1 0 53.37%;
        max-width: 237px;
        font-weight: 400; }
        @media only screen and (max-width: 980px) {
          .category-container .related-articles article h1 {
            text-align: center;
            max-width: 100%;
            font-size: 20px;
            line-height: 28px;
            flex: 1 0 100%;
            text-align: center; } }
        .category-container .related-articles article h1 a {
          text-decoration: none;
          color: #000000; }
          .category-container .related-articles article h1 a:hover {
            text-decoration: underline; }

.articles-list {
  margin: 48px 30px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .articles-list {
      margin: 44px 20px; } }
  .articles-list h2 {
    margin: 0 0 36px;
    color: #8B8B8B;
    font-family: "Roboto Slab", serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 52px;
    display: block;
    flex: 1 0 100%;
    max-width: 100%;
    text-align: left; }
    @media only screen and (max-width: 680px) {
      .articles-list h2 {
        text-align: center;
        margin-bottom: 39px; } }
  .articles-list--list {
    max-width: 672px;
    flex: 1 0 67.2%; }
    @media only screen and (max-width: 980px) {
      .articles-list--list {
        max-width: 100%;
        flex: 1 0 100%;
        margin-right: 0;
        margin-bottom: 40px; } }
    .articles-list--list article {
      display: flex;
      margin-bottom: 14px;
      flex-flow: wrap;
      padding-bottom: 14px;
      border-bottom: 1px solid #e2d4d4;
      text-align: left; }
      @media only screen and (max-width: 980px) {
        .articles-list--list article {
          border-bottom: 0;
          margin-bottom: 31px; } }
      .articles-list--list article:last-of-type {
        margin-bottom: 46px;
        border-bottom: 0; }
      .articles-list--list article .image, .articles-list--list article .image-wrapper {
        max-width: 324px;
        flex: 1 0 49%; }
        @media only screen and (max-width: 980px) {
          .articles-list--list article .image, .articles-list--list article .image-wrapper {
            max-width: 314px;
            margin-bottom: 0; } }
        .articles-list--list article .image.video, .articles-list--list article .image-wrapper.video {
          position: relative; }
          .articles-list--list article .image.video::after, .articles-list--list article .image-wrapper.video::after {
            width: 40px;
            height: 40px;
            background-color: #00acf2;
            background-image: url("../../images/play-button-triangle.png");
            background-size: 40% auto;
            background-position: 60% 50%;
            background-repeat: no-repeat;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            bottom: 12px;
            right: 12px; }
          .articles-list--list article .image.video:hover::after, .articles-list--list article .image-wrapper.video:hover::after {
            opacity: 0.7; }
        .articles-list--list article .image [data-category]::before, .articles-list--list article .image-wrapper [data-category]::before {
          content: attr(data-category);
          display: inline-block;
          color: #ffffff;
          font-family: "Roboto Slab", sans-serif;
          font-size: 13px;
          font-weight: 700;
          line-height: 16px;
          text-transform: uppercase;
          position: absolute;
          padding: 4px 16px 6px 16px;
          background-color: #00acf2;
          border-radius: 0 0 150px 0; }
        @media only screen and (max-width: 680px) {
          .articles-list--list article .image, .articles-list--list article .image-wrapper {
            max-width: 100%;
            flex: 1 0 100%;
            margin-bottom: 0; }
            .articles-list--list article .image img, .articles-list--list article .image-wrapper img {
              width: 100%;
              height: auto;
              max-width: 100%; } }
      .articles-list--list article .content {
        max-width: 45.5%;
        flex: 1 0 45.5%;
        margin-left: 5.5%;
        align-self: center; }
        @media only screen and (max-width: 680px) {
          .articles-list--list article .content {
            max-width: 100%;
            flex: 1 0 100%;
            margin: 0;
            text-align: center; } }
      .articles-list--list article h1 {
        color: #00000;
        font-family: "Roboto Slab", serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
        margin: 0;
        max-width: 292px; }
        .articles-list--list article h1 a {
          color: #2b2b2b;
          text-decoration: none; }
          .articles-list--list article h1 a:hover {
            text-decoration: underline; }
        @media only screen and (max-width: 980px) {
          .articles-list--list article h1 {
            margin-top: 19px;
            font-size: 20px;
            line-height: 32px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            display: inline-block; } }
    .articles-list--list a.more-articles {
      margin-top: 38px; }
  .articles-list .sidebar {
    max-width: 300px;
    flex: 1 0 25%;
    min-width: 300px; }
    @media only screen and (max-width: 980px) {
      .articles-list .sidebar {
        max-width: 100%;
        flex: 1 0 100%;
        display: none; } }
    .articles-list .sidebar.most-read-sidebar {
      counter-reset: section; }
      .articles-list .sidebar.most-read-sidebar h2 {
        color: #878787;
        font-family: "Roboto Slab", sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        text-transform: uppercase;
        margin: 0 0 14px; }
      .articles-list .sidebar.most-read-sidebar article {
        margin-bottom: 16px;
        max-width: 234px; }
        @media only screen and (max-width: 680px) {
          .articles-list .sidebar.most-read-sidebar article {
            max-width: 100%; } }
        .articles-list .sidebar.most-read-sidebar article:last-of-type {
          margin-bottom: 0; }
        .articles-list .sidebar.most-read-sidebar article h1 {
          color: #2b2b2b;
          font-family: "Roboto Slab", serif;
          font-size: 16px;
          font-weight: 700;
          line-height: 24px;
          margin: 8px 0 0; }
          @media only screen and (max-width: 680px) {
            .articles-list .sidebar.most-read-sidebar article h1 {
              padding-left: 47px;
              max-width: 87%; } }
          .articles-list .sidebar.most-read-sidebar article h1 a {
            color: #2b2b2b;
            text-decoration: none;
            font-family: "Roboto Slab", serif; }
            .articles-list .sidebar.most-read-sidebar article h1 a:hover {
              text-decoration: underline; }
        .articles-list .sidebar.most-read-sidebar article img {
          max-width: 100%;
          height: auto; }
        .articles-list .sidebar.most-read-sidebar article .image, .articles-list .sidebar.most-read-sidebar article .image-wrapper {
          border: 0;
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 680px) {
            .articles-list .sidebar.most-read-sidebar article .image, .articles-list .sidebar.most-read-sidebar article .image-wrapper {
              padding-left: 47px; } }
          .articles-list .sidebar.most-read-sidebar article .image::before, .articles-list .sidebar.most-read-sidebar article .image-wrapper::before {
            counter-increment: section;
            width: 31px;
            height: 64px;
            background-color: #00acf2;
            content: counter(section);
            display: inline-block;
            border-radius: 47px 0 0 47px;
            position: absolute;
            top: 0;
            left: -47px;
            color: #ffffff;
            font-family: "Roboto Slab", serif;
            font-size: 40px;
            font-weight: 700;
            line-height: 59px;
            padding-left: 16px; }
            @media only screen and (max-width: 680px) {
              .articles-list .sidebar.most-read-sidebar article .image::before, .articles-list .sidebar.most-read-sidebar article .image-wrapper::before {
                left: 0; } }

.article-detail {
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 680px) {
    .article-detail {
      padding-left: 16px;
      padding-right: 16px; }
      .article-detail #tags {
        margin-left: 0;
        margin-right: 0; } }
  .article-detail .breadcrumb {
    color: #878787;
    font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 24px 0 13px;
    padding: 0; }
    .article-detail .breadcrumb li {
      list-style: none;
      display: inline-block; }
      .article-detail .breadcrumb li a {
        color: #878787;
        text-decoration: none; }
        .article-detail .breadcrumb li a:hover {
          text-decoration: underline; }
  .article-detail h1 {
    color: #2b2b2b;
    font-family: "Roboto Slab", serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    max-width: 82%;
    margin: 30px 0 25px; }
    @media screen and (max-width: 680px) {
      .article-detail h1 {
        max-width: 100%;
        font-size: 26px;
        line-height: 37px; } }
  .article-detail.no-breadcrumb h1 {
    margin-top: 35px; }
  .article-detail.article-topten h1 {
    margin-bottom: 0; }
  .article-detail.article-topten .article-content {
    margin-top: 24px; }
    .article-detail.article-topten .article-content p.perex {
      margin-top: 0; }
  .article-detail .article-content {
    display: flex;
    flex-flow: wrap;
    font-family: "Roboto Slab", sans-serif;
    justify-content: space-between; }
    .article-detail .article-content .instagram-media {
      min-width: 270px !important; }
    .article-detail .article-content .tag-image {
      margin-bottom: 38px; }
      @media screen and (max-width: 980px) {
        .article-detail .article-content .tag-image {
          width: 100%;
          max-width: 100%;
          height: auto;
          margin-bottom: 29px; } }
    .article-detail .article-content .main-article-detail,
    .article-detail .article-content .detail-page, .article-detail .article-content .main-wrapper {
      flex: 1 0 67.2%;
      max-width: 672px; }
      @media screen and (max-width: 680px) {
        .article-detail .article-content .main-article-detail,
        .article-detail .article-content .detail-page, .article-detail .article-content .main-wrapper {
          flex: 1 0 100%;
          max-width: 100%;
          margin-right: 0; } }
      .article-detail .article-content .main-article-detail .thumbnail,
      .article-detail .article-content .detail-page .thumbnail, .article-detail .article-content .main-wrapper .thumbnail {
        position: relative;}
        .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail,
        .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail {
          width: 100%;
          display: inline-block;
          position: relative;
          padding-bottom: 56.2%;}
          .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail img,
          .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail img, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail img {
            position: absolute;
            object-fit: cover;
            width: 100%;
            height: 100%;
          }
          .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail::before,
          .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail::before, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail::before {
            position: absolute;
            top: 50%;
            margin-top: -15px;
            height: 30px;
            width: 30px;
            background-color: #f7323f;
            display: inline-block;
            content: "";
            left: 20px;
            background-image: url("../../images/arrow.png");
            background-size: 15px auto;
            background-position: center center;
            background-repeat: no-repeat;
            transform: rotate(180deg);
            z-index: 1;}
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail::before,
              .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail::before, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail::before {
                left: 0; } }
          .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail::after,
          .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail::after, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail::after {
            position: absolute;
            top: 50%;
            margin-top: -15px;
            height: 30px;
            width: 30px;
            background-color: #f7323f;
            display: inline-block;
            content: "";
            right: 20px;
            background-image: url("../../images/arrow.png");
            background-size: 15px auto;
            background-position: center center;
            background-repeat: no-repeat; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .thumbnail a.gallery-article-thumbnail::after,
              .article-detail .article-content .detail-page .thumbnail a.gallery-article-thumbnail::after, .article-detail .article-content .main-wrapper .thumbnail a.gallery-article-thumbnail::after {
                right: 0; } }
        .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls,
        .article-detail .article-content .detail-page .thumbnail .article-gallery-controls, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0; }
          .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a,
          .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a {
            position: absolute;
            top: 50%;
            margin-top: -24px;
            height: 48px;
            width: 48px;
            background-size: cover; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a,
              .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a {
                margin-top: -20.5px;
                height: 41px;
                width: 41px; } }
            .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a:hover,
            .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a:hover, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a:hover {
              opacity: 0.7; }
            .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a.prev-gallery-item,
            .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a.prev-gallery-item, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a.prev-gallery-item {
              left: 22px;
              background-image: url("../../images/article-gallery-prev-desktop.png"); }
              @media screen and (max-width: 980px) {
                .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a.prev-gallery-item,
                .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a.prev-gallery-item, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a.prev-gallery-item {
                  left: 16px; } }
            .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a.next-gallery-item,
            .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a.next-gallery-item, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a.next-gallery-item {
              right: 22px;
              background-image: url("../../images/article-gallery-next-desktop.png"); }
              @media screen and (max-width: 980px) {
                .article-detail .article-content .main-article-detail .thumbnail .article-gallery-controls a.next-gallery-item,
                .article-detail .article-content .detail-page .thumbnail .article-gallery-controls a.next-gallery-item, .article-detail .article-content .main-wrapper .thumbnail .article-gallery-controls a.next-gallery-item {
                  right: 16px; } }
        .article-detail .article-content .main-article-detail .thumbnail img,
        .article-detail .article-content .detail-page .thumbnail img, .article-detail .article-content .main-wrapper .thumbnail img {
          max-width: 100%;
          height: auto; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .thumbnail img,
            .article-detail .article-content .detail-page .thumbnail img, .article-detail .article-content .main-wrapper .thumbnail img {
              width: 100%; } }
      .article-detail .article-content .main-article-detail [data-category]::before,
      .article-detail .article-content .detail-page [data-category]::before, .article-detail .article-content .main-wrapper [data-category]::before {
        content: attr(data-category);
        display: inline-block;
        color: #ffffff;
        font-family: "Roboto Slab", sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        position: absolute;
        padding: 4px 16px 6px 16px;
        background-color: #00acf2;
        border-radius: 0 0 150px 0;
        z-index: 15; }
      .article-detail .article-content .main-article-detail p,
      .article-detail .article-content .detail-page p, .article-detail .article-content .main-wrapper p {
        color: #292929;
        font-family: "Roboto Slab", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 32px; }
        .article-detail .article-content .main-article-detail p.zdroj,
        .article-detail .article-content .detail-page p.perex, .article-detail .article-content .main-wrapper p.zdroj{
          font-size: 14px;
          margin-bottom: 2px; }
        .article-detail .article-content .main-article-detail p.perex,
        .article-detail .article-content .detail-page p.perex, .article-detail .article-content .main-wrapper p.perex {
          color: #292929;
          font-size: 20px;
          font-weight: 400;
          line-height: 34px;
          margin-top: 24px; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail p.perex,
            .article-detail .article-content .detail-page p.perex, .article-detail .article-content .main-wrapper p.perex {
              margin-top: 10px; } }
        .article-detail .article-content .main-article-detail p.quote,
        .article-detail .article-content .detail-page p.quote, .article-detail .article-content .main-wrapper p.quote {
          color: #2b2b2b;
          font-family: "Roboto Slab", serif;
          font-size: 20px;
          font-weight: 700;
          line-height: 30px;
          max-width: 84%;
          position: relative;
          margin-top: 40px;
          margin-bottom: 40px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          padding-left: 63px;
          padding-right: 64px;
          font-style: italic; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail p.quote,
            .article-detail .article-content .detail-page p.quote, .article-detail .article-content .main-wrapper p.quote {
              padding-left: 0;
              padding-right: 0;
              max-width: 100%;
              padding-top: 22px;
              padding-bottom: 22px; } }
          .article-detail .article-content .main-article-detail p.quote::before,
          .article-detail .article-content .detail-page p.quote::before, .article-detail .article-content .main-wrapper p.quote::before {
            content: "";
            display: inline-block;
            width: 39px;
            height: 31px;
            background-image: url("../../images/quote.png");
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            left: -24px;
            top: 0; }
            @media screen and (max-width: 680px) {
              .article-detail .article-content .main-article-detail p.quote::before,
              .article-detail .article-content .detail-page p.quote::before, .article-detail .article-content .main-wrapper p.quote::before {
                left: 0; } }
          .article-detail .article-content .main-article-detail p.quote::after,
          .article-detail .article-content .detail-page p.quote::after, .article-detail .article-content .main-wrapper p.quote::after {
            content: "";
            display: inline-block;
            transform: rotate(180deg);
            width: 39px;
            height: 31px;
            background-image: url("../../images/quote.png");
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            right: -24px;
            bottom: 0; }
            @media screen and (max-width: 680px) {
              .article-detail .article-content .main-article-detail p.quote::after,
              .article-detail .article-content .detail-page p.quote::after, .article-detail .article-content .main-wrapper p.quote::after {
                right: 0; } }
        .article-detail .article-content .main-article-detail p a,
        .article-detail .article-content .detail-page p a, .article-detail .article-content .main-wrapper p a {
          color: #f7323f;
          text-decoration: underline; }
          .article-detail .article-content .main-article-detail p a:hover,
          .article-detail .article-content .detail-page p a:hover, .article-detail .article-content .main-wrapper p a:hover {
            text-decoration: none; }
      .article-detail .article-content .main-article-detail h1,
      .article-detail .article-content .main-article-detail h2,
      .article-detail .article-content .main-article-detail h3,
      .article-detail .article-content .main-article-detail h4,
      .article-detail .article-content .main-article-detail h5,
      .article-detail .article-content .detail-page h1,
      .article-detail .article-content .detail-page h2,
      .article-detail .article-content .detail-page h3,
      .article-detail .article-content .detail-page h4,
      .article-detail .article-content .detail-page h5, .article-detail .article-content .main-wrapper h1,
      .article-detail .article-content .main-wrapper h2,
      .article-detail .article-content .main-wrapper h3,
      .article-detail .article-content .main-wrapper h4,
      .article-detail .article-content .main-wrapper h5 {
        color: #000000;
        font-family: "Roboto Slab", serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 14px; }
      .article-detail .article-content .main-article-detail ul,
      .article-detail .article-content .detail-page ul, .article-detail .article-content .main-wrapper ul {
        list-style-type: none;
        margin-top: 40px;
        margin-bottom: 40px; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail ul,
          .article-detail .article-content .detail-page ul, .article-detail .article-content .main-wrapper ul {
            padding-left: 0;
            margin-top: 32px;
            margin-bottom: 32px; } }
        .article-detail .article-content .main-article-detail ul li,
        .article-detail .article-content .detail-page ul li, .article-detail .article-content .main-wrapper ul li {
          color: #2e2e2e;
          font-family: "Roboto Slab", sans-serif;
          font-size: 18px;
          font-weight: 400;
          line-height: 30px;
          position: relative;
          padding-left: 18px; }
          .article-detail .article-content .main-article-detail ul li::before,
          .article-detail .article-content .detail-page ul li::before, .article-detail .article-content .main-wrapper ul li::before {
            width: 4px;
            height: 4px;
            background-color: #ffffff;
            border-radius: 50%;
            border: 2px solid #f7323f;
            display: inline-block;
            content: "";
            position: absolute;
            left: 0;
            top: 12px; }
      .article-detail .article-content .main-article-detail ol,
      .article-detail .article-content .detail-page ol, .article-detail .article-content .main-wrapper ol {
        counter-reset: section;
        list-style-type: none;
        margin-top: 40px;
        margin-bottom: 40px;
        font-family: "Roboto Slab", sans-serif; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail ol,
          .article-detail .article-content .detail-page ol, .article-detail .article-content .main-wrapper ol {
            padding-left: 0;
            margin-top: 32px;
            margin-bottom: 32px; } }
        .article-detail .article-content .main-article-detail ol li,
        .article-detail .article-content .detail-page ol li, .article-detail .article-content .main-wrapper ol li {
          color: #2e2e2e;
          font-family: "Roboto Slab", sans-serif;
          font-size: 18px;
          font-weight: 400;
          line-height: 40px;
          position: relative; }
          .article-detail .article-content .main-article-detail ol li::before,
          .article-detail .article-content .detail-page ol li::before, .article-detail .article-content .main-wrapper ol li::before {
            counter-increment: section;
            content: counter(section) ".";
            color: #f7323f;
            font-family: "Roboto Slab", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 40px;
            padding-right: 16px; }
      .article-detail .article-content .main-article-detail .detail-box,
      .article-detail .article-content .detail-page .detail-box, .article-detail .article-content .main-wrapper .detail-box {
        border-radius: 0 8px 8px 0;
        background-color: #e5f8ff;
        padding: 32px;
        max-width: 319px;
        display: inline-block;
        float: left;
        margin-right: 32px;
        margin-left: -40px;
        position: relative; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail .detail-box,
          .article-detail .article-content .detail-page .detail-box, .article-detail .article-content .main-wrapper .detail-box {
            margin-left: 0;
            margin-right: 0;
            float: none;
            max-width: 100%;
            padding: 24px 45px;
            border-radius: 8px;
            margin-top: 20px;
            margin-bottom: 30px; } }
        .article-detail .article-content .main-article-detail .detail-box::after,
        .article-detail .article-content .detail-page .detail-box::after, .article-detail .article-content .main-wrapper .detail-box::after {
          content: "";
          height: 1px;
          width: 1px;
          display: inline-block;
          clear: both; }
        .article-detail .article-content .main-article-detail .detail-box::before,
        .article-detail .article-content .detail-page .detail-box::before, .article-detail .article-content .main-wrapper .detail-box::before {
          content: "";
          width: 32px;
          height: 32px;
          background-color: #00acf2;
          border-radius: 50%;
          margin-top: -16px;
          margin-left: -16px;
          position: absolute; }
        .article-detail .article-content .main-article-detail .detail-box img,
        .article-detail .article-content .detail-page .detail-box img, .article-detail .article-content .main-wrapper .detail-box img {
          margin: 0 0 16px;
          position: relative; }
        .article-detail .article-content .main-article-detail .detail-box h2,
        .article-detail .article-content .detail-page .detail-box h2, .article-detail .article-content .main-wrapper .detail-box h2 {
          color: #2b2b2b;
          font-family: "Roboto Slab", serif;
          font-size: 18px;
          font-weight: 700;
          line-height: 24px;
          margin: 0 0 10px; }
        .article-detail .article-content .main-article-detail .detail-box p,
        .article-detail .article-content .detail-page .detail-box p, .article-detail .article-content .main-wrapper .detail-box p {
          color: #808080;
          font-family: "Roboto Slab", serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 24px; }
          .article-detail .article-content .main-article-detail .detail-box p a,
          .article-detail .article-content .detail-page .detail-box p a, .article-detail .article-content .main-wrapper .detail-box p a {
            text-decoration: underline; }
            .article-detail .article-content .main-article-detail .detail-box p a:hover,
            .article-detail .article-content .detail-page .detail-box p a:hover, .article-detail .article-content .main-wrapper .detail-box p a:hover {
              text-decoration: none; }
        .article-detail .article-content .main-article-detail .detail-box a.more-link,
        .article-detail .article-content .detail-page .detail-box a.more-link, .article-detail .article-content .main-wrapper .detail-box a.more-link {
          color: #00acf2;
          font-family: "Roboto Slab", sans-serif;
          font-size: 14px;
          font-weight: 600;
          text-transform: uppercase;
          text-decoration: none; }
          .article-detail .article-content .main-article-detail .detail-box a.more-link:hover,
          .article-detail .article-content .detail-page .detail-box a.more-link:hover, .article-detail .article-content .main-wrapper .detail-box a.more-link:hover {
            text-decoration: underline; }
      .article-detail .article-content .main-article-detail .topic-box,
      .article-detail .article-content .detail-page .topic-box, .article-detail .article-content .main-wrapper .topic-box {
        border-radius: 0 8px 8px 0;
        background-color: #e5f8ff;
        max-width: 48.4%;
        display: inline-block;
        float: left;
        padding: 24px 40px;
        margin-right: 32px;
        margin-bottom: 32px;
        margin-left: -40px;
        position: relative; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail .topic-box,
          .article-detail .article-content .detail-page .topic-box, .article-detail .article-content .main-wrapper .topic-box {
            margin-left: 0;
            margin-right: 0;
            float: none;
            max-width: 100%;
            padding: 16px 28px;
            border-radius: 8px; } }
        .article-detail .article-content .main-article-detail .topic-box::after,
        .article-detail .article-content .detail-page .topic-box::after, .article-detail .article-content .main-wrapper .topic-box::after {
          content: "";
          height: 1px;
          width: 1px;
          display: inline-block;
          clear: both; }
        .article-detail .article-content .main-article-detail .topic-box span,
        .article-detail .article-content .detail-page .topic-box span, .article-detail .article-content .main-wrapper .topic-box span {
          color: #878787;
          font-family: "Roboto Slab", sans-serif;
          font-size: 13px;
          font-weight: 600;
          text-transform: uppercase;
          display: inline-block;
          margin-bottom: 7px; }
        .article-detail .article-content .main-article-detail .topic-box h2,
        .article-detail .article-content .detail-page .topic-box h2, .article-detail .article-content .main-wrapper .topic-box h2 {
          margin: 0 0 16px;
          color: #00acf2;
          font-family: "Roboto Slab", sans-serif;
          font-size: 24px;
          font-weight: 600;
          line-height: 30px;
          text-transform: uppercase; }
        .article-detail .article-content .main-article-detail .topic-box img,
        .article-detail .article-content .detail-page .topic-box img, .article-detail .article-content .main-wrapper .topic-box img {
          margin-bottom: 8px; }
        .article-detail .article-content .main-article-detail .topic-box a,
        .article-detail .article-content .detail-page .topic-box a, .article-detail .article-content .main-wrapper .topic-box a {
          color: #2b2b2b;
          font-family: "Roboto Slab", serif;
          font-size: 14px;
          font-weight: 700;
          line-height: 22px;
          text-decoration: none;
          display: block; }
          .article-detail .article-content .main-article-detail .topic-box a::after,
          .article-detail .article-content .detail-page .topic-box a::after, .article-detail .article-content .main-wrapper .topic-box a::after {
            width: 40px;
            height: 1px;
            background-color: #d4d4d4;
            content: "";
            display: block;
            margin-top: 16px;
            margin-bottom: 16px; }
          .article-detail .article-content .main-article-detail .topic-box a:last-of-type,
          .article-detail .article-content .detail-page .topic-box a:last-of-type, .article-detail .article-content .main-wrapper .topic-box a:last-of-type {
            margin-bottom: 0px; }
            .article-detail .article-content .main-article-detail .topic-box a:last-of-type::after,
            .article-detail .article-content .detail-page .topic-box a:last-of-type::after, .article-detail .article-content .main-wrapper .topic-box a:last-of-type::after {
              display: none; }
          .article-detail .article-content .main-article-detail .topic-box a:hover,
          .article-detail .article-content .detail-page .topic-box a:hover, .article-detail .article-content .main-wrapper .topic-box a:hover {
            text-decoration: underline; }
          .article-detail .article-content .main-article-detail .topic-box a.more-link,
          .article-detail .article-content .detail-page .topic-box a.more-link, .article-detail .article-content .main-wrapper .topic-box a.more-link {
            color: #00acf2;
            font-family: "Roboto Slab", sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            text-transform: uppercase; }
      .article-detail .article-content .main-article-detail .image,
      .article-detail .article-content .detail-page .image, .article-detail .article-content .main-wrapper .image {
        margin-top: 40px;
        margin-bottom: 40px; }
        .article-detail .article-content .main-article-detail .image img,
        .article-detail .article-content .detail-page .image img, .article-detail .article-content .main-wrapper .image img {
          max-width: 100%;
          height: auto;
          margin-bottom: 16px;
          display: block; }
        .article-detail .article-content .main-article-detail .image span,
        .article-detail .article-content .detail-page .image span, .article-detail .article-content .main-wrapper .image span {
          color: #878787;
          font-family: "Roboto Slab", sans-serif;
          font-size: 15px;
          line-height: 27px;
          font-style: italic; }
        .article-detail .article-content .main-article-detail .video-container,
        .article-detail .article-content .detail-page .video-container, .article-detail .article-content .main-wrapper .video-container {
          position: relative;
          width: 100%;
          max-width:100%;
          padding-bottom: 56.6%;
          margin-top: 40px;
          margin-bottom: 40px;}
        .article-detail .article-content .main-article-detail .video-container iframe,
        .article-detail .article-content .detail-page .video-container iframe, .article-detail .article-content .main-wrapper .video-container iframe {
          position: absolute;
          height: 100%;
          width: 100%; }
        .article-detail .article-content .main-article-detail .video-container .video-thumbnail,
        .article-detail .article-content .detail-page .video-container .video-thumbnail, .article-detail .article-content .main-wrapper .video-container .video-thumbnail {
          position: relative;
          display: inline-block; }
          .article-detail .article-content .main-article-detail .video-container .video-thumbnail::after,
          .article-detail .article-content .detail-page .video-container .video-thumbnail::after, .article-detail .article-content .main-wrapper .video-container .video-thumbnail::after {
            width: 64px;
            height: 64px;
            background-color: #00acf2;
            background-image: url("../../images/play-button-triangle.png");
            background-position: 60% 50%;
            background-repeat: no-repeat;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin-right: auto;
            margin-left: auto;
            margin-top: -32px;
            z-index: 25; }
          .article-detail .article-content .main-article-detail .video-container .video-thumbnail img,
          .article-detail .article-content .detail-page .video-container .video-thumbnail img, .article-detail .article-content .main-wrapper .video-container .video-thumbnail img {
            max-width: 100%;
            height: auto;
            margin-bottom: 16px;
            display: block;
            position: relative; }
        .article-detail .article-content .main-article-detail .video-container span,
        .article-detail .article-content .detail-page .video-container span, .article-detail .article-content .main-wrapper .video-container span {
          color: #878787;
          font-family: "Roboto Slab", sans-serif;
          font-size: 15px;
          line-height: 27px;
          display: block;
          font-style: italic; }
      .article-detail .article-content .main-article-detail .recommend-box,
      .article-detail .article-content .detail-page .recommend-box, .article-detail .article-content .main-wrapper .recommend-box {
        background-color: #ffffff;
        padding: 23px 28px;
        display: flex;
        flex-flow: wrap;
        clear: both;
        margin-top: 40px;
        margin-bottom: 40px;
        position: relative;
        border-radius: 0;
        text-decoration: none; }
        .article-detail .article-content .main-article-detail .recommend-box:hover,
        .article-detail .article-content .detail-page .recommend-box:hover, .article-detail .article-content .main-wrapper .recommend-box:hover {
          cursor: pointer; }
          .article-detail .article-content .main-article-detail .recommend-box:hover .content > h3,
          .article-detail .article-content .detail-page .recommend-box:hover .content > h3, .article-detail .article-content .main-wrapper .recommend-box:hover .content > h3 {
            text-decoration: underline; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail .recommend-box,
          .article-detail .article-content .detail-page .recommend-box, .article-detail .article-content .main-wrapper .recommend-box {
            flex-flow: column;
            padding: 24px; } }
        .article-detail .article-content .main-article-detail .recommend-box .image-container,
        .article-detail .article-content .detail-page .recommend-box .image-container, .article-detail .article-content .main-wrapper .recommend-box .image-container {
          max-width: 30%;
          flex: 1 0 30%;
          margin-right: 24px;
          margin-top: 0;
          margin-bottom: 0;
          position: relative; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .recommend-box .image-container,
            .article-detail .article-content .detail-page .recommend-box .image-container, .article-detail .article-content .main-wrapper .recommend-box .image-container {
              flex: 1 0 100%;
              margin-bottom: 13px;
              max-width: 162px; } }
          .article-detail .article-content .main-article-detail .recommend-box .image-container img,
          .article-detail .article-content .detail-page .recommend-box .image-container img, .article-detail .article-content .main-wrapper .recommend-box .image-container img {
            max-width: 100%;
            height: auto;
            position: relative; }
        .article-detail .article-content .main-article-detail .recommend-box .content,
        .article-detail .article-content .detail-page .recommend-box .content, .article-detail .article-content .main-wrapper .recommend-box .content {
          flex: 1 0 0; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .recommend-box .content,
            .article-detail .article-content .detail-page .recommend-box .content, .article-detail .article-content .main-wrapper .recommend-box .content {
              max-width: 100%;
              flex: 1 0 100%; } }
          .article-detail .article-content .main-article-detail .recommend-box .content span,
          .article-detail .article-content .detail-page .recommend-box .content span, .article-detail .article-content .main-wrapper .recommend-box .content span {
            display: block;
            color: #4a4b4b;
            font-family: "Roboto Slab", sans-serif;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 6px;
            margin-top: 7px;
            text-decoration: none; }
          .article-detail .article-content .main-article-detail .recommend-box .content h3,
          .article-detail .article-content .detail-page .recommend-box .content h3, .article-detail .article-content .main-wrapper .recommend-box .content h3 {
            text-decoration: none;
            color: #000000;
            font-family: "Roboto Slab", serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 32px;
            max-width: 371px;
            margin: 0; }
            .article-detail .article-content .main-article-detail .recommend-box .content h3:hover,
            .article-detail .article-content .detail-page .recommend-box .content h3:hover, .article-detail .article-content .main-wrapper .recommend-box .content h3:hover {
              text-decoration: underline; }
      .article-detail .article-content .main-article-detail .iframe-container,
      .article-detail .article-content .detail-page .iframe-container, .article-detail .article-content .main-wrapper .iframe-container {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-bottom: 56.6%;
        margin-top: 40px;
        margin-bottom: 40px; }
        .article-detail .article-content .main-article-detail .iframe-container iframe,
        .article-detail .article-content .detail-page .iframe-container iframe, .article-detail .article-content .main-wrapper .iframe-container iframe {
          position: absolute;
          height: 100%;
          width: 100%; }
      .article-detail .article-content .main-article-detail .article-details,
      .article-detail .article-content .detail-page .article-details, .article-detail .article-content .main-wrapper .article-details {
        margin: 0 0 58px;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between; }
        .article-detail .article-content .main-article-detail .article-details .icons,
        .article-detail .article-content .detail-page .article-details .icons, .article-detail .article-content .main-wrapper .article-details .icons {
          max-width: 50%;
          flex: 1 0 50%;
          padding-top: 14px;
          text-align: right; }
          @media screen and (max-width: 520px) {
            .article-detail .article-content .main-article-detail .article-details .icons,
            .article-detail .article-content .detail-page .article-details .icons, .article-detail .article-content .main-wrapper .article-details .icons {
              flex: 1 0 100%;
              max-width: 100%;
              text-align: left; } }
          .article-detail .article-content .main-article-detail .article-details .icons .share,
          .article-detail .article-content .main-article-detail .article-details .icons .discuss,
          .article-detail .article-content .detail-page .article-details .icons .share,
          .article-detail .article-content .detail-page .article-details .icons .discuss, .article-detail .article-content .main-wrapper .article-details .icons .share,
          .article-detail .article-content .main-wrapper .article-details .icons .discuss {
            color: #ffffff;
            font-family: "Roboto Slab", sans-serif;
            font-size: 13px;
            font-weight: 700;
            border-radius: 4px;
            background-color: #00acf2;
            padding: 6.1px 18px;
            text-decoration: none;
            position: relative;
            display: inline-block; }
            .article-detail .article-content .main-article-detail .article-details .icons .share:hover,
            .article-detail .article-content .main-article-detail .article-details .icons .discuss:hover,
            .article-detail .article-content .detail-page .article-details .icons .share:hover,
            .article-detail .article-content .detail-page .article-details .icons .discuss:hover, .article-detail .article-content .main-wrapper .article-details .icons .share:hover,
            .article-detail .article-content .main-wrapper .article-details .icons .discuss:hover {
              opacity: 0.9; }
          .article-detail .article-content .main-article-detail .article-details .icons .fb-like > span, .article-detail .article-content .main-article-detail .article-details .icons .fb-share-button > span,
          .article-detail .article-content .detail-page .article-details .icons .fb-like > span,
          .article-detail .article-content .detail-page .article-details .icons .fb-share-button > span, .article-detail .article-content .main-wrapper .article-details .icons .fb-like > span, .article-detail .article-content .main-wrapper .article-details .icons .fb-share-button > span {
            vertical-align: middle !important;
            height: 30px !important; }
          .article-detail .article-content .main-article-detail .article-details .icons .discuss,
          .article-detail .article-content .detail-page .article-details .icons .discuss, .article-detail .article-content .main-wrapper .article-details .icons .discuss {
            background-color: #4267b2; }
            .article-detail .article-content .main-article-detail .article-details .icons .discuss::before,
            .article-detail .article-content .detail-page .article-details .icons .discuss::before, .article-detail .article-content .main-wrapper .article-details .icons .discuss::before {
              width: 15px;
              height: 13px;
              content: "";
              display: inline-block;
              background-image: url("../../images/chat-bubble.png");
              background-size: cover;
              background-repeat: no-repeat;
              margin-right: 6px;
              vertical-align: middle; }
            @media screen and (max-width: 325px) {
              .article-detail .article-content .main-article-detail .article-details .icons .discuss,
              .article-detail .article-content .detail-page .article-details .icons .discuss, .article-detail .article-content .main-wrapper .article-details .icons .discuss {
                margin-top: 14px; } }
        .article-detail .article-content .main-article-detail .article-details .author,
        .article-detail .article-content .detail-page .article-details .author, .article-detail .article-content .main-wrapper .article-details .author {
          display: flex;
          max-width: 275px;
          flex: 1 0 50%; }
          @media screen and (max-width: 520px) {
            .article-detail .article-content .main-article-detail .article-details .author,
            .article-detail .article-content .detail-page .article-details .author, .article-detail .article-content .main-wrapper .article-details .author {
              flex: 1 0 100%;
              max-width: 100%;
              margin-bottom: 24px; } }
          .article-detail .article-content .main-article-detail .article-details .author .profile-photo,
          .article-detail .article-content .detail-page .article-details .author .profile-photo, .article-detail .article-content .main-wrapper .article-details .author .profile-photo {
            margin-right: 8px;
            max-width: 56px;
            flex: 1 0 0; }
            .article-detail .article-content .main-article-detail .article-details .author .profile-photo img,
            .article-detail .article-content .detail-page .article-details .author .profile-photo img, .article-detail .article-content .main-wrapper .article-details .author .profile-photo img {
              max-width: 100%;
              height: auto;
              border-radius: 50%;
              vertical-align: middle; }
          .article-detail .article-content .main-article-detail .article-details .author .author-detail,
          .article-detail .article-content .detail-page .article-details .author .author-detail, .article-detail .article-content .main-wrapper .article-details .author .author-detail {
            max-width: 72%;
            flex: 1 0 72%;
            margin-top: 7px; }
            .article-detail .article-content .main-article-detail .article-details .author .author-detail a,
            .article-detail .article-content .detail-page .article-details .author .author-detail a, .article-detail .article-content .main-wrapper .article-details .author .author-detail a {
              text-decoration: none;
              color: #000000;
              font-family: "Roboto Slab", sans-serif;
              font-size: 16px;
              font-weight: 700;
              display: block;
              line-height: 28px;
              margin: 0 0 3px; }
              .article-detail .article-content .main-article-detail .article-details .author .author-detail a:hover,
              .article-detail .article-content .detail-page .article-details .author .author-detail a:hover, .article-detail .article-content .main-wrapper .article-details .author .author-detail a:hover {
                text-decoration: underline; }
            .article-detail .article-content .main-article-detail .article-details .author .author-detail span,
            .article-detail .article-content .detail-page .article-details .author .author-detail span, .article-detail .article-content .main-wrapper .article-details .author .author-detail span {
              color: #4a4b4b;
              font-family: "Roboto Slab", sans-serif;
              font-size: 12px;
              font-weight: 400;
              display: block;
              margin: 0; }
      .article-detail .article-content .main-article-detail .article-gallery-strip,
      .article-detail .article-content .detail-page .article-gallery-strip, .article-detail .article-content .main-wrapper .article-gallery-strip {
        display: flex;
        align-items: center;
        flex-flow: wrap; }
        @media screen and (max-width: 980px) {
          .article-detail .article-content .main-article-detail .article-gallery-strip,
          .article-detail .article-content .detail-page .article-gallery-strip, .article-detail .article-content .main-wrapper .article-gallery-strip {
            justify-content: space-between; } }
        .article-detail .article-content .main-article-detail .article-gallery-strip.top-gallery-strip a.more-desktop span, .article-detail .article-content .main-article-detail .article-gallery-strip.top-gallery-strip a.more-mobile span,
        .article-detail .article-content .detail-page .article-gallery-strip.top-gallery-strip a.more-desktop span,
        .article-detail .article-content .detail-page .article-gallery-strip.top-gallery-strip a.more-mobile span, .article-detail .article-content .main-wrapper .article-gallery-strip.top-gallery-strip a.more-desktop span, .article-detail .article-content .main-wrapper .article-gallery-strip.top-gallery-strip a.more-mobile span {
          font-size: 16px;
          padding: 12px 0;}
        .article-detail .article-content .main-article-detail .article-gallery-strip a,
        .article-detail .article-content .detail-page .article-gallery-strip a, .article-detail .article-content .main-wrapper .article-gallery-strip a {
          text-decoration: none;
          color: #00acf2;
          font-family: "Roboto Slab", sans-serif;
          font-size: 14px;
          font-weight: 600;
          line-height: 20px;
          margin-right: 5px;
          max-width: 101px;
          height: 101px;
          flex: 1 0 15.5%; }
          .article-detail .article-content .main-article-detail .article-gallery-strip a:nth-child(3),
          .article-detail .article-content .detail-page .article-gallery-strip a:nth-child(3), .article-detail .article-content .main-wrapper .article-gallery-strip a:nth-child(3) {
            margin-right: 5px; }
          .article-detail .article-content .main-article-detail .article-gallery-strip a:nth-child(4),
          .article-detail .article-content .detail-page .article-gallery-strip a:nth-child(4), .article-detail .article-content .main-wrapper .article-gallery-strip a:nth-child(4) {
            margin-right: auto; }
          @media screen and (max-width: 980px) {
            .article-detail .article-content .main-article-detail .article-gallery-strip a,
            .article-detail .article-content .detail-page .article-gallery-strip a, .article-detail .article-content .main-wrapper .article-gallery-strip a {
              margin-bottom: 16px;
              max-width: 32.4%;
              flex: 1 0 32.4%;
              margin-right: 0;
              height: auto; }
              .article-detail .article-content .main-article-detail .article-gallery-strip a img,
              .article-detail .article-content .detail-page .article-gallery-strip a img, .article-detail .article-content .main-wrapper .article-gallery-strip a img {
                max-width: 100%;
                width: 100%;
                height: auto; }
              .article-detail .article-content .main-article-detail .article-gallery-strip a:nth-child(3),
              .article-detail .article-content .detail-page .article-gallery-strip a:nth-child(3), .article-detail .article-content .main-wrapper .article-gallery-strip a:nth-child(3) {
                margin-right: 0; }
              .article-detail .article-content .main-article-detail .article-gallery-strip a:nth-child(4),
              .article-detail .article-content .detail-page .article-gallery-strip a:nth-child(4), .article-detail .article-content .main-wrapper .article-gallery-strip a:nth-child(4) {
                display: none; } }
          .article-detail .article-content .main-article-detail .article-gallery-strip a:hover,
          .article-detail .article-content .detail-page .article-gallery-strip a:hover, .article-detail .article-content .main-wrapper .article-gallery-strip a:hover {
            text-decoration: underline; }
          .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile,
          .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile {
            display: none; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile {
                display: inline-block;
                flex: 1 0 100%;
                max-width: 100%; } }
          .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile,
          .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop,
          .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile {
            margin-right: 0;
            padding-left: 15px; }
            .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile span,
            .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop span,
            .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile span {
              background-color: #ffde72;
              font-size: 16px;
              font-weight: 700;
              padding: 9px 39px 9px 37px;
              color: #000000;
              width: 100%;
              display: inline-block;
              line-height: 28px;
              text-transform: uppercase;
              text-align: center; }
              @media screen and (max-width: 980px) {
                .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile span,
                .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop span,
                .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile span {
                  width: auto;
                  min-width: 164px; } }
              .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop span:hover, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile span:hover,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop span:hover,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile span:hover, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop span:hover, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile span:hover {
                opacity: 0.8; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile {
                text-align: center;
                flex: 1 0 100%;
                max-width: 100%;
                padding-left: 0; }
                .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop br, .article-detail .article-content .main-article-detail .article-gallery-strip a.more-mobile br,
                .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop br,
                .article-detail .article-content .detail-page .article-gallery-strip a.more-mobile br, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop br, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-mobile br {
                  display: none; } }
          .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop,
          .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop {
            padding-left: 0px;
            max-width: 160px;
            flex: 1 0 30%;
            padding-top: 30px; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .article-gallery-strip a.more-desktop,
              .article-detail .article-content .detail-page .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .article-gallery-strip a.more-desktop {
                display: none; } }
          .article-detail .article-content .main-article-detail .article-gallery-strip a img,
          .article-detail .article-content .detail-page .article-gallery-strip a img, .article-detail .article-content .main-wrapper .article-gallery-strip a img {
            max-width: 100%;
            height: auto; }
      .article-detail .article-content .main-article-detail .bottom-tags,
      .article-detail .article-content .detail-page .bottom-tags, .article-detail .article-content .main-wrapper .bottom-tags {
        display: block;
        margin: 40px 0 40px;
        padding: 0;
        font-family: "Roboto Slab", sans-serif; }
        .article-detail .article-content .main-article-detail .bottom-tags.tags-inside-feed,
        .article-detail .article-content .detail-page .bottom-tags.tags-inside-feed, .article-detail .article-content .main-wrapper .bottom-tags.tags-inside-feed {
          border-top: 1px solid #e2d4d4;
          margin-top: 40px;
          margin-bottom: 40px; }
        .article-detail .article-content .main-article-detail .bottom-tags span,
        .article-detail .article-content .detail-page .bottom-tags span, .article-detail .article-content .main-wrapper .bottom-tags span {
          font-size: 13px;
          font-weight: 600;
          text-transform: uppercase;
          color: #878787;
          display: inline-block;
          margin-right: 24px; }
        .article-detail .article-content .main-article-detail .bottom-tags a,
        .article-detail .article-content .detail-page .bottom-tags a, .article-detail .article-content .main-wrapper .bottom-tags a {
          background-color: #ffffff;
          color: #000000;
          font-size: 12px;
          text-decoration: none;
          display: inline-block;
          margin-right: 10px;
          padding: 5px 10px;
          font-weight: 700;
          margin-bottom: 5px; }
          .article-detail .article-content .main-article-detail .bottom-tags a:first-letter,
          .article-detail .article-content .detail-page .bottom-tags a:first-letter, .article-detail .article-content .main-wrapper .bottom-tags a:first-letter {
            text-transform: uppercase;}
          .article-detail .article-content .main-article-detail .bottom-tags a:hover,
          .article-detail .article-content .detail-page .bottom-tags a:hover, .article-detail .article-content .main-wrapper .bottom-tags a:hover {
            text-decoration: none;
            background-color: #ffde72;}
          .article-detail .article-content .main-article-detail .bottom-tags a.active,
          .article-detail .article-content .detail-page .bottom-tags a.active, .article-detail .article-content .main-wrapper .bottom-tags a.active {
            text-decoration: none;
            background-color: #ffde72; }
      .article-detail .article-content .main-article-detail .bottom-buttons,
      .article-detail .article-content .detail-page .bottom-buttons, .article-detail .article-content .main-wrapper .bottom-buttons {
        display: block;
        margin-top: 40px; }
        .article-detail .article-content .main-article-detail .bottom-buttons .share,
        .article-detail .article-content .main-article-detail .bottom-buttons .discuss,
        .article-detail .article-content .detail-page .bottom-buttons .share,
        .article-detail .article-content .detail-page .bottom-buttons .discuss, .article-detail .article-content .main-wrapper .bottom-buttons .share,
        .article-detail .article-content .main-wrapper .bottom-buttons .discuss {
          color: #ffffff;
          font-family: "Roboto Slab", sans-serif;
          font-size: 13px;
          font-weight: 700;
          border-radius: 4px;
          background-color: #00acf2;
          padding: 6.2px 18px;
          text-decoration: none;
          position: relative;
          display: inline-block; }
          .article-detail .article-content .main-article-detail .bottom-buttons .share:hover,
          .article-detail .article-content .main-article-detail .bottom-buttons .discuss:hover,
          .article-detail .article-content .detail-page .bottom-buttons .share:hover,
          .article-detail .article-content .detail-page .bottom-buttons .discuss:hover, .article-detail .article-content .main-wrapper .bottom-buttons .share:hover,
          .article-detail .article-content .main-wrapper .bottom-buttons .discuss:hover {
            opacity: 0.9; }
        .article-detail .article-content .main-article-detail .bottom-buttons .fb-like > span, .article-detail .article-content .main-article-detail .bottom-buttons .fb-share-button > span,
        .article-detail .article-content .detail-page .bottom-buttons .fb-like > span,
        .article-detail .article-content .detail-page .bottom-buttons .fb-share-button > span, .article-detail .article-content .main-wrapper .bottom-buttons .fb-like > span, .article-detail .article-content .main-wrapper .bottom-buttons .fb-share-button > span {
          vertical-align: middle !important;
          height: 30px !important; }
        .article-detail .article-content .main-article-detail .bottom-buttons .discuss,
        .article-detail .article-content .detail-page .bottom-buttons .discuss, .article-detail .article-content .main-wrapper .bottom-buttons .discuss {
          background-color: #4267b2; }
          .article-detail .article-content .main-article-detail .bottom-buttons .discuss::before,
          .article-detail .article-content .detail-page .bottom-buttons .discuss::before, .article-detail .article-content .main-wrapper .bottom-buttons .discuss::before {
            width: 15px;
            height: 13px;
            content: "";
            display: inline-block;
            background-image: url("../../images/chat-bubble.png");
            background-size: cover;
            background-repeat: no-repeat;
            margin-right: 6px;
            vertical-align: middle; }
          @media screen and (max-width: 325px) {
            .article-detail .article-content .main-article-detail .bottom-buttons .discuss,
            .article-detail .article-content .detail-page .bottom-buttons .discuss, .article-detail .article-content .main-wrapper .bottom-buttons .discuss {
              margin-top: 14px; } }
      .article-detail .article-content .main-article-detail #comments,
      .article-detail .article-content .detail-page #comments, .article-detail .article-content .main-wrapper #comments {
        display: none; }
      .article-detail .article-content .main-article-detail .gallery,
      .article-detail .article-content .detail-page .gallery, .article-detail .article-content .main-wrapper .gallery {
        margin-top: 40px;
        margin-bottom: 40px; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail .gallery,
          .article-detail .article-content .detail-page .gallery, .article-detail .article-content .main-wrapper .gallery {
            margin-bottom: 20px; } }
        .article-detail .article-content .main-article-detail .gallery span,
        .article-detail .article-content .detail-page .gallery span, .article-detail .article-content .main-wrapper .gallery span {
          color: #4a4b4b;
          font-family: "Roboto Slab", sans-serif;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          display: block;
          margin-bottom: 0; }
        .article-detail .article-content .main-article-detail .gallery .gallery-title,
        .article-detail .article-content .detail-page .gallery .gallery-title, .article-detail .article-content .main-wrapper .gallery .gallery-title {
          color: #000000;
          font-family: "Roboto Slab", serif;
          font-size: 24px;
          font-weight: 700;
          line-height: 40px;
          text-decoration: none;
          display: block;
          margin-bottom: 4px; }
          .article-detail .article-content .main-article-detail .gallery .gallery-title:hover,
          .article-detail .article-content .detail-page .gallery .gallery-title:hover, .article-detail .article-content .main-wrapper .gallery .gallery-title:hover {
            text-decoration: underline; }
        @media screen and (max-width: 980px) {
          .article-detail .article-content .main-article-detail .gallery .article-gallery-strip,
          .article-detail .article-content .detail-page .gallery .article-gallery-strip, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip {
            justify-content: space-between; } }
        .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a,
        .article-detail .article-content .detail-page .gallery .article-gallery-strip a, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a {
          max-width: 15.4%;
          flex: 1 0 15.4%; }
          @media screen and (max-width: 980px) {
            .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a,
            .article-detail .article-content .detail-page .gallery .article-gallery-strip a, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a {
              margin-bottom: 16px;
              max-width: 31%;
              flex: 1 0 31%; } }
          .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-mobile, .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-desktop,
          .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-mobile,
          .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-desktop {
            max-width: 160px;
            flex: 1 0 100%;
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            padding-top: 24px; }
            .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-desktop span,
            .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-mobile span,
            .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-desktop span {
              width: 100%;
              padding: 12px 0; }
            @media screen and (max-width: 980px) {
              .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-mobile, .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-desktop,
              .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-mobile,
              .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-desktop, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-mobile, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-desktop {
                text-align: center;
                flex: 1 0 100%;
                max-width: 100%;
                padding-top: 0; }
                .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-article-detail .gallery .article-gallery-strip a.more-desktop span,
                .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-mobile span,
                .article-detail .article-content .detail-page .gallery .article-gallery-strip a.more-desktop span, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-mobile span, .article-detail .article-content .main-wrapper .gallery .article-gallery-strip a.more-desktop span {
                  max-width: 162px;
                  margin: 0 auto; } }
      .article-detail .article-content .main-article-detail .topic-in-content,
      .article-detail .article-content .detail-page .topic-in-content, .article-detail .article-content .main-wrapper .topic-in-content {
        border-radius: 8px;
        background-color: #e5f8ff;
        padding: 24px 32px;
        margin-bottom: 32px;
        max-width: 595px; }
        .article-detail .article-content .main-article-detail .topic-in-content span,
        .article-detail .article-content .detail-page .topic-in-content span, .article-detail .article-content .main-wrapper .topic-in-content span {
          color: #878787;
          font-family: "Roboto Slab", sans-serif;
          font-size: 13px;
          font-weight: 600;
          text-transform: uppercase;
          display: block;
          margin-bottom: 7px; }
        .article-detail .article-content .main-article-detail .topic-in-content h3,
        .article-detail .article-content .detail-page .topic-in-content h3, .article-detail .article-content .main-wrapper .topic-in-content h3 {
          margin: 0 0 8px;
          color: #00acf2;
          font-family: "Roboto Slab", sans-serif;
          font-size: 24px;
          font-weight: 600;
          line-height: 32px;
          text-transform: uppercase;
          display: block; }
        .article-detail .article-content .main-article-detail .topic-in-content p,
        .article-detail .article-content .detail-page .topic-in-content p, .article-detail .article-content .main-wrapper .topic-in-content p {
          color: #808080;
          font-family: "Roboto Slab", serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 24px;
          margin: 0; }
        .article-detail .article-content .main-article-detail .topic-in-content a,
        .article-detail .article-content .detail-page .topic-in-content a, .article-detail .article-content .main-wrapper .topic-in-content a {
          color: #2b2b2b;
          font-family: "Roboto Slab", serif;
          font-size: 14px;
          font-weight: 700;
          line-height: 20px;
          text-decoration: none;
          display: block;
          position: relative; }
          .article-detail .article-content .main-article-detail .topic-in-content a:hover,
          .article-detail .article-content .detail-page .topic-in-content a:hover, .article-detail .article-content .main-wrapper .topic-in-content a:hover {
            text-decoration: underline; }
          .article-detail .article-content .main-article-detail .topic-in-content a::after,
          .article-detail .article-content .detail-page .topic-in-content a::after, .article-detail .article-content .main-wrapper .topic-in-content a::after {
            width: 40px;
            height: 1px;
            background-color: #d4d4d4;
            content: "";
            display: block;
            margin-top: 16px;
            margin-bottom: 16px; }
          .article-detail .article-content .main-article-detail .topic-in-content a.more-link,
          .article-detail .article-content .detail-page .topic-in-content a.more-link, .article-detail .article-content .main-wrapper .topic-in-content a.more-link {
            color: #00acf2;
            font-family: "Roboto Slab", sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            text-transform: uppercase; }
            .article-detail .article-content .main-article-detail .topic-in-content a.more-link::after,
            .article-detail .article-content .detail-page .topic-in-content a.more-link::after, .article-detail .article-content .main-wrapper .topic-in-content a.more-link::after {
              display: none; }
        .article-detail .article-content .main-article-detail .topic-in-content .article-block,
        .article-detail .article-content .detail-page .topic-in-content .article-block, .article-detail .article-content .main-wrapper .topic-in-content .article-block {
          display: flex;
          margin-top: 17px;
          margin-bottom: 17px; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .topic-in-content .article-block,
            .article-detail .article-content .detail-page .topic-in-content .article-block, .article-detail .article-content .main-wrapper .topic-in-content .article-block {
              flex-flow: column;
              margin-bottom: 0; } }
          .article-detail .article-content .main-article-detail .topic-in-content .article-block .image,
          .article-detail .article-content .detail-page .topic-in-content .article-block .image, .article-detail .article-content .main-wrapper .topic-in-content .article-block .image {
            flex: 1 0 34%;
            max-width: 144px;
            margin: 0 17px 0 0; }
            .article-detail .article-content .main-article-detail .topic-in-content .article-block .image a::after,
            .article-detail .article-content .detail-page .topic-in-content .article-block .image a::after, .article-detail .article-content .main-wrapper .topic-in-content .article-block .image a::after {
              display: none; }
            @media screen and (max-width: 680px) {
              .article-detail .article-content .main-article-detail .topic-in-content .article-block .image,
              .article-detail .article-content .detail-page .topic-in-content .article-block .image, .article-detail .article-content .main-wrapper .topic-in-content .article-block .image {
                flex: 1 0 100%;
                margin-bottom: 8px; } }
          .article-detail .article-content .main-article-detail .topic-in-content .article-block .content,
          .article-detail .article-content .detail-page .topic-in-content .article-block .content, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content {
            max-width: 59%;
            flex: 1 0 59%; }
            @media screen and (max-width: 680px) {
              .article-detail .article-content .main-article-detail .topic-in-content .article-block .content,
              .article-detail .article-content .detail-page .topic-in-content .article-block .content, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content {
                flex: 1 0 100%;
                max-width: 100%; } }
            .article-detail .article-content .main-article-detail .topic-in-content .article-block .content a,
            .article-detail .article-content .detail-page .topic-in-content .article-block .content a, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content a {
              color: #2b2b2b;
              font-family: "Roboto Slab", serif;
              font-size: 16px;
              font-weight: 700;
              line-height: 24px; }
              @media screen and (max-width: 680px) {
                .article-detail .article-content .main-article-detail .topic-in-content .article-block .content a,
                .article-detail .article-content .detail-page .topic-in-content .article-block .content a, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content a {
                  font-size: 14px;
                  font-weight: 700;
                  line-height: 20px; } }
              .article-detail .article-content .main-article-detail .topic-in-content .article-block .content a::after,
              .article-detail .article-content .detail-page .topic-in-content .article-block .content a::after, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content a::after {
                display: none; }
                @media screen and (max-width: 680px) {
                  .article-detail .article-content .main-article-detail .topic-in-content .article-block .content a::after,
                  .article-detail .article-content .detail-page .topic-in-content .article-block .content a::after, .article-detail .article-content .main-wrapper .topic-in-content .article-block .content a::after {
                    display: block; } }
      .article-detail .article-content .main-article-detail .author-box,
      .article-detail .article-content .detail-page .author-box, .article-detail .article-content .main-wrapper .author-box {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 0;
        margin-top: 22px; }
        @media screen and (max-width: 980px) {
          .article-detail .article-content .main-article-detail .author-box,
          .article-detail .article-content .detail-page .author-box, .article-detail .article-content .main-wrapper .author-box {
            margin-left: 20px;
            margin-right: 20px; } }
        .article-detail .article-content .main-article-detail .author-box .profile-image,
        .article-detail .article-content .detail-page .author-box .profile-image, .article-detail .article-content .main-wrapper .author-box .profile-image {
          max-width: 56px;
          margin-right: 18px;
          flex: 1 0 12%; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .author-box .profile-image,
            .article-detail .article-content .detail-page .author-box .profile-image, .article-detail .article-content .main-wrapper .author-box .profile-image {
              margin-bottom: 15px;
              flex: 1 0 56px; } }
          .article-detail .article-content .main-article-detail .author-box .profile-image img,
          .article-detail .article-content .detail-page .author-box .profile-image img, .article-detail .article-content .main-wrapper .author-box .profile-image img {
            border-radius: 50%; }
        .article-detail .article-content .main-article-detail .author-box .author-info,
        .article-detail .article-content .detail-page .author-box .author-info, .article-detail .article-content .main-wrapper .author-box .author-info {
          max-width: 85%;
          flex: 1 0 85%;
          margin-bottom: 15px; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .author-box .author-info,
            .article-detail .article-content .detail-page .author-box .author-info, .article-detail .article-content .main-wrapper .author-box .author-info {
              flex: 1 0 70%;
              max-width: 70%; } }
          .article-detail .article-content .main-article-detail .author-box .author-info span,
          .article-detail .article-content .detail-page .author-box .author-info span, .article-detail .article-content .main-wrapper .author-box .author-info span {
            color: #4a4b4b;
            font-family: "Roboto Slab", sans-serif;
            font-size: 12px;
            font-weight: 400;
            display: block; }
          .article-detail .article-content .main-article-detail .author-box .author-info h1,
          .article-detail .article-content .detail-page .author-box .author-info h1, .article-detail .article-content .main-wrapper .author-box .author-info h1 {
            color: #000000;
            font-family: "Roboto Slab", serif;
            font-size: 24px;
            line-height: 40px;
            font-weight: 700;
            margin: 0; }
          .article-detail .article-content .main-article-detail .author-box .author-info p,
          .article-detail .article-content .detail-page .author-box .author-info p, .article-detail .article-content .main-wrapper .author-box .author-info p {
            color: #2e2e2e;
            font-family: "Roboto Slab", serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            margin: 0; }
        .article-detail .article-content .main-article-detail .author-box p,
        .article-detail .article-content .detail-page .author-box p, .article-detail .article-content .main-wrapper .author-box p {
          max-width: 100%;
          flex: 1 0 100%;
          color: #1d1e1e;
          font-family: "Roboto Slab", sans-serif;
          font-size: 20px;
          line-height: 32px;
          font-weight: 400;
          margin: 16px 0 0; }
          @media screen and (max-width: 680px) {
            .article-detail .article-content .main-article-detail .author-box p,
            .article-detail .article-content .detail-page .author-box p, .article-detail .article-content .main-wrapper .author-box p {
              max-width: 100%;
              flex: 1 0 100%;
              margin-left: 0; } }
      .article-detail .article-content .main-article-detail .tag-box h1,
      .article-detail .article-content .detail-page .tag-box h1, .article-detail .article-content .main-wrapper .tag-box h1 {
        margin: 0 0 19px;
        font-family: "Roboto Slab", serif;
        font-size: 28px;
        font-size: 700;
        line-height: 40px;
        color: #000000; }
      .article-detail .article-content .main-article-detail .tag-box p,
      .article-detail .article-content .detail-page .tag-box p, .article-detail .article-content .main-wrapper .tag-box p {
        margin: 0;
        color: #1d1e1e;
        font-family: "Roboto Slab", sans-serif;
        font-size: 16px;
        line-height: 32px;
        font-weight: 400; }
      .article-detail .article-content .main-article-detail aside,
      .article-detail .article-content .detail-page aside, .article-detail .article-content .main-wrapper aside {
        max-width: 300px;
        flex: 1 0 30%;
        min-width: 300px; }
        @media screen and (max-width: 680px) {
          .article-detail .article-content .main-article-detail aside,
          .article-detail .article-content .detail-page aside, .article-detail .article-content .main-wrapper aside {
            display: none; } }
    .article-detail .article-content aside {
      max-width: 300px;
      flex: 1 0 30%;
      min-width: 300px; }
      @media screen and (max-width: 680px) {
        .article-detail .article-content aside {
          display: none; } }
    .article-detail .article-content aside > .ads {
      font-size: 0;}

.article-detail .article-content .bottom-articles-list {
  margin: 48px 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    .article-detail .article-content .bottom-articles-list {
      margin: 44px 20px; } }
  .article-detail .article-content .bottom-articles-list h2 {
    margin: 0 0 36px;
    color: #8B8B8B;
    font-family: "Roboto Slab", serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 52px;
    display: block;
    flex: 1 0 100%;
    max-width: 100%;
    text-align: left; }
    @media only screen and (max-width: 680px) {
      .article-detail .article-content .bottom-articles-list h2 {
        text-align: center;
        margin-bottom: 39px; } }
  .article-detail .article-content .bottom-articles-list--list {
    width: 100%; }
    .article-detail .article-content .bottom-articles-list--list article {
      display: flex;
      margin-bottom: 14px;
      flex-flow: wrap;
      padding-bottom: 14px;
      border-bottom: 1px solid #e2d4d4;
      text-align: left; }
      @media only screen and (max-width: 980px) {
        .article-detail .article-content .bottom-articles-list--list article {
          border-bottom: 0;
          margin-bottom: 31px; } }
      .article-detail .article-content .bottom-articles-list--list article:last-of-type {
        margin-bottom: 46px;
        border-bottom: 0; }
      .article-detail .article-content .bottom-articles-list.souvisejici .bottom-articles-list--list article:last-of-type {
        margin-bottom: 14px}
      .article-detail .article-content .bottom-articles-list--list article .image, .article-detail .article-content .bottom-articles-list--list article .image-wrapper {
        max-width: 324px;
        flex: 1 0 49%; }
        @media only screen and (max-width: 980px) {
          .article-detail .article-content .bottom-articles-list--list article .image, .article-detail .article-content .bottom-articles-list--list article .image-wrapper {
            max-width: 314px;
            margin-bottom: 0; } }
        .article-detail .article-content .bottom-articles-list--list article .image.video, .article-detail .article-content .bottom-articles-list--list article .image-wrapper.video {
          position: relative; }
          .article-detail .article-content .bottom-articles-list--list article .image.video::after, .article-detail .article-content .bottom-articles-list--list article .image-wrapper.video::after {
            width: 40px;
            height: 40px;
            background-color: #00acf2;
            background-image: url("../../images/play-button-triangle.png");
            background-size: 40% auto;
            background-position: 60% 50%;
            background-repeat: no-repeat;
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            bottom: 12px;
            right: 12px; }
          .article-detail .article-content .bottom-articles-list--list article .image.video:hover::after, .article-detail .article-content .bottom-articles-list--list article .image-wrapper.video:hover::after {
            opacity: 0.7; }
        .article-detail .article-content .bottom-articles-list--list article .image [data-category]::before, .article-detail .article-content .bottom-articles-list--list article .image-wrapper [data-category]::before {
          content: attr(data-category);
          display: inline-block;
          color: #ffffff;
          font-family: "Roboto Slab", sans-serif;
          font-size: 13px;
          font-weight: 700;
          line-height: 16px;
          text-transform: uppercase;
          position: absolute;
          padding: 4px 16px 6px 16px;
          background-color: #00acf2;
          border-radius: 0 0 150px 0; }
        @media only screen and (max-width: 680px) {
          .article-detail .article-content .bottom-articles-list--list article .image, .article-detail .article-content .bottom-articles-list--list article .image-wrapper {
            max-width: 100%;
            flex: 1 0 100%;
            margin-bottom: 0; }
            .article-detail .article-content .bottom-articles-list--list article .image img, .article-detail .article-content .bottom-articles-list--list article .image-wrapper img {
              width: 100%;
              height: auto;
              max-width: 100%; } }
      .article-detail .article-content .bottom-articles-list--list article .content {
        max-width: 45.5%;
        flex: 1 0 45.5%;
        margin-left: 5.5%;
        align-self: center; }
        @media only screen and (max-width: 680px) {
          .article-detail .article-content .bottom-articles-list--list article .content {
            max-width: 100%;
            flex: 1 0 100%;
            margin: 0;
            text-align: center; } }
      .article-detail .article-content .bottom-articles-list--list article h1 {
        color: #000000;
        font-family: "Roboto Slab", serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
        margin: 0;
        max-width: 292px; }
        .article-detail .article-content .bottom-articles-list--list article h1 a {
          color: #2b2b2b;
          text-decoration: none; }
          .article-detail .article-content .bottom-articles-list--list article h1 a:hover {
            text-decoration: underline; }
        @media only screen and (max-width: 980px) {
          .article-detail .article-content .bottom-articles-list--list article h1 {
            margin-top: 19px;
            font-size: 20px;
            line-height: 32px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            display: inline-block; } }
    .article-detail .article-content .bottom-articles-list--list a.more-articles {
      margin-top: 38px; }

body.gallery {
  padding: 0;
  margin: 0;
  background-color: #000000; }
  body.gallery .gallery-header {
    display: flex;
    flex-flow: wrap;
    position: relative;
    align-items: center;
    justify-content: space-between;
    z-index: 99999;
    background-color: black;
    padding: 19px 20px 24px;}
    @media screen and (max-width: 1060px) {
      body.gallery .gallery-header {
        padding: 14px 20px 10px; } }
    body.gallery .gallery-header .logo {
      height: auto;
      margin-right: 0;}
      @media screen and (max-width: 1060px) {
        body.gallery .gallery-header .logo {
          margin-left: 0;
          max-width: 142px;
          flex: 1 0 142px; } }
      body.gallery .gallery-header .logo a {
        background-image: none;
        height: 35px;
        width: auto; }
        body.gallery .gallery-header .logo a img {
          vertical-align: middle;
          height: auto;
          width: auto; }
      body.gallery .gallery-header .logo img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    @media screen and (max-width: 680px) {
      body.gallery .gallery-header .navigation {
        padding-top: 5px; } }
    @media screen and (max-width: 680px) {
      body.gallery .gallery-header .navigation {
        order: 3;
        margin-top: 32px;
        flex: 1 0 100%;
        max-width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between; } }
    body.gallery .gallery-header .navigation span {
      color: #ffffff;
      font-family: "Roboto Slab", sans-serif;
      font-size: 22px;
      line-height: 34px;
      font-weight: 700;
      display: inline-block; }
      @media screen and (max-width: 680px) {
        body.gallery .gallery-header .navigation span {
          font-size: 22px;
          height: auto; } }
    body.gallery .gallery-header .navigation .prev-image {
      margin-right: 36px; }
    body.gallery .gallery-header .navigation .next-image {
      margin-left: 36px; }
    body.gallery .gallery-header .navigation .prev-image, body.gallery .gallery-header .navigation .next-image {
      display: inline-block;
      height: 32px; }
      body.gallery .gallery-header .navigation .prev-image:hover, body.gallery .gallery-header .navigation .next-image:hover {
        opacity: 0.7; }
      body.gallery .gallery-header .navigation .prev-image img, body.gallery .gallery-header .navigation .next-image img {
        vertical-align: bottom;
        border: 0; }
    body.gallery .gallery-header .close {
      height: 30px;
      width: 30px;
      margin-right: 24px; }
      @media screen and (max-width: 1060px) {
        body.gallery .gallery-header .close {
          order: 2;
          margin-right: 0; } }
      body.gallery .gallery-header .close a {
        display: inline-block; }
      @media screen and (max-width: 680px) {
        body.gallery .gallery-header .close {
          max-width: 40px;
          padding-top: 5px; }
          body.gallery .gallery-header .close img {
            vertical-align: middle;
            height: 28px;
            width: auto; } }
      body.gallery .gallery-header .close:hover {
        opacity: 0.7; }
  body.gallery .main-container {
    text-align: center;
    background-color: #000000;
    z-index: 999999; }
    @media screen and (max-width: 980px) {
      body.gallery .main-container {
        z-index: 15; } }
    body.gallery .main-container .gallery-container {
      max-width: 1080px;
      text-align: left;
      margin: 0 auto 0;
      background-color: #000000;
      z-index: 999999;
      padding: 22px 30px; }
      @media screen and (max-width: 980px) {
        body.gallery .main-container .gallery-container {
          z-index: 20; } }
      @media only screen and (max-width: 680px) {
        body.gallery .main-container .gallery-container {
          padding: 25px 0;
          margin-top: 0; } }
      body.gallery .main-container .gallery-container .content-container {
        display: flex;
        flex-flow: wrap; }
        body.gallery .main-container .gallery-container .content-container .image-container {
          flex: 1 0 65%;
          max-width: 65%;
          margin-right: 4%;
          position: relative; }
          @media only screen and (max-width: 980px) {
            body.gallery .main-container .gallery-container .content-container .image-container {
              margin-right: 0;
              flex: 1 0 100%;
              max-width: 100%; } }
          body.gallery .main-container .gallery-container .content-container .image-container h2 {
            margin: 0 0 36px;
            color: #ffffff;
            font-family: "Roboto Slab", serif;
            font-size: 34px;
            font-weight: 700;
            line-height: 40px;
            display: block;
            flex: 1 0 100%;
            max-width: 100%;
            text-align: left; }
            @media only screen and (max-width: 680px) {
              body.gallery .main-container .gallery-container .content-container .image-container h2 {
                text-align: center;
                margin-bottom: 39px; } }
          body.gallery .main-container .gallery-container .content-container .image-container .articles-feed {
            display: flex;
            flex-flow: wrap;
            justify-content: space-between; }
            @media only screen and (max-width: 680px) {
              body.gallery .main-container .gallery-container .content-container .image-container .articles-feed {
                padding-left: 16px;
                padding-right: 16px; } }
            body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article {
              flex: 1 0 48%;
              max-width: 48%;
              margin-bottom: 52px; }
              @media only screen and (max-width: 980px) {
                body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article {
                  flex: 1 0 48%;
                  max-width: 48%;
                  margin-bottom: 38px; }
                  body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article:last-of-type {
                    margin-bottom: 0; }
                  body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article:nth-child(2n) {
                    margin-right: 0; } }
              @media only screen and (max-width: 680px) {
                body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article {
                  flex: 1 0 100%;
                  max-width: 100%;
                  margin-bottom: 38px; }
                  body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article:last-of-type {
                    margin-bottom: 0; } }
              body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article:last-child {
                margin-right: 0; }
              body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article .image img {
                max-width: 100%;
                width: 100%;
                height: auto; }
              body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article h1 {
                color: #ffffff;
                font-family: "Roboto Slab", serif;
                font-size: 23px;
                font-weight: 400;
                line-height: 32px;
                margin: 0;
                max-width: 292px; }
                body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article h1 a {
                  color: #ffffff;
                  text-decoration: none; }
                  body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article h1 a:hover {
                    text-decoration: underline; }
                @media only screen and (max-width: 980px) {
                  body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article h1 {
                    margin-top: 19px;
                    font-size: 20px;
                    line-height: 32px;
                    text-align: center;
                    margin-left: auto;
                    margin-right: auto;
                    display: inline-block;
                    max-width: 100%;
                    width: 100%; } }
              body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article [data-category]::before {
                content: attr(data-category);
                display: inline-block;
                color: #ffffff;
                font-family: "Roboto Slab", sans-serif;
                font-size: 13px;
                font-weight: 700;
                line-height: 16px;
                text-transform: uppercase;
                position: absolute;
                padding: 4px 16px 6px 16px;
                background-color: #00acf2;
                border-radius: 0 0 150px 0; }
              @media only screen and (max-width: 680px) {
                body.gallery .main-container .gallery-container .content-container .image-container .articles-feed article .thumbnail-image img {
                  width: 100%; } }
          body.gallery .main-container .gallery-container .content-container .image-container .image {
            display: block;
            position: relative; }
            body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image, body.gallery .main-container .gallery-container .content-container .image-container .image a.prev-image {
              width: 30px;
              height: 30px;
              display: inline-block;
              background-color: #f7323f;
              background-image: url("../../images/arrow.png");
              transform: rotate(180deg);
              background-size: 15px auto;
              background-position: center center;
              background-repeat: no-repeat;
              position: absolute;
              top: 50%;
              margin-top: -15px;
              left: 20px;
              color: transparent;
              text-indent: -9999px; }
              @media screen and (max-width: 980px) {
                body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image, body.gallery .main-container .gallery-container .content-container .image-container .image a.prev-image {
                  left: 0; } }
              @media only screen and (max-width: 680px) {
                body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image, body.gallery .main-container .gallery-container .content-container .image-container .image a.prev-image {
                  display: none; } }
              body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image:hover, body.gallery .main-container .gallery-container .content-container .image-container .image a.prev-image:hover {
                opacity: 0.85; }
            body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image {
              background-image: url("../../images/arrow.png");
              background-size: 15px auto;
              background-position: center center;
              background-repeat: no-repeat;
              transform: none;
              left: auto;
              right: 20px; }
              @media screen and (max-width: 980px) {
                body.gallery .main-container .gallery-container .content-container .image-container .image a.next-image {
                  left: auto;
                  right: 0; } }
            body.gallery .main-container .gallery-container .content-container .image-container .image img {
              margin-top: 0;
              width: 100%; }
          body.gallery .main-container .gallery-container .content-container .image-container p {
            color: #ffffff;
            font-family: "Roboto Slab", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 28px; }
            @media only screen and (max-width: 680px) {
              body.gallery .main-container .gallery-container .content-container .image-container p {
                text-align: left;
                padding-left: 16px;
                padding-right: 16px; } }
          body.gallery .main-container .gallery-container .content-container .image-container span {
            color: #ffffff;
            font-family: "Roboto Slab", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            margin-top: 16px;
            display: block; }
            @media only screen and (max-width: 680px) {
              body.gallery .main-container .gallery-container .content-container .image-container span {
                text-align: left;
                padding-left: 16px;
                padding-right: 16px; } }
            body.gallery .main-container .gallery-container .content-container .image-container span.image-source {
              text-align: right;
              opacity: 0.9;
              color: #ffffff;
              font-size: 14px;
              font-weight: 400;
              line-height: 20px; }
              @media only screen and (max-width: 680px) {
                body.gallery .main-container .gallery-container .content-container .image-container span.image-source {
                  text-align: left; } }
          body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel {
            display: none; }
            @media only screen and (max-width: 680px) {
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel {
                display: block; } }
            body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons {
              display: block;
              margin-top: 40px;
              padding-left: 16px;
              padding-right: 16px;
              padding-bottom: 4px;
              margin-bottom: 4px; }
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons .share,
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons .discuss {
                color: #ffffff;
                font-family: "Roboto Slab", sans-serif;
                font-size: 13px;
                font-weight: 700;
                border-radius: 4px;
                background-color: #00acf2;
                padding: 5px 18px;
                text-decoration: none;
                position: relative; }
                body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons .share:hover,
                body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons .discuss:hover {
                  opacity: 0.9; }
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons .discuss::before {
                width: 15px;
                height: 13px;
                content: "";
                display: inline-block;
                background-image: url("../../images/chat-bubble.png");
                background-size: cover;
                background-repeat: no-repeat;
                margin-right: 6px;
                vertical-align: middle; }
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .bottom-buttons span {
                opacity: 0.9;
                color: #ffffff;
                font-family: "Roboto Slab", sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                display: inline-block;
                /*margin-left: 14%;*/
                padding-left: 0; }
            body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button {
              position: relative;
              padding-top: 19px;
              padding-bottom: 19px;
              z-index: 99999; }
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button .next-image,
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button .prev-image {
                width: 13px;
                height: 26px;
                display: inline-block;
                background-image: url("../../images/gallery-arrow.png");
                background-size: cover;
                background-repeat: no-repeat;
                color: transparent;
                text-indent: -9999px;
                position: absolute;
                left: 9px;
                top: 12px; }
                body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button .next-image:hover,
                body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button .prev-image:hover {
                  opacity: 0.8; }
              body.gallery .main-container .gallery-container .content-container .image-container .bottom-panel .control-button .next-image {
                left: auto;
                right: 9px;
                transform: rotate(-180deg); }
        body.gallery .main-container .gallery-container .content-container .sidebar {
          max-width: 31%;
          flex: 1 0 31%; }
          @media only screen and (max-width: 980px) {
            body.gallery .main-container .gallery-container .content-container .sidebar {
              display: none; } }

.ad-Leaderboard-1 {
  margin: 0 auto; }

.gallery #brandingCreativeWrapper {
  top: 73px !important; }

.button {
  color: #ffffff;
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  border-radius: 20px;
  background-color: #00acf2;
  padding: 8px 32px;
  text-decoration: none;
  display: inline-block; }
  @media screen and (max-width: 680px) {
    .button {
      width: 100%;
      text-align: center; } }
  .button:hover {
    opacity: 0.9; }

.footer-margin {
  margin-bottom: 80px; }

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

footer {
  background-color: #ffffff;
  text-align: center;
  width: 100%;
  z-index: 99999999;
  position: relative;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.08); }
  @media only screen and (max-width: 680px) {
    footer {
      padding-left: 20px;
      padding-right: 20px; } }
  footer .container {
    max-width: 1080px;
    padding: 54px 30px 52px;
    margin: 0 auto; }
    @media only screen and (max-width: 980px) {
      footer .container {
        max-width: 100%;
        padding-left: 0;
        paddinr-right: 0; } }
  footer h3 {
    margin: 0;
    color: #000000;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    font-family: "Roboto Slab", serif; }
  footer .copyright {
    color: #8f8f8f;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    font-family: "Roboto Slab", sans-serif;
    margin: 35px 0 0; }
    @media only screen and (max-width: 980px) {
      footer .copyright {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
        line-height: 1.5em; } }
  footer .social-icons {
    margin: 37px auto 40px; }
    footer .social-icons a {
      color: #1d1e1e;
      font-family: "Roboto Slab", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      text-decoration: none;
      display: inline-block; }
      @media only screen and (max-width: 360px) {
        footer .social-icons a {
          width: 100%;
          display: block;
          margin-bottom: 14px; }
          footer .social-icons a:nth-last-of-type() {
            margin-bottom: 0; } }
      footer .social-icons a:nth-child(1) {
        margin-right: 40px; }
      footer .social-icons a img {
        vertical-align: middle;
        margin-right: 8px; }
      footer .social-icons a:hover {
        opacity: 0.8;
        text-decoration: underline; }
  footer ul {
    list-style-type: none;
    font-family: "Roboto Slab", sans-serif;
    border-top: 1px solid rgba(29, 30, 30, 0.2);
    border-bottom: 1px solid rgba(29, 30, 30, 0.2);
    padding: 16px 41px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    max-width: 672px;
    margin: 0 auto; }
    @media only screen and (max-width: 980px) {
      footer ul {
        max-width: 100%;
        padding: 16px 20px; } }
    footer ul li {
      font-size: 16px;
      line-height: 28px;
      color: #4a4b4b;
      margin: 0; }
      @media only screen and (max-width: 980px) {
        footer ul li {
          margin-bottom: 12px; }
          footer ul li:last-of-type() {
            margin-bottom: 0; } }
      footer ul li a {
        color: #4a4b4b;
        text-decoration: none; }
        footer ul li a:visited, footer ul li a:active {
          color: #4a4b4b; }
        footer ul li a:hover {
          text-decoration: underline; }

/* ads */
.ads-in.adFull {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%; }

.ads-in.adFull::before {
  content: 'reklama';
  top: -12px;
  right: 24px;
  font-family: arial;
  font-size: 10px;
  color: #000;
  display: block;
  height: 11px;
  text-align: right;
  margin-bottom: 5px; }

.ads {
  text-align: center; }
  .ads .ads-in {
    display: inline-block;
    margin: 0 auto; }

#Mobile-rectangle-1 {
  margin-bottom: 24px; }

#ssp-zone-104715-branding {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto; }

#ssp-zone-104715-branding.adFull {
  width: 2000px;
  height: 1400px; }

#ssp-zone-104715-branding.adFull ~ #page {
  position: relative;
  top: 226px; }

#leaderboard-wrapper {
  text-align: center; }
  @media only screen and (max-width: 980px) {
    #leaderboard-wrapper {
      display: none; } }

#Leaderboard-1 {
  text-align: center;
  margin: 0 auto;
  position: relative; }
  #Leaderboard-1 > div:first-child {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  @media only screen and (min-width: 980px) {
    #Leaderboard-1.ads-in {
      min-height: 231px;
      min-width: 970px; } }
  @media only screen and (max-width: 980px) {
    #Leaderboard-1.ads-in {
      display: none; } }

#smr-article {
  margin-bottom: 24px;
  display: inline-block; }

#Rectangle480-1.ads-in {
  margin-bottom: 24px;
  display: block;
  text-align: center; }
  @media only screen and (max-width: 680px) {
    #Rectangle480-1.ads-in {
      display: none; } }
  #Rectangle480-1.ads-in > div {
    margin: 0 auto;
    max-width: 480px;
    max-height: 300px;
    overflow: hidden; }
    #Rectangle480-1.ads-in > div > div {
      margin: 0 auto;
      max-width: 480px;
      max-height: 300px;
      overflow: hidden; }

#Mobile-rectangle-2 {
  display: none; }
  @media only screen and (max-width: 980px) {
    #Mobile-rectangle-2 {
      display: inline-block;
      text-align: center;
      margin: 0 auto 24px; } }

#Mobile-rectangle-3,
#Mobile-rectangle-4 {
  display: none; }
  @media only screen and (max-width: 980px) {
    #Mobile-rectangle-3,
    #Mobile-rectangle-4 {
      display: block;
      text-align: center;
      margin: 0 auto 24px; }
      #Mobile-rectangle-3 > div,
      #Mobile-rectangle-4 > div {
        margin: 0; } }

#Mobile-Leaderboard-Seznam {
  display: none; }

.seznam-wrapper #Billboard-bottom-1 {
  margin-bottom: 24px; }

@media only screen and (max-width: 680px) {
  .seznam-wrapper #Mobile-Leaderboard-Seznam {
    display: block;
    height: auto;
    margin-bottom: 24px; } }

.mobile-ads {
  display: none; }
  @media only screen and (max-width: 1080px) {
    .mobile-ads {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .mobile-ads div {
        margin: 0; } }

.desktop-ads {
  display: block; }
  @media only screen and (max-width: 1080px) {
    .desktop-ads {
      display: none; } }

.gallery.seznam-ads #Leaderboard-1 {
  min-height: 0; }

#HalfPageAd-1 {
  min-height: 600px; }

#brandingCreativeWrapper {
  margin-top: 0px !important;
  transition: all 120ms; }
  #brandingCreativeWrapper.specialClassMargin {
    margin-top: 42px !important; }
    @media only screen and (max-width: 980px) {
      #brandingCreativeWrapper.specialClassMargin {
        margin-top: 0 !important; } }

.main-container.seznam-wrapper {
  max-width: 1060px; }
  .main-container.seznam-wrapper header .container {
    padding: 0 20px; }
  @media only screen and (max-width: 980px) {
    .main-container.seznam-wrapper header .container {
      padding: 0 16px; } }

  .main-container.seznam-wrapper .main-article {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1060px; }
  .main-container.seznam-wrapper .articles-feed-inline, .main-container.seznam-wrapper .category-container, .main-container.seznam-wrapper .articles-list {
    margin-left: 20px;
    margin-right: 20px; }
  .main-container.seznam-wrapper .article-detail {
    padding-left: 20px;
    padding-right: 20px; }
  .main-container.seznam-wrapper #tags {
    max-width: 1020px; }
  .main-container.seznam-wrapper footer .container {
    max-width: 1060px;
    padding: 54px 20px 52px; }


#ssp-zone-69386-branding {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
}
/* definice vlastností třídy adFull, která se elementu s brandingem přiřadí v okamžiku, kdy je do něj úspěšně vykreslena reklama; určuje šířku (2000 px) a výšku (1400 px) elementu s brandingem */
#ssp-zone-69386-branding.adFull {
	width: 2000px;
	height: 1400px;
}
/* příklad definice odsazení těla stránky (předpokládáme umístění v elementu div#page) o 226 px od horního okraje po vykreslení brandingu */
#ssp-zone-69386-branding.adFull ~ #maincontainerlifee {
	position: relative;
  top:0;
  margin-top:-10px;
}

.tag .article-detail .article-content .bottom-articles-list h2{
  font-size: 28px;
  color: #8B8B8B;
  line-height: 40px;
  opacity: 1;}

  .video-thumbnail-container{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom:5px;
  }

  .video-embed-thumbnail{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.article-content figure, .article-detail .wp-caption{
  max-height:770px;
  width:auto!important;
  text-align:center;
  max-width:100%;
}

.article-content figure img, .article-detail .wp-caption img{
  max-width:100%;
  max-height: 720px;
  width:auto;
  height:auto;
  margin:0 auto;
}

.article-detail .article-content .main-wrapper p.wp-caption-text{
  font-size: 17px;
  font-weight: 300;
  line-height: 32px;
  color: #656565;
  margin-left:auto;margin-right:auto;
  max-width:calc(100%-40px);
  margin-top:10px;
  text-align:left;
}

/*Stylování img source*/
.article-detail .article-content .main-article-detail .img-source,
.article-detail .article-content .detail-page .img-source,
.article-detail .article-content .main-wrapper.img-source {
  display: inline-block;
  position: absolute;
  bottom: 4px;
  right: 0;
  text-align: right;
  font-size: 10px;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  box-sizing: border-box;
  border: 16px solid transparent;
  width: auto;
  max-width: 3.5rem;
  height: 3.5rem;
  line-height: 1.5rem;
  transition: max-width 0.3s ease-in;
  transition-delay: 0s;
}
.article-detail .article-content .main-article-detail .img-source-icon,
.article-detail .article-content .detail-page .img-source-icon,
.article-detail .article-content .main-wrapper.img-source-icon {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 0 0.5rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.article-detail .article-content .main-article-detail .img-source-icon::before,
.article-detail .article-content .detail-page .img-source-icon::before,
.article-detail .article-content .main-wrapper.img-source-icon::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5rem;
  height: 100%;
  content: 'i';
  font-size: 0.9063rem;
  line-height: 1.5rem;
  text-align: center;
  transition: opacity 75ms ease-out;
  transition-delay: 0.3s;
}
.article-detail .article-content .main-article-detail .img-source-text,
.article-detail .article-content .detail-page .img-source-text,
.article-detail .article-content .main-wrapper.img-source-text {
  display: inline-block;
  width: 100%;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* img source Hover */
.article-detail .article-content .main-article-detail .img-source:hover,
.article-detail .article-content .detail-page .img-source:hover,
.article-detail .article-content .main-wrapper.img-source:hover {
  max-width: 100%;
}

.article-detail
.article-content
.main-article-detail
.img-source:hover
.img-source-icon::before,
.article-detail
.article-content
.detail-page
.img-source:hover
.img-source-icon::before,
.article-detail
.article-content
.main-wrapper.img-source:hover
.img-source-icon::before {
  transition-delay: 0s;
  opacity: 0;
}
.article-detail
.article-content
.main-article-detail
.img-source:hover
.img-source-text,
.article-detail
.article-content
.detail-page
.img-source:hover
.img-source-text,
.article-detail
.article-content
.main-wrapper.img-source:hover
.img-source-text {
  transition-delay: 75ms;
  opacity: 1;
}

/* Seznam Fixes */
@media screen and (max-width:930px){
  #sklik--article-rectangle{
    text-align:center;
    margin:0 auto;
  }

  #sklik--article-rectangle > div{
    margin:0 auto;
    text-align:left;
  }

  #Mobile-rectangle-2, #Mobile-Textovka-1 {
    text-align: center;
    width: 100vw;
    margin-left: 0;
  }

  #Mobile-rectangle-1 > div, #Mobile-Textovka-1 > div, #Mobile-rectangle-2 > div, #Mobile-rectangle-4 > div{
    margin:0 auto;
    text-align:left;
    max-width: 100%!important;
  }
}


  @media only screen and (max-width: 480px) {
  .article-mobile {
    width:100vw;
    max-width: initial;
    margin-left:-17px;
  }

  #Mobileboard-bottom-1{
    max-width:100%;
    width:100vw;
    text-align:center;
  }
  #Mobileboard-bottom-1 > div{
    margin:0 auto;
    text-align:left;
  }
}

.article-detail .article-content .main-article-detail .article-details .icons .fb-like,
.article-detail .article-content .detail-page .article-details .icons .fb-like {
  width: 129px !important
}

.article-detail .article-content .main-article-detail .article-details .icons .fb-like > span,
.article-detail .article-content .detail-page .article-details .icons .fb-like > span {
  width: inherit !important;
}
.article-detail .article-content .main-article-detail .article-details .icons .fb-like iframe,
.article-detail .article-content .detail-page .article-details .icons .fb-like iframe {
  width: inherit !important;
}