.margin-top_1em {
  margin-top: 1em; }

.margin-top_2em {
  margin-top: 2em; }

.margin-top_3em {
  margin-top: 3em; }

.margin-top_4em {
  margin-top: 4em; }

.margin-top_5em {
  margin-top: 5em; }

.margin-top_6em {
  margin-top: 6em; }

.margin-top_7em {
  margin-top: 7em; }

.margin-top_8em {
  margin-top: 8em; }

.margin-bottom_1em {
  margin-bottom: 1em; }

.margin-bottom_2em {
  margin-bottom: 2em; }

.margin-bottom_3em {
  margin-bottom: 3em; }

.margin-bottom_4em {
  margin-bottom: 4em; }

.margin-bottom_5em {
  margin-bottom: 5em; }

.margin-bottom_6em {
  margin-bottom: 6em; }

.margin-bottom_7em {
  margin-bottom: 7em; }

.margin-bottom_8em {
  margin-bottom: 8em; }

.h100 {
  height: 100%; }

.h100-1em {
  height: calc(100% - 1em); }

.h100-2em {
  height: calc(100% - 2em); }

.h100-3em {
  height: calc(100% - 3em); }

.h100-4em {
  height: calc(100% - 4em); }

.h100-5em {
  height: calc(100% - 5em); }

.h100-6em {
  height: calc(100% - 6em); }

.h100-7em {
  height: calc(100% - 7em); }

.h100-8em {
  height: calc(100% - 8em); }

.h100-9em {
  height: calc(100% - 9em); }

.h100-10em {
  height: calc(100% - 10em); }

.h100-11em {
  height: calc(100% - 11em); }

.h100-12em {
  height: calc(100% - 12em); }

.height_1em {
  height: 1em; }

.height_2em {
  height: 2em; }

.height_3em {
  height: 3em; }

.height_4em {
  height: 4em; }

.w100 {
  width: 100%; }

.w90 {
  width: 90%; }

.w100-1em {
  width: calc(100% - 1em); }

.w100-2em {
  width: calc(100% - 2em); }

.w100-3em {
  width: calc(100% - 3em); }

.w100-4em {
  width: calc(100% - 4em); }

.w100-5em {
  width: calc(100% - 5em); }

.w100-6em {
  width: calc(100% - 6em); }

.padding-top_1em {
  padding-top: 1em; }

.padding-top_2em {
  padding-top: 2em; }

.padding-top_3em {
  padding-top: 3em; }

.padding-top_4em {
  padding-top: 4em; }

.padding-left-right-0 {
  padding-left: 0em !important;
  padding-right: 0em !important; }

.padding-left-0 {
  padding-left: 0em !important; }

.padding-right-0 {
  padding-right: 0em !important; }

.oph-overflow-auto {
  overflow: auto; }

.oph-bg-red {
  background: red; }

.oph-bg-green {
  background: green; }

.oph-bg-blue {
  background: blue; }

.oph-bg-white {
  background: #ffffff; }

.oph-bg-dark-gray {
  background: #666666; }

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

.font-size-0-8 {
  font-size: 0.8em; }

.font-size-0-9 {
  font-size: 0.9em; }

.font-size-1-0 {
  font-size: 1em; }

.font-size-1-1 {
  font-size: 1.1em; }

.font-size-1-2 {
  font-size: 1.2em; }

.font-size-1-3 {
  font-size: 1.3em; }

.font-size-1-4 {
  font-size: 1.4em; }

.font-size-1-5 {
  font-size: 1.5em; }

.font-size-1-6 {
  font-size: 1.6em; }

.font-size-1-7 {
  font-size: 1.7em; }

.font-size-1-8 {
  font-size: 1.8em; }

.font-size-1-9 {
  font-size: 1.9em; }

.font-size-2 {
  font-size: 2em; }

.oph-display-none {
  display: none !important; }

.oph-right {
  text-align: right; }

.oph-headlineholder {
  /*background: #ff0000 none repeat scroll 0 0;*/
  overflow: auto;
  width: 100%;
  font-size: 16px; }

.oph-headline {
  margin-bottom: 1em; }

.oph-headline.right {
  clear: left;
  overflow: auto; }

.oph-headline.important {
  padding-left: 1em;
  border-left: 1em solid #337ab7;
  padding-top: 0em;
  padding-bottom: 0em; }

.oph-headline-image-holder.left img {
  width: 100%; }

.oph-headline-image-holder {
  overflow: hidden;
  cursor: pointer; }

.oph-headline-image-holder.right.leftIsWide {
  background: #ff0000; }

.oph-headline-image-holder.right.leftIsNarrow {
  /* display:inline-block; */ }

.oph-headline-image.right {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.oph-headline-image-holder.left {
  margin-bottom: 1em; }

/* category */
.oph-headline-category {
  font-size: 0.9em; }

@media (max-width: 990px) {
  .oph-headline-title-lead.hasImage {
    padding-left: 0px; }
  .oph-headline-image-holder.right {
    margin-bottom: 1em; } }

.oph-headline-title-lead {
  cursor: pointer; }

/*      TITLE      */
.oph-headline-title.left {
  font-size: 1.8em;
  font-weight: bold; }

.oph-headline-title.right {
  font-size: 1em;
  font-weight: bold; }

/*     LEAD    */
.oph-headline-shortLead {
  font-size: 0.9em;
  cursor: pointer; }

.oph-headline-link {
  color: #333;
  text-decoration: none; }

.oph-headline-link:hover {
  color: #000000; }

/*  visitor menu   */
.top-menu {
  width: 100%;
  margin-bottom: 1em;
  padding: 0px;
  padding-left: 10px; }
  .top-menu .menu-item {
    border-top: 1px solid #0170a4;
    border-bottom: 1px solid #0170a4;
    padding: 5px;
    display: table-cell;
    width: 9%;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .top-menu .menu-item a {
      color: #0170a4;
      text-decoration: none;
      vertical-align: middle;
      font-size: calc(0.7em + 0.6vw); }
  .top-menu .menu-item:hover {
    background-color: #eeeeee; }

.top-menu.mobile {
  width: 100%; }
  .top-menu.mobile .title-categories-mobile {
    text-align: center;
    font-size: 0.9em;
    background: #0170a4;
    padding: 0.2em;
    color: white;
    font-weight: 600;
    margin-bottom: 1em; }
  .top-menu.mobile .menu-item {
    float: left;
    display: block;
    width: 33%;
    height: 2.6em;
    border: 0px; }
  .top-menu.mobile .menu-item.current {
    color: white; }
  .top-menu.mobile .menu-item.full-width {
    width: 100%; }

@media screen and (min-width: 720px) and (max-width: 8000px) {
  .top-menu.mobile {
    display: none !important; }
  .top-menu.desktop {
    display: table !important; }
  .highlight-title {
    display: none !important; } }

@media screen and (min-width: 0px) and (max-width: 719px) {
  .top-menu.mobile {
    display: table !important; }
  .top-menu.desktop {
    display: none !important; }
  .highlight-title {
    display: block !important; } }

.highlight-title {
  text-align: center;
  font-size: 0.9em;
  background: #0170a4;
  padding: 0.2em;
  color: white;
  font-weight: 600;
  margin-bottom: 1em; }

.logo-holder-col {
  display: table;
  margin-top: 1em;
  margin-bottom: 1em; }
  .logo-holder-col img {
    width: 100%;
    margin-right: 3%; }

.search-div {
  margin-top: 1em;
  margin-bottom: 1em; }
  .search-div .facebook-icon {
    width: 30px;
    height: 30px;
    background-color: #006197;
    color: #fff;
    line-height: 30px;
    text-align: center;
    float: right; }
  .search-div .current-date {
    text-align: center;
    font-size: 12px;
    margin-top: 5px; }
  .search-div .search-icon {
    width: 30px;
    height: 30px;
    background-color: #0170a4;
    color: #fff;
    line-height: 30px;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-top: -1px; }
  .search-div input {
    width: calc(100% - 30px);
    height: 30px;
    line-height: 30px;
    border-style: inset;
    border: 1px solid #006197;
    padding-left: 10px;
    padding-right: 10px; }
  .search-div input:focus {
    outline: none; }

.search-div.on-main-page {
  margin-top: calc(1em + 1.6vw);
  margin-bottom: calc(1em + 1vw); }

/* admin menu */
.oph-menu-item.active > a {
  background: #dddddd !important;
  color: #000000 !important; }

.top-menu .menu-item.current {
  background: #0170a4; }

.top-menu .menu-item.current a {
  color: #ffffff; }

.oph-linea {
  background: #dddddd;
  width: 100%;
  height: 1px;
  margin-bottom: 1em; }

.oph-search-icon {
  background: #0170a4;
  width: 2.1em;
  height: 2.1em;
  float: left;
  padding: 0.6em;
  color: #ffffff; }

.related_container {
  border-top: 2px solid #006197;
  margin-top: 60px; }

.related_container h4 {
  background: transparent linear-gradient(45deg, #006197 5%, #006197 75%, #1689b7 76%, #006ca5 76%, #006ca5 100%) repeat scroll 0 0;
  color: white;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: -32px 0 20px;
  padding: 5px 20px;
  width: 20%; }

.oph-page-articles-time-box {
  background-color: white;
  color: #6b6b6b;
  font-size: 12px;
  padding: 5px;
  position: absolute;
  right: 15px; }

.oph-page-articles-time-box.smaller {
  top: 117px; }

.oph-page-articles-time-box.larger {
  top: 196px; }

@media only screen and (min-width: 1200px) {
  .oph-pod-title {
    width: 100%;
    padding: 0.6em;
    padding-left: 0px;
    font-size: 1.7em;
    font-weight: bold;
    background: white;
    margin-top: 1em; }
  .oph-pod-outside {
    background: #444444;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 1em;
    margin-bottom: 3em; }
    .oph-pod-outside .oph-pod-inside {
      width: 100%;
      padding-bottom: 44%;
      position: relative; }
      .oph-pod-outside .oph-pod-inside .leftside {
        width: 65%;
        position: absolute;
        bottom: 0;
        top: 0; }
        .oph-pod-outside .oph-pod-inside .leftside .picture {
          width: 100%;
          height: 88%;
          background-position: center center;
          background-repeat: no-repeat;
          overflow: hidden; }
          .oph-pod-outside .oph-pod-inside .leftside .picture img {
            width: 100%; }
        .oph-pod-outside .oph-pod-inside .leftside .subtitle-table {
          margin-top: 0.2em;
          width: 100%;
          height: 13%;
          display: table; }
          .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell {
            vertical-align: middle;
            display: table-cell; }
            .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-time-source-holder .subtitle-time {
              color: #dddddd;
              font-size: 0.8em;
              font-weight: normal;
              float: left; }
            .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-time-source-holder .subtitle-source {
              color: #dddddd;
              font-size: 0.8em;
              font-weight: normal;
              float: right; }
            .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle {
              clear: both;
              color: white;
              font-size: 1.6em;
              font-weight: bold; }
            .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-description {
              color: #dddddd;
              font-size: 1em;
              font-weight: normal; }
      .oph-pod-outside .oph-pod-inside .rightside {
        float: right;
        width: 35%;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0; }
        .oph-pod-outside .oph-pod-inside .rightside .picture {
          width: 46%;
          height: 22.5%;
          margin-bottom: 4%;
          margin-left: 4%;
          background-position: center center;
          background-repeat: no-repeat;
          overflow: hidden;
          float: left; }
          .oph-pod-outside .oph-pod-inside .rightside .picture img {
            width: 100%; }
          .oph-pod-outside .oph-pod-inside .rightside .picture .lastrow {
            margin-bottom: 0%; } }

@media only screen and (max-width: 1200px) {
  .oph-pod-title {
    width: 100%;
    padding: 0.6em;
    padding-left: 0px;
    font-size: 1.7em;
    font-weight: bold;
    background: white;
    border-top: 1px solid #999999;
    margin-top: 1em; }
  .oph-pod-outside {
    background: #444444;
    padding: 1em; }
    .oph-pod-outside .oph-pod-inside .leftside {
      overflow: auto; }
      .oph-pod-outside .oph-pod-inside .leftside .picture {
        padding-bottom: 60%;
        position: relative;
        width: 100%;
        overflow: hidden; }
        .oph-pod-outside .oph-pod-inside .leftside .picture img {
          position: absolute;
          width: 100%; }
      .oph-pod-outside .oph-pod-inside .leftside .subtitle-table {
        margin-top: 0.2em;
        width: 100%;
        height: 13%;
        display: table; }
        .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell {
          vertical-align: middle;
          display: table-cell; }
          .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-time-source-holder .subtitle-time {
            color: #dddddd;
            font-size: 0.8em;
            font-weight: normal;
            float: left; }
          .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-time-source-holder .subtitle-source {
            color: #dddddd;
            font-size: 0.8em;
            font-weight: normal;
            float: right; }
          .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle {
            clear: both;
            color: white;
            font-size: 1.6em;
            font-weight: bold; }
          .oph-pod-outside .oph-pod-inside .leftside .subtitle-table .subtitle-cell .subtitle-description {
            color: #dddddd;
            font-size: 1em;
            font-weight: normal; }
    .oph-pod-outside .oph-pod-inside .rightside {
      display: none; } }

.autosize-set-top-to-middle-of-parent {
  position: absolute; }

.oph-vistor-start-categoryrow {
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 2px;
  padding-left: 1em;
  padding-right: 1em; }
  .oph-vistor-start-categoryrow .category-title-row {
    border-bottom: 1px solid #0170a4;
    overflow-y: auto;
    padding-top: 0.1em;
    height: 2.2em;
    margin-bottom: 0.4em; }
    .oph-vistor-start-categoryrow .category-title-row .category-title {
      background: #0170a4;
      color: white;
      padding: 2em;
      padding-top: 0.2em;
      padding-bottom: 0.4em;
      font-size: 1.2em;
      font-family: verdana; }
  .oph-vistor-start-categoryrow .article .imageholder {
    overflow: hidden;
    position: relative; }
    .oph-vistor-start-categoryrow .article .imageholder img {
      position: absolute;
      opacity: 0.3; }
  .oph-vistor-start-categoryrow .article .article-title {
    margin-top: 0.6em;
    font-family: arial;
    font-size: 1.1em;
    font-weight: 600; }

.oph-vistor-categorypage-toprow .article .imageholder {
  overflow: hidden;
  position: relative; }
  .oph-vistor-categorypage-toprow .article .imageholder img {
    position: absolute;
    opacity: 0.3; }

.oph-vistor-categorypage-bottomrow .article .imageholder {
  overflow: hidden;
  position: relative; }
  .oph-vistor-categorypage-bottomrow .article .imageholder img {
    position: absolute;
    opacity: 0.3; }

.autosize-time-in-16-9-image-holder {
  color: #6b6b6b;
  position: absolute;
  bottom: 0em;
  right: 0em;
  background: white;
  padding: 0.2em;
  padding-left: 0.5em; }

.radio-div .radio-section-title {
  /* elo adas , kovetkezo adasunk */
  background: #0170a4;
  color: white;
  padding-left: 0.8em;
  padding-right: 2em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  font-size: 1.2em;
  font-family: verdana;
  margin-bottom: 0.1em; }

.radio-div .recording-description {
  font-family: arial;
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 0.6em; }

.radio-div img {
  width: 100%; }

.radio-div .nexttransmissions-holder {
  margin-top: 0.4em; }
  .radio-div .nexttransmissions-holder .body {
    padding: 0.4em;
    border-bottom: 1px solid #777777; }
    .radio-div .nexttransmissions-holder .body .body-link {
      font-size: 1em;
      color: #444444; }
  .radio-div .nexttransmissions-holder .body:hover {
    background: #0170a4; }
    .radio-div .nexttransmissions-holder .body:hover .body-link {
      color: white; }

.articlecontainer {
  overflow: hidden;
  padding: 1em;
  padding-top: 0px; }
  .articlecontainer figure {
    overflow: hidden;
    border: 1px solid #cccccc;
	margin-right: 25px;
	margin-left: 25px;
	display: inline-block;}
    .articlecontainer figure img {
      width: 100%;
      border: 0px; }
    .articlecontainer figure figcaption {
      border: 0px solid red;
      padding: 0.4em;
      background: #dddddd; }
  .articlecontainer figure.oph-figure-small {
    width: 50%;
    margin-left: 25%; }
  .articlecontainer .imageholder {
    position: relative;
    overflow: hidden; }
    .articlecontainer .imageholder img {
      position: absolute;
      width: 100%; }
    .articlecontainer .imageholder .titleholder {
      position: absolute;
      bottom: 1em;
      left: 1em;
      overflow: auto;
      max-width: calc(100% - 2em); }
      .articlecontainer .imageholder .titleholder .category-name {
        display: inline-block;
        padding: 0.4em;
        padding-bottom: 0.2em;
        padding-left: 0.4em;
        font-size: calc(0.5em + 1vw);
        background: white;
        color: #0170a4;
        cursor: pointer; }
      .articlecontainer .imageholder .titleholder .article-title {
        clear: both;
        font-weight: 600;
        font-size: calc(0.8em + 1vw);
        background: white;
        padding: 0.2em;
        padding-left: 0.4em; }
  .articlecontainer .imageholder.without-image {
    overflow: auto;
    padding: 0px; }
    .articlecontainer .imageholder.without-image .titleholder {
      position: relative;
      left: 0px; }
      .articlecontainer .imageholder.without-image .titleholder .category-name {
        padding-left: 0; }
      .articlecontainer .imageholder.without-image .titleholder .article-title {
        padding-left: 0; }
  .articlecontainer .source-and-date-holder {
    margin-top: 1.4em;
    margin-bottom: 1em;
    background: #ffdddd; }
    .articlecontainer .source-and-date-holder .source {
      float: left;
      font-size: 0.9em;
      font-style: italic; }
    .articlecontainer .source-and-date-holder .date {
      float: right;
      text-align: right;
      font-size: 0.9em;
      font-style: italic; }

.oph-embedded-radio-row {
  overflow: hidden; }
  .oph-embedded-radio-row .recording-title {
    background: #0170a4;
    color: white;
    font-size: 0.9em;
    padding: 0.3em; }
  .oph-embedded-radio-row .recordingimage {
    width: 100%; }

.relatedcontainer-row {
  margin-top: 1.2em; }
  .relatedcontainer-row .category-title {
    display: inline-block;
    background: #0170a4;
    padding: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    font-size: 1.2em;
    font-family: verdana; }
  .relatedcontainer-row .category-bottom-border {
    border-bottom: 2px solid #0170a4;
    margin-bottom: 1em; }
  .relatedcontainer-row .article .imageholder {
    overflow: hidden;
    position: relative; }
    .relatedcontainer-row .article .imageholder img {
      position: absolute;
      opacity: 0.3; }
  .relatedcontainer-row .article .article-title {
    margin-top: 0.6em;
    font-family: arial;
    font-size: 1.1em;
    font-weight: 600; }

.social-container {
  overflow: auto;
  height: 10em; }
  .social-container .category-title {
    display: inline-block;
    background: #0170a4;
    padding: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    font-size: 1.2em;
    font-family: verdana; }
  .social-container .category-bottom-border {
    border-bottom: 2px solid #0170a4;
    margin-bottom: 1em; }

.title-search {
  text-align: center;
  font-size: 0.9em;
  background: #0170a4;
  padding: 0.2em;
  color: white;
  font-weight: 600;
  margin-bottom: 1em; }

.page-search-left-side .article .imageholder {
  overflow: hidden;
  position: relative; }
  .page-search-left-side .article .imageholder img {
    position: absolute;
    opacity: 0.3; }

.page-search-left-side .article .article-title {
  margin-top: 0.6em;
  font-family: arial;
  font-size: 1.1em;
  font-weight: 600; }