/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

:root {
--hover-opacity: 1
}
.hero-image {
width: 1140px;
height: 550px;
margin-top: 0px!important;
}

* {
font-variant-ligatures: no-common-ligatures;
-moz-osx-font-smoothing: grayscale;
}
body {
line-height: 24px!important;
overflow-x: hidden;
background-color: #f5f5f5;
}
/* Shipping Timer Message */
.freeshippingtimer-message #fstx {
display: none !important;
}
.freeshippingtimer-message {
font-size: 16px!important;
font-weight: 500;
}

/* Header Basket */
.basket-count-items {
display: block;
}
.icon-count {
left: -14px;
}
.svg-icon.navbar-icon {
  width: 1.5rem;
  height: 1rem;
  margin-bottom: 3px;
}
.carttext {
  padding-left: -6px!important;
}

/* Headings */
h1 {
font-size: 38px;
font-family: gomme-sans, sans-serif;
font-style: normal;
font-weight: 700;
}
h2 {
font-size: 22px;
margin: 15px 0 5px 0;
font-family: gomme-sans, sans-serif;
font-style: normal;
font-weight: 700;
}
h3 {
font-size: 18px;
}
h2.startpage {
font-size: 40px;
text-align: center!important;
margin-top: -15px;
}
.modal-header h3 {
font-size: 28px;
}
h3.contactpage {
font-size: 28px;
font-family: gomme-sans, sans-serif;
font-style: normal;
font-weight: 700;
padding-bottom: 10px!important;
}

/* Mobilmenu */
.modal { 
width:100.5%;
margin-left: -1px;
}
.modal-content {
background-color: #1d1d1d;
}
.nav-link {
color: #000000;
}
.svg-icon.navbar-icon {
color: #ffffff;
}
.modal-header .close {
color: #ffffff;
}
.sidebar-cart-content {
background-color: #ffffff;
}
.modal-close {
color: #333333!important;
}
.logintext {
padding-left: 4px!important;
}

/* Hamburger */
.hamburger {
    float: left;
    display: block;
    position: absolute;
    overflow: hidden;
    margin-top: -15px;
    padding: 0;
    width: 50px;
    height: 35px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background .3s;
}
.hamburger:focus {
  outline: none;
}
.hamburger span {
  display: block;
  position: absolute;
  top: 13px;
  left: 0px;
  right: 20px;
  height: 4px;
  background: #fff;
}
.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}
.hamburger span::before {
  top: -8px;
}
.hamburger span::after {
  bottom: -8px;
}

/* Dropdown menu */
.navbar-nav .dropdown-menu {
color: #fff;
background-color: #000;
margin-left: -24px;
border-radius: 0px;
}
.dropdown-submenu .dropdown-menu-alignright {
  left: 183px;
  top: 0;
  margin-top: -0.5rem;
  border-radius: 0px;
}
ul.dropdown-menu[aria-labelledby="categoryDropdown109"] {
  top: -29px;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .4rem 1.5rem;
  clear: both;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover {
color: #fffffa;
}
.color-dark, .dropdown-item.active {
color: #00adef;
}

/* Menu */
.uspar {
font-size: 12px;
margin-top: 0px;
margin-right: 15px;
}
.fa-check {
margin-left: 8px;
}
.fa-file-pdf {
margin-right: 5px!important;
}
.navbar {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.navbar-brand {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.icon-count {
background: #00adef;
color: #000;
}
.taxlink {
color: #000;
padding: 0px;
margin-left: 15px!important;
margin-top: -6px!important;
margin-bottom: -5px!important;
}
.taxlink:hover { 
color: #000;
}

/* Startpage */
.section_element.container {
padding-top: 20px;
padding-bottom:1rem;
max-width:100%;
padding-left:0!important;
padding-right:0!important;
overflow: hidden;
}
.start-uspsection  {
padding-top: 30px!important;
border-radius: 0px;
}
.review-box {
    text-align: center;
    background: #e9e9e9;
    padding: 15px 0 45px 0;
    margin-bottom: -30px!important;
}
.review-star .fa-star {
    display: inline-block;
    color: #edb72f;
    margin-top: 25px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 22px;
}
.review-text {
    text-align: center;
    color: #333333;
    padding-top: 5px;
    margin-bottom: 13px;
}
.card-scale img.img-scale {
transition: all var(--transition-speed) ease;3s;
}
.card-scale:hover img.img-scale {
filter:brightness(.8)!important;
 -webkit-filter:brightness(80%)!important;
}
h2.lead    {
font-size: 18px!important;
color: #fff!important;
opacity: 1!important;
}
.lead-text {
font-size: 18px!important;
text-align: center;
vertical-align: center;
margin: 0 auto;
}
h2.default    {
z-index: 9999!important;
font-size: 40px!important;
}
.h5    {
margin-top: -10px!important;
margin-bottom: 0px!important;
}
.btn-link {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 38px 15px 38px!important;
  background: #00adef;
  color: #ffffff;
  border: 2px solid #00adef;
  border-radius: 4px;
  margin-top: 8px!important;
  margin-bottom: -5px!important;
}
.btn-link:hover {
  background: #009CD7;
  border: 2px solid #009CD7;
  color: #fff!important;
}
.ingress {
width: 900px;
margin: 0 auto;
margin-bottom: 0px;
font-size: 18px;
line-height: 1.5;
text-align: center;
margin-bottom: 0px;
padding-left: 40px;
padding-right: 40px;
}
.service-text {
padding-top: 10px;
text-align: center;
}
.service-text p {
line-height: 12px;
}
.service-column .service-icon {
margin-right: 0rem!important;
text-align: center;
}
.product_description {
margin-bottom: 20px;
}
.product-before-price {
color: #d70000!important;
}
.product-swap-image .product-swap-image-back {
  left: 0 !important;
  transform: none !important;
}

/* Image Box */
.image-box-section {
padding: 0px;
background: #FFF;
margin-top: 40px;
border-radius: 9px;
margin-right: 0px!important;
margin-left: 0px!important;
}
h2.image-box {
font-size: 40px!important;
line-height: 46px!important;
text-align: left;
margin-bottom: 20px;
}
.img-box {
margin-left: -15px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
#button-row-box {
  position: relative;
  vertical-align: left;
  text-align: left;
  padding: 25px 0 0px 0;
  margin-left: 0px;
  margin-right: 0px;
}
.image-box-text {
padding-top: 50px;
}
a.button.image-box {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 38px 15px 38px;
  background: #00adef;
  color: #ffffff;
  border: 2px solid #00adef;
  border-radius: 4px;
}
a.button.image-box:hover {
  background: #009CD7;
  border: 2px solid #009CD7;
}

/* Faq Pages */
h2.faqlist {
font-size: 26px;
}

/* Login Page */
.btn-inverse {
  font-size: 16px !important;
  line-height: 1;
  width: 200px!important;
  background-color: #00adef;
  color: #ffffff;
  padding: 15px 38px 15px 38px!important;
  letter-spacing: 1px !important;
  border: 2px solid #00adef;
  border-radius: 4px !important;
  margin-top:0px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease-in-out;
}
.btn-inverse:hover {
  background: #009CD7;
  color: #ffffff;
  border: 2px solid #009CD7;
}
.login-btn {
  font-size: 16px;
  line-height: 1;
  width: 200px!important;
  background-color: #00adef;
  color: #ffffff;
  padding: 15px 38px 15px 38px!important;
  letter-spacing: 1px !important;
  border: 2px solid #00adef;
  border-radius: 4px !important;
  margin-top: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.login-btn:hover {
  background: #009CD7;
  color: #ffffff;
  border: 2px solid #009CD7;
}
a.customerarea_forgot_link  {
  margin-top: 10px!important;
  color: #000000!important;
  display: inline-block;
}
.customerarea_signup_link {
    margin-top: 20px!important;
    margin-bottom: 40px!important;
    display: inline-block;
}

/* Custom Pages */
.page-section {
padding: 30px 0 40px 0;
}
h1.title {
font-size: 36px!important;
line-height: 40px!important;
margin-bottom: 20px;
color: #333!important;
}
h2.title {
font-size: 24px!important;
line-height: 30px!important;
margin-top: 20px!important;
margin-bottom: 5px!important;
color: #333!important;
}
#button-row-2 {
position: relative;
vertical-align: center;
text-align: center;
padding: 25px 0 0px 0;
margin-left: 0px;
margin-right: 0px;
}
.full-width {
width: 100vw;
position: relative;
left: calc(-1 * (100vw - 100%) / 2);
}
.img-pad{
margin-bottom: 20px;
}

/* Calculator */
#mat-length {
margin-top: 4px;
width: 300px!important;
border-top:    1px solid  #dee2e6!important;
border-right:  1px solid #dee2e6!important;
border-bottom: 1px solid #dee2e6!important;
border-left:   1px solid  #dee2e6!important;
padding: 6px!important;
padding-left: 10px!important;
border-radius: 8px;
}
#mat-width {
width: 300px!important;
margin-top: 4px;
border-top:    1px solid  #dee2e6!important;
border-right:  1px solid #dee2e6!important;
border-bottom: 1px solid #dee2e6!important;
border-left:   1px solid  #dee2e6!important;
padding: 6px!important;
padding-left: 10px!important;
border-radius: 8px;
}
#mat-height {
width: 300px!important;
margin-top: 4px;
border-top:    1px solid  #dee2e6!important;
border-right:  1px solid #dee2e6!important;
border-bottom: 1px solid #dee2e6!important;
border-left:   1px solid  #dee2e6!important;
padding: 6px!important;
padding-left: 10px!important;
border-radius: 8px;
}
#mat-area {
width: 300px!important;
margin-top: 4px;
border-top:    1px solid  #dee2e6!important;
border-right:  1px solid #dee2e6!important;
border-bottom: 1px solid #dee2e6!important;
border-left:   1px solid  #dee2e6!important;
padding: 6px!important;
padding-left: 10px!important;
border-radius: 8px;
}

/* Custom Button */
#button-row {
position: relative;
vertical-align: center;
text-align: center;
padding: 40px 0 60px 0;
margin-left: 0px;
margin-right: 0px;
}
a.button.medium {
font-size: 15px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 15px 38px 15px 38px;
margin-left: 8px!important; 
margin-right: 8px!important;
margin-bottom: 16px!important;
text-align: center;
vertical-align: center;
background: #00adef;
}
a.button.color-blue {
width: 250px;
display: inline-block;
margin: 0 auto;
background: #00adef;
color: #ffffff;
border: 2px solid #00adef;
border-radius: 3px;
}
a.button.color-blue:hover {
background: #009CD7!important;
border: 2px solid #009CD7!important;
color: #fff!important;
}
a.button.color-blue-wide {
width: 275px;
display: inline-block;
margin: 0 auto;
background: #00adef;
color: #ffffff;
border: 2px solid #00adef;
border-radius: 3px;
}

/* Category Page */
.cat-ingress {
max-width: 1000px;
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 22px;
font-weight: 300;
padding: 10px 0 40px 0;
}
.cat-images img {
border-radius: 9px;
}
.cat-caption {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.3;
margin-top: -8px!important;
text-align: center;
color: #000000!important;
}
.categoryOverview { 
margin-top: 0px;
}
.category_cta {
font-family: gomme-sans, sans-serif!important;
}
a.category_cta {
  display: block;
  text-align: center;
  color: #000000 !important;
}
a.category_cta:hover,
a.category_cta:focus,
a.category_cta:active {
  color: #000000 !important;
  text-align: center!important;
}
/* Filter Button */
.pf-filter-button-container {
margin-bottom: 0px!important;
gap: 0px!important;
}
.pf-active-filters {
margin-bottom: 0px!important;
}

/* Product Page */
.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1.2rem;
}

/* Call-To-Action */
.call-to-action-section {
   padding: 30px 10px 30px 10px;
   background: #000;
   text-align: center;
   display: block!important;
   margin-top: 5px;
   border-radius: 9px;
  background-image: url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/65910U/files/call-to-action-bg.png");
  background-size: 600px auto;   /* minskar bilden, 200px bred */
  background-repeat: no-repeat;  /* ingen upprepning */
  background-position: right center; /* placerar bilden till höger i mitten */
  width: 100%;                  /* Exempel: fyller hela bredden */

}
h3.call-to-action {
   font-family: gomme-sans, sans-serif!important;
   font-size: 28px;
   padding: 5px 0px 0px 0px;
   font-style: normal;
   font-weight: 600!important;
   letter-spacing: 0.5px;
   color: #fff;
   margin: auto;
   margin-top: 0px;
}
.call-to-action {
   font-family: 'Roboto', sans-serif!important;
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
   margin: 2px 0 0 0;
   padding: 0px 10px 0px 10px;
   text-align: center;
}
.call-to-action-button {
font-family: 'Roboto', sans-serif!important;
font-size: 16px;
width: 180px;
font-weight: 600;
display: inline-block;
margin-left: 20px;
background: #00adef;
padding: 11px 10px 11px 10px;
color: #ffffff;
border: 2px solid #00adef;
border-radius: 3px;
margin-top: -10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.call-to-action-button:hover {
color: #fff;
background: #009CD7;
border: 2px solid #009CD7;
}

/* Blog */
h1.blog-heading {
  font-size: 38px;
}
.blog-section {
margin-bottom: 10px!important;
}
.product-grid-header {
color: rgba(0,0,0,0.7);
}
.product-grid-header-show {
margin-right: 2px;
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: 10px 16px 10px 16px !important;
color: rgba(0,0,0,0.7);
border: 1px solid #dddddd;
margin-bottom: 6px;
}
.product-grid-header-show:hover {
color: #000;
}
.product-grid-header-show.active {
color: #00adef;
}
.cats {
padding-top: 8px;
margin-right: 10px;
}
#button-row-blog {
position: relative;
vertical-align: center;
text-align: center;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
a.button.color-blue-blog {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  background: #00adef;
  color: #ffffff;
  border: 2px solid #00adef;
  border-radius: 3px;
}
a.button.medium-blog {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 15px 38px 15px 38px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  text-align: center;
  vertical-align: center;
  background: #00adef;
}
span[itemprop="author"] {
    display: none;
}

/* Hero Banner */
h1.hero-heading {
font-size: 3.625rem;
letter-spacing: -0.2px!important;
}
.lead {
font-size: 25px;
line-height: 35px;
width: 950px;
margin: 0 auto;
text-align: center;
vertical-align: center;
opacity: 0.9;
margin-top: 25px;
margin-bottom: 20px;
}
.btn-dark {
font-size: 17px;
letter-spacing: 1px;
padding: 20px 50px 20px 50px;
background: #00adef!important;
margin-top: 20px;
border-radius: 4px;
transition: 0.3s;
}
.btn-dark:hover {
background: #009CD7!important;
border: 0px solid #009CD7!important;
color: #fff!important;
}
.btn-dark.btn-height-large   {
padding: 10px 35px 10px 35px!important;
margin-top: 20px!important;
border-radius: 4px!important;
border: 0px;
border: 0px solid #00adef!important;
background: #00adef!important;
}

h2.lead {
font-size: 18px!important;
line-height: 24px!important;
width: 100%;
}

/* Footer */
.newsletter-title {
font-family: gomme-sans, sans-serif;
font-size: 1.25rem;
font-weight: 700;
font-style: normal;
}
.text-lg-left {
text-align: left !important;
}

@media (max-width: 992px) {
.top-bar-height {
min-height: 15px;
}
.navbar-brand {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
.fa-check {
margin-left: 10px!important;
}
.navbar {
padding-top: 0px!important;
padding-bottom: 5px!important;
}
.mb-5, .my-5 {
margin-bottom: 20px!important;
}
.review-text {
padding-left: 5px;
padding-right: 5px;
}
.service-column {
padding-top: 20px!important;
}
.start-uspsection  {
padding-top: 10px!important;
border-radius: 0px;
}
.review-star .fa-star {
margin-top: 10px;
}
.review-box {
    text-align: center;
    background: #e9e9e9;
    padding: 20px 0 25px 0;
    margin-bottom: -25px!important;
}
.btn-dark {
margin-top: 0px;
}
.ingress {
width: 100%;
}

/* Custom Button */
a.button.color-blue {
width: 100%!important;

/* Blog */
.product-grid-header {
margin-top: -20px;
margin-bottom: 0px;
margin-right: -20px;
}
.product-grid-header-show {
font-size: 12px;
padding: 7px 7px 7px 7px!important;
}
.cats {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
width: 100%;
display: block;
}
}

@media screen and (max-width: 480px) {
.nav-link {
color: #ffffff!important;
}
.fa-check {
margin-left: 5px!important;
}
.uspar {
font-size: 11.5px!important;
margin-top: -10px!important;
margin-bottom: -7px!important;
margin-right: 4px!important;
}
h2.startpage {
font-size: 28px!important;
margin-top: -30px!important;
}
h2.image-box {
font-size: 28px!important;
line-height: 34px!important;
margin-top: 0px!important;
text-align: center;
}
.image-box-section {
margin-top: -20px;
padding-bottom: 40px;
padding-top: 45px;
border-radius: 0px;
}
.img-box {
margin-left: 0px;
border-radius: 9px;
}
#button-row-box {
  position: relative;
  vertical-align: left;
  text-align: center;
}
.image-box-text {
  padding-top: 15px;
  text-align: center;
}
#fstx {
top: 5px!important;
}
.card-mobile {
margin-bottom: -8px!important;
}
h2.default {
margin-top: -10px!important;
}
.image-caption.image-caption-3 .card-scale {
margin-bottom: 7px;
}
/* Call-To-Action */
.call-to-action-section {
margin-top: 0px;
}
h3.call-to-action {
font-size: 26px;
}
.call-to-action-button {
margin-top: 20px;
}

/* Custom Button */
a.button.color-blue {
width: 100%!important;
margin-left: 0px!important;
}
a.button.color-blue-wide {
width: 100%!important;
margin-left: 0px!important;
}
.lead-text {
font-size: 15px!important;
margin-top: -5px!important;
}
.producttitle-font-size {
font-size: 18px!important;
}
.blogg-carousel {
margin-bottom: 20px;
}
.cat-ingress {
padding-left: 10px;
padding-right: 10px;
}
}
/* Hero Banner */
.hero-image {
background-position: 25% center!important; /* skjut bilden åt vänster */
}
h1.hero-heading {
font-size: 32px !important;
line-height: 36px !important;
padding-left: 30px;
padding-right: 30px;
margin-top: -18px;
}
.lead {
font-size: 16px!important;
line-height: 22px!important;
font-weight: 500!important;
width: 100%!important;
opacity: 1!important;
margin-top: 15px;
}
.btn-dark {
font-size: 14px!important;
letter-spacing: 2px;
padding: 15px 30px 15px 30px;
background: #00adef!important;
margin-top: 0px;
}
h2.lead {
margin-bottom: 0px!important;
width: 100%!important;
}
.ingress {
width: 100%;
}
.newsletter-wrapper {
margin-top: 5px!important;
}
.cats {
display: block!important;
margin-top: 3px!important;
margin-bottom: 10px;
}
.hero-heading {
margin-bottom: 15px;
}
.newsletter-wrapper {
  margin-top: 10px !important;
}
}
@media (max-width: 767.98px) {
.hero-image {
width: 100%;
height: auto;
margin-top: 0px!important;
}
h1.hero-heading {
font-size: 2.1rem;
}
.ingress {
width: 100%;
}
}
@media (max-width: 1200px) {
.hero-image {
width: 100%;
height: auto;
}
/* Custom Button */
a.button.color-blue {
width: 100%!important;
}
.h1,h1 {
font-size:calc(1.375rem + 1.5vw);
}
h1.hero-heading {
font-size: calc(1.475rem + 2.7vw);
}
h1.blog-heading {
font-size:calc(1.375rem + 1.5vw);
}
.ingress {
width: 100%;
}
}

/* Airlectra */

html:not([lang="sv"]) .translate {
    visibility:hidden;
}

.blog_post_content img {
    display:none;
}

@media (max-width:768px) {
	.prod-nav-tabs .nav-item {
		width:100%;
		margin-top:0.5rem;
	}
	.tab-pane.active:not(.show) {
	    display:none;
	}
}

.prod-nav-tabs {
    display: none;
}
    
.acc-head {
    padding:1rem 0;
    border-top:1px solid #dee2e6;
}

.tab-content>.tab-pane.show {
    display:block;
}

.tab-content .block-toggler {
    color:#000000;
}

.tab-content .block-toggler .block-toggler-icon:before, .tab-content .block-toggler .block-toggler-icon:after {
    background-color:#000000;
}

@media(min-width:768px) {
    .prod-nav-tabs {
        display: flex;
    }
    .acc-head {
        display: none;
    }
}

.tab-content table {
    width:100%;
}

.acc-head .block-toggler .block-toggler-icon {
    width:12px;
    height:12px;
}

.tab-content .acc-head .block-toggler .block-toggler-icon::before {
    display:none;
}

.acc-head .block-toggler .block-toggler-icon::after {
    display: inline-block;
    background-color:#f5f5f5;
    content: "\f078";
    transition: all linear 0.25s;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    vertical-align: middle;
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    font-style: normal;
    height:unset;
    top:unset;
    right:0;
}

.acc-head .block-toggler[aria-expanded="true"] .block-toggler-icon::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#mat-calc {
    font-weight:700;
}

.mat-calc ::placeholder {
  color: #ccc;
  opacity: 1; /* Firefox */
}

.mat-calc ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ccc;
}

.usage-text, .usage t22 {
    font-size:22px;
}

#calculator-btn, #project, #samples {
    display:flex;
    align-items:center;
    font-size:18px;
    font-weight:700;
    color:#000000;
}

#calculator-btn svg, #project svg, #samples svg {
    width:34px;
    height:34px;
    margin-right:0.5rem;
}

#calculator-btn:hover {
    cursor:pointer;
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: height .35s ease;
    }
}

.indicator {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    margin-top: 3px;
    opacity:0.5;
}

.indicator.rotate {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); 
    transform:rotate(-180deg);
    padding-right:0;
}

.card-header:hover .indicator {
    opacity:1;
}

h2.faqhead {
    text-align:center;
    font-size:28px;
}

.accordion .panel.card {
    margin-bottom: 0;
    padding: 8px 8px 4px 12px;
    background-color:#fff;
    box-shadow: none;
    border-bottom: 1px solid #ddd!important;
    border-left: 1px solid #ddd!important;
    border-right: 1px solid #ddd!important;
}

.card.panel.white {
    background-color:#ffffff;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.accordion .panel.card:first-child {
    border-top: 1px solid #ddd!important;
}

.accordion .card-header {
    background:none;
    border-bottom: 0 solid transparent;
}

.accordion .head-text {
    font-size:16px;
    width:calc(100% - 40px);
    display: inline-block;
    text-transform: none;
    letter-spacing:0;
}

.accordion .head-text:hover, .accordion .card-header:hover, .accordion .indicator:hover {
    cursor:pointer;
}

.semibold {
    font-weight:600;
}

.accordion .card-body {
    font-weight: 300;
    font-size:14px;
}

@media (min-width:992px) {
.hero-image {
width: 100%;
height: auto;
}
    .accordion .head-text {
        font-size:18px;
    }
    .accordion .card-body {
        font-size:16px;
    }
}

.container-fluid.st-video {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.st-video .startpage_vid {
    display:block;
    width:100%;
    height:auto;
}

.st-video .videopadding {
    padding:41.6667% 0 0 0;
    position: relative;
}

.st-video h2 {
    font-size: 3.625rem;
}

@media (max-width: 991.9px) {
    .st-video .startpage_vid {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .st-video h2 {
        font-size: 32px !important;
        line-height: 36px !important;
        margin-top: -10px!important;
    }
}

.st-video .card-img-overlay {
    background:none;
}

.st-video .btn,  {
    backdrop-filter: contrast(0.5);
}

.video-image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.video-image-overlay.backdrop-contrast {
    background: rgba(0, 0, 0, 0.20);
}

.st-video .optional-mob {
    display:block;
}

.st-video .optional-dt {
    display:none;
}

@media (min-width:992px) {
    .st-video .optional-mob {
        display:none;
    }
    
    .st-video .optional-dt {
        display:block;
    }
}

#vatModal .modal-header {
    border-bottom:none;
}

#vatModal .modal-header p {
    font-size:1rem;
    margin-top:32px;
}

#vatModal .modal-body {
    gap:1.5rem;
}

#vatModal .modal-footer {
    border-top:none;
}
#vatModalLabel {
    font-size:1.5rem;
    text-decoration: underline;
    text-underline-offset: 18px;
    text-decoration-thickness: 3px;
    text-decoration-color: #00adef;
    /* margin-bottom:32px;*/
    line-height:2;
}

#vatModal .vat-btn, #vatModal .vat-btn:hover {
    color: #fffffa;
    background: #00adef;
    border-color: #00adef;
}

#vatModal .vat-btn {
    font-size:0.8rem;
    letter-spacing:1px;
    padding:8px;
    width:140px;
    border-radius: 3px;
}

#vatModal .vat-btn:hover {
    cursor:pointer;
    opacity:0.7;
}

#vatModal .btn-label {
    font-size:0.8rem;
}

@media (min-width: 768px) {
    #vatModalLabel {
        font-size:2rem;
        text-underline-offset: 24px;
    }
    #vatModal .modal-header p {
        font-size:1.2rem;
    }
    #vatModal .modal-body {
        gap:2rem;
    }
    #vatModal .vat-btn {
        font-size:1rem;
        width:150px;
    }
}

/* Slut Airlectra */