.hero_banner { display: flex; position: relative; margin-bottom: 0; overflow: hidden; /*min-height: -webkit-fill-available;*/ min-height: 100svh; /* height: calc(var(--height_herobanner)); max-height: calc( 100vw / .5 ); */ background: linear-gradient(-45deg, var(--color_bg_dummy_dark) 40%, var(--color_loadinggradientchange) 50%, var(--color_bg_dummy_dark) 60%); animation: shimmer 1.5s infinite linear; background-size: 300%; background-position-x: 100%;
}

/* Kanske är knasigt */
/* @media (max-width: 600px) {	
  .hero_banner { 
      height: calc(100svh + var(--divider_arrow_down_height) ) !important;
  }

} */


/* .hero_banner.has_divider {height: calc(var(--height_herobanner) + 28px);} */

body.hero_banner_has_vignette_bottom #footer_nav { display: none !important;}
.hero_banner.has_vignette_bottom:after {content: none;}

.hero_banner .header {/*margin-bottom: 40px;*/ gap: 10px;}

.swiper.hero_banner_slider {position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 2;}
.swiper.hero_banner_slider .swiper-slide picture {width: 100%; height: 100%; z-index: 5;}
.swiper.hero_banner_slider .swiper-slide img {width: 100%; height: 100%; min-height: 100%; min-width: 100%; position: relative; z-index: 1; object-fit: cover; object-position: center;}

.swiper.hero_banner_slider .swiper-slide .bg_overlay  { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: 6; background-color: transparent; background-image: radial-gradient(circle at bottom center, rgba(0, 0, 0, .7) 0, transparent 100%); background-repeat: no-repeat; transition: background-image .5s ease-in-out; }

/* .hero_banner.bg_vignette .swiper-slide:after { content: ""; display: block; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 110%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 6; opacity: .35;} */

.hero_banner .swiper-slide .bg_vignette { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 110%); z-index: 6; opacity: .35;}

.hero_banner.opacity_10 .content:before,
.hero_banner.opacity_10 .content:after,
.hero_banner.opacity_10 .swiper-pagination-bullets:before {opacity: .1 !important;}
.hero_banner.opacity_20 .content:before,
.hero_banner.opacity_20 .content:after,
.hero_banner.opacity_20 .swiper-pagination-bullets:before {opacity: .2 !important;}
.hero_banner.opacity_30 .content:before,
.hero_banner.opacity_30 .content:after,
.hero_banner.opacity_30 .swiper-pagination-bullets:before {opacity: .3 !important;}
.hero_banner.opacity_40 .content:before,
.hero_banner.opacity_40 .content:after,
.hero_banner.opacity_40 .swiper-pagination-bullets:before {opacity: .4 !important;}
.hero_banner.opacity_50 .content:before,
.hero_banner.opacity_50 .content:after,
.hero_banner.opacity_50 .swiper-pagination-bullets:before {opacity: .5 !important;}
.hero_banner.opacity_60 .content:before,
.hero_banner.opacity_60 .content:after,
.hero_banner.opacity_60 .swiper-pagination-bullets:before {opacity: .6 !important;}
.hero_banner.opacity_70 .content:before,
.hero_banner.opacity_70 .content:after,
.hero_banner.opacity_70 .swiper-pagination-bullets:before {opacity: .7 !important;}
.hero_banner.opacity_80 .content:before,
.hero_banner.opacity_80 .content:after,
.hero_banner.opacity_80 .swiper-pagination-bullets:before {opacity: .8 !important;}
.hero_banner.opacity_90 .content:before,
.hero_banner.opacity_90 .content:after,
.hero_banner.opacity_90 .swiper-pagination-bullets:before {opacity: .9 !important;}
.hero_banner.opacity_100 .content:before,
.hero_banner.opacity_100 .content:after,
.hero_banner.opacity_100 .swiper-pagination-bullets:before {opacity: 1 !important;}

.hero_banner .content { position: relative; z-index: 7; align-items: flex-end; margin: auto 0 0 0; width: 100%;}
.hero_banner.shadow_under_content .content:after {content: ""; position: absolute; z-index: 3; left: -100%; opacity: .2 !important; right: -100%; top: -100%; bottom: -100%; background: radial-gradient(circle closest-side, #000, transparent);}
.hero_banner.content_vertical_bottom.shadow_under_content .content:after { content: ""; position: absolute; z-index: 3; left: 0; right: 0; top: -30px; height: auto; bottom: 0; opacity: 1; background: #00000070; backdrop-filter: blur(40px); mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.7)); transform: none; }
.hero_banner.content_vertical_center .container_small {margin: 80px auto 80px;}
.hero_banner.content_vertical_center .content {/*margin: auto calc( var(--paddingContainer) + 30px );*/ margin: auto calc( var(--paddingContainer) + 0px );}
.hero_banner.content_vertical_bottom.shadow_under_content .content:before,
.hero_banner.content_vertical_center.shadow_under_content .swiper-slide:before {content: ""; position: absolute; top: -80px; bottom: 0px; right: 0px; left: 0px; z-index: 2; background-color: transparent; opacity: .6; background-position: 0 top; background-size: 100% 100%; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.15) 25%,rgba(0, 0, 0, 0.33) 40%,rgba(0, 0, 0, 0.5) 60%,rgba(0, 0, 0, 0.6) 80%,rgba(0, 0, 0, 0.7));}

/*
.hero_banner.content_vertical_bottom.has_vignette_bottom .content:before,
.hero_banner.content_vertical_center.has_vignette_bottom:before { 
background-image: linear-gradient(180deg,rgba(var(--color_bg_rgb), 0) 0,rgba(var(--color_bg_rgb), 0.15) 25%,rgba(var(--color_bg_rgb), 0.33) 40%,rgba(var(--color_bg_rgb), 0.5) 60%,rgba(var(--color_bg_rgb), 0.6) 80%,rgba(var(--color_bg_rgb), 0.7));}
*/

/* .hero_banner .container_small {text-align: center; margin: 80px auto 108px; padding: 0 15px; position: relative; z-index: 4; } */

.hero_banner .container_small,
.hero_banner .container,
.hero_banner .container-fluid {text-align: center; margin-top: 80px; margin-bottom: 108px; padding-top: 0; padding-bottom: 0; position: relative; z-index: 4; }

.hero_banner .caption { position: absolute; top: 10%; bottom: 10%; right: 12px; z-index: 8; color: #FFF; font-size: 12px; transition: opacity .4s,visibility .4s; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); line-height: 1; pointer-events: all;}
.hero_banner .caption a { color: #FFF;}

.hero_banner p, .hero_banner .tc .header .pre_title, .editor-styles-wrapper .hero_banner p, .editor-styles-wrapper .hero_banner .tc .header .pre_title {color: #FFF;}
.hero_banner h1, .editor-styles-wrapper .hero_banner h1, .hero_banner h2, .editor-styles-wrapper .hero_banner h2, .hero_banner h3, .editor-styles-wrapper .hero_banner h3 {margin-bottom: 0; padding-bottom: 0; color: #FFF;}
.hero_banner .banner_description {margin: 15px 0 0 0;}
.hero_banner .banner_description p:last-of-type {margin-bottom: 0;}
.hero_banner ul.fa-ul li, .hero_banner ul.fa-ul li .fa-li {color: #FFF;}
.hero_banner .desc strong {color: var(--color_white);}
.hero_banner .btn-secondary,
.editor-styles-wrapper .hero_banner .btn-secondary {color: var(--color_white); border: 2px solid rgb(255 255 255 / 20%); background: transparent;}
.hero_banner .btn-secondary i,
.hero_banner .btn-plain,
.hero_banner .btn-plain i,
.hero_banner span.fa-li i,
.editor-styles-wrapper .hero_banner .btn-secondary i,
.editor-styles-wrapper .hero_banner .btn-plain,
.editor-styles-wrapper .hero_banner .btn-plain i {color: var(--color_white); }

.divider_arrow_down { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 9; }
.divider_arrow_down svg { position: relative; display: block; width: calc(100% + 1.3px); height: 28px; }
.divider_arrow_down .shape-fill { fill: var(--color_bg); }

.hero_banner .swiper .swiper-button-next, 
.hero_banner .swiper .swiper-button-prev {--swiper-navigation-size: 26px; display: none;}
.hero_banner .swiper .swiper-button-prev {left: -5px;}
.hero_banner .swiper .swiper-button-next {right: -5px;} 
.hero_banner .swiper .swiper-pagination-bullets {display: none; z-index: 9; position: absolute; top: 0; bottom: 0; left: -3px; margin: auto 0; padding: 0 0 0 20px; opacity: 1; width: auto; right: auto; flex-direction: column; align-items: center; justify-content: center; background: none;}
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullets {bottom: 10%;}

.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet { background-color: hsla(0, 0%, 100%, 0.5); width: 6px; height: 6px; opacity: 1; margin: 10px 12px;}
.hero_banner.shadow_under_content .swiper .swiper-pagination-bullets:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: -30px; background-image: linear-gradient(270deg,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.7)); -webkit-mask-position: 0 0; -webkit-mask-size: 100%; -webkit-mask-composite: source-in, source-over; -webkit-mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 42%, rgba(0, 0, 0, 1) 70%, transparent 95%); }
.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; width: auto; height: auto; background-color: transparent !important; border: none; padding: 0 10px; position: relative; border: 1px solid #ffffff7a; background: transparent; border-radius: 50%; width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; outline: none !important; margin: 0; }
/* .hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { outline: none !important; height: 4px; background: hsla(0, 0%, 100%, 1); } */
.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:after {content: ""; width: 6px; height: 6px; background: #ffffffb3; border-radius: 50%; outline: none !important;}
.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet>span { font-size: 30px; font-weight: 700; color: #FFF; font-family: var(--font_h); display: none; line-height: 1; vertical-align: middle; margin-top: -15px; position: relative; }
.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet>span:before {content: ""; position: absolute; bottom: 3px; left: -2px; right: -2px; height: 1px; background: hsla(0, 0%, 100%, 0.5);}
.hero_banner .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active>span {display: block; margin-bottom: 0px;}
.hero_banner .arrow_down {position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, 0); z-index: 104; color: #FFF; display: flex; align-items: center; justify-content: center; font-size: 26px; opacity: .5;}

.hero_banner.has_vignette_bottom .arrow_down {display: none;}
.hero_banner.has_vignette_bottom {height: calc(var(--height_herobanner) + 53px);}
.hero_banner.has_vignette_bottom {min-height: 200px;}
.hero_banner.has_vignette_bottom .content:before,
.hero_banner.has_vignette_bottom .content:after {content: none !important;}
.hero_banner.has_vignette_bottom {overflow: visible; background: none;}
.hero_banner.has_vignette_bottom .swiper.hero_banner_slider {position: absolute; width: 100%; overflow: hidden; z-index: -1; height: 100%; -webkit-mask-position: 0 0; -webkit-mask-size: 100%; -webkit-mask-composite: source-in, source-over; -webkit-mask-image: linear-gradient(black 60%, rgba(0, 0, 0, 0.41) 74%, transparent 100%); }
.hero_banner.has_vignette_bottom .container_small { margin: 80px auto 20px;}
.hero_banner.has_vignette_bottom .caption,
.hero_banner.has_vignette_bottom .caption a,
.hero_banner.has_vignette_bottom p, .hero_banner.has_vignette_bottom .tc .header .pre_title, .editor-styles-wrapper .hero_banner.has_vignette_bottom p, .editor-styles-wrapper .hero_banner.has_vignette_bottom .tc .header .pre_title,
.hero_banner.has_vignette_bottom ul.fa-ul li, 
.hero_banner.has_vignette_bottom ul.fa-ul li .fa-li,
.hero_banner.has_vignette_bottom .desc strong,
.hero_banner.has_vignette_bottom .links a .underline {color: var(--color_text) !important;}
.hero_banner.has_vignette_bottom .btn-secondary {color: var(--color_text); border: 1px solid var(--color_border);}
.hero_banner.has_vignette_bottom h1, .editor-styles-wrapper .hero_banner.has_vignette_bottom h1, 
.hero_banner.has_vignette_bottom h2, .editor-styles-wrapper .hero_banner.has_vignette_bottom h2, 
.hero_banner.has_vignette_bottom h3, .editor-styles-wrapper .hero_banner.has_vignette_bottom h3 {color: var(--color_theme);}
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullets:before {background-image: linear-gradient(270deg,rgba(var(--color_bg_rgb), 0) 0,rgba(var(--color_bg_rgb), 0.7));-webkit-mask-image: linear-gradient(180deg, transparent 5%, rgba(var(--color_bg_rgb), 1) 42%, rgba(var(--color_bg_rgb), 1) 70%, transparent 95%); right: -90px; }
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:after {background: hsla(0, 0%, 0%, 0.5);}
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 1px solid hsla(0, 0%, 0%, 0.5);}
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullet {background-color: hsla(0, 0%, 0%, 0.5);}
.hero_banner.has_vignette_bottom .swiper .swiper-pagination-bullets .swiper-pagination-bullet-active span { color: hsla(0, 0%, 0%, 0.5);}

.hero_banner .links a,
.hero_banner .links a .underline,
.hero_banner .btn-simple.underline,
.hero_banner .fc .links i.link_icon {color: #FFF !important;}
.hero_banner .links a i {color: var(--color_theme) !important;}

.hero_banner .border_top_bottom, .hero_banner .border_top, .hero_banner .border_bottom {border-color: rgb(255 255 255 / 50%) !important;}

.hero_banner p {margin: 0 0 .5rem}
/* .hero_banner .padding_top {padding-top: .5rem !important;}
.hero_banner .padding_bottom {padding-bottom: .5rem !important;}
.hero_banner .padding_top_bottom {padding-top: .5rem !important; padding-bottom: .5rem !important;}
.hero_banner .margin_top {margin-top: .5rem !important;}
.hero_banner .margin_bottom {margin-bottom: .5rem !important;}
.hero_banner .margin_top_bottom {margin-top: .5rem !important; margin-bottom: .5rem !important;} */

.hero_banner .content .content_horizontal_left {margin-right: auto;}
.hero_banner .content .content_horizontal_center {margin-left: auto; margin-right: auto;}
.hero_banner .content .content_horizontal_right {margin-left: auto;}

.hero_banner .tc .header i {color: #FFF; font-size: 50px;}
.hero_banner .tc .pre_title,
.editor-styles-wrapper .hero_banner .tc .pre_title { color: #FFF; font-weight: 100; letter-spacing: 6px; /*font-size: 17px;*/ }

.hero_banner .btn-big, 
.editor-styles-wrapper .hero_banner .btn-big { font-size: 1rem; padding: 21px 46px; }
.hero_banner .btn-big i, 
.editor-styles-wrapper .hero_banner .btn-big i { font-size: 1.7rem;}

.video_con {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; object-fit: cover;}
.video_con video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; object-fit: cover; display: block;}
.video_con picture {z-index: 1;}


.hero_banner .btn-only_icon i {color: var(--color_white) !important;}

@media (hover: hover) and (pointer: fine) {
  .hero_banner .btn-secondary:hover,
  .hero_banner .btn-secondary:focus,
  .hero_banner .btn-secondary:active {color: #FFF !important; border-color: rgba(255, 255, 255, .4) !important; background: none !important;}

  .hero_banner .btn-plain:hover,
  .hero_banner .btn-plain:focus,
  .hero_banner .btn-plain:active,
  .hero_banner .btn-plain:hover i,
  .hero_banner .btn-plain:focus i,
  .hero_banner .btn-plain:active i {color: var(--color_white) !important;}

  .hero_banner .btn-custom:hover,
  .hero_banner .btn-custom:focus,
  .hero_banner .btn-custom:active {background: #FFF !important;}


  
}
@media (min-width: 768px) {
  .hero_banner {/*height: calc(var(--height_herobanner));*/ /*max-height: calc( 100vw / .75 );*/}
  /* .hero_banner.has_divider {height: calc(var(--height_herobanner) + 53px);} */
  
  .hero_banner .container_small { margin: 80px auto 138px; padding: 0; }
  .hero_banner .caption { font-size: 13px; right: 15px;}
  .divider_arrow_down svg { height: 53px; }

  .hero_banner.has_vignette_bottom .swiper.hero_banner_slider {position: absolute; width: 100%; overflow: hidden; z-index: -1; height: 120%; -webkit-mask-position: 0 0; -webkit-mask-size: 100%; -webkit-mask-composite: source-in, source-over; -webkit-mask-image: linear-gradient(black 45%, rgba(0, 0, 0, 0.05) 74%, transparent 100%); }
  .hero_banner.has_vignette_bottom .container_small { margin: 80px auto 0;}

  .hero_banner.content_vertical_center .content {margin: auto calc( var(--paddingContainer) + 50px );}

  .hero_banner .swiper .swiper-pagination-bullets {display: flex;}
}
@media (min-width: 968px) {
  .hero_banner {/* max-height: calc( 100vw / .8 );*/}
  .hero_banner .caption { font-size: 15px;right: 20px;}
  .hero_banner .arrow_down {bottom: 60px;}
}
@media (min-width: 1200px) {
  .hero_banner {/*max-height: calc( 100vw / 1.5 );*/}
  .hero_banner .swiper .swiper-pagination-bullets {padding: 0 0 0 var(--paddingContainer);}
}
@media (min-width: 1600px) {
  .hero_banner {/*max-height: calc( 100vw / 1.7 );*/}
}