body {
  font-family: 'Avenir';
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

p + p{
  padding-top: 1rem;
  margin-bottom: 0;
}

/* 5 cols */
@media (min-width: 992px) {
  .col-md-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.mt-5 {
margin-top: 2rem !important;
}
.mb-5 {
  margin-bottom: 2rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

body.modal-open .cm-add-to-card {
  right: 17px;
}

.modal.show {
  padding-right: 0 !important;
}

#modalDownloads .modal-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

  #modalDownloads .modal-body ul li {
    border-bottom: 1px solid #f1f1f1;
  }

  #modalDownloads .modal-body ul a {
    line-height: 2.5rem;
    padding: 0 1rem;
    display: block;
  }

    #modalDownloads .modal-body ul a:hover {
      background-color: #f1f1f1
    }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  margin-bottom: 0;
}

h1 {
  text-transform: uppercase;
}

b, bold, strong {
  font-weight: 500;
}

.page a:not([class]) {
  text-decoration: underline;
}

  .page a:not([class]):hover {
    color: #d3aa47;
  }

.a-hover:hover {
    cursor: pointer;
}

a:hover {
  color: #d3aa47;
}

a.link-inverted {
  color: #fff;
}

a.link-inverted:hover {
  color: #000;
}


.line-height-1,
.line-height-1 p {
  line-height: 13px;
}

  .line-height-1 p {
    margin-bottom: .5rem !important;
  }

.category-page,
.manufacturer-list-page,
.manufacturer-page,
.order-details-page,
.account-page,
.login-page,
.side-2,
.shopping-cart-page,
.order-completed-page,
.registration-page,
.password-recovery-page,
.registration-result-page {
  padding-top: 2rem;
}

.product-header {
  max-width: 750px;
  margin: 0 auto 30px auto;
}

.page-intro {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cfcfcf;
}

.page-title,
.product-header {
  text-align: center;
}

.account-page .page-title,
.account-page .fieldset .title,
.account-page .section .title {
  text-align: left;
}

.page-title {
  margin-bottom: 2rem;
}

.page-sub-title {
margin-bottom: 1rem;
}

.page-sub-title h2 {
  text-transform: uppercase;
}

.page-navigation {
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.page-navigation .btn {
  min-width: 102px;
}


.page-description {
  margin-bottom: 2rem;
}

.page-image {
  height: 100%;
  width: 100%;
  max-height: 800px;
  overflow:hidden;
  position: relative;
  margin-bottom: 2rem;
}

.page-image img {
  max-height: 800px;
}

.page-image-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .page-image-content {
    position: relative;
    width: 100%;
    padding: 1rem;
    background-color: #323232;
  }

  .swiper-buttons {
    display: none;
  }
}

.page-image-text {
  align-self: center;
  text-align: center;
  color: #fff;
}

  .page-image-text h1 {
    font-size: 60px;
    margin-bottom: 25px;
  }

@media (max-width:991px) {
  .page-image-text h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media (max-width:578px) {
  .page-image-text h1 {
    font-size: 20px;
  }
}

.page-image-text .lead {
  font-size: 25px;
  display: block;
  clear: both;
}

@media (max-width:991px) {
  .page-image-text .lead {
    font-size: 14px;
  }
}

@media (max-width:578px) {
  .page-image-text .lead {
    font-size: 13px;
  }
}


.no-transition {
  -webkit-transition: height 0.001s;
  -moz-transition: height 0.001s;
  -ms-transition: height 0.001s;
  -o-transition: height 0.001s;
  transition: height 0.001s;
}

/* Titler */
.h1, h1 {
  font-size: 2rem;
}

.h2, h2 {
  font-size: 1.7rem;
}

.h3, h3 {
  font-size: 1.4rem;
}

.h4, h4 {
  font-size: 19px;
}




/* Fancybox NOP html fix */
.fa,
.fad,
.fas {
  visibility: hidden;
}
  .fa:before,
  .fad:before,
  .fas:before {
    visibility: visible;
  }


/* Hide submenu on large screens */
@media (min-width:768px){
  .navbar-nav .nav-item .dropdown-menu {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    justify-content: flex-end;
  }
}

@media (min-width:1350px) {
  .container {
    max-width: 1350px;
  }
}

.container-sm {
  max-width: 970px;
  margin: 0 auto;
}

/* slinky menu fix on large screen */
@media (min-width:768px) {
  .slinky-menu.slinky-theme-default {
    height: auto !important;
  }

  .navbar.navbar-expand-lg {
    width: 100% !important;
  }
}

  /*************************
BOOTSTRAP OVERWRITE
/*************************/
  @media (min-width: 1350px) {
    .container-lg {
      max-width: 1350px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
    }
  }

  .lead {
    font-size: 17px;
  }
  /* Forms */
  .form-control {
    border-radius: 0;
  }
  .form-label {
  font-weight: bold;
  }

/* Hide ticker in number-field */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

  .input-group-text {
    border-radius: 0;
  }

  .input-group .btn {
    height: 100%;
  }

  /* Buttons */
  .btn {
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none !important;
  }

  .btn-xs {
    padding: .3rem .4rem;
    font-size: 10px;
  }

  .btn-secondary-2 {
    color: #323232;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
  }

    .btn-secondary-2:hover,
    .btn-secondary-2:focus {
      color: white;
      background-color: #848484;
      border-color: #848484;
    }
    .btn-secondary-2.active {
      color: white;
      background-color: #323232;
      border-color: #323232;
    }

  .btn-primary {
    background-color: #323232;
    border-color: #323232;
  }

    .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
      background-color: #848484;
      border-color: #848484;
    }

    .btn-primary.text-warning:hover {
      color: #fff !important;
    }

    .btn-primary.focus, .btn-primary:focus {
      color: #000 !important;
      background-color: #d3aa47;
      border-color: #d3aa47;
    }

    .btn-warning {
      background-color: #d3aa47;
      border-color: #d3aa47;
    }

  /* Background */
  .bg-primary {
    background-color: #323232 !important;
  }

  .bg-secondary-2 {
    background: #efefef;
  }

  .bg-warning,
  .badge-warning {
    background-color: #d3aa47 !important;
  }

  /*  Text */
  .text-warning {
    color: #d3aa47 !important;
  }

  /* Custom checkbox and radio */
  .custom-checkbox .custom-control-label::before {
    border-radius: 0;
  }

  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #d3aa47;
    background-color: #d3aa47;
    background-image: none;
  }

  /* Large custom checkbox */
  .custom-control-label-lg.custom-control-label {
    padding-left: .8rem;
    line-height: 2.2rem;
  }

    .custom-control-label-lg.custom-control-label::before {
      width: 1.9rem;
      height: 1.9rem;
    }

    .custom-control-label-lg.custom-control-label::after {
      top: .25rem;
      width: 1.9rem;
      height: 1.9rem;
    }



  /*************************
HEADER AND NAVIGATION
/*************************/
  .cm-header {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

.cm-header-upper {
  background-color: #f1f1f1;
  font-size: 15px;
  line-height: 35px;
  font-weight: 500;
  text-transform: uppercase;
}

  .cm-header-lower {
    position: relative;
    display: table;
    width: 100%;
    border-bottom: 7px solid #f1f1f1;
    z-index: 10;
    padding: 7px 0 0 0;
    background: #323232;
  }

  @media (max-width:991px){
    header .container-lg {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .topbar-links .nav-link {
    color: #fff;
  }

.topbar-links .nav-link.nav-link-text {
  font-size: 13px;
}

    .topbar-links .nav-link:hover,
    .topbar-links .nav-link:focus,
    .topbar-links .nav-link.nav-link-cart,
    .navbar-light .navbar-nav .nav-link:focus {
      color: #d3aa47 !important;
    }

  .cm-logo {
    display: inline-block;
    margin-right: 15px;
    padding: 14px 0 10px 0;
  }

    .cm-logo img {
      height: 60px;
    }

  .cm-navigation {
    width: 100%;
  }

  @media (max-width: 768px) {
      .cm-header-lower {
        padding-top: 0;
      }
      .cm-navigation {
        padding: .5rem 0 .5rem 0;
        display: flex;
        width: 100%;
        flex-wrap: wrap-reverse;
        align-items: center;
      }

      .cm-navigation .nav-link {
        line-height: 30px;
      }

        .cm-navigation .nav-link > i {
          font-size: 18px;
        }
      .mobile-menu-icon,
      .header-links-wrapper {
        width: 25%;
      }
      .cm-logo {
        width: 50%;
        margin: 0;
        padding: 0;
        text-align: center;
      }

      .cm-logo img {
       max-width:100%;
       max-height: 50px;
       height: auto;
      }
  }

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav li {
    padding: 0 1px;
  }
}

  @media (min-width: 769px) {
    .topbar-links {
      padding: 10px 0;
    }
  }

/* Mini cart */
.mini-shopping-cart h5 {
  margin-bottom: 1rem;
}
/*************************
PRODUCT DETAILS
/*************************/
.category-grid .item-box {
margin-bottom: .5rem;
text-align: center;
}
.category-grid .item-box .title {
  font-size: 13px;
  text-transform:uppercase;
  margin-top:.5rem;
  display:block;
}
/*************************
PRODUCT LIST / MANUFACTURERS
/*************************/
.product-list .product-item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.product-list .product-item:nth-child(2n+2) {
  background: #ededed;
}


.product-list .details {
  height: 100%;
}

.product-list .product-item .title-price,
.product-list .product-item .description,
.product-list .product-item .add-info {
  width: 100%;
}

.product-item .picture {
  position: relative;
}

      .product-item .picture .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: .8;
      }

    .product-item .prices .price {
      font-weight: 500;
    }

    .product-item .description {
      font-size: 13px;
      color: #848484;
    }

      .product-item .description h4,
      .product-item .description strong {
        color: #323232;
      }

      .product-item .description ul {
        margin-top: 10px;
        padding-left: 25px;
      }

/*************************
CHECKOUT
/*************************/
.order-summary-content {
  max-width: 970px;
  margin: 0 auto;
}

.billing-info .info-list {
  list-style: none;
  padding: 0;
}

.cart-item {
  margin-bottom: 2rem;
}

.cart-item .table tr:first-child > td {
  border-top: 0;
}

.cart-item .table td.table-label,
.cart-item .table td.table-value {
  font-weight: 500;
  vertical-align: middle;
}
.cart-item .table td.table-label {
  color: #848484;
  text-transform: uppercase;
  font-size: 13px;
  width: 300px;
}

.cart-item .table td.table-value {
  font-size: 13px;
}

@media (max-width:768px){
  
  .cart-item .table td.table-label {
    font-size: 12px;
    width: 120px;
  }
}

.list-separate .list-separate-item:last-child .separator {
  display: none;
}

/* Cart error */
.shopping-cart-page .message-error {
  margin: 0;
  background-color: #dc3545;
  color: #fff !important;
}

  .shopping-cart-page .message-error ul {
    padding: 0;
    list-style: none;
  }

    .shopping-cart-page .message-error ul li {
      font-size: 80%;
      padding: .25rem .25rem;
    }


/*************************
Cards
/*************************/
.card {
  border-radius: 0;
}

.card-img, .card-img-top {
  border-radius: 0 !important;
}

.card-click,
.card-click img{
  transition: all 0.3s ease;
}

  .card-click:hover {
    box-shadow: 2px 2px 5px rgba(132,132,132,.32);
  }


  .card-click.manufacturer-item:hover img {
    opacity: .3;
  }


.card-click-image:hover .picture {
  box-shadow: 2px 2px 5px rgba(132,132,132,.32);
}

.card-click-image.active .title,
.card-click-image:hover .title {
  color: #d3aa47
}

/* Card selected */
.card-selected .picture {
  box-shadow: 2px 2px 5px rgba(132,132,132,.32);
}

.card-selected h4 {
  color: #d3aa47
}

/* Custom cards */
.card-page,
.card-catalog {
  background-color: #f1f1f1;
  text-align: center;
}

  .card-page:hover,
  .card-catalog:hover {
    background-color: #848484;
  }

    .card-page:hover,
    .card-page:hover .card-title,
    .card-catalog:hover,
    .card-catalog:hover .card-title {
      color: #fff !important;
    }

  .card-page .card-title {
    font-size: 1.7rem;
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5rem !important;
  }

  .card-catalog .card-title {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
  }

  .card-catalog .card-body {
    padding: .5rem;
  }

/*************************
Banners
/*************************/
.hero-banner {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 700px;
}

  .hero-banner .hero-background {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
  }

  .hero-banner .hero-text {
    z-index: 1;
    align-self: center;
    text-align: center;
    padding: 0 20px;
    color: #fff;
  }

    .hero-banner .hero-text h1 {
      font-size: 50px;
    }

    .hero-banner .hero-text .lead {
      font-size: 25px;
      display: block;
    }

.teaser-banner {
  display: flex;
  justify-content: left;
  position: relative;
  width: 100%;
  height: 400px;
}

@media(max-width:768px) {
  .teaser-banner {
    height: auto;
  }
}

.teaser-banner + .teaser-banner {
  margin-top: 2rem;
}


  .teaser-banner .teaser-background {
    width: 100%;
    z-index: 0;
  }

    .teaser-banner .teaser-background img {
      display: block;
    }

@media(min-width:769px) {
  .teaser-banner .teaser-background {
    display: flex;
    justify-content: end;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
  }

  .teaser-banner.teaser-banner-text-right .teaser-background {
    justify-content: start;
  }

    .teaser-banner .teaser-background img {
      height: 100% !important;
    }
}

@media(max-width:768px) {
  .teaser-banner .teaser-background img {
    width: 100%;
  }
}

  .teaser-banner .teaser-text {
    z-index: 1;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,.63);
    height: 100%;
    display: flex;
    flex-direction: column;
  }

@media(max-width:768px) {
  .teaser-banner .teaser-text {
    padding: 20px;
  }
}

.teaser-banner-text-right .teaser-text {
  margin-left: auto;
}

@media (min-width:768px) and (max-width:991px) {
  .teaser-banner .teaser-text {
    width: 45%;
  }
}

  @media (min-width:992px) {
    .teaser-banner .teaser-text {
      width: 40%;
    }
  }

    .teaser-banner .teaser-text h2 {
      font-size: 30px;
      margin-bottom: 1.5rem;
    }

.teaser-banner .teaser-text .lead {
  margin-bottom: 1.5rem;
  display: block;
}

.teaser-banner a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
}

  .teaser-banner a:hover,
  .teaser-banner a:focus {
    color: #d3aa47
  }


@media (max-width:768px) {
  .teaser-banner {
    flex-direction: column;
  }

    .teaser-banner .teaser-background {
      position: relative;
    }

    .teaser-banner .teaser-text {
      background: #323232;
    }

      .teaser-banner .teaser-text h2 {
        font-size: 20px;
      }

      .teaser-banner .teaser-text .lead {
        font-size: 13px;
      }
    .teaser-banner a {
      font-size: 15px;
    }
}

.image-overlay img {
  width: 100%;
}

.image-overlay .image-text {
  color: #fff;
  background: #323232;
  top: 0;
  padding: 1rem;
  height: 100%;
  text-align: left;
  text-align: center;
}

  .image-overlay .image-text:hover {
    background: #323232;
  }

  .image-overlay .image-text a:hover {
    color: #d3aa47;
  }

/*************************
Shortcut links grid
/*************************/
.shortcut-links-grid {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
}

* + .shortcut-links-grid {
  margin-top: 2rem;
}

.shortcut-links-grid + * {
  margin-top: 2rem;
}

@media (max-width:767px) {
  .shortcut-links-grid .row > div + div:before {
    content: "";
    width: 100%;
    height: 10px;
    position: relative;
    display: block;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 2rem;
    margin-top: 2rem;
  }
}

@media (min-width:768px) {
  .shortcut-links-grid .row > div + div:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    display: block;
    border-left: 1px solid rgba(0,0,0,.1);
    margin-left: -1px;
  }
}

  .shortcut-links-grid h2,
  .shortcut-links-grid .lead {
    margin-bottom: .7rem;
  }

.shortcut-links-grid .lead {
  color: #848484;
}

.shortcut-links-grid a {
  font-weight: 500;
  font-size: 18px;
}

.shortcut-links-grid .row > div {
    display: flex;
    flex-direction: column;
}

.shortcut-links-grid .lead {
    height: 100%
}

.find-inspiration {
  padding-top: 2rem;
  margin-bottom: -1rem;
  text-align: center;
  border-top: 1px solid rgba(0,0,0,.1);
}

/*************************
Inspiration
/*************************/
.category-inspiration,
.gallery-inspiration {
  display: none;
}
/*************************
Mega menu
/*************************/
.mega-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  text-align: left;
  overflow: hidden;
  transition: all 0.1s ease;
  background: #f1f1f1;
  color: #323232;
  margin:0;
}

  .mega-menu:before,
  .mega-menu:after {
    content: "";
    display: table;
  }

.mega-menu:after {
  clear: both;
}

  .mega-menu .container-sm {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 300px;
  }

.nav-item:hover > .nav-link {
  color: #d3aa47 !important;
}

.mega-menu li a {
  color: #323232;
  display: block;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
  padding: .25rem 0;
}

.mega-menu-submenu .product-link.active a {
  font-weight: 500;
}

.mega-menu-product-menu {
  border-right: 1px solid #d8d8d8;
}

.mega-menu-product-details {
  display: none;
}

  .mega-menu-product-details,
  .mega-menu-product-details ul li {
    font-size: 13px !important;
    color: #848484 !important;
    text-transform: none !important;
    font-weight: normal !important;
  }

    .mega-menu-product-details ul {
      list-style: disc !important;
      padding-left: 25px !important;
    }

      .mega-menu-product-details ul li {
        padding-left: 0 !important;
      }


  /* Bootstrap voerwrite
  */

.border-bottom {
  width: 100%;
}

.table .thead-dark th {
  background-color: #6c757d;
  border-color: #dee2e6
}

/* Forms */
._error-inner {
  color: #f00;
  margin-top:.25rem;
}

/* Footer */
.footer-upper-2 {
  padding-top: 25px;
  font-size: 13px;
}
.footer-social .list-inline-item:not(:last-child) {
  margin-right: 1rem;
}

.footer-social a {
  color: #4c4c4c;
  font-size: 34px
}

  .footer-social a:hover {
    color: #d3aa47;
  }

#trygg-logo {
  max-width: 100%;
}

.payment-methods-wrapper {
  display: flex;
  flex-flow: row;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0 5px;
  align-items: center;
}

  .payment-methods-wrapper > div {
    flex: 1 1 auto;
    padding: 4px;
    width: 25%;
    height: 100%;
  }

/* Swiper Blog posts */
.swiper-blog-wrapper {
  position: relative;
}

.swiper-blog .swiper-slide {
  height: auto;
}

.swiper-blog .card {
  height: 100%;
  border: 1px solid rgba(0,0,0,.11);
}

.swiper-blog-wrapper .swiper-custom-next,
.swiper-testimonials-wrapper .swiper-custom-next,
.swiper-blog-wrapper .swiper-custom-prev,
.swiper-testimonials-wrapper .swiper-custom-prev {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  top: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  background: #000;
  border-radius: 100px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-blog-wrapper .swiper-custom-prev,
.swiper-testimonials-wrapper .swiper-custom-prev {
  left: -15px;
  right: auto;
}

  .swiper-blog-wrapper .swiper-custom-prev:after,
  .swiper-testimonials-wrapper .swiper-custom-prev:after {
    content: "\f053";
  }

.swiper-blog-wrapper .swiper-custom-next,
.swiper-testimonials-wrapper .swiper-custom-next {
  right: -15px;
  left: auto;
}

  .swiper-blog-wrapper .swiper-custom-next:after,
  .swiper-testimonials-wrapper .swiper-custom-next:after {
    content: "\f054";
  }

/* Swiper testimonials */
.swiper-testimonials-wrapper {
  position: relative;
}

@media(min-width: 768px) {
  .swiper-testimonials .swiper-slide + .swiper-slide:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    display: block;
    border-left: 1px solid rgba(0, 0, 0, .1);
    margin-left: -1px;
  }
}

.swiper-testimonials .swiper-slide {
  padding: 0 25px;
  height: auto;
}



/* ITX CHAT */
@media(min-width:768px) and (max-width:1880px) {
  #itx-chat-frame, #itx-chat-btn {
    bottom: 75px !important;
    margin-right: 0 !important;
  }
}

.topic-content {
  overflow: hidden;
}

  .topic-content p {
    padding-top: 0;
    padding-bottom: 1rem;
    margin-bottom: 0;
  }

  .topic-content table {
    margin-bottom: 1rem;
  }

  .topic-content h1,
  .topic-content h2,
  .topic-content h3,
  .topic-content h4,
  .topic-content h5 {
    padding-top: 0;
    padding-bottom: 1rem;
    margin-bottom: 0;
  }

  .topic-content * + h1,
  .topic-content * + h2,
  .topic-content * + h3,
  .topic-content * + h4,
  .topic-content * + h5 {
    padding-top: 1rem !important;
  }

  .topic-content img {
    max-width: 100%;
    height: auto !important;
  }

.ps-loading-overlay {
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.85);
}

  .ps-loading-overlay .ps-loading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  .ps-loading-overlay .ps-loading-image {
    width: 70px;
    height: 70px;
    background: url('/Themes/RootTheme/Content/js/lazyload/lazyload.gif') center no-repeat;
  }

  .ps-loading-overlay .ps-loading-text {
    font-weight: bold;
    margin-top: 1rem;
  }