@font-face {
  font-family: Avenir;
  font-weight: 900;
  src: url('../fonts/AvenirNextLTPro-Bold.otf');
}
@font-face {
  font-family: Avenir;
  font-weight: normal;
  src: url('../fonts/AvenirNextLTPro-Regular.otf');
}
@font-face {
  font-family: Avenir;
  font-weight: 300;
  src: url('../fonts/AvenirNextLTPro-UltLt.otf');
}
@font-face {
  font-family: Avenir;
  font-weight: 500;
  src: url('../fonts/AvenirNextLTPro-Heavy.otf');
}
@font-face {
  font-family: Aller;
  font-weight: normal;
  src: url('../fonts/Aller_Regular.otf');
}
@font-face {
  font-family: Aller;
  font-weight: 900;
  src: url('../fonts/Aller_Bold.otf');
}
@font-face {
  font-family: Aller;
  font-weight: 300;
  src: url('../fonts/Aller_Light.otf');
}
@font-face {
  font-family: WorkSans;
  font-weight: 500;
  src: url('../fonts/WorkSans-Medium.ttf');
}
@font-face {
  font-family: WorkSans;
  font-weight: normal;
  src: url('../fonts/WorkSans-Regular.ttf');
}
@font-face {
  font-family: WorkSans;
  font-weight: 900;
  src: url('../fonts/WorkSans-Bold.ttf');
}
body {
  font-family: 'Aller', sans-serif;
  font-size: 15px;
}
body img {
  max-width: 100% !important;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.width100 {
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.desktop-no,
.hidden {
  display: none;
}
.mobile-no,
.show {
  display: block;
}
.index-background-image {
  position: absolute;
  height: 1080px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha-text {
  color: #9a9a9a;
  font-size: 10px;
  margin-bottom: 10px;
}
sup {
  font-size: xx-small;
  vertical-align: super;
}
.grey-background {
  background-color: #e7e7e7;
}
.grey-border {
  border: 1px solid #e7e7e7;
}
.title-font {
  font-family: 'Aller', sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.3;
}
.title-font:after {
  content: ' ';
  display: block;
  border: 2px solid #8f191c;
  width: 60px;
}
.red-title-line:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid #8f191c;
  width: 15%;
  max-width: 60px;
  padding-top: 15px;
}
.black-title-line:after {
  content: ' ';
  display: block;
  border: 2px solid black;
  width: 15%;
  min-width: 20px;
  max-width: 60px;
}
.red-text {
  color: #8f191c;
}
.invalid-feedback {
  font-weight: bold;
}
.help-block-error {
  color: #8f191c;
}
.title-font.text-center:after {
  margin: auto;
}
h1 {
  font-family: 'Aller', sans-serif;
  font-size: 60px;
  font-weight: 900;
}
h2 {
  font-family: 'Aller', sans-serif;
  font-size: 40px;
  font-weight: 900;
}
h3 {
  font-family: 'Aller', sans-serif;
  font-size: 30px;
  font-weight: 900;
}
h4 {
  font-family: 'Aller', sans-serif;
  font-size: 18px;
  font-weight: 900;
}
.subtitle-font {
  font-family: 'Aller', sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
.wrap {
  min-height: calc(100% - 231px);
}
.wrap .container {
  padding-left: 30px;
  padding-right: 30px;
}
.container {
  padding-left: 30px;
  padding-right: 30px;
}
#content {
  padding-top: 175px;
  padding-bottom: 60px;
}
#content .grid-view {
  overflow-x: auto;
}
.is-main-page #content {
  padding-top: 64px;
}
nav[aria-label="breadcrumb"] {
  display: block;
}
nav[aria-label="breadcrumb"] .breadcrumb {
  background-color: transparent;
  padding: 30px 0 0;
  margin-bottom: 0;
}
nav[aria-label="breadcrumb"] .breadcrumb li {
  padding-bottom: 0;
  text-indent: unset;
  text-transform: none;
}
nav[aria-label="breadcrumb"] .breadcrumb li:first-of-type:before {
  content: none;
}
nav[aria-label="breadcrumb"] .breadcrumb a {
  color: #6c757d;
}
nav[aria-label="breadcrumb"] .breadcrumb a:hover,
nav[aria-label="breadcrumb"] .breadcrumb a:focus {
  color: #8f191c;
}
.title-line {
  margin-bottom: 30px;
}
.bg-red {
  background-color: #8f191c;
}
.bg-grey {
  background-color: #e7e7e7;
}
.bg-red-transient {
  background: linear-gradient(90deg,#8f191c 20%,#ed1c24 100%);
}
.fa-angle-down {
  color: #9a9a9a;
}
.fa-angle-up {
  color: #ed1c24;
}
a {
  color: #8f191c;
}
a:hover,
a:focus {
  color: #8f191c;
}
table {
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  width: 100%;
}
table td:first-child,
table th:first-child {
  padding-left: 20px;
}
table td:last-child,
table th:last-child {
  padding-right: 20px;
}
table th,
table td {
  height: 40px;
  border-bottom: 0.5px solid #9a9a9a;
  padding: 10px;
}
table th {
  background-color: #e7e7e7;
  text-transform: uppercase;
  font-weight: bold;
}
table td.strong {
  font-weight: bold;
}
ul {
  font-family: 'Aller', sans-serif;
  font-size: 15px;
}
ul li {
  padding-bottom: 13px;
}
ol {
  font-family: 'Aller', sans-serif;
  font-size: 15px;
}
ol li {
  padding-bottom: 13px;
  list-style-type: none;
  text-indent: -10px;
  counter-increment: item;
}
ol li:before {
  display: inline-block;
  content: counter(item) ".";
  font-weight: bold;
}
hr {
  border-top: 2px solid #f0dbce;
  margin: 30px 0;
}
hr.orange-line-small {
  border-top: 1px solid #f0dbce;
}
hr.light-grey-line {
  border-top: 3px solid #e7e7e7;
}
hr.grey-line {
  border-top: 1px solid #9a9a9a;
  margin: 15px 0;
}
hr.white-line {
  border-top: 1px solid white;
  margin: 15px 0;
}
.pagination > .active > a {
  background-color: #8f191c;
  border-color: #8f191c;
  color: white;
}
.pagination > .active > a:hover,
.pagination > .active > a:hover {
  background-color: #8f191c;
}
.pagination b {
  padding-left: 5px;
  padding-right: 5px;
}
.pagination > li {
  padding-bottom: 0;
}
.pagination > li > a {
  color: #8f191c;
  padding: 7.5px 12px;
  border: 1px solid #f0dbce;
  margin-right: 10px;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
  color: #8f191c;
}
.pagination > li span {
  padding: 7.5px 12px;
}
.page-item.active .page-link {
  background-color: #8f191c;
  border-color: #8f191c;
}
.listview-pager {
  margin: auto;
}
.listview-pager .pagination {
  display: inline-flex;
}
.btn:focus,
.btn.focus {
  box-shadow: none;
}
.btn-primary {
  background-color: #8f191c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
  font-family: 'Aller', sans-serif;
  font-weight: 900;
  font-size: 20px;
  height: 60px;
  width: 370px;
  max-width: 100%;
  border: 1px solid #8f191c;
  border-radius: 0;
  padding: 15px;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: white;
  color: black;
  text-decoration: none;
  border: 1px solid black;
}
.btn-black {
  background-color: white;
  color: black;
  border: 1px solid #8f191c;
  border-radius: 0;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  font-weight: 900;
}
.btn-black:hover,
.btn-black:focus {
  background-color: #8f191c;
  color: white;
}
.btn-black-small {
  background-color: transparent;
  color: black;
  border: 1px solid #8f191c;
  border-radius: 0;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  line-height: 1;
}
.btn-black-small:hover,
.btn-black-small:focus {
  background-color: #8f191c;
  color: white;
}
.btn-black-small:hover.text-red,
.btn-black-small:focus.text-red {
  color: white !important;
}
.btn-black-small.text-red {
  color: #8f191c;
}
.btn-primary-small {
  background-color: #8f191c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #8f191c;
}
.btn-primary-small:hover,
.btn-primary-small:focus {
  background-color: #f0dbce;
  color: #8f191c;
  text-decoration: none;
  border: 1px solid #8f191c;
}
.btn-red {
  background-color: #ed1c24;
  color: white;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  height: 30px;
  border: none;
  border-radius: 0;
}
.btn-red:hover,
.btn-red:focus {
  background-color: #8f191c;
  text-decoration: none;
  color: white;
}
.btn-white {
  background-color: white;
  color: #8f191c;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  height: 30px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 2px 2px 5px 1px #aaaaaa;
  -moz-box-shadow: 2px 2px 5px 1px #aaaaaa;
  box-shadow: 2px 2px 5px 1px #aaaaaa;
}
.btn-white:hover,
.btn-whitefocus {
  background-color: #8f191c;
  text-decoration: none;
  color: white;
}
.btn-orange {
  background-color: #f0dbce;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #8f191c;
  border: 1px solid #f0dbce;
  border-radius: 0;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  font-weight: 900;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-orange:hover,
.btn-orange:focus {
  background-color: #8f191c;
  color: #f0dbce;
}
#button-cart-counter {
  transition: all 0.5s ease;
  display: flex;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  min-width: 15px;
  height: 15px;
  border: 1px solid #8f191c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#button-cart-counter #cart-count {
  font-size: 10px;
  margin: auto;
  color: #8f191c;
  line-height: 10px;
}
.button-cart {
  text-align: center;
  position: relative;
  display: inline-block;
  background-position: left;
  width: 19px;
  height: 17px;
}
.button-cart:hover {
  background-position: right;
}
#header-nav-bottom .container .navbar-collapse ul li:hover .button-cart {
  background-position: right;
}
.button-search {
  display: inline-block;
  background-image: url("/themes/muanyag/img/icons/72dpi/search.png");
  background-position: left;
  width: 18px;
  height: 17px;
}
.button-search:hover {
  background-position: right;
}
#header-nav-bottom .container .navbar-collapse ul li:hover .button-search {
  background-position: right;
}
.form-dropdown {
  height: 45px;
  width: 370px;
  color: #8f191c;
  background-color: #f0dbce;
  font-family: 'Aller', sans-serif;
  font-size: 15px;
  padding-left: 10px;
  border-color: #f0dbce;
}
input[type='text'],
input[type='password'],
input[type='checkbox'],
input[type='email'],
textarea.form-control {
  border-radius: 0;
  font-size: 15px;
}
#alert-modal .modal-dialog {
  margin-top: 250px;
}
#alert-modal .modal-message {
  display: inline-block;
  width: 90%;
}
#alert-modal .modal-content.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
#alert-modal .modal-content.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.nav-tabs .nav-item {
  padding-bottom: 0;
  padding-right: 3px;
}
.nav-tabs .nav-link {
  color: black;
  border: 1px solid #dee2e6;
  border-radius: 0;
  border-bottom: 0;
  font-weight: 900;
  font-family: 'Aller', sans-serif;
}
.nav-tabs .nav-link.active {
  color: #8f191c;
  border-bottom-color: transparent;
}
.tab-content {
  border: 1px solid #dee2e6;
  padding: 15px;
}
.tab-content .tab-pane .col-md-4 {
  padding-right: 0 !important;
}
.tab-content strong {
  font-weight: 900;
}
.navbar-dark .navbar-nav {
  align-items: center;
}
.navbar-dark .navbar-nav .nav-link {
  color: white;
}
.navbar-dark .navbar-nav .nav-link img {
  height: 18px;
}
.navbar-dark .container {
  height: 100%;
}
.navbar-dark .container .navbar-collapse {
  height: 100%;
}
.navbar-dark .container .navbar-collapse ul {
  max-height: 100%;
  height: 100%;
}
.navbar-dark .container .navbar-collapse ul a {
  padding-top: 5px;
  padding-bottom: 0;
}
#header-nav-top-collapse .dropdown-item img {
  height: 20px;
  padding-right: 20px;
}
#header-nav-top {
  font-family: 'Aller', sans-serif;
  font-size: 13px;
  padding: 0;
  z-index: 100;
  height: 64px;
}
#header-nav-top .navbar-brand img {
  height: 15px;
}
#header-nav-top .nav-lang {
  margin-left: 15px;
}
#header-nav-top .nav-lang a {
  padding-right: 0;
  border: 0;
}
#header-nav-top .nav-lang:last-of-type {
  margin-left: 5px;
}
#header-nav-top .nav-lang:last-of-type a {
  padding-left: 0;
}
#header-nav-top .nav-link img:first-of-type {
  margin-right: 3px;
  margin-top: -3px;
  height: 15px;
}
#header-nav-top .dropdown-toggle::after {
  color: #ed1c24;
}
#header-nav-top .dropdown-menu {
  margin-top: 0;
  border-radius: 0;
}
#header-nav-top .nav-item {
  padding-bottom: 0;
}
#header-nav-bottom {
  font-family: 'Aller', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  top: 64px;
  z-index: 80;
  padding: 0;
}
#header-nav-bottom .container .navbar-collapse ul li {
  display: flex;
  height: 100%;
}
#header-nav-bottom .container .navbar-collapse ul li a {
  align-content: center;
  align-items: center;
  align-self: center;
  display: flex;
}
#header-nav-bottom .container .navbar-collapse ul li.desktop-no {
  display: none;
}
#header-nav-bottom .nav-item:hover,
#header-nav-bottom .nav-item:active,
#header-nav-bottom .nav-item:focus {
  background-color: #f0dbce;
}
#header-nav-bottom .nav-item:hover a,
#header-nav-bottom .nav-item:active a,
#header-nav-bottom .nav-item:focus a {
  color: #8f191c;
}
#header-nav-bottom ul li {
  padding: 6px;
}
#comparison-right {
  position: fixed;
  width: 300px;
  right: 0;
  top: 400px;
  border: 1px solid grey;
  padding: 15px;
  background-color: white;
  z-index: 5;
  display: none;
}
#comparison-right h4 {
  margin-bottom: 0;
  font-size: 16px;
}
#comparison-right .orange-line {
  margin-top: 15px;
  margin-bottom: 15px;
}
#comparison-right .comparison-text,
#comparison-right li {
  font-size: 12px;
}
#comparison-right ol {
  padding-inline-start: 20px;
}
#comparison-right ol li {
  color: #8f191c;
  font-weight: 900;
}
#comparison-right ol li:before {
  color: black;
  font-weight: normal;
  margin-right: 2px;
}
#comparison-right ol li button {
  color: black;
  font-weight: normal;
  margin-top: 0;
}
#comparison-right button {
  background-color: white;
  border: 0;
  padding: 0;
  color: grey;
  margin-top: 10px;
}
#comparison-right button:focus {
  color: -internal-light-dark(white,white);
  outline: none;
}
.btn-comparison {
  background-color: transparent;
}
.btn-comparison:hover,
.btn-comparison:focus:hover {
  color: white !important;
  background-color: #8f191c !important;
}
.btn-comparison:focus {
  color: #8f191c !important;
  background-color: transparent !important;
}
.btn-comparison.selected {
  background-color: white;
}
.btn-comparison.selected:hover,
.btn-comparison.selected:hover:focus {
  background-color: white !important;
  color: #8f191c !important;
}
.btn-comparison.selected:focus {
  color: #8f191c !important;
  background-color: white !important;
}
.alert-modal h2 {
  font-size: 20px;
}
.alert-modal .modal-header {
  margin: 0 15px;
  padding: 15px 0 0 0;
  border-bottom-color: #f0dbce;
}
.alert-modal .modal-body {
  padding: 15px;
}
.alert-modal .btn-primary {
  width: auto;
  background-color: #8f191c;
  color: white;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  height: 30px;
  border: none;
  border-radius: 0;
  padding: 0 15px;
}
.alert-modal .btn-primary:last-of-type {
  background-color: #e7e7e7;
  color: black;
  font-weight: normal;
}
#comparison-page td {
  border-bottom: 0;
  border-right: 1px solid #dee2e6;
  padding-bottom: 5px;
}
#comparison-page td:last-child {
  border-right: 0;
}
#comparison-page .no-border td {
  border: 0;
}
#comparison-page .no-border:last-of-type {
  border-top: 1px solid #dee2e6;
}
#comparison-page .no-border:last-of-type td {
  padding-top: 30px;
}
#comparison-page ul {
  margin-bottom: 0;
  padding-left: 20px;
}
#comparison-page ul li:last-child {
  padding-bottom: 0;
}
.carousel-indicators li {
  width: 13px;
  height: 0px;
  border-radius: 100%;
}
#address-form-page {
  margin-top: 100px;
}
#address-form-page .btn-primary-small {
  margin-bottom: 30px;
}
#login-page .buttons {
  display: flex;
  justify-content: space-between;
}
#login-page .buttons a {
  align-self: center;
}
#index-page {
  background-color: white;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
}
#index-page #index-carousel .img-fluid {
  max-width: 100%;
  height: auto;
}
#index-page .red-cubes {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Aller', sans-serif;
  font-size: 16px;
  font-weight: 900;
}
#index-page .red-cubes a {
  color: white;
}
#index-page .red-cubes a:hover {
  text-decoration: none;
}
#index-page .red-cubes .red-cube {
  background-color: #8f191c;
  padding: 135px 15px 135px;
  height: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: column;
}
#index-page .red-cubes .red-cube img {
  height: 92px;
  margin: auto;
}
#index-page .red-cubes .red-cube .menu-title {
  padding-top: 40px;
}
#index-page .article-list .panel-group {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
#index-page .article-list hr {
  margin: 15px 0;
}
#index-page .promotions .product-title {
  color: #8f191c;
  margin-top: 30px;
  font-weight: bold;
}
#index-page .gallery-carousel .gallery-text img {
  height: 48px;
}
#index-page .gallery-carousel a {
  color: black;
}
#index-page .gallery-carousel a div {
  background-color: #f0dbce;
  padding: 10px 25px;
}
#index-page .gallery-carousel a:hover {
  text-decoration: none;
}
#index-page .gallery-carousel a img {
  float: right;
}
#index-page .gallery-carousel h2 {
  display: inline-block;
  margin-bottom: 0;
}
.article {
  margin-top: 60px;
}
.article-item .article-title-line strong {
  font-weight: 900;
}
.article-item a[aria-expanded=true] .fa-angle-down {
  display: none;
}
.article-item a[aria-expanded=false] .fa-angle-up {
  display: none;
}
#galleries-page .image-caption {
  border: 1px solid #f0dbce;
  color: black;
}
#galleries-page .image-caption h4 {
  margin: 5px auto;
}
#galleries-page .image-count {
  font-size: 13px;
  color: black;
  margin-bottom: 5px;
}
#galleries-page .gallery-link:hover {
  text-decoration: none;
}
#galleries-page .gallery-link:hover .image-caption {
  color: #8f191c;
}
#gallery-page h3 {
  display: inline-block;
  margin-right: 30px;
}
#gallery-page .gallery-image:hover .image-hover {
  top: 0;
  height: 100%;
}
#gallery-page .gallery-image:hover .image-caption {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#gallery-page .gallery-image .image-hover {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  z-index: 25;
  width: 100%;
  height: 0%;
  background: #9a9a9a;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#gallery-page .gallery-image .image-caption {
  color: white;
  padding: 80px 30px;
  position: absolute;
  top: 10%;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.6s ease-in;
  -moz-transition: all 0.6s ease-in;
  -ms-transition: all 0.6s ease-in;
  -o-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
  z-index: 35;
}
#gallery-page .gallery-image .image-hover,
#gallery-page .gallery-image .image-caption {
  position: absolute;
  left: 15px;
  right: 15px;
  width: auto;
}
.fancybox-nav span {
  height: 60px;
  width: 39px;
}
.fancybox-prev span {
  background-image: url('/themes/muanyag/img/icons/white_arrow_left.png');
  background-position: unset;
}
.fancybox-next span {
  background-image: url('/themes/muanyag/img/icons/white_arrow_right.png');
  background-position: unset;
}
.fancybox-inner {
  width: 100%;
}
.fancybox-skin {
  border-radius: 0;
  padding: 0 !important;
}
.fancybox-title {
  display: block !important;
  width: 100%;
  background-color: #9a9a9a;
}
#documents-page a:hover {
  text-decoration: none;
}
#documents-page .library-item {
  border-top: 1px solid #9a9a9a;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 15px;
}
#documents-page .library-item .library-header {
  padding-top: 15px;
}
#documents-page .library-item .library-header p {
  color: black;
  font-weight: bold;
}
#documents-page .library-item .library-header i {
  color: #8f191c;
  padding-right: 15px;
}
#documents-page .library-item .library-header .fa-times {
  display: none;
}
#documents-page .library-item .library-body {
  margin-left: 35px;
  margin-right: 85px;
}
#documents-page .library-item .library-body .document-stand-item {
  border: 1px solid #e7e7e7;
  color: black;
  text-align: center;
}
#documents-page .library-item .library-body .document-stand-item img {
  margin: auto;
}
#documents-page .library-item .library-body .document-stand-item a:hover,
#documents-page .library-item .library-body .document-stand-item a:focus {
  text-decoration: none;
  color: black;
}
#documents-page .library-item .document-title {
  padding: 5px;
  text-align: center;
}
#documents-page .panel:last-of-type {
  border-bottom: 1px solid #9a9a9a;
}
#documents-page .library-item.opened {
  -webkit-box-shadow: 2px 2px 5px 2px #aaaaaa;
  -moz-box-shadow: 2px 2px 5px 2px #aaaaaa;
  box-shadow: 2px 2px 5px 2px #aaaaaa;
  border-top: 0;
  margin-top: 10px;
}
#documents-page .library-item.opened .library-header {
  font-size: 28px;
}
#documents-page .library-item.opened .library-header p {
  font-weight: 900;
}
#documents-page .library-item.opened .library-header p:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid #8f191c;
  width: 15%;
  max-width: 60px;
  padding-top: 15px;
  margin-left: 35px;
  margin-bottom: 30px;
}
#documents-page .library-item.opened .library-header i {
  font-size: 15px;
  display: inline-block;
}
#documents-page .library-item.opened .library-header .fa-plus {
  display: none;
}
#faqs-page a:hover {
  text-decoration: none;
}
#faqs-page h4 {
  display: inline-block;
}
#faqs-page #accordionCategory i {
  color: #8f191c;
  padding-right: 15px;
}
#faqs-page #accordionCategory .category-link .fa-times {
  display: none;
}
#faqs-page #accordionCategory .category-item.opened .category-link .fa-plus {
  display: none;
}
#faqs-page #accordionCategory .category-item.opened .category-link .fa-times {
  display: inline-block;
}
#faqs-page .article-item {
  padding-left: 15px;
  padding-right: 15px;
}
#faqs-page .article-item .article-header {
  padding-top: 15px;
}
#faqs-page .article-item .article-header a {
  color: black;
  font-weight: bold;
}
#faqs-page .article-item .article-header .fa-times {
  display: none;
}
#faqs-page .article-item .article-body {
  margin-left: 30px;
  padding-bottom: 10px;
}
#faqs-page .article-item.opened {
  border-top: 0;
  margin-top: 10px;
}
#faqs-page .article-item.opened .article-header p {
  font-weight: 900;
}
#faqs-page .article-item.opened .article-header a {
  color: #8f191c;
}
#faqs-page .article-item.opened .article-header i {
  font-size: 15px;
  display: inline-block;
}
#faqs-page .article-item.opened .article-header .fa-plus {
  display: none;
}
#search-page #productsearch-use input,
#search-page #productsearch-workability input,
#search-page #productsearch-property input {
  display: none;
}
#search-page .form-control:focus {
  box-shadow: none;
}
#search-page .input-group {
  -webkit-box-shadow: 3px 3px 3px 2px #aaaaaa;
  -moz-box-shadow: 3px 3px 3px 2px #aaaaaa;
  box-shadow: 3px 3px 3px 2px #aaaaaa;
  padding: 30px;
}
#search-page .input-group img {
  height: 20px;
}
#search-page .input-group .input-group-btn {
  border-bottom: 1px solid #f0dbce;
}
#search-page .input-group #search-icon-btn {
  width: auto;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #f0dbce;
}
#search-page .input-group #search-icon-btn:focus {
  outline: none;
}
#search-page .ui-autocomplete-input,
#search-page input[name='keyword'] {
  border: 0;
  border-bottom: 1px solid #f0dbce;
}
#search-page .search-column h4 {
  background-color: #8f191c;
  color: white;
  text-align: center;
  padding: 10px;
  margin-bottom: 0;
}
#search-page .search-column h4 img {
  height: 30px;
  float: right;
  margin-top: -4px;
}
#search-page .search-column .checkbox {
  padding: 5px;
  border-bottom: 1px solid #9a9a9a;
  text-align: center;
}
#search-page .search-column .checkbox label {
  cursor: pointer;
  margin: 0;
}
#search-page .search-column .checkbox.selected {
  background-color: #e7e7e7;
}
#search-page .search-column .form-group {
  max-height: 500px;
  overflow: auto;
}
#search-page .filters .form-group {
  position: relative;
}
#search-page button {
  width: 100%;
}
#search-page .btn-comparison {
  width: auto;
}
#contact-page label {
  margin-bottom: 0;
}
#contact-page .newsletter-list-description {
  margin-bottom: 15px;
}
#contact-page .social-icons {
  margin-top: 60px;
}
#contact-page .social-icons .social-icon {
  height: 30px;
  margin-right: 15px;
}
.row {
  margin: 0;
}
#roof_helper .row {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
footer {
  z-index: 0;
  position: relative;
  padding-top: 0;
}
footer .fa-angle-up {
  cursor: pointer;
  position: absolute;
  font-size: 30px;
  right: 0;
  bottom: 15px;
}
footer .row {
  margin: 0;
}
footer .row .col-md-2:first-child {
  padding-left: 0;
}
footer .row .col-md-2:last-child {
  padding-right: 0;
}
footer .navbar-nav {
  display: block;
}
footer .navbar-nav li {
  padding-bottom: 10px;
}
footer .navbar-nav li a {
  padding: 0;
}
footer #footer-top {
  padding-top: 60px;
  padding-bottom: 20px;
  font-family: 'Aller', sans-serif !important;
  font-weight: 300;
  font-size: 14px;
}
footer #footer-top a {
  color: white;
  text-decoration: none;
}
footer #footer-top strong {
  font-weight: normal;
  font-size: 13px;
}
footer #footer-top #footer-nav {
  padding-top: 0;
}
footer #footer-top #footer-nav .nav-link {
  padding: 0;
  text-transform: uppercase;
  font-family: 'Aller', sans-serif;
  font-size: 14px !important;
  font-weight: normal;
  color: white;
}
footer #footer-top #footer-nav .nav-link:hover,
footer #footer-top #footer-nav .nav-link:focus {
  text-decoration: underline;
  text-decoration-color: white;
}
footer #footer-top .btn-red {
  margin-bottom: 15px;
  min-width: 110px;
}
footer #footer-top .btn-red img {
  height: 18px;
  padding-bottom: 3px;
}
footer #footer-top .social-icon {
  height: 24px;
  padding-right: 10px;
}
footer #footer-bottom {
  background-color: #8f191c;
  height: 55px;
}
footer #footer-bottom .d-inline-block {
  padding: 15px 0;
}
footer #footer-bottom .d-inline-block a {
  color: white;
}
footer #footer-bottom .d-inline-block:before {
  content: "• ";
  padding: 10px;
}
footer #footer-bottom .d-inline-block:first-of-type:before {
  display: none;
}
#webshop-categories h2 {
  text-transform: uppercase;
}
#webshop-categories .webshop-category-item {
  text-align: center;
  max-width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#webshop-categories .webshop-category-item .category-name {
  height: auto;
  border: 1px solid #f0dbce;
  flex-grow: 1;
}
#webshop-categories .webshop-category-item a {
  color: black;
}
#webshop-categories .webshop-category-item a:hover,
#webshop-categories .webshop-category-item a:focus {
  text-decoration: none;
  color: #8f191c;
}
#webshop-categories .webshop-category-item h4 {
  font-size: 15px;
  border-top: 0;
  padding: 30px 10px;
}
#webshop-categories .webshop-category-item:hover .image-hover {
  top: 0;
  height: 100%;
}
#webshop-categories .webshop-category-item:hover .image-caption {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#webshop-categories .webshop-category-item .image-hover {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  z-index: 25;
  width: 100%;
  height: 0%;
  background: #f0dbce;
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#webshop-categories .webshop-category-item .image-caption {
  color: black;
  padding: 0 15px;
  position: absolute;
  top: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.6s ease-in;
  -moz-transition: all 0.6s ease-in;
  -ms-transition: all 0.6s ease-in;
  -o-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
  z-index: 35;
}
#webshop-categories .webshop-category-item .image-caption .red-text {
  text-align: left;
}
#webshop-categories .webshop-category-item .image-caption ul {
  margin-top: 15px;
  text-align: left;
}
#webshop-categories .webshop-category-item .image-caption ul li {
  padding: 0;
  font-size: 14px;
}
#webshop-categories .webshop-category-item .image-hover,
#webshop-categories .webshop-category-item .image-caption {
  position: absolute;
  left: 15px;
  right: 15px;
  width: auto;
  max-width: 300px;
}
#webshop-category-page .subcategory {
  padding: 15px;
  color: black;
  border: 1px solid black;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  word-wrap: break-word;
}
#webshop-category-page .subcategory:hover,
#webshop-category-page .subcategory:focus,
#webshop-category-page .subcategory.active {
  background-color: #e7e7e7;
  color: #8f191c;
  border-color: #e7e7e7;
}
#webshop-category-page .category-carousel {
  margin-bottom: 30px;
}
#webshop-category-page .category-carousel h2:after {
  display: none;
}
#webshop-category-page .category-carousel h3 {
  font-size: 20px;
  font-weight: normal;
}
#webshop-category-page .category-carousel .carousel-caption {
  bottom: 55px;
}
#webshop-category-page #full-width-image {
  text-align: center;
}
#webshop-category-page #full-width-image img {
  margin: auto;
}
#webshop-category-page h2:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid #8f191c;
  width: 15%;
  max-width: 60px;
  padding-top: 15px;
  margin-bottom: 30px;
}
#webshop-category-page .category-gallery {
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
}
#webshop-category-page .category-gallery div {
  padding-left: 5px;
  padding-right: 5px;
}
#webshop-category-page a {
  text-decoration: none;
}
#webshop-category-page hr.white-line {
  margin: 30px 0;
}
#webshop-category-page .subcategory-content {
  padding-bottom: 30px;
}
.product-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0dbce;
}
.product-item .product-body {
  padding: 15px;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-item .product-body h4 {
  height: 40px;
  font-size: 16px;
  font-weight: 800;
}
.product-item .product-short {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}
.product-item .product-properties span {
  padding-left: 0;
}
.product-item .product-price {
  margin-top: 15px;
  text-transform: none;
  font-weight: bold;
}
.product-item .product-buttons {
  position: relative;
  bottom: unset;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  text-align: center;
}
.product-item .product-buttons .btn-comparison {
  margin-right: 20px;
  padding: 6px 2px;
  color: #8f191c;
}
#product-page .mb-4 {
  margin-bottom: 19px !important;
}
#product-page input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
#product-page input[type=number] {
  -moz-appearance: textfield;
}
#product-page .strikethrough {
  text-decoration: line-through;
}
#product-page .breadcrumb {
  padding: 0;
}
#product-page .product-right-section {
  padding: 15px;
}
#product-page .error-div {
  text-align: center;
  padding: 5px;
  background-color: rgba(143,25,28,0.2);
}
#product-page .info-div {
  text-align: center;
  padding: 5px;
  background-color: #e7e7e7;
}
#product-page .product-content .product-variations-box:not(.under-distributor) {
  margin-top: -78px;
}
#product-page .product-content .row {
  margin-left: -15px;
  margin-right: -15px;
}
#product-page .product-content .param-quantity {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 10px;
  row-gap: 15px;
  -webkit-appearance: none;
}
#product-page .product-content .param-quantity input[type="number"] {
  width: 100%;
  text-align: right;
  padding-right: 5px;
  -moz-appearance: textfield;
}
#product-page .product-content .param-quantity .product-unit {
  margin-bottom: 0;
  padding-top: 4px;
}
#product-page .nav-tabs {
  border-color: rgba(143,25,28,0.2);
}
#product-page .nav-tabs .nav-item {
  padding-bottom: 0;
}
#product-page .nav-tabs .nav-link {
  border-radius: 0;
  font-weight: bold;
  color: black;
  background-color: #e7e7e7;
  border-bottom: 1px solid rgba(143,25,28,0.2);
}
#product-page .nav-tabs .nav-link.active {
  border-color: rgba(143,25,28,0.2) rgba(143,25,28,0.2) #fff;
  color: #8f191c;
  background-color: white;
}
#product-page .tab-content {
  border: 1px solid rgba(143,25,28,0.2);
}
#product-page .product-prices-underlined {
  border-bottom: 1px solid #9a9a9a;
  padding-top: 4px;
  padding-bottom: 4px;
}
#product-page .product-prices .col-md-4 {
  padding-top: 4px;
}
#product-page .product-price span,
#product-page .product-stock-status span {
  padding: 0;
}
#product-page #product-unit-price {
  text-decoration: line-through;
}
#product-page #product-unit-price span {
  text-decoration: line-through;
}
#product-page .product-documents .document-stand-item {
  border-top: 1px solid #9a9a9a;
  padding: 15px;
}
#product-page .product-documents .document-stand-item .document-title {
  font-weight: bold;
}
#product-page .product-documents .related-document-item .document-title {
  font-weight: bold;
}
#product-page .similar-products {
  word-wrap: break-word;
}
#product-page .similar-products h4 {
  font-size: 13px;
  margin-bottom: 10px;
}
#product-page .similar-products .product-short {
  font-size: 13px;
}
#product-page .similar-products .col-md-4 {
  padding-right: 5px;
}
#product-page .similar-products .col-md-8 {
  padding-left: 5px;
}
#product-page .similar-products .product-similar-item {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
#product-page #standard-content > .product-param.mb-2 .product-param-container > div:not(.outOfStock) {
  border-width: 2px !important;
}
#product-page .product-param .product-param-container {
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-columns: repeat(6,1fr);
}
#product-page .product-param .product-param-container.numerical {
  grid-template-columns: repeat(6,1fr);
}
#product-page .product-param .product-param-container.numerical > div.outOfStock {
  border: 1px solid #9a9a9a !important;
}
#product-page .product-param .product-param-container.numerical div.active {
  border-color: #8f191c !important;
}
#product-page .product-param .product-param-container > div {
  border: 1px solid #8f191c !important;
  border-radius: 2px 2px 2px 2px;
  background: white;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
#product-page .product-param .product-param-container > div:not(.available) {
  color: #b4b4b4;
}
#product-page .product-param .product-param-container > div.active {
  border-color: #8f191c !important;
  color: #403E3E;
  background: rgba(143,25,28,0.2);
}
#product-page .product-param .product-param-container > div.outOfStock {
  border: 1px solid #9a9a9a !important;
}
#product-page .product-param .label-name {
  font-size: 16px;
}
#product-page #custom-cut-inner-box {
  opacity: 0.4;
}
#product-page #custom-cut-inner-box .row .pl-3 input[type="checkbox"] {
  margin-top: 8px;
}
#product-page #custom-cut-inner-box.open {
  opacity: 1;
}
#product-page #cuttedQuantity,
#product-page #normalQuantity {
  display: none;
}
#product-page #cuttedQuantity.open,
#product-page #normalQuantity.open {
  display: block;
}
#product-page .product-gallery {
  max-width: 600px;
}
#product-page .product-gallery .carousel-item img {
  max-width: 100%;
}
.product-image.product-discounted:before,
.product-image-cont.product-discounted:before {
  content: "";
  color: white;
  position: absolute;
  right: 16px;
  height: 0;
  border-style: solid;
  border-width: 0 70px 70px;
  border-color: transparent #8f191c transparent transparent;
}
.product-image.product-discounted-en:after,
.product-image-cont.product-discounted-en:after {
  content: 'Sale!' !important;
  text-transform: uppercase;
  color: white;
  position: absolute;
  right: 18px;
  margin-top: 12px;
  transform: rotate(45deg);
}
.product-image.product-discounted:after,
.product-image-cont.product-discounted:after {
  content: 'Akció!';
  text-transform: uppercase;
  color: white;
  position: absolute;
  right: 18px;
  margin-top: 12px;
  transform: rotate(45deg);
}
#product-list-page .document-stand-item {
  color: black;
  text-align: center;
  margin-bottom: 30px;
  padding: 15px;
}
#product-list-page .document-stand-item .document-text {
  text-align: left;
}
#product-list-page .document-stand-item img {
  margin: auto;
}
#product-list-page .document-stand-item a:hover,
#product-list-page .document-stand-item a:focus {
  text-decoration: none;
  color: black;
}
#product-list-page .document-title {
  padding: 5px;
}
#product-list-page .filters .form-group {
  margin-bottom: 0;
}
.filters .form-control {
  border-radius: 0;
  border: 0;
  background-color: #f0dbce;
  color: #8f191c;
  border-right: 2px solid #f0dbce;
}
.filters .form-control.is-valid {
  border-color: unset;
  border-right: 2px solid #f0dbce;
  background-image: unset;
}
.filters .form-control.is-valid:focus {
  box-shadow: unset;
}
.filters select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.filters .form-group:before {
  content: '\f078';
  font-family: FontAwesome;
  color: #8f191c;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 10px;
  pointer-events: none;
}
.webshop-cart-pages {
  margin: 20px 0px !important;
}
.webshop-cart-pages h1 {
  font-size: 32px;
  margin-top: 30px;
}
.webshop-cart-pages h1:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid #8f191c;
  width: 15%;
  max-width: 60px;
}
.webshop-cart-pages .recaptcha-hint {
  font-size: 12px;
}
.webshop-cart-pages .recaptcha-hint a {
  color: #1a73e8 !important;
}
.webshop-cart-pages .step-indicator li.active .step-bubble,
.webshop-cart-pages .step-indicator li.visited .step-bubble {
  background-color: #8f191c;
}
.webshop-cart-pages .step-indicator > li.visited .step-bubble:before,
.webshop-cart-pages .step-indicator > li.visited .step-bubble:after {
  background-color: #8f191c;
}
.webshop-cart-pages .step-indicator > li.active .step-bubble:before {
  background-color: #8f191c;
}
.webshop-cart-pages .webshop-customer-buttons {
  margin-top: 15px;
}
.webshop-cart-pages .product-size,
.webshop-cart-pages .product-unit_size,
.webshop-cart-pages .product-net-unit,
.webshop-cart-pages .product-net-unit-discount,
.webshop-cart-pages .product-net,
.webshop-cart-pages .product-tax,
.webshop-cart-pages .product-total,
.webshop-cart-pages .total-net,
.webshop-cart-pages .total-tax,
.webshop-cart-pages .total-total,
.webshop-cart-pages .order-shipping-total,
.webshop-cart-pages .order-total {
  white-space: nowrap;
}
.webshop-cart-pages .table-top td {
  border: none;
  text-transform: uppercase;
  color: #8f191c;
  font-weight: bold;
}
.webshop-cart-pages a {
  color: white;
}
.webshop-cart-pages a.text-red {
  color: #8f191c !important;
}
.webshop-cart-pages .table-header th {
  border-top: none;
  background-color: #f2f2f2;
}
.webshop-cart-pages td.product-url a {
  color: black !important;
}
.webshop-cart-pages .product-total,
.webshop-cart-pages .total-total {
  color: #8f191c;
}
.webshop-cart-pages .product-bottom-h1 {
  color: #8f191c;
  text-transform: uppercase;
  font-weight: bold;
}
.webshop-cart-pages .border-left {
  border-left: 1px solid #b3b3b3;
}
.webshop-cart-pages .product-delete {
  padding: 10px 10px 8px;
}
.webshop-cart-pages .order-shipping-total {
  font-weight: bold;
}
.webshop-cart-pages .order-total {
  color: #8f191c;
  font-weight: bold;
  text-transform: uppercase;
}
.webshop-cart-pages .webshop-cart-mobile {
  display: none;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data {
  border-bottom: 1px solid #efdbce;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-url-mobile {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #8f191c !important;
  font-weight: bold;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-url-mobile .product-delete {
  margin-right: 10px;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-url-mobile img {
  margin-right: 10px;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-url-mobile a {
  color: #8f191c !important;
  font-weight: bold;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-header-mobile {
  font-weight: bold;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-item-line {
  margin-bottom: 10px;
}
.webshop-cart-pages .webshop-cart-mobile .cart-item-data .product-total-mobile {
  color: #8f191c;
  font-weight: bold;
}
.webshop-cart-pages .webshop-cart-mobile .product-header-h1 {
  font-weight: bold;
  text-transform: uppercase;
}
.webshop-cart-pages .webshop-cart-mobile .product-total-header-mobile {
  text-transform: uppercase;
  color: #8f191c;
  font-weight: bold;
  margin-bottom: 10px;
}
.webshop-cart-pages #webshop-shipping .sap-item {
  margin-bottom: 5px;
}
.webshop-cart-pages #webshop-shipping .sap-item a {
  color: #8f191c;
}
.webshop-cart-pages #webshop-shipping .sap-description a {
  color: #8f191c;
}
.webshop-cart-pages #webshop-shipping .radio-container {
  margin-bottom: 0;
}
.webshop-cart-pages #webshop-shipping .sap-description {
  margin-left: 17px;
  font-size: 13px;
}
.webshop-cart-pages #webshop-shipping fieldset {
  margin-bottom: 30px;
}
.webshop-cart-pages #webshop-shipping .webshop-shipping-price {
  margin-top: 20px;
}
.webshop-cart-pages #webshop-shipping .webshop-shipping-price p {
  margin-top: 0;
  margin-bottom: 10px;
}
.webshop-cart-pages .summary-holder h2 {
  font-size: 32px;
  margin-top: 30px;
}
.webshop-cart-pages .summary-holder label {
  margin-top: 15px;
  margin-bottom: 0;
}
.webshop-cart-pages .summary-holder textarea {
  margin-bottom: 30px;
}
.webshop-cart-pages .cart-table-opener {
  background: #f2f2f2;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  padding: 5px;
}
#webshop-order-thank-page {
  padding-top: 60px;
}
.webshop-cart-desktop .btn {
  width: auto;
}
@media (max-width: 768px) {
  .brand-motto {
    display: none;
  }
  .webshop-cart-pages .webshop-cart-mobile {
    display: block;
  }
  .webshop-cart-pages .webshop-cart-desktop {
    display: none;
  }
  .webshop-cart-pages .webshop-customer-block .webshop-customer-right {
    margin-top: 20px;
  }
}
#product-cart .modal-title {
  text-transform: none;
  color: black;
}
#product-cart .modal-cart-item {
  display: flex;
  margin-bottom: 20px;
}
#product-cart .cart-item-image {
  margin-right: 20px;
  text-align: center;
  margin-bottom: 20px;
}
#product-cart .cart-item-data {
  width: 100%;
}
#product-cart .modal-header {
  border-bottom: 1px solid #efdbce;
}
#product-cart .modal-body {
  padding-left: 20px;
  padding-right: 20px;
}
#product-cart .modal-footer {
  border: none;
}
#product-cart .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#product-cart .cart-total-row {
  border-top: 1px solid #efdbce;
  padding-top: 5px;
}
#product-cart .cart-item-name-row {
  border-bottom: 1px solid #efdbce;
  font-weight: bold;
  color: #8f191c;
}
#product-cart.show-modal {
  display: block;
  animation: fade_in 0.5s;
}
@media (max-width: 576px) {
  #product-cart .modal-cart-item {
    flex-direction: column;
  }
}
.offer-request .modal-button {
  font-weight: bold;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
#questionnaire-page {
  padding-top: 30px;
}
#product_offer_modal .modal-header,
#category_offer_modal .modal-header {
  color: grey;
  text-transform: uppercase;
  margin: 0 20px;
  height: 45px;
}
#product_offer_modal .modal-content,
#category_offer_modal .modal-content {
  border-radius: 0;
}
#product_offer_modal .modal-content h2.product-name-span,
#category_offer_modal .modal-content h2.product-name-span {
  color: #8f191c;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  margin: 0 0 10px 0;
  border: none;
}
#product_offer_modal .modal-content h3,
#category_offer_modal .modal-content h3 {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 10px 0;
}
#product_offer_modal .modal-content .product-total-span,
#product_offer_modal .modal-content .cart-cost-span,
#category_offer_modal .modal-content .product-total-span,
#category_offer_modal .modal-content .cart-cost-span {
  font-size: 18px;
}
#product_offer_modal .modal-footer .btn-success,
#category_offer_modal .modal-footer .btn-success {
  line-height: normal;
  display: inline-block;
  color: white;
}
.document-assign-list h3 {
  font-size: 20px;
  margin-bottom: 25px;
}
.document-assign-list hr.grey-line {
  margin-bottom: 5px;
  margin-top: 5px;
}
.document-assign-list .document-item .col-sm-3 {
  padding-right: 0;
}
.document-assign-list .document-item .document-title {
  font-size: 13px;
  font-weight: bold;
}
.document-assign-list .document-item .document-text {
  color: black;
  font-size: 12px;
}
#profile-page form {
  margin-bottom: 30px;
}
.my-orders .kv-grid-bs4 a.desc:after {
  content: "";
}
.my-orders .table-info .table-info >th,
.my-orders .table-info >td {
  background-color: #f2f2f2;
}
.my-orders .table-info th,
.my-orders .table-info td,
.my-orders .table-info thead th,
.my-orders .table-info tbody + tbody {
  border-color: #dee2e6;
}
.my-orders .table-hover .table-info:hover > td,
.my-orders .table-hover .table-info:hover > th {
  background-color: #f2f2f2;
}
.my-orders .table-hover .table-info:hover {
  background-color: #f2f2f2;
}
.my-orders .kv-expand-header-cell span {
  display: none;
}
.my-orders .table-striped tbody tr:nth-of-type(odd) {
  background-color: white !important;
}
.my-orders .table-striped .order-details tr {
  background-color: #e7e7e7;
}
.row.container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  footer #footer-top .col-md-2,
  footer #footer-top .col-md-3 {
    padding-left: 0;
  }
  footer #footer-top #footer-nav {
    padding-left: 0;
  }
  footer #footer-top #footer-nav ul {
    padding-top: 10px;
    padding-left: 15px;
    background: none;
  }
  footer #footer-top .footer-signup {
    display: none;
  }
  footer #footer-top #m-cube {
    background-color: transparent;
  }
  footer #footer-top #m-cube:before {
    display: none;
  }
  footer #footer-bottom {
    height: auto;
  }
}
@media screen and (max-width: 1215px) {
  .product-item .product-buttons {
    flex-direction: column;
  }
  .product-item .product-price {
    bottom: auto;
    top: 500px;
  }
  .product-item .product-body .product-buttons {
    text-align: center;
  }
  .product-item .product-body .product-buttons a {
    margin: 15px auto auto auto;
    width: 90%;
  }
  .product-item .product-body .product-buttons .btn-comparison {
    width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 1200px) {
  .navbar-dark .container .navbar-brand {
    padding-left: 10px;
  }
  .navbar-dark .container #header-nav-top-collapse {
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0px;
    height: 100%;
    background: white;
    padding: 20px;
    transition: all 0.3s ease;
    height: calc(100% - 12px);
  }
  .navbar-dark .container #header-nav-top-collapse .search-box {
    margin-bottom: 20px;
  }
  .navbar-dark .container #header-nav-top-collapse .search-box input {
    width: 78%;
    padding: 8px;
    border: 1px solid #403E3E;
    border-radius: 5px 0 0 5px;
  }
  .navbar-dark .container #header-nav-top-collapse .search-box button {
    background: #971D16;
    color: #ffffff;
    padding: 7px 20px 8px;
    border: 1px solid #403E3E;
    border-left: none;
    position: relative;
    left: -3px;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile img {
    width: 270px;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile .close-menu {
    font-size: 28px;
    color: #971D16;
    cursor: pointer;
    margin-right: 25px;
    font-family: monospace;
    line-height: 28px;
    transform: scaleX(1.3);
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav {
    background: white;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link {
    color: #971D16;
    text-transform: none;
    font-size: 12px;
    font-family: WorkSans;
    font-weight: 500;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link img {
    height: 20px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link i {
    font-size: 16px;
    min-width: 20px;
    text-align: center;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer {
    margin-bottom: 15px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer span span {
    text-decoration: underline;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer.mobile-no {
    display: none;
  }
  .navbar-dark .container #header-nav-top-collapse.show {
    right: -12px;
  }
  .navbar-dark .container #header-nav-top-collapse::before {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 12px;
    height: calc(112%);
    background: #971d16a6;
    z-index: -2;
  }
  .navbar-dark .container #header-nav-top-collapse::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: 100%;
    height: 12px;
    background: #971d16a6;
    z-index: -1;
  }
  .navbar-dark .container .mobile-in-bottom {
    border-top: 1px solid #403E3E;
    margin-top: 45px;
    padding-top: 20px;
  }
  .navbar-dark .container .mobile-in-bottom label {
    color: #403E3E;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: WorkSans;
  }
  .navbar-dark .container .navbar-collapse {
    height: 100%;
    z-index: 100;
  }
  .navbar-dark .container .navbar-collapse ul {
    background: #8f191c;
    display: block;
    height: auto;
    z-index: 120;
    max-height: unset;
  }
  .navbar-dark .container .navbar-collapse ul li {
    display: block;
    width: 100%;
  }
  #header-nav-bottom {
    padding: 0;
    max-height: 100%;
  }
  #header-nav-bottom #header-nav-bottom-collapse {
    width: auto;
    display: inline-block !important;
    flex-basis: unset;
  }
  #header-nav-bottom .navbar-toggler {
    display: none;
  }
  #header-nav-bottom .container {
    flex-wrap: nowrap;
  }
  #header-nav-bottom .container .navbar-collapse ul.navbar-nav {
    display: none;
  }
  #header-nav-bottom .container .navbar-collapse ul li.desktop-no {
    display: block;
  }
  #header-nav-bottom .dropdown-menu a {
    display: block;
  }
  #header-nav-bottom .dropdown-menu img {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }
  #header-nav-bottom .navbar-brand {
    padding-left: 10px;
  }
  #header-nav-bottom .navbar-brand img {
    height: 25px;
  }
  #header-nav-bottom .navbar-toggler {
    margin-right: 15px;
  }
  #header-nav-bottom ul li {
    padding-left: 15px;
  }
  .desktop-no {
    display: block;
  }
  .mobile-no {
    display: none;
  }
  .mobile-menu-dropdown {
    position: relative;
    width: 100%;
    padding: 2px 6px 0;
    color: #971D16;
    font-family: 'Aller';
    font-weight: bold;
    font-size: 12px;
  }
  .mobile-menu-dropdown-header {
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .mobile-menu-dropdown-header i {
    transition: transform 0.3s ease;
    margin-left: 5px;
  }
  .mobile-menu-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
  }
  .mobile-menu-dropdown.active .mobile-menu-dropdown-header i {
    transform: rotate(180deg);
  }
  .mobile-menu-dropdown.active .mobile-menu-dropdown-content {
    display: block;
    width: fit-content;
    left: auto;
    border: 2px solid;
    padding: 0 18px;
    text-align: left;
    top: 40px;
    right: 25px;
    border-radius: 0;
  }
  .mobile-menu-dropdown .mobile-menu-item {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    border-bottom: 2px solid;
    color: #971D16;
  }
  .mobile-menu-dropdown .mobile-menu-item:last-child {
    border-bottom: none;
  }
  .mobile-menu-dropdown .mobile-menu-item:hover {
    text-decoration: none;
  }
  .mobile-menu-dropdown .mobile-menu-item.active {
    font-weight: bold;
    color: #403E3E !important;
  }
}
@media screen and (max-width: 991px) {
  .desktop-no {
    display: block;
  }
  .mobile-no {
    display: none;
  }
  #header-nav-top .navbar-toggler {
    background: transparent;
    border: none;
    padding-top: 12px;
  }
  #header-nav-top .navbar-toggler:focus {
    outline: none;
  }
  #header-nav-top .navbar-toggler .navbar-toggler-icon {
    background: transparent;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    font-size: 20px;
  }
  #header-nav-top .navbar-toggler .navbar-toggler-icon::before {
    content: "\f0c9";
  }
  .navbar-dark .container .navbar-brand {
    padding-left: 10px;
  }
  .navbar-dark .container #header-nav-top-collapse {
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0px;
    height: 100%;
    background: white;
    padding: 20px;
    transition: all 0.3s ease;
    height: calc(100% - 12px);
  }
  .navbar-dark .container #header-nav-top-collapse .search-box {
    margin-bottom: 20px;
  }
  .navbar-dark .container #header-nav-top-collapse .search-box input {
    width: 78%;
    padding: 8px;
    border: 1px solid #403E3E;
    border-radius: 5px 0 0 5px;
  }
  .navbar-dark .container #header-nav-top-collapse .search-box button {
    background: #971D16;
    color: #ffffff;
    padding: 7px 20px 8px;
    border: 1px solid #403E3E;
    border-left: none;
    position: relative;
    left: -3px;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile img {
    width: 270px;
  }
  .navbar-dark .container #header-nav-top-collapse .logo-mobile .close-menu {
    font-size: 28px;
    color: #971D16;
    cursor: pointer;
    margin-right: 25px;
    font-family: monospace;
    line-height: 28px;
    transform: scaleX(1.3);
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav {
    background: white;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link {
    color: #971D16;
    text-transform: none;
    font-size: 12px;
    font-family: WorkSans;
    font-weight: 500;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link img {
    height: 20px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-link i {
    font-size: 16px;
    min-width: 20px;
    text-align: center;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer {
    margin-bottom: 15px;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer span span {
    text-decoration: underline;
  }
  .navbar-dark .container #header-nav-top-collapse ul.navbar-nav .nav-item.language-changer.mobile-no {
    display: none;
  }
  .navbar-dark .container #header-nav-top-collapse.show {
    right: -12px;
  }
  .navbar-dark .container #header-nav-top-collapse::before {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 12px;
    height: calc(112%);
    background: #971d16a6;
    z-index: -2;
  }
  .navbar-dark .container #header-nav-top-collapse::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: 100%;
    height: 12px;
    background: #971d16a6;
    z-index: -1;
  }
  .navbar-dark .container .mobile-in-bottom {
    border-top: 1px solid #403E3E;
    margin-top: 45px;
    padding-top: 20px;
  }
  .navbar-dark .container .mobile-in-bottom label {
    color: #403E3E;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: WorkSans;
  }
  .navbar-dark .container .navbar-collapse {
    height: 100%;
    z-index: 100;
  }
  .navbar-dark .container .navbar-collapse ul {
    background: #8f191c;
    display: block;
    height: auto;
    z-index: 120;
    max-height: unset;
  }
  .navbar-dark .container .navbar-collapse ul li {
    display: block;
    width: 100%;
  }
  #product_offer_modal #offerrequest-message {
    min-height: 140px;
  }
  #header-nav-top .navbar-brand {
    width: calc(100% - 305px);
  }
  #header-nav-top .navbar-brand img {
    max-width: 100%;
  }
  .mobile-menu-dropdown {
    position: relative;
    width: 100%;
    padding: 2px 6px 0;
    color: #971D16;
    font-family: 'Aller';
    font-weight: bold;
    font-size: 12px;
  }
  .mobile-menu-dropdown-header {
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .mobile-menu-dropdown-header i {
    transition: transform 0.3s ease;
    margin-left: 5px;
  }
  .mobile-menu-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
  }
  .mobile-menu-dropdown.active .mobile-menu-dropdown-header i {
    transform: rotate(180deg);
  }
  .mobile-menu-dropdown.active .mobile-menu-dropdown-content {
    display: block;
    width: fit-content;
    left: auto;
    border: 2px solid;
    padding: 0 18px;
    text-align: left;
    top: 40px;
    right: 25px;
    border-radius: 0;
  }
  .mobile-menu-dropdown .mobile-menu-item {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    border-bottom: 2px solid;
    color: #971D16;
  }
  .mobile-menu-dropdown .mobile-menu-item:last-child {
    border-bottom: none;
  }
  .mobile-menu-dropdown .mobile-menu-item:hover {
    text-decoration: none;
  }
  .mobile-menu-dropdown .mobile-menu-item.active {
    font-weight: bold;
    color: #403E3E;
  }
  #header-nav-bottom {
    padding: 0;
    max-height: 100%;
  }
  #header-nav-bottom #header-nav-bottom-collapse {
    width: auto;
    display: inline-block;
    flex-basis: unset;
  }
  #header-nav-bottom .navbar-toggler {
    display: none;
  }
  #header-nav-bottom .container {
    flex-wrap: nowrap;
  }
  #header-nav-bottom .container .navbar-collapse ul.navbar-nav {
    display: none;
  }
  #header-nav-bottom .container .navbar-collapse ul li.desktop-no {
    display: block;
  }
  #header-nav-bottom .dropdown-menu a {
    display: block;
  }
  #header-nav-bottom .dropdown-menu img {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }
  #header-nav-bottom .navbar-brand {
    padding-left: 10px;
  }
  #header-nav-bottom .navbar-brand img {
    height: 25px;
  }
  #header-nav-bottom .navbar-toggler {
    margin-right: 15px;
  }
  #header-nav-bottom ul li {
    padding-left: 15px;
  }
  #login-page .buttons {
    display: block;
  }
  #login-page .buttons button {
    width: 100%;
  }
  #login-page .buttons a {
    margin-top: 15px;
  }
  #mobile-signup {
    position: relative;
    z-index: 100;
  }
  #mobile-signup a {
    color: white;
  }
  #mobile-signup img {
    height: 20px;
  }
  .wrap .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .wrap .container .page-block {
    padding: 0;
  }
  .index-background-image {
    display: none;
  }
  #product-list-page .document-item .col-8 {
    padding: 0;
  }
  #product-list-page .document-title {
    margin-top: 20px;
  }
  #index-page .red-cubes {
    font-size: 14px;
  }
  #index-page .gallery-carousel .carousel {
    height: auto;
  }
  #search-page .search-column h4 img {
    display: none;
  }
  footer #footer-top {
    padding-bottom: 10px;
  }
  footer #footer-top #footer-nav ul {
    margin-left: 0 !important;
    padding-inline-start: 0;
  }
  footer #footer-bottom {
    padding-bottom: 10px;
  }
  footer #footer-bottom .d-inline-block {
    padding: 10px 0 0;
  }
}
@media screen and (max-width: 425px) {
  h1 {
    font-size: 40px;
  }
  #header-nav-bottom .navbar-toggler {
    margin-right: 5px;
  }
  .form-group {
    text-align: center;
  }
  .form-group .pull-right {
    float: unset;
    text-align: center;
  }
  h2.red-title-line {
    text-align: center;
  }
  h2.red-title-line:after {
    margin: auto;
  }
  #search-page .search-column .form-group {
    max-height: 200px;
  }
  #webshop-categories {
    text-align: center;
  }
  #webshop-categories .col-md-3 {
    margin: 0 auto 30px;
  }
  #webshop-categories .webshop-category-item {
    margin: auto;
  }
  #webshop-categories .webshop-category-item .image-hover,
  #webshop-categories .webshop-category-item .image-caption {
    margin: auto;
  }
  #webshop-category-page .grey-background {
    margin-left: -10px;
    margin-right: -10px;
  }
  #webshop-category-page .grey-background .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  #webshop-category-page .grey-background .container span {
    padding: 0;
  }
  #webshop-category-page .grey-background .container .btn-primary-small {
    margin-top: 15px;
  }
  #webshop-category-page .main-section .left-section {
    text-align: center;
    margin-bottom: 30px;
  }
  #webshop-category-page .main-section .left-section img {
    margin: auto;
  }
  #index-page {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #index-page .red-cubes {
    font-size: 10px;
  }
  #index-page .red-cubes .red-cube {
    height: 90%;
    margin-bottom: 10px;
    padding: 30px;
  }
  #index-page .red-cubes .red-cube .menu-title {
    padding-top: 25px;
  }
  #index-page .red-cubes .col-6:nth-child(even) {
    padding-left: 5px;
  }
  #index-page .red-cubes .col-6:nth-child(odd) {
    padding-right: 5px;
  }
  #index-page .article-item {
    text-align: center;
  }
  #index-page .article-item img {
    margin: auto auto 10px auto;
  }
  #index-page .article-item .article-title-line {
    text-align: left;
  }
  #index-page .article-item .article-short {
    text-align: left;
  }
  #index-page .article-item .article-more p {
    margin-bottom: 10px;
  }
  #index-page .promotions {
    text-align: center;
  }
  #index-page .promotions .col-md-5ths {
    margin: auto;
  }
  #index-page .promotions .product-title {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #documents-page .library-item .library-body .document-stand-item {
    max-width: 200px;
    margin: auto;
  }
  #faqs-page img {
    display: none;
  }
  #faqs-page .article-item .article-body {
    margin-left: 0;
  }
  #contact-page .col-lg-3 {
    margin-bottom: 10px;
  }
  #search-page button {
    width: 100%;
  }
  .product-item,
  #webshop-category-page .product-item {
    width: 300px;
    margin: auto;
    height: auto;
  }
  .product-item .product-body,
  #webshop-category-page .product-item .product-body {
    height: auto;
  }
  .product-item .product-body h4,
  #webshop-category-page .product-item .product-body h4 {
    height: auto;
  }
  .product-item .product-body .product-short,
  #webshop-category-page .product-item .product-body .product-short {
    height: auto;
  }
  .product-item .product-body .product-price,
  #webshop-category-page .product-item .product-body .product-price {
    position: relative;
    margin-top: 15px;
    bottom: 0;
    top: 0;
  }
  .product-item .product-body .product-buttons,
  #webshop-category-page .product-item .product-body .product-buttons {
    position: relative;
    bottom: 0;
  }
  .product-item .product-body .product-buttons a,
  #webshop-category-page .product-item .product-body .product-buttons a {
    margin-top: 15px;
    width: 100%;
  }
  .product-item .product-body .product-buttons .btn-comparison,
  #webshop-category-page .product-item .product-body .product-buttons .btn-comparison {
    width: 100%;
    margin-right: 0;
  }
  #gallery-page h3 {
    margin-right: 0;
  }
  .filters .col-md-4 {
    margin-bottom: 10px;
  }
  #comparison-right {
    top: 200px;
    width: 250px;
  }
  #comparison-right h4 {
    font-size: 14px;
  }
  #comparison-right .orange-line {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #comparison-right ol {
    margin-bottom: 0;
  }
  #comparison-right ol li {
    padding-bottom: 5px;
  }
  #product-list-page .document-item {
    margin-bottom: 30px;
  }
  #product-list-page .products .col-lg-3 {
    margin: auto;
    width: 330px;
  }
  #product-list-page .products .col-lg-3 .product-item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.loader {
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}
.loader .loader-rotate {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.loader .loader-rotate div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: loader-rotate 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
  border-color: #fff transparent transparent transparent;
}
.loader .loader-rotate div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader .loader-rotate div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader .loader-rotate div:nth-child(3) {
  animation-delay: -0.15s;
}
.add-remove-btn {
  padding: 0;
  height: 16px;
  width: 16px;
  top: -1px;
  position: relative;
  line-height: 0;
}
.roof-helper #offer-box {
  background: rgba(0,0,0,0.5);
}
.roof-helper #offer-box input {
  height: 30px !important;
  width: 100% !important;
}
.roof-helper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.roof-helper .roof-helper-holder-add-remove {
  padding: 0;
  height: 16px;
  width: 16px;
  top: -1px;
  position: relative;
  line-height: 0;
}
.roof-helper #custom-holders,
.roof-helper #custom-holders-b {
  padding-top: 10px;
}
.roof-helper input[type=text] {
  height: 16px;
  width: 70px;
  font-size: 12px;
}
.roof-helper .size-input {
  height: 16px;
  width: 70px;
  font-size: 12px;
  padding: 0 5px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 0;
  text-align: right;
}
.roof-helper .disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.roof-helper #calculate input[type=text] {
  height: auto;
  width: auto;
  font-size: 14px;
}
.roof-helper h4 {
  cursor: pointer;
}
.roof-helper .btn-normal {
  background-color: #8f191c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: white;
  font-family: 'Avenir', sans-serif;
  font-size: 15px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #8f191c;
  padding: 10px;
  min-width: 166px;
}
.roof-helper .next-btn-holder {
  display: flex;
  justify-content: flex-end;
}
.roof-helper .roof-helper-box {
  background-color: white;
  box-shadow: 0 1px 3px #000000;
  padding: 20px;
  margin-top: 20px;
  text-align: left;
  font-size: 12px;
}
.roof-helper .roor-helper-introduction ol li:before {
  display: inline-block;
  content: counter(item) ".";
  font-weight: normal;
}
.roof-helper .roor-helper-introduction ol li {
  padding-bottom: 0;
  font-size: 12px;
}
.roof-helper .roor-helper-introduction p {
  margin-bottom: 0;
}
.roof-helper .step-text {
  background: #eaeaea;
  padding: 5px;
}
.roof-helper .cover-type-btn {
  cursor: pointer;
  height: 100%;
  border: 1px solid #f0dbce;
}
.roof-helper .cover-type-btn.active {
  background: #8f191c !important;
  color: white !important;
}
.roof-helper .cover-type-btn.active .product-body {
  color: black !important;
}
.roof-helper .cover-type-btn:hover,
.roof-helper .cover-type-btn:focus {
  background: #8f191c !important;
  color: white !important;
}
.roof-helper .cover-type-btn:hover .product-body,
.roof-helper .cover-type-btn:focus .product-body {
  color: black !important;
}
.roof-helper .product-data-holder {
  border: 5px solid #999999;
  border-radius: 5px;
}
.roof-helper .product-body {
  padding: 0 15px !important;
}
.roof-helper .product-list-item {
  width: 100%;
  margin-bottom: 10px;
}
.roof-helper .product-list-item .img-holder {
  max-width: 100%;
  max-height: 200px;
  height: 200px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.roof-helper .form-control {
  border-radius: 0;
  border: 0;
  background-color: #f0dbce;
  color: #8f191c;
  border-right: 2px solid #f0dbce;
}
.roof-helper .form-control:before {
  content: '\f078';
  font-family: FontAwesome;
  color: #8f191c;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 10px;
  pointer-events: none;
}
.roof-helper .select2-container .select2-selection--single {
  height: 28px !important;
}
.roof-helper .select2-selection {
  border-radius: 0;
  border: 0;
  background-color: #f0dbce;
  color: #8f191c;
  border-right: 2px solid #f0dbce;
}
.roof-helper .select2-search__field {
  border-radius: 0;
  border: 0;
  background-color: #f0dbce;
  color: #8f191c;
  border-right: 2px solid #f0dbce;
}
.roof-helper .select2-results__option--highlighted {
  background-color: #f0dbce !important;
}
.roof-helper #full-calculate-result table td {
  padding: 5px !important;
}
.roof-helper #full-calculate-result table th {
  padding: 5px !important;
  font-size: 12px;
  height: auto;
}
.roof-helper #full-calculate-result .table-select {
  margin-left: -4px;
  word-wrap: normal;
  white-space: break-spaces;
  line-break: anywhere;
  width: 100%;
  background: transparent;
  border: 0;
}
.roof-helper .cover-type-img {
  flex-grow: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 10px;
}
.roof-helper .cover-type-img img {
  margin-top: 15px;
}
.roof-helper .img-edit-icon {
  position: absolute;
  background: rgba(0,0,0,0.5);
  color: white;
  width: 15px;
}
.roof-helper #full-calculate-table td {
  font-size: 12px;
  height: auto;
}
#cart-counter {
  top: 43%;
  position: sticky;
  text-align: center;
  color: white;
  z-index: 1000;
  font-size: 20px;
}
.popup-holder {
  position: absolute;
  background: white;
  border: 1px solid black;
  padding: 10px;
  z-index: 1;
}
.popup-holder img {
  height: auto;
}
.popup-vue {
  position: fixed;
  background: white;
  border: 1px solid black;
  padding: 10px;
  z-index: 100;
}
#comparison-to-small {
  cursor: pointer;
}
#comparison-small {
  cursor: pointer;
  padding: 0 5px;
  position: fixed;
  height: 40px;
  display: block;
  bottom: 50px;
  right: 0;
  background: white;
  line-height: 40px;
  text-align: center;
  z-index: 1000;
}
#comparison-small h4 {
  line-height: 40px;
}
.unconfirmed-email {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  top: 109px;
  padding: 0;
  position: fixed;
  color: white;
  font-weight: 900;
  text-align: center;
  background: red;
  width: 100%;
  z-index: 1;
}
#login-modal .g-recaptcha {
  width: 100%;
}
@media (min-width: 720px) {
  #login-modal .modal-dialog {
    width: 320px !important;
  }
}
#login-modal .modal-content {
  padding: 25px;
  border-radius: 10px;
}
.btn-google-login {
  cursor: pointer;
  display: flex;
}
.btn-google-login i {
  background: #e48d8b;
  padding: 7px;
  font-size: 21px;
  border: 2px solid #e1827f;
  border-radius: 6px 0 0 6px;
  color: white;
  width: 40px;
  text-align: center;
}
.btn-google-login span {
  background: #cf553d;
  padding: 7px;
  border-radius: 0 6px 6px 0;
  color: white;
  font-weight: bold;
  border: 2px solid #d5443f;
  text-align: center;
  flex-grow: 1;
}
.btn-facebook-login {
  margin-bottom: 15px;
  display: flex;
  outline: none;
  border: 0;
  width: 100%;
  padding: 0;
  cursor: pointer;
}
.btn-facebook-login i {
  background: #82b2da;
  padding: 7px;
  font-size: 21px;
  border: 2px solid #7baad3;
  border-radius: 6px 0 0 6px;
  color: white;
  width: 40px;
  text-align: center;
}
.btn-facebook-login span {
  background: #428bca;
  padding: 7px;
  border-radius: 0 6px 6px 0;
  color: white;
  font-weight: bold;
  border: 2px solid #307cbd;
  text-align: center;
  flex-grow: 1;
}
.or-line {
  position: relative;
  text-align: center;
  font-weight: bold;
  color: #8f191c;
}
.or-line:before {
  content: ' ';
  height: 1px;
  position: absolute;
  left: 0;
  background: #8f191c;
  top: 11px;
  width: 42%;
}
.or-line:after {
  content: ' ';
  height: 1px;
  position: absolute;
  right: 0;
  background: #8f191c;
  top: 11px;
  width: 42%;
}
.link {
  border: 0;
  background: transparent;
  outline: none;
  font-weight: bold;
  color: #8f191c;
  padding: 0px;
}
.services .article-short p {
  margin-bottom: 0;
}
.top-header-menu .dropdown-menu {
  width: max-content !important;
}
.phone_types {
  position: absolute;
  width: 37px;
  background: white;
  border: 1px solid #ced4da;
  height: 37px;
  overflow: hidden;
}
.show_phone_types {
  height: auto !important;
}
.underline {
  border-bottom: 1px solid #9a9a9a;
}
.disabled-window-part {
  position: absolute;
  width: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.2);
  cursor: not-allowed;
  top: -10px;
  bottom: -10px;
  height: auto;
}
.disabled-btn {
  cursor: not-allowed;
  pointer-events: none;
}
.transition {
  outline: 2px solid transparent;
  transition: all 400ms ease;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.error-outline {
  outline: 2px solid #8f191c !important;
}
input[type=number] {
  -moz-appearance: textfield;
}
.carousel-caption {
  background: rgba(237,28,36,0.7);
}
@media (max-width: 500px) {
  .carousel-caption h2 {
    font-size: 5vw;
  }
  .carousel-caption h3 {
    font-size: 3.5vw;
  }
}
.product-gross-price {
  margin-top: 15px;
  font-size: 15px;
}
.big-img-nav-item {
  height: 60px !important;
  padding: 0 !important;
}
.big-img-nav-item a {
  padding: 0 !important;
  height: 100% !important;
}
.big-img-nav-item a img {
  height: auto !important;
  max-width: 85px !important;
}
.search-roof-helper-project-item {
  background: #8f191c;
  text-align: center;
}
.search-roof-helper-project-item img {
  height: 92px;
  width: 92px;
  margin: 10px auto;
}
.search-roof-helper-project-item p {
  color: white;
  font-weight: 700;
}
.project-code-holder {
  margin-bottom: 0 !important;
}
.project-code-holder input {
  height: auto !important;
  font-size: initial !important;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 166px !important;
}
.project-code {
  background: #8f191c;
  color: white;
  padding: 6px 12px;
  margin-left: 5px;
  font-weight: 600;
  top: 0;
  display: inline-block;
}
.lightbox .lb-image {
  max-width: inherit !important;
}
#lightboxOverlay {
  opacity: 0.5;
}
#lightbox {
  top: 20px !important;
  left: 50% !important;
  position: fixed !important;
  transform: translateX(-50%) !important;
  width: auto !important;
}
#lightbox .lb-image {
  border: 0;
}
#lightbox .lb-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background: transparent;
  background-image: url("/../.../../lightbox/images/fancybox_sprite.png");
  opacity: 1;
}
#lightbox .lb-dataContainer {
  padding: 0 !important;
}
#lightbox .lb-dataContainer .lb-data {
  padding: 0;
  width: 100% !important;
}
#lightbox .lb-dataContainer .lb-data .lb-details {
  width: 100% !important;
}
#lightbox .lb-dataContainer .lb-data .lb-details .lb-caption {
  display: block;
  width: 100% !important;
  border-radius: 0;
  opacity: 1;
  padding: 10px;
  color: #fff !important;
  background-color: #9a9a9a;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
body {
  color: #3D2321;
}
h1 {
  font-family: 'Aller', sans-serif;
  font-size: 46px;
  font-weight: 900;
}
h2 {
  font-family: 'Aller', sans-serif;
  font-size: 38px;
  font-weight: 900;
}
.primary-color-red {
  color: #971D16;
}
.btn {
  border-radius: 10px;
  width: 394px;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  max-width: 100%;
  padding: 16px 12px;
  position: relative;
  transition: all 0.3s;
  height: auto;
}
.btn:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000020;
}
.btn-smaller {
  width: 295px;
}
.btn-red {
  background-color: #971D16;
  color: #fff;
  border: 1px solid #971D16;
}
.btn-red-inverse {
  background-color: #fff;
  color: #971D16;
  border: 1px solid #971D16;
}
.btn-light-blue {
  background-color: #ABE0FF98;
  color: #3D2321;
  border: 1px solid #3D2321;
}
.btn-purple {
  background-color: #80198F;
  color: #fff;
  border: 1px solid #80198F;
}
.btn-purple-inverse {
  background-color: #fff;
  color: #80198F;
  border: 1px solid #80198F;
}
.btn-turquoise {
  background-color: #23CAD1;
  color: #fff;
  border: 1px solid #23CAD1;
}
.btn-turquoise-inverse {
  background-color: #fff;
  color: #23CAD1;
  border: 1px solid #23CAD1;
}
.btn-blue {
  background-color: #18638F;
  color: #fff;
  border: 1px solid #18638F;
}
.btn-blue-inverse {
  background-color: #fff;
  color: #18638F;
  border: 1px solid #18638F;
}
.btn-gray-blue {
  background-color: #364B5A;
  color: #fff;
  border: 1px solid #364B5A;
}
.btn-gray-blue-inverse {
  background-color: #fff;
  color: #364B5A;
  border: 1px solid #364B5A;
}
.no-border {
  border: none;
}
.btn-shadow {
  box-shadow: 0px 0px 0px 8px #3A1D1E40;
}
header .fa-shopping-cart {
  font-size: 16px;
}
.text-underline {
  text-decoration: underline;
}
.counter-section .counter-number,
.counter-section .counter-suffix {
  font-size: 100px;
  font-weight: bold;
  line-height: 1.1;
}
.counter-section .counter-bottom-text {
  font-size: 26px;
  max-width: 200px;
  margin: 15px auto 0;
  line-height: 1.1;
}
.counter-section .counter-item-smaller .counter-number,
.counter-section .counter-item-smaller .counter-suffix {
  font-size: 76px;
  line-height: 110px;
}
.sectionTextContainer {
  color: #3D2321;
}
.sectionTextContainer p {
  margin: 0 0 25px;
}
.background-zoom-in-animation {
  overflow: hidden;
  position: relative;
}
.background-zoom-in-animation .pb-background-image {
  animation: zoomInAnim 10s infinite linear;
}
.background-zoom-in-out-animation {
  overflow: hidden;
  position: relative;
}
.background-zoom-in-out-animation .pb-background-image {
  animation: zoomInOutAnim 20s infinite linear;
}
.pb-background-image-container {
  position: relative;
}
.black-shadow {
  position: relative;
}
.black-shadow::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: transparent linear-gradient(359deg,#FFFFFF83 0%,#403E3E 35%,#403E3E 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: hard-light;
  opacity: 0.84;
  z-index: 0;
  width: 100%;
}
.black-shadow > div {
  z-index: 10;
}
.white-shadow {
  position: relative;
}
.white-shadow::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: transparent linear-gradient(180deg,#FFFFFF83 0%,#C6C6C6 70%,#808080 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: hard-light;
  opacity: 0.84;
  z-index: 0;
  width: 100%;
}
.white-shadow > div {
  z-index: 10;
}
.product-list-container {
  display: flex;
  gap: 10px;
}
.product-list-container .product-list-scroll-container {
  position: relative;
  width: calc(100% - 320px);
}
.product-list-container .product-list-scroll-container .product-list-wrapper {
  width: 100%;
  overflow: hidden;
}
.product-list-container .product-list-scroll-container .product-list-wrapper .product-list-inner {
  display: flex;
  gap: 10px;
  transition: transform 0.3s ease;
  overflow: hidden;
}
.product-list-container .product-list-scroll-container .scroll-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
  z-index: 2;
  color: #971D16;
}
.product-list-container .product-list-scroll-container .scroll-arrow:focus {
  outline: none;
}
.product-list-container .product-list-scroll-container .scroll-arrow:hover {
  background: #ffffff;
}
.product-list-container .product-list-scroll-container .scroll-arrow.scroll-left {
  left: -20px;
}
.product-list-container .product-list-scroll-container .scroll-arrow.scroll-right {
  right: -20px;
}
.product-list-container .product-list-scroll-container .product-card {
  flex: 0 0 auto;
  width: 200px;
}
.product-list-container .product-list-inner {
  display: flex;
  gap: 10px;
}
.product-list-container .card {
  width: 200px;
  min-height: 265px;
  border: 1px solid;
  border-color: #971D16;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}
.product-list-container .card a {
  height: 100%;
}
.product-list-container .card a .card-title {
  font-size: 16px;
  font-weight: bold;
  color: #3D2321;
  padding: 6px 0px;
  margin-bottom: 5px;
  display: inline-block;
}
.product-list-container .card a .card-body {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: calc(100% - 110px);
  color: #3D2321;
}
.product-list-container .card a .card-body .short {
  margin-bottom: 15px;
}
.product-list-container .card a .card-body .price {
  font-size: 14px;
  color: #971D16;
  font-weight: bold;
}
.product-list-container .card a .card-body .price .product-gross-price {
  margin-top: 0;
  font-size: 12px;
  color: #403E3E;
}
.product-list-container .card a img {
  height: 110px;
  object-fit: cover;
  object-position: center center;
}
.product-list-container .card.product-discounted:after {
  content: 'AKCIÓ';
  position: absolute;
  top: 0;
  left: 0;
  background: #971D16;
  color: white;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 10px 0;
}
.product-list-container .card.intro-box {
  width: 300px;
  min-width: 300px;
  border-radius: 0;
  margin-right: 15px;
  border: none;
}
.product-list-container .card.intro-box .card-body {
  background: #971d16d4;
  color: white;
  font-size: 26px;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
}
.product-list-container .card.intro-box .card-body .card-text {
  color: #ffffff;
}
.product-list-container .card.intro-box img {
  height: 100%;
  border-radius: 0;
}
.map-info-window.reseller i,
.map-info-window.reseller svg {
  color: #971D16;
  min-width: 20px;
  text-align: center;
}
.logoPalyazat-container {
  position: fixed;
  right: 0px;
  bottom: 20px;
  z-index: 1000;
  border-radius: 8px;
  overflow: visible;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
.logoPalyazat-container:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.logoPalyazat {
  display: block;
}
.logoPalyazat img {
  max-width: 280px !important;
  height: auto;
  display: block;
}
.logoPalyazat-close {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  color: #333;
  font-weight: bold;
  border: 1px solid #ddd;
  font-size: 14px;
  transition: all 0.2s ease;
}
.logoPalyazat-close:hover {
  background-color: #f0f0f0;
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .logoPalyazat-container {
    right: 10px;
    bottom: 10px;
  }
  .logoPalyazat img {
    max-width: 150px;
  }
}
.blog-image {
  object-fit: cover;
  max-height: 380px;
  width: 100%;
  object-position: center;
}
.pb-interactive-image {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.pb-interactive-image .point-marker {
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
  border: 2px solid #971D16;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.pb-interactive-image .interactive-image-wrapper {
  position: relative;
  width: 100%;
}
.pb-interactive-image .main-image {
  width: 100%;
  height: auto;
  display: block;
}
.pb-interactive-image .points-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pb-interactive-image .point {
  position: absolute;
  width: 34px;
  height: 34px;
  margin-left: -12px;
  margin-top: -12px;
  cursor: pointer;
  border: 6px solid #ffffff73;
  border-radius: 50%;
}
.pb-interactive-image .point:hover .point-marker {
  background: rgba(0,123,255,0.2);
  transform: scale(1.2);
}
.pb-interactive-image .product-tooltip {
  position: absolute;
  display: none;
  background: white;
  border: 2px solid #971D16;
  border-radius: 8px;
  width: 200px;
  height: 260px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 100;
}
.pb-interactive-image .product-tooltip .card-body {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: calc(100% - 110px);
}
.pb-interactive-image .product-tooltip .card-body .card-title {
  font-size: 16px;
  font-weight: bold;
  color: #3D2321;
  padding: 6px 0px;
  margin-bottom: 5px;
}
.pb-interactive-image .product-tooltip .card-body .price {
  font-size: 14px;
  color: #971D16;
  font-weight: bold;
}
.pb-interactive-image .product-tooltip .card-body .price .product-gross-price {
  margin-top: 0;
  font-size: 12px;
  color: #403E3E;
}
.pb-interactive-image .product-tooltip.active {
  display: block;
}
.pb-interactive-image .product-tooltip img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 4px;
}
.pb-interactive-image .product-tooltip .product-name {
  font-size: 16px;
  color: #403E3E;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
.pb-interactive-image .product-tooltip .short {
  color: #403E3E;
  font-size: 12px;
  line-height: 1.2;
}
.pb-interactive-image .product-tooltip .product-name:hover {
  color: #971D16;
}
.pb-background-image-container,
.pb-background-image-container .ge-content,
.pb-background-image-container .sectionContent {
  position: relative;
}
.pb-background-image-container > div {
  z-index: 10;
}
#header-nav-top ul.top-header-menu {
  padding: 5px 0;
}
#header-nav-top .top-header-menu a {
  padding-top: 4px;
  padding-bottom: 2px;
  text-transform: uppercase;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  font-size: 14px;
}
#header-nav-top .menu-end-section a {
  padding-bottom: 5px;
}
#header-nav-top .menu-end-section .nav-item:last-child a {
  padding-bottom: 0;
}
#header-nav-bottom {
  background: #b2c8e2 0% 0% no-repeat padding-box;
}
.is-main-page #header-nav-bottom {
  background: #ced3dca3 0% 0% no-repeat padding-box;
  backdrop-filter: blur(10px);
}
.wrap #header-nav-bottom-collapse li {
  padding: 0;
}
.wrap #header-nav-bottom-collapse li a {
  padding: 12px 25px;
  font-size: 14px;
  margin-bottom: 3px;
}
.wrap #header-nav-bottom-collapse li a.active {
  border-radius: 0px 0px 5px 5px;
}
.wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  margin-left: 50px;
  font-size: 16px;
}
.wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb a {
  padding: 12px 8px 12px 0px;
  font-size: 16px;
  color: #403E3E;
}
.wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item.active {
  color: #403E3E;
}
.wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item:first-child {
  text-transform: uppercase;
}
body #footer-top a {
  font-size: 16px !important;
  font-weight: bold;
}
body #footer-top a strong {
  font-size: 16px !important;
  font-weight: bold;
}
body #footer-bottom {
  height: 62px;
}
body #footer-bottom .d-inline-block {
  padding: 20px 0;
}
#header-nav-bottom-collapse li:hover {
  background: transparent !important;
}
#header-nav-bottom-collapse li:hover a {
  background: transparent;
  color: inherit;
}
#webshop-category-page .main-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
#webshop-category-page .grey-background {
  background-color: #F2F4F7;
}
#webshop-category-page .main-section h3 {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 15px;
}
#webshop-category-page .main-section .category-short {
  color: #000;
  font-size: 14px;
}
#webshop-category-page #category_offer button {
  max-width: 394px;
  font-weight: normal;
  font-size: 16px;
  margin-top: 15px;
}
#webshop-category-page .filters h6 {
  font-weight: normal;
  color: #403E3E;
}
#webshop-category-page .filters .form-control {
  background-color: #403E3E;
  color: #ffffff;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 9px 22px;
  height: auto;
}
#webshop-category-page .filters .form-group:before {
  top: 5px;
  content: '\f0d7';
  color: #ffffff;
  right: 30px;
  font-size: 25px;
}
.product-item {
  border: 1px solid #971D16;
  border-radius: 10px;
  overflow: hidden;
}
.product-item .product-image img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  object-position: center center;
}
.product-item .product-body {
  background: #ffffff;
}
.product-item .product-body h4 {
  font-size: 16px;
  font-weight: bold;
  color: #403E3E;
  height: auto;
}
.product-item .product-body h4 a {
  color: #403E3E;
}
.product-item .product-buttons {
  flex-direction: column;
  gap: 20px;
}
.product-item .product-buttons .btn-primary-small {
  background: transparent;
  color: #971D16;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 5px;
}
.product-item .product-buttons .btn-comparison {
  padding: 6px 0px;
  color: #403E3E;
  border: none;
  text-align: left;
  text-transform: none;
  font-size: 16px;
}
.product-item .product-buttons .btn-comparison:hover {
  background: transparent !important;
  color: #403E3E !important;
}
.product-item .product-buttons .btn-comparison:hover::after {
  background: transparent !important;
}
.product-item {
  position: relative;
}
.product-item .product-discounted:after {
  content: 'AKCIÓ';
  position: absolute;
  top: 0;
  left: 0;
  background: #971D16;
  color: white;
  padding: 10px 24px;
  font-size: 14px;
  border-radius: 10px 0;
  right: auto;
  transform: none;
  margin-top: 0;
}
.product-item .product-discounted::before {
  display: none;
}
.product-item .product-discounted-en:after {
  content: 'DISCOUNT';
}
.product-item .product-discounted-en::before {
  display: none;
}
.categories-box .card-header {
  background: transparent;
  border: none;
  padding-left: 0;
}
.categories-box .card-header button {
  width: 100%;
  text-align: left;
  color: #971D16;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}
.categories-box .card-header button:hover::after {
  background: transparent;
}
.categories-box .card-header button::before {
  content: '\f0d7';
  font-family: FontAwesome;
  margin-right: 10px;
}
.categories-box .card-header button.collapsed::before {
  content: '\f0da';
}
.categories-box .card-body {
  padding: 0;
}
.category-subcategories {
  display: flex;
  gap: 30px;
}
.category-subcategories .category-box {
  padding: 0;
  flex: none;
  width: calc(25% - 23px);
  height: fit-content;
}
.category-subcategories .category-box .category-name h4 {
  font-size: 16px;
  color: #403E3E;
  margin-bottom: 15px;
}
.category-subcategories .category-box .category-short {
  font-size: 14px;
}
.category-subcategories .category-box img {
  width: 100%;
  height: 270px;
  object-fit: cover;
}
.category-subcategories .category-box .inner {
  padding: 15px;
}
.category-subcategories .category-box .custom-inner {
  display: flex;
  flex-direction: column;
  min-height: 210px;
  justify-content: space-between;
}
.category-subcategories .category-box .category-link {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  color: #971D16;
  display: block;
}
.category-box {
  border: 1px solid #971D16;
  border-radius: 10px;
  overflow: hidden;
}
#product-page {
  padding-top: 30px;
}
#product-page .main-product-text .hide-on-mobile {
  max-width: 100%;
  overflow-x: scroll;
}
#product-page .distributor {
  color: #971D16;
  border: 1px solid #971D16;
  background: rgba(143,25,28,0.2);
  padding: 16px 30px;
  margin-bottom: 15px;
}
#product-page .distributor i {
  min-width: 13px;
  text-align: center;
}
#product-page .product-image-cont > a > img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
#product-page .product-title {
  font-size: 24px;
  font-weight: bold;
  color: #971D16;
  margin-bottom: 0px;
}
#product-page .product-title.related {
  margin-bottom: 15px;
  text-align: center;
}
#product-page .main-product-short {
  font-size: 16px;
  color: #403E3E;
}
#product-page .tab-content {
  border: 1px solid #971D16;
}
#product-page .product-right-section {
  padding: 15px;
  background: transparent;
  border: 1px solid #403E3E;
}
#product-page .gallery-image {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
#product-page .gallery-image .product-image-cont {
  width: calc(100% - 122px);
}
#product-page .gallery-image .product-item-gallery {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 122px;
  margin: 0;
  gap: 10px;
}
#product-page .gallery-image .product-item-gallery .col-md-5ths {
  width: 100%;
  max-width: 100%;
  padding: 0;
  flex: none;
}
#product-page .gallery-image .product-item-gallery .col-md-5ths img {
  width: 100%;
}
#product-page #app {
  color: #403E3E;
}
#product-page #app .fa-question-circle-o {
  color: #971D16;
  font-size: 24px;
  position: relative;
  top: 3px;
  left: 8px;
  -webkit-text-stroke: white 0.3px;
}
#product-page #app .extra-info p {
  font-size: 16px;
  color: #971D16;
  font-style: italic;
}
#product-page #app .extra-info .text-left {
  font-size: 20px;
}
#product-page #app .extra-info .price {
  font-size: 30px;
  font-weight: bold;
  padding-left: 0;
}
#product-page #app .product-prices-underlined {
  border-bottom: 2px solid #707070;
}
#product-page #app input {
  width: 100%;
  padding: 8px;
}
#product-page #app .input-with-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
#product-page #app .input-with-text p {
  margin: 0;
}
#product-page #app .product-prices {
  color: #403E3E !important;
  font-size: 16px !important;
  font-weight: normal !important;
  margin-top: 35px;
}
#product-page #app .product-prices .row {
  margin-bottom: 12px;
}
#product-page #app .product-prices .row .product-price {
  color: #403E3E !important;
  font-size: 16px !important;
  font-weight: normal !important;
}
#product-page #app .product-prices .row strong {
  font-weight: normal !important;
}
#product-page #app .product-prices .row > div {
  padding-bottom: 4px;
}
#product-page #app .product-prices .last-price {
  font-size: 20px;
}
#product-page #app .product-prices .last-price .price-total {
  font-size: 26px;
}
#product-page #app .product-prices .last-price .price-total strong {
  font-weight: bold !important;
  white-space: nowrap;
}
#product-page #app .request-offer {
  border: none;
  background: transparent;
  font-size: 16px;
  text-transform: none;
  text-decoration: underline;
}
#product-page #app .request-offer:hover {
  background: transparent;
  color: #971D16 !important;
}
#product-page #app .request-offer:hover:after {
  background: transparent;
}
#product-page .similar-products .product-similar-item {
  border-bottom: 2px solid #707070;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
#product-page .product-param .product-param-container > div {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  border-color: #5C6F7A;
}
#product-page .underline {
  border-bottom: 2px solid #707070;
}
#product-page .details-box strong {
  color: #971D16;
}
#product-page .related-document-item {
  max-width: 600px;
}
#product-page .related-document-item:nth-child(odd) {
  float: right;
}
#product-page .documents-box {
  justify-content: space-between;
}
#product-page .product-section-title {
  font-size: 24px;
  font-weight: bold;
  color: #971D16;
  text-transform: uppercase;
}
#faqs-page .panel {
  border: 1px solid #971D16;
  margin-bottom: 15px;
  padding: 0 20px;
}
#faqs-page h4 {
  font-size: 16px;
  color: #403E3E;
  font-weight: normal;
}
#faqs-page #accordionCategory i {
  color: #971D16;
  -webkit-text-stroke: 4px white;
  -moz-text-stroke: 4px white;
  text-stroke: 4px white;
  font-size: 26px;
  position: relative;
  top: 4px;
}
.map-info-window {
  max-width: 300px;
}
.map-info-window img {
  width: 100%;
  height: 110px;
  object-fit: cover;
}
.map-info-window .rating {
  margin: 8px 0;
}
.map-info-window .rating .stars {
  display: inline-block;
  color: #e8be51;
  margin-right: 5px;
}
.map-info-window .rating .rating-text {
  color: #666;
  font-size: 0.9em;
}
.modal .modal-dialog.offer-dialog {
  border: 1px solid #971D16;
  border-radius: 20px;
  overflow: hidden;
}
.modal .modal-dialog.offer-dialog .modal-header {
  border: none;
}
.modal .modal-dialog.offer-dialog .modal-title {
  padding-top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #971D16;
  text-transform: uppercase;
}
.modal .modal-dialog.offer-dialog .modal-body {
  padding: 1rem 1.9rem;
  color: #403E3E;
}
.modal .modal-dialog.offer-dialog .modal-body input,
.modal .modal-dialog.offer-dialog .modal-body textarea {
  border: 1px solid #707070;
}
.modal .modal-dialog.offer-dialog .modal-body .submit-button {
  width: 215px;
  border-radius: 5px;
}
.modal .modal-dialog.offer-dialog .row {
  margin-right: -15px;
  margin-left: -15px;
}
.color-scheme-0 #header-nav-top {
  background-color: #971D16;
}
.color-scheme-0 #header-nav-bottom-collapse li a {
  color: #971D16;
}
.color-scheme-0 #header-nav-bottom-collapse li a.active {
  color: white;
  background: #971D16;
}
.color-scheme-0 #footer-top {
  background-color: #ABE0FF98;
  color: #3D2321;
}
.color-scheme-0 #footer-top a {
  color: #971D16;
}
.color-scheme-0 #footer-top #footer-nav .nav-link {
  color: #3D2321;
}
.color-scheme-0 #footer-bottom {
  background-color: #3D2321;
  color: white;
}
.color-scheme-0 .categories-box .box-1 .card-body {
  background: #972115b8;
}
.color-scheme-0 .categories-box .box-1 .card-body .arrow-box {
  background: #971D16;
}
.color-scheme-0 .categories-box .box-2 .card-body {
  background: #18638fcf;
}
.color-scheme-0 .categories-box .box-2 .card-body .arrow-box {
  background: #18638F;
}
.color-scheme-0 .categories-box .box-3 .card-body {
  background: #80198fc9;
}
.color-scheme-0 .categories-box .box-3 .card-body .arrow-box {
  background: #80198F;
}
.color-scheme-0 .categories-box .box-4 .card-body {
  background: #364b5acf;
}
.color-scheme-0 .categories-box .box-4 .card-body .arrow-box {
  background: #364B5A;
}
.color-scheme-1 .mobile-menu-dropdown .mobile-menu-dropdown-header {
  color: #80198F;
}
.color-scheme-1 .mobile-menu-dropdown .mobile-menu-item {
  color: #80198F;
}
.color-scheme-1 .mobile-menu-dropdown .mobile-menu-dropdown-content {
  border-color: #80198F;
}
.color-scheme-1 #header-nav-top {
  background-color: #80198F;
}
.color-scheme-1 #header-nav-bottom-collapse li a {
  color: #80198F;
}
.color-scheme-1 #header-nav-bottom-collapse li a.active {
  color: white;
  background: #80198F;
}
.color-scheme-1 #footer-top {
  background-color: #95acbb66;
  color: #3D2321;
}
.color-scheme-1 #footer-top a {
  color: #3D2321;
}
.color-scheme-1 #footer-top #footer-nav .nav-link {
  color: #3D2321;
}
.color-scheme-1 #footer-bottom {
  background-color: #3D2321;
  color: white;
}
.color-scheme-1 .categories-box .box-1 .card-body {
  background: #972115b8;
}
.color-scheme-1 .categories-box .box-1 .card-body .arrow-box {
  background: #971D16;
}
.color-scheme-1 .categories-box .box-2 .card-body {
  background: #18638fcf;
}
.color-scheme-1 .categories-box .box-2 .card-body .arrow-box {
  background: #18638F;
}
.color-scheme-1 .categories-box .box-3 .card-body {
  background: #80198fc9;
}
.color-scheme-1 .categories-box .box-3 .card-body .arrow-box {
  background: #80198F;
}
.color-scheme-1 .categories-box .box-4 .card-body {
  background: #364b5acf;
}
.color-scheme-1 .categories-box .box-4 .card-body .arrow-box {
  background: #364B5A;
}
.color-scheme-1 .product-list-container .card {
  border: 1px solid #80198F;
}
.color-scheme-1 .product-list-container .card.product-discounted:after {
  background: #80198F;
}
.color-scheme-1 .product-list-container .card.intro-box .card-body {
  background: #830f8fd1;
}
.color-scheme-2 .mobile-menu-dropdown .mobile-menu-dropdown-header {
  color: #18638F;
}
.color-scheme-2 .mobile-menu-dropdown .mobile-menu-item {
  color: #18638F;
}
.color-scheme-2 .mobile-menu-dropdown .mobile-menu-dropdown-content {
  border-color: #18638F;
}
.color-scheme-2 #header-nav-top {
  background-color: #18638F;
}
.color-scheme-2 #header-nav-bottom-collapse li a {
  color: #18638F;
}
.color-scheme-2 #header-nav-bottom-collapse li a.active {
  color: white;
  background: #18638F;
}
.color-scheme-2 #footer-top {
  background-color: #5c6f7a26;
  color: #3D2321;
}
.color-scheme-2 #footer-top a {
  color: #3D2321;
}
.color-scheme-2 #footer-top #footer-nav .nav-link {
  color: #3D2321;
}
.color-scheme-2 #footer-bottom {
  background-color: #5C6F7A;
  color: white;
}
.color-scheme-2 .categories-box .box-1 .card-body {
  background: #972115b8;
}
.color-scheme-2 .categories-box .box-1 .card-body .arrow-box {
  background: #971D16;
}
.color-scheme-2 .categories-box .box-2 .card-body {
  background: #18638fcf;
}
.color-scheme-2 .categories-box .box-2 .card-body .arrow-box {
  background: #18638F;
}
.color-scheme-2 .categories-box .box-3 .card-body {
  background: #80198fc9;
}
.color-scheme-2 .categories-box .box-3 .card-body .arrow-box {
  background: #80198F;
}
.color-scheme-2 .categories-box .box-4 .card-body {
  background: #364b5acf;
}
.color-scheme-2 .categories-box .box-4 .card-body .arrow-box {
  background: #364B5A;
}
.color-scheme-2 .product-list-container .card {
  border: 1px solid #18638F;
}
.color-scheme-2 .product-list-container .card.product-discounted:after {
  background: #18638F;
}
.color-scheme-2 .product-list-container .card.intro-box .card-body {
  background: #20618fd1;
}
.color-scheme-3 .mobile-menu-dropdown .mobile-menu-dropdown-header {
  color: #364B5A;
}
.color-scheme-3 .mobile-menu-dropdown .mobile-menu-item {
  color: #364B5A;
}
.color-scheme-3 .mobile-menu-dropdown .mobile-menu-dropdown-content {
  border-color: #364B5A;
}
.color-scheme-3 #header-nav-top {
  background-color: #364B5A;
}
.color-scheme-3 #header-nav-bottom-collapse li a {
  color: #364B5A;
}
.color-scheme-3 #header-nav-bottom-collapse li a.active {
  color: white;
  background: #364B5A;
}
.color-scheme-3 #footer-top {
  background-color: #95acbb66;
  color: #3D2321;
}
.color-scheme-3 #footer-top a {
  color: #5C6F7A;
}
.color-scheme-3 #footer-top #footer-nav .nav-link {
  color: #3D2321;
}
.color-scheme-3 #footer-bottom {
  background-color: #3D2321;
  color: white;
}
.color-scheme-3 .categories-box .box-1 .card-body {
  background: #972115b8;
}
.color-scheme-3 .categories-box .box-1 .card-body .arrow-box {
  background: #971D16;
}
.color-scheme-3 .categories-box .box-2 .card-body {
  background: #18638fcf;
}
.color-scheme-3 .categories-box .box-2 .card-body .arrow-box {
  background: #18638F;
}
.color-scheme-3 .categories-box .box-3 .card-body {
  background: #80198fc9;
}
.color-scheme-3 .categories-box .box-3 .card-body .arrow-box {
  background: #80198F;
}
.color-scheme-3 .categories-box .box-4 .card-body {
  background: #364b5acf;
}
.color-scheme-3 .categories-box .box-4 .card-body .arrow-box {
  background: #364B5A;
}
.color-scheme-3 .product-list-container .card {
  border: 1px solid #364B5A;
}
.color-scheme-3 .product-list-container .card.product-discounted:after {
  background: #364B5A;
}
.color-scheme-3 .product-list-container .card.intro-box .card-body {
  background: #374a5ad1;
}
.modal-open .modal {
  background-color: #00000082;
  z-index: 9999;
}
.modal-open .modal .modal-dialog {
  top: 10%;
  text-align: left;
}
.modal-backdrop.show {
  display: none;
}
.article-modal.fade .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.article-modal .modal-header .modal-title.hided {
  opacity: 0;
}
.article-modal .modal-header .modal-title.animated {
  position: absolute;
  top: 210px;
  left: 15%;
  width: max-content;
  opacity: 1;
  transition: all 0.3s;
  max-width: 100%;
}
.article-modal.show .modal-header .modal-title.animated {
  top: 35px;
  left: 40px;
  transition: all 0.3s;
}
.article-modal.show .modal-header .modal-title.animated.normal {
  top: 210px;
  left: 15%;
  transition: all 0.3s;
}
.modal-open .article-modal .modal-dialog {
  max-width: none;
}
.modal-open .article-modal .modal-dialog .modal-content {
  border: 1px solid #971D16;
  border-radius: 10px;
  background: #ffffffd9;
  text-align: initial;
  padding: 35px 25px;
  font-size: 16px;
  min-height: 500px;
}
.modal-open .article-modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border-bottom: none;
  margin: 0 15px;
}
.modal-open .article-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 36px;
  font-weight: bold;
  color: #3D2321;
  text-transform: uppercase;
}
.modal-open .article-modal .modal-dialog .modal-content .modal-header .close {
  opacity: 1;
  padding: 0;
  position: relative;
  z-index: 99;
}
.modal-open .article-modal .modal-dialog .modal-content .modal-header .close span {
  font-size: 50px;
  font-weight: 400;
  color: #971D16;
}
.modal-open .article-modal .modal-dialog .modal-content .modal-body {
  padding-bottom: 0;
  position: unset;
}
.modal-open .article-modal .modal-dialog .modal-content .read-more {
  font-size: 24px;
  color: #971D16;
  text-decoration: underline;
  float: right;
}
.breadcrumb-box {
  position: fixed;
  top: 112px;
  right: 0;
  left: 0;
  z-index: 79;
  background: #f2f4f7 0% 0% no-repeat padding-box;
}
.breadcrumb-box .breadcrumb {
  padding: 10px 0 !important;
}
.breadcrumb-box nav[aria-label="breadcrumb"] .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.breadcrumb-box nav[aria-label="breadcrumb"] .breadcrumb a {
  padding: 12px 8px 12px 0px;
  font-size: 16px;
  color: #403E3E;
}
.breadcrumb-box nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item.active {
  color: #403E3E;
}
.breadcrumb-box nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item:first-child {
  text-transform: uppercase;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade_in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomInAnim {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes zoomInOutAnim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideInBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
.subcategory-content .read-more-action {
  display: none;
}
@media screen and (min-width: 768px) {
  .text-big {
    font-size: 1.4em;
  }
  .text-huge {
    font-size: 1.8em;
  }
  .hide-desktop {
    display: none;
  }
  .container {
    width: 750px;
  }
  .dynamic-right-column {
    padding-right: calc((100% - 750px) / 2 + 15px);
  }
  .dynamic-left-column {
    padding-left: calc((100% - 750px) / 2 + 15px);
  }
  .row.container {
    padding-left: 0;
    padding-right: 0;
  }
  .wrap .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
  .dynamic-right-column {
    padding-right: calc((100% - 970px) / 2 + 15px);
  }
  .dynamic-left-column {
    padding-left: calc((100% - 970px) / 2 + 15px);
  }
  .product-title.related {
    margin-top: -45px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #header-nav-top-collapse .menu-end-section {
    flex-wrap: nowrap;
    align-items: start;
    padding-top: 3px;
  }
  #header-nav-top .top-menu-box {
    display: flex;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
  }
  #product-page .product-prices-underlined > *,
  #product-page #app .product-prices .last-price .price-total > * {
    padding-right: 15px !important;
  }
  .container {
    width: 1170px;
  }
  .dynamic-right-column {
    padding-right: calc((100% - 1170px) / 2 + 15px);
  }
  .dynamic-left-column {
    padding-left: calc((100% - 1170px) / 2 + 15px);
  }
}
@media screen and (min-width: 1600px) {
  #product-page .product-prices-underlined > *,
  #product-page #app .product-prices .last-price .price-total > * {
    padding-right: 70px !important;
    white-space: nowrap;
  }
  .container {
    width: 1370px;
    max-width: none;
  }
  .dynamic-right-column {
    padding-right: calc((100% - 1370px) / 2 + 15px);
  }
  .dynamic-left-column {
    padding-left: calc((100% - 1370px) / 2 + 15px);
  }
  #header-nav-top-collapse .menu-end-section {
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1570px;
    max-width: none;
  }
  .dynamic-right-column {
    padding-right: calc((100% - 1570px) / 2 + 15px);
  }
  .dynamic-left-column {
    padding-left: calc((100% - 1570px) / 2 + 15px);
  }
}
@media screen and (max-width: 1600px) {
  #product-page .product-title.related {
    font-size: 23px;
  }
  #product-page #app .extra-info .price {
    font-size: 26px;
  }
  .counter-section .counter-number,
  .counter-section .counter-suffix {
    font-size: 80px;
  }
  .counter-section .counter-item-smaller .counter-number,
  .counter-section .counter-item-smaller .counter-suffix {
    font-size: 62px;
    line-height: 88px;
  }
  #header-nav-top a.navbar-brand .brand-motto {
    display: none;
  }
  #product-page .product-param .product-param-container {
    grid-template-columns: repeat(5,1fr);
  }
}
@media screen and (max-width: 1200px) {
  .breadcrumb-box {
    top: 104px;
  }
  .top-menu-box ul.top-header-menu li:nth-last-child(-n+3) {
    width: 20%;
    float: left;
    text-align: center;
    margin-top: 10px;
  }
  .top-menu-box ul.menu-end-section {
    float: left;
    width: 40%;
  }
  .top-menu-box ul.menu-end-section > a,
  .top-menu-box ul.menu-end-section li:not(.language-changer) a {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 0 !important;
    margin-top: 10px;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 30px;
  }
  .counter-section .counter-number,
  .counter-section .counter-suffix {
    font-size: 66px;
  }
  .counter-section .counter-item-smaller .counter-number,
  .counter-section .counter-item-smaller .counter-suffix {
    font-size: 50px;
    line-height: 66px;
  }
  .counter-section .counter-bottom-text {
    font-size: 20px;
  }
  #header-nav-top a.navbar-brand {
    min-width: 82px;
    margin-right: 0;
  }
  .resellers-link-box {
    flex-direction: column;
  }
  .resellers-link-box .col-lg-6 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .resellers-link-box .col-lg-6:last-child {
    margin-bottom: 0 !important;
    margin-top: 20px;
  }
  #product-page .product-param .product-param-container {
    grid-template-columns: repeat(4,1fr);
  }
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  .btn {
    font-size: 15px;
    padding: 12px 12px;
  }
  .btn-shadow {
    box-shadow: 0px 0px 0px 6px #3A1D1E40;
  }
  .product-list-container {
    display: block;
  }
  .product-list-container .card.intro-box {
    width: 100%;
    margin-bottom: 15px;
  }
  .product-list-container .product-list-scroll-container {
    width: 100%;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 26px;
  }
  #webshop-categories .article {
    margin-top: 30px;
    padding: 0 15px;
  }
  #product-page #app .extra-info .price {
    font-size: 20px;
  }
  #product-page #app .extra-info p {
    font-size: 14px;
  }
  #product-page .product-param .product-param-container > div {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }
  .category-subcategories {
    padding: 0 15px;
  }
  #product-page {
    padding-left: 15px;
    padding-right: 15px;
  }
  .category-subcategories .category-box {
    width: calc(33.33333% - 20px);
  }
  .categories-box .card-header button {
    font-size: 20px;
  }
  #product-page .product-param .product-param-container.numerical {
    grid-template-columns: repeat(3,1fr);
  }
  #product-page .product-param .product-param-container {
    grid-template-columns: repeat(3,1fr);
  }
  #product-page #app .extra-info .text-left {
    font-size: 15px;
  }
  #header-nav-top .top-menu-box {
    display: block;
    overflow-x: auto;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .modal .modal-dialog.offer-dialog {
    border: none;
    top: 0 !important;
    margin: 0;
    padding: 0.5rem;
    background: #9c00005c;
    height: 100%;
    border-radius: 0;
    overflow: scroll;
  }
  .modal .modal-dialog.offer-dialog #offerrequest-phone {
    border-radius: 0 9px 9px 0;
  }
  .modal .modal-dialog.offer-dialog #phone_types_images {
    border-radius: 9px 0 0 9px;
    border-color: gray;
    height: 36px;
  }
  .modal .modal-dialog.offer-dialog #offerrequest-uploaded_image {
    width: 100%;
    border-radius: 9px;
    border: 1px solid #707070;
  }
  .modal .modal-dialog.offer-dialog .modal-content {
    min-height: 100%;
    max-height: 100%;
    overflow: auto;
  }
  .modal .modal-dialog.offer-dialog .modal-content .modal-title {
    font-size: 18px;
    color: #06263D;
    text-transform: none;
  }
  .modal .modal-dialog.offer-dialog .modal-content .submit-button {
    width: 100%;
  }
  .modal .modal-dialog.offer-dialog .form-group {
    text-align: left !important;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0;
    color: #06263D;
  }
  .modal .modal-dialog.offer-dialog .form-group p {
    margin-bottom: 10px;
  }
  .modal .modal-dialog.offer-dialog .form-group input[type='text'],
  .modal .modal-dialog.offer-dialog .form-group input[type='password'],
  .modal .modal-dialog.offer-dialog .form-group input[type='checkbox'],
  .modal .modal-dialog.offer-dialog .form-group input[type='email'],
  .modal .modal-dialog.offer-dialog .form-group textarea.form-control {
    border-radius: 9px;
  }
  #footer-top > .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer-top > .container .col-md-3 {
    padding-top: 20px;
    border-top: 2px solid #403E3E;
  }
  #footer-top > .container .col-md-3:first-child {
    padding-top: 0;
    border-top: none;
  }
  #footer-top > .container #m-cube {
    margin-bottom: 30px !important;
  }
  #footer-top > .container #footer-nav ul {
    padding-top: 0;
  }
  #product-page .gallery-image {
    flex-direction: column;
  }
  #product-page .gallery-image .product-image-cont {
    width: 100%;
  }
  #product-page .gallery-image .product-item-gallery {
    flex-direction: row;
    width: auto;
  }
  #product-page .gallery-image .product-item-gallery .col-md-5ths {
    width: 20%;
    max-width: 20%;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header {
    position: relative;
  }
  .article-modal.show .modal-header .modal-title.animated {
    top: 0;
    left: 0;
    line-height: 1.2;
    width: 100%;
    font-size: 18px !important;
  }
  .modal-open .article-modal .modal-dialog .modal-content {
    padding: 25px 5px;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header .close {
    margin: -1.5rem -0.7rem -1rem auto;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 38px;
  }
  .article-modal.fade .modal-dialog {
    transform: translate(0,100%);
    transition: transform 0.3s ease-out;
  }
  .article-modal.fade.show .modal-dialog {
    transform: translate(0,0);
    animation: slideInBottom 0.3s ease-out;
    padding: 15px;
    left: 0;
    margin: 0;
    top: 0;
    height: 100vh;
    background: #9c00005c;
  }
  .article-modal.fade.show .modal-dialog .modal-content {
    height: 100%;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
  }
  .article-modal.fade.hiding .modal-dialog {
    animation: slideOutBottom 0.3s ease-in;
  }
  #product-page .product-param .product-param-container.numerical {
    grid-template-columns: repeat(3,1fr);
  }
  #product-page .product-param .product-param-container {
    grid-template-columns: repeat(3,1fr);
  }
  #product-page .product-section-title {
    font-size: 16px;
  }
  #webshop-2 .article,
  #cegunk .article {
    padding: 0 15px;
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease-in-out;
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content:not(.expanded):not(.no-overflow)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top,white 30%,rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 1;
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content.expanded {
    max-height: 2000px;
    overflow: visible;
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content.expanded::after {
    display: none;
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content.no-overflow::after {
    display: none;
  }
  #webshop-category-page .dynamic-right-column .read-more-action {
    display: block;
    text-align: center;
    margin-top: -35px;
    position: relative;
    z-index: 2;
  }
  #webshop-category-page .dynamic-right-column .read-more-action .read-more-button {
    cursor: pointer;
    color: #971D16;
    font-weight: bold;
    display: inline-block;
    padding: 8px 15px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  }
  #webshop-category-page .dynamic-right-column .collapsible-text-content.expanded + .read-more-action {
    margin-top: 15px;
  }
  #product-page #app .product-prices .row > div:first-child {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    font-size: 12px !important;
  }
  #product-page #app .product-prices .row > div:last-child {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    font-size: 12px !important;
  }
  #product-page #app .product-prices .last-price .price-total {
    font-size: 18px;
  }
  #product-page #app .extra-info .text-left {
    font-size: 17px;
  }
  .modal-open .article-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 22px;
  }
  .modal-open .article-modal .modal-dialog .modal-content .read-more {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    height: 70px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal-open .article-modal .modal-dialog .modal-content .read-more::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    background: linear-gradient(0deg,#ffffff 0%,rgba(255,255,255,0) 100%);
    height: 125px;
  }
  .google-map-buttons .col-md-6 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  #product-page .product-content .product-variations-box {
    margin-top: 0 !important;
  }
  .hide-mobile {
    display: none;
  }
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  .container {
    width: 100%;
  }
  .dynamic-right-column {
    padding-right: 15px;
  }
  .dynamic-left-column {
    padding-left: 15px;
  }
  .btn {
    font-size: 14px;
    padding: 10px 12px;
  }
  .btn-shadow {
    box-shadow: 0px 0px 0px 5px #3A1D1E40;
  }
  .product-list-container .product-list-scroll-container .product-card {
    width: 180px;
    min-height: 226px;
  }
  .product-list-container .product-list-scroll-container .product-card .card-title {
    font-size: 13px;
  }
  .product-list-container .product-list-scroll-container .product-card .card-body {
    gap: 0;
  }
  .product-list-container .product-list-scroll-container .product-card .card-body .price {
    font-size: 13px;
  }
  .product-list-container .product-list-scroll-container .product-card .card-body .price .product-gross-price {
    font-size: 11px;
  }
  .counter-section .counter-number,
  .counter-section .counter-suffix {
    font-size: 60px;
  }
  .counter-section .counter-bottom-text {
    font-size: 16px;
  }
  .category-subcategories .category-box {
    width: calc(50% - 15px);
  }
  .categories-box .intro-box {
    width: 100%;
    margin-bottom: 15px;
    max-height: 155px;
    overflow: hidden;
  }
  .categories-box .intro-box img {
    width: 100%;
    height: 155px;
    object-fit: cover;
    object-position: center;
  }
  .categories-box .intro-box .card-body {
    position: absolute;
    width: 60%;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #9721159e;
    color: white;
    font-size: 16px;
  }
  .categories-box .intro-box .card-body .card-text {
    padding-left: 25px;
    max-width: 132px;
  }
  .categories-box .intro-box .card-body .arrow-box {
    width: 45px;
    background: #972115;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .categories-box .card-header button {
    font-size: 15px;
  }
  #webshop-category-page .subcategory-content {
    padding-right: 0;
  }
  #webshop-category-page .subcategory-content .left-section {
    padding-left: 15px !important;
    padding-right: 0;
  }
  #webshop-category-page .subcategory-content .document-item > .row > .col-3 {
    padding-left: 0;
    padding-right: 5px;
  }
  #webshop-category-page .subcategory-content iframe {
    max-width: 100%;
  }
  #webshop-category-page .filters .form-control {
    padding: 7px 14px;
    font-size: 14px;
  }
  #webshop-category-page .filters .form-group:before {
    font-size: 20px;
  }
  .mobile-mt-0 {
    margin-top: 0;
  }
  .wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb {
    padding: 10px 0 10px;
    margin-left: 10px;
    font-size: 14px;
  }
  .wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb a {
    padding: 0px 8px 0px 0px;
    font-size: 14px;
    font-style: normal;
  }
  #content {
    padding-top: 136px;
  }
  .mobile-menu-dropdown-header {
    display: flex;
    justify-content: flex-end;
  }
  .blog-item h2.red-title-line {
    text-align: left !important;
  }
  .blog-item h2.red-title-line::after {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .product-list-container .card.intro-box .card-body {
    font-size: 18px;
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 500px) {
  body,
  ul {
    font-size: 12px;
  }
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 16px;
  }
  h3 {
    font-size: 14px;
  }
  .btn {
    font-size: 12px;
    padding: 8px 12px;
    width: 100%;
    border-radius: 5px;
  }
  .btn-shadow {
    box-shadow: 0px 0px 0px 4px #3A1D1E40;
  }
  .counter-section .counter-number,
  .counter-section .counter-suffix {
    font-size: 40px;
  }
  .counter-section .counter-bottom-text {
    font-size: 12px;
  }
  .category-subcategories .category-box {
    width: 100%;
  }
  .categories-box .card-header button {
    font-size: 11px;
  }
  .categories-box .card-header {
    padding: 0.3rem 0;
  }
  #webshop-category-page .filters .form-control {
    padding: 7px 14px;
    font-size: 11px;
  }
  #webshop-category-page .filters .form-group:before {
    font-size: 16px;
  }
  .wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb {
    padding: 10px 0 10px;
    margin-left: 10px;
    font-size: 12px;
  }
  .wrap #header-nav-bottom-collapse nav[aria-label="breadcrumb"] .breadcrumb a {
    padding: 0px 8px 0px 0px;
    font-size: 12px;
    font-style: normal;
  }
  #content {
    padding-top: 175px;
  }
}