/* ----------------------------------------------------------------------------- */
/* HeroImage ContentBox Standard-Styles*/
.heroimage {
  position: relative;
  height: 100%; }
  .heroimage .ce-media > .video-holder > div > .hf-video-preview-image {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    height: 100%; }
    .heroimage .ce-media > .video-holder > div > .hf-video-preview-image + iframe {
      height: 40.25vw;
      min-height: 100vw;
      width: 100%;
      transform: translateY(-50%);
      position: absolute;
      top: 50%; }
  .heroimage .hf-slider .slider-element img {
    width: 100%; }
  .heroimage .hf-slider.fullscreen img {
    position: absolute;
    height: 100%;
    object-fit: cover; }
  .heroimage .hf-slider .owl-nav button {
    margin-top: 0; }
  .heroimage .hf-slider[class*="multi-"] {
    height: auto;
    overflow: inherit;
    white-space: nowrap; }
  .heroimage .hf-slider > .owl-dots {
    text-align: center; }
    .heroimage .hf-slider > .owl-dots > .owl-dot {
      width: 15px;
      height: 15px;
      background-color: #F2F0F0;
      border: 1px solid #F2F0F0; }
      .heroimage .hf-slider > .owl-dots > .owl-dot:not(:last-child) {
        margin-right: 15px; }
      .heroimage .hf-slider > .owl-dots > .owl-dot.active {
        background-color: #666666;
        border: 1px solid #666666; }
  .heroimage .heroimage-contentbox {
    position: absolute;
    z-index: 1;
    color: #FFFFFF; }
    .heroimage .heroimage-contentbox[class^="centered"], .heroimage .heroimage-contentbox[class*=" centered"] {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .heroimage .heroimage-contentbox.left {
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .heroimage .heroimage-contentbox.right {
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .heroimage .heroimage-contentbox.lefttop {
      top: 15px; }
    .heroimage .heroimage-contentbox.leftbottom {
      bottom: 15px; }
    .heroimage .heroimage-contentbox.righttop {
      right: 0;
      top: 15px; }
    .heroimage .heroimage-contentbox.rightbottom {
      right: 0;
      bottom: 15px; }
    .heroimage .heroimage-contentbox.centeredtop {
      top: 15px;
      -webkit-transform: translatex(-50%);
      -moz-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
      -o-transform: translatex(-50%);
      transform: translatex(-50%); }
    .heroimage .heroimage-contentbox.centeredbottom {
      bottom: 15px;
      top: unset;
      -webkit-transform: translatex(-50%);
      -moz-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
      -o-transform: translatex(-50%);
      transform: translatex(-50%); }
  .heroimage .heroimage-arrowdown {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer; }
    .heroimage .heroimage-arrowdown:before {
      transition-duration: .2s;
      transition-property: all; }
    .heroimage .heroimage-arrowdown:hover:before {
      opacity: .8;
      transition-duration: .2s;
      transition-property: all; }
  .heroimage:not(.hf-wrapper-full) > .hf-slider.fullscreen img {
    position: inherit; }

#headercontent .heroimage.hf-content-raster {
  margin: 0; }

/*# sourceMappingURL=heroimage.css.map */