*, ::after, ::before {
  box-sizing: border-box
}

body {
  margin: 0;
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8em
}

h1, h2 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.4
}

h2 {
  font-size: 2rem
}

p {
  margin-top: 0;
  margin-bottom: .7rem
}

ul {
  margin-top: 0
}

a {
  text-decoration: none
}

img {
  vertical-align: middle
}

svg {
  vertical-align: middle
}

button, input, select {
  font-family: inherit;
  font-size: inherit
}

.list-inline-item {
  display: inline-block
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media(min-width: 576px) {
  .container {
    max-width:540px
  }
}

@media(min-width: 768px) {
  .container {
    max-width:720px
  }
}

@media(min-width: 992px) {
  .container {
    max-width:960px
  }
}

@media(min-width: 1200px) {
  .container {
    max-width:1140px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.col-10, .col-12, .col-md, .col-md-6, .col-md-10, .col-lg, .col-lg-4 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.offset-1 {
  margin-left: 8.333333%
}

@media(min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}

@media(min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
}

.form-control {
  width: 100%;
  padding: .375rem .75rem;
  line-height: 1.5
}

.form-control::-webkit-input-placeholder {
  color: inherit;
  opacity: .5
}

.form-control::-ms-input-placeholder {
  color: inherit;
  opacity: .5
}

.form-control::placeholder {
  color: inherit;
  opacity: .5
}

.btn {
  background-color: transparent; 
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1.5
}

.collapse:not(.show) {
  display: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.navbar {
  display: flex;
  padding: .5rem 1rem
}

.navbar>.container {
  display: flex;
  align-items: center
}

.navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  white-space: nowrap
}

.navbar-nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem; 
  line-height: 1
}

.navbar-dark .navbar-brand {
  color: #fff
}

.alert {
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb
}

.modal {
  display: none
}

.bg-light {
  background-color: #f8f9fa
}

.bg-white {
  background-color: #fff
}

.border {
  border: 1px solid #dee2e6
}

.border-bottom {
  border-bottom: 1px solid #dee2e6
}

.border-0 {
  border: 0
}

.rounded {
  border-radius: .25rem
}

.rounded-0 {
  border-radius: 0
}

.d-none {
  display: none
}

.d-block {
  display: block
}

.d-flex {
  display: flex
}

.flex-column {
  flex-direction: column
}

.flex-grow-1 {
  flex-grow: 1
}

.justify-content-center {
  justify-content: center
}

.align-items-center {
  align-items: center
}

.overflow-hidden {
  overflow: hidden
}

.position-relative {
  position: relative
}

.position-absolute {
  position: absolute
}

.w-25 {
  width: 25%
}

.w-100 {
  width: 100%
}

.h-100 {
  height: 100%
}

.p-0 {
  padding: 0 !important
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.p-1 {
  padding: .25rem
}

.p-2 {
  padding: .5rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.pr-2 {
  padding-right: .5rem
}

.p-3 {
  padding: 1rem
}

.pt-3 {
  padding-top: 1rem
}

.pr-3, .px-3 {
  padding-right: 1rem !important
}

.pl-3, .px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem
}

.ml-auto {
  margin-left: auto
}

.m-0 {
  margin: 0
}

.m-2 {
  margin: .5rem
}

.mt-2 {
  margin-top: .5rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mr-3 {
  margin-right: 1rem
}

.mb-3 {
  margin-bottom: 1rem
}

.mt-4, .my-4 {
  margin-top: 1.5rem
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem
}

.mt-5 {
  margin-top: 3rem
}

.text-center {
  text-align: center
}

.font-weight-light {
  font-weight: 300
}

.font-weight-bold {
  font-weight: 700
}

.text-white {
  color: #fff
}

.hs-sub-menu,.hs-mega-menu {
  position: absolute;
  opacity: 0
}

.hamburger {
  display: inline-block
}

.hamburger-box {
  position: relative;
  display: inline-block;
  height: 25px
}

.hamburger-inner {
  display: block;
  margin-top: 1px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  position: absolute;
  width: 100%;
  height: 1px
}

.hamburger-inner:after, .hamburger-inner::before {
  content: "";
  display: block;
  background-color: inherit
}

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner::before {
  top: 10px
}

.hamburger--slider .hamburger-inner::after {
  top: 20px
}

.u-list-inline {
  margin-bottom: 0
}

.u-basket__bar {
  position: absolute
}

.u-dropdown--css-animation.u-dropdown--hidden {
  opacity: 0;
  visibility: hidden
}

.customize-cover-holder {
  column-gap: .5rem
}

.customize-cover-holder .custom-cover-select-ico {
  background-image: linear-gradient(90deg, #fff0 0, #fff 100%)
}

.customize-cover-holder .custom-cover-select-ico i {
  color: #fda302;
  font-size: 60px;
  text-shadow: 0 0 10px #00000052
}

.theme-select-container .active::after {
  content: "\f00c";
  position: absolute;
  display: block;
  padding: 4px;
  top: 3px;
  right: 3px;
  background: #fff;
  color: #71bf2f;
  border-radius: 50%;
  font: 20px / 1 FontAwesome;
  box-shadow: 0 0 5px #ccc;
  text-shadow: rgba(0,0,0,.32) 0 0 10px
}

.theme-select-container .active .js-title {
  color: #71bf2f;
  font-weight: 600
}

.g-bg-white {
  background-color: #fff
}

.g-bg-black {
  background-color: #000
}

.g-bg-gray-dark-v2 {
  background-color: #333
}

.g-brd-none {
  border: 0
}

.g-font-size-12 {
  font-size: .85714rem
}

.g-font-size-16 {
  font-size: 1.14286rem
}

.g-font-size-20 {
  font-size: 1.42857rem
}

.g-font-size-38 {
  font-size: 2.71429rem
}

.g-line-height-1 {
  line-height: 1
}

.g-pos-rel {
  position: relative
}

.g-top-0 {
  top: 0
}

.g-right-0 {
  right: 0
}

.g-color-white {
  color: #fff
}

.g-color-black {
  color: #000
}

.g-color-gray-dark-v1 {
  color: #111
}

.g-color-gray-dark-v2 {
  color: #333
}

.g-width-28 {
  width: 28px
}

.g-width-100 {
  width: 100px
}

.g-height-50 {
  height: 50px
}

.g-height-55 {
  height: 55px
}

.g-ml-5 {
  margin-left: .35714rem
}

.g-mt-5 {
  margin-top: .35714rem
}

.g-mr-10 {
  margin-right: .71429rem
}

.g-ml-10 {
  margin-left: .71429rem
}

.g-mt-10 {
  margin-top: .71429rem
}

.g-mb-30 {
  margin-bottom: 2.14286rem
}

.g-mb-40 {
  margin-bottom: 2.85714rem
}

.g-mb-50 {
  margin-bottom: 3.57143rem
}

.g-my-100 {
  margin-top: 7.14286rem;
  margin-bottom: 7.14286rem
}

.g-mt-100 {
  margin-top: 7.14286rem
}

.g-py-12 {
  padding-top: .85714rem;
  padding-bottom: .85714rem
}

.g-py-30 {
  padding-top: 2.14286rem;
  padding-bottom: 2.14286rem
}

.g-pb-5 {
  padding-bottom: .35714rem
}

.g-pb-10 {
  padding-bottom: .71429rem
}

.g-pb-16 {
  padding-bottom: 1.14286rem
}

.g-pt-30 {
  padding-top: 2.14286rem
}

.g-pt-70 {
  padding-top: 5rem
}

.g-hidden-xs-up {
  display: none
}

.u-check-icon-checkbox-v6 {
  width: 18px;
  height: 18px;
  font-size: 12px
}

.u-check-icon-checkbox-v6 i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: solid 1px #ccc;
  transform: translate(-50%, -50%)
}

.u-check-icon-checkbox-v6 i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v6 i {
  background-color: #000;
  color: #fff;
  border-color: #000
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v6 .disabled {
  background-color: #777;
  border-color: #777
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v6 i::before {
  content: attr(data-check-icon)
}

.u-accordion__control-icon i:nth-child(1),
[aria-expanded="false"] .u-accordion__control-icon i:nth-child(2) {
  display: none
}

[aria-expanded="false"] .u-accordion__control-icon i:nth-child(1),
[aria-expanded="true"] .u-accordion__control-icon i:nth-child(2) {
  display: inline
}

.slick-track {
  padding-top: 6px;
  padding-bottom: 6px
}

.zoom-icon:after {
  content: "\f00e";
  position: absolute;
  margin: -20px 0 0 -20px;
  padding: 10px 0 0 1px;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, .2);
  color: #fff;
  border-radius: 4px;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 1
}

#digital_navbar .nav-item a {
  color: #000
}

.teaser img {
  aspect-ratio: 100 / 55
}

.teaser::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, var(--dp_color) 0, #fff 100%);
  mix-blend-mode: multiply
}

article .category-teaser-main img {
  aspect-ratio: 100 / 58.8
}

article .category-teaser-main:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(0deg,var(--dp_color) 0,#fff 100%);
  mix-blend-mode: multiply
}

.customize-wrapper>.row>div {
  overflow: hidden
}

.customize-wrapper>.row:first-child label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.accordion-header:has(.collapsed) {
  border-bottom-color: transparent
}

@media(min-width: 576px) {
  .g-font-size-25--sm {
    font-size: 1.78571rem
  }
}

@media(min-width: 768px) {
  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.333333%
  }

  .g-pb-0--md {
    padding-bottom: 0
  }

  .g-pb-20--md {
    padding-bottom: 1.42857rem
  }

  .g-py-60--md {
    padding-top: 4.28571rem
  }

  .g-pt-60--md {
    padding-top: 4.28571rem
  }

  .g-font-size-28--md {
    font-size: 2rem
  }
}

@media(max-width: 991px) {
  .navbar-expand-lg>.container {
    justify-content: flex-start
  }
}

@media(min-width: 992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-block {
    display: block
  }

  .d-lg-flex {
    display: flex
  }

  .flex-lg-row {
    flex-direction: row
  }

  .px-lg-3 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex
  }

  .g-py-40--lg {
    padding-top: 2.85714rem;
    padding-bottom: 2.85714rem
  }

  .g-pr-40--lg {
    padding-right: 2.85714rem
  }

  .g-pt-60--md {
    padding-top: 4.28571rem
  }

  .g-font-size-36--lg {
    font-size: 2.57143rem
  }
}