.popupBody .block-inner .field-items {
  padding: 10px;
}
.popupBody .block-inner .field-items p img {
  margin: 0px 5px 5px 0;
}
.popupBody .owl-pagination {
  counter-reset: slides-num;
  /* Initialize counter. */
}
.popupBody .owl-page {
  display: inline-block;
  counter-increment: slides-num;
  margin-right: 5px;
}
.popupBody .owl-page span {
  background-color: transparent !important;
}
.popupBody .owl-page span:after {
  font-size: 2.4rem !important;
  font: normal 20px 'nexa_heavyregular';
  content: counter(slides-num);
  display: inline-block;
  vertical-align: middle;
}
.popupBody .owl-wrapper-outer .slider-bg {
  min-height: 55vh !important;
}
@media screen and (max-width: 1024px) {
  .popupBody .owl-wrapper-outer .slider-bg {
    min-height: 75vh !important;
    width: 100vw !important;
  }
}
@media screen and (max-width: 768px) {
  .popupBody .owl-wrapper-outer .slider-bg {
    min-height: 30vh !important;
  }
}
.popupBody .owl-wrapper-outer .body-text {
  padding: 40px 40px 0 40px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .popupBody .owl-wrapper-outer .body-text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 1px solid lightblue;
    -moz-column-rule: 1px solid lightblue;
    column-rule: 1px solid lightblue;
  }
}
@media screen and (max-width: 768px) {
  .popupBody .owl-wrapper-outer .body-text {
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  .popupBody .owl-wrapper-outer .body-text {
    width: 100vw;
  }
}
@media screen and (max-width: 1024px) {
  .popupBody .owl-wrapper-outer {
    min-height: auto;
    width: 100vw !important;
  }
}
.popupBody .owl-controls .clickable,
.popupBody .owl-theme .owl-controls {
  width: 25%;
  top: 55vh;
  float: none;
  position: absolute;
  left: 36%;
  right: 32%;
  color: #bbc1bf;
  margin-top: 0;
}
.popupBody .owl-controls .clickable .owl-buttons .owl-prev,
.popupBody .owl-theme .owl-controls .owl-buttons .owl-prev {
  font-size: 0;
  background-color: transparent;
}
.popupBody .owl-controls .clickable .owl-buttons .owl-prev::after,
.popupBody .owl-theme .owl-controls .owl-buttons .owl-prev::after {
  color: #bbc1bf;
  font-family: FontAwesome;
  font-weight: bold;
  left: 0;
  top: 0.4vw;
  position: absolute;
  font-size: 32px;
  content: "\f104";
}
@media screen and (max-width: 768px) {
  .popupBody .owl-controls .clickable .owl-buttons .owl-prev::after,
  .popupBody .owl-theme .owl-controls .owl-buttons .owl-prev::after {
    display: none;
  }
}
.popupBody .owl-controls .clickable .owl-buttons .owl-next,
.popupBody .owl-theme .owl-controls .owl-buttons .owl-next {
  font-size: 0;
  background-color: transparent;
}
.popupBody .owl-controls .clickable .owl-buttons .owl-next::after,
.popupBody .owl-theme .owl-controls .owl-buttons .owl-next::after {
  color: #bbc1bf;
  font-family: FontAwesome;
  font-weight: bold;
  right: 0;
  top: 0.4vw;
  position: absolute;
  font-size: 32px;
  content: "\f105";
}
@media screen and (max-width: 768px) {
  .popupBody .owl-controls .clickable .owl-buttons .owl-next::after,
  .popupBody .owl-theme .owl-controls .owl-buttons .owl-next::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .popupBody .owl-controls .clickable,
  .popupBody .owl-theme .owl-controls {
    top: 66vh;
  }
}
@media screen and (max-width: 768px) {
  .popupBody .owl-controls .clickable,
  .popupBody .owl-theme .owl-controls {
    top: auto;
  }
}
@media screen and (max-width: 480px) {
  .popupBody .owl-controls .clickable,
  .popupBody .owl-theme .owl-controls {
    top: 87%;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
  }
}
.popupBody .upager {
  font-size: 1.4rem;
  font: normal 12px 'nexa_heavyregular';
}
.fancybox-wrap .fancybox-skin {
  padding: 0 !important;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .fancybox-wrap .fancybox-skin {
    height: 75vh !important;
    box-shadow: 0;
  }
}
@media screen and (max-width: 480px) {
  .fancybox-wrap .fancybox-skin {
    height: 74vh !important;
    box-shadow: 0;
  }
}
.fancybox-wrap .fancybox-inner {
  width: auto;
  height: 100%;
}
.fancybox-wrap .fancybox-inner iframe body {
  padding: 10px !important;
}
@media screen and (max-width: 768px) {
  .fancybox-wrap .fancybox-inner {
    height: 75vh !important;
  }
}
@media screen and (max-width: 480px) {
  .fancybox-wrap .fancybox-inner {
    width: auto !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .fancybox-wrap .fancybox-iframe {
    height: 75vh;
  }
}
@media screen and (max-width: 480px) {
  .fancybox-wrap .fancybox-iframe {
    height: 74vh;
  }
}
@media screen and (max-width: 768px) {
  .fancybox-wrap {
    left: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: 76vh !important;
  }
}
@media screen and (max-width: 480px) {
  .fancybox-wrap {
    height: 75vh !important;
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
  }
}
.node-type-cer-resource article.res-art {
  padding: 10px;
  color: #000000;
}
.node-type-cer-resource article.res-media .owl-wrapper-outer .owl-wrapper {
  height: 44vw;
}
@media screen and (max-width: 480px) {
  .node-type-cer-resource article.res-media .owl-wrapper-outer .owl-wrapper .owl-item {
    min-height: 100vw;
  }
}
.node-type-cer-resource article.res-media .fluid-width-video-wrapper iframe {
  transform: scale(1, 0.7);
  height: 50vw;
  top: -50px;
}
@media screen and (max-width: 480px) {
  .node-type-cer-resource article.res-media .fluid-width-video-wrapper iframe {
    transform: scale(1, 1);
    top: auto;
    height: auto;
  }
}
.node-type-cer-resource article.res-media .slider-bg img {
  height: 88vh;
  width: 100vw;
}
@media screen and (max-width: 1024px) {
  .node-type-cer-resource article.res-media .slider-bg {
    min-height: 60vh !important;
  }
}
@media screen and (max-width: 480px) {
  .node-type-cer-resource article.res-media {
    background-color: transparent;
  }
}
.cer-story-slider-wrap .slider-bg .slider-image img {
  max-height: 45vh;
}
@media screen and (max-width: 768px) {
  .cer-story-slider-wrap .slider-bg .slider-image {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cer-story-slider-wrap .slider-bg .slider-text {
    float: none;
    width: 100%;
  }
}