@charset "UTF-8";
/* Import the default index.less which contains the default import files */
/* Import the core first as it contains the core Mixins */
.cursor-pointer {
  cursor: pointer;
}
section.accordion {
  interpolate-size: allow-keywords;
}
section.accordion h2 {
  margin-bottom: 15px;
}
section.accordion .accordion-search-bar {
  margin: 15px 0 30px 0;
}
section.accordion details {
  transition: 0.2s;
  overflow: hidden;
  padding: 15px;
  border: #ededed solid 1px;
  margin: 15px 0;
}
section.accordion summary {
  cursor: pointer;
  display: block;
  position: relative;
}
section.accordion summary::-webkit-details-marker {
  display: none;
}
section.accordion summary + div {
  margin-top: 15px;
  padding-top: 15px;
  border-top: #ededed solid 1px;
}
section.accordion details::details-content {
  block-size: 0;
  transition: 0.2s;
  transition-behavior: allow-discrete;
}
section.accordion details[open]::details-content {
  block-size: auto;
}
section.accordion details[open] .expandable-icon span:last-of-type {
  transform: rotate(0deg);
  transition: 0.2s ease-out;
}
.expandable-icon {
  position: absolute;
  right: 30px;
}
.expandable-icon span {
  display: inline-block;
  position: absolute;
  top: 10px;
  margin-left: 5px;
  height: 3px;
  width: 15px;
  color: inherit;
  background-color: currentColor;
  border-radius: 15px;
  transition: 0.2s ease-out;
}
.expandable-icon span:last-of-type {
  transform: rotate(90deg);
}
/* Import the init second as it contains the color definitions */
/******* Notes *******/
/*
    Most important
    @primary-color -> @white (new)
    @secondary-color -> @black (new)
    @thirth-color -> @primary-color (new)
    @sixt-color -> @secondary-color (new)
    @fifth-color -> @grey-color (new)

    The font import from google has been moved to the custom init file (new)
    Now you can exclude the default font when you use a new font for a project.

    @thirth-color-contrast-color -> @primary-contrast-color (new)
    @sixt-color-contrast-color -> @secondary-contrast-color (new)
    @dark-color -> @dark-grey-color (new)
    @sixt-color-hover -> @secondary-color-hover (new)

    The word 'gray' has been changed to 'grey'
*/
/******* End Notes *******/
/******* CONTROL PANNEL *******/
/*******  Font import *******/
/*******  Color definition *******/
/** Main color
*** Note: Main color has two variables. When projects have a light color on a white background. The other variable can be used as a contrast.
*** Opacity color is often based on the main color of a project.
*** This is only implemented for ISAH projects for now.
*** Solvisoft color: rgb(247, 143, 30)
*** ISAH color: rgb(0, 120, 191)
**/
/** Secondary color
*** Note: Secondary color has two variables. When projects have a light color on a white background. The other variable can be used as a contrast.
*** This is only implemented for ISAH projects for now.
*** Solvisoft color: rgb(235, 106, 12)
*** ISAH color: rgb(202, 213, 47)
**/
/** Grayscale color
*** Solvisoft color: light #f6f6f6 and dark #3f3f3f
*** ISAH color: light #EDEDED and dark #3f3f3f
**/
/*******  END color definition *******/
/* Add lines below when one of the modules is used and you are updating the project. Only add these lines when they are not available*/
/*
@import (once) "../../Default/LESS/Viewset/isah.less";
@import (once) "../../Default/LESS/hover-animations.less";
@import (once) "../../Default/LESS/Views/Configurator/Configuration.less";
@import (once) "../../Default/LESS/Partials/VehicleSearch/VehicleSearch.less";*/
/*******  Font import *******/
/* Add import font to custom init.less when the project is updated, but the font does not show. This happens when the project had open sans */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

@primary-font: 'Open Sans', sans-serif;
@secondary-font: 'Open Sans', sans-serif;*/
/*******  CUSTOM CODE GOES UNDER HERE *******/
/******* CUSTOM CODE GOES ABOVE HERE *******/
/****** Scroll to bottom for configuration ******/
/*******  Default configuration *******/
/* Was primary-color*/
/* Was secondary-color*/
/* Header */
/* Primary header */
/* Secondary header */
/* Top bar */
/* Hamburger menu */
/* Navigation */
/* Dropdown */
/* Badge */
/*Callmeback*/
/* Label (component) */
/* Tabs */
/* Collapse (accordion) */
/* Tooltip */
/* Breadcrumbs */
/*Footer styling*/
/* Buttons */
/* Global button rules */
/* Button icons */
/* Form control (bootstraps class form input fields) */
/* Active */
/* Animations */
/*******  End default configuration *******/
/* Import the other less files */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
/* LESS classes */
.slide-in {
  left: 0% !important;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.slide-out {
  left: -100% !important;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.collapseable {
  cursor: pointer;
}
.collapseable:hover {
  background: #9f9f9f;
}
.disable-pointer-events {
  pointer-events: none;
}
.use-transition {
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.set-opacity-2 {
  opacity: 0.2;
}
/* Sections */
.tiny-section {
  padding: 10px 0;
}
.small-section {
  padding: 15px 0;
}
.medium-section {
  margin-bottom: 20px;
}
.large-section {
  padding: 40px 0;
}
.expanding-box {
  background: #fff;
  padding: 15px 0;
  margin: 15px 0;
  -webkit-box-shadow: 1px 1px 3px -1px #ccc;
  -moz-box-shadow: 1px 1px 3px -1px #ccc;
  box-shadow: 1px 1px 3px -1px #ccc;
}
/* Call us class */
.call-us {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translate(70%, 100%);
  z-index: 5;
}
.call-us span,
.call-us i {
  display: inline-block;
  padding: 8px;
  background-color: #DB0032;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.call-us span {
  -webkit-box-shadow: 0 0 5px #707070;
  -moz-box-shadow: 0 0 5px #707070;
  box-shadow: 0 0 5px #707070;
}
.call-us i {
  margin-right: 10px;
}
.call-us:hover span {
  transform: translateX(-70%);
  transition: 0.33s;
  -webkit-transition: 0.33s;
}
/* Bordered sections */
.border-row {
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.border-top-row {
  border-top: 1px solid #f6f6f6;
}
.bordered-box {
  background: #fff;
  border: 2px solid #f6f6f6;
  border-radius: 0px;
  margin-bottom: 15px;
}
.primary-color {
  color: #DB0032;
}
/* Special classes */
.full-width-row {
  background: #f1f1f1;
  padding: 40px 15px;
  margin-top: 25px;
}
.selectable,
.clickable {
  cursor: pointer;
}
.overflow-hidden {
  overflow: hidden;
}
.flexbox {
  display: flex;
  flex-wrap: wrap;
}
.flexbox .item {
  flex-grow: 1;
}
/* Flex grid */
.flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-container.flex-grow > div {
  flex-grow: 1;
}
.flex-container.flex-center {
  align-items: center;
  justify-content: center;
}
.flex-container .self-align-right {
  margin-left: auto;
}
.flex-container .flex-row {
  flex: 0 0 100%;
}
.flex-container .align-bottom {
  margin-top: auto;
}
.flex-center {
  justify-content: center;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-space-evenly {
  justify-content: space-evenly;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .flex-align-items-center-xs {
    align-items: center;
  }
  .flex-align-items-start-xs {
    align-items: flex-start;
  }
  .flex-align-items-end-xs {
    align-items: flex-end;
  }
  .flex-align-item-baseline-xs {
    align-items: baseline;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .flex-align-items-center-sm {
    align-items: center;
  }
  .flex-align-items-start-sm {
    align-items: flex-start;
  }
  .flex-align-items-end-sm {
    align-items: flex-end;
  }
  .flex-align-item-baseline-sm {
    align-items: baseline;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .flex-align-items-center-md {
    align-items: center;
  }
  .flex-align-items-start-md {
    align-items: flex-start;
  }
  .flex-align-items-end-md {
    align-items: flex-end;
  }
  .flex-align-item-baseline-md {
    align-items: baseline;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .flex-align-items-center-lg {
    align-items: center;
  }
  .flex-align-items-start-lg {
    align-items: flex-start;
  }
  .flex-align-items-end-lg {
    align-items: flex-end;
  }
  .flex-align-item-baseline-lg {
    align-items: baseline;
  }
}
@media (max-width: 767px) {
  .flexbox {
    display: block;
    flex-wrap: unset;
  }
  .flexbox::before,
  .flexbox::after {
    display: table;
    content: " ";
    clear: both;
  }
  .flexbox .item {
    flex-grow: unset;
  }
}
.static {
  position: static !important;
}
/* Ripple effect */
.ripple-effect {
  position: relative;
  overflow: hidden;
}
/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
  display: block;
  position: absolute;
  border-radius: 100%;
  transform: scale(0);
}
/*animation effect*/
.ink.animate {
  animation: ripple 0.65s linear;
}
@keyframes ripple {
  /*scale the element to 250% to safely cover the entire link and fade it out*/
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Alignment */
div[class^='vertical-align-'] > *:not(script):not(style),
div[class*=' vertical-align-'] > *:not(script):not(style) {
  display: inline-block;
  float: none;
  margin-right: -4px !important;
}
.vertical-align-top > *:not(script):not(style) {
  vertical-align: top;
}
.vertical-align-middle > *:not(script):not(style) {
  vertical-align: middle;
}
.vertical-align-bottom > *:not(script):not(style) {
  vertical-align: bottom;
}
/* CSS rules */
/* Padding */
.padding-0 {
  padding: 0 !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-25 {
  padding: 25px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-35 {
  padding: 35px !important;
}
.padding-40 {
  padding: 40px !important;
}
/* Padding top */
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-35 {
  padding-top: 35px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
/* Padding-right */
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
/* Padding bottom */
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
/* Padding top */
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-left-35 {
  padding-left: 35px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
/* Margin */
.margin-0 {
  margin: 0 !important;
}
.margin-5 {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-25 {
  margin: 25px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-35 {
  margin: 35px !important;
}
.margin-40 {
  margin: 40px !important;
}
/* Margin top */
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
/* Margin-right */
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
/* Margin bottom */
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
/* Margin top */
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.margin-auto {
  float: none;
  margin: 0 auto;
}
/* Groups */
.spacer {
  height: 15px;
}
/*Links*/
.underline {
  text-decoration: none;
  padding-right: 10px;
}
.underline:hover {
  color: #DB0032;
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.no-underline:hover {
  text-decoration: none;
}
/*list items without bullets*/
.no-bullets {
  list-style: none;
}
/*grey-box*/
.grey-box {
  background-color: #f6f6f6;
  padding: 30px;
}
.grey-box .form-control {
  font-size: 16px;
}
.text-overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 767px) {
  .margin-bottom-xs-10 {
    margin-bottom: 10px;
  }
}
.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media (max-width: 576px) {
  .marging-top-15-xxs {
    margin-top: 15px;
  }
  .border-top-xxs {
    border-top: 1px solid #f6f6f6;
  }
  .pull-right-not-xxs {
    float: left !important;
  }
  .w100xxs {
    width: 100%;
  }
}
.borderless td,
.borderless th {
  border: none !important;
}
.visible-xxs {
  display: none;
}
@media (max-width: 576px) {
  .visible-xxs {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .padding-right-15-sm {
    padding-right: 15px;
  }
  .margin-right-15-sm {
    padding-right: 15px;
  }
}
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */
.inline-block {
  display: inline-block !important;
}
@media (max-width: 991px) {
  .font-12-sm {
    font-size: 12px;
  }
}
datepicker a,
[datepicker] a,
.datepicker a {
  color: inherit;
  text-decoration: none;
}
datepicker a:hover,
[datepicker] a:hover,
.datepicker a:hover {
  text-decoration: none;
}
datepicker .input-group {
  margin-bottom: 15px;
}
datepicker .input-group input[type="text"] {
  margin-bottom: 0;
}
datepicker + div {
  clear: both;
}
datepicker select,
datepicker select:focus,
datepicker select:hover,
.datepicker select,
.datepicker select:focus,
.datepicker select:hover,
[datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover {
  width: 100%;
  overflow: hidden;
  background: none;
  color: #fff;
  background-color: #DB0032;
  border-radius: 2px;
  border: 0;
  margin-top: 5px;
}
datepicker,
.datepicker,
[datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
}
._720kb-datepicker-calendar {
  background: #fff;
  color: #333;
  position: absolute;
  z-index: 49;
  min-width: 220px;
  margin: 0 auto;
  width: 101%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  margin-left: -0.5%;
  padding: 0 0 2% 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  opacity: 0;
  transition: 0.2s ease;
  max-width: 375px;
}
._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
  visibility: visible;
  opacity: 1;
}
._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #DB0032 !important;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05)) !important;
}
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left;
}
._720kb-datepicker-calendar-header-middle {
  width: 70%;
}
._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE";
}
._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center;
}
._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin: 5px 1%;
  padding: 1.5% 0;
  float: left;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
._720kb-datepicker-calendar-day:hover,
._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background: rgba(0, 0, 0, 0.03);
}
._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header a:hover {
  text-decoration: none;
  padding: 3% 9% 4% 9%;
  font-size: 13.5px;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
._720kb-datepicker-calendar-header a:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-month {
  color: #fff;
}
._720kb-datepicker-calendar-month span {
  font-size: 13px;
  color: #fff;
}
._720kb-datepicker-calendar-month a span i {
  font-style: normal;
  font-size: 15px;
}
._720kb-datepicker-calendar-month a,
._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left: 1%;
}
._720kb-datepicker-calendar-years-pagination {
  padding: 2% 0 0 0;
  float: left;
  clear: right;
  width: 100%;
}
._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  padding: 0 7px;
  font-weight: normal;
  margin: 3px 1% 0 1%;
  line-height: 20px;
  display: inline-block;
  color: #C6C2BE;
}
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 700;
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-years-pagination-pages a,
._720kb-datepicker-calendar-years-pagination-pages a:hover {
  padding: 5px 10px;
  color: #C6C2BE;
}
._720kb-datepicker-calendar-days-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2% 0 2%;
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05)) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}
._720kb-datepicker-calendar-days-header div {
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding: 10px 0;
  float: left;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}
._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
  font-size: 18.5px;
  position: relative;
  bottom: -0.5px;
}
._720kb-datepicker-default-button {
  padding: 0 4.5px;
}
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
  width: 95%;
  float: none;
  margin: 0 auto;
}
._720kb-datepicker-item-hidden {
  visibility: hidden;
}
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  color: rgba(0, 0, 0, 0.2);
  background: rgba(25, 2, 0, 0.02);
  cursor: default;
}
@media screen and (min-width: 568px) {
  ._720kb-datepicker-calendar {
    left: calc(100% - 375px);
  }
}
/* Datepicker overwrite styling */
.bg-white {
  background-color: #fff !important;
}
.datepicker {
  border-radius: 0 !important;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #D0D0D0 !important;
  background: #fafafa !important;
}
.datepicker-dropdown {
  padding: 10px !important;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #E5AD3F !important;
  color: #fff !important;
}
.datepicker table tr td,
.datepicker table tr th {
  border-radius: 0 !important;
}
.datepicker table tr td .disabled {
  background: #fafafa !important;
}
.datepicker tr:nth-child(even) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05)) !important;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  background: #DB0032;
  color: #fff;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover,
.datepicker .datepicker-switch:active,
.datepicker .prev:active,
.datepicker .next:active,
.datepicker tfoot tr th:active,
.datepicker .datepicker-switch:focus,
.datepicker .prev:focus,
.datepicker .next:focus,
.datepicker tfoot tr th:focus {
  background: #E5AD3F !important;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background-color: #DB0032 !important;
  border-color: #DB0032 !important;
}
._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background-color: #E5AD3F !important;
  color: #fff !important;
}
.block,
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.font-weight-bold {
  font-weight: bold;
}
.content-row {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .content-row {
    padding: 20px 0;
  }
}
/*
    Site specific classes
*/
.image-zoom {
  position: relative;
  display: block;
}
.image-zoom > *,
.image-zoom:before,
.image-zoom:after {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.image-zoom:hover > *,
.image-zoom:hover:before,
.image-zoom:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.image-zoom .image-zoom-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 999;
}
.image-zoom .image-zoom-content > * {
  color: #fff;
  margin: 0;
}
.image-zoom .image-zoom-content h3 {
  font-size: 16px;
}
.box-overlay {
  position: relative;
}
.box-overlay:after {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.no-wrap {
  white-space: nowrap;
}
.print-logo {
  display: none;
  text-align: center;
}
.print-logo img {
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 100px;
}
@media print {
  img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  body {
    color: #000;
    background-color: #fff;
    margin: 0;
  }
  header,
  footer,
  .recently-viewed,
  .axBanner,
  .export-buttons,
  .detail-buttons,
  #breadcrumb,
  #product-details #articleSlider-2 .carousel-inner .btn,
  #articleSlider-2 .carousel-control.right,
  #articleSlider-2 .carousel-control.left,
  #cookie-alert,
  .shopping-item-quanity,
  .shopping-item-add,
  .btn-favorite,
  .tab-select-outer,
  .visible-xs,
  .visible-xxs,
  table-column strong,
  .tooltip,
  .btn,
  .item-stock,
  .detail-quantity-box {
    display: none !important;
  }
  /* Prevents URL from showing */
  a[href]:after {
    content: none !important;
  }
  .table-header-row,
  .print-logo,
  .scrollable-x-wrapper .row > .col-md-3,
  #product-details .tab-button-outer,
  .scrollable-x-wrapper .scrollable-x {
    display: block !important;
  }
  #articleSlider-2 .carousel-indicators li.active {
    border: 3px solid #f9f9f9;
  }
  .text-right {
    text-align: right;
  }
  .text-left {
    text-align: left;
  }
  .pull-right {
    float: right;
  }
  .pull-left {
    float: left;
  }
  .container {
    width: 1024px !important;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-9,
  .col-xxs-11,
  .col-xxs-12,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-9,
  .col-xs-11,
  .col-xs-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-9,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-9,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-9,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-12,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    width: 100%;
  }
  .col-xxs-11,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-xxs-10,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-xxs-9,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9 {
    width: 75%;
  }
  .col-xxs-8,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-xxs-7,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-xxs-6,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6 {
    width: 50% !important;
  }
  .col-xxs-5,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-xxs-4,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-xxs-3,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3 {
    width: 25%;
  }
  .col-xxs-2,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-xxs-1,
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-9 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-9 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .hidden-sm,
  .hidden-md,
  .hidden-lg {
    display: none;
  }
  #product-details .table-header-row:nth-child(odd) {
    background: #EDEDED !important;
  }
  #product-details .table-header-row:nth-child(even) {
    background: #FFF !important;
  }
}
.font-weight-normal {
  font-weight: normal;
}
.text-wrap-two-lines {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.text-wrap-one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.italic {
  font-style: italic;
}
.link {
  color: #DB0032;
}
.link:hover,
.link:active,
.link:focus {
  color: #DB0032;
  text-decoration: underline;
}
ul .no-ul-style {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}
/* Spinner */
.loading-spinner i {
  color: #DB0032;
  font-size: 20px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.cursor-default {
  cursor: default;
}
.download-link {
  text-decoration: none;
  display: inline-block;
}
.download-link:focus,
.download-link:hover,
.download-link:active {
  text-decoration: none;
}
.download-link span:focus,
.download-link span:hover,
.download-link span:active {
  text-decoration: underline;
}
.sticky-box {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 10vh;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.is-flex.justify-content-center {
  justify-content: center;
}
.row.is-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.row.is-flex > [class*='col-'] .flex-card {
  height: 100%;
  position: relative;
  padding: 20px 20px 60px 20px;
}
.row.is-flex > [class*='col-'] .flex-card a:last-of-type {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 20px;
}
/* Used for item options, but can be used on other pages.*/
.rotate-180 {
  transform: rotate(180deg);
  transition: 0.33s;
}
.rotate-minus-180 {
  transform: rotate(-180deg);
  transition: 0.33s;
}
@media (max-width: 767px) {
  .margin-bottom-10-xs {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-bottom-10-sm {
    margin-bottom: 10px;
  }
}
.alert-success {
  margin-top: 10px;
}
form .field-validation-error {
  color: darkred;
}
form .reCaptcha-response-input {
  display: none;
}
.w-100 {
  width: 100%;
}
.bottom-100 {
  bottom: 100px !important;
}
.hidden-recaptcha {
  display: none;
}
webshop-filters-component {
  display: block;
}
webshop-filters-component #filters ul,
webshop-filters-component #filters ul li {
  display: block;
  padding: 0;
  margin: 0;
}
webshop-filters-component #filters > ul {
  margin-bottom: 10px;
}
webshop-filters-component #filters > ul > li > span {
  display: block;
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  padding: 10px 35px 10px 10px;
  background: #DB0032;
  color: #fff;
  font-weight: 700;
}
webshop-filters-component #filters > ul > li > span.collapsed::after {
  top: 10px;
  left: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f067";
  font-weight: 700;
}
webshop-filters-component #filters > ul > li > span::after {
  top: 10px;
  left: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f068";
  font-weight: 700;
  left: auto !important;
  right: 15px !important;
}
webshop-filters-component #filters > ul > li > ul.collapse.in {
  display: block;
}
webshop-filters-component #filters > ul > li > ul.collapse {
  display: none;
}
webshop-filters-component #filters > ul > li > ul .search-query {
  margin: 10px;
  width: calc(100% - 20px);
}
webshop-filters-component #filters > ul > li > ul > li {
  position: relative;
  padding: 10px;
}
webshop-filters-component #filters > ul > li > ul > li a {
  font-weight: 500;
  font-size: 12px;
  color: #DB0032;
}
webshop-filters-component #filters > ul > li > ul > li:first-child {
  margin-top: 0;
}
webshop-filters-component #filters > ul > li > ul > li:nth-child(2n) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
webshop-filters-component #filters > ul > li > ul > li.toggle-filters-link {
  background: #fff;
}
webshop-filters-component #filters > ul > li > ul > li.toggle-filters-link a {
  color: #DB0032;
}
webshop-filters-component #filters > ul > li > ul > li label {
  margin: 0;
  position: relative;
  width: 100%;
}
webshop-filters-component #filters > ul > li > ul > li label:before {
  position: absolute;
  left: 0;
  top: 4px;
}
webshop-filters-component #filters > ul > li > ul > li label em {
  display: block;
  padding: 0 40px 0 30px;
  font-style: normal;
  font-size: 14px;
  word-break: break-word;
}
webshop-filters-component #filters > ul > li > ul > li label .img-zoom {
  transition: 0.2s;
}
webshop-filters-component #filters > ul > li > ul > li label .img-zoom:hover {
  transform: scale(3);
  transition: 0.2s;
}
webshop-filters-component #filters > ul > li > ul > li label strong {
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
}
webshop-filters-component #filters .container-flex {
  column-gap: 15px;
  -webkit-column-gap: 15px;
  margin-bottom: 0;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  webshop-filters-component #filters .container-flex {
    flex-direction: row;
    -webkit-flex-direction: row;
  }
}
webshop-filters-component #filters .container-flex .flex-1 {
  flex-basis: 33%;
}
webshop-filters-component #filters .range-filter > li {
  padding: 0;
}
webshop-filters-component #filters .range-filter .tooltip {
  width: 10vw;
  min-width: 100px;
  max-width: 200px;
}
webshop-filters-component #filters .range-filter label span {
  top: 0;
}
webshop-filters-component #filters .range-filter input.ng-invalid {
  border-color: lightcoral;
}
webshop-filters-component .toggle-filters {
  position: relative;
  margin: 20px 0 10px;
}
webshop-grid-loader {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
webshop-grid-loader.loading {
  opacity: 1;
  visibility: visible;
}
webshop-grid-loader > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
webshop-grid-component {
  display: block;
}
webshop-grid-component .grid-controls {
  padding: 0 5px;
  margin-bottom: 20px;
}
webshop-grid-component .grid-controls small {
  font-weight: 500;
  margin-right: 5px;
}
webshop-grid-component .grid-controls .fa {
  color: #f6f6f6;
  cursor: pointer;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
webshop-grid-component .grid-controls .fa:hover,
webshop-grid-component .grid-controls .fa.active {
  color: #C6C2BE;
}
webshop-grid-component .grid-controls .fa.active {
  cursor: initial;
}
webshop-grid-component .grid-controls .fa-th-large {
  font-size: 24px;
}
webshop-grid-component .grid-controls .fa-bars {
  font-size: 26px;
}
webshop-grid-component .webshop-list-item,
webshop-grid-component .webshop-grid-item {
  padding-left: 5px;
  padding-right: 5px;
}
webshop-grid-component .webshop-list-item .product-wrapper,
webshop-grid-component .webshop-grid-item .product-wrapper {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #ededed;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
webshop-grid-component .webshop-list-item .product-wrapper:hover,
webshop-grid-component .webshop-grid-item .product-wrapper:hover {
  -webkit-box-shadow: 0 0 15px #ededed;
  -moz-box-shadow: 0 0 15px #ededed;
  box-shadow: 0 0 15px #ededed;
}
webshop-grid-component .webshop-list-item .product-image,
webshop-grid-component .webshop-grid-item .product-image {
  height: 200px;
  padding: 15px;
  text-align: center;
}
webshop-grid-component .webshop-list-item .product-link,
webshop-grid-component .webshop-grid-item .product-link,
webshop-grid-component .webshop-list-item .product-information,
webshop-grid-component .webshop-grid-item .product-information {
  height: 40px;
  margin-bottom: 10px;
}
webshop-grid-component .webshop-list-item .product-link,
webshop-grid-component .webshop-grid-item .product-link {
  font-weight: 500;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
webshop-grid-component .webshop-list-item .product-link a:hover,
webshop-grid-component .webshop-grid-item .product-link a:hover {
  color: initial;
}
webshop-grid-component .webshop-list-item .product-price,
webshop-grid-component .webshop-grid-item .product-price {
  font-size: 16px;
  margin-bottom: 15px;
}
webshop-grid-component .webshop-list-item .product-stock .stock-icon,
webshop-grid-component .webshop-grid-item .product-stock .stock-icon {
  margin-bottom: -1px;
  margin-left: 5px;
}
webshop-grid-component .webshop-list-item .fa-heart-o,
webshop-grid-component .webshop-grid-item .fa-heart-o {
  cursor: pointer;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
webshop-grid-component .webshop-list-item .fa-heart-o:hover,
webshop-grid-component .webshop-grid-item .fa-heart-o:hover {
  color: #b20000;
}
webshop-grid-component .webshop-list-item .fa-heart,
webshop-grid-component .webshop-grid-item .fa-heart {
  cursor: pointer;
  color: #b20000;
}
webshop-grid-component .webshop-grid-item .product-information {
  height: auto;
}
webshop-grid-component .webshop-grid-item .product-action {
  width: 100%;
}
/* Password Toggle */
.password-toggle {
  position: relative;
}
.password-toggle i {
  position: absolute;
  top: 50%;
  right: 15px;
  cursor: pointer;
  padding: 10px;
  transform: translateY(-50%);
}
/* File upload directive */
.custom-upload-wrapper .fa-info-circle {
  margin-left: 10px;
  color: #cdcdcd;
}
/* Barcode scanner */
.barcode-scanner-wrapper {
  overflow-y: inherit;
  z-index: 9999;
  /*    #barcodeScannerArea_ScanRegion {
        video {
            width: 100% !important;
        }
    }*/
}
@media (max-width: 767px) {
  .barcode-scanner-wrapper {
    position: fixed;
    top: 0px;
    right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .barcode-scanner-wrapper {
    position: absolute;
    right: 30px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  .barcode-scanner-wrapper {
    position: absolute;
    right: 25%;
    transform: translateX(50%);
    top: 10px;
  }
}
.barcode-scanner-wrapper .scan-wrapper {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 6px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0 5px 6px rgba(33, 33, 33, 0.4);
  box-shadow: 0 5px 6px rgba(33, 33, 33, 0.4);
}
@media (min-width: 768px) {
  .barcode-scanner-wrapper .scan-wrapper {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .barcode-scanner-wrapper .scan-wrapper {
    width: 100%;
  }
}
.barcode-scanner-wrapper .scan-wrapper .scan-environment {
  width: 100%;
  min-height: 0px;
  text-align: center;
  position: relative;
  height: 0;
  display: block;
}
.barcode-scanner-wrapper .scan-wrapper .scan-environment video,
.barcode-scanner-wrapper .scan-wrapper .scan-environment .drawingBuffer {
  width: 100%;
}
.barcode-scanner-wrapper .scan-wrapper .close-barcode-environment {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 26px;
  cursor: pointer;
  z-index: 2;
  opacity: 0.7;
}
.barcode-scanner-wrapper .scan-wrapper .switch-camera {
  position: absolute;
  top: 15px;
  left: 15px;
}
.barcode-scanner-wrapper .scan-wrapper .cancel-scan {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
}
.barcode-scanner-wrapper .scan-wrapper .fa-times {
  color: white;
}
.barcode-scanner-wrapper .scan-wrapper .barcode-dashboard-wrapper .barcode-dashboard {
  padding: 20px;
  text-align: center;
}
.barcode-scanner-wrapper .scan-wrapper .barcode-dashboard-wrapper .barcode-dashboard .fa-info-circle {
  color: #C6C2BE;
  margin-left: 10px;
}
.barcode-scanner-wrapper .scan-wrapper .barcode-dashboard-wrapper .barcode-dashboard .barcode-dashboard-alert span {
  display: block;
  margin-bottom: 5px;
}
.barcode-scanner-wrapper .scan-wrapper .barcode-dashboard-wrapper .barcode-dashboard .barcode-info-box {
  text-align: center;
}
.barcode-scanner-wrapper .animated .scan-wrapper .scan-environment {
  height: initial;
  display: initial;
}
.btn-barcode {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  outline: none;
  height: auto;
  border-radius: 0px;
  padding: 7px 11px;
  aspect-ratio: 1;
}
.btn-barcode .fa {
  font-size: 18px;
}
#incompleteOrder {
  /* Incomplete Order Pop-up */
}
@media (min-width: 768px) {
  #incompleteOrder .table-content {
    min-height: 22vh;
    max-height: 50vh;
    overflow-y: scroll;
  }
  #incompleteOrder .collapse {
    display: table;
  }
  #incompleteOrder .modal-body {
    /* Needed to override bootstrap sorry.*/
    height: unset !important;
  }
}
#incompleteOrder .modal-body a[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
#qrcodeModal embed {
  width: 75%;
  aspect-ratio: 1;
  max-height: 300px;
  max-width: 75%;
}
#qrcodeModal embed .image {
  text-align: center;
}
.d-flex {
  display: flex;
}
#header-spacer {
  transition: all 0.4s ease-in-out;
}
.page {
  position: relative;
}
.page .container {
  position: relative;
}
.page .row {
  position: relative;
}
.page .row.align-items-start {
  align-items: flex-start;
}
.page .row.align-items-center {
  align-items: center;
}
.page .row.align-items-end {
  align-items: flex-end;
}
.page .row.align-items-stretch {
  align-items: stretch;
}
.page .row.align-items-baseline {
  align-items: baseline;
}
.page .row.layout-row > div {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}
.page .row.layout-row > div > * {
  flex: 1;
  min-width: unset;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page .row.is-flex .col {
    flex-basis: auto !important;
    width: auto;
    max-width: 100%;
  }
}
.page .col {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  position: relative;
  padding: 0 15px;
  min-width: 1px;
  max-width: 100%;
}
.page .col.layout-row > div {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}
.page .col.layout-row > * {
  flex: 1;
  min-width: unset;
}
.page .cell {
  display: inherit;
  width: 100%;
  flex-direction: column;
}
.page .form-wrapper {
  width: 100%;
}
.page .form-group {
  margin-bottom: 0;
}
.page .form-group input:not([type="radio"]),
.page .form-group textarea,
.page .form-group select {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 15px;
}
.page .form-group input:not([type="radio"])::placeholder,
.page .form-group textarea::placeholder,
.page .form-group select::placeholder {
  font-style: italic;
  font-size: 14px;
}
.page .form-group input:not([type="radio"]).btn,
.page .form-group textarea.btn,
.page .form-group select.btn {
  padding: 9px 15px;
}
.page .input-group .form-control {
  margin-bottom: 0;
}
.page .col-fit {
  flex: 0 1 287.5px;
}
@media (max-width: 767px) {
  .page .col-fit {
    width: 100%;
  }
}
.page .slider-col {
  flex-direction: column;
}
.page#header.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
}
.page#header > div {
  position: relative;
  max-height: 500px;
  transition: all 0.4s ease;
}
.page#header > div.off-screen {
  z-index: -1;
  max-height: 0px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.page#header > div.transitioning {
  overflow: hidden;
}
.page#header .btn-barcode {
  border-color: inherit;
  color: inherit;
}
.page#header .shopping-cart > a .fa {
  color: inherit;
}
.page .sticky-section.container-fluid {
  width: 100%;
}
.page .slider-component {
  display: inherit;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 767px) {
  .page .row.is-flex,
  .page .xs-col-dir {
    flex-direction: column;
  }
}
.page .container:before,
.page .container-fluid:before,
.page .row:before,
.page .container:after,
.page .container-fluid:after,
.page .row:after {
  content: unset;
}
.newLot-banner {
  padding: 5px 9px;
  background: #E5AD3F;
  color: #fff;
  font-style: italic;
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  display: inline;
}
@media (max-width: 400px), (min-width: 992px) and (max-width: 1199px) {
  .newLot-banner {
    display: block;
    width: fit-content;
    padding: 6px 9px;
  }
}
@media (min-width: 401px) and (max-width: 991px), (min-width: 1200px) {
  .newLot-banner {
    margin-left: 5px;
  }
}
.newLot-banner.basket-newLot-banner {
  position: relative;
  display: block;
  width: fit-content;
}
@media (min-width: 401px) and (max-width: 991px), (min-width: 1200px) {
  .newLot-banner.basket-newLot-banner {
    margin-left: unset;
  }
}
.newLot-banner:after {
  content: '';
  width: 24px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -24px;
  background-color: #E5AD3F;
  clip-path: polygon(0 0, 50% 50%, 0 100%);
}
/* Use below properties for both checkboxes and radio buttons */
/* Custom input globals */
.has-custom-checkbox,
.has-custom-radio,
.has-custom-toggle {
  position: absolute;
  opacity: 0;
  display: none;
  visibility: hidden;
}
label span {
  position: relative;
  top: 2px;
  margin-left: 5px;
  font-weight: normal;
  cursor: pointer;
}
/* Custom checkbox input */
.has-custom-checkbox + span,
.has-custom-checkbox + label {
  display: inline-block;
  vertical-align: middle;
}
.has-custom-checkbox + label {
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid #333;
  border-radius: 0px;
  margin-right: 15px;
}
.has-custom-checkbox:disabled + label {
  border: 1px solid #e8e8e8;
}
.has-custom-checkbox + label:before,
.has-custom-checkbox + label::after {
  position: absolute;
  content: " ";
}
.has-custom-checkbox + label:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.has-custom-checkbox + label::after {
  top: 50%;
  left: 50%;
  height: 10px;
  width: 6px;
  margin-left: -3px;
  margin-top: -6px;
  transform: rotate(45deg);
}
.has-custom-checkbox:checked + label {
  border-color: #DB0032;
}
.has-custom-checkbox:checked + label:before {
  background: #DB0032;
}
.has-custom-checkbox:checked + label::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.has-custom-checkbox:checked:disabled + label {
  border-color: #e8e8e8;
}
.has-custom-checkbox:disabled:checked + label:before {
  background: #e8e8e8;
}
.has-custom-checkbox:disabled:checked + label::after {
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
/*
    Custom checkbox new style

    @since 23-07-2018
    @author Richard Mauritz
*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #333;
}
.styled-checkbox:hover + label:before {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #DB0032;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox.has-custom-checkbox + label {
  position: relative;
  height: inherit;
  width: inherit;
  border: none;
  border-radius: 0px;
  margin-right: inherit;
}
.styled-checkbox.has-custom-checkbox + label::after {
  top: 13px;
  left: 10px;
  height: 10px;
  width: 6px;
  margin-left: -3px;
  margin-top: -6px;
  transform: rotate(45deg);
}
.fake-input-select-wrapper {
  position: relative;
  display: inline-block;
}
.fake-input-select-wrapper .fake-input-select {
  background-color: #fff;
  min-width: 120px;
  line-height: 34px;
  height: 34px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #C6C2BE;
}
.fake-input-select-wrapper .fake-input-select::after {
  background-color: #fff;
  right: 0;
  top: 0;
  width: 30px;
  line-height: 34px;
  height: 34px;
  border: 1px solid #C6C2BE;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f107";
}
.fake-input-select-wrapper select {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
/* Custom radio input */
.has-custom-radio + span,
.has-custom-radio + label {
  display: inline-block;
  vertical-align: middle;
}
.has-custom-radio + label {
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.has-custom-radio + label:before,
.has-custom-radio + label::after {
  position: absolute;
  content: " ";
}
.has-custom-radio + label:before {
  height: 100%;
  width: 100%;
  top: 4px;
  left: 0;
}
.has-custom-radio + label::after {
  top: 50%;
  left: 50%;
  height: 12px;
  width: 12px;
  margin-left: calc((20px - 8px) / -2);
  margin-top: calc((20px - 8px) / -2);
  border-radius: 50%;
}
.has-custom-radio:hover + label,
.has-custom-radio:checked + label {
  border: 2px solid #DB0032;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.has-custom-radio:hover + label::after {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.has-custom-radio:checked + label {
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}
.has-custom-radio:checked + label::before {
  background: none;
}
.has-custom-radio:checked + label::after {
  background: #DB0032;
}
.has-custom-radio:checked + label ~ span {
  font-weight: bold;
}
.has-custom-radio:disabled:checked + label {
  border: 1px solid #e8e8e8;
}
.has-custom-radio:disabled:checked + label::after,
.has-custom-radio:disabled:checked:hover + label::after {
  background: #ccc;
}
.has-custom-radio:disabled:checked + label ~ span,
.has-custom-radio:disabled + label ~ span {
  cursor: default;
}
.has-custom-radio:hover:disabled + label {
  border: 1px solid #ccc;
}
.has-custom-radio:disabled:checked:hover + label {
  border: 1px solid transparent;
}
.has-custom-radio:hover:disabled + label::after {
  background: transparent;
}
/* Custom number input Tablet and Mobile */
[ng-input-number] {
  width: 50%;
  border: 1px solid #f6f6f6;
  border-radius: 0 !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
[item-quantity-input],
[lot-item-quantity-input] {
  width: 50%;
  border: 1px solid #f6f6f6;
  border-radius: 0 !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.plus-control,
.minus-control {
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  color: rgba(33, 33, 33, 0.16);
  width: 25%;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  outline: none;
}
.plus-control:before,
.minus-control:before {
  position: relative;
  color: #6f6f6f;
}
.plus-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.minus-control {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media (min-width: 320px) and (max-width: 991px) {
  [ng-input-number],
  .plus-control,
  .minus-control {
    float: left;
    height: 30px !important;
    padding: 0;
    font-size: 13px;
  }
  .plus-control:before {
    /*content: "+";*/
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f067";
  }
  .minus-control:before {
    /*top: -2px;*/
    /*content: "-";*/
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f068";
  }
}
@media (min-width: 320px) and (max-width: 991px) {
  [item-quantity-input],
  [lot-item-quantity-input],
  .plus-control,
  .minus-control {
    float: left;
    height: 30px !important;
    padding: 0;
    font-size: 13px;
  }
  .plus-control:before {
    /*content: "+";*/
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f067";
  }
  .minus-control:before {
    /*top: -2px;*/
    /*content: "-";*/
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f068";
  }
}
@media (min-width: 992px) {
  .plus-control,
  .minus-control {
    float: left;
  }
  .plus-control,
  .minus-control {
    outline: none;
    width: 20px;
    height: 20px !important;
    position: absolute;
    right: 15px;
    font-size: 13px;
  }
  .plus-control:hover,
  .minus-control:hover {
    background: #6f6f6f;
    -webkit-transition: 0.33s;
    -moz-transition: 0.33s;
    -o-transition: 0.33s;
    transition: 0.33s;
  }
  .plus-control:hover:before,
  .minus-control:hover:before {
    color: #f6f6f6;
  }
  .plus-control {
    top: 0;
  }
  .plus-control:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f0d8";
    position: relative;
    top: -4px;
  }
  .minus-control {
    top: 20px;
  }
  .minus-control:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f0d7";
    position: relative;
    top: -4px;
  }
}
.error-notification {
  position: absolute;
  left: -25px;
  top: 7px;
  color: var(--black-theme-color, #212121);
}
.radio {
  display: block;
  height: 24px;
  width: 24px;
  border: 1px solid #f6f6f6;
  border-radius: 50%;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.radio:before {
  position: absolute;
  display: block;
  content: " ";
  border-radius: 50%;
  top: 4px;
  left: 4px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
input:checked + label .radio {
  position: relative;
  border-color: #DB0032;
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
input:checked + label .radio:before {
  background: #DB0032;
  height: 14px;
  width: 14px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
/* Select differs from default bootstrap component */
/*select.form-control {
    background-color: transparent;
    font-weight: bold;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid @black;
}*/
/* Validation classes for input fields */
.validation-check::after {
  right: 30px;
  top: 30px;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  color: #06a94d;
  line-height: 40px;
}
@media (max-width: 767px) {
  .validation-check::after {
    bottom: 0;
  }
}
.password-wrapper {
  position: absolute;
  z-index: 1;
  top: 80px;
  padding-right: 15px;
}
.password-wrapper .passwordtable {
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0px 10px 20px -10px #444;
  -moz-box-shadow: 0px 10px 20px -10px #444;
  box-shadow: 0px 10px 20px -10px #444;
}
.password-wrapper .passwordtable .col-xs-12 {
  padding: 5px;
  border-top: 1px solid #ededed;
}
.password-wrapper .passwordtable .col-xs-12:first-of-type {
  border-top: none;
}
.password-wrapper .passwordtable .passwordcorrect {
  color: #50b128;
}
.password-wrapper .passwordtable .passwordcorrect:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  margin-right: 10px;
  margin-left: 5px;
}
.password-wrapper .passwordtable .passwordfalse {
  color: #ec0000;
}
.password-wrapper .passwordtable .passwordfalse:before {
  content: '\f00d';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  margin-right: 10px;
  margin-left: 5px;
}
/* Hide Calendar Icon In Chrome */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
webshop-filters-component #filters .styled-toggle + label em {
  padding-left: 45px;
}
/* Custom checkbox switcher/slider */
.styled-toggle {
  /* Untoggled styling */
  /* Toggled styling */
  /* Hover styling */
  /* Disabled styling */
}
.styled-toggle + label::before,
.styled-toggle + label::after {
  position: absolute;
  content: " ";
}
.styled-toggle + label::before {
  height: 20px;
  width: calc(20px * 2);
  border: 1px solid #333;
  border-radius: 100px;
  background-color: #fff;
}
.styled-toggle + label::after {
  height: calc(20px / 2);
  width: calc(20px / 2);
  border-radius: 100px;
  background-color: #DB0032;
  left: 5px;
  top: 9px;
  transition: left ease-out 0.2s;
}
.styled-toggle:checked:hover + label:before {
  background-color: #DB0032;
}
.styled-toggle:checked + label::before {
  background-color: #DB0032;
}
.styled-toggle:checked + label::after {
  left: calc(20px + 5px);
  background-color: #fff;
  transition: left ease-out 0.2s;
}
.styled-toggle:hover + label:before {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.styled-toggle + label:hover {
  cursor: pointer;
}
.styled-toggle:disabled + label::before {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
}
.styled-toggle:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
html,
body,
* {
  font-family: 'Work Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  height: 100%;
  /* Prevents iOS from adjusting the font-size when switching to landscape / portrait */
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body {
  background-color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  line-height: 24px;
  font-size: 15px;
  /* Prevents content flowing under scrollbar in IE11 */
  -ms-overflow-style: scrollbar;
  scroll-behavior: smooth;
}
@media (max-width: 767px) {
  body {
    font-size: 13px;
  }
}
/* Make footer stick at the bottom */
main {
  flex: 1 0 auto;
}
/* Hides angular elements on load. Prevents flickering*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
ol,
ul {
  margin: 20px 0;
}
small {
  font-size: 11px;
  font-weight: bold;
  color: #C6C2BE;
}
small span {
  font-weight: normal;
}
loading {
  display: block;
  padding: 15px;
}
/* Solvisoft PageText Tooltip */
.PageTextToolTipWrapper {
  position: relative;
}
.PageTextToolTipWrapper .PageArticleTip {
  color: #0c5460 !important;
  border: 2px solid #bee5eb !important;
  background: #d1ecf1 !important;
}
.PageTextToolTipWrapper .PageArticleRelationTip {
  color: #3c763d !important;
  border: 2px solid #d6e9c6 !important;
  background: #dff0d8 !important;
}
.PageTextToolTipWrapper .PageTextTooltip {
  position: absolute !important;
  top: 0px !important;
  left: 0 !important;
  z-index: 10 !important;
  border: 2px solid #ffeb81;
  background: #fff2ab;
  font-size: 9px !important;
  padding: 5px !important;
  line-height: 10px !important;
  border-radius: 2px !important;
  color: #99936f;
  cursor: context-menu;
  display: none;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}
.PageTextToolTipWrapper .PageTextTooltip:hover {
  opacity: 0;
}
img {
  max-width: 100%;
  max-height: 100%;
}
/* Login portal, error pages */
.isLogin .sidebar,
.isForgotPassword .sidebar,
.isLogin #breadcrumb,
.isForgotPassword #breadcrumb {
  display: none;
}
.isLogin,
.isForgotPassword,
.isPortalRegistration,
.isErrorNotLoggedIn,
.isChangePasswordNotLoggedIn {
  /* Modal dialog */
}
.isLogin main,
.isForgotPassword main,
.isPortalRegistration main,
.isErrorNotLoggedIn main,
.isChangePasswordNotLoggedIn main {
  height: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(135deg, rgba(219, 0, 50, 0.6), rgba(219, 0, 50, 0.6));
  background-position: calc(50% - 0px) 75%;
  background-size: cover;
  background-repeat: repeat;
}
.isLogin .modal-dialog form,
.isForgotPassword .modal-dialog form,
.isPortalRegistration .modal-dialog form,
.isErrorNotLoggedIn .modal-dialog form,
.isChangePasswordNotLoggedIn .modal-dialog form {
  border-bottom: none;
  padding-bottom: 0;
}
.isLogin .language-box,
.isForgotPassword .language-box,
.isPortalRegistration .language-box,
.isErrorNotLoggedIn .language-box,
.isChangePasswordNotLoggedIn .language-box {
  float: right;
  margin-bottom: 15px;
}
.isLogin .grey-box,
.isForgotPassword .grey-box,
.isPortalRegistration .grey-box,
.isErrorNotLoggedIn .grey-box,
.isChangePasswordNotLoggedIn .grey-box {
  background-color: #fff;
  position: relative;
  z-index: 99;
}
.isLogin .register-box,
.isForgotPassword .register-box,
.isPortalRegistration .register-box,
.isErrorNotLoggedIn .register-box,
.isChangePasswordNotLoggedIn .register-box {
  background-color: #fff;
  padding: 30px;
}
.isLogin .register-box .grey-box,
.isForgotPassword .register-box .grey-box,
.isPortalRegistration .register-box .grey-box,
.isErrorNotLoggedIn .register-box .grey-box,
.isChangePasswordNotLoggedIn .register-box .grey-box {
  padding: 0;
}
.isLogin .login-page-text,
.isForgotPassword .login-page-text,
.isPortalRegistration .login-page-text,
.isErrorNotLoggedIn .login-page-text,
.isChangePasswordNotLoggedIn .login-page-text {
  font-size: 13px;
  text-align: center;
}
.isLogin .login-page-text img,
.isForgotPassword .login-page-text img,
.isPortalRegistration .login-page-text img,
.isErrorNotLoggedIn .login-page-text img,
.isChangePasswordNotLoggedIn .login-page-text img {
  margin-bottom: 15px;
}
.isLogin form,
.isForgotPassword form,
.isPortalRegistration form,
.isErrorNotLoggedIn form,
.isChangePasswordNotLoggedIn form {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 20px;
}
.isLogin .footer-links-portal a,
.isForgotPassword .footer-links-portal a,
.isPortalRegistration .footer-links-portal a,
.isErrorNotLoggedIn .footer-links-portal a,
.isChangePasswordNotLoggedIn .footer-links-portal a {
  color: #ccc;
  font-style: italic;
}
.isLogin .position-logo-1,
.isForgotPassword .position-logo-1,
.isPortalRegistration .position-logo-1,
.isErrorNotLoggedIn .position-logo-1,
.isChangePasswordNotLoggedIn .position-logo-1,
.isLogin .position-logo-2,
.isForgotPassword .position-logo-2,
.isPortalRegistration .position-logo-2,
.isErrorNotLoggedIn .position-logo-2,
.isChangePasswordNotLoggedIn .position-logo-2 {
  color: #fff;
}
@media (min-width: 380px) and (max-width: 767px) {
  .isLogin .position-logo-1 img,
  .isForgotPassword .position-logo-1 img,
  .isPortalRegistration .position-logo-1 img,
  .isErrorNotLoggedIn .position-logo-1 img,
  .isChangePasswordNotLoggedIn .position-logo-1 img,
  .isLogin .position-logo-2 img,
  .isForgotPassword .position-logo-2 img,
  .isPortalRegistration .position-logo-2 img,
  .isErrorNotLoggedIn .position-logo-2 img,
  .isChangePasswordNotLoggedIn .position-logo-2 img {
    max-height: 30px;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .isLogin .position-logo-1,
  .isForgotPassword .position-logo-1,
  .isPortalRegistration .position-logo-1,
  .isErrorNotLoggedIn .position-logo-1,
  .isChangePasswordNotLoggedIn .position-logo-1,
  .isLogin .position-logo-2,
  .isForgotPassword .position-logo-2,
  .isPortalRegistration .position-logo-2,
  .isErrorNotLoggedIn .position-logo-2,
  .isChangePasswordNotLoggedIn .position-logo-2 {
    position: fixed;
    bottom: 30px;
  }
  .isLogin .position-logo-1,
  .isForgotPassword .position-logo-1,
  .isPortalRegistration .position-logo-1,
  .isErrorNotLoggedIn .position-logo-1,
  .isChangePasswordNotLoggedIn .position-logo-1 {
    left: 5%;
  }
  .isLogin .position-logo-2,
  .isForgotPassword .position-logo-2,
  .isPortalRegistration .position-logo-2,
  .isErrorNotLoggedIn .position-logo-2,
  .isChangePasswordNotLoggedIn .position-logo-2 {
    right: 5%;
  }
}
.isLogin .error-container,
.isForgotPassword .error-container,
.isPortalRegistration .error-container,
.isErrorNotLoggedIn .error-container,
.isChangePasswordNotLoggedIn .error-container {
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f6f6f6;
}
.toggle-description-box,
.toggle-specification-box {
  position: relative;
  margin-bottom: 20px;
}
.ShowMore {
  height: 100%;
  max-height: 100%;
}
.ShowLess {
  overflow: hidden;
}
.ShowLess:after {
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 90%);
  height: 75px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.mh-150 {
  max-height: 150px;
}
.mh-225 {
  max-height: 225px;
}
.mh-300 {
  max-height: 300px;
}
/* used for barcode scanner area with quagga2 */
.drawingBuffer {
  position: absolute;
  top: 0;
  left: 0;
}
/* Drawing Container and Toolbar used for exploded view*/
.drawing-toolbar {
  color: #999b9e;
  background-color: #f8f8f8;
  font-size: clamp(1.2rem, 3vw, 2.8rem);
  padding-block: 5px;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}
.drawing-toolbar button {
  padding: 0;
  border: none;
  background-color: transparent;
  transition: color 200ms ease-out;
}
.drawing-toolbar button:hover,
.drawing-toolbar button:focus,
.drawing-toolbar buttonactive {
  color: #4f4f50;
}
@media (max-width: 425px) {
  .drawing-toolbar button {
    display: none;
  }
}
.drawing-container {
  border: 15px solid #f8f8f8;
  padding-inline: 0;
  overflow: hidden;
}
/* SVG Drawing Exploded view*/
#svgRoot {
  overflow: visible;
  touch-action: none;
}
#svgRoot a {
  display: none;
}
/* Modal article relation*/
.sticky-item::before,
.sticky-item::after {
  display: none;
  content: none;
}
#articleRelationModal .alert-success {
  margin-top: 0;
}
/* Dropdown Categorie Menu*/
.mega-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
  min-height: 100%;
  background: #fff;
  overflow-y: scroll;
  max-height: 533px;
}
.mega-menu div {
  display: flex;
  flex: 1;
  max-height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.mega-menu div h1,
.mega-menu div h2,
.mega-menu div h3,
.mega-menu div h4,
.mega-menu div h5,
.mega-menu div h6 {
  margin: 0px 0px 15px 0px;
}
.mega-menu div * {
  word-break: break-word;
}
.mega-menu > div {
  flex: 1 1 24%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: var(--hr-top, 1px solid #eeeeee);
  border-right: var(--hr-right, 0);
  border-bottom: var(--hr-bottom, 0);
  border-left: var(--hr-left, 0);
}
.text-break-word {
  word-break: break-word;
}
blockquote {
  background: #fff;
  margin-left: 50px;
  border-left: 5px solid #DB0032;
  max-width: 600px;
  margin-top: 15px;
  -webkit-box-shadow: 0 0 3px -1px #ccc;
  -moz-box-shadow: 0 0 3px -1px #ccc;
  box-shadow: 0 0 3px -1px #ccc;
}
ul {
  list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"><circle cx="3" cy="3" r="3" fill="#DB0032" /></svg>');
}
ul li {
  position: relative;
  padding-right: 5px;
}
ol li {
  padding-left: 5px;
}
embed,
object {
  position: relative;
  z-index: 1;
  max-width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  iframe {
    width: 100%;
    height: 100%;
  }
}
textarea {
  resize: vertical;
}
figure.image {
  margin: auto;
  min-width: 50px;
  text-align: center;
}
figure.image img {
  height: auto;
}
@media (min-width: 768px) {
  figure.image-style-side {
    float: right;
    margin-left: 30px;
  }
  figure.image-style-align-right {
    float: right;
    margin-left: 30px;
  }
  figure.image-style-align-left {
    float: left;
    margin-right: 30px;
  }
  figure.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
  }
  figure.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
  }
}
figure.image-style-aside img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}
figure.image.image_resized img {
  width: 100%;
}
.image-style-align-right {
  float: right;
}
/**
 * @lordfriend/nya-bootstrap-select v2.4.0
 * Copyright 2014 Nyasoft
 * Licensed under MIT license
 */
.nya-bs-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
  padding: 0;
  margin: 0;
}
.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 120px;
}
.nya-bs-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.nya-bs-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.nya-bs-select .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}
.nya-bs-select .dropdown-toggle .filter-option,
.nya-bs-select .dropdown-toggle .special-title {
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.nya-bs-select .dropdown-toggle .filter-option {
  display: inline-block;
}
.nya-bs-select .dropdown-toggle .special-title {
  display: none !important;
}
.nya-bs-select .dropdown-toggle.show-special-title .filter-option {
  display: none;
}
.nya-bs-select .dropdown-toggle.show-special-title .special-title {
  display: inline-block;
}
.nya-bs-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.nya-bs-select.fit-width {
  width: auto !important;
}
.nya-bs-select.btn-group:not(.input-group-btn),
.nya-bs-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.nya-bs-select.btn-group.dropdown-menu-right,
.nya-bs-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .nya-bs-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.nya-bs-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.nya-bs-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  box-sizing: border-box;
}
.nya-bs-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.nya-bs-select.btn-group .dropdown-menu li {
  position: relative;
}
.nya-bs-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.nya-bs-select.btn-group .dropdown-menu li.not-match {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result {
  display: none;
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result.show {
  display: list-item;
}
.nya-bs-select.btn-group .dropdown-menu li.group-item a {
  padding-left: 2.25em;
}
.nya-bs-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.nya-bs-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.nya-bs-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.nya-bs-select.btn-group .dropdown-menu li.selected a .check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.nya-bs-select.btn-group .dropdown-menu li a span.text {
  margin-right: 34px;
}
.nya-bs-select.btn-group .dropdown-menu li .dropdown-header {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group {
  margin-top: 1.75em;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group .dropdown-header {
  display: block;
  position: absolute;
  top: -1.75em;
  left: 0;
}
.nya-bs-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.nya-bs-select.show-menu-arrow .dropdown-toggle:before {
  content: " ";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.nya-bs-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: rgba(204, 204, 204, 0.2);
}
.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:before,
.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.nya-bs-select .bs-searchbox,
.nya-bs-select .bs-actionsbox {
  padding: 4px 8px;
}
.nya-bs-select .bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.nya-bs-select .bs-actionsbox .btn-group button {
  width: 50%;
}
.nya-bs-select .bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.nya-bs-select .bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
  z-index: inherit;
  display: block;
  position: static;
  border-radius: 4px;
}
.nya-bs-select.fit-width .btn .filter-option,
.nya-bs-select.fit-width .btn .special-title {
  position: static;
}
.nya-bs-select.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.nya-bs-select.on-modal .dropdown-menu {
  z-index: 1040;
}
.nya-bs-select.on-modal.open > .btn {
  z-index: 1041;
}
.paging-container {
  padding: 15px;
  border-top: 1px solid #fff;
}
.paging-container ul {
  max-width: 700px;
  float: right;
}
.paging-container ul:before,
.paging-container ul:after {
  display: table;
  content: " ";
  clear: both;
}
.paging-container ul,
.paging-container ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.paging-container ul li {
  float: left;
  margin-right: 4px;
}
.paging-container ul li button {
  background: none;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.paging-container ul li button:disabled {
  color: #ccc;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.paging-container ul li button:hover,
.paging-container ul li button:focus {
  outline: none;
  cursor: pointer;
}
.paging-container ul li.active button {
  background: #fff;
  color: #fff;
}
/* Mobile paging */
.paging-container .paging-mobile {
  background: #ededed;
  border-radius: 5px;
}
.paging-container .paging-mobile span {
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
}
.paging-container .paging-mobile button {
  font-size: 24px;
}
.table-header-row {
  background: #DB0032;
  color: #fff;
}
.table-header-row .table-header,
.table-header-row .table-column,
.table-row .table-column,
.table-footer-row .table-column {
  padding: 8px 15px;
}
.table-header-row:before,
.table-header-row:after,
.table-row:before,
.table-row:after,
.table-footer-row:before,
.table-footer-row:after,
.table-total-row:before,
.table-total-row:after {
  display: table;
  content: " ";
  clear: both;
}
.table-header-row .table-header,
.table-header-row .table-column,
.table-row .table-column,
.table-footer-row .table-column {
  padding: 15px;
}
.table-header-row {
  background: #DB0032;
  color: #fff;
  padding: 15px 0;
}
.table-header-row .table-header {
  color: initial;
  font-weight: initial;
  padding: initial;
}
.table-row {
  border-bottom: 1px solid #f6f6f6;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.table-row:nth-child(odd) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.table-row.hoverable:hover {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.table-footer-row:first-child {
  border-top: 2px solid #f6f6f6;
}
.table-footer-row:last-child {
  border-bottom: 2px solid #f6f6f6;
}
.table-total-row > div {
  background: #ededed;
  color: #DB0032;
  font-weight: bold;
  padding: 15px;
  border-bottom: 2px solid #f6f6f6;
}
.toast-message {
  word-wrap: break-word;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.contact-alert-width {
  width: 300px;
}
.contact-alert-width button {
  line-height: unset;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container .toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
/*Animations*/
div[toast] {
  opacity: 1 !important;
}
div[toast].ng-enter {
  opacity: 0 !important;
  transition: opacity 0.3s linear;
}
div[toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}
div[toast].ng-leave {
  opacity: 1;
  transition: opacity 0.3s linear;
}
div[toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}
h1 {
  font-weight: var(--h1-theme-text-styling-font-weight, bold);
  line-height: var(--h1-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h1-theme-text-styling-font-spacing, inherit);
  color: var(--h1-theme-text-styling-color, inherit);
  text-transform: var(--h1-theme-text-styling-text-transform, inherit);
  font-size: var(--h1-theme-text-styling-font-size, 36px);
  font-family: var(--h1-theme-text-styling-font-family, inherit);
}
h2 {
  font-weight: var(--h2-theme-text-styling-font-weight, normal);
  line-height: var(--h2-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h2-theme-text-styling-font-spacing, inherit);
  color: var(--h2-theme-text-styling-color, inherit);
  text-transform: var(--h2-theme-text-styling-text-transform, inherit);
  font-size: var(--h2-theme-text-styling-font-size, 30px);
  font-family: var(--h2-theme-text-styling-font-family, inherit);
}
h3 {
  font-weight: var(--h3-theme-text-styling-font-weight, 700);
  line-height: var(--h3-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h3-theme-text-styling-font-spacing, inherit);
  color: var(--h3-theme-text-styling-color, inherit);
  text-transform: var(--h3-theme-text-styling-text-transform, inherit);
  font-size: var(--h3-theme-text-styling-font-size, 24px);
  font-family: var(--h3-theme-text-styling-font-family, inherit);
}
h4 {
  font-weight: var(--h4-theme-text-styling-font-weight, normal);
  line-height: var(--h4-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h4-theme-text-styling-font-spacing, inherit);
  color: var(--h4-theme-text-styling-color, inherit);
  text-transform: var(--h4-theme-text-styling-text-transform, inherit);
  font-size: var(--h4-theme-text-styling-font-size, 18px);
  font-family: var(--h4-theme-text-styling-font-family, inherit);
}
h5 {
  font-weight: var(--h5-theme-text-styling-font-weight, normal);
  line-height: var(--h5-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h5-theme-text-styling-font-spacing, inherit);
  color: var(--h5-theme-text-styling-color, inherit);
  text-transform: var(--h5-theme-text-styling-text-transform, inherit);
  font-size: var(--h5-theme-text-styling-font-size, 14px);
  font-family: var(--h5-theme-text-styling-font-family, inherit);
}
h6 {
  font-weight: var(--h6-theme-text-styling-font-weight, normal);
  line-height: var(--h6-theme-text-styling-line-height, 1.1);
  letter-spacing: var(--h6-theme-text-styling-font-spacing, inherit);
  color: var(--h6-theme-text-styling-color, inherit);
  text-transform: var(--h6-theme-text-styling-text-transform, inherit);
  font-size: var(--h6-theme-text-styling-font-size, 12px);
  font-family: var(--h6-theme-text-styling-font-family, inherit);
}
p {
  font-weight: var(--paragraph-theme-text-styling-font-weight, inherit);
  line-height: var(--paragraph-theme-text-styling-line-height, inherit);
  letter-spacing: var(--paragraph-theme-text-styling-font-spacing, inherit);
  color: var(--paragraph-theme-text-styling-color, inherit);
  text-transform: var(--paragraph-theme-text-styling-text-transform, inherit);
  font-size: var(--paragraph-theme-text-styling-font-size, inherit);
  font-family: var(--paragraph-theme-text-styling-font-family, inherit);
}
i {
  font-weight: var(--italic-theme-text-styling-font-weight, inherit);
  line-height: var(--italic-theme-text-styling-line-height, inherit);
  letter-spacing: var(--italic-theme-text-styling-font-spacing, inherit);
  color: var(--italic-theme-text-styling-color, inherit);
  text-transform: var(--italic-theme-text-styling-text-transform, inherit);
  font-size: var(--i-theme-text-styling-font-size, inherit);
  font-family: var(--i-theme-text-styling-font-family, inherit);
}
b,
strong {
  font-weight: var(--bold-theme-text-styling-font-weight, bold);
  line-height: var(--bold-theme-text-styling-line-height, inherit);
  letter-spacing: var(--bold-theme-text-styling-font-spacing, inherit);
  color: var(--bold-theme-text-styling-color, inherit);
  text-transform: var(--bold-theme-text-styling-text-transform, inherit);
  font-size: var(--bold-theme-text-styling-font-size, inherit);
  font-family: var(--bold-theme-text-styling-font-family, inherit);
}
u {
  font-weight: var(--underline-theme-text-styling-font-weight, inherit);
  line-height: var(--underline-theme-text-styling-line-height, inherit);
  letter-spacing: var(--underline-theme-text-styling-font-spacing, inherit);
  color: var(--underline-theme-text-styling-color, inherit);
  text-transform: var(--underline-theme-text-styling-text-transform, inherit);
  font-size: var(--underline-theme-text-styling-font-size, inherit);
  font-family: var(--underline-theme-text-styling-font-family, inherit);
}
a {
  color: var(--a-theme-text-styling-font-weight, inherit);
  font-weight: var(--a-theme-text-styling-font-weight, inherit);
  line-height: var(--a-theme-text-styling-line-height, inherit);
  letter-spacing: var(--a-theme-text-styling-font-spacing, inherit);
  color: var(--a-theme-text-styling-color, inherit);
  text-transform: var(--a-theme-text-styling-text-transform, inherit);
  font-size: var(--a-theme-text-styling-font-size, inherit);
  font-family: var(--a-theme-text-styling-font-family, inherit);
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
a:hover {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
  font-size: inherit;
}
/*
    Page heading
*/
.page-heading h1 {
  font-size: 30px;
  margin-top: 0;
}
.page-heading svg {
  fill: #DB0032;
}
@media (max-width: 767px) {
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 18px;
  }
}
.alert {
  border-radius: 0;
  margin-bottom: 0;
}
.alert-info {
  color: var(--info-notification-text-color, #31708f);
  background-color: var(--info-notification-background-color, #d9edf7);
  border-top: var(--info-notification-border-top, 1px solid #bce8f1);
  border-bottom: var(--info-notification-border-bottom, 1px solid #bce8f1);
  border-left: var(--info-notification-border-left, 1px solid #bce8f1);
  border-right: var(--info-notification-border-right, 1px solid #bce8f1);
  border-radius: var(--info-notification-border-radius, 4px);
  padding: var(--info-notification-whitespace, 15px);
}
.alert-info:hover {
  color: var(--info-notification-text-hover-color, #31708f);
  background-color: var(--info-notification-background-hover-color, #d9edf7);
  border-top: var(--info-notification-border-hover-top, 1px solid #bce8f1);
  border-bottom: var(--info-notification-border-hover-bottom, 1px solid #bce8f1);
  border-left: var(--info-notification-border-hover-left, 1px solid #bce8f1);
  border-right: var(--info-notification-border-hover-right, 1px solid #bce8f1);
  border-radius: var(--info-notification-border-hover-radius, 4px);
}
.alert-warning {
  color: var(--warning-notification-text-color, #8a6d3b);
  background-color: var(--warning-notification-background-color, #fcf8e3);
  border-top: var(--warning-notification-border-top, 1px solid #faebcc);
  border-bottom: var(--warning-notification-border-bottom, 1px solid #faebcc);
  border-left: var(--warning-notification-border-left, 1px solid #faebcc);
  border-right: var(--warning-notification-border-right, 1px solid #faebcc);
  border-radius: var(--warning-notification-border-radius, 4px);
  padding: var(--warning-notification-whitespace, 15px);
}
.alert-warning:hover {
  color: var(--warning-notification-text-hover-color, #8a6d3b);
  background-color: var(--warning-notification-background-hover-color, #fcf8e3);
  border-top: var(--warning-notification-border-hover-top, 1px solid #faebcc);
  border-bottom: var(--warning-notification-border-hover-bottom, 1px solid #faebcc);
  border-left: var(--warning-notification-border-hover-left, 1px solid #faebcc);
  border-right: var(--warning-notification-border-hover-right, 1px solid #faebcc);
  border-radius: var(--warning-notification-border-hover-radius, 4px);
}
.alert-success {
  color: var(--success-notification-text-color, #3c763d);
  background-color: var(--success-notification-background-color, #dff0d8);
  border-top: var(--success-notification-border-top, 1px solid #d6e9c6);
  border-bottom: var(--success-notification-border-bottom, 1px solid #d6e9c6);
  border-left: var(--success-notification-border-left, 1px solid #d6e9c6);
  border-right: var(--success-notification-border-right, 1px solid #d6e9c6);
  border-radius: var(--success-notification-border-radius, 4px);
  padding: var(--success-notification-whitespace, 15px);
}
.alert-success:hover {
  color: var(--success-notification-text-hover-color, #3c763d);
  background-color: var(--success-notification-background-hover-color, #dff0d8);
  border-top: var(--success-notification-border-hover-top, 1px solid #d6e9c6);
  border-bottom: var(--success-notification-border-hover-bottom, 1px solid #d6e9c6);
  border-left: var(--success-notification-border-hover-left, 1px solid #d6e9c6);
  border-right: var(--success-notification-border-hover-right, 1px solid #d6e9c6);
  border-radius: var(--success-notification-border-hover-radius, 4px);
}
.alert-danger {
  color: var(--danger-notification-text-color, #a94442);
  background-color: var(--danger-notification-background-color, #f2dede);
  border-top: var(--danger-notification-border-top, 1px solid #ebccd1);
  border-bottom: var(--danger-notification-border-bottom, 1px solid #ebccd1);
  border-left: var(--danger-notification-border-left, 1px solid #ebccd1);
  border-right: var(--danger-notification-border-right, 1px solid #ebccd1);
  border-radius: var(--danger-notification-border-radius, 4px);
  padding: var(--danger-notification-whitespace, 15px);
}
.alert-danger:hover {
  color: var(--danger-notification-text-hover-color, #a94442);
  background-color: var(--danger-notification-background-hover-color, #f2dede);
  border-top: var(--danger-notification-border-hover-top, 1px solid #ebccd1);
  border-bottom: var(--danger-notification-border-hover-bottom, 1px solid #ebccd1);
  border-left: var(--danger-notification-border-hover-left, 1px solid #ebccd1);
  border-right: var(--danger-notification-border-hover-right, 1px solid #ebccd1);
  border-radius: var(--danger-notification-border-hover-radius, 4px);
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: unset;
}
.panel-group .panel {
  border-radius: 0;
}
.panel {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.panel.panel-default .panel-heading {
  background-color: var(--black-theme-color, #212121);
  color: #000;
  border-color: transparent;
  padding: 0;
}
.panel.panel-default .panel-heading h4,
.panel.panel-default .panel-heading .h4 {
  margin: 0 0 0 0;
}
.panel.panel-default .panel-heading a {
  display: block;
  position: relative;
  padding: 10px 15px;
}
.panel.panel-default .panel-heading a::after {
  position: absolute;
  right: 15px;
  top: 2px;
  font-size: 24px;
}
.panel.panel-default .panel-heading a[aria-expanded="false"] {
  background-color: var(--black-theme-color, #212121);
  color: #000;
  border-color: transparent;
}
.panel.panel-default .panel-heading a[aria-expanded="false"]::after {
  content: "\002B";
}
.panel.panel-default .panel-heading a[aria-expanded="true"] {
  background-color: #ededed;
  color: #000;
  border-color: transparent;
}
.panel.panel-default .panel-heading a[aria-expanded="true"]::after {
  content: "\2212";
}
.panel.panel-default .panel-heading a:hover,
.panel.panel-default .panel-heading a:active {
  background-color: #ededed;
  color: #000;
  border-color: transparent;
  text-decoration: none;
}
.panel .panel-heading {
  padding: 10px 15px;
  border-radius: 0;
}
.badge {
  background-color: #E5AD3F;
  color: #fff;
  padding: 4px 7px;
}
.badge.menu-badge {
  position: absolute;
  right: -12px;
  top: 0;
  z-index: 1;
}
.carousel {
  text-align: center;
}
.carousel img {
  margin: 0 auto;
}
.carousel-indicators-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.carousel-indicators {
  position: static;
  left: auto;
  z-index: auto;
  width: 100%;
  border: 0;
  margin-left: auto;
  text-align: right;
}
.carousel-indicators li {
  position: relative;
  background: #f6f6f6;
  height: 10px;
  width: 10px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  vertical-align: middle;
  z-index: 10;
}
.carousel-indicators li.active {
  position: relative;
  height: 6px;
  width: 6px;
}
.carousel-indicators li.active:after {
  position: absolute;
  content: " ";
  top: -2px;
  left: -2px;
  height: 10px;
  width: 10px;
  border: 1px solid #f6f6f6;
  border-radius: 50%;
}
.carousel-control.right,
.carousel-control.left {
  opacity: 1;
  color: #000;
  background: none;
}
.carousel-control:hover {
  opacity: 1;
  color: #000;
}
/*
    Extend bootstrap with more functionality

    @author     none
    @package    Solvisoft
*/
.text-left-not-xxs,
.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}
.text-center-not-xxs,
.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}
.text-right-not-xxs,
.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}
.text-justify-not-xxs,
.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}
@media (max-width: 576px) {
  .text-left-not-xxs,
  .text-center-not-xxs,
  .text-right-not-xxs,
  .text-justify-not-xxs {
    text-align: inherit;
  }
  .text-left-xxs {
    text-align: left;
  }
  .text-center-xxs {
    text-align: center;
  }
  .text-right-xxs {
    text-align: right;
  }
  .text-justify-xxs {
    text-align: justify;
  }
}
@media (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-justify-xs {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-justify-sm {
    text-align: justify;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .text-justify-md {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-justify-lg {
    text-align: justify;
  }
}
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
@media (max-width: 576px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left;
  }
  .col-xxs-1 {
    width: 8.33333333%;
  }
  .col-xxs-2 {
    width: 16.66666667%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.33333333%;
  }
  .col-xxs-5 {
    width: 41.66666667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.33333333%;
  }
  .col-xxs-8 {
    width: 66.66666667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.33333333%;
  }
  .col-xxs-11 {
    width: 91.66666667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .col-xxs-push-3 {
    left: 25%;
  }
  .col-xss-push-4 {
    left: 33.33333333%;
  }
  .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .col-xxs-push-6 {
    left: 50%;
  }
  .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .col-xxs-push-9 {
    left: 75%;
  }
  .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .col-xxs-pull-3 {
    right: 25%;
  }
  .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .col-xxs-pull-6 {
    right: 50%;
  }
  .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .col-xxs-pull-9 {
    right: 75%;
  }
  .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .col-xxs-offset-0 {
    margin-left: 0;
  }
  .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
}
tr.hidden-xxs {
  display: table-row !important;
}
th.hidden-xxs,
td.hidden-xxs {
  display: table-cell !important;
}
@media (max-width: 576px) {
  .hidden-xxs {
    display: none !important;
  }
  tr.hidden-xxs {
    display: none !important;
  }
  th.hidden-xxs,
  td.hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 385px) and (max-width: 767px) {
  .hidden-xxs.hidden-xs {
    display: none !important;
  }
  tr.hidden-xxs.hidden-xs {
    display: none !important;
  }
  th.hidden-xxs.hidden-xs,
  td.hidden-xxs.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xxs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xxs.hidden-sm {
    display: none !important;
  }
  th.hidden-xxs.hidden-sm,
  td.hidden-xxs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xxs.hidden-md {
    display: none !important;
  }
  tr.hidden-xxs.hidden-md {
    display: none !important;
  }
  th.hidden-xxs.hidden-md,
  td.hidden-xxs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xxs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xxs.hidden-lg {
    display: none !important;
  }
  th.hidden-xxs.hidden-lg,
  td.hidden-xxs.hidden-lg {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .hidden-xs.hidden-xxs {
    display: none !important;
  }
  tr.hidden-xs.hidden-xxs {
    display: none !important;
  }
  th.hidden-xs.hidden-xxs,
  td.hidden-xs.hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .hidden-sm.hidden-xxs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xxs {
    display: none !important;
  }
  th.hidden-sm.hidden-xxs,
  td.hidden-sm.hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .hidden-md.hidden-xxs {
    display: none !important;
  }
  tr.hidden-md.hidden-xxs {
    display: none !important;
  }
  th.hidden-md.hidden-xxs,
  td.hidden-md.hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .hidden-lg.hidden-xxs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xxs {
    display: none !important;
  }
  th.hidden-lg.hidden-xxs,
  td.hidden-lg.hidden-xxs {
    display: none !important;
  }
}
/* Responsive buttons */
@media (max-width: 576px) {
  .btn-xxs-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-xxs-block,
  input[type="reset"].btn-xxs-block,
  input[type="button"].btn-xxs-block {
    width: 100%;
  }
  .btn-block + .btn-xxs-block,
  .btn-xxs-block + .btn-block,
  .btn-xxs-block + .btn-xxs-block {
    margin-top: 0.5rem;
  }
  .vertical-align-xxs-top > * {
    vertical-align: top;
  }
  .vertical-align-xxs-middle > * {
    vertical-align: middle;
  }
  .vertical-align-xxs-bottom > * {
    vertical-align: bottom;
  }
}
@media (max-width: 767px) {
  .btn-xs-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-xs-block,
  input[type="reset"].btn-xs-block,
  input[type="button"].btn-xs-block {
    width: 100%;
  }
  .btn-block + .btn-xs-block,
  .btn-xs-block + .btn-block,
  .btn-xs-block + .btn-xs-block {
    margin-top: 0.5rem;
  }
  .vertical-align-xs-top > * {
    vertical-align: top;
  }
  .vertical-align-xs-middle > * {
    vertical-align: middle;
  }
  .vertical-align-xs-bottom > * {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-sm-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-sm-block,
  input[type="reset"].btn-sm-block,
  input[type="button"].btn-sm-block {
    width: 100%;
  }
  .btn-block + .btn-sm-block,
  .btn-sm-block + .btn-block,
  .btn-sm-block + .btn-sm-block {
    margin-top: 0.5rem;
  }
  .vertical-align-sm-top > * {
    vertical-align: top;
  }
  .vertical-align-sm-middle > * {
    vertical-align: middle;
  }
  .vertical-align-sm-bottom > * {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-md-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-md-block,
  input[type="reset"].btn-md-block,
  input[type="button"].btn-md-block {
    width: 100%;
  }
  .btn-block + .btn-md-block,
  .btn-md-block + .btn-block,
  .btn-md-block + .btn-md-block {
    margin-top: 0.5rem;
  }
  .vertical-align-md-top > * {
    vertical-align: top;
  }
  .vertical-align-md-middle > * {
    vertical-align: middle;
  }
  .vertical-align-md-bottom > * {
    vertical-align: bottom;
  }
}
@media (min-width: 1200px) {
  .btn-lg-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-lg-block,
  input[type="reset"].btn-lg-block,
  input[type="button"].btn-lg-block {
    width: 100%;
  }
  .btn-block + .btn-lg-block,
  .btn-lg-block + .btn-block,
  .btn-lg-block + .btn-lg-block {
    margin-top: 0.5rem;
  }
  .vertical-align-lg-top > * {
    vertical-align: top;
  }
  .vertical-align-lg-middle > * {
    vertical-align: middle;
  }
  .vertical-align-lg-bottom > * {
    vertical-align: bottom;
  }
}
/*
    Stylesheets for inputs

    @package Solvisoft
    @author Richard Mauritz
*/
.form-control {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  padding: 5px 10px;
  height: 40px;
  border: #ededed solid 1px;
  border-radius: 0;
  /*@media (min-width: 320px) and (max-width: 991px) {*/
}
.form-control[type="number"] {
  -moz-appearance: textfield;
}
.form-control[type="number"]::-webkit-outer-spin-button,
.form-control[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /*}*/
}
.form-control.form-error {
  border: 1px solid darkred;
}
.form-control,
.form-control:hover,
.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control:hover {
  border-color: #ccc;
}
.form-control:focus {
  border-color: #DB0032;
}
.input-group-addon {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
  color: var(--black-theme-color, #212121);
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.input-group-addon .fa {
  margin-top: -2px;
}
.input-group .form-control {
  border: 1px solid #f6f6f6;
  padding: 0 5px;
  height: 42px;
}
.input-group .form-control:hover {
  border-color: 1px solid #DB0032;
}
.input-group .form-control:focus {
  border-color: 1px solid #DB0032;
}
.input-group .form-control:focus + span {
  background-color: #DB0032;
  border-color: #DB0032;
  color: #fff;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.input-group-btn .btn {
  padding: 10px 5px;
}
/*
    Buttons
*/
.btn {
  background-color: var(--default-theme-button-styling-background-color, #DB0032);
  border: 1px solid var(--default-theme-button-styling-border-color, #DB0032);
  border-radius: var(--default-theme-button-styling-border-radius, 0px);
  color: var(--default-theme-button-styling-text-color, #fff);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
  outline: none;
  height: auto;
  padding: var(--default-theme-button-styling-padding, 9px 15px);
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  /*&:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: @border-radius;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }*/
}
.btn:hover,
.btn:active:hover,
.btn.active:hover,
.btn.disabled:hover,
.btn:disabled:hover {
  background: var(--default-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--default-theme-button-styling-border-color-hover, #DB0032);
  color: var(--default-theme-button-styling-text-color-hover, #fff);
  text-decoration: none;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.btn:active,
.btn.active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.disabled:focus,
.btn:disabled:focus {
  background: var(--default-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--default-theme-button-styling-border-color-hover, #DB0032);
  color: var(--default-theme-button-styling-text-color-hover, #fff);
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:before {
  background: var(--default-theme-button-styling-background-color-hover, #DB0032);
}
.btn .fa:not(.fa-fw),
.btn .fas {
  margin-top: -3px;
  margin-left: 10px;
  margin-right: 10px;
}
.btn .fa-angle-right {
  margin-top: -3px;
  margin-left: 10px;
  margin-right: 0px !important;
}
.btn .fa-angle-left {
  margin-top: -3px;
  margin-left: 0px !important;
  margin-right: 10px;
}
.btn .fa,
.btn .fas,
.btn::after {
  color: inherit;
}
.btn.btn-xs {
  padding: 5px;
}
.btn.btn-sm {
  padding: 8px;
}
.btn.btn-md {
  padding: 10px;
}
.btn.btn-lg {
  padding: 15px;
}
.btn-default {
  background: var(--secondary-theme-button-styling-background-color, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color, #DB0032);
  border-radius: var(--secondary-theme-button-styling-border-radius, 0px);
  color: var(--secondary-theme-button-styling-text-color, #fff);
}
.btn-default .fa,
.btn-default .fas {
  color: inherit;
}
.btn-default:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.disabled:hover,
.btn-default:disabled:hover {
  background: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color, #DB0032);
  color: var(--secondary-theme-button-styling-text-color-hover, #fff);
}
.btn-default:focus,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default.disabled:focus,
.btn-default:disabled:focus {
  background-color: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color, #DB0032);
  color: var(--secondary-theme-button-styling-text-color-hover, #fff);
}
.btn-default:before {
  background: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
}
.btn-default .fa,
.btn-default .fas,
.btn-default::after {
  color: inherit;
}
.btn-primary {
  background: var(--primary-theme-button-styling-background-color, #E5AD3F);
  border: 1px solid var(--primary-theme-button-styling-border-color, #E5AD3F);
  border-radius: var(--primary-theme-button-styling-border-radius, 0px);
  color: var(--primary-theme-button-styling-text-color, #fff);
  padding: var(--primary-theme-button-styling-padding, 9px 15px);
}
.btn-primary .fa,
.btn-primary .fas {
  color: var(--primary-theme-button-styling-text-color, #ffffff);
}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
  background: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
  border: 1px solid var(--primary-theme-button-styling-border-color-hover, #E5AD3F);
  color: var(--primary-theme-button-styling-text-color-hover, #fff);
}
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.disabled:focus,
.btn-primary:disabled:focus {
  background-color: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
  border: 1px solid var(--primary-theme-button-styling-border-color-hover, #E5AD3F);
  color: var(--primary-theme-button-styling-text-color-hover, #fff);
}
.btn-primary:before {
  background: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
}
.btn-primary .fa,
.btn-primary .fas,
.btn-primary::after {
  color: var(--primary-theme-button-styling-text-color, #ffffff);
}
.btn-secondary {
  background: var(--secondary-theme-button-styling-background-color, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color, #DB0032);
  border-radius: var(--secondary-theme-button-styling-border-radius, 0px);
  color: var(--secondary-theme-button-styling-text-color, #fff);
  padding: var(--secondary-theme-button-styling-padding, 9px 15px);
}
.btn-secondary .fa,
.btn-secondary .fas {
  color: var(--secondary-theme-button-styling-text-color, #ffffff);
}
.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
  background: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color-hover, #DB0032);
  color: var(--secondary-theme-button-styling-text-color-hover, #fff);
}
.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary.disabled:focus,
.btn-secondary:disabled:focus {
  background-color: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
  border: 1px solid var(--secondary-theme-button-styling-border-color-hover, #DB0032);
  color: var(--secondary-theme-button-styling-text-color-hover, #fff);
}
.btn-secondary:before {
  background: var(--secondary-theme-button-styling-background-color-hover, #DB0032);
}
.btn-secondary .fa,
.btn-secondary .fas,
.btn-secondary::after {
  color: var(--secondary-theme-button-styling-text-color, #ffffff);
}
.full-width-btn {
  width: 100%;
}
.btn-success {
  background: #5cb85c;
  border: 1px solid #4cae4c;
  border-radius: 0px;
  color: #fff;
}
.btn-success .fa {
  color: #fff;
}
.btn-success:hover,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.disabled:hover,
.btn-success:disabled:hover {
  background-color: #449d44;
  border: 1px solid #398439;
  color: #fff;
}
.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success.disabled:focus,
.btn-success:disabled:focus {
  background-color: #449d44;
  border: 1px solid #398439;
  color: #fff;
}
.btn-success:before {
  background: #449d44;
}
.btn-success .fa,
.btn-success::after {
  color: #fff;
}
.btn-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  border-radius: 0px;
  color: #fff;
  padding-right: 30px;
}
.btn-info .fa {
  color: #fff;
}
.btn-info:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.disabled:hover,
.btn-info:disabled:hover {
  background-color: #31b0d5;
  border: 1px solid #269abc;
  color: #fff;
}
.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info.disabled:focus,
.btn-info:disabled:focus {
  background-color: #31b0d5;
  border: 1px solid #269abc;
  color: #fff;
}
.btn-info:after {
  right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f059";
}
.btn-info:before {
  background: #31b0d5;
}
.btn-info .fa,
.btn-info::after {
  color: #fff;
}
.btn-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  border-radius: 0px;
  color: #fff;
  padding-right: 30px;
}
.btn-warning .fa {
  color: #fff;
}
.btn-warning:hover,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
  background-color: #ec971f;
  border: 1px solid #d58512;
  color: #fff;
}
.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning.disabled:focus,
.btn-warning:disabled:focus {
  background-color: #ec971f;
  border: 1px solid #d58512;
  color: #fff;
}
.btn-warning:after {
  right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f071";
}
.btn-warning:before {
  background: #ec971f;
}
.btn-warning .fa,
.btn-warning::after {
  color: #fff;
}
.btn-danger {
  background-color: #d9534f;
  border: 1px solid #d43f3a;
  border-radius: 0px;
  color: #fff;
  padding-right: 30px;
}
.btn-danger .fa {
  color: #fff;
}
.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
  background-color: #c9302c;
  border: 1px solid #ac2925;
  color: #fff;
}
.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger.disabled:focus,
.btn-danger:disabled:focus {
  background-color: #c9302c;
  border: 1px solid #ac2925;
  color: #fff;
}
.btn-danger:after {
  right: 10px;
  font-weight: 600 !important;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f1f8";
}
.btn-danger:before {
  background: #c9302c;
}
.btn-danger .fa,
.btn-danger::after {
  color: #fff;
}
.btn-link {
  background-color: var(--link-theme-button-styling-background-color, transparent);
  border: 1px solid transparent;
  border-radius: var(--link-theme-button-styling-border-radius, 0px);
  color: var(--link-theme-button-styling-text-color, #DB0032);
}
.btn-link .fa {
  color: #DB0032;
}
.btn-link:hover,
.btn-link:active:hover,
.btn-link.active:hover,
.btn-link.disabled:hover,
.btn-link:disabled:hover {
  background-color: var(--link-theme-button-styling-background-color-hover, transparent);
  border: 1px solid var(--link-theme-button-styling-border-color-hover, transparent);
  color: var(--link-theme-button-styling-text-color-hover, #DB0032);
}
.btn-link:focus,
.btn-link:active:focus,
.btn-link.active:focus,
.btn-link.disabled:focus,
.btn-link:disabled:focus {
  background-color: var(--link-theme-button-styling-background-color-hover, transparent);
  border: 1px solid var(--link-theme-button-styling-border-color-hover, transparent);
  color: var(--link-theme-button-styling-text-color-hover, #DB0032);
  text-decoration: none;
}
.btn-link:before {
  background: var(--link-theme-button-styling-background-color-hover, transparent);
}
.btn-link .fa,
.btn-link::after {
  color: #DB0032;
}
.btn-link:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.item-in-basket-btn {
  background: #DB0032;
  border: 1px solid #DB0032;
  border-radius: var(--primary-theme-button-styling-border-radius, 0px);
  color: #fff;
}
.item-in-basket-btn .fa {
  color: inherit;
}
.item-in-basket-btn:hover,
.item-in-basket-btn:active:hover,
.item-in-basket-btn.active:hover,
.item-in-basket-btn.disabled:hover,
.item-in-basket-btn:disabled:hover {
  background: #E5AD3F;
  border: 1px solid #E5AD3F;
  color: #fff;
}
.item-in-basket-btn:focus,
.item-in-basket-btn:active:focus,
.item-in-basket-btn.active:focus,
.item-in-basket-btn.disabled:focus,
.item-in-basket-btn:disabled:focus {
  background-color: #E5AD3F;
  border: 1px solid #E5AD3F;
  color: #fff;
}
.item-in-basket-btn:before {
  background: #E5AD3F;
}
.item-in-basket-btn .fa,
.item-in-basket-btn::after {
  color: inherit;
}
.quotation-button .item-in-basket-btn {
  background: inherit;
  border: inherit;
  border-radius: inherit;
  color: inherit;
}
.quotation-button .item-in-basket-btn:hover,
.quotation-button .item-in-basket-btn:focus,
.quotation-button .item-in-basket-btn:active {
  background: inherit;
  border: inherit;
  border-radius: inherit;
  color: inherit;
}
.btn-delete {
  background-color: #fdfdfd;
  border-radius: 0px;
  border: none;
  outline: none;
}
.btn-favorite .fa {
  position: relative;
  top: -2px;
}
.btn-lg,
.btn-group-lg > .btn {
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 80px;
  padding-right: 80px;
}
/* Grey-box styling */
.grey-box input,
.grey-box textarea,
.grey-box select {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 15px;
}
.grey-box input::placeholder,
.grey-box textarea::placeholder,
.grey-box select::placeholder {
  font-style: italic;
  font-size: 14px;
}
.grey-box input.btn,
.grey-box textarea.btn,
.grey-box select.btn {
  padding: 9px 15px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+) !important;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
  padding-right: 25px;
}
select::-ms-expand {
  display: none;
}
/*Styling fix in which <button> elements were pushed to the left with padding-left: 24px on iOS. This is now longer the case*/
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  button {
    padding: 0;
  }
}
.label {
  position: relative;
  padding: 5px 20px 5px 5px;
  top: -1px;
}
.label .fa {
  position: absolute;
  right: 7px;
  top: 0.7em;
  cursor: pointer;
}
.label.label-default {
  background-color: #DB0032;
  color: #fff;
}
.modal {
  z-index: 5000;
}
.modal.eops-cb-popup button.close {
  color: inherit;
  opacity: 1;
}
@media (min-width: 768px) {
  .modal .modal-dialog.modal-tl {
    position: fixed;
    left: 30px;
    top: 30px;
    margin: 0;
  }
  .modal .modal-dialog.modal-tl .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-tc {
    position: fixed;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    margin: 0;
  }
  .modal .modal-dialog.modal-tc .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-tr {
    position: fixed;
    right: 30px;
    top: 30px;
    margin: 0;
  }
  .modal .modal-dialog.modal-tr .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-lc {
    position: fixed;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
  .modal .modal-dialog.modal-lc .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-cc {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .modal .modal-dialog.modal-cc .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-rc {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
  .modal .modal-dialog.modal-rc .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-bl {
    position: fixed;
    left: 30px;
    bottom: 30px;
    margin: 0;
  }
  .modal .modal-dialog.modal-bl .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-bc {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    margin: 0;
  }
  .modal .modal-dialog.modal-bc .modal-content {
    max-height: 85vh;
  }
  .modal .modal-dialog.modal-br {
    position: fixed;
    right: 30px;
    bottom: 30px;
    margin: 0;
  }
  .modal .modal-dialog.modal-br .modal-content {
    max-height: 85vh;
  }
}
.modal.eops-cb-popup {
  z-index: 10000;
}
.modal-content {
  border: 0;
  -webkit-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}
.modal-header {
  background: inherit;
}
.modal-header .close {
  outline: none;
  margin-top: 2px;
}
.modal-body,
.modal-footer {
  background: inherit;
}
.modal-footer {
  border-top: 1px solid #f6f6f6;
}
@media (max-width: 575px) {
  .modal-footer .btn + .btn {
    margin-bottom: unset;
    margin-left: unset;
  }
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-backdrop.in {
  opacity: 1;
}
.repeat-order-modal {
  background: rgba(0, 0, 0, 0.3);
}
.dealer-modal img {
  width: auto !important;
}
@media (min-width: 768px) {
  .modal-sm {
    width: 400px !important;
  }
}
@media (max-width: 767px) {
  .modal-sm {
    min-width: 280px !important;
  }
}
.modal-sm .modal-header,
.modal-sm .modal-footer,
.modal-sm .modal-body {
  padding: 15px 25px;
}
.modal-sm .modal-footer a {
  font-size: 13px;
  color: var(--black-theme-color, #212121);
}
@media (min-width: 768px) {
  .modal-md {
    width: 565px !important;
  }
}
#LoginModal p {
  font-size: 13px;
  text-align: center;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#ItemContactModal textarea {
  height: 100px;
}
/* 
    All modals and hide call me back when modal is open. 
    This line shows a scroll bar, prevents showing white bar on the right 
*/
.modal-open #callmeback {
  right: -100px;
}
.modal-open .modal {
  overflow-y: scroll;
}
.modal-dialog-slideout-left {
  margin: 0 auto 0 0;
  height: 100%;
}
.modal-dialog-slideout-right {
  margin: 0 0 0 auto;
  height: 100%;
}
.modal.fade:not(.in) .modal-dialog-slideout-left {
  transform: translate(-100%, 0) scale(1);
}
.modal.fade:not(.in) .modal-dialog-slideout-right {
  transform: translate(100%, 0) scale(1);
}
warehouse-stock-button .btn-link {
  color: #333;
}
#WarehouseModal .modal-dialog {
  font-size: initial;
}
#WarehouseModal .modal-dialog .modal-header {
  padding: 30px;
}
#WarehouseModal .modal-dialog .modal-content {
  height: 100%;
  background-color: #f6f6f6;
}
#WarehouseModal .modal-dialog .modal-content .warehouse-search {
  padding: 15px;
}
#WarehouseModal .modal-dialog .modal-content .warehouse-search .primary-searchbox input {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  #WarehouseModal .modal-dialog .modal-content .warehouse-search .use-location-btn {
    margin-top: 15px;
  }
}
#WarehouseModal .modal-dialog .modal-content .warehouse-stock {
  background-color: #f6f6f6;
}
#WarehouseModal .modal-dialog .modal-content .stock-per-location {
  background-color: #fff;
  margin: 15px 0;
}
#WarehouseModal .modal-dialog .modal-content .stock-per-location .warehouse-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.navbar-fixed-bottom {
  -webkit-box-shadow: 0 0 3px -1px #ccc;
  -moz-box-shadow: 0 0 3px -1px #ccc;
  box-shadow: 0 0 3px -1px #ccc;
}
.navbar-fixed-bottom .close {
  padding: 15px;
  outline: none;
  font-size: 44px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.navbar-fixed-bottom .close:hover {
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
/* FIXES DIRECTION */
.nav.navbar-nav {
  margin: 0;
}
.nav.navbar-nav > li > a {
  border-radius: 0;
  padding: 11px;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav > li > a.has-dropdown {
  padding-right: 35px;
}
.nav.navbar-nav > li > a.has-dropdown::after {
  right: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f0d7";
  font-weight: 700;
}
.nav.navbar-nav > li:hover > a {
  background-color: #fff;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav > li:focus > a {
  background-color: #fff;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav > li:active > a,
.nav.navbar-nav > li.active > a,
.nav.navbar-nav > li.isActive > a {
  background-color: #fff;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav > li > .dropdown {
  display: none;
  background-color: #fff;
  border-top: 1px solid #DB0032;
  position: absolute;
  z-index: 200;
  min-width: 100%;
}
.nav.navbar-nav > li > .dropdown li,
.nav.navbar-nav > li > .dropdown a {
  display: block;
  margin: 0;
  padding: 0;
  float: none;
}
.nav.navbar-nav > li > .dropdown > li > a {
  padding: 10px;
}
.nav.navbar-nav > li:hover > .dropdown {
  display: block;
}
.nav.navbar-nav dropdown-menu {
  display: none;
}
.nav.navbar-nav dropdown-menu {
  background-color: #fff;
  position: absolute;
  margin-top: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  opacity: 1;
  z-index: 1;
  font-size: 14px;
  /*.box-shadow(1px 1px 3px -1px #ccc);*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.nav.navbar-nav dropdown-menu dropdown-html {
  display: none;
  min-width: 889px;
  opacity: 1;
  direction: ltr;
  color: var(--black-theme-color, #212121);
  /*h1, h2, h3, h4, h5, h6, label {
                padding: 0px 20px;
            }*/
}
.nav.navbar-nav dropdown-menu dropdown-html .tab-content {
  background: #fff;
  padding-bottom: 25px;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .nav.navbar-nav dropdown-menu dropdown-html {
    min-width: 689px;
  }
}
.nav.navbar-nav dropdown-menu dropdown-html hr {
  border-top: 1px solid #ededed !important;
}
.nav.navbar-nav dropdown-menu dropdown-html strong {
  color: #DB0032;
}
.nav.navbar-nav dropdown-menu dropdown-html table {
  margin: 10px 15px;
  width: 100%;
}
.nav.navbar-nav dropdown-menu dropdown-html h1,
.nav.navbar-nav dropdown-menu dropdown-html h2,
.nav.navbar-nav dropdown-menu dropdown-html h3,
.nav.navbar-nav dropdown-menu dropdown-html h4,
.nav.navbar-nav dropdown-menu dropdown-html h5,
.nav.navbar-nav dropdown-menu dropdown-html h6 {
  font-size: 18px;
}
.nav.navbar-nav dropdown-menu dropdown-html tr {
  margin: 0 40px;
}
.nav.navbar-nav dropdown-menu dropdown-html th {
  padding-bottom: 10px;
}
.nav.navbar-nav dropdown-menu dropdown-html td {
  padding: 0;
}
.nav.navbar-nav dropdown-menu dropdown-html .col-md-12 {
  padding: 0px;
}
.nav.navbar-nav dropdown-menu > ul {
  display: block;
  padding: 0;
  margin: 0;
  min-width: 250px;
  height: 100%;
  max-height: 533px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.nav.navbar-nav dropdown-menu > ul li {
  padding-right: 0;
  text-align: left;
}
.nav.navbar-nav dropdown-menu > ul > li,
.nav.navbar-nav dropdown-menu > ul > li > div > a {
  display: block;
}
.nav.navbar-nav dropdown-menu > ul > li > a {
  background-color: transparent;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav dropdown-menu > ul > li > div {
  padding-right: 0;
}
.nav.navbar-nav dropdown-menu > ul > li > div:hover > a,
.nav.navbar-nav dropdown-menu > ul > li > div.active > a {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
  color: var(--black-theme-color, #212121);
  border-radius: 0;
  text-decoration: none;
}
.nav.navbar-nav dropdown-menu > ul > li > div > a {
  padding: 10px 10px 10px 20px;
  position: relative;
  color: var(--black-theme-color, #212121);
}
.nav.navbar-nav dropdown-menu > ul > li > div > a.has-content-menu-url::after {
  right: 15px;
  font-size: 16px;
  float: right;
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f105";
  font-weight: 700;
}
.nav.navbar-nav dropdown-menu > ul::-webkit-scrollbar {
  width: 3px;
}
.nav.navbar-nav dropdown-menu ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.nav.navbar-nav dropdown-menu > ul::-webkit-scrollbar-thumb {
  background: #E5AD3F;
}
.nav.navbar-nav dropdown-menu > ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.nav.navbar-nav > li:hover dropdown-menu {
  display: flex;
  -webkit-animation: fade 0.12s forwards;
  -moz-animation-play-state: fade 0.12s forwards;
  animation: fade 0.12s forwards;
}
.assortment-menu .mobile-assortment-content:after {
  position: absolute;
  content: "";
  top: 0;
  left: 250px;
  height: 100%;
  background: #fff;
  z-index: 0;
  border-left: 1px solid #ededed;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .assortment-menu .mobile-assortment-content:after {
    max-width: 689px;
  }
}
@media (min-width: 1200px) {
  .assortment-menu .mobile-assortment-content:after {
    max-width: 889px;
  }
}
/*Menu test*/
dropdown-menu a.has-content-menu:hover > dropdown-html,
dropdown-menu a.has-content-menu:focus > dropdown-html {
  display: block !important;
}
.nav.navbar-nav dropdown-menu > ul > li {
  position: initial;
}
.nav.navbar-nav dropdown-menu .has-content-menu dropdown-html {
  position: absolute;
  left: 100%;
  width: 100%;
  height: 100%;
  border-left: 1px solid #ededed;
  opacity: 1;
  top: 0;
  background: white;
  z-index: 1;
  /*    -webkit-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);*/
}
.nav.navbar-nav dropdown-menu {
  overflow: inherit !important;
}
.nav.navbar-nav dropdown-menu > ul > li > a {
  text-decoration: none;
}
.nav.navbar-nav dropdown-html:hover {
  display: block;
}
.nav.navbar-nav dropdown-menu .has-content-menu:focus dropdown-html,
.nav.navbar-nav dropdown-menu .has-content-menu:hover dropdown-html {
  display: block;
}
.nav .navbar-nav dropdown-menu dropdown-html:focus,
.nav .navbar-nav dropdown-menu dropdown-html:hover {
  display: block;
}
/*Small foldout menu*/
dropdown-menu .nav.navbar-nav {
  width: 100%;
  position: absolute;
  background: #fff;
  left: 100%;
  margin-top: -17.5%;
}
dropdown-menu .small-menu li .nav.navbar-nav li.li-dropdown .nav.navbar-nav li {
  display: none;
}
dropdown-menu .small-menu li .nav.navbar-nav li.li-dropdown:hover .nav.navbar-nav li {
  display: block;
}
dropdown-menu .small-menu li:hover .nav.navbar-nav li,
dropdown-menu .small-menu li:focus .nav.navbar-nav li {
  display: block;
}
dropdown-menu .small-menu .nav.navbar-nav li {
  display: none;
}
dropdown-menu .small-menu .nav.navbar-nav li:hover a {
  text-decoration: none !important;
}
dropdown-menu .small-menu li a.has-dropdown:before {
  height: 0;
  display: none;
}
dropdown-menu .small-menu li a.has-dropdown:after {
  right: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f105" !important;
  font-weight: 700;
}
.darken-background {
  visibility: collapse;
  opacity: 0;
  transition: 0.2s ease;
  background-color: rgba(51, 51, 51, 0.4);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 5;
}
.darken-background.active {
  visibility: visible;
  opacity: 0.2;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* FIX for positioning foldout menu in IE */
  .nav.navbar-nav dropdown-menu > ul > li {
    position: static;
  }
  /* FIX for foldout menu hiding when hover over it */
  dropdown-html {
    border-left: 1px solid 1px solid #ededed;
  }
  /* SET height in IE, prevents flickering of the scrollbar */
  .navbar-nav dropdown-menu > ul {
    height: 500px;
  }
}
/* Mobile width 100% */
@media (max-width: 991px) {
  #Uitklap-Menu0 table {
    width: 100%;
  }
}
[paging][inner-text] li:nth-child(3):hover a {
  color: #000 !important;
  font-weight: normal;
  cursor: text;
}
[paging]:before,
[paging]:after {
  display: table;
  content: " ";
  clear: both;
}
.pagination {
  float: right;
}
@media (max-width: 1199px) {
  .pagination {
    font-size: 12px;
  }
}
.pagination ul {
  vertical-align: middle;
  display: table;
}
.pagination .first,
.pagination .last {
  position: relative;
  font-size: 11px;
}
.pagination > li {
  display: table-cell;
  vertical-align: middle;
}
.pagination > li > a,
.pagination > li > span {
  padding: 3px 10px;
}
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 0;
  margin-right: 5px;
  color: var(--black-theme-color, #212121);
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  color: #DB0032 !important;
  font-weight: bold;
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: transparent;
  color: #DB0032 !important;
  font-weight: bold;
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  background-color: transparent;
  border: 0;
  color: #ccc !important;
  cursor: default;
}
.pagination > .paging-text > span,
.pagination > .paging-text > span:hover,
.pagination > .paging-text > span:focus,
.pagination > .paging-text > a,
.pagination > .paging-text > a:hover,
.pagination > .paging-text > a:focus {
  font-weight: normal;
  color: initial !important;
  cursor: text !important;
}
.popover {
  border: 1px solid var(--black-theme-color, #212121);
  opacity: 1;
  color: var(--black-theme-color, #212121);
  font-size: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.popover.right > .arrow {
  border-right-color: var(--black-theme-color, #212121);
  left: -8px;
  margin-top: -8px;
}
.popover > .arrow {
  border-width: 8px;
}
.popover .popover-content {
  padding: 5px;
}
.nav > li {
  margin-bottom: 0;
}
.nav > li > a {
  background-color: transparent;
  color: var(--black-theme-color, #212121);
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
  outline: none;
}
.nav-tabs > li {
  position: relative;
  margin-bottom: 0;
  top: 1px;
}
.nav-tabs > li > a {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
  color: var(--black-theme-color, #212121);
}
.nav-tabs > li:hover > a {
  background-color: #FDFDFD;
  color: #000;
  border: 1px solid #ddd;
  border-bottom: 1px solid #FDFDFD;
}
.nav-tabs > li:hover > a:active,
.nav-tabs > li:hover > a:hover,
.nav-tabs > li:hover > a:focus {
  background-color: #FDFDFD;
  color: #000;
  border: 1px solid #ddd;
  border-bottom: 1px solid #FDFDFD;
}
.nav-tabs > li.active > a {
  background-color: transparent;
  color: #000;
  border: 1px solid #ddd;
  border-bottom: 1px solid #FDFDFD;
}
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: #000;
  border: 1px solid #ddd;
  border-bottom: 1px solid #FDFDFD;
}
i[data-toggle="tooltip"],
i.tooltip-icon {
  padding: 0 5px;
}
[tooltip],
[data-toggle="tooltip"],
[data-toggle="tooltip"]:hover {
  cursor: pointer;
}
.tooltip.in {
  opacity: 1;
}
.tooltip-inner {
  background: #333;
  border: 1px solid #333;
  color: #fff;
  opacity: 1;
  font-size: 11px;
  font-weight: 500;
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #333;
}
.font-size-15 {
  font-size: 15px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.orange-link-decoration {
  color: #DB0032;
  text-decoration: none;
}
.link-decoration,
.item-description a {
  text-decoration: none;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.border-0 {
  border: 0 !important;
}
/* spacing / marging / padding  utilities classes **********************************************/
/* for top marging function */
/* for top marging function */
/* here below we can increased count if in case need more than 100px margin-top classes so automatically genegrate or create classes */
.mt-100 {
  margin-top: 100px !important;
}
.mt-99 {
  margin-top: 99px !important;
}
.mt-98 {
  margin-top: 98px !important;
}
.mt-97 {
  margin-top: 97px !important;
}
.mt-96 {
  margin-top: 96px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mt-94 {
  margin-top: 94px !important;
}
.mt-93 {
  margin-top: 93px !important;
}
.mt-92 {
  margin-top: 92px !important;
}
.mt-91 {
  margin-top: 91px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-89 {
  margin-top: 89px !important;
}
.mt-88 {
  margin-top: 88px !important;
}
.mt-87 {
  margin-top: 87px !important;
}
.mt-86 {
  margin-top: 86px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mt-84 {
  margin-top: 84px !important;
}
.mt-83 {
  margin-top: 83px !important;
}
.mt-82 {
  margin-top: 82px !important;
}
.mt-81 {
  margin-top: 81px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-79 {
  margin-top: 79px !important;
}
.mt-78 {
  margin-top: 78px !important;
}
.mt-77 {
  margin-top: 77px !important;
}
.mt-76 {
  margin-top: 76px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mt-74 {
  margin-top: 74px !important;
}
.mt-73 {
  margin-top: 73px !important;
}
.mt-72 {
  margin-top: 72px !important;
}
.mt-71 {
  margin-top: 71px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-69 {
  margin-top: 69px !important;
}
.mt-68 {
  margin-top: 68px !important;
}
.mt-67 {
  margin-top: 67px !important;
}
.mt-66 {
  margin-top: 66px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mt-64 {
  margin-top: 64px !important;
}
.mt-63 {
  margin-top: 63px !important;
}
.mt-62 {
  margin-top: 62px !important;
}
.mt-61 {
  margin-top: 61px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-59 {
  margin-top: 59px !important;
}
.mt-58 {
  margin-top: 58px !important;
}
.mt-57 {
  margin-top: 57px !important;
}
.mt-56 {
  margin-top: 56px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-54 {
  margin-top: 54px !important;
}
.mt-53 {
  margin-top: 53px !important;
}
.mt-52 {
  margin-top: 52px !important;
}
.mt-51 {
  margin-top: 51px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-49 {
  margin-top: 49px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mt-47 {
  margin-top: 47px !important;
}
.mt-46 {
  margin-top: 46px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-44 {
  margin-top: 44px !important;
}
.mt-43 {
  margin-top: 43px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.mt-41 {
  margin-top: 41px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-39 {
  margin-top: 39px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.mt-37 {
  margin-top: 37px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.mt-33 {
  margin-top: 33px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-31 {
  margin-top: 31px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-29 {
  margin-top: 29px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-27 {
  margin-top: 27px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-23 {
  margin-top: 23px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mt-21 {
  margin-top: 21px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-19 {
  margin-top: 19px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-17 {
  margin-top: 17px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mt-13 {
  margin-top: 13px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-11 {
  margin-top: 11px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-9 {
  margin-top: 9px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-7 {
  margin-top: 7px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.mt-1 {
  margin-top: 1px !important;
}
/* for top marging function */
/* for top marging function */
/* here below we can increased count if in case need more than 100px margin-bottom classes so automatically genegrate or create classes */
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-99 {
  margin-bottom: 99px !important;
}
.mb-98 {
  margin-bottom: 98px !important;
}
.mb-97 {
  margin-bottom: 97px !important;
}
.mb-96 {
  margin-bottom: 96px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.mb-94 {
  margin-bottom: 94px !important;
}
.mb-93 {
  margin-bottom: 93px !important;
}
.mb-92 {
  margin-bottom: 92px !important;
}
.mb-91 {
  margin-bottom: 91px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-89 {
  margin-bottom: 89px !important;
}
.mb-88 {
  margin-bottom: 88px !important;
}
.mb-87 {
  margin-bottom: 87px !important;
}
.mb-86 {
  margin-bottom: 86px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.mb-84 {
  margin-bottom: 84px !important;
}
.mb-83 {
  margin-bottom: 83px !important;
}
.mb-82 {
  margin-bottom: 82px !important;
}
.mb-81 {
  margin-bottom: 81px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-79 {
  margin-bottom: 79px !important;
}
.mb-78 {
  margin-bottom: 78px !important;
}
.mb-77 {
  margin-bottom: 77px !important;
}
.mb-76 {
  margin-bottom: 76px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.mb-74 {
  margin-bottom: 74px !important;
}
.mb-73 {
  margin-bottom: 73px !important;
}
.mb-72 {
  margin-bottom: 72px !important;
}
.mb-71 {
  margin-bottom: 71px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-69 {
  margin-bottom: 69px !important;
}
.mb-68 {
  margin-bottom: 68px !important;
}
.mb-67 {
  margin-bottom: 67px !important;
}
.mb-66 {
  margin-bottom: 66px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-64 {
  margin-bottom: 64px !important;
}
.mb-63 {
  margin-bottom: 63px !important;
}
.mb-62 {
  margin-bottom: 62px !important;
}
.mb-61 {
  margin-bottom: 61px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-59 {
  margin-bottom: 59px !important;
}
.mb-58 {
  margin-bottom: 58px !important;
}
.mb-57 {
  margin-bottom: 57px !important;
}
.mb-56 {
  margin-bottom: 56px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-54 {
  margin-bottom: 54px !important;
}
.mb-53 {
  margin-bottom: 53px !important;
}
.mb-52 {
  margin-bottom: 52px !important;
}
.mb-51 {
  margin-bottom: 51px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-49 {
  margin-bottom: 49px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.mb-47 {
  margin-bottom: 47px !important;
}
.mb-46 {
  margin-bottom: 46px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-44 {
  margin-bottom: 44px !important;
}
.mb-43 {
  margin-bottom: 43px !important;
}
.mb-42 {
  margin-bottom: 42px !important;
}
.mb-41 {
  margin-bottom: 41px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-39 {
  margin-bottom: 39px !important;
}
.mb-38 {
  margin-bottom: 38px !important;
}
.mb-37 {
  margin-bottom: 37px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.mb-33 {
  margin-bottom: 33px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-31 {
  margin-bottom: 31px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-29 {
  margin-bottom: 29px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.mb-27 {
  margin-bottom: 27px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-23 {
  margin-bottom: 23px !important;
}
.mb-22 {
  margin-bottom: 22px !important;
}
.mb-21 {
  margin-bottom: 21px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-19 {
  margin-bottom: 19px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.mb-17 {
  margin-bottom: 17px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.mb-13 {
  margin-bottom: 13px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-11 {
  margin-bottom: 11px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-9 {
  margin-bottom: 9px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.mb-2 {
  margin-bottom: 2px !important;
}
.mb-1 {
  margin-bottom: 1px !important;
}
/* for right marging function */
/* for right marging function */
/* here below we can increased count if in case need more than 100px margin-bottom classes so automatically genegrate or create classes */
.mr-100 {
  margin-right: 100px !important;
}
.mr-99 {
  margin-right: 99px !important;
}
.mr-98 {
  margin-right: 98px !important;
}
.mr-97 {
  margin-right: 97px !important;
}
.mr-96 {
  margin-right: 96px !important;
}
.mr-95 {
  margin-right: 95px !important;
}
.mr-94 {
  margin-right: 94px !important;
}
.mr-93 {
  margin-right: 93px !important;
}
.mr-92 {
  margin-right: 92px !important;
}
.mr-91 {
  margin-right: 91px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-89 {
  margin-right: 89px !important;
}
.mr-88 {
  margin-right: 88px !important;
}
.mr-87 {
  margin-right: 87px !important;
}
.mr-86 {
  margin-right: 86px !important;
}
.mr-85 {
  margin-right: 85px !important;
}
.mr-84 {
  margin-right: 84px !important;
}
.mr-83 {
  margin-right: 83px !important;
}
.mr-82 {
  margin-right: 82px !important;
}
.mr-81 {
  margin-right: 81px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-79 {
  margin-right: 79px !important;
}
.mr-78 {
  margin-right: 78px !important;
}
.mr-77 {
  margin-right: 77px !important;
}
.mr-76 {
  margin-right: 76px !important;
}
.mr-75 {
  margin-right: 75px !important;
}
.mr-74 {
  margin-right: 74px !important;
}
.mr-73 {
  margin-right: 73px !important;
}
.mr-72 {
  margin-right: 72px !important;
}
.mr-71 {
  margin-right: 71px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-69 {
  margin-right: 69px !important;
}
.mr-68 {
  margin-right: 68px !important;
}
.mr-67 {
  margin-right: 67px !important;
}
.mr-66 {
  margin-right: 66px !important;
}
.mr-65 {
  margin-right: 65px !important;
}
.mr-64 {
  margin-right: 64px !important;
}
.mr-63 {
  margin-right: 63px !important;
}
.mr-62 {
  margin-right: 62px !important;
}
.mr-61 {
  margin-right: 61px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-59 {
  margin-right: 59px !important;
}
.mr-58 {
  margin-right: 58px !important;
}
.mr-57 {
  margin-right: 57px !important;
}
.mr-56 {
  margin-right: 56px !important;
}
.mr-55 {
  margin-right: 55px !important;
}
.mr-54 {
  margin-right: 54px !important;
}
.mr-53 {
  margin-right: 53px !important;
}
.mr-52 {
  margin-right: 52px !important;
}
.mr-51 {
  margin-right: 51px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-49 {
  margin-right: 49px !important;
}
.mr-48 {
  margin-right: 48px !important;
}
.mr-47 {
  margin-right: 47px !important;
}
.mr-46 {
  margin-right: 46px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-44 {
  margin-right: 44px !important;
}
.mr-43 {
  margin-right: 43px !important;
}
.mr-42 {
  margin-right: 42px !important;
}
.mr-41 {
  margin-right: 41px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-39 {
  margin-right: 39px !important;
}
.mr-38 {
  margin-right: 38px !important;
}
.mr-37 {
  margin-right: 37px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.mr-33 {
  margin-right: 33px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-31 {
  margin-right: 31px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-29 {
  margin-right: 29px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.mr-27 {
  margin-right: 27px !important;
}
.mr-26 {
  margin-right: 26px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mr-23 {
  margin-right: 23px !important;
}
.mr-22 {
  margin-right: 22px !important;
}
.mr-21 {
  margin-right: 21px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-19 {
  margin-right: 19px !important;
}
.mr-18 {
  margin-right: 18px !important;
}
.mr-17 {
  margin-right: 17px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.mr-13 {
  margin-right: 13px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-11 {
  margin-right: 11px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-9 {
  margin-right: 9px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-3 {
  margin-right: 3px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.mr-1 {
  margin-right: 1px !important;
}
/* for right marging function */
/* for right marging function */
/* here below we can increased count if in case need more than 100px margin-bottom classes so automatically genegrate or create classes */
.ml-100 {
  margin-left: 100px !important;
}
.ml-99 {
  margin-left: 99px !important;
}
.ml-98 {
  margin-left: 98px !important;
}
.ml-97 {
  margin-left: 97px !important;
}
.ml-96 {
  margin-left: 96px !important;
}
.ml-95 {
  margin-left: 95px !important;
}
.ml-94 {
  margin-left: 94px !important;
}
.ml-93 {
  margin-left: 93px !important;
}
.ml-92 {
  margin-left: 92px !important;
}
.ml-91 {
  margin-left: 91px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-89 {
  margin-left: 89px !important;
}
.ml-88 {
  margin-left: 88px !important;
}
.ml-87 {
  margin-left: 87px !important;
}
.ml-86 {
  margin-left: 86px !important;
}
.ml-85 {
  margin-left: 85px !important;
}
.ml-84 {
  margin-left: 84px !important;
}
.ml-83 {
  margin-left: 83px !important;
}
.ml-82 {
  margin-left: 82px !important;
}
.ml-81 {
  margin-left: 81px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-79 {
  margin-left: 79px !important;
}
.ml-78 {
  margin-left: 78px !important;
}
.ml-77 {
  margin-left: 77px !important;
}
.ml-76 {
  margin-left: 76px !important;
}
.ml-75 {
  margin-left: 75px !important;
}
.ml-74 {
  margin-left: 74px !important;
}
.ml-73 {
  margin-left: 73px !important;
}
.ml-72 {
  margin-left: 72px !important;
}
.ml-71 {
  margin-left: 71px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-69 {
  margin-left: 69px !important;
}
.ml-68 {
  margin-left: 68px !important;
}
.ml-67 {
  margin-left: 67px !important;
}
.ml-66 {
  margin-left: 66px !important;
}
.ml-65 {
  margin-left: 65px !important;
}
.ml-64 {
  margin-left: 64px !important;
}
.ml-63 {
  margin-left: 63px !important;
}
.ml-62 {
  margin-left: 62px !important;
}
.ml-61 {
  margin-left: 61px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-59 {
  margin-left: 59px !important;
}
.ml-58 {
  margin-left: 58px !important;
}
.ml-57 {
  margin-left: 57px !important;
}
.ml-56 {
  margin-left: 56px !important;
}
.ml-55 {
  margin-left: 55px !important;
}
.ml-54 {
  margin-left: 54px !important;
}
.ml-53 {
  margin-left: 53px !important;
}
.ml-52 {
  margin-left: 52px !important;
}
.ml-51 {
  margin-left: 51px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-49 {
  margin-left: 49px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.ml-47 {
  margin-left: 47px !important;
}
.ml-46 {
  margin-left: 46px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-44 {
  margin-left: 44px !important;
}
.ml-43 {
  margin-left: 43px !important;
}
.ml-42 {
  margin-left: 42px !important;
}
.ml-41 {
  margin-left: 41px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-39 {
  margin-left: 39px !important;
}
.ml-38 {
  margin-left: 38px !important;
}
.ml-37 {
  margin-left: 37px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-34 {
  margin-left: 34px !important;
}
.ml-33 {
  margin-left: 33px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.ml-31 {
  margin-left: 31px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-29 {
  margin-left: 29px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.ml-27 {
  margin-left: 27px !important;
}
.ml-26 {
  margin-left: 26px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.ml-23 {
  margin-left: 23px !important;
}
.ml-22 {
  margin-left: 22px !important;
}
.ml-21 {
  margin-left: 21px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-19 {
  margin-left: 19px !important;
}
.ml-18 {
  margin-left: 18px !important;
}
.ml-17 {
  margin-left: 17px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.ml-13 {
  margin-left: 13px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-11 {
  margin-left: 11px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-9 {
  margin-left: 9px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-7 {
  margin-left: 7px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-3 {
  margin-left: 3px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.ml-1 {
  margin-left: 1px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
/* top padding classes fucntion */
/* top padding classes fucntion */
/* here below we can increased count if in case need more than 100px padding-top classes so automatically genegrate or create classes */
.pt-50 {
  padding-top: 50px !important;
}
.pt-49 {
  padding-top: 49px !important;
}
.pt-48 {
  padding-top: 48px !important;
}
.pt-47 {
  padding-top: 47px !important;
}
.pt-46 {
  padding-top: 46px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-44 {
  padding-top: 44px !important;
}
.pt-43 {
  padding-top: 43px !important;
}
.pt-42 {
  padding-top: 42px !important;
}
.pt-41 {
  padding-top: 41px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-39 {
  padding-top: 39px !important;
}
.pt-38 {
  padding-top: 38px !important;
}
.pt-37 {
  padding-top: 37px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-34 {
  padding-top: 34px !important;
}
.pt-33 {
  padding-top: 33px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pt-31 {
  padding-top: 31px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-29 {
  padding-top: 29px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.pt-27 {
  padding-top: 27px !important;
}
.pt-26 {
  padding-top: 26px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pt-23 {
  padding-top: 23px !important;
}
.pt-22 {
  padding-top: 22px !important;
}
.pt-21 {
  padding-top: 21px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-19 {
  padding-top: 19px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pt-17 {
  padding-top: 17px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-14 {
  padding-top: 14px !important;
}
.pt-13 {
  padding-top: 13px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-11 {
  padding-top: 11px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-9 {
  padding-top: 9px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pt-7 {
  padding-top: 7px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pt-1 {
  padding-top: 1px !important;
}
/* top padding classes fucntion */
/* top padding classes fucntion */
/* here below we can increased count if in case need more than 100px padding-top classes so automatically genegrate or create classes */
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-49 {
  padding-bottom: 49px !important;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.pb-47 {
  padding-bottom: 47px !important;
}
.pb-46 {
  padding-bottom: 46px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-44 {
  padding-bottom: 44px !important;
}
.pb-43 {
  padding-bottom: 43px !important;
}
.pb-42 {
  padding-bottom: 42px !important;
}
.pb-41 {
  padding-bottom: 41px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-39 {
  padding-bottom: 39px !important;
}
.pb-38 {
  padding-bottom: 38px !important;
}
.pb-37 {
  padding-bottom: 37px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-34 {
  padding-bottom: 34px !important;
}
.pb-33 {
  padding-bottom: 33px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.pb-31 {
  padding-bottom: 31px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-29 {
  padding-bottom: 29px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.pb-27 {
  padding-bottom: 27px !important;
}
.pb-26 {
  padding-bottom: 26px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pb-23 {
  padding-bottom: 23px !important;
}
.pb-22 {
  padding-bottom: 22px !important;
}
.pb-21 {
  padding-bottom: 21px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-19 {
  padding-bottom: 19px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.pb-17 {
  padding-bottom: 17px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-14 {
  padding-bottom: 14px !important;
}
.pb-13 {
  padding-bottom: 13px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pb-11 {
  padding-bottom: 11px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-9 {
  padding-bottom: 9px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pb-7 {
  padding-bottom: 7px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.pb-1 {
  padding-bottom: 1px !important;
}
/* spacing / marging / padding classes **********************************************/
.back-btn {
  color: #f78f1e;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (min-width: 540px) and (max-width: 992px) {
  .bill-master-table-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .bill-master-table-wrapper .bill-master-option-item {
    width: 49%;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
}
.bill-master-table-row {
  background: #DB0032;
  color: #fff;
  font-weight: normal;
  padding: 15px 0 !important;
}
.bill-master-table-row .item-quanity {
  margin-left: 20px;
}
.bill-master-table {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .bill-master-table {
    flex-direction: column;
    height: 440px;
    border: 1px solid #f6f6f6;
  }
}
.bill-master-table .bill-master-item {
  padding: 0 5px;
  flex: 0 1 auto;
}
.bill-master-table .item-image {
  text-align: center;
  width: 100px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-image {
    order: 1;
    width: 100%;
    height: 200px;
  }
}
.bill-master-table .item-image .row-item-img {
  height: 70px;
  width: 70px;
  padding-right: 0;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  padding: 5px;
  border: 2px solid #f6f6f6;
  margin-right: 15px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-image .row-item-img {
    border: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
}
.bill-master-table .item-image .row-item-img img {
  object-fit: contain;
}
.bill-master-table .item-id {
  width: 150px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-id {
    order: 3;
    width: 100%;
    font-size: 11px;
    align-self: flex-start;
    margin-bottom: 20px;
  }
}
.bill-master-table .item-id-bom {
  width: 300px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-id-bom {
    order: 3;
    width: 100%;
    font-size: 11px;
    align-self: flex-start;
    margin-bottom: 20px;
  }
}
.bill-master-table .item-description {
  width: 250px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-description {
    order: 2;
    margin-bottom: 10px;
    width: 100%;
  }
}
.bill-master-table .item-stock {
  width: 140px;
  text-align: center;
}
@media (min-width: 992px) {
  .bill-master-table .item-stock .stock-icon {
    margin-right: 15px;
  }
}
.bill-master-table .item-stock small {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-stock {
    order: 3;
    width: 100%;
    text-align: left;
    align-self: flex-end;
    margin-top: -15px;
    margin-bottom: 20px;
  }
  .bill-master-table .item-stock small {
    display: inline-block;
  }
}
.bill-master-table .item-price {
  font-size: 18px;
  font-weight: 400;
  width: 130px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-price {
    order: 5;
    width: 49%;
    align-self: flex-start;
  }
}
.bill-master-table .item-price .staffel-price {
  position: relative;
  margin-top: 5px;
  cursor: inherit;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  font-size: 12px;
  cursor: pointer;
}
.bill-master-table .item-price .staffel-price .fa-caret-up {
  position: absolute;
  top: -19px;
  font-size: 30px;
  color: white;
}
.bill-master-table .item-price .staffel-price .staffel-price-popover {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  width: 300px;
}
.bill-master-table .item-price .staffel-price.staffel-price-hover:hover .staffel-price-popover {
  display: block;
  z-index: 100;
}
.bill-master-table .item-quanity {
  position: relative;
  width: 70px;
  margin-right: 20px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-quanity {
    order: 6;
    width: 49%;
    max-width: 49%;
    align-self: flex-end;
    margin-top: -40px;
  }
}
.bill-master-table .item-quanity .form-control {
  border: 1px solid #efefef;
  width: 100%;
  height: 40px !important;
}
@media (max-width: 991px) and (min-width: 320px) {
  .bill-master-table .item-quanity .form-control {
    width: 50%;
  }
}
.bill-master-table .item-quanity .minus-control {
  right: -15px;
}
.bill-master-table .item-quanity .plus-control {
  right: -15px;
}
@media (max-width: 991px) and (min-width: 320px) {
  .bill-master-table .item-quanity .minus-control,
  .bill-master-table .item-quanity .plus-control {
    float: left;
    height: 40px !important;
    padding: 0;
    font-size: 13px;
  }
}
.bill-master-table .item-spacer {
  position: relative;
  width: 70px;
  margin-right: 20px;
  height: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bill-master-table .item-spacer {
    margin-right: -10px;
  }
}
.bill-master-table .item-cart {
  width: 220px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-cart {
    order: 7;
    margin-top: 30px;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .bill-master-table .item-cart .button-width {
    width: 210px;
  }
}
.bill-master-table .item-cart-bom {
  width: 100px;
}
@media only screen and (max-width: 992px) {
  .bill-master-table .item-cart-bom {
    order: 7;
    margin-top: 30px;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .bill-master-table .item-cart-bom .button-width {
    width: 210px;
  }
}
.search-form {
  position: relative;
  width: 100%;
}
.search-form .search-btn {
  position: absolute;
  background: none;
  top: 0px;
  right: 15px;
  color: #fff;
  height: 40px;
  width: 40px;
  outline: none;
  background-color: #E5AD3F;
  border: none;
  border-left: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}
/* CUSTOM STYLING BILL-OF-MATERIAL END HERE */
.bill-master--panel-group .panel-default > .panel-heading {
  border-radius: 0;
}
.bill-master--panel-group .panel-default > .panel-heading a[aria-expanded="false"] {
  background-color: #ededed !important;
  content: "" !important;
}
.bill-master--panel-group .panel-default > .panel-heading a[aria-expanded="false"]::after {
  content: "" !important;
}
.bill-master--panel-group .panel-default > .panel-heading a[aria-expanded="true"]::after {
  content: "" !important;
}
.bill-master--panel-group .panel-title {
  padding-right: 0;
}
.bill-master--panel-group .panel-title:focus {
  color: #fff;
}
.bill-master--panel-group .panel-title .fas {
  top: 50%;
  right: 15px;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
}
.bill-master--panel-group .panel-title .fa-times {
  -ms-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.5s;
}
.bill-master--panel-group .panel-title.collapsed .fa-times {
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.5s;
}
.bill-master--panel-group .panel-body {
  padding: 15px 0;
}
.bill-master--panel-group .panel-default > .panel-heading:after {
  content: "";
}
/* custom card / panel **/
.custom-card {
  position: relative;
}
.custom-card .card-heading {
  padding: 5px 0;
}
.custom-card .card-heading .card-title {
  color: #000;
  line-height: normal;
  font-size: inherit;
  font-weight: bold;
}
.word-break {
  word-break: break-word;
}
.alternate-color div.row:nth-child(even) {
  background-color: #f6f6f6;
  margin-right: 10px;
}
.alternate-color div.row:nth-child(odd) {
  background-color: #fff;
  margin-right: 10px;
}
.hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #f6f6f6;
}
.bill-master-wrapper .bill-searching-field {
  border: 1px solid #d9d9d9 !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  border-radius: 0;
  color: #000;
  width: 91%;
  padding: 10px;
}
.bill-master-wrapper .bill-master-list-view {
  padding-bottom: 25px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table {
  width: 100%;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table td {
  padding: 5px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-image {
  width: 100px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-image .row-item-img {
  height: 70px;
  width: 70px;
  padding-right: 0;
  margin-right: 0;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  padding: 5px;
  border: 2px solid #f6f6f6;
  margin-right: 15px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-image .row-item-img img {
  object-fit: contain;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-id {
  width: 150px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-stock {
  width: 130px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price {
  width: 140px;
  font-size: 18px;
  font-weight: 400;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price .staffel-price {
  position: relative;
  margin-top: 5px;
  cursor: inherit;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  font-size: 12px;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price .staffel-price .underline:hover {
  transition-delay: 0s;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  text-decoration: none;
  cursor: pointer;
  color: #f78f1e;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price .staffel-price .popover-staffel-price {
  text-decoration: none;
  text-align: left;
  color: black;
  position: absolute;
  font-size: 12px;
  top: 40px;
  left: 0;
  width: 300px;
  visibility: collapse;
  opacity: 0;
  z-index: 100;
  background-color: #fff;
  cursor: inherit;
  padding: 10px 15px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  transition-delay: 0.25s;
  -webkit-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price .staffel-price .popover-staffel-price .fa-caret-up {
  position: absolute;
  top: -19px;
  font-size: 30px;
  color: white;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-price .staffel-price.hover-staffel:hover .popover-staffel-price {
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  cursor: initial !important;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-quanity {
  width: 80px;
  max-width: 70px;
  margin-right: 5px;
  position: relative;
}
.bill-master-wrapper .bill-master-list-view .bill-master-item-table .bill-master-item-cart {
  width: 100px;
}
.bill-master-product-default-img {
  border: 2px solid #f6f6f6;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  max-height: 250px;
}
.bill-master-product-default-img img {
  object-fit: contain;
}
#bill-of-material-page {
  margin-bottom: 60px;
  /*    .bill-master--panel-group .panel-title .fas {
        top: 30px;
    }*/
}
#bill-of-material-page .grey-box {
  padding: 15px 30px;
}
#bill-of-material-page .specification-box {
  font-size: 13px;
}
#bill-of-material-page .specification-box .row {
  padding: 10px 15px !important;
}
#bill-of-material-page .specification-box .col-xs-6 {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  height: 1.7em;
  white-space: nowrap;
}
#bill-of-material-page h5 {
  display: inline;
  margin-left: 20px;
  font-weight: 600;
}
#bill-of-material-page h5:hover,
#bill-of-material-page h5:active,
#bill-of-material-page h5:focus,
#bill-of-material-page h5:visited {
  text-decoration: none;
}
#bill-of-material-page .bill-img-wrapper {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
}
#bill-of-material-page .img-bom {
  display: inline;
  transition: transform 0.2s;
  position: relative;
  z-index: 40;
  object-fit: contain;
  height: 50px;
  width: 50px;
  background: #fff;
}
@media (max-width: 767px) {
  #bill-of-material-page .img-bom {
    transition: none;
  }
}
#bill-of-material-page .img-bom:hover {
  position: relative;
  z-index: 41;
  transform: scale(2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (max-width: 767px) {
  #bill-of-material-page .img-bom:hover {
    transform: none;
  }
}
.bom-search-btn {
  position: relative;
  width: 100%;
  padding: 9px 15px;
  background-color: #E5AD3F;
  color: #fff;
  border: none;
  outline: none;
  transition: 0.3s;
  z-index: 1;
}
@media (max-width: 767px) {
  .flexOptionRow .flexOptionItem:nth-child(even) {
    padding-right: 10px;
  }
}
.bom-more-options[aria-expanded="true"] .show-less-options {
  display: block;
}
.bom-more-options[aria-expanded="true"] .show-more-options {
  display: none;
}
.bom-more-options[aria-expanded="false"] .show-less-options {
  display: none;
}
.bom-more-options[aria-expanded="false"] .show-more-options {
  display: block;
}
.bom-tree-panel {
  background: #f6f6f6;
  padding: 7px;
  max-height: 100%;
  transition: max-height 0.2s;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  position: relative;
}
@media (min-width: 768px) {
  .bom-tree-panel .bill-tree-img-wrapper {
    width: 75px;
    height: 75px;
    display: inline-flex;
  }
  .bom-tree-panel .bill-tree-img-wrapper img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .bom-tree-panel .bill-tree-img-wrapper {
    display: inline-flex;
    align-items: center;
  }
}
.bom-tree-panel .active {
  transform: rotate(45deg);
}
.bom-tree-panel .text-button-bom {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80%;
  text-align: start;
}
@media (min-width: 768px) {
  .bom-tree-panel .text-button-bom {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .bom-tree-panel .text-button-bom small {
    display: block;
  }
  .bom-tree-panel .text-button-bom h5 {
    display: inline-block !important;
    margin: 0;
  }
}
.bom-tree-panel .img-bom-tree {
  display: initial;
  width: 50px;
  height: 50px;
}
.bom-tree-panel button {
  border: none;
  padding: 25px 18px;
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  transition: 0.2s;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
}
@media (max-width: 767px) {
  .bom-tree-panel button {
    padding: 25px 18px 25px 0px;
  }
}
.bom-tree-panel ul {
  padding: 0;
  margin: 0;
}
.bom-tree-panel ul li {
  list-style: none;
  padding-right: 0;
}
.bom-tree-panel .odd {
  background: #fff;
}
.bom-tree-panel .odd img {
  border: 2px solid #f6f6f6;
}
.bom-tree-panel .even {
  background: #f6f6f6;
}
.bom-tree-panel .bom-tree-list {
  padding: 7px 7px 7px 30px;
  border-left: 1px solid #C6C2BE;
}
.bom-tree-panel .bom-tree-sub-panel,
.bom-tree-panel .bom-tree-first-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bom-tree-panel .bom-tree-sub-panel > div,
.bom-tree-panel .bom-tree-first-panel > div {
  display: inline-flex;
  align-items: center;
}
.bom-tree-panel .bom-tree-sub-panel .bom-tree-plus-btn {
  margin-right: -7px;
}
.bom-tree-button {
  border: none;
  background: #DB0032;
  color: #fff;
  font-size: 20px;
  padding: 8px;
  margin-top: 44px;
}
.main-category-panel {
  padding: 20px;
  background-color: #E1E1E1;
  display: block;
  margin-bottom: 5px;
}
.main-category-panel .fas {
  top: auto !important;
  margin-top: 10px;
  margin-right: 17px;
}
.main-category-panel:focus {
  color: var(--black-theme-color, #212121) !important;
}
#breadcrumb {
  background-color: var(--breadcrumb-styling-background-color, #f6f6f6);
  padding: 10px 0;
  margin: 0px auto;
  margin-top: 0;
}
#breadcrumb:first-letter {
  text-transform: capitalize;
}
#breadcrumb ol,
#breadcrumb li {
  display: block;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li {
  position: relative;
  display: inline-block;
}
#breadcrumb ol li:first-of-type a span:before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2.5px;
  background-image: var(--breadcrumb-styling-home-icon);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}
#breadcrumb ol li ~ li {
  padding-left: 22px;
}
#breadcrumb ol li ~ li::after {
  position: absolute;
  top: 0;
  left: 8px;
  color: var(--breadcrumb-styling-text-color-hover, var(--black-theme-color, #212121));
  content: var(--breadcrumb-styling-path-separator, "|");
}
#breadcrumb ol li > a {
  color: var(--breadcrumb-styling-text-color, #212121);
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
#breadcrumb ol li > a:hover {
  color: var(--breadcrumb-styling-text-color-hover, #DB0032);
  text-decoration: none;
}
#breadcrumb ol li:last-child > a {
  color: var(--breadcrumb-styling-active-text-color, #000);
  pointer-events: none;
}
#callmeback {
  position: fixed;
  right: 0px;
  bottom: 30px;
  display: block;
  justify-content: center;
  align-items: center;
  width: 200px;
  z-index: 900;
  -webkit-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
  transform: translateX(75%);
}
#callmeback .wrapper {
  position: relative;
}
#callmeback .callback-btn {
  background: #DB0032;
  height: 50px;
  width: 50px;
  text-align: center;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  animation: shadowing 3s infinite;
  box-shadow: 0px 0px 0px 9px #adcbff;
  transition: 0.8s;
  border-radius: 50%;
  color: #fff;
  left: -15px;
  line-height: 47px;
  font-size: 20px;
  transform: rotate(90deg);
}
#callmeback .callback-btn:hover .fa-phone,
#callmeback .callback-btn:focus .fa-phone {
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#callmeback .callback-header {
  text-align: center;
  background: #E5AD3F;
  height: 50px;
  width: 100%;
  position: relative;
  color: #fff;
  line-height: 47px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
  padding-left: 35px;
  cursor: pointer;
  transition: 0.2s all;
}
#callmeback .grey-box {
  transition: all 0.2s;
  opacity: 0;
  width: 100%;
  position: relative;
  height: 0px;
  padding: 0;
  margin-bottom: 0;
  visibility: hidden;
  overflow-Y: scroll;
  overflow-x: hidden;
}
#callmeback .grey-box input {
  margin-bottom: 10px;
}
#callmeback .grey-box .form-wrapper {
  display: none;
}
#callmeback.active {
  width: 250px;
  transform: translateX(0%);
}
#callmeback.active .callback-header {
  padding-left: 15px;
}
#callmeback.active .grey-box {
  opacity: 1;
  visibility: visible;
  padding: 0 15px 15px 15px;
  height: 280px;
}
#callmeback.active .grey-box .form-wrapper {
  display: block;
}
#callmeback:hover,
#callmeback:focus #callmeback:active {
  transform: translateX(0%);
}
@keyframes shadowing {
  0% {
    box-shadow: 0px 0px 0px 15px var(--transparent-theme-color, rgba(253, 79, 0, 0.5)), 0px 0px 0px 4px var(--transparent-theme-color, rgba(253, 79, 0, 0.8));
  }
  50% {
    box-shadow: 0px 0px 0px 8px var(--transparent-theme-color, rgba(253, 79, 0, 0.5)), 0px 0px 0px 4px var(--transparent-theme-color, rgba(253, 79, 0, 0.8));
  }
  100% {
    box-shadow: 0px 0px 0px 15px var(--transparent-theme-color, rgba(253, 79, 0, 0.5)), 0px 0px 0px 4px var(--transparent-theme-color, rgba(253, 79, 0, 0.8));
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
}
/*
    Cart stylesheet

    Current cart layout is the same as the basket.
    See /content/views/basket/basket.less for the css rules

    Comment: For future refactoring, .accept-terms can be moved to basket.less
*/
.accept-terms > label {
  cursor: pointer;
  padding: 10px;
  color: var(--black-theme-color, #212121);
  margin-top: 10px;
  margin-bottom: 25px;
  border-radius: 0px;
  border-top: 1px solid #f6f6f6;
}
.accept-terms > label span {
  position: relative;
  top: -2px;
  font-size: 12px;
}
.accept-terms > label a {
  color: #DB0032;
}
/*
    Categorie tile navigation row stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 05-10-2017
*/
.category-comment {
  margin-top: 25px;
}
.category-tile {
  text-align: center;
  margin-top: 15px;
  border: 1px solid #eee;
  position: relative;
}
.category-tile:hover img {
  opacity: 1;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.category-tile a:hover {
  text-decoration: none;
}
.category-tile .category-image {
  position: relative;
  min-height: 150px;
}
.category-tile .category-description:first-letter {
  text-transform: capitalize;
}
.category-tile .category-description {
  text-align: center;
  background-color: #ededed;
  width: 100%;
  height: 70px;
}
.category-tile .category-description .content-middle {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.category-tile .category-description h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.category-tile h3 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}
.category-tile.contain-image {
  height: 275px;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .category-tile.contain-image {
    padding: 15px 0;
    height: 220px;
  }
}
.category-tile.contain-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-height: 175px;
  max-width: 175px;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.category-tile.contain-image .category-description {
  padding: 1px 0;
  margin-top: 10px;
  position: absolute;
  bottom: 0;
}
.category-tile.cover-image img {
  height: 150px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .category-tile.cover-image img {
    height: 200px;
  }
}
.tile-comment-small,
.tile-no-comment-small {
  height: 55px;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  color: #555;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .category-tile img {
    max-height: 110px;
    max-width: 110px;
  }
  .category-tile .category-description {
    height: 60px;
  }
  .category-tile .category-description h3 {
    font-size: 13px;
    line-height: 20px;
    padding: 0px 5px;
  }
}
/*
    Item content category content blocks stylesheet

    @package CTN
    @author Richard Mauritz
    @since 16-11-2017
*/
.extra-content-blocks .extra-content-image img {
  max-height: 200px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}
.extra-content-blocks .extra-content-title {
  padding: 15px;
}
.extra-content-blocks .extra-content-title > * {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
}
.extra-content-blocks .extra-content-content {
  padding: 0 15px;
}
/*
    Product accessories stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/
.item-accessories .item-relation-image .fa {
  background: #DB0032;
  position: absolute;
  top: 0;
  right: 15px;
  color: #fff;
  padding: 9px 10px;
  border-radius: 50%;
}
/* Related products grid Styling */
.Related-products-grid h4 {
  font-size: 30px;
}
.Related-products-grid .content-middle {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 991px) {
  .Related-products-grid .shopping-item-quanity {
    margin-top: 15px;
  }
}
.Related-products-grid .shopping-item-quanity .basket-quantity-control {
  float: right;
  width: 80%;
  margin-right: 20px;
}
@media (min-width: 320px) and (max-width: 991px) {
  .Related-products-grid .shopping-item-quanity .basket-quantity-control {
    width: 50%;
    margin-right: 0px;
    float: left;
  }
}
.Related-products-grid .shopping-item {
  padding-bottom: 15px;
  height: 100%;
  width: 100%;
  box-shadow: none;
  border: 1px solid #f6f6f6;
}
.Related-products-grid .shopping-item .shopping-item-info a {
  height: 50px;
  overflow: hidden;
}
.Related-products-grid .shopping-item .shopping-item-row {
  display: flex;
}
.Related-products-grid .grid {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}
.Related-products-grid .shopping-item .shopping-item-add {
  margin-top: 15px;
}
.Related-products-grid .shopping-item .shopping-item-image {
  /*display: block;*/
  min-height: 130px;
}
.Related-products-grid .shopping-item .shopping-item-image .content-middle {
  height: 150px;
}
.Related-products-grid .shopping-item .shopping-item-image img {
  max-width: 100px;
  max-height: 150px;
  /*display: block;*/
  margin: 0 auto;
  padding: 15px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .Related-products-grid .staffel {
    position: inherit;
  }
  .Related-products-grid .staffel .staffel-wrapper {
    position: inherit;
  }
  .Related-products-grid .staffel .popover-staffel {
    width: 230px !important;
    top: 40px;
    left: 10px !important;
  }
}
@media (max-width: 767px) {
  .Related-products-grid .staffel .pop-up-staffel-padding {
    padding: 5px 13px;
  }
}
@media (min-width: 992px) {
  .scrollable-x-wrapper .row > .col-md-3 {
    display: flex;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .scrollable-x-wrapper .row > .col-sm-4 {
    display: flex;
    flex: 0 0 33.3333%;
    max-width: 33.33333%;
  }
}
@media (max-width: 767px) {
  .scrollable-x-wrapper .row > .col-xs-6 {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .scrollable-x-wrapper .row > .col-xxs-10 {
    display: flex;
    flex: 0 0 83.333%;
    max-width: 83.3333%;
  }
  .scrollable-x-wrapper .row > .col-xxs-12 {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.scrollable-x-wrapper .flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.scrollable-x-wrapper .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.scrollable-x-wrapper .scrollable-x {
  overflow-x: inherit;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
}
@media (max-width: 991px) {
  .scrollable-x-wrapper .scrollable-x {
    overflow-x: scroll;
    -ms-overflow-style: none;
  }
  .scrollable-x-wrapper .scrollable-x::-webkit-scrollbar {
    display: none;
  }
}
.carousel-indicators.scroll {
  box-shadow: none;
}
.scrollable-x::-webkit-scrollbar {
  padding: 0 15px;
  width: 95%;
  height: 10px;
}
.scrollable-x::-webkit-scrollbar-track {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.scrollable-x::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ccc;
}
.scrollable-x::-webkit-scrollbar-thumb:window-inactive {
  background: #ccc;
}
#articleRelationModal .modal-body {
  padding: 0 15px 15px 15px;
}
#articleRelationModal .modal-body .product-not-available a {
  color: #DB0032;
}
#articleRelationModal .modal-body .product-not-available a:hover,
#articleRelationModal .modal-body .product-not-available a:focus,
#articleRelationModal .modal-body .product-not-available a:active {
  color: #DB0032;
  text-decoration: underline;
}
@media (min-width: 992px) {
  #articleRelationModal .modal-body .scrollable-x {
    display: flex;
    flex-wrap: wrap;
  }
}
#articleRelationModal .relation-type:last-child .relation-line {
  display: none;
}
#articleRelationModal .item-relations {
  padding: 0;
}
#articleRelationModal .item-relations h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #articleRelationModal .btn-xs-block {
    margin-top: 15px;
  }
}
.modal .sticky-item {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: #f6f6f6;
  z-index: 9999;
  margin-inline: -15px;
  display: flex;
  flex-wrap: wrap;
}
.modal .sticky-item > * {
  flex: 1;
}
.modal .sticky-item > *:not(.alert) {
  background-color: #f6f6f6;
  padding-block: 10px;
  border-bottom: 1px solid #eee;
}
.modal .sticky-item > :nth-child(n+3) {
  flex-basis: 100%;
}
.modal .sticky-item .alert {
  position: relative;
}
.recently-viewed-item {
  width: 100%;
  padding: 15px;
  background: #fff;
  border: 1px solid #f6f6f6;
}
.recently-viewed-item table {
  width: 100%;
}
.recently-viewed-item .recently-viewed-item-image .content-middle {
  height: 150px;
}
.recently-viewed-item .recently-viewed-item-image .content-middle img {
  max-height: 100px;
  max-width: 150px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.recently-viewed-item .shopping-item-price {
  font-size: 18px;
  margin: 10px 0;
}
.recently-viewed-item .recently-viewed-title {
  height: 60px;
}
.recently-viewed-item .recently-viewed-title a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.recently-viewed-item .shopping-item-info {
  height: 60px;
  margin-top: 5px;
  word-break: break-word;
}
.recently-viewed-item .shopping-item-add i {
  padding-left: 0;
}
/*
    Item relations global sheets

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/
.item-relations {
  padding: 15px 0;
}
.item-relations h3 {
  margin-bottom: 25px;
}
.item-relations .item-relation-image {
  min-height: 200px;
  padding: 15px;
  text-align: center;
}
.item-relations .item-relation-image img {
  max-height: 200px;
  margin: 0 auto;
}
.item-relations .item-relation-price,
.item-relations .item-relation-description,
.item-relations .item-relation-link {
  padding: 0 15px 15px;
}
.item-relations .stock-label {
  display: none;
}
/****************** Product bundle *************************************************************/
.sale-homepage .d-block {
  display: block;
  width: 100%;
}
.sale-homepage .popover-staffel {
  width: 270px !important;
  left: -30px !important;
}
.sale-homepage .popover-staffel .fa-caret-up {
  left: 30px;
}
.sale-homepage .Related-products-grid .shopping-item .shopping-item-info a {
  height: 50px;
}
.sale-homepage .bundle-article-name .content {
  padding: 0;
  margin-top: 25px;
}
.orange-link-decoration {
  color: #DB0032;
  text-decoration: underline;
}
.overly-banner-item-block {
  position: absolute;
  z-index: 2;
  top: 0;
  width: inherit;
  height: 35px;
  left: -15px;
  overflow: hidden;
}
.overly-banner-item-block a:hover {
  text-decoration: none;
}
.overly-banner-item-block a:focus {
  text-decoration: none;
  outline: none;
}
.overly-banner-item {
  min-width: 70px;
  height: 35px;
  background: #DB0032;
  position: relative;
  color: #fff;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 12px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 15px;
  z-index: 1;
}
.overly-banner-item-after {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: -35px;
  clip-path: polygon(50% 50%, 0 0, 0 100%);
  background: #DB0032;
}
/**********/
.banner-item-list-view-block {
  position: absolute;
  z-index: 2;
  top: 54px;
  width: 67px;
  height: 25px;
  left: 0;
  overflow: hidden;
}
.banner-item-list-view {
  width: 47px;
  height: 25px;
  background: #DB0032;
  position: relative;
  color: #fff;
  padding-left: 5px;
  font-size: 8px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 11px;
  z-index: 1;
  padding-top: 1px;
}
.banner-item-list-view-after {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: -25px;
  clip-path: polygon(50% 50%, 0 0, 0 100%);
  background: #DB0032;
}
/**********/
.overly-banner-item-detail-block {
  position: relative;
  z-index: 2;
  top: 0;
  width: 90px;
  height: 35px;
}
@media (max-width: 767px) {
  .overly-banner-item-detail-block {
    position: relative;
    top: unset;
  }
}
.overly-banner-item-detail-view {
  width: 70px;
  height: 35px;
  background: #DB0032;
  position: relative;
  color: #fff;
  padding-left: 5px;
  font-size: 12px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 15px;
  z-index: 1;
}
.overly-banner-item-detail-view-after {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: -35px;
  clip-path: polygon(50% 50%, 0 0, 0 100%);
  background: #DB0032;
}
/********************Product bundle *************************************************************/
#LanguageSelector .nav.navbar-nav li.language {
  z-index: 4;
  margin: 0;
  padding: 0;
}
#LanguageSelector .nav.navbar-nav li.language img {
  margin-right: 10px;
  margin-bottom: 2px;
  width: 18px;
  height: 12px;
}
#LanguageSelector .nav.navbar-nav li.language:hover:before,
#LanguageSelector .nav.navbar-nav li.language:focus:before,
#LanguageSelector .nav.navbar-nav li.language:focus:before {
  left: 0;
  content: "";
  height: 40px;
  position: absolute;
  bottom: -10px;
  width: 100%;
  background-color: #fff;
  z-index: -1;
}
#LanguageSelector .nav.navbar-nav li.language:hover a.active-language,
#LanguageSelector .nav.navbar-nav li.language:focus a.active-language,
#LanguageSelector .nav.navbar-nav li.language:focus a.active-language,
#LanguageSelector .nav.navbar-nav li.language:hover li.item-language,
#LanguageSelector .nav.navbar-nav li.language:focus li.item-language,
#LanguageSelector .nav.navbar-nav li.language:focus li.item-language {
  color: var(--black-theme-color, #212121);
}
#LanguageSelector .nav.navbar-nav li.language a.active-language {
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: inherit;
}
#LanguageSelector .nav.navbar-nav li.language .active-language .lang-description {
  font-weight: 600;
}
#LanguageSelector .nav.navbar-nav li.language .lang-code {
  text-transform: uppercase;
}
#LanguageSelector .nav.navbar-nav li.language .dropdown {
  top: 10px;
  padding: 0;
  border-top: none;
  min-width: 100%;
  width: max-content;
  z-index: -2;
  -webkit-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #LanguageSelector .nav.navbar-nav li.language .dropdown {
    left: -5px;
  }
}
#LanguageSelector .nav.navbar-nav li.language .dropdown li {
  border-top: 1px solid #ededed;
}
#LanguageSelector .nav.navbar-nav li.language .dropdown li:hover {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
  -webkit-transition: 0.23s;
  -moz-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
}
#LanguageSelector .nav.navbar-nav li.language .dropdown li:hover a {
  text-decoration: none;
}
#LanguageSelector .nav.navbar-nav li.language .dropdown li a {
  white-space: nowrap;
  padding: 10px;
}
.order-nav-tabs {
  overflow: visible;
  border-bottom: 0;
  padding: 15px 15px 50px 25px;
  margin-bottom: 2px;
}
.order-nav-tabs li {
  padding-left: 0;
}
.order-nav-tabs li span {
  background: #fff;
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  color: #ccc;
  margin-right: 92px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .order-nav-tabs li span {
    margin-right: 67px;
  }
}
.order-nav-tabs li span i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.order-nav-tabs li span:before {
  position: absolute;
  content: " ";
  height: 1px;
  width: 106px;
  background: #ccc;
  top: 50%;
  left: 91px;
  transform: translate(-50%);
}
.order-nav-tabs li span small {
  position: absolute;
  top: 45px;
  margin-left: -80px;
  width: 200px;
  text-align: center;
  font-size: 11px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .order-nav-tabs li span small {
    margin-left: -33px;
    width: 100px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .order-nav-tabs li span small {
    margin-left: -33px;
    width: 100px;
  }
}
.order-nav-tabs li:last-child span:before {
  display: none;
}
.order-nav-tabs li.active span {
  color: var(--black-theme-color, #212121);
  border-color: var(--black-theme-color, #212121);
}
.order-nav-tabs li.checked span {
  color: var(--black-theme-color, #212121);
  border-color: var(--black-theme-color, #212121);
}
.order-nav-tabs li.checked span:before {
  background: var(--black-theme-color, #212121);
}
@media (max-width: 991px) {
  .order-nav-tabs li span {
    margin-right: 40px;
  }
  .order-nav-tabs li span:before {
    width: 51px;
    left: 65px;
  }
}
@media (max-width: 767px) {
  .order-nav-tabs {
    padding: 15px 15px 30px 25px;
  }
  .order-nav-tabs li {
    display: none !important;
  }
  .order-nav-tabs li span {
    margin-right: 0;
  }
  .order-nav-tabs li span small {
    width: 200px;
    margin-left: 0;
    transform: translate(-50%);
  }
  .order-nav-tabs li span::before {
    display: none !important;
  }
  .order-nav-tabs li.active {
    display: block !important;
    width: 100%;
    text-align: center;
  }
}
.content-inline-blocks img {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/*
     Glide slider. Customer Logo slider
*/
#customer-logos-wrapper .customer-logos {
  margin-bottom: 30px;
  margin-top: 30px;
}
#customer-logos-wrapper .customer-logos .glide__slide {
  display: flex;
  align-items: center;
  height: auto;
}
#customer-logos-wrapper .customer-logos .glide__arrow {
  position: absolute;
  transform: translateY(-50%);
  color: #E5AD3F;
}
#customer-logos-wrapper .customer-logos .glide__arrow--left {
  left: -4rem;
}
#customer-logos-wrapper .customer-logos .glide__arrow--right {
  right: -4rem;
}
.page-article-relation-wrapper .page-article-relation-content {
  position: absolute;
  margin-top: 150px;
  font-size: 22px;
  line-height: 35px;
  color: #C6C2BE;
}
.content-contact-form {
  background: #f8f8f8;
  background: linear-gradient(120deg, #f8f8f8 0%, #dddddd 90%);
  text-align: center;
}
.content-contact-form h1,
.content-contact-form h2,
.content-contact-form h3,
.content-contact-form h4,
.content-contact-form h5,
.content-contact-form h6 {
  margin-top: 0;
}
/* pagetext accordion styling */
.pagetext-accordion .pagetext-accordion-header .collapsed strong:after {
  /* Plus */
  content: '\f0fe';
}
.pagetext-accordion .pagetext-accordion-header strong {
  margin-bottom: 0;
}
.pagetext-accordion .pagetext-accordion-header strong:after {
  /* Minus */
  content: '\f146';
  font-family: 'Font Awesome 5 Free';
  margin-right: 8px;
  position: absolute;
  right: 0;
}
.pagetext-accordion .accordion-btn {
  padding: 10px 0;
}
.pagetext-accordion a {
  color: #fff;
  padding: 2px 0;
}
@media (max-width: 767px) {
  .pagetext-accordion a {
    display: block;
  }
}
.pagetext-accordion a:hover,
.pagetext-accordion a:active,
.pagetext-accordion a:focus {
  text-decoration: none;
  color: #fff;
}
.page-text-section .small-section {
  padding: 15px 0 30px 0;
}
.page-text-section .small-section h1,
.page-text-section .small-section h2,
.page-text-section .small-section h3,
.page-text-section .small-section h4,
.page-text-section .small-section h5,
.page-text-section .small-section h6 {
  margin-top: 0;
}
/*
    Searchbox stylesheet

    @package Solvisoft
    @author Solvisoft Front-End Team
*/
.sale-homepage {
  background: #f6f6f6;
}
#sale-item {
  background: #E5AD3F;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#sale-item .sale-item-size-gridview {
  padding: 10px;
}
#sale-item .sale-item-size-listview {
  font-size: 12px;
  padding: 5px 7px;
}
#sale-item .sale-item-size-detail {
  display: block;
  padding: 8px;
  font-weight: 600;
}
#articleSlider-2 .carousel-inner #sale-item {
  position: absolute;
  top: 10px;
  right: unset;
  left: 10px;
}
/* Primary Searchbox, used in header */
.primary-searchbox {
  position: relative;
  width: 100%;
  font-size: 0.9em;
}
.primary-searchbox input.form-control {
  border-radius: 0;
  border: none;
  color: #000;
  width: 100%;
  padding: 10px;
}
.primary-searchbox input.form-control:focus {
  border: none;
}
.primary-searchbox input.form-control:focus + .fa-search {
  color: #fff;
  background: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
}
.primary-searchbox button {
  position: absolute;
  background: none;
  top: 0px;
  right: 0px;
  color: #fff;
  height: 100%;
  width: 44px;
  outline: none;
  background-color: #E5AD3F;
  border: none;
  border-left: none;
  z-index: 0;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.primary-searchbox autocomplete-form {
  position: relative;
  display: block;
}
.primary-searchbox .search-with-option input {
  position: relative;
}
@media (min-width: 320px) and (max-width: 400px) {
  .primary-searchbox .search-with-option input {
    width: 50% !important;
  }
}
@media (min-width: 400px) and (max-width: 480px) {
  .primary-searchbox .search-with-option input {
    width: 55% !important;
  }
}
@media (min-width: 481px) and (max-width: 991px) {
  .primary-searchbox .search-with-option input {
    width: 60% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .primary-searchbox .search-with-option input {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .primary-searchbox .search-with-option input {
    width: 55% !important;
  }
}
.primary-searchbox .search-with-option select {
  position: absolute;
  top: 0;
  right: 44px;
  border: none;
  border-left: 1px solid #f6f6f6;
  padding: 5px 0 5px 5px;
}
.primary-searchbox .search-with-option select:focus {
  border-color: #DB0032;
}
@media (min-width: 320px) and (max-width: 767px) {
  .primary-searchbox .search-with-option select {
    width: 35% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .primary-searchbox .search-with-option select {
    width: 35% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .primary-searchbox .search-with-option select {
    width: 35% !important;
  }
}
@media (min-width: 1200px) {
  .primary-searchbox .search-with-option select {
    width: 35% !important;
  }
}
/* Secondary searchbox used for quick order, quick add and ISAH project */
.secondary-searchbox input,
.secondary-searchbox select {
  font-size: 0.9em;
}
.secondary-searchbox .search-with-option input {
  position: relative;
}
@media (min-width: 320px) and (max-width: 576px) {
  .secondary-searchbox .search-with-option input {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .secondary-searchbox .search-with-option input {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .secondary-searchbox .search-with-option input {
    width: 70%;
  }
}
.secondary-searchbox .search-with-option select {
  border: none;
  border-left: 1px solid #f6f6f6;
  padding: 5px 0 5px 5px;
}
.secondary-searchbox .search-with-option select:focus {
  border-color: #DB0032;
}
@media (min-width: 320px) and (max-width: 576px) {
  .secondary-searchbox .search-with-option select {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .secondary-searchbox .search-with-option select {
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  .secondary-searchbox .search-with-option select {
    width: 35% !important;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.secondary-searchbox autocomplete-quick-order-results,
.secondary-searchbox autocomplete-favourite-item-results,
.secondary-searchbox autocomplete-contact-form-results {
  top: 40px;
  width: 100%;
  z-index: 1;
  text-align: left;
  left: 15px;
  font-size: 0.9em;
}
.secondary-searchbox autocomplete-quick-order-results ul li:hover,
.secondary-searchbox autocomplete-favourite-item-results ul li:hover,
.secondary-searchbox autocomplete-contact-form-results ul li:hover,
.secondary-searchbox autocomplete-quick-order-results ul li.auto-item-selected,
.secondary-searchbox autocomplete-favourite-item-results ul li.auto-item-selected,
.secondary-searchbox autocomplete-contact-form-results ul li.auto-item-selected {
  background: none;
  cursor: pointer;
  color: #ccc;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.secondary-searchbox autocomplete-quick-order-results ul li:hover a,
.secondary-searchbox autocomplete-favourite-item-results ul li:hover a,
.secondary-searchbox autocomplete-contact-form-results ul li:hover a,
.secondary-searchbox autocomplete-quick-order-results ul li.auto-item-selected a,
.secondary-searchbox autocomplete-favourite-item-results ul li.auto-item-selected a,
.secondary-searchbox autocomplete-contact-form-results ul li.auto-item-selected a {
  color: #212121;
}
.secondary-searchbox autocomplete-quick-order-results ul li:hover a:hover,
.secondary-searchbox autocomplete-favourite-item-results ul li:hover a:hover,
.secondary-searchbox autocomplete-contact-form-results ul li:hover a:hover,
.secondary-searchbox autocomplete-quick-order-results ul li.auto-item-selected a:hover,
.secondary-searchbox autocomplete-favourite-item-results ul li.auto-item-selected a:hover,
.secondary-searchbox autocomplete-contact-form-results ul li.auto-item-selected a:hover {
  background: #E5AD3F;
}
@media (min-width: 320px) and (max-width: 375px) {
  .secondary-searchbox autocomplete-quick-order-results,
  .secondary-searchbox autocomplete-favourite-item-results,
  .secondary-searchbox autocomplete-contact-form-results {
    left: 15px;
    text-align: left;
    width: 88%;
  }
}
@media (min-width: 376px) and (max-width: 576px) {
  .secondary-searchbox autocomplete-quick-order-results,
  .secondary-searchbox autocomplete-favourite-item-results,
  .secondary-searchbox autocomplete-contact-form-results {
    left: 15px;
    text-align: left;
    width: 92%;
  }
}
/* Styling default autocomplete dropdown */
autocomplete-quick-order-results,
autocomplete-contact-form-results,
autocomplete-results,
autocomplete-favourite-item-results,
autocomplete-text-item-results {
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 210;
  -webkit-box-shadow: 0px 10px 20px -10px #444;
  -moz-box-shadow: 0px 10px 20px -10px #444;
  box-shadow: 0px 10px 20px -10px #444;
}
autocomplete-quick-order-results ul,
autocomplete-contact-form-results ul,
autocomplete-results ul,
autocomplete-favourite-item-results ul,
autocomplete-text-item-results ul {
  display: block;
  padding: 0;
  margin: 0;
  float: none;
}
autocomplete-quick-order-results li,
autocomplete-contact-form-results li,
autocomplete-results li,
autocomplete-favourite-item-results li,
autocomplete-text-item-results li {
  display: block;
}
autocomplete-quick-order-results li span,
autocomplete-contact-form-results li span,
autocomplete-results li span,
autocomplete-favourite-item-results li span,
autocomplete-text-item-results li span,
autocomplete-quick-order-results li a,
autocomplete-contact-form-results li a,
autocomplete-results li a,
autocomplete-favourite-item-results li a,
autocomplete-text-item-results li a {
  padding: 10px;
  display: block;
  cursor: pointer;
}
autocomplete-quick-order-results li span b,
autocomplete-contact-form-results li span b,
autocomplete-results li span b,
autocomplete-favourite-item-results li span b,
autocomplete-text-item-results li span b,
autocomplete-quick-order-results li a b,
autocomplete-contact-form-results li a b,
autocomplete-results li a b,
autocomplete-favourite-item-results li a b,
autocomplete-text-item-results li a b {
  color: #DB0032;
}
autocomplete-quick-order-results li span small,
autocomplete-contact-form-results li span small,
autocomplete-results li span small,
autocomplete-favourite-item-results li span small,
autocomplete-text-item-results li span small,
autocomplete-quick-order-results li a small,
autocomplete-contact-form-results li a small,
autocomplete-results li a small,
autocomplete-favourite-item-results li a small,
autocomplete-text-item-results li a small {
  font-weight: normal;
}
autocomplete-quick-order-results li span:hover,
autocomplete-contact-form-results li span:hover,
autocomplete-results li span:hover,
autocomplete-favourite-item-results li span:hover,
autocomplete-text-item-results li span:hover,
autocomplete-quick-order-results li a:hover,
autocomplete-contact-form-results li a:hover,
autocomplete-results li a:hover,
autocomplete-favourite-item-results li a:hover,
autocomplete-text-item-results li a:hover {
  color: initial;
  text-decoration: none;
}
autocomplete-quick-order-results li:nth-child(2n),
autocomplete-contact-form-results li:nth-child(2n),
autocomplete-results li:nth-child(2n),
autocomplete-favourite-item-results li:nth-child(2n),
autocomplete-text-item-results li:nth-child(2n) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
autocomplete-quick-order-results li.selected a,
autocomplete-contact-form-results li.selected a,
autocomplete-results li.selected a,
autocomplete-favourite-item-results li.selected a,
autocomplete-text-item-results li.selected a {
  background: #E5AD3F;
  text-decoration: none;
  color: #fff;
}
autocomplete-quick-order-results li.selected a b,
autocomplete-contact-form-results li.selected a b,
autocomplete-results li.selected a b,
autocomplete-favourite-item-results li.selected a b,
autocomplete-text-item-results li.selected a b,
autocomplete-quick-order-results li.selected a small,
autocomplete-contact-form-results li.selected a small,
autocomplete-results li.selected a small,
autocomplete-favourite-item-results li.selected a small,
autocomplete-text-item-results li.selected a small {
  color: #fff;
}
autocomplete-text-item-results {
  width: calc(100% - 60px);
}
.suggestion {
  display: flex;
  position: relative;
  container-type: inline-size;
  container-name: suggestion_container;
}
@media screen and (max-width: 767px) {
  .suggestion {
    font-size: 16px;
  }
}
.suggestion__search-button {
  background-color: var(--primary-theme-button-styling-background-color, #E5AD3F);
  color: var(--primary-theme-button-styling-text-color, #fff);
  border: 1px solid var(--primary-theme-button-styling-border-color, #E5AD3F);
  border-radius: 0;
  width: 44px;
}
.suggestion__suggestions {
  display: flex;
  gap: 20px;
  position: absolute;
  top: 40px;
  background: #fff;
  border: 1px solid #D1D1D1;
  width: 100%;
  min-height: 400px;
  max-height: 620px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 15px 5px 15px 15px;
  border-radius: 0 0 10px 10px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .suggestion__suggestions {
    padding: 15px;
    flex-direction: column;
  }
}
.suggestion__suggestions.static-box {
  position: fixed;
  left: 0;
  width: 100%;
}
.suggestion__searchbox {
  width: 100%;
  padding: 8px 12px;
  border: none;
}
.suggestion__first-col {
  flex: 1;
  max-height: 100%;
  min-width: 200px;
}
@media only screen and (min-width: 992px) {
  .suggestion__first-col {
    overflow-y: auto;
    padding-right: 10px;
  }
}
.suggestion__second-col {
  flex: 2.5;
}
.suggestion__history,
.suggestion__popular,
.suggestion__results,
.suggestion__search,
.suggestion__content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.suggestion__history__title,
.suggestion__popular__title,
.suggestion__results__title,
.suggestion__search__title,
.suggestion__content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
  border-bottom: solid 1px #D1D1D1;
}
.suggestion__history__title__text,
.suggestion__popular__title__text,
.suggestion__results__title__text,
.suggestion__search__title__text,
.suggestion__content__title__text {
  font-weight: bold;
  font-size: 16px;
}
.suggestion__history__items,
.suggestion__popular__items,
.suggestion__results__items,
.suggestion__search__items,
.suggestion__content__items {
  padding: 10px 0;
}
.suggestion__history__item,
.suggestion__popular__item,
.suggestion__results__item,
.suggestion__search__item,
.suggestion__content__item {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: var(--black-theme-color, #212121);
}
.suggestion__history__item a,
.suggestion__popular__item a,
.suggestion__results__item a,
.suggestion__search__item a,
.suggestion__content__item a,
.suggestion__history__item a:focus,
.suggestion__popular__item a:focus,
.suggestion__results__item a:focus,
.suggestion__search__item a:focus,
.suggestion__content__item a:focus {
  color: var(--black-theme-color, #212121);
  text-decoration: none;
  padding: 10px 10px 10px 0;
}
.suggestion__history__item a:hover,
.suggestion__popular__item a:hover,
.suggestion__results__item a:hover,
.suggestion__search__item a:hover,
.suggestion__content__item a:hover {
  color: var(--a-theme-text-styling-color, #DB0032);
  text-decoration: none;
  padding: 10px 10px 10px 0;
}
.suggestion__history__item__title,
.suggestion__popular__item__title,
.suggestion__results__item__title,
.suggestion__search__item__title,
.suggestion__content__item__title {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  line-height: 1.2;
}
.suggestion__history__item__title__found-in,
.suggestion__popular__item__title__found-in,
.suggestion__results__item__title__found-in,
.suggestion__search__item__title__found-in,
.suggestion__content__item__title__found-in {
  color: #7b7979;
  font-style: italic;
  font-weight: normal;
}
.suggestion__history__item__delete,
.suggestion__popular__item__delete,
.suggestion__results__item__delete,
.suggestion__search__item__delete,
.suggestion__content__item__delete {
  background: none;
  border: none;
  padding: 0;
  color: #d1d1d1;
  font-size: 32px;
}
.suggestion__results__items {
  padding-top: 0;
}
.suggestion__search {
  height: 100%;
}
.suggestion__search__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  padding-top: 30px;
  overflow-y: auto;
  padding-right: 10px;
}
.suggestion__search__items__single {
  display: flex;
  flex-direction: column;
  border: solid 1px #D1D1D1;
  border-radius: 6px;
}
.suggestion__search__items__single:hover {
  text-decoration: none;
}
.suggestion__search__items__single__image {
  padding: 10px;
  height: 190px;
  object-fit: contain;
}
.suggestion__search__items__single__title {
  width: 100%;
  border-top: solid 1px #D1D1D1;
  padding: 10px;
  color: var(--black-theme-color, #212121);
  word-break: break-word;
}
.suggestion__search__items__single__title b {
  color: var(--a-theme-text-styling-color, #DB0032);
}
.suggestion__search__items__single:hover .suggestion__search__items__single__title {
  color: var(--a-theme-text-styling-color, #DB0032);
}
.suggestion__link {
  background: none;
  border: none;
  padding: 0;
  color: var(--a-theme-text-styling-color, inherit);
  text-decoration: underline;
}
@container suggestion_container (max-width: 500px) {
  .suggestion__suggestions {
    flex-direction: column;
  }
  .suggestion__first-col {
    overflow-y: initial;
    padding-right: initial;
  }
}
@container suggestion_container (max-width: 767px) {
  .suggestion__search__items {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    padding-right: 0;
  }
}
shopping-cart:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f6f6f6;
  position: absolute;
  top: -15px;
  right: 1.3em;
}
.shopping-cart {
  padding-right: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .shopping-cart {
    margin-left: -10px;
  }
}
.shopping-cart > a {
  position: relative;
}
.shopping-cart > a:hover {
  text-decoration: none;
}
.shopping-cart > a .fa {
  color: var(--black-theme-color, #212121);
  font-size: 24px;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.shopping-cart > a .fa + .badge {
  background: #f6f6f6;
  color: var(--black-theme-color, #212121);
}
.shopping-cart > a .fa.active {
  color: var(--black-theme-color, #212121);
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.shopping-cart > a .fa.active + .badge {
  background-color: #DB0032;
  color: var(--black-theme-color, #212121);
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
.shopping-cart > a .badge {
  position: absolute;
  top: -12px;
  right: -12px;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
}
shopping-cart,
shopping-cart-item,
shopping-cart-show-more,
shopping-cart-totals,
shopping-cart-total,
shopping-cart-buttons {
  display: block;
}
#shoppingcart {
  background-color: #fff;
  position: absolute;
  color: #1e1e1e;
  min-width: 440px;
  max-width: 440px;
  top: 50px;
  right: -15px;
  padding: 0 15px 15px;
  visibility: collapse;
  z-index: 25;
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
  opacity: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid #f6f6f6;
}
#shoppingcart:hover {
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}
#shoppingcart .fa-shopping-cart {
  margin-right: 10px;
  color: var(--black-theme-color, #212121);
}
#shoppingcart h3 {
  background-color: #f6f6f6;
  padding: 15px 20px;
  margin-top: 0;
}
#shoppingcart h3:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f6f6f6;
  position: absolute;
  top: -15px;
  right: 15px;
}
#shoppingcart shopping-cart-item {
  padding: 10px;
  margin-bottom: 10px;
}
#shoppingcart shopping-cart-item:nth-child(2n+1) {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#shoppingcart shopping-cart-item a {
  color: #1e1e1e !important;
}
#shoppingcart shopping-cart-item .fa {
  background-color: transparent;
  border: 0;
  color: #6f6f6f !important;
  margin-top: -3px;
}
#shoppingcart shopping-cart-item .btn-delete {
  border: 1px solid #d3d3d3;
}
#shoppingcart shopping-cart-show-more small {
  cursor: pointer;
  color: #707070;
}
#shoppingcart shopping-cart-totals {
  font-size: 14px;
}
#shoppingcart shopping-cart-totals shopping-cart-total {
  padding: 5px 10px;
}
#shoppingcart shopping-cart-totals shopping-cart-total:nth-child(1) {
  color: #DB0032;
}
#shoppingcart shopping-cart-buttons {
  margin-top: 15px;
}
@media (max-width: 468px) {
  shopping-cart {
    min-width: 380px;
    max-width: 380px;
  }
}
@media (max-width: 396px) {
  shopping-cart {
    min-width: 340px;
    max-width: 340px;
  }
}
/*
    Homeslider stylesheet

    @package Solvisoft / CTM
    @author Richard Mauritz
    @since 10-10-2017
*/
.home-slider {
  position: relative;
}
.home-slider .carousel-indicators {
  text-align: center;
}
.home-slider .carousel-indicators li {
  width: 15px;
  height: 15px;
}
.home-slider .carousel-indicators li:after {
  height: 13px;
  width: 13px;
  top: 1px;
  left: 1px;
  background-color: #DB0032;
}
.home-slider .carousel-caption {
  position: absolute;
  padding: 0px;
  text-shadow: none;
  width: 100%;
  top: 50%;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
  transform: translate(0%, -50%);
  margin-top: -25px;
}
.home-slider .carousel-caption small {
  position: relative;
  font-size: 16px;
}
.home-slider .carousel-caption h1,
.home-slider .carousel-caption h2 {
  margin-top: 0;
  font-weight: 700;
}
.home-slider .carousel-caption p {
  line-height: 32px;
  margin: 25px 0;
}
.home-slider .item {
  min-height: 450px;
  /*
            Slider overlay
        */
}
.home-slider .item:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.home-search {
  min-height: 450px;
  padding: 80px 0;
  position: relative;
}
.home-search .container {
  z-index: 10;
  position: relative;
}
.home-search:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.home-search h1,
.home-search h2 {
  color: #fff;
  margin: 0;
  font-size: 30px;
  text-align: center;
}
.home-search .info {
  margin: 25px 0 35px;
  color: #fff;
  max-width: 725px;
}
.home-search .customSearch {
  background-color: #fff;
  padding: 25px;
  -webkit-box-shadow: 0px 1px 5px 0px #444444;
  -moz-box-shadow: 0px 1px 5px 0px #444444;
  box-shadow: 0px 1px 5px 0px #444444;
}
.home-search .customSearch span {
  display: block;
  text-align: left;
  font-size: 15px;
  color: #333;
  margin-bottom: 15px;
}
.home-search .customSearch .primary-searchbox input.form-control {
  padding: 9px;
  border: none;
  background: #f6f6f6;
}
.home-search .customSearch .primary-searchbox button {
  font-size: 18px;
}
@media (max-width: 768px) {
  .home-slider {
    position: relative;
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .mainImage .customSearch {
    width: 100%;
  }
  .mainImage h1 {
    font-size: 35px;
    text-align: center;
  }
}
/*
    Add to favorite modal

    @package Solvisoft
    @author Richard Mauritz
    @since 17-01-2018
*/
#AddToFavouriteModal .modal-body {
  max-height: 500px;
  overflow: auto;
}
#cookie-alert {
  position: fixed;
  bottom: 25px;
  left: 25px;
  width: 400px;
  z-index: 9999;
  background: #DB0032;
  padding: 30px;
  -webkit-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
}
#cookie-alert .close {
  font-size: 24px;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  position: relative;
  z-index: 99;
}
#cookie-alert .close:hover {
  cursor: pointer;
}
#cookie-alert .btn-secondary {
  border: 1px solid #fff;
}
#cookie-alert .cookie-notification h3 {
  font-weight: 500;
  margin-top: 0;
}
#cookie-alert .cookie-notification h3:before {
  content: '\f564';
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  margin-right: 10px;
}
#cookie-alert .cookie-notification .btn {
  width: 100%;
}
#cookie-alert .cookie-settings .cookie-setting-header h3 {
  font-weight: 500;
  margin-top: 0;
  text-align: center;
}
#cookie-alert .cookie-settings .cookie-setting-header hr {
  margin-left: -30px;
  margin-right: -30px;
}
#cookie-alert .cookie-settings .slide-wrapper {
  height: 34px;
}
#cookie-alert .cookie-settings .cookie-permission-input {
  width: 100%;
  height: 34px;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}
#cookie-alert .cookie-settings .cookie-permission-input#essentialCookies {
  cursor: not-allowed;
}
#cookie-alert .cookie-settings .cookie-permission-slider:not(.essential-cookie) {
  border: 1px solid #fff;
  background: #fff;
  border-radius: 24px;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 0;
  pointer-events: none;
  position: absolute;
  height: 34px;
  width: 100%;
  max-width: 70px;
}
#cookie-alert .cookie-settings .cookie-permission-slider:not(.essential-cookie):before {
  content: '';
  background-color: #6f6f6f;
  border-radius: 50%;
  top: 50%;
  left: 3px;
  height: 28px;
  width: 28px;
  position: absolute;
  transition: transform 0.2s ease-out;
  transform: translateY(-50%);
}
#cookie-alert .cookie-settings .cookie-permission-slider:not(.essential-cookie):after {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  position: absolute;
  left: 44px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #cookie-alert .cookie-settings .cookie-permission-slider:not(.essential-cookie) {
    left: 20px;
  }
}
#cookie-alert .cookie-settings .cookie-permission-input:checked + .cookie-permission-slider:before {
  transform: translate(34px, -50%);
  transition-timing-function: ease-out;
}
#cookie-alert .cookie-settings .cookie-permission-input:checked + .cookie-permission-slider:after {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  position: absolute;
  top: 50%;
  opacity: 1;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  transform: translateY(-50%);
}
#cookie-alert .essential-cookie {
  border: 1px solid #fff;
  border-radius: 24px;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 0;
  pointer-events: none;
  position: absolute;
  height: 34px;
  width: 100%;
  max-width: 70px;
}
#cookie-alert .essential-cookie:after {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #cookie-alert .essential-cookie {
    left: 20px;
  }
}
#cookie-alert .alert {
  padding: 0;
  border: none;
}
#cookie-alert .alert h1,
#cookie-alert .alert h2,
#cookie-alert .alert h3 {
  margin-top: 0;
}
#cookie-alert .alert .btn {
  margin-top: 7px;
  padding: 10px;
}
@media (max-width: 767px) {
  #cookie-alert {
    height: -webkit-fill-available;
    max-height: 390px;
    width: 95%;
    bottom: 2.5%;
    left: 2.5%;
    padding: 15px;
    max-height: 440px;
    overflow-y: scroll;
  }
}
.pcg_hotspot {
  fill-opacity: 0.4;
  fill: #fff;
  cursor: pointer;
}
.pcg_hotspot:hover {
  fill: #ccc !important;
  cursor: pointer !important;
}
/*
    Favourite list template stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 20-11-2017
*/
.favourites input[type="number"] {
  max-width: 100%;
  padding: 4px 6px;
}
.favourites .basket-item {
  padding: 15px 0;
}
.favourites .basket-item img {
  max-height: 80px;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #f6f6f6;
}
@media (max-width: 767px) {
  .favourites .basket-item img {
    max-width: 100%;
    max-height: 80px;
  }
}
@media (min-width: 992px) {
  .favourites .basket-item .price-unit-element {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .favourites .table-header-row {
    font-size: 12px;
  }
}
#favourite input[type="number"] {
  height: 40px;
  width: 100%;
}
/*
    New basket item popup stylesheet
*/
.new-basket-item-popover {
  background-color: #fff;
  position: absolute;
  z-index: 190;
  right: -20px;
  top: 50px;
  -webkit-animation-duration: 0.22s;
  -moz-animation-duration: 0.22s;
  animation-duration: 0.22s;
  width: 300px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid #ddd;
}
@media (max-width: 1200px) {
  .new-basket-item-popover {
    right: -30px;
  }
}
@media (max-width: 991px) {
  .new-basket-item-popover {
    right: -10px;
  }
}
@media (max-width: 767px) {
  .new-basket-item-popover {
    right: 5px;
  }
}
.new-basket-item-popover .popover-header {
  background: #f6f6f6;
  padding: 10px;
  text-align: left;
}
.new-basket-item-popover .popover-header i.fa {
  color: #333;
  margin-right: 10px;
}
.new-basket-item-popover .popover-header:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f6f6f6;
  position: absolute;
  top: -15px;
  right: 20px;
}
.new-basket-item-popover .popover-body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -webkit-box-align: start;
  align-items: start;
  padding: 10px;
}
.new-basket-item-popover .popover-body .item-image,
.new-basket-item-popover .popover-body .item-description,
.new-basket-item-popover .popover-body .item-quantity,
.new-basket-item-popover .popover-body .item-price {
  text-align: left;
  flex-grow: 1;
}
.new-basket-item-popover .popover-body .item-quantity {
  text-align: right;
  line-height: 24px;
}
.new-basket-item-popover .popover-body .item-image {
  border: 1px solid #d3d3d3;
  padding: 15px;
  max-width: 80px;
  max-height: 80px;
}
.new-basket-item-popover .popover-body .item-image img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.new-basket-item-popover .popover-body .item-description {
  line-height: 24px;
  padding: 0px 10px;
}
.new-basket-item-popover .popover-body .item-description p {
  margin-top: 10px;
  line-height: 14px;
}
.new-basket-item-popover .popover-body .item-description p small {
  color: #565656;
  font-weight: normal;
}
.new-basket-item-popover .popover-footer {
  padding: 0 10px 10px;
}
.new-basket-item-popover .popover-footer hr {
  margin: 0px 0 10px 0;
}
.new-basket-item-popover .popover-footer .btn-primary {
  position: relative;
  color: var(--primary-theme-button-text-color, #fff);
}
.new-basket-item-popover .popover-footer .btn-primary i {
  color: var(--primary-theme-button-text-color, #fff);
}
@media only screen and (max-width: 560px) {
  .new-basket-item-popover {
    width: 93%;
    position: fixed;
    top: 46px;
  }
}
/*
    SearchFilterSearch stylesheet
*/
.searchfilters-wrapper {
  display: flex;
}
#FilterSearch {
  width: 100%;
}
@media (min-width: 768px) {
  #FilterSearch {
    display: flex;
  }
}
.search-filter-search-box {
  width: inherit;
  background-color: #fff;
  color: var(--black-theme-color, #212121);
  border-color: #f6f6f6;
  margin-right: 5px !important;
  flex: 1;
  padding: 5px 20px 5px 10px;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .search-filter-search-box {
    margin: 15px 0;
  }
}
.search-filter-search-btn {
  background-color: #E5AD3F;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
@media (max-width: 767px) {
  .search-filter-search-btn {
    width: 100%;
  }
}
#loginModal .modal-lg {
  width: 350px;
}
@media (max-width: 767px) {
  #loginModal .modal-lg {
    width: 300px;
    margin: 30px auto;
  }
}
#loginModal .modal-lg .field-validation-error {
  font-size: 12px;
}
#loginModal .modal-lg .loginbuttondiv {
  padding: 0;
  margin-top: 15px;
}
#loginModal .modal-lg .loginbuttondiv button {
  float: right;
  color: #fff;
}
#loginModal .modal-lg .loginbuttondiv button i {
  color: #fff;
}
#loginModal .modal-lg ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
#loginModal .modal-lg ul li {
  float: left;
  width: 50%;
}
#loginModal .modal-lg ul li:first-child {
  text-align: left;
}
.forgot_password_form {
  display: none;
}
dialog {
  position: fixed;
}
.login-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
  padding-left: 15px;
}
.login-header label {
  font-weight: normal;
  font-size: 16px;
}
.login-header .fa {
  position: relative;
  top: -4px;
  right: -2px;
  color: #e5e5e5;
  cursor: pointer;
}
.login-footer {
  padding: 15px 15px 0px 15px;
  border-top: 1px solid #e5e5e5;
  font-size: 13px;
}
.grey-box .form-group {
  margin-bottom: 0;
}
.grey-box input[type="text"],
.grey-box input[type="email"],
.grey-box input[type="number"],
.grey-box input[type="file"] {
  height: 40px;
}
.grey-box input[type="checkbox"] {
  margin-bottom: 15px;
}
.grey-box.register-box .form-group label {
  margin-bottom: 10px;
}
.grey-box.register-box .form-group label.custom-upload-box {
  background: #DB0032;
  padding: 8px 15px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
.grey-box.register-box .form-group #FilesToUpload {
  display: none;
}
.grey-box.register-box .form-group span {
  top: -3px;
  position: relative;
}
.grey-box .register-checkbox label p {
  display: inline;
}
.login-block .nav-pills {
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.login-block .nav-pills > li.active {
  display: none;
}
@media (min-width: 577px) {
  .login-block .nav-pills > li > a {
    padding: 0;
  }
}
#articleSlider-2 {
  /* Zoom class */
}
#articleSlider-2 .lighbox-component-content img {
  width: auto !important;
}
#articleSlider-2 .normal-zoom {
  transform: scale(1);
  cursor: zoom-in;
  transition: transform 100ms;
}
#articleSlider-2 .zoom-in {
  transform: scale(3.5);
  cursor: zoom-out;
  transition: transform 100ms;
}
#articleSlider-2 .carousel-inner {
  width: 100%;
  overflow: hidden;
  border: 3px solid #f6f6f6;
  position: relative;
  display: block;
}
#articleSlider-2 .carousel-inner:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#articleSlider-2 .carousel-inner .btn-preview {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  width: 40px;
  display: inline-block;
  transition: 0.2s ease;
  text-align: center;
  z-index: 1;
  background-color: #E5AD3F;
  border: 1px solid #E5AD3F;
}
#articleSlider-2 .carousel-inner .btn-preview .fa-search {
  margin-top: -10px;
  color: #fff;
  padding: 0;
  margin-left: -3px;
  top: -2px;
  position: relative;
}
#articleSlider-2 .carousel-inner .object-btn {
  position: absolute;
  right: 50%;
  top: 50%;
  font-size: 16px;
  display: inline-block;
  transition: 0.2s ease;
  text-align: center;
  z-index: 1;
  transform: translate(50%, -50%);
}
#articleSlider-2 .carousel-inner .item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  text-align: center;
}
#articleSlider-2 .carousel-inner .item .img-responsive {
  width: auto;
  max-width: 75%;
  max-height: 75%;
  display: block;
  /* Position image */
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#articleSlider-2 .carousel-inner .item .img-opacity {
  opacity: 0.5;
}
#articleSlider-2 .indicator-slide {
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: -80px;
}
#articleSlider-2 .indicator-slide .img-opacity {
  opacity: 0.7;
}
#articleSlider-2 .indicator-slide .object-icon {
  background-image: url('../../Uploads/Images/cube-solid.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25%;
  left: 75%;
  transform: translate(-50%, -50%);
  z-index: 99;
  opacity: 0.7;
}
#articleSlider-2 .carousel-indicators {
  margin: 10px 0 0;
  overflow: auto;
  position: static;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
#articleSlider-2 .carousel-indicators li {
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  height: 75px;
  margin: 0 !important;
  width: 75px;
  padding-left: 0;
  border: 3px solid #f6f6f6;
  z-index: 0;
}
#articleSlider-2 .carousel-indicators:last-child.active + .right.carousel-control {
  display: none;
}
#articleSlider-2 .carousel-indicators:first-child.active + .item-slider-component.left.carousel-contol {
  display: none;
}
#articleSlider-2 .carousel-indicators li.active {
  width: 75px;
  height: 75px;
  background: none;
  border: 3px solid #E5AD3F;
}
#articleSlider-2 .carousel-indicators img {
  border: none;
  float: left;
  height: 70px;
  left: 0;
  width: 70px;
  object-fit: contain;
  display: block;
}
#articleSlider-2 .carousel-indicators li.active:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  opacity: 0;
}
#articleSlider-2 .carousel-control.right,
#articleSlider-2 .carousel-control.left {
  opacity: 1;
  color: #E5AD3F;
  background: none;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  height: 60px;
  font-size: 45px;
  text-shadow: none;
}
#articleSlider-2 .carousel-control.right {
  display: block;
}
#itemModal .close {
  color: #E5AD3F;
  opacity: 1;
  text-shadow: none;
  z-index: 3;
}
.slider-padding {
  padding: 50px 0;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/************ [START] Article slider ************/
#itemModal.temp-visible {
  display: block !important;
  pointer-events: none;
}
#itemModal .modal-body {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #itemModal {
    padding: 0;
  }
  #itemModal .modal-body {
    margin-top: 0;
  }
  #itemModal .container {
    padding: 0;
  }
}
#itemModal item-slider-lightbox-component {
  display: block;
  height: 90vh;
}
@media only screen and (max-width: 767px) {
  #itemModal item-slider-lightbox-component {
    height: calc(100vh - 30px);
  }
}
/****** Single Glide slider ******/
.glider-single {
  padding: 0 40px;
}
@media only screen and (max-height: 600px) {
  .glider-single {
    padding: 0 40px;
    max-height: 400px;
  }
}
.glider-single .glide__arrows {
  width: calc(100% - 80px);
  color: #E5AD3F;
}
.glider-single .glide__slide,
.glider-single .glide__slide img {
  max-height: 70vh;
  object-fit: contain;
}
@media only screen and (max-height: 600px) {
  .glider-single .glide__slide,
  .glider-single .glide__slide img {
    max-height: 400px;
  }
}
/****** Navigation Glide slider ******/
.glider-nav .glide__slide {
  position: relative;
  cursor: pointer;
}
.glider-nav .glide__slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 2px #e8e5e5;
  left: 0px;
}
.glider-nav .glide__slide--active::before {
  border-color: #E5AD3F;
}
.glider-nav .glide__slide .glide__image {
  padding: 4px;
}
.AutodeskViewerDiv .adsk-viewing-viewer .progressbg {
  width: 80%;
  margin: 0 10% 15px 10%;
  height: 6px;
  left: 0;
  border-radius: 6px;
}
.AutodeskViewerDiv .adsk-viewing-viewer .progressbg .progressfg {
  height: 6px;
  background: linear-gradient(90deg, #E5AD3F, #E5AD3F);
  border-radius: 6px;
}
.AutodeskViewerDiv .adsk-viewing-viewer #toolbar-propertiesTool {
  display: none;
}
.AutodeskViewerDiv .adsk-viewing-viewer .homeViewWrapper,
.AutodeskViewerDiv .adsk-viewing-viewer .bimwalk .info-icon {
  background-image: unset;
  opacity: 1;
  position: absolute;
  z-index: 99;
  right: 45px;
}
.AutodeskViewerDiv .adsk-viewing-viewer .homeViewWrapper:before,
.AutodeskViewerDiv .adsk-viewing-viewer .bimwalk .info-icon:before {
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
  color: var(--black-theme-color, #212121);
  font-size: 18px;
}
.AutodeskViewerDiv .adsk-viewing-viewer .homeViewWrapper {
  margin: 5px 0 0 0;
}
.AutodeskViewerDiv .adsk-viewing-viewer .homeViewWrapper:before {
  content: '\f015';
}
.AutodeskViewerDiv .adsk-viewing-viewer .bimwalk .info-icon {
  margin: -7px -10px 0 0;
}
.AutodeskViewerDiv .adsk-viewing-viewer .bimwalk .info-icon:before {
  content: '\f05a';
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .adsk-button.active,
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .adsk-button:focus,
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .adsk-button:hover {
  color: var(--primary-theme-button-styling-background-color, #E5AD3F);
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .adsk-button:hover {
  border-color: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button {
  background-color: var(--primary-theme-button-styling-background-color, #E5AD3F);
  transition: 0.2s;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button:active,
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button:focus,
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button:hover,
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button.active {
  transition: 0.2s;
  background: var(--primary-theme-button-styling-background-color-hover, #E5AD3F);
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .docking-panel-primary-button label {
  background-color: var(--primary-theme-button-styling-background-color, #E5AD3F);
  transition: 0.2s;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .viewer-settings-panel.docking-panel .settings-tabs .tabselected span {
  border-color: var(--primary-theme-button-styling-background-color, #E5AD3F);
  color: #E5AD3F;
  transition: 0.2s;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .viewer-settings-panel.docking-panel .settings-tabs .tabselected span:hover {
  color: #E5AD3F;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .bimwalk .tooltip-info {
  background: unset;
  box-shadow: unset;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .bimwalk .tooltip-info.open {
  opacity: 1;
}
.AutodeskViewerDiv .adsk-viewing-viewer.dark-theme .adsk-toolbar .adsk-label-button label {
  position: relative;
  top: -5px;
}
#footer .footer-top {
  padding: 15px 0;
  background-color: #f6f6f6;
}
#footer .footer-top p {
  font-size: 21px;
  font-weight: 700;
  float: left;
  margin: 0;
  line-height: 42px;
}
@media (max-width: 991px) {
  #footer .footer-top p {
    font-size: 17px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  #footer .footer-top p {
    font-size: 16px;
  }
}
#footer .footer-top a {
  float: right;
}
@media (max-width: 767px) {
  #footer .footer-top a {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#footer .footer-middle {
  padding: 45px 0;
  background-color: var(--footer-theme-background-color, #28343d);
  color: var(--footer-theme-text-color, #fff);
  line-height: 28px;
  font-size: 12px;
}
#footer .footer-middle h1,
#footer .footer-middle h2,
#footer .footer-middle h3,
#footer .footer-middle h4,
#footer .footer-middle h5,
#footer .footer-middle h6,
#footer .footer-middle strong {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 15px 0;
}
#footer .footer-middle .pagetext-accordion a {
  color: var(--footer-theme-text-color, #fff);
}
#footer .footer-middle img {
  margin-bottom: 25px;
  width: 50%;
  height: 50%;
}
#footer .footer-middle ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#footer .footer-middle ul li a {
  color: var(--footer-theme-text-color, #fff);
}
@media (max-width: 991px) {
  #footer .footer-middle .page-text-default {
    margin-bottom: 20px;
  }
}
#footer .footer-bottom {
  padding: 15px 0;
  background-color: var(--footer-theme-background-color, #28343d);
  color: var(--footer-theme-text-color, #fff);
  text-align: center;
  font-size: 12px;
}
#footer .footer-bottom .footer-bottom-text {
  display: inline-flex;
  justify-content: center;
}
.powered-by-section {
  font-size: 11px;
  padding: 10px 0;
}
.powered-by-section .powered-by-content {
  display: flex;
  justify-content: center;
}
.powered-by-section .powered-by-content p {
  margin-bottom: 0;
}
header {
  position: relative;
  z-index: 50;
}
header .top-header-btn .btn {
  padding: 0px 3px;
  font-size: inherit;
}
.top-bar-customer-notification {
  background-color: #fff;
  padding: 5px 0;
}
.top-bar-customer-notification .carousel .item p {
  margin: 0;
}
.top-bar {
  background-color: #f6f6f6;
  padding: 10px 0;
  font-size: 12px;
  color: #fff;
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f6f6f6 50%, #DB0032 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@grey-color', endColorstr='@primary-color', GradientType=1);
  /* IE6-9 */
}
@media (max-width: 767px) {
  .top-bar {
    overflow: hidden;
  }
}
.top-bar .container {
  background: #f6f6f6;
  padding: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(left, #f6f6f6 81%, #DB0032 50%);
  background: -o-linear-gradient(left, #f6f6f6 81%, #DB0032 50%);
  background: linear-gradient(to right, #f6f6f6 81%, #DB0032 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: var(--black-theme-color, #212121);
}
@media (min-width: 300px) and (max-width: 568px) {
  .top-bar .container {
    background: -webkit-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
    background: -o-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
    background: linear-gradient(to right, #f6f6f6 50%, #DB0032 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  .top-bar .container {
    background: -webkit-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
    background: -o-linear-gradient(left, #f6f6f6 50%, #DB0032 50%);
    background: linear-gradient(to right, #f6f6f6 50%, #DB0032 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .top-bar .container {
    background: -webkit-linear-gradient(left, #f6f6f6 75%, #DB0032 50%);
    background: -o-linear-gradient(left, #f6f6f6 75%, #DB0032 50%);
    background: linear-gradient(to right, #f6f6f6 75%, #DB0032 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
.top-bar .fa {
  color: #fff;
}
.top-bar .login > * {
  color: #fff;
}
.top-bar .white a {
  color: #fff;
}
.login {
  position: relative;
  float: right;
}
.login .open-login {
  display: inline-block;
}
.login span:last-child {
  padding: 10px 15px 10px 10px;
}
.login ul,
.login span,
.login .login-button {
  position: relative;
  z-index: 5;
  text-align: right;
  margin: -10px;
  padding: 10px 25px 10px 10px;
}
.login ul:hover,
.login span:hover,
.login .login-button:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .login ul,
  .login span,
  .login .login-button {
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
  }
}
.login ul {
  list-style: none;
  padding-right: 15px;
}
.login ul li {
  position: relative;
  text-align: right;
}
.login ul li a i {
  margin-left: 7px;
}
.login ul li a:hover {
  text-decoration: none;
}
.login ul li a.mainButton {
  margin: -20px 0;
  padding: 20px 0;
}
.login ul li:hover ul {
  display: block;
}
.login ul li ul {
  position: absolute;
  background-color: #fff;
  top: 34px;
  right: 0;
  display: none;
  z-index: 200;
  min-width: 176px;
  -webkit-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 0;
}
.login ul li ul li {
  border-top: 1px solid #f6f6f6;
  padding: 0;
}
.login ul li ul li:first-child {
  border-top: none;
}
.login ul li ul li a {
  padding: 15px;
  text-align: left;
  display: block;
  color: var(--black-theme-color, #212121);
}
.login ul li ul li a:hover {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
@media (max-width: 991px) {
  .top-bar .login ul li .submenu {
    right: -5px;
  }
}
@media (max-width: 767px) {
  .top-bar .login ul li .submenu {
    top: 39px;
    right: -10px;
  }
}
.primary-header {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .primary-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.primary-header #LanguageSelector {
  float: right;
}
.primary-header .fa {
  color: #ccc;
}
.primary-header shopping-cart-buttons .fa {
  color: var(--primary-theme-button-text-color, #fff);
}
.primary-header .logo img {
  max-height: var(--logo-height-theme, initial);
  object-fit: contain;
}
@media (min-width: 768px) {
  .primary-header .logo img {
    height: auto;
    width: auto;
    max-width: 50%;
  }
}
.secondary-header {
  background-color: #DB0032;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 0.2s all;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.secondary-header.fixed-top {
  box-shadow: 0px 10px 13px rgba(0, 0, 0, 0.11);
}
.secondary-header .nav.navbar-nav dropdown-menu {
  margin-top: 10px;
}
.secondary-header .nav > li > a {
  background-color: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.secondary-header .nav.navbar-nav > li .dropdown {
  min-width: 200px;
}
.secondary-header .nav.navbar-nav > li:hover > a {
  text-decoration: none;
}
.secondary-header .nav > li > :hover,
.secondary-header .nav > li > :focus {
  background-color: white;
  outline: none;
  text-decoration: none;
  color: var(--black-theme-color, #212121);
}
.secondary-header .li-dropdown:hover:before,
.secondary-header li-dropdown:focus:before {
  content: "";
  height: 20px;
  position: absolute;
  bottom: -10px;
  width: 100%;
  background-color: transparent;
}
.secondary-header .li-dropdown:hover .has-dropdown:before,
.secondary-header li-dropdown:focus .has-dropdown:before {
  left: 0;
  content: "";
  height: 20px;
  position: absolute;
  bottom: -10px;
  width: 100%;
  background-color: #fff;
  z-index: 5;
}
dropdown-menu .nav.navbar-nav {
  width: 100%;
}
dropdown-menu .nav.navbar-nav li {
  width: 100%;
}
dropdown-menu .nav.navbar-nav li a {
  color: var(--black-theme-color, #212121);
  padding: 10px 10px 10px 20px;
  font-weight: 400;
  font-size: inherit;
  width: 100%;
  min-height: 44px;
}
dropdown-menu .nav.navbar-nav li:focus a,
dropdown-menu .nav.navbar-nav li:hover a {
  text-decoration: underline !important;
  color: #DB0032;
}
.valuta-switch-selector {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  border: none;
  padding: 0px 20px 0px 10px;
}
.menu-wrapper .nav > li > a {
  color: inherit;
}
.webshop-logo {
  max-height: var(--logo-height-theme, 100%);
}
[ng-toggle-mobile-menu] {
  background-color: transparent;
  border: none;
  font-size: 24px;
  outline: none;
  color: #fff;
}
.header-menu-toggle {
  color: inherit;
}
mobile-menu {
  left: -100%;
  transition: 0.2s all ease;
}
mobile-menu {
  position: fixed;
  width: 100%;
  display: block;
  height: 100vh;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--mobile-menu-background-color, #333);
}
mobile-menu .title {
  font-weight: bold;
  color: #999;
}
mobile-menu .mobile {
  position: relative;
  width: 100%;
  height: 100%;
}
mobile-menu .mobile-controls,
mobile-menu .mobile-bottom-controls {
  background: var(--mobile-menu-background-color, #333);
  padding: 10px;
}
mobile-menu .mobile-controls button.back-button {
  background-color: #777;
  border: none;
  height: 40px;
  text-align: center;
  color: #fff;
  width: 40px;
  padding: 3px 14px;
}
mobile-menu .mobile-controls button.back-button i {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
mobile-menu button:hover {
  cursor: pointer;
}
mobile-menu .mobile-controls button:hover {
  background: #fff;
  color: #000;
}
mobile-menu .mobile-controls .back-button {
  display: none;
}
mobile-menu .close-menu {
  background-color: #777;
  color: #fff;
  padding: 3px 7px;
  margin: 0px 5px;
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  transition: 0.2s ease;
  border: none;
}
mobile-menu .close-menu:focus,
mobile-menu .close-menu:hover {
  color: var(--black-theme-color, #212121) !important;
}
mobile-menu .mobile-menu {
  background: var(--mobile-menu-background-color, #333);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
mobile-menu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  transition: 0.25s;
  color: #fff;
  padding-bottom: 75px;
}
mobile-menu li {
  border-bottom: 1px solid var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
  display: flex;
  justify-content: space-between;
  list-style: none;
}
mobile-menu li a {
  color: #ccc;
  padding: 10px;
  text-decoration: none;
  position: relative;
}
mobile-menu li button {
  background: none;
  border: 0;
  flex: 1;
  text-align: right;
  padding: 10px;
}
mobile-menu li:hover {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
mobile-menu li:hover > a {
  color: #E5AD3F;
}
mobile-menu li:hover > button {
  color: #fff;
}
mobile-menu .mobile-menu > ul {
  top: 64px;
  left: 0;
  padding-bottom: 61px;
}
mobile-menu .mobile-menu > ul ul {
  display: none;
  top: 0;
  left: 100%;
}
mobile-menu ul li {
  position: initial;
}
mobile-menu .mobile-bottom-controls {
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #ccc;
}
mobile-menu .mobile-bottom-controls button,
mobile-menu .mobile-bottom-controls .btn-link:focus,
mobile-menu .mobile-bottom-controls .btn-link:hover,
mobile-menu .mobile-bottom-controls .btn-link:active {
  color: #ccc;
}
mobile-menu .valuta-switch-selector {
  padding: 9px 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .mobile-assortment-content {
    padding: 5px;
  }
}
.mobile-assortment-content h1,
.mobile-assortment-content h2,
.mobile-assortment-content h3 {
  font-size: 24px;
}
.mobile-assortment-content tbody tr {
  display: block;
}
.mobile-assortment-content tbody tr td,
.mobile-assortment-content tbody tr th {
  vertical-align: top;
  display: inline-block;
  width: 31%;
  color: var(--black-theme-color, #212121);
}
@media (max-width: 991px) {
  .mobile-assortment-content tbody tr td,
  .mobile-assortment-content tbody tr th {
    margin-bottom: 20px;
    width: 32%;
    margin-bottom: 15px;
    font-size: 13px;
  }
}
.mobile-assortment-content tbody tr td strong,
.mobile-assortment-content tbody tr th strong,
.mobile-assortment-content tbody tr td a,
.mobile-assortment-content tbody tr th a,
.mobile-assortment-content tbody tr td img,
.mobile-assortment-content tbody tr th img,
.mobile-assortment-content tbody tr td div,
.mobile-assortment-content tbody tr th div,
.mobile-assortment-content tbody tr td p,
.mobile-assortment-content tbody tr th p,
.mobile-assortment-content tbody tr td span,
.mobile-assortment-content tbody tr th span,
.mobile-assortment-content tbody tr td *,
.mobile-assortment-content tbody tr th * {
  display: block;
  padding: 3px 5px;
  color: inherit;
}
@media (max-width: 991px) {
  .mobile-assortment-content tbody tr td strong,
  .mobile-assortment-content tbody tr th strong,
  .mobile-assortment-content tbody tr td a,
  .mobile-assortment-content tbody tr th a,
  .mobile-assortment-content tbody tr td img,
  .mobile-assortment-content tbody tr th img,
  .mobile-assortment-content tbody tr td div,
  .mobile-assortment-content tbody tr th div,
  .mobile-assortment-content tbody tr td p,
  .mobile-assortment-content tbody tr th p,
  .mobile-assortment-content tbody tr td span,
  .mobile-assortment-content tbody tr th span,
  .mobile-assortment-content tbody tr td *,
  .mobile-assortment-content tbody tr th * {
    padding: 0 3px;
  }
}
.category-header {
  height: 140px;
  padding: 0;
  overflow: hidden;
}
.category-header figure.image {
  display: initial;
}
.category-header img {
  min-width: 100%;
  min-height: 100%;
  max-height: unset;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .category-header {
    height: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .category-header {
    height: 300px;
  }
}
.category-header-content {
  padding: 30px;
  text-align: center;
}
.category-header-content * {
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .category-header-content {
    padding: 60px;
  }
}
#product-details {
  /* Tabs*/
}
#product-details .variation-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  #product-details .variation-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
#product-details .variation-container.with-input {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  #product-details .variation-container.with-input {
    grid-template-columns: repeat(2, 1fr);
  }
}
#product-details .variation-container.with-input .single-variation {
  display: flex;
  align-items: center;
}
#product-details .variation-container.with-input .single-variation .variant-content {
  flex: 2;
}
@media only screen and (max-width: 991px) {
  #product-details .variation-container.with-input .single-variation .variant-content {
    flex: 1;
  }
}
#product-details .variation-container.with-input .single-variation .variant-input {
  flex: 1;
  margin-top: 0;
}
#product-details .variant-img-wrapper {
  position: relative;
}
#product-details .variation-stock {
  position: absolute;
  top: 0;
  right: 0px;
}
#product-details .variation-stock > small.inline-block {
  display: flex !important;
}
#product-details .variation-stock > small.inline-block span {
  margin: 0;
}
#product-details .single-variation .variant-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
#product-details .single-variation .variant-desc {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 3px;
  width: 100%;
  line-height: 1;
}
#product-details .single-variation .variation-desc-width {
  width: 52px;
}
#product-details .single-variation .variant-img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
#product-details .single-variation .variant-input {
  position: relative;
}
@media (min-width: 992px) {
  #product-details .single-variation .variant-input .plus-control,
  #product-details .single-variation .variant-input .minus-control {
    right: unset;
    left: 60px;
  }
  #product-details .single-variation .variant-input input {
    width: 60px;
  }
}
@media (max-width: 991px) {
  #product-details .single-variation .variant-input {
    width: 100%;
    margin-top: 10px;
  }
}
#product-details .single-variation .selected-variant {
  border-color: #E5AD3F !important;
}
#product-details .option-container {
  padding: 15px 30px;
}
@media (max-width: 767px) {
  #product-details .option-container .show-option {
    height: 100%;
    opacity: 1;
    -webkit-transition: 0.12s;
    -moz-transition: 0.12s;
    -o-transition: 0.12s;
    transition: 0.12s;
  }
  #product-details .option-container .hide-option {
    position: relative;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.12s;
    -moz-transition: 0.12s;
    -o-transition: 0.12s;
    transition: 0.12s;
  }
}
@media (min-width: 992px) {
  #product-details .option-container .calculate-price-wrapper {
    padding-right: 0;
  }
}
#product-details .option-container .fa-check {
  color: green;
}
#product-details .option-container hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
#product-details .option-container .pagination {
  margin-top: 10px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  #product-details .option-container input,
  #product-details .option-container select {
    margin-bottom: 0;
  }
}
#product-details .option-container .option-tooltip {
  margin-left: 5px;
}
@media (max-width: 991px) {
  #product-details .option-container .option-tooltip {
    margin-left: 15px;
  }
}
#product-details .option-container .option-tooltip i.fas,
#product-details .option-container .option-tooltip i.far,
#product-details .option-container .option-tooltip i.fa {
  color: #DB0032;
}
#product-details .option-container .option-wrapper {
  grid-column-start: auto;
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
@media (min-width: 1200px) {
  #product-details .option-container .option-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #product-details .option-container .option-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  #product-details .option-container .option-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
#product-details .option-container .option-wrapper .option-child {
  flex-direction: column;
  flex: 1;
}
#product-details .option-container .option-wrapper .option-child a.option-img {
  height: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 3px solid #f8f8f8;
  background: #fff;
}
#product-details .option-container .option-wrapper .option-child a.option-img:hover {
  text-decoration: none;
}
#product-details .option-container .option-wrapper .option-child a.option-img img {
  object-fit: contain;
  margin: auto;
  width: 85px;
  height: 85px;
}
#product-details .option-container .option-wrapper .option-child .selected-option {
  border-color: #E5AD3F !important;
}
#product-details .lotnumber-container .lotnumber-section {
  background-color: #f6f6f6;
  padding: 15px;
}
#product-details .lotnumber-container .lotnumber-amount-input .d-flex {
  display: flex;
  gap: 30px;
  align-items: center;
}
#product-details .lotnumber-container .lotnumber-amount-input .d-flex input {
  margin-bottom: 0;
}
#product-details .lotnumber-container .lotnumber-amount-input .d-flex span {
  display: flex;
  align-content: center;
}
#product-details .lotnumber-container .add-uom-section {
  background-color: #fff;
  padding: 5px;
}
#product-details .lotnumber-container .add-uom-section .detail-quantity-box > div {
  display: flex;
  align-items: center;
  padding: 7.5px 0;
}
@media (max-width: 991px) {
  #product-details .lotnumber-container .add-uom-section .detail-quantity-box > div {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  #product-details .lotnumber-container .add-uom-section .detail-quantity-box .quantity-desc {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #product-details .lotnumber-container .add-uom-section .detail-quantity-box .quantity-desc {
    margin-bottom: 15px;
  }
}
#product-details .lotnumber-container .lotnumber-controls {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 991px) {
  #product-details .lotnumber-container .lotnumber-controls {
    flex-direction: column;
  }
}
#product-details .lotnumber-container .lotnumber-controls > * {
  flex: 1;
}
#product-details .lotnumber-container smalll {
  color: var(--black-theme-color, #212121);
}
#product-details .lotnumber-container .lotnumber-price {
  font-weight: bold;
  font-size: 16px;
  display: block;
  color: #E5AD3F;
}
@media (min-width: 768px) {
  #product-details .price-box-padding {
    padding-left: 15px;
  }
}
#product-details .price-box-padding .price-box {
  background: #fafafa;
  color: var(--black-theme-color, #212121);
  padding: 10px;
  margin-left: 0px;
  text-align: center;
}
@media (max-width: 767px) {
  #product-details .price-box-padding .price-box {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: left;
    padding: 10px 15px;
  }
  #product-details .price-box-padding .price-box br {
    display: none;
  }
}
@media (max-width: 991px) {
  #product-details .price-box-padding .price-box {
    font-size: 13px;
  }
}
#product-details .net-price-label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: normal;
}
#product-details .page-heading {
  margin-bottom: 30px;
}
#product-details .page-heading h2 {
  margin-top: 0;
}
#product-details .brand-wrapper {
  position: relative;
  z-index: 0;
}
#product-details .brand-wrapper .brand-image {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}
@media (max-width: 991px) {
  #product-details .brand-wrapper .brand-image {
    max-width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  #product-details .brand-wrapper .brand-image {
    max-width: 150px;
    height: 75px;
  }
}
#product-details .export-buttons .visible {
  display: none;
}
#product-details .export-buttons a {
  text-decoration: none;
}
#product-details .export-buttons a:last-child {
  margin-left: 5px;
}
#product-details .export-buttons i {
  color: #ccc;
  font-size: 20px;
  position: relative;
  top: 3px;
}
#product-details .export-buttons i:hover,
#product-details .export-buttons i:active,
#product-details .export-buttons i:visited {
  color: #E5AD3F;
}
@media (min-width: 320px) and (max-width: 576px) {
  #product-details .export-buttons {
    margin-bottom: 20px;
  }
  #product-details .export-buttons .visible {
    display: inline-block;
  }
  #product-details .export-buttons i {
    margin-left: 10px;
  }
}
#product-details .product-extra-information-block {
  margin-top: 40px;
}
#product-details .basket-quantity-control {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 991px) {
  #product-details .basket-quantity-control {
    width: 50%;
  }
}
#product-details .item-stock {
  font-size: 15px;
}
#product-details .medium-section {
  padding-top: 0;
}
#product-details .product-price {
  font-size: 28px;
  font-weight: bold;
  padding-inline: 15px;
}
@media (max-width: 991px) {
  #product-details .product-price {
    margin-bottom: 0;
  }
}
#product-details .product-price h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 767px) {
  #product-details #list-price {
    margin: 15px 0;
  }
}
#product-details .product-specifications h3 {
  color: var(--black-theme-color, #212121);
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}
#product-details .product-specifications .item-downloads a {
  color: #DB0032;
}
#product-details .product-specifications .item-downloads .item-document {
  padding: 10px 15px;
}
#product-details .product-specifications .item-downloads .item-document:nth-child(even) {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#product-details .product-specifications .specification-box .row {
  padding: 10px 0px;
}
#product-details .product-specifications .specification-box .row:nth-child(even) {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#product-details .detail-quantity-box {
  margin-bottom: 0;
}
#product-details .product-actions .btn-favorite {
  margin-top: 0;
  height: 40px;
}
@media (max-width: 767px) {
  #product-details .product-actions .btn-favorite {
    padding: 16px 8px;
  }
}
#product-details .tabs {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
#product-details .tabs ul li {
  padding-right: 0;
}
@media (max-width: 767px) {
  #product-details .tabs h3 {
    color: var(--black-theme-color, #212121);
    font-size: 16px;
    font-weight: 700;
    padding: 0 15px;
    margin-top: 10px;
  }
}
#product-details #tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  #product-details #tab-button {
    display: flex;
  }
}
#product-details #tab-button li {
  display: inline-flex;
  border-bottom: 1px solid #E5AD3F;
}
#product-details #tab-button li a {
  display: block;
  background: #f6f6f6;
  text-align: center;
  color: var(--black-theme-color, #212121);
  text-decoration: none;
  padding: 10px;
}
#product-details #tab-button li:not(:first-child) a {
  border-left: none;
}
#product-details #tab-button li a:hover,
#product-details #tab-button .is-active a {
  border-bottom-color: transparent;
  background: #E5AD3F;
  color: #fff;
}
#product-details .tab-contents {
  padding: 20px 30px;
  border: 2px solid #f6f6f6;
  border-top: 2px solid #E5AD3F;
}
@media (max-width: 767px) {
  #product-details .tab-contents {
    padding: 15px;
  }
}
#product-details .tab-button-outer {
  display: none;
}
#product-details .tab-contents {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  #product-details .tab-button-outer {
    position: relative;
    z-index: 2;
    display: flex;
  }
  #product-details .tab-select-outer {
    display: none;
  }
  #product-details .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}
#product-details .variation-overview-wrapper {
  overflow: auto;
  max-height: 85vh;
  scrollbar-width: thin;
  /* For Firefox */
  scrollbar-color: #DB0032 #f0f0f0;
  /* Scrollbar color for Firefox */
  z-index: 2;
  transition: 0.2s;
}
#product-details .variation-overview-wrapper .table-header-row {
  position: sticky;
  top: 0;
}
#product-details .variation-overview-wrapper .row-variation-desc {
  position: sticky;
  left: 0;
  background-color: #DB0032;
  color: #fff;
  align-content: center;
  font-weight: bold;
  z-index: 1;
}
#product-details .variation-overview-wrapper .highlight-row {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#product-details .variation-overview-wrapper .highlight-column {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#product-details .variation-overview-wrapper .variation-column-bg {
  background-color: var(--primary-theme-opacity-color, rgba(40, 52, 61, 0.3));
  padding: 7.5px 5px;
  transition: 0.2s;
}
#product-details .variation-overview-wrapper .variation-column-bg .variation-item-information {
  opacity: 0;
  font-weight: bold;
}
#product-details .variation-overview-wrapper .variation-column-bg:hover {
  background-color: #E5AD3F;
  transition: 0.2s;
}
#product-details .variation-overview-wrapper .variation-column-bg:hover .variation-item-information {
  opacity: 1;
  font-weight: bold;
}
#product-details .variation-overview-wrapper .variation-column-bg:hover .variation-item-information span,
#product-details .variation-overview-wrapper .variation-column-bg:hover .variation-item-information a {
  text-decoration: none;
}
#product-details .variation-overview-wrapper::-webkit-scrollbar {
  width: 12px;
  /* Width of the vertical scrollbar */
  height: 12px;
  /* Height of the horizontal scrollbar */
}
#product-details .variation-overview-wrapper::-webkit-scrollbar-track {
  background: #f6f6f6;
  /* Track background color */
  border-radius: 100px;
  /* Optional: Rounded corners */
}
#product-details .variation-overview-wrapper::-webkit-scrollbar-thumb {
  background-color: #DB0032;
  /* Scrollbar thumb color */
  border-radius: 100px;
  /* Rounded corners */
  border: 3px solid #f6f6f6;
  /* Adds padding around the thumb */
}
#product-details .variation-overview-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #C6C2BE;
  /* Darker thumb color on hover */
}
#product-details .img-zoom {
  transition: 0.2s;
}
#product-details .img-zoom:hover {
  transform: scale(3);
  transition: 0.2s;
}
#product-details .alternative-price-label {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  margin-top: 5px;
  line-height: 1.5;
}
#itemVariationOverviewModal .item-variation-desc {
  font-size: 1.3em;
  margin-bottom: 15px;
}
@media (min-width: 320px) and (max-width: 991px) {
  .detail-quantity-box {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.detail-quantity-box .plus-control,
.detail-quantity-box .minus-control {
  right: -5px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}
@media (min-width: 991px) {
  .modal-dialog {
    width: 800px;
  }
}
.carousel-indicators.scroll::-webkit-scrollbar {
  display: none;
}
.modal button {
  outline: none;
}
.modal .modal-body .close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal .modal-body img {
  width: 100%;
}
.modal .modal-body .width-100 {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 479px) {
  .modal .mobile-margin-slider {
    margin-bottom: 70px;
  }
}
.product-price {
  position: relative;
}
.barcode {
  transform: scale(1.5);
}
/*
**** Stylesheet used for serveral sections in the standard.
**** Listview, Listview initial, Grid view, Top Item label, Relations
*/
/* Section at the top of the list/gridview */
.page-title h2 {
  font-weight: 900;
  font-size: 36px;
}
.grid-control {
  border-bottom: 2px solid #f6f6f6;
  padding-bottom: 15px;
  font-size: 13px;
}
.grid-control .padding-left-0 {
  padding-left: 0;
}
@media (max-width: 1199px) {
  .grid-control {
    font-size: 13px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .grid-control .results-mobile {
    margin-top: 15px;
  }
}
.grid-control .pagination {
  float: left;
  margin: 0;
}
@media (max-width: 767px) {
  .grid-control .pagination > li > a {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .grid-control .pagination {
    float: none;
  }
}
.grid-control .amount-per-page {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #000;
  font-weight: bold;
  outline: none;
}
.grid-control .amount-per-page:focus {
  border-color: #DB0032;
}
.grid-control .btn-grid {
  background-color: transparent;
  border: none;
  font-size: 15px;
  color: #ccc;
  padding: 0;
  padding-left: 5px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.grid-control .btn-grid.active {
  color: #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.grid-control .btn-grid:hover {
  color: #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.grid-control .btn-grid:focus {
  color: #DB0032;
  outline: none;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
/* datalistview used when there is a discount or gross price */
#shopping-list {
  padding-bottom: 25px;
  /**
        Highlight searched keyword
    */
}
#shopping-list .shopping-item {
  padding-left: 0;
  padding-right: 0;
}
#shopping-list .shopping-item .shopping-item-price {
  padding-right: 0;
}
#shopping-list .shopping-item .shopping-item-add {
  margin-left: 10px;
}
#shopping-list .shopping-item .shopping-item-add .btn {
  padding: 9px 10px;
}
#shopping-list .shopping-item .warehouse-btn .btn {
  font-size: inherit;
  color: inherit;
}
#shopping-list .shopping-item .warehouse-btn .btn i.fas {
  margin: 0;
}
#shopping-list .shopping-item-image {
  width: 70px;
}
#shopping-list .shopping-item-image a {
  padding: 5px;
}
#shopping-list .shopping-item-image a img {
  border: 2px solid #ededed;
}
@media (min-width: 992px) {
  #shopping-list .shopping-item-image a .img-list {
    transition: transform 0.2s;
    background: #fff;
  }
  #shopping-list .shopping-item-image a .img-list:hover {
    position: relative;
    z-index: 99;
    transform: scale(2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
}
#shopping-list .shopping-item-info .shopping-item-info-desc,
#shopping-list .shopping-item-info a {
  font-size: 14px;
  /*max-height:48px;
            overflow:hidden;*/
}
#shopping-list .shopping-item-quanity {
  display: inline-block;
  max-width: 50px;
  margin-right: 20px;
}
#shopping-list .shopping-item-quanity input {
  width: 100%;
  height: 40px !important;
}
#shopping-list .shopping-item-quanity .minus-control,
#shopping-list .shopping-item-quanity .plus-control {
  right: -20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #shopping-list .shopping-item-quanity {
    margin-bottom: 10px;
  }
}
#shopping-list .selection-wrapper span,
#shopping-list .selection-wrapper select {
  color: #C6C2BE;
  font-size: 12px;
}
#shopping-list .selection-wrapper span .size-dropdown .caret,
#shopping-list .selection-wrapper select .size-dropdown .caret {
  margin-right: 5px;
}
#shopping-list .selection-wrapper span .size-dropdown .dropdown-menu,
#shopping-list .selection-wrapper select .size-dropdown .dropdown-menu {
  min-width: auto;
}
#shopping-list .selection-wrapper span .size-dropdown:hover .dropdown-menu,
#shopping-list .selection-wrapper select .size-dropdown:hover .dropdown-menu {
  display: block;
}
#shopping-list .shopping-item .shopping-item-buttons {
  vertical-align: middle;
  width: 290px;
}
#shopping-list .shopping-item .shopping-item-image {
  padding: 0;
  vertical-align: middle;
}
#shopping-list .shopping-item .shopping-item-image .content-middle {
  height: 70px;
  width: 70px;
  padding-right: 0;
  margin-right: 0;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  padding: 5px;
  border: 2px solid #f6f6f6;
  margin-right: 15px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #shopping-list .shopping-item .shopping-item-image .content-middle {
    display: block !important;
  }
}
#shopping-list .shopping-item .shopping-item-image .content-middle img {
  object-fit: contain;
}
#shopping-list .shopping-item-info {
  padding-right: 15px;
  position: relative;
}
#shopping-list .shopping-item-info-stock {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
}
#shopping-list .shopping-item-info-stock span.stock-icon {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  margin-right: 0px;
}
#shopping-list .shopping-item-prices {
  font-size: 14px;
}
#shopping-list .shopping-item-prices strong {
  display: block;
  position: relative;
}
#shopping-list .shopping-item-prices .staffel {
  display: inline-block;
  margin-top: 0px;
  position: absolute;
  top: 0px;
  margin-left: 3px;
  /* Position staffel pop-up */
}
#shopping-list .shopping-item-prices .staffel .underline {
  padding: 0px;
}
#shopping-list .shopping-item-prices .staffel .underline i {
  margin-right: 0px;
  font-size: 13px;
}
#shopping-list .shopping-item-prices .staffel .popover-staffel {
  left: unset;
  right: -10px;
}
#shopping-list .shopping-item-prices .staffel .popover-staffel .fa-caret-up {
  right: 5px;
}
#shopping-list .shopping-item-controls .shopping-item-add {
  margin-left: 0px;
}
#shopping-list .shopping-item-controls .shopping-item-add-favorites {
  position: relative;
  height: 40px;
}
#shopping-list .shopping-item-controls .shopping-item-add-favorites .btn-favorite {
  position: absolute;
  padding: 0px;
  margin: 0px;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
}
#shopping-list .shopping-item-controls .shopping-item-add-favorites .btn-favorite i.fa-star {
  font-size: 18px;
}
#shopping-list .shopping-item-controls .shopping-item-add-favorites .btn-favorite span {
  display: none;
}
#shopping-list .shopping-item-price {
  width: 100px;
  padding-right: 10px;
  vertical-align: top;
  padding-top: 12px;
}
#shopping-list .shopping-item-add {
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
  float: right;
}
#shopping-list .shopping-item-login {
  display: inline-table;
  float: right;
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  #shopping-list .shopping-item-login {
    font-size: 10px;
  }
}
#shopping-list .shopping-item-info b,
#shopping-list .shopping-item-info strong {
  color: #E5AD3F;
}
/* Listview used when there is no discount or gross price */
#shopping-list-initial {
  padding-bottom: 25px;
  /**
        Highlight searched keyword
    */
}
#shopping-list-initial .not-sellable-btn {
  width: 214.53px;
}
#shopping-list-initial .vertical-table-top {
  vertical-align: top !important;
  padding-top: 5px !important;
}
#shopping-list-initial .shopping-item {
  padding-left: 0;
  padding-right: 0;
}
#shopping-list-initial .shopping-item .warehouse-btn .btn {
  font-size: inherit;
  color: inherit;
}
#shopping-list-initial .shopping-item .warehouse-btn .btn i.fas {
  margin: 0;
}
#shopping-list-initial table td {
  padding: 0 5px;
}
#shopping-list-initial .shopping-item-image {
  width: 70px;
}
@media (min-width: 992px) {
  #shopping-list-initial .shopping-item-image .img-list {
    transition: transform 0.2s;
    background: #fff;
  }
  #shopping-list-initial .shopping-item-image .img-list:hover {
    position: relative;
    z-index: 99;
    transform: scale(2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
}
#shopping-list-initial .shopping-item-quanity {
  display: inline-block;
  max-width: 65px;
  margin-right: 20px;
}
#shopping-list-initial .shopping-item-quanity input {
  width: 100%;
  height: 40px !important;
}
#shopping-list-initial .shopping-item-quanity .minus-control,
#shopping-list-initial .shopping-item-quanity .plus-control {
  right: -20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #shopping-list-initial .shopping-item-quanity {
    margin-bottom: 10px;
  }
}
#shopping-list-initial .selection-wrapper span,
#shopping-list-initial .selection-wrapper select {
  color: #C6C2BE;
  font-size: 12px;
}
#shopping-list-initial .selection-wrapper span .size-dropdown .caret,
#shopping-list-initial .selection-wrapper select .size-dropdown .caret {
  margin-right: 5px;
}
#shopping-list-initial .selection-wrapper span .size-dropdown .dropdown-menu,
#shopping-list-initial .selection-wrapper select .size-dropdown .dropdown-menu {
  min-width: auto;
}
#shopping-list-initial .selection-wrapper span .size-dropdown:hover .dropdown-menu,
#shopping-list-initial .selection-wrapper select .size-dropdown:hover .dropdown-menu {
  display: block;
}
#shopping-list-initial .shopping-item .shopping-item-buttons {
  vertical-align: middle;
  width: 350px;
}
#shopping-list-initial .shopping-item .shopping-item-image {
  padding: 0 10px 0 0;
  vertical-align: middle;
}
#shopping-list-initial .shopping-item .shopping-item-image .content-middle {
  height: 70px;
  width: 70px;
  padding-right: 0;
  margin-right: 0;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  padding: 5px;
  border: 2px solid #f6f6f6;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #shopping-list-initial .shopping-item .shopping-item-image .content-middle {
    display: block !important;
  }
}
#shopping-list-initial .shopping-item .shopping-item-image .content-middle img {
  object-fit: contain;
}
#shopping-list-initial .shopping-item-info {
  width: 350px;
  padding-right: 15px;
}
#shopping-list-initial .shopping-item-price {
  width: 100px;
  padding-right: 10px;
  vertical-align: top;
  padding-top: 6px;
  font-size: 14px;
}
#shopping-list-initial .shopping-item-add {
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
  float: right;
}
#shopping-list-initial .shopping-item-login {
  display: inline-table;
  float: right;
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  #shopping-list-initial .shopping-item-login {
    font-size: 10px;
  }
}
#shopping-list-initial .shopping-item-add-favorites .btn-favorite {
  text-align: right;
}
#shopping-list-initial .shopping-item-info b,
#shopping-list-initial .shopping-item-info strong {
  color: #E5AD3F;
}
.page-assortment #shopping-grid {
  padding-right: 10px;
  margin-top: 10px;
  padding-left: 1px;
  /* 1/2 Fix for iPads that only show 1 grid item on the first row */
}
.featured-item-groups {
  padding: 30px 0;
  background-color: #fff;
}
.featured-item-groups h3 {
  margin-top: unset;
  margin-bottom: 15px;
}
.featured-item-groups .featured-group-wrapper {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 991px) {
  .featured-item-groups .featured-group-wrapper {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .featured-item-groups .featured-group-wrapper::-webkit-scrollbar {
    display: none;
  }
  .featured-item-groups .featured-group-wrapper .featured-group-panel {
    min-width: fit-content;
  }
}
@media screen and (min-width: 992px) {
  .featured-item-groups .featured-group-wrapper {
    flex-wrap: wrap;
  }
}
.featured-item-groups .featured-group-panel {
  background-color: #fff;
  border: 1px solid #f6f6f6;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: max-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.featured-item-groups .featured-group-panel:hover {
  border: 1px solid var(--black-theme-color, #212121);
}
.featured-item-groups .featured-group-panel p {
  margin: 0 0 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.featured-item-groups .featured-group-panel p.selected {
  font-weight: bold;
}
.featured-item-groups .featured-group-panel:first-of-type {
  min-width: fit-content;
  flex: initial;
}
.featured-item-groups .featured-group-panel img {
  max-width: 50px;
  max-height: 50px;
}
.no-result-search-suggestions {
  display: flex;
  gap: 30px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .no-result-search-suggestions {
    flex-direction: column;
  }
}
.no-result-search-suggestions .col {
  flex: 1;
}
.no-result-search-suggestions hr {
  margin: 10px 0;
}
.no-result-search-suggestions .no-result-title {
  font-size: 1.2em;
}
.no-result-search-suggestions .suggestion__link {
  float: right;
}
.no-result-search-suggestions .grey-color {
  color: #f6f6f6;
}
.no-result-search-suggestions ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.no-result-search-suggestions ul li {
  padding: 10px 0;
}
/* Grid view */
#shopping-grid,
.col-fit {
  display: flex;
  flex-wrap: wrap;
  /* Image hover on grid page */
  /**
        Highlight searched keyword
    */
}
#shopping-grid .stock-label,
.col-fit .stock-label {
  display: none;
}
#shopping-grid .shopping-item-row,
.col-fit .shopping-item-row {
  display: flex;
}
#shopping-grid .price-per,
.col-fit .price-per {
  display: inherit;
  width: 100%;
}
#shopping-grid .content-middle,
.col-fit .content-middle {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #shopping-grid .content-middle,
  .col-fit .content-middle {
    display: block !important;
  }
}
#shopping-grid .content-middle img,
.col-fit .content-middle img {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
#shopping-grid .content-middle img.primary-image:hover,
.col-fit .content-middle img.primary-image:hover {
  opacity: 0;
}
@media (min-width: 992px) {
  #shopping-grid .shopping-item-quanity .basket-quantity-control,
  .col-fit .shopping-item-quanity .basket-quantity-control {
    float: right;
    width: 85%;
    margin-right: 20px;
  }
}
@media (min-width: 992px) and (min-width: 1199px) {
  #shopping-grid .shopping-item-quanity .basket-quantity-control,
  .col-fit .shopping-item-quanity .basket-quantity-control {
    width: 80%;
  }
}
@media (min-width: 320px) and (max-width: 991px) {
  #shopping-grid .shopping-item-quanity,
  .col-fit .shopping-item-quanity {
    margin-top: 10px;
  }
}
#shopping-grid .shopping-item,
.col-fit .shopping-item {
  padding-bottom: 15px;
  height: 100%;
  box-shadow: none;
  border: 1px solid #f6f6f6;
  word-break: break-word;
}
#shopping-grid .shopping-item .warehouse-btn .btn,
.col-fit .shopping-item .warehouse-btn .btn {
  font-size: inherit;
  color: inherit;
  text-align: left;
}
#shopping-grid .shopping-item .warehouse-btn .btn i.fas,
.col-fit .shopping-item .warehouse-btn .btn i.fas {
  margin: 0;
}
#shopping-grid .grid,
.col-fit .grid {
  margin-left: -1px;
  /* 2/2 Fix for iPads that only show 1 grid item on the first row */
  padding-right: 5px;
  margin-bottom: 5px;
}
#shopping-grid .shopping-item .shopping-item-image,
.col-fit .shopping-item .shopping-item-image {
  /*display: block;*/
  min-height: 130px;
}
#shopping-grid .shopping-item .shopping-item-image .content-middle,
.col-fit .shopping-item .shopping-item-image .content-middle {
  height: 150px;
}
#shopping-grid .shopping-item .shopping-item-image img,
.col-fit .shopping-item .shopping-item-image img {
  max-width: 100px;
  max-height: 150px;
  margin: 0 auto;
  padding: 15px 0;
  background-color: white;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#shopping-grid .v-220-staffel,
.col-fit .v-220-staffel {
  display: inline-block;
  margin-left: 5px;
  margin-top: 0;
  margin-bottom: -5px;
}
#shopping-grid .v-220-staffel .popover-staffel-without-discount,
.col-fit .v-220-staffel .popover-staffel-without-discount {
  left: -15px !important;
}
@media (max-width: 991px) {
  #shopping-grid .v-220-staffel .popover-staffel-without-discount,
  .col-fit .v-220-staffel .popover-staffel-without-discount {
    width: 230px !important;
    z-index: 1;
  }
}
#shopping-grid .v-220-staffel .popover-staffel-discount,
.col-fit .v-220-staffel .popover-staffel-discount {
  right: 0;
  left: unset;
}
@media (min-width: 768px) and (max-width: 991px) {
  #shopping-grid .v-220-staffel .popover-staffel-discount,
  .col-fit .v-220-staffel .popover-staffel-discount {
    left: -47px !important;
    width: 230px !important;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  #shopping-grid .v-220-staffel .popover-staffel-discount,
  .col-fit .v-220-staffel .popover-staffel-discount {
    left: -175px !important;
    width: 230px !important;
    z-index: 1;
  }
}
#shopping-grid .v-220-staffel .popover-staffel-discount .fa-caret-up,
.col-fit .v-220-staffel .popover-staffel-discount .fa-caret-up {
  right: 5px;
}
#shopping-grid .staffel,
.col-fit .staffel {
  display: inline-block;
  margin-left: 5px;
}
#shopping-grid .staffel .popover-staffel,
.col-fit .staffel .popover-staffel {
  left: unset;
  right: 0;
}
@media (min-width: 992px) {
  #shopping-grid .staffel .popover-staffel .fa-caret-up,
  .col-fit .staffel .popover-staffel .fa-caret-up {
    right: 5px;
    left: unset;
  }
}
@media (max-width: 991px) {
  #shopping-grid .staffel .staffel-wrapper,
  .col-fit .staffel .staffel-wrapper {
    position: inherit;
    left: -30px;
  }
  #shopping-grid .staffel .popover-staffel,
  .col-fit .staffel .popover-staffel {
    width: 330px;
    top: 10px;
    left: 0px;
  }
}
@media (max-width: 767px) {
  #shopping-grid .staffel .pop-up-staffel-padding,
  .col-fit .staffel .pop-up-staffel-padding {
    padding: 5px 13px;
  }
  #shopping-grid .staffel .popover-staffel,
  .col-fit .staffel .popover-staffel {
    width: 280px;
  }
}
@media (max-width: 576px) {
  #shopping-grid .staffel .popover-staffel,
  .col-fit .staffel .popover-staffel {
    width: 240px;
  }
}
#shopping-grid .shopping-item-info b,
.col-fit .shopping-item-info b,
#shopping-grid .shopping-item-info strong,
.col-fit .shopping-item-info strong {
  color: #E5AD3F;
}
#shopping-grid .selection-wrapper-grid span,
.col-fit .selection-wrapper-grid span,
#shopping-grid .selection-wrapper-grid select,
.col-fit .selection-wrapper-grid select {
  color: #C6C2BE;
  font-size: 11px;
}
@media (min-width: 320px) and (max-width: 991px) {
  #shopping-grid .selection-wrapper-grid,
  .col-fit .selection-wrapper-grid {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
/* Sections / Parts */
.spinner {
  margin-top: 20px;
}
/* Quotation button listview and favorites*/
.quotation-button {
  margin-top: 6px;
  display: inline-block;
  float: right;
  font-size: 13px;
  text-transform: lowercase;
}
.quotation-button a {
  color: #DB0032;
  margin-left: 3px;
}
.quotation-button:hover {
  cursor: pointer;
}
/* Stock */
.item-stock small {
  margin-bottom: 10px;
  display: block;
}
.stock-icon {
  background-color: transparent;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  border-radius: 100%;
}
.stock-icon.red {
  background-color: #ff0000;
}
.stock-icon.orange {
  background-color: #ed7d31;
}
.stock-icon.green {
  background-color: #36e046;
}
/* Default staffel */
.popover-staffel {
  text-decoration: none;
  text-align: left;
  color: black;
  position: absolute;
  font-size: 12px;
  top: 40px;
  right: 0;
  width: 300px;
  visibility: collapse;
  opacity: 0;
  z-index: 100;
  background-color: #fff;
  cursor: inherit;
  padding: 10px 15px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  transition-delay: 0.25s;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
.popover-staffel .fa-caret-up {
  position: absolute;
  top: -19px;
  right: 15px;
  font-size: 30px;
  color: white;
}
.popover-staffel .specification-box .row:nth-child(2n) {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.hover-staffel:hover .underline,
.hover-staffel:focus .underline {
  transition-delay: 0s;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  text-decoration: none;
  cursor: pointer;
  color: #DB0032;
}
.hover-staffel:hover .popover-staffel,
.hover-staffel:focus .popover-staffel {
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  cursor: initial !important;
}
.staffel {
  display: inline-block;
  position: relative;
  cursor: inherit;
  margin-left: 5px;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.staffel .underline {
  white-space: nowrap;
}
.staffel .underline i {
  margin-right: 3px;
  color: #DB0032;
}
.staffel .fa {
  color: #b2b2b2;
}
/* Default styling group view. These classes are for the intial listview and the one with discount/grossprice*/
.shopping-item {
  display: block;
  padding: 10px 15px;
  background: #fff;
  margin-bottom: 5px;
  border-bottom: 2px solid #f6f6f6;
  color: var(--black-theme-color, #212121);
  /* Small description of product */
}
.shopping-item .shopping-item-info .shopping-item a {
  height: 50px;
}
.shopping-item .shopping-item-image {
  text-align: center;
}
.shopping-item a {
  display: block;
}
.shopping-item a:hover {
  text-decoration: none;
}
.shopping-item a:hover strong {
  color: #E5AD3F;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.shopping-item a:hover strong:hover {
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.shopping-item table,
.shopping-item tr,
.shopping-item td {
  width: 100%;
}
.shopping-item table {
  height: 100%;
}
.shopping-item .shopping-item-price {
  font-size: 18px;
  font-weight: 400;
}
.shopping-item .shopping-item-price input[type=number],
.shopping-item .shopping-item-price strong {
  display: inline-block;
  vertical-align: middle;
}
.shopping-item .shopping-item-price input[type=number] {
  position: relative;
  max-width: 40px;
  padding: 5px;
  outline: none;
  margin-top: -2px;
  border-radius: 0px;
  border: 1px solid #f6f6f6;
}
.shopping-item .shopping-item-quanity {
  position: relative;
}
.shopping-item .shopping-item-quanity .error-notification {
  position: absolute;
  left: -25px;
  top: 7px;
  color: var(--black-theme-color, #212121);
}
/* Top Item label (used with check in E-OPS. */
.item-label {
  background: #E5AD3F;
  color: #fff;
  padding: 2px 0px;
  font-size: 12px;
  width: 55px;
  font-weight: bold;
  margin: 5px 0;
  text-align: center;
}
.list-label {
  position: absolute;
  top: -6px;
  left: 0;
  font-size: 10px;
  width: 45px;
}
.grid-label {
  position: absolute;
  top: 0;
  left: 0;
}
.detail-label {
  position: absolute;
  top: 7px;
  left: 27px;
}
.related-label {
  position: relative;
  top: 0;
  left: 0;
  margin: 5px 5px !important;
  z-index: 1;
}
.recent-viewed-label {
  position: absolute;
  top: 0;
  left: 15px;
}
.basket-label {
  position: absolute;
  top: -4px;
  left: 17px;
}
.cart-label {
  position: absolute;
  top: -4px;
  left: 16px;
  width: 38px;
  font-size: 10px;
}
.itemPriceLabel span {
  font-weight: initial;
}
.recently-viewed-item .shopping-item-price strong {
  font-size: 15px;
}
.shopping-item .shopping-item-price strong {
  font-size: 15px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .favorite-label {
    margin: 0 auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .favorite-label {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .favorite-label {
    position: absolute;
    top: 11px;
    left: 16px;
  }
  .basket-label {
    width: 45px;
    bottom: -35px !important;
    top: unset;
  }
}
@media (min-width: 1200px) {
  .favorite-label {
    position: absolute;
    top: 11px;
    left: 23px;
  }
}
/* Loaders grid & listview */
.loading-listview {
  border-bottom: 2px solid #f6f6f6;
  width: 100%;
  position: relative;
  padding: 15px 0;
  animation: breathe-opacity 2s ease infinite;
}
.loading-gridview {
  margin-top: 10px;
  padding-right: 5px;
}
.loading-gridview img {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #f6f6f6;
  animation: breathe-opacity 2s ease infinite;
}
@keyframes breathe-opacity {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
#basket .add-item-by-code {
  background: #fff;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 3px -1px #ccc;
  -moz-box-shadow: 1px 1px 3px -1px #ccc;
  box-shadow: 1px 1px 3px -1px #ccc;
}
#basket-hover + shopping-cart {
  transition-delay: 0.5s;
}
#basket-hover:hover .fa {
  color: #777;
}
#basket-hover:hover + shopping-cart {
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}
shopping-cart:hover {
  visibility: visible;
  opacity: 1;
}
shopping-cart:hover + #basket-hover {
  color: #777;
}
#basket .loyalty-title {
  display: none !important;
}
#basket .form-group {
  margin-bottom: 0px !important;
}
#basket .LoyaltyPrice {
  color: #E5AD3F;
  font-weight: bold;
}
#basket .LoyaltyIcon .loyalty-discount-info {
  top: 7px;
  right: -7px;
  z-index: 10;
  color: #E5AD3F;
  font-size: 11px;
  padding-right: 13px;
}
#basket .stock-label {
  font-weight: bold;
}
@media (min-width: 992px) {
  #basket .basket-position-label {
    text-align: left;
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #basket .basket-position-label {
    margin-left: 28px;
  }
}
@media (min-width: 1200px) {
  #basket .basket-position-label {
    margin-left: 35px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  #basket .margin-bottom-10-sm {
    margin-bottom: 10px !important;
  }
}
#basket .matrix-input input {
  margin-bottom: 0;
}
#basket .alert-dismissable .close {
  top: 2px;
}
#basket .validate-alert-basket .validate-text i {
  color: #ccc;
  font-size: 18px;
  position: relative;
  top: 2px;
  display: inline-block;
}
#basket .validate-alert-basket .validate-text .page-text-default {
  display: inline-block;
}
#basket .basket-header {
  margin-bottom: 15px;
}
#basket .basket-item {
  background: #fff;
  padding: 15px 0;
  margin-bottom: 5px;
  -webkit-box-shadow: 1px 1px 3px -1px #ccc;
  -moz-box-shadow: 1px 1px 3px -1px #ccc;
  box-shadow: 1px 1px 3px -1px #ccc;
}
#basket .basket-item h4 {
  margin: 0;
}
#basket .basket-item .item-additional-info a {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
#basket .item-additional-info small {
  font-weight: bold;
  color: #555;
  font-size: 11px;
  display: block;
}
@media (max-width: 767px) {
  #basket .item-additional-info small {
    display: block;
  }
}
#basket .cart-totals.totals {
  background: #fff;
  margin-bottom: 25px;
  border-radius: 0px;
  -webkit-box-shadow: 1px 1px 3px -1px #ccc;
  -moz-box-shadow: 1px 1px 3px -1px #ccc;
  box-shadow: 1px 1px 3px -1px #ccc;
}
#basket .cart-totals .totals-row {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  position: relative;
}
#basket .cart-totals .shipping-costs {
  background: #f6f6f6;
  font-weight: bold;
  color: #707070;
}
#basket .cart-totals .shipping-costs .fa {
  position: relative;
  font-size: 34px;
  transform: scaleX(-1);
}
#basket .cart-totals .shipping-costs span {
  position: relative;
  top: 2px;
  margin-right: 15px;
}
#basket .cart-totals .voucher-btn .fa-angle-right {
  color: #E5AD3F;
  margin-right: 5px;
}
.shopping-cart-buttons i {
  color: #fff;
}
label.custom-upload-box {
  background: #DB0032;
  padding: 8px 15px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
#basket {
  /* Alert for validation */
  /* End alert for validation */
}
#basket .quantity-row {
  text-align: center;
}
#basket .basket-delivery-selection {
  padding: 15px 20px;
  background: #E5AD3F;
}
#basket .basket-delivery-selection label {
  color: #fff;
}
@media (max-width: 991px) {
  #basket .basket-delivery-selection {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  #basket .basket-delivery-selection {
    padding: 10px 20px 20px;
  }
}
#basket .alert-basket {
  margin-top: 15px;
  padding: 15px 15px 0 15px;
}
#basket .item-danger {
  color: #a94442;
  background-color: #f2dede;
  border-top: 1px solid #ebccd1;
}
#basket .item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  border-bottom: 0;
}
#basket .alert-danger-background {
  background-color: #f2dede !important;
  border-bottom: 1px solid #ebccd1;
}
#basket .alert-warning-background {
  background-color: #fcf8e3 !important;
  border-bottom: 1px solid #faebcc;
}
@media (min-width: 992px) {
  #basket .plus-control {
    top: 15px;
  }
  #basket .minus-control {
    top: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #basket .plus-control,
  #basket .minus-control {
    right: 58px;
  }
}
@media (min-width: 992px) and (min-width: 1199px) {
  #basket .plus-control,
  #basket .minus-control {
    right: 75px;
  }
}
@media (max-width: 991px) {
  #basket .plus-control,
  #basket .minus-control {
    display: block;
  }
}
@media (max-width: 991px) {
  #basket .tab-content {
    font-size: 14px;
  }
}
#basket .add-item-by-code {
  box-shadow: none !important;
  border: 1px solid #ccc;
}
#basket .add-item-by-code .form-group {
  margin: 0 -4px 0px 0 !important;
}
#basket .basket-item {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
#basket .basket-item:nth-child(2n+1) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#basket .basket-item img {
  margin: 0 auto;
  border: 1px solid #f6f6f6;
}
@media (max-width: 767px) {
  #basket .basket-item img {
    max-width: 100%;
    max-height: 80px;
  }
}
#basket .cart-totals .totals-row {
  font-size: 14px !important;
  padding: 10px 0 !important;
}
#basket .cart-totals .totals-row:nth-child(1) {
  color: #DB0032;
}
#basket .comment-box .item-comment-field {
  display: inline-block;
}
#basket .comment-box .alert {
  padding: 5px 15px;
}
#basket .comment-box .alert small {
  display: inline-block;
}
#basket .btn-delete {
  background: none;
}
@media (max-width: 767px) {
  #basket .table-row .table-column-xs {
    padding: 3px 30px 3px 15px;
  }
  #basket .table-column-xs-quantity {
    padding: 3px 10px 3px 0px;
  }
  #basket .comment-box small {
    display: inline-block;
  }
  #basket .table-column {
    padding: 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #basket .table-column-xs-quantity {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 576px) {
  #basket .table-row .table-column-xs {
    padding: 3px 30px 3px 30px;
  }
  #basket .quantity-row {
    margin-top: 10px;
  }
  #basket .product-img {
    text-align: left;
    float: left;
    margin-bottom: 10px;
  }
}
.text-underline {
  text-decoration: underline;
}
.d-block {
  display: block;
}
.word-break {
  word-break: break-word;
}
.glyphicon {
  display: none;
}
.separate-warning-box {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .separate-warning-box {
    margin-top: 25px;
    margin-left: 30px;
    float: left;
  }
}
.pageheader {
  position: relative;
  background-color: #DB0032;
}
.pageheader figure.image {
  display: initial;
  margin: 0;
}
.pageheader:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.pageheader p {
  margin: 0;
}
.pageheader img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
}
.page-header-content {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  z-index: 1;
}
.page-header-content .btn {
  margin-top: 25px;
}
@media (min-width: 765px) {
  .page-header-content p {
    font-size: 20px;
  }
}
.page-header-content h1,
.page-header-content h2,
.page-header-content h3 {
  margin-bottom: 25px;
}
/*Vraag over bestelling*/
.question-block ul {
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
}
.question-block ul li {
  padding-right: 15px;
  padding-bottom: 15px;
}
.question-block ul .fa,
.question-block ul .far,
.question-block ul .fas {
  color: #DB0032;
  padding-right: 10px;
}
/* Delivery page*/
#OrderDelivery .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
#OrderDelivery .payment-method.active,
#OrderDelivery .payment-method .active {
  background: #f6f6f6;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
#OrderDelivery .payment-method.active .payment-image .payment-selected,
#OrderDelivery .payment-method .active .payment-image .payment-selected {
  right: 10px;
  top: 10px;
}
#OrderDelivery .payment-method {
  position: relative;
}
/* Payment page */
.payment-method {
  background: #fff;
  border: 2px solid #f6f6f6;
  border-radius: 0px;
  padding: 10px 25px;
  height: 100%;
}
.payment-method .flex-payment {
  height: 100%;
  position: relative;
}
.payment-method .flex-payment .payment-sub {
  font-size: 13px;
  color: #acacac;
}
.payment-method .payment-image img {
  height: 100px;
  width: 100px;
  object-fit: contain;
}
.payment-method:hover,
.payment-method:focus,
.payment-method:active,
.payment-method.active {
  background: #f6f6f6;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.payment-method.active .payment-image .payment-selected {
  color: green;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.payment-method.active .payment-brand {
  font-weight: bold;
}
/* Payment image */
@media (min-width: 1200px) {
  #OrderPayment .col-lg-3:nth-child(5n+5) {
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #OrderPayment .col-md-4:nth-child(4n+4) {
    clear: both;
  }
}
#basket .staffel .underline {
  padding-right: 0;
}
#contactpage h1 {
  margin-top: 0;
}
#contactpage .g-recaptcha {
  margin-bottom: 15px;
}
#contactpage .table-contact thead > tr > th,
#contactpage .table-contact tbody > tr > td {
  padding: 5px 0px !important;
}
#contactpage .table-contact tbody {
  margin-bottom: 20px;
}
#contactpage .contact-address-box {
  background: #fff;
  border: 2px solid #f6f6f6;
  padding: 15px;
  border-radius: 0px;
  margin-top: 25px;
}
/* Google Maps on the contact page */
.google-map {
  position: relative;
  margin-top: 30px;
}
.google-map .google-map-info-box {
  position: relative;
  background: #f9f9f9;
  width: 100%;
}
.google-map google-maps {
  min-height: 400px;
  display: block;
}
@media (max-width: 767px) {
  .google-map google-maps {
    min-height: 250px;
  }
}
.content {
  padding: 60px 0;
}
@media (max-width: 768px) {
  .content {
    padding: 30px 0;
  }
}
.content.grey {
  background: #f6f6f6;
}
.content.myTitle {
  padding: 0;
  margin: 20px 0 -20px;
}
.content.myTitle h1,
.content.myTitle h2,
.content.myTitle h3,
.content.myTitle h4,
.content.myTitle h5,
.content.myTitle h6 {
  font-size: 26px;
  font-family: 'Work Sans', sans-serif;
}
.content.myTitle .export-pdf {
  float: right;
  background: #008ace;
  width: 170px;
  margin-top: -42px;
  color: #fff;
  border: 1px solid #008ace;
}
.content.myTitle .export-pdf i {
  color: #fff;
  padding: 0 10px 0 0;
}
.content.myTitle .export-pdf:hover {
  background: #0D47A1;
}
.content.hasSidebar .container {
  padding-right: 380px;
  min-height: 700px;
  position: relative;
}
.content .sidebar {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 30px;
  width: 350px;
  background: #ededed;
  padding: 30px;
}
.content .sidebar hr {
  border-top: 1px solid #d8d8d8;
}
.content .sidebar h1,
.content .sidebar h2,
.content .sidebar h3,
.content .sidebar h4,
.content .sidebar h5,
.content .sidebar h6 {
  font-size: 21px;
  font-weight: 700;
  font-family: 'Work Sans', sans-serif;
}
.pageContent {
  margin-bottom: 40px;
}
/* Content Components */
aside.sidebar hr {
  border-top: 1px solid #d8d8d8;
}
aside.sidebar a {
  color: #E5AD3F;
}
aside.sidebar article h4 {
  font-size: 16px;
  margin-top: 0;
}
aside.sidebar article a {
  color: #E5AD3F;
}
/* Old, keep for old compatiblity issues */
/*.myBlocks {
    ul {
        margin: 0px -20px;
        padding: 0;
        list-style: none;
        .clearfix();

        li {
            float: left;
            width: 560px;
            height: 320px;
            margin: 0 15px;
            background: @grey-color;
            padding: 35px;

            &:nth-child(2) {
                color: #fff;
                background: @primary-color;

                .btn {
                    background: #fff;
                    color: @primary-color;
                    border: #fff;

                    &:hover, &:focus {
                        background: darken(@grey-color, 5%);
                    }

                    &:before {
                        background: @grey-color;
                    }
                }

                h2 {
                    i {
                        color: #fff;
                    }
                }
            }


            .btn {
                padding: 15px 0px;
                width: 250px;
                background: @secondary-color;
                border: 1px solid @secondary-color;

                &:hover, &:focus {
                    background: darken(@btn-primary-hover-background-color, 5%);
                }

                @media(max-width:576px) {
                    padding: @btn-padding;
                    width: 100%;
                }
            }

            h2 {
                font-size: 27px;
                margin: 0 0 25px;

                i {
                    margin-right: 10px;
                    font-size: 32px;
                    color: @secondary-color;
                    width: 30px;
                    height: 30px;
                    margin-top: -8px;
                }
            }

            p {
                line-height: 26px;
                margin: 0 0 25px;
                font-size: 16px;
            }
        }
    }
}
*/
.myContact input.form-control {
  margin-bottom: 15px;
}
.myContact form {
  background: #ededed;
  padding: 30px;
}
.myContact button {
  margin-top: 15px;
}
.myIntro {
  text-align: center;
}
.myIntro h2 {
  margin: 0 0 35px;
}
.myIntro p {
  line-height: 26px;
  width: 925px;
  margin: 0 auto 35px;
}
.myAssortmentTeaser {
  text-align: center;
  /*MAKING IT COMPATIBLE WITH OLDER VERSION using: UL LI*/
  /*New Bootstrap Version with page Articles*/
}
.myAssortmentTeaser h1,
.myAssortmentTeaser h2,
.myAssortmentTeaser h3,
.myAssortmentTeaser h4 {
  font-size: 28px;
  margin: 0 0 25px;
  font-weight: normal;
}
.myAssortmentTeaser .btn {
  margin-top: 40px;
  padding: 10px 35px;
}
.myAssortmentTeaser ul {
  margin: 50px -20px 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  display: block;
}
.myAssortmentTeaser ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myAssortmentTeaser ul li {
  position: relative;
  float: left;
  width: 360px;
  height: 300px;
  margin: 0 15px;
  background: #fff;
}
.myAssortmentTeaser ul li h3 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 50px;
  background: #DB0032;
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
@media (max-width: 991px) {
  .myAssortmentTeaser ul li h3 {
    width: 60%;
    padding: 15px 0;
  }
}
.myAssortmentTeaser ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 190px;
  transform: translate(-50%, -50%);
}
.myAssortmentTeaser ul li a {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #E5AD3F;
}
.myAssortmentTeaser ul li a i {
  margin-left: 15px;
}
.myAssortmentTeaser .PageArticle {
  margin-top: 50px;
  padding: 0;
  list-style: none;
  display: inline-block;
  display: block;
}
.myAssortmentTeaser .PageArticle:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myAssortmentTeaser .PageArticle .PageArticle-content {
  height: 300px;
  margin: 0;
  background: #fff;
  position: relative;
  margin: 15px 0;
}
.myAssortmentTeaser .PageArticle .PageArticle-content h3 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 50px;
  background: #DB0032;
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
@media (max-width: 991px) {
  .myAssortmentTeaser .PageArticle .PageArticle-content h3 {
    width: 60%;
    padding: 15px 0;
  }
}
.myAssortmentTeaser .PageArticle .PageArticle-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  max-height: 40%;
  transform: translate(-50%, -50%);
}
.myAssortmentTeaser .PageArticle .PageArticle-content a {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #E5AD3F;
}
.myAssortmentTeaser .PageArticle .PageArticle-content a i {
  margin-left: 15px;
}
.myProduct .item-slider {
  margin: 0 !important;
}
.myProduct .item-slider .slider-block {
  border: 2px solid #ededed;
  width: 100%;
  height: 400px;
  position: relative;
}
.myProduct .item-slider .slider-block img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.myProduct .item-information .item-description {
  line-height: 30px;
}
.myProduct .item-information .item-specifications h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.myProduct .item-information .item-specifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.myProduct .item-information .item-specifications ul li {
  position: relative;
  padding: 10px 10px 10px 50%;
  background: rgba(0, 138, 206, 0.15);
}
.myProduct .item-information .item-specifications ul li span {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0%, -50%);
}
.myProduct .item-information .item-specifications ul li:nth-child(2n) {
  background: #fff;
}
.myProduct .item-information .item-order {
  margin: 30px 0;
}
.myProduct .item-information .item-order input {
  float: left;
  font-family: 'Work Sans', sans-serif;
  width: 60px;
  margin-right: 25px;
}
.myProduct .item-information .item-order .btn {
  color: #fff;
  float: left;
  width: 200px;
}
.myProduct .item-information .item-order .btn i {
  color: #fff;
  padding: 0 10px 0 0;
}
@media (max-width: 1200px) {
  .myBlocks ul li {
    width: 460px;
    height: auto;
  }
  .myAssortmentTeaser ul {
    margin: 0px;
  }
  .myAssortmentTeaser ul li {
    width: 32%;
    margin: 0 2% 0 0;
  }
  .myAssortmentTeaser ul li:last-child {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .myBlocks ul li {
    width: 350px;
    height: auto;
  }
  .myIntro p,
  header .extended-header .filler {
    width: 100%;
  }
  .myAssortmentTeaser ul {
    margin: 0;
  }
  .myAssortmentTeaser .PageArticle {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .myBlocks ul {
    margin: 0;
  }
  .myBlocks ul li {
    width: 100%;
    height: auto;
    margin: 0 0 25px;
  }
  .myAssortmentTeaser .PageArticle .PageArticle-content {
    height: 220px;
  }
  .myAssortmentTeaser .PageArticle .PageArticle-content h1,
  .myAssortmentTeaser .PageArticle .PageArticle-content h2,
  .myAssortmentTeaser .PageArticle .PageArticle-content h3,
  .myAssortmentTeaser .PageArticle .PageArticle-content h4 {
    width: 100%;
    padding: 8px 0;
    font-size: 13px;
  }
  .myAssortmentTeaser .PageArticle .PageArticle-content a {
    right: 0;
    width: 100%;
  }
  .content.hasSidebar .container {
    padding-right: 15px;
  }
  .content .sidebar {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 576px) {
  .myAssortmentTeaser ul {
    width: 360px;
    margin: 0 auto;
  }
  .myAssortmentTeaser ul li {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media (max-width: 360px) {
  .myAssortmentTeaser ul {
    width: 100%;
  }
}
/*.content-image {
    background-position: center;
    position: relative;
    overflow: hidden;
    height: 550px;
    top: -80px;
    padding: 120px 0;

    &:after {
        position: absolute;
        content: " ";
        top: 0;left: 0;
        height: 100%;
        width: 100%;

        .gradient(linear; #FDFDFD, transparent;);
    }

    .container {
        position: relative;
        z-index: 1;
        color: #000;
    }
}*/
.content-container .content-header {
  max-height: 250px;
  color: #fff;
}
.content-container .content-header .vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 250px;
}
.content-container .content-footer {
  max-height: 350px;
}
.content-container .content-footer .vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 350px;
}
.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4,
.content-container h5,
.content-container h6,
.content-container p,
.content-container span,
.content-container strong {
  color: #fff;
}
.container-flex {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  flex-wrap: wrap;
}
@media (min-width: 320px) and (max-width: 767px) {
  .container-flex {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .container-flex .sidebar img {
    height: 50vh;
    width: 100%;
    object-fit: cover;
  }
}
.container-flex .pageContent {
  flex: 2;
  /* IE11 does not support property column gap */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .container-flex .pageContent {
    margin-right: 30px;
  }
}
.container-flex .sidebar {
  flex: 1;
}
.container-flex.center {
  justify-content: center;
  -webkit-justify-content: center;
}
@media (max-width: 575px) {
  .container-flex.center {
    flex-wrap: nowrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    overflow-x: scroll;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
}
.container-flex .flex-1 {
  flex-basis: 14.285%;
  flex-wrap: wrap;
  padding-bottom: 20px;
  text-align: center;
}
@media (max-width: 575px) {
  .container-flex .flex-1 {
    flex-basis: 50%;
  }
}
.container-flex .flex-20 {
  flex-basis: 20%;
}
.top-sidebar .page-text-wrapper {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* Flip Card */
.ch-container {
  background: #fff;
  padding: 60px 0 45px 0;
}
.ch-container .ch-intro {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #f6f6f6;
}
@media (min-width: 767px) {
  .ch-container .ch-intro h1,
  .ch-container .ch-intro h2,
  .ch-container .ch-intro h3,
  .ch-container .ch-intro h4,
  .ch-container .ch-intro h5,
  .ch-container .ch-intro h6 {
    margin-top: 0;
    font-size: 30px;
    font-weight: normal;
  }
}
.ch-container .ch-content {
  /* Default build up box */
}
.ch-container .ch-content.v1 .flex-1 .ch-content-img {
  border-radius: 50%;
  overflow: hidden;
  width: 160px;
  height: 160px;
}
.ch-container .ch-content.v1 .flex-1 .ch-content-img img {
  object-fit: cover;
}
.ch-container .ch-content.v2 .flex-1 .ch-content-img {
  width: 160px;
  height: 160px;
}
.ch-container .ch-content.v2 .flex-1 .ch-content-img img {
  object-fit: contain;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper {
  background-color: transparent;
  perspective: 1000px;
  width: 160px;
  height: 160px;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper:hover .ch-content-inner {
  transform: rotateY(180deg);
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-img,
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text {
  background: #E5AD3F;
  color: #fff;
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text a {
  color: #fff;
  font-weight: bold;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text strong {
  margin-top: 0;
}
.ch-container .ch-content.v3 .flex-1 .ch-content-wrapper .ch-content-img img {
  object-fit: cover;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper {
  background: #fff;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-img {
  -webkit-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-img {
    width: 180px;
    height: 180px;
  }
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-img img {
  width: 100%;
  height: 100%;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text strong {
  display: block;
  margin-top: 10px;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h1,
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h2,
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h3,
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h4,
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h5,
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text h6 {
  font-size: 15px;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text a {
  color: #E5AD3F;
}
.ch-container .ch-content .flex-1 .ch-content-wrapper .ch-content-inner .ch-content-text p {
  font-size: 14px;
  margin: 0;
}
#account-manager-page .btn .fa:not(.fa-fw) {
  margin-left: 0;
  margin-right: 0;
  margin-left: 5px;
}
#account-manager-page .grey-box input {
  margin-top: 0;
  margin-bottom: 0;
}
#account-manager-page .grey-box .form-control {
  margin-top: 7px;
  margin-bottom: 7px;
}
@media (min-width: 320px) and (max-width: 767px) {
  #account-manager-page .grey-box {
    padding: 15px;
  }
}
#account-manager-page #divSearchUserList .table-column {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.searchbox {
  padding-top: 15px;
  padding-bottom: 15px;
}
.highlighted {
  background: yellow;
  color: var(--black-theme-color, #212121);
}
/* IE FIX FAQ */
.noXButton::-ms-clear {
  width: 0;
  height: 0;
}
#faqAccordion .panel-intro {
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #f6f6f6;
}
#faqAccordion .panel-body {
  border-top: none;
}
#faqAccordion .panel-heading {
  padding: 10px 35px 10px 15px;
  position: relative;
  background-color: #f6f6f6;
  border-radius: 0px;
  cursor: pointer;
}
#faqAccordion .panel-heading:after {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f067";
  top: 10px;
  right: 15px;
  position: absolute;
  transform: rotate(0deg);
  -webkit-transition: 0.12s;
  -moz-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
  font-weight: 700;
}
#faqAccordion .panel-heading panel-title {
  color: var(--black-theme-color, #212121);
  line-height: 24px;
}
#faqAccordion .panel-heading[aria-expanded="true"]:after {
  transform: rotate(45deg);
}
.btn-favorite {
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  padding: 0px 8px;
  margin-top: 10px;
}
.btn-favorite small {
  font-weight: 400;
  font-size: 12px;
}
.btn-favorite.fa-star-o,
.btn-favorite .fa-star-o {
  color: #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.btn-favorite.fa-star,
.btn-favorite .fa-star {
  color: #DB0032;
}
.btn-favorite:hover,
.btn-favorite:focus,
.btn-favorite:active {
  color: #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
@media (min-width: 768px) {
  .external-code {
    font-weight: 600;
    color: #DB0032;
    font-size: 12px;
  }
}
#product-details .btn-favorite {
  padding: 0;
}
.home-blocks .col-sm-6 {
  margin-bottom: 30px;
}
.home-blocks .col-sm-6 .block-card {
  height: 100%;
  position: relative;
  padding: 35px 35px 90px 35px;
}
.home-blocks .col-sm-6 .block-card h1,
.home-blocks .col-sm-6 .block-card h2,
.home-blocks .col-sm-6 .block-card h3,
.home-blocks .col-sm-6 .block-card h4,
.home-blocks .col-sm-6 .block-card h5,
.home-blocks .col-sm-6 .block-card h6 {
  font-size: 24px;
  margin: 0 0 25px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .home-blocks .col-sm-6 .block-card h1,
  .home-blocks .col-sm-6 .block-card h2,
  .home-blocks .col-sm-6 .block-card h3,
  .home-blocks .col-sm-6 .block-card h4,
  .home-blocks .col-sm-6 .block-card h5,
  .home-blocks .col-sm-6 .block-card h6 {
    font-size: 16px;
  }
}
.home-blocks .col-sm-6 .block-card h1 i,
.home-blocks .col-sm-6 .block-card h2 i,
.home-blocks .col-sm-6 .block-card h3 i,
.home-blocks .col-sm-6 .block-card h4 i,
.home-blocks .col-sm-6 .block-card h5 i,
.home-blocks .col-sm-6 .block-card h6 i {
  margin-right: 10px;
  font-size: 28px;
  color: #E5AD3F;
}
@media (max-width: 767px) {
  .home-blocks .col-sm-6 .block-card h1 i,
  .home-blocks .col-sm-6 .block-card h2 i,
  .home-blocks .col-sm-6 .block-card h3 i,
  .home-blocks .col-sm-6 .block-card h4 i,
  .home-blocks .col-sm-6 .block-card h5 i,
  .home-blocks .col-sm-6 .block-card h6 i {
    font-size: 20px;
  }
}
.home-blocks .col-sm-6 .block-card .btn {
  min-width: 200px;
  white-space: normal;
}
.home-blocks .col-sm-6 .block-card a:last-of-type {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
  margin: 0 35px;
  width: max-content;
}
.home-blocks .col-sm-6:nth-child(odd) .block-card {
  background: #f6f6f6;
}
.home-blocks .col-sm-6:nth-child(even) .block-card {
  background: #DB0032;
  color: #fff;
}
.home-blocks .col-sm-6:nth-child(even) .block-card .btn {
  background: #fff;
  color: #E5AD3F;
  border: #fff;
}
@media (max-width: 767px) {
  .home-blocks .col-sm-6 .col-xs-12 {
    margin-bottom: 15px;
  }
  .home-blocks .col-sm-6 .col-xs-12:last-child {
    margin-bottom: 0;
  }
}
.usp-slider-wrapper {
  background: #f6f6f6;
}
.usp-slider-wrapper .usp {
  font-size: 13px;
}
.usp-slider-wrapper .usp i {
  font-size: 18px;
  color: #E5AD3F;
  margin-right: 5px;
}
.usp-slider-wrapper .usp p {
  display: inline;
}
.news.v_2_0_3,
.news.v_2_0_2,
.news.v_2_0_1,
.news.v_2_0_0 {
  /*&.single{
        li{
            width:720px;
            margin:0 auto;
            float:none;

            .image{
                max-height:420px;
            }
        }
    }*/
}
.news.v_2_0_3 .is-flex .col,
.news.v_2_0_2 .is-flex .col,
.news.v_2_0_1 .is-flex .col,
.news.v_2_0_0 .is-flex .col {
  flex: 1;
}
.news.v_2_0_3 .news-item,
.news.v_2_0_2 .news-item,
.news.v_2_0_1 .news-item,
.news.v_2_0_0 .news-item {
  overflow: hidden;
  margin-bottom: 30px;
}
.news.v_2_0_3 .news-item .news-item-inner,
.news.v_2_0_2 .news-item .news-item-inner,
.news.v_2_0_1 .news-item .news-item-inner,
.news.v_2_0_0 .news-item .news-item-inner {
  background: #f6f6f6;
  border-radius: 3px;
  position: relative;
  width: 100%;
}
.news.v_2_0_3 .news-item .overly-banner-news-item-block,
.news.v_2_0_2 .news-item .overly-banner-news-item-block,
.news.v_2_0_1 .news-item .overly-banner-news-item-block,
.news.v_2_0_0 .news-item .overly-banner-news-item-block {
  position: absolute;
  z-index: 2;
  top: 5px;
  width: inherit;
  overflow: hidden;
}
.news.v_2_0_3 .news-item .overly-banner-news-item-block a:hover,
.news.v_2_0_2 .news-item .overly-banner-news-item-block a:hover,
.news.v_2_0_1 .news-item .overly-banner-news-item-block a:hover,
.news.v_2_0_0 .news-item .overly-banner-news-item-block a:hover {
  text-decoration: none;
}
.news.v_2_0_3 .news-item .overly-banner-news-item-block a:focus,
.news.v_2_0_2 .news-item .overly-banner-news-item-block a:focus,
.news.v_2_0_1 .news-item .overly-banner-news-item-block a:focus,
.news.v_2_0_0 .news-item .overly-banner-news-item-block a:focus {
  text-decoration: none;
  outline: none;
}
.news.v_2_0_3 .news-item .overly-news-banner-item,
.news.v_2_0_2 .news-item .overly-news-banner-item,
.news.v_2_0_1 .news-item .overly-news-banner-item,
.news.v_2_0_0 .news-item .overly-news-banner-item {
  min-width: 70px;
  height: 35px;
  background: #DB0032;
  position: relative;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.news.v_2_0_3 .news-item .overly-news-banner-item-after,
.news.v_2_0_2 .news-item .overly-news-banner-item-after,
.news.v_2_0_1 .news-item .overly-news-banner-item-after,
.news.v_2_0_0 .news-item .overly-news-banner-item-after {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: -35px;
  clip-path: polygon(50% 50%, 0 0, 0 100%);
  background: #DB0032;
}
.news.v_2_0_3 .news-item .image,
.news.v_2_0_2 .news-item .image,
.news.v_2_0_1 .news-item .image,
.news.v_2_0_0 .news-item .image {
  min-height: 40px;
  max-height: 210px;
  overflow: hidden;
}
.news.v_2_0_3 .news-item .image img,
.news.v_2_0_2 .news-item .image img,
.news.v_2_0_1 .news-item .image img,
.news.v_2_0_0 .news-item .image img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}
.news.v_2_0_3 .news-item .tile,
.news.v_2_0_2 .news-item .tile,
.news.v_2_0_1 .news-item .tile,
.news.v_2_0_0 .news-item .tile {
  padding: 20px 20px 60px;
  position: relative;
}
.news.v_2_0_3 .news-item .tile .date,
.news.v_2_0_2 .news-item .tile .date,
.news.v_2_0_1 .news-item .tile .date,
.news.v_2_0_0 .news-item .tile .date {
  position: absolute;
  top: -35px;
  left: 0;
  padding: 25px 40px 0 20px;
  background: #f6f6f6;
  color: #9D9D9C;
  border-radius: 0 3px 0px 0px;
}
.news.v_2_0_3 .news-item .tile h3,
.news.v_2_0_2 .news-item .tile h3,
.news.v_2_0_1 .news-item .tile h3,
.news.v_2_0_0 .news-item .tile h3 {
  color: #DB0032;
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news.v_2_0_3 .news-item .tile h3 a,
.news.v_2_0_2 .news-item .tile h3 a,
.news.v_2_0_1 .news-item .tile h3 a,
.news.v_2_0_0 .news-item .tile h3 a {
  color: #DB0032;
}
.news.v_2_0_3 .news-item .tile p,
.news.v_2_0_2 .news-item .tile p,
.news.v_2_0_1 .news-item .tile p,
.news.v_2_0_0 .news-item .tile p {
  line-height: 28px;
  max-height: 85px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.news.v_2_0_3 .news-item .tile .btn,
.news.v_2_0_2 .news-item .tile .btn,
.news.v_2_0_1 .news-item .tile .btn,
.news.v_2_0_0 .news-item .tile .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 40px 10px 20px;
  font-size: 17px;
  background: #fff;
  color: #fff;
  background: #DB0032;
  text-decoration: none;
  border-radius: 3px 0 0 0;
}
.news.v_2_0_3 .news-item .tile .btn:hover,
.news.v_2_0_2 .news-item .tile .btn:hover,
.news.v_2_0_1 .news-item .tile .btn:hover,
.news.v_2_0_0 .news-item .tile .btn:hover,
.news.v_2_0_3 .news-item .tile .btn:focus,
.news.v_2_0_2 .news-item .tile .btn:focus,
.news.v_2_0_1 .news-item .tile .btn:focus,
.news.v_2_0_0 .news-item .tile .btn:focus {
  background: #DB0032;
}
.news.v_2_0_3 .news-item .tile .btn i,
.news.v_2_0_2 .news-item .tile .btn i,
.news.v_2_0_1 .news-item .tile .btn i,
.news.v_2_0_0 .news-item .tile .btn i {
  position: absolute;
  top: 16px;
  font-size: 18px;
}
/* Fixes height images */
.news.v_2_0_3 .news-item .image,
.news.v_2_0_0 .news-item .image {
  min-height: 210px;
  object-fit: cover;
}
/* Exceptions */
.news.v_2_0_0 .news-item .tile .date {
  position: relative;
  padding: 0 0 10px;
  top: 0;
}
/* Exceptions */
.news.v_2_0_2 .news-item .image,
.news.v_2_0_1 .news-item .image {
  display: none;
}
.news.v_2_0_2 .news-item .tile .date,
.news.v_2_0_1 .news-item .tile .date {
  position: relative;
  padding: 0 0 10px;
  top: 0;
}
.news.v_2_0_3 .news-item .tile p,
.news.v_2_0_2 .news-item .tile p {
  display: none;
}
@media (min-width: 768px) {
  .news.v_2_0_0 .tile,
  .news.v_2_0_1 .tile {
    height: 263px;
  }
  .news.v_2_0_2 .tile {
    height: 168px;
  }
  .news.v_2_0_3 .tile {
    height: 134px;
  }
}
.ShowAllNewsButton .fa {
  color: #DB0032;
}
.sidebar .page-text-wrapper a {
  color: #DB0032;
}
.sidebar .sidebar-news-item {
  width: 100%;
  margin-bottom: 30px;
}
.sidebar .sidebar-news-item .sidebar-news-item-inner {
  margin-bottom: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
}
.sidebar .sidebar-news-item .sidebar-news-item-inner .sidebar-news-link {
  text-decoration: none;
  cursor: pointer;
}
.sidebar .sidebar-news-item .sidebar-news-item-inner .sidebar-news-link .sidebar-news-tile .date {
  color: #9d9d9c;
}
.sidebar .sidebar-news-item .sidebar-news-item-inner .sidebar-news-link .sidebar-news-tile strong {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin: 5px 0 10px;
  color: var(--black-theme-color, #212121);
}
.sidebar .sidebar-news-item .sidebar-news-item-inner .sidebar-news-link .sidebar-news-tile .link {
  display: block;
  margin-top: 10px;
}
.sidebar .sidebar-news-item:nth-child(3) .sidebar-news-item-inner {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar .sidebar-news-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sidebar {
    margin-top: 30px;
  }
}
/* News detail */
.news-page-image .img-fit {
  object-fit: cover;
  max-height: 500px;
}
.article-single {
  position: relative;
  z-index: 1;
}
.article-single header {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .article-single header h2 {
    font-size: 18px;
    font-weight: 700;
  }
}
.article-single .img-fit {
  width: 100%;
  margin-bottom: 10px;
}
.news-page-item-wrapper p {
  margin: 0 0 30px;
}
.news-page-detail-wrapper .news-detail-date {
  background-color: #212121;
  display: inline-block;
  padding: 2px 10px;
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  margin: 20px 0;
  font-weight: bold;
}
.news-detail-button-row small {
  margin-right: 20px;
  font-weight: 400;
}
.news-detail-button-row a {
  color: #333;
}
.news-page-detail-wrapper h2 {
  color: #212121;
  margin-bottom: 30px;
  font-size: 22px;
}
.collection {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: stretch;
}
@media (min-width: 640px) {
  .collection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .collection {
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  }
}
.collection li {
  margin: 0;
  display: flex;
  word-break: break-word;
}
.collection li > article {
  flex: 1;
}
.news-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  border: 1px solid rgba(16, 24, 40, 0.04);
  height: 100%;
  transition: all 0.2s ease-out;
}
.news-card:focus-visible {
  outline: 2px solid var(--black-theme-color, #212121);
}
.news-card:hover,
.news-card:focus {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
  text-decoration: initial;
}
.news-card:hover img,
.news-card:focus img {
  transform: scale(1.2);
  transition: all 0.2s ease-out;
}
.news-card .news-card-inner {
  padding: 1em;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news-card__media {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  overflow: hidden;
  margin-bottom: 0.75rem;
  background: #f6f6f6;
  flex-shrink: 0;
}
.news-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.2s ease-out;
}
.news-card__title {
  margin: 0 0 0.5rem;
}
.news-card__meta {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.95rem;
  color: var(--black-theme-color, #212121);
}
.news-card__meta time {
  white-space: nowrap;
}
.news-card[aria-label*="extern"]::after {
  content: "\2197";
  margin-left: 0.3rem;
  font-size: 0.85rem;
}
@media (prefers-reduced-motion: reduce) {
  .news-card,
  .news-card:hover,
  .news-card:focus {
    transition: none;
    transform: none;
  }
}
#profile datepicker .input-group {
  margin-bottom: unset;
}
#profile .table-row {
  border-bottom: 1px solid #f6f6f6;
}
@media (max-width: 767px) {
  #profile {
    margin-top: 0;
  }
}
#profile .dropdown-menu > li > a {
  padding: 10px 20px;
}
#profile .dropdown-menu {
  left: unset;
  right: 0;
}
@media screen and (min-width: 568px) {
  #profile ._720kb-datepicker-calendar {
    right: 0;
    left: unset;
  }
}
@media screen and (max-width: 767px) {
  #profile .flexOptionRow .profileSearchFromDate ._720kb-datepicker-calendar {
    right: 0;
    left: unset;
  }
}
.search-btn-filter .btn .fa:not(.fa-fw),
.search-btn-filter .btn .fas {
  padding: 0;
}
.search-filter {
  padding-left: 5px;
  padding-right: 5px;
}
.flexOptionWrap {
  align-items: flex-end;
}
@media (max-width: 767px) {
  .flexOptionWrap {
    flex-direction: column;
    flex-flow: wrap;
  }
}
@media (max-width: 767px) {
  .flexOptionWrap .flexOptionItem {
    width: 50%;
  }
  .flexOptionWrap .profileSearchButton {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .flexOptionWrap .profileSearchNumber,
  .flexOptionWrap .profileSearchStatus,
  .flexOptionWrap .profileSearchFromDate,
  .flexOptionWrap .profileSearchToDate {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .flexOptionWrap .profileSearchNumber,
  .flexOptionWrap .profileSearchStatus,
  .flexOptionWrap .profileSearchFromDate,
  .flexOptionWrap .profileSearchToDate {
    margin-top: 10px;
    width: 50%;
  }
}
.flexNoOption {
  /* Used for RMA, User Management, Order Approve*/
}
@media (min-width: 768px) {
  .flexNoOption .profileSearchNumber {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .flexNoOption .profileSearchNumber {
    margin-top: 10px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .flexNoOption .profileDefaultSearchValue {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .flexNoOption .profileDefaultSearchValue {
    margin-top: 10px;
    width: 100%;
  }
}
.flexOptionRow {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .flexOptionRow .flexOptionItem:nth-child(odd) {
    padding-right: 10px;
  }
  .flexOptionRow .flexOptionItem:nth-child(even) {
    padding-left: 10px;
  }
}
.flexOptionRow .flexOptionItem input,
.flexOptionRow .flexOptionItem select {
  height: 42px;
}
.flexOptionRow .flexOptionItem input::placeholder,
.flexOptionRow .flexOptionItem select::placeholder {
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .flexOptionRow .inputSpacing {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .flexOptionRow .inputSpacing {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .flexOptionRow .profileSearchFromDate {
    padding-right: 10px;
  }
  .flexOptionRow .profileSearchFromDate ._720kb-datepicker-calendar {
    left: 0;
  }
  .flexOptionRow .profileSearchToDate {
    padding-left: 10px;
  }
  .flexOptionRow .profileSearchToDate ._720kb-datepicker-calendar {
    right: 0;
  }
}
@media (max-width: 767px) {
  .flexOptionRow .profileSearchButton {
    margin-top: 10px;
    padding-left: 10px;
  }
  .flexOptionRow .profileSearchButton .btn {
    width: 100%;
  }
}
.flexOptionRow .profileSearchButton .btn {
  height: 42px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #E5AD3F !important;
}
.loyalty-title {
  background: #fff;
}
.loyalty-description {
  background: #fff;
  padding-bottom: 10px;
}
.total-loyalty {
  border-top: 3px solid #DB0032;
}
#orderDetailsModal .modal-lg,
#invoicesDetailsModal .modal-lg,
#quotationDetailsModal .modal-lg,
#RMARequestDetailModal .modal-lg {
  width: 90vw;
  max-width: 1170px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #orderDetailsModal .modal-lg,
  #invoicesDetailsModal .modal-lg,
  #quotationDetailsModal .modal-lg,
  #RMARequestDetailModal .modal-lg {
    width: 93%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  #orderDetailsModal .modal-lg,
  #invoicesDetailsModal .modal-lg,
  #quotationDetailsModal .modal-lg,
  #RMARequestDetailModal .modal-lg {
    width: auto !important;
  }
}
#orderDetailsModal .btn i,
#invoicesDetailsModal .btn i,
#quotationDetailsModal .btn i,
#RMARequestDetailModal .btn i {
  padding-left: 0;
}
#btnPasswordChange {
  padding: 0;
}
#btnPasswordChange i {
  margin-right: 12px;
}
#profiletab .row.form-group {
  height: auto;
}
.profile-tabs-mobile {
  width: 100%;
  margin-top: 20px;
  position: relative;
  border-bottom: 1px solid #f6f6f6;
}
.profile-tabs-mobile ul {
  display: inline-block;
}
.profile-tabs-mobile .nav-tabs {
  height: 48px;
  border-bottom: none;
}
.profile-tabs-mobile .nav-tabs > span > a {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
  color: var(--black-theme-color, #212121);
}
.profile-tabs-mobile .nav > span > a {
  position: relative;
  display: inline-block;
  padding: 10px 10px;
  z-index: 4;
}
.profile-tabs-mobile .nav-tabs > span.active > a {
  background-color: white;
  color: var(--black-theme-color, #212121);
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}
.profile-tabs-mobile .nav-tabs > span > a:hover {
  border-color: #eee #eee #ddd;
}
.profile-tabs-mobile .nav > span > a:hover,
.profile-tabs-mobile .nav > span > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.profile-tabs-mobile .nav > span > a:hover,
.profile-tabs-mobile .nav > span > a:focus {
  background-color: transparent;
  outline: none;
}
.profile-tabs-mobile .nav-tabs > span:hover > a:active,
.profile-tabs-mobile .nav-tabs > span:hover > a:hover,
.profile-tabs-mobile .nav-tabs > span:hover > a:focus {
  background-color: #FDFDFD;
  color: var(--black-theme-color, #212121);
  border: 1px solid #ddd;
  border-bottom: 1px solid #FDFDFD;
}
.profile-tabs-mobile .border-bot-1 {
  border-top: 1px solid #f6f6f6;
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.return-order-summary-details .form-group {
  min-height: 53px;
}
.return-order-summary-details .form-group label {
  display: block;
}
/* IE FIX for profile tab, buttons were showing */
.scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
  display: none;
}
.pos-r {
  position: relative;
}
.fade-box-right {
  width: 25px;
  position: absolute;
  right: 0;
  z-index: 10;
  background-image: linear-gradient(to right, white, #b5b5b5);
  height: 46px;
  top: 2px;
  opacity: 0.3;
  display: none;
}
@media (max-width: 991px) {
  .fade-box-right {
    display: block;
  }
}
@media (max-width: 767px) {
  .table-row .table-column-xs {
    padding: 3px 15px 3px 15px;
  }
}
@media (max-width: 576px) {
  .table-row .table-column-xs {
    padding: 3px 15px 3px 15px;
  }
}
@media (max-width: 991px) {
  #orderstab form.table-row .table-column {
    padding: 8px 15px;
  }
}
@media (max-width: 767px) {
  #orderstab .margin-xs-15-0 {
    padding: 15px 0;
  }
}
#orderstab .visible-xxs {
  display: none;
}
@media (max-width: 567px) {
  #orderstab .visible-xxs {
    display: block;
  }
}
@media (max-width: 576px) {
  .visible-xxs-inline {
    display: inline-block !important;
  }
}
#favourite .fa.fa-lock {
  padding: 0 5px;
}
#favourite [item-quantity-input] {
  height: 40px !important;
  width: 84% !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #favourite [item-quantity-input] {
    width: 80%;
  }
}
@media (max-width: 991px) {
  #favourite [item-quantity-input] {
    width: 50% !important;
    margin-bottom: 10px;
  }
}
#favourite [ng-input-number] {
  height: 40px !important;
  width: 84% !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #favourite [ng-input-number] {
    width: 80%;
  }
}
@media (max-width: 991px) {
  #favourite [ng-input-number] {
    width: 50% !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  #favourite .plus-control,
  #favourite .minus-control {
    display: block;
    height: 40px !important;
  }
}
#RMA .form-control {
  max-width: 80px;
}
#RMA .checkbox-wrapper label {
  cursor: pointer;
}
@media (max-width: 991px) {
  #RMA .checkbox-wrapper {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
  }
  #RMA .form-control {
    display: inline-block;
    margin-left: 5px;
  }
}
#rmaCommentTextArea {
  height: 150px;
}
#returnOrder .file-support-box {
  margin: 20px 0;
}
#returnOrder .upload-box-rma {
  position: relative;
}
#returnOrder .upload-box-rma #uploadFile {
  position: absolute;
  top: 0;
  left: 60px;
  height: 40px;
  max-width: 306px;
}
#returnOrder .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#returnOrder .inputfile + label {
  background: #DB0032;
  padding: 8px 15px;
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
#returnOrder .inputfile:focus + label,
#returnOrder .inputfile + label:hover {
  background-color: #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
#returnOrder .inputfile + label {
  cursor: pointer;
}
#returnOrder .inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
#returnOrder .inputfile + label * {
  pointer-events: none;
}
/* USER MANAGEMENT */
#mycompanytab .form-horizontal .control-label,
#favourite .form-horizontal .control-label,
#externalcatalogstab .form-horizontal .control-label,
#customerprojectstab .form-horizontal .control-label {
  text-align: left;
}
#mycompanytab .user-account-form,
#favourite .user-account-form,
#externalcatalogstab .user-account-form,
#customerprojectstab .user-account-form {
  padding-top: 19.8px;
  padding-bottom: 19.8px;
}
@media (min-width: 320px) and (max-width: 576px) {
  #mycompanytab .input-group,
  #favourite .input-group,
  #externalcatalogstab .input-group,
  #customerprojectstab .input-group {
    margin-top: 20px;
  }
  #mycompanytab .amount-page,
  #favourite .amount-page,
  #externalcatalogstab .amount-page,
  #customerprojectstab .amount-page {
    float: right;
  }
}
#mycompanytab .position-text span,
#favourite .position-text span,
#externalcatalogstab .position-text span,
#customerprojectstab .position-text span {
  position: relative;
  left: 80px;
  top: 10px;
}
#mycompanytab .amount-page,
#favourite .amount-page,
#externalcatalogstab .amount-page,
#customerprojectstab .amount-page {
  display: inline-block;
  margin: 0 15px;
}
#mycompanytab .amount-page span,
#favourite .amount-page span,
#externalcatalogstab .amount-page span,
#customerprojectstab .amount-page span {
  display: block;
  position: relative;
  left: 0;
}
#mycompanytab .amount-page select,
#favourite .amount-page select,
#externalcatalogstab .amount-page select,
#customerprojectstab .amount-page select {
  display: block;
}
#mycompanytab input.submitted,
#favourite input.submitted,
#externalcatalogstab input.submitted,
#customerprojectstab input.submitted {
  border-color: lightcoral;
}
#mycompanytab select.submitted,
#favourite select.submitted,
#externalcatalogstab select.submitted,
#customerprojectstab select.submitted {
  border-color: lightcoral;
}
#mycompanytab input[type="radio"].submitted + label,
#favourite input[type="radio"].submitted + label,
#externalcatalogstab input[type="radio"].submitted + label,
#customerprojectstab input[type="radio"].submitted + label {
  border: 2px solid lightcoral;
}
#mycompanytab .password-wrapper,
#favourite .password-wrapper,
#externalcatalogstab .password-wrapper,
#customerprojectstab .password-wrapper {
  top: 40px;
}
.userCreated-default-table .table-row .table-column .fa-pencil-square-o {
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .userCreated-default-table .table-row div:last-child a {
    float: none !important;
  }
}
.budgetExceed {
  color: red;
}
.DeliveryDays .Days {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.DeliveryDays .Days li {
  position: relative;
  padding-right: 5px;
  float: left;
  margin-left: -1px;
  width: 14%;
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}
.DeliveryDays .Days li span {
  display: block;
}
.DeliveryDays .Days li .far,
.DeliveryDays .Days li .fa {
  font-size: 22.5px;
}
@media (min-width: 577px) {
  .DeliveryDays .Days li .far,
  .DeliveryDays .Days li .fa {
    margin: 5px;
  }
}
.DeliveryDays .Days li .far:hover,
.DeliveryDays .Days li .fa:hover {
  cursor: not-allowed;
  transition: 0.2s;
}
.DeliveryDays .Days li .fa-check-square {
  color: #212121;
}
.DeliveryDays .Days li .fa-square {
  color: #E5AD3F;
}
/*
    Register stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 11-12-2017
*/
.box {
  background: #fff;
  padding: 15px;
  border: 2px solid #f6f6f6;
  border-radius: 0px;
}
.choice label {
  display: block;
  cursor: pointer;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.choice input[type="radio"] {
  display: none;
}
.choice input[type="radio"]:checked + label {
  border: 2px solid #DB0032;
  -webkit-box-shadow: 0 0 15px #ccc;
  -moz-box-shadow: 0 0 15px #ccc;
  box-shadow: 0 0 15px #ccc;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.choice input[type="radio"]:checked + .radio {
  border-color: #DB0032;
}
.choice input[type="radio"]:hover + label {
  border: 2px solid #DB0032;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.choice h3 {
  margin-top: 8px;
  font-weight: bold;
}
.choice p {
  font-weight: normal;
}
#registration-page .alert-success {
  margin-top: 15px;
}
#registration-page .alert-success h3 {
  margin-top: 0;
}
#registration-page ul {
  margin-top: 0;
}
#registration-page .alert {
  padding: 10px 15px;
}
#registration-page input.submitted {
  border-color: lightcoral;
}
#registration-page select.submitted {
  border-color: lightcoral;
}
#registration-page input[type="radio"].submitted + label {
  border: 2px solid lightcoral;
}
#filters .filter {
  padding-bottom: 5px;
}
#filters .filter .filter-heading {
  background: #DB0032;
  color: #fff;
}
#filters .filter .filter-heading[aria-expanded=true] h4 {
  color: #fff;
}
#filters .filter .filter-heading[aria-expanded=true] h4:after {
  right: 27px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f0d7";
}
#filters .filter .filter-heading[aria-expanded=false] h4 {
  color: #fff;
}
#filters .filter .filter-heading[aria-expanded=false] h4:after {
  right: 27px;
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position: absolute;
  content: "\f0d8";
}
#filters .filter .filter-heading h4 {
  font-size: 16px;
  margin: 0;
  padding: 6px 10px;
  font-weight: bold;
  cursor: pointer;
}
#filters .filter .filter-body .filter-type {
  display: block;
  padding: 6px 10px;
  font-weight: normal;
  cursor: pointer;
}
#filters .filter .filter-body .filter-type:nth-child(2n) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
.searchterm {
  color: var(--black-theme-color, #212121);
}
span.searchterm {
  display: inline-block;
}
.searchterm-result strong {
  padding: 5px 10px !important;
}
.searchterm strong {
  position: relative;
  font-weight: normal;
  background: #DB0032;
  display: inline-block;
  padding: 5px 30px 5px 10px;
  border-radius: 3px;
  margin-left: 10px;
  top: -1px;
}
.searchterm strong span {
  font-size: 14px !important;
  color: #fff;
}
.searchterm strong .fa {
  position: absolute;
  right: 7px;
  top: 11px;
  color: #fff;
}
.searchterm strong .fa:hover {
  opacity: 0.9;
  cursor: pointer;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
.searchterm strong.clear-all-filters {
  background-color: #E5AD3F;
  padding: 5px 10px;
}
.searchterm strong.clear-all-filters:hover {
  cursor: pointer;
}
.searchterm-no-results {
  color: #212121;
  white-space: nowrap;
}
.searchterm-no-results .searchterm strong {
  padding: 10px 5px;
}
[active-filters] {
  position: relative;
  margin-top: 5px;
  z-index: 10;
}
.search-suggestions .suggestions {
  display: block;
  padding: 0;
  margin: 0;
}
.search-suggestions .suggestions li {
  display: inline-block;
  border: 1px solid #DB0032;
  padding: 10px;
  margin: 10px 5px 0 0;
  color: #DB0032;
  font-weight: bold;
}
.search-suggestions .suggestions li:hover {
  cursor: pointer;
}
.item-results {
  display: block;
  color: #808080;
  font-size: 24px;
}
.page-assortment {
  margin-top: -15px;
}
.btn-configurator-spacer {
  margin-top: 4px;
}
/* Azure search Autocomplete result */
.autocomplete-result-heading {
  padding: 10px 10px 7px 10px;
  text-align: right;
}
.brand-group-heading {
  background: transparent !important;
  border-top: 1px solid #f6f6f6;
}
.autocomplete-search-result {
  font-size: 13px;
}
.autocomplete-search-result li a {
  padding: 6px 10px;
}
.webshop-suggestion-wrapper {
  position: relative;
  text-align: right;
  margin: 10px 0;
}
.webshop-suggestion a {
  color: #DB0032;
}
/* Azure search Autocomplete result */
#homeSlider .slider .carousel h1 {
  max-width: 700px;
  display: inline-block;
  font-size: 60px;
}
#homeSlider .carousel-caption .carousel-caption-inner p {
  color: #ffffff;
  font-size: 20px;
  max-width: 600px;
  display: inline-block;
}
#homeSlider .slider .carousel .btn-info {
  font-size: 20px;
}
/***** GLIDE CORE SCSS *****/
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide--swipeable,
.glide--swipeable .glide__track {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.glide--dragging,
.glide--dragging .glide__track {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.glide--rtl {
  direction: rtl;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  white-space: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__slide > .row {
  margin: 0;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__arrow {
  position: absolute;
  top: 50%;
  display: block;
  background: none;
  padding: 2px 0;
  border: none;
  opacity: 1;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 5;
  transform: translateY(-50%);
  transition: opacity 150ms ease, border 300ms ease-in-out;
}
.glide__arrow:focus,
.glide__arrow:hover,
.glide__arrow:active,
.glide__arrow:active:focus {
  background: none;
  border: none;
}
.glide__arrow__icon {
  display: block;
  height: 24px;
  width: 24px;
  background: #DB0032;
}
.glide__arrow--left {
  left: 0;
}
.glide__arrow--left__icon {
  clip-path: polygon(50% 0, 88% 0, 50% 50%, 90% 100%, 50% 100%, 10% 50%);
}
.glide__arrow--right {
  right: 0;
}
.glide__arrow--right__icon {
  clip-path: polygon(10% 0, 50% 0, 90% 50%, 50% 100%, 10% 100%, 50% 50%);
}
.glide__arrow--disabled {
  opacity: 0.33;
}
.glide__bullets {
  position: relative;
  bottom: 0;
  left: 50%;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
  padding-top: 1rem;
  list-style: none;
  z-index: 2;
  transform: translateX(-50%);
}
.glide__bullet {
  display: block;
  background-color: #fff;
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 0.25em;
  font-size: 0;
  line-height: 0;
  color: #fff;
  border: none;
  border-radius: 50%;
  outline: none;
  border: 2px solid transparent;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.glide__bullet:focus {
  outline: none;
}
.glide__bullet:hover,
.glide__bullet:focus {
  border: 2px solid #DB0032;
  background-color: #fff;
}
.glide__bullet--active {
  background-color: #E5AD3F;
}
.glide__bullet--active:hover,
.glide__bullet--active:focus {
  border: 2px solid #E5AD3F;
  background-color: #E5AD3F;
}
.glide__bullet--active:focus-visible {
  border: 2px solid #DB0032;
}
/* Import the overrides here */
/******* CONTROL PANNEL *******/
/*******  Font import *******/
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype');
}
/*******  Color definition *******/
/*******  END color definition *******/
#isah {
  /* Footer */
  /* Homepage */
  /* Object/BOM */
  /* New Layout styling */
  /* Logo */
  /* Contrast colors for color 1 and 2 */
  /* iframe styling */
}
#isah body {
  font-size: 14px;
}
#isah body .isah-eops-copyright .isah-eops-copyright-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #isah body .isah-eops-copyright .isah-eops-copyright-inner {
    flex-direction: column;
  }
}
#isah body .isah-eops-copyright .isah-eops-copyright-inner span,
#isah body .isah-eops-copyright .isah-eops-copyright-inner img {
  display: inline-block;
  display: flex;
}
#isah body .isah-eops-copyright .isah-eops-copyright-inner p {
  margin-bottom: 0px;
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  #isah body .isah-eops-copyright .isah-eops-copyright-inner p {
    margin-right: 10px;
  }
}
#isah body .isah-eops-copyright .isah-eops-copyright-inner img {
  margin-bottom: 0;
  max-height: 30px;
  max-width: 120px;
  object-fit: contain;
}
#isah #footer .footer-top {
  display: none;
}
#isah #footer .footer-middle {
  background: #DB0032;
}
#isah #footer .footer-middle .pagetext-accordion a {
  color: var(--footer-theme-text-color, #fff);
}
#isah #footer .footer-bottom {
  background: #fff;
  color: var(--black-theme-color, #212121);
}
#isah .myAssortmentTeaser .PageArticle .PageArticle-content {
  height: 225px;
  -webkit-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
#isah .myAssortmentTeaser .PageArticle .PageArticle-content h3 {
  padding: 5px 40px;
  font-weight: bold;
}
#isah .isLogin #login-page-form .loginbuttondiv {
  margin-top: 15px;
}
#isah .isHome .news-home h3 {
  font-size: 28px;
  font-weight: 400;
}
#isah .isHome .news.v_2_0_3 .news-item .news-item-inner,
#isah .isHome .news.v_2_0_2 .news-item .news-item-inner,
#isah .isHome .news.v_2_0_1 .news-item .news-item-inner,
#isah .isHome .news.v_2_0_0 .news-item .news-item-inner {
  -webkit-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
#isah .isHome .news.v_2_0_3 .news-item,
#isah .isHome .isHome .news.v_2_0_2 .news-item,
#isah .isHome .news.v_2_0_1 .news-item,
#isah .isHome .news.v_2_0_0 .news-item {
  overflow: visible !important;
}
#isah .isHome .home-slider .carousel-indicators {
  text-align: right;
}
#isah .isHome .search-box-wrapper {
  position: relative;
}
@media (min-width: 768px) {
  #isah .isHome .search-box-wrapper {
    height: 0;
    top: -80px;
  }
}
#isah .isHome .search-box-wrapper .search-box-home {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 38px;
  -webkit-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
#isah .isHome .search-box-wrapper .search-box-home input {
  margin-top: 15px;
  border: 1px solid #f6f6f6 !important;
}
#isah .isHome .home-boxes .home-boxes-child {
  background: #DB0032;
  padding: 10px;
  -webkit-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) and (max-width: 1199px) {
  #isah .isHome .home-boxes .home-boxes-child {
    min-height: 183px;
  }
}
#isah .isHome .home-boxes .home-boxes-child a {
  text-align: center;
  color: #fff;
}
#isah .isHome .home-boxes .home-boxes-child a i {
  font-size: 50px;
  padding-top: 10px;
}
#isah .isHome .home-boxes .home-boxes-child a h3 {
  font-size: 17px;
  margin-bottom: 0;
}
#isah .isHome .home-boxes .home-boxes-child a p {
  font-size: 11px;
}
#isah .info-icon-toggle i {
  font-size: 25px;
  color: var(--secondary-theme-color, #ff4f00);
}
@media (min-width: 320px) and (max-width: 991px) {
  #isah .info-icon-toggle i {
    font-size: 18px;
    position: relative;
    top: 2px;
  }
}
#isah .info-icon-toggle i:hover,
#isah .info-icon-toggle i:active,
#isah .info-icon-toggle i:focus {
  color: var(--secondary-theme-color, #ff4f00);
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
#isah .info-icon-toggle a[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}
#isah .info-icon-toggle a[aria-expanded="false"] {
  transform: rotate(0deg);
}
@media (min-width: 320px) and (max-width: 991px) {
  #isah .info-icon-toggle .visible-button-info {
    display: inline-block !important;
    margin-right: 10px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  #isah #profile #orderDetailsModal .modal-lg,
  #isah #profile #invoicesDetailsModal .modal-lg,
  #isah #profile #quotationDetailsModal .modal-lg,
  #isah #profile #objectDetailsModal .modal-lg,
  #isah #profile #serviceDetailsModal .modal-lg,
  #isah #profile #notificationDetailsModal .modal-lg {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #isah #profile #orderDetailsModal .modal-lg,
  #isah #profile #invoicesDetailsModal .modal-lg,
  #isah #profile #quotationDetailsModal .modal-lg,
  #isah #profile #objectDetailsModal .modal-lg,
  #isah #profile #serviceDetailsModal .modal-lg,
  #isah #profile #notificationDetailsModal .modal-lg {
    width: 95vw !important;
  }
}
@media (min-width: 1200px) {
  #isah #profile #orderDetailsModal .modal-lg,
  #isah #profile #invoicesDetailsModal .modal-lg,
  #isah #profile #quotationDetailsModal .modal-lg,
  #isah #profile #objectDetailsModal .modal-lg,
  #isah #profile #serviceDetailsModal .modal-lg,
  #isah #profile #notificationDetailsModal .modal-lg {
    max-width: 1170px;
    width: 75vw !important;
  }
}
@media (min-width: 768px) {
  #isah #profile .table-row,
  #isah #profile .table-header-row {
    font-size: 12px !important;
  }
}
#isah #profile .show-old-versions .has-custom-checkbox + label {
  margin-right: 0;
  border: 2px solid #E5AD3F;
  height: 17px;
  width: 17px;
}
#isah #profile .show-old-versions label {
  margin-bottom: 0;
}
#isah #profile .show-old-versions label span {
  font-size: 13px;
}
#isah #profile .show-old-versions .has-custom-checkbox:checked + label {
  border-color: #E5AD3F;
}
#isah #profile .show-old-versions .has-custom-checkbox:checked + label:before {
  background: #E5AD3F;
}
#isah #profile .modal-dialog .inactive-object {
  color: #f6f6f6;
  font-style: italic;
}
#isah #profile .modal-dialog .confirmed-date i {
  color: var(--primary-theme-color, #28343d);
}
@media (min-width: 320px) and (max-width: 991px) {
  #isah #profile .modal-dialog .confirmed-date {
    margin-left: 5px;
  }
}
#isah #profile .modal-dialog .padding-right-0 {
  padding-right: 0;
}
#isah #profile .modal-dialog .file-amount {
  color: var(--primary-theme-color, #28343d);
  display: inline-block;
  display: -webkit-inline-box;
}
#isah #profile .modal-dialog .file-amount span {
  font-size: 13px;
}
#isah #profile .modal-dialog .status-changed {
  background: #f6f6f6;
  padding: 9px 15px;
  color: var(--black-theme-color, #212121);
  display: inline-block;
  font-size: 13px;
}
@media (min-width: 320px) and (max-width: 576px) {
  #isah #profile .modal-dialog .status-changed {
    width: 100%;
    margin-top: 15px;
  }
}
#isah #profile .modal-dialog .alert-info {
  color: #333;
}
#isah #profile .modal-dialog .profile-tabs-mobile {
  margin-top: 0 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  #isah #profile .modal-dialog .btn-group {
    margin-top: 15px;
  }
}
#isah #profile .modal-dialog .btn-primary:active,
#isah #profile .modal-dialog .btn-primary.active,
#isah #profile .modal-dialog .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #E5AD3F;
  border-color: #E5AD3F;
}
@media (min-width: 320px) and (max-width: 576px) {
  #isah #profile .modal-dialog .btn-group {
    margin-bottom: 10px;
  }
}
#isah #profile .modal-dialog .btn-group .dropdown-menu {
  border-radius: 0;
  padding: 0;
  border-color: #f6f6f6;
  margin-top: 5px;
  -webkit-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  #isah #profile .modal-dialog .btn-group .dropdown-menu {
    right: 0;
    left: auto;
  }
}
#isah #profile .modal-dialog .btn-group .dropdown-menu li {
  padding-right: 0;
  border-bottom: 1px solid #f6f6f6;
}
#isah #profile .modal-dialog .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
#isah #profile .modal-dialog .btn-group .dropdown-menu li a {
  padding: 15px 20px;
  font-size: 12px;
}
#isah #profile .modal-dialog .btn-group .dropdown-menu li a:hover,
#isah #profile .modal-dialog .btn-group .dropdown-menu li a:focus,
#isah #profile .modal-dialog .btn-group .dropdown-menu li a:active {
  background-color: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#isah #profile .modal-dialog .btn-group .input-group-addon {
  background-color: #E5AD3F;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  #isah #profile .modal-dialog .table-row,
  #isah #profile .modal-dialog .table-header-row {
    font-size: 12px;
  }
  #isah #profile .modal-dialog .table-row .hidden-xs > div,
  #isah #profile .modal-dialog .table-header-row .hidden-xs > div {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }
}
#isah #profile .modal-dialog .configurator-btn .btn {
  padding: 5px 10px;
}
#isah #profile .download-link {
  color: var(--secondary-theme-color, #ff4f00);
}
#isah #profile #object-row .btn {
  padding: 9px 0;
}
#isah #profile #object-row:nth-child(odd) {
  background: var(--opacity-theme-color, rgba(40, 52, 61, 0.05));
}
#isah #profile #object-row .table-row:nth-child(odd) {
  background: unset;
}
#isah #profile #object-row #object-row-child {
  background: #fafafa;
}
#isah .object-code {
  color: #919191;
}
#isah .isah-object-link {
  color: var(--secondary-theme-color, #ff4f00);
}
#isah .isah-object-link:hover,
#isah .isah-object-link:active,
#isah .isah-object-link:focus {
  text-decoration: underline;
  color: var(--secondary-theme-color, #ff4f00);
}
#isah .price-line {
  color: var(--primary-theme-color, #28343d);
}
#isah .modal-content.isah-modal-pop-up {
  transform: translateY(40px);
}
#isah .modal-content.isah-modal-pop-up textarea {
  resize: none;
}
#isah .modal-content.isah-modal-pop-up .image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
#isah .modal-content.isah-modal-pop-up .btn-info:after {
  display: none;
}
#isah .modal-content.isah-modal-pop-up .image-preview-clear {
  padding-left: 20px;
  padding-right: 20px;
}
#isah .modal-content.isah-modal-pop-up .image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 40px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#isah .modal-content.isah-modal-pop-up .image-preview-input-title {
  margin-left: 2px;
}
#isah .modal-footer {
  border-top: none !important;
}
#isah .modal-header h3 {
  font-weight: 400 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  #isah .table-row .table-column-xs {
    padding: 3px 15px 3px 15px;
  }
}
#isah .inline-text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
@media (max-width: 992px) {
  #isah .bill-master-table .item-toggle {
    order: 8;
    margin-top: 30px;
    width: 100%;
  }
}
#isah .bom-description a:hover {
  text-decoration: none;
  color: #686868;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
}
#isah .bom-description a:hover strong {
  color: #DB0032;
}
#isah .bom-image {
  border: 2px solid #ededed;
}
@media (min-width: 992px) {
  #isah .bom-quantity {
    width: 79%;
  }
}
#isah .bom-image {
  border: 2px solid #ededed;
}
#isah #objectDetailsModal .inline-text-overflow {
  -webkit-line-clamp: 2 !important;
}
#isah header .primary-header .logo img {
  max-height: 100px;
}
#isah .declined-quotation {
  color: #C6C2BE;
}
#isah #cookie-alert .alert .disallow-cookies {
  color: #fff !important;
}
#isah .btn-link,
#isah .btn-link .fa,
#isah .table-row a:hover,
#isah #bill-of-material-page .btn-link {
  color: var(--primary-theme-color, #28343d) !important;
}
#isah .myAssortmentTeaser .PageArticle-content a {
  color: var(--secondary-theme-color, #ff4f00) !important;
}
#isah #ObjectConfigurator {
  width: 100%;
  height: 800px;
  border: 1px solid #efefef;
  margin-top: 20px;
  position: relative;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:active,
.hvr-bounce-in:focus,
.hvr-bounce-in:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:active,
.hvr-rotate:focus,
.hvr-rotate:hover {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:active,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:active,
.hvr-float:focus,
.hvr-float:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:active,
.hvr-sink:focus,
.hvr-sink:hover {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob:active,
.hvr-bob:focus,
.hvr-bob:hover {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/*
.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-skew:active,
    .hvr-skew:focus,
    .hvr-skew:hover {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-skew-forward:active,
    .hvr-skew-forward:focus,
    .hvr-skew-forward:hover {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-skew-backward:active,
    .hvr-skew-backward:focus,
    .hvr-skew-backward:hover {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }*/
/*
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-vertical:active,
    .hvr-wobble-vertical:focus,
    .hvr-wobble-vertical:hover {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-horizontal:active,
    .hvr-wobble-horizontal:focus,
    .hvr-wobble-horizontal:hover {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-to-bottom-right:active,
    .hvr-wobble-to-bottom-right:focus,
    .hvr-wobble-to-bottom-right:hover {
        -webkit-animation-name: hvr-wobble-to-bottom-right;
        animation-name: hvr-wobble-to-bottom-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-to-top-right:active,
    .hvr-wobble-to-top-right:focus,
    .hvr-wobble-to-top-right:hover {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-wobble-top:active,
    .hvr-wobble-top:focus,
    .hvr-wobble-top:hover {
        -webkit-animation-name: hvr-wobble-top;
        animation-name: hvr-wobble-top;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

    .hvr-wobble-bottom:active,
    .hvr-wobble-bottom:focus,
    .hvr-wobble-bottom:hover {
        -webkit-animation-name: hvr-wobble-bottom;
        animation-name: hvr-wobble-bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-skew:active,
    .hvr-wobble-skew:focus,
    .hvr-wobble-skew:hover {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}*/
/*
.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-buzz:active,
    .hvr-buzz:focus,
    .hvr-buzz:hover {
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:active,
.hvr-forward:focus,
.hvr-forward:hover {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  background-color: #2098d1;
  color: #fff;
}
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  color: #fff;
}
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
  color: #fff;
}
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover {
  color: #fff;
}
.hvr-sweep-to-left:active:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover {
  color: #fff;
}
.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
  color: #fff;
}
.hvr-sweep-to-top:active:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
  color: #fff;
}
.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:active,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover {
  color: #fff;
}
.hvr-bounce-to-left:active:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover {
  color: #fff;
}
.hvr-bounce-to-bottom:active:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:active,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover {
  color: #fff;
}
.hvr-bounce-to-top:active:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-out:active,
    .hvr-radial-out:focus,
    .hvr-radial-out:hover {
        color: #fff;
    }

        .hvr-radial-out:active:before,
        .hvr-radial-out:focus:before,
        .hvr-radial-out:hover:before {
            -webkit-transform: scale(2);
            transform: scale(2);
        }

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        border-radius: 100%;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-in:active,
    .hvr-radial-in:focus,
    .hvr-radial-in:hover {
        color: #fff;
    }

        .hvr-radial-in:active:before,
        .hvr-radial-in:focus:before,
        .hvr-radial-in:hover:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-rectangle-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-rectangle-in:active,
    .hvr-rectangle-in:focus,
    .hvr-rectangle-in:hover {
        color: #fff;
    }

        .hvr-rectangle-in:active:before,
        .hvr-rectangle-in:focus:before,
        .hvr-rectangle-in:hover:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-rectangle-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-rectangle-out:active,
    .hvr-rectangle-out:focus,
    .hvr-rectangle-out:hover {
        color: #fff;
    }

        .hvr-rectangle-out:active:before,
        .hvr-rectangle-out:focus:before,
        .hvr-rectangle-out:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-in-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-horizontal:active,
    .hvr-shutter-in-horizontal:focus,
    .hvr-shutter-in-horizontal:hover {
        color: #fff;
    }

        .hvr-shutter-in-horizontal:active:before,
        .hvr-shutter-in-horizontal:focus:before,
        .hvr-shutter-in-horizontal:hover:before {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
        }

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-out-horizontal:active,
    .hvr-shutter-out-horizontal:focus,
    .hvr-shutter-out-horizontal:hover {
        color: #fff;
    }

        .hvr-shutter-out-horizontal:active:before,
        .hvr-shutter-out-horizontal:focus:before,
        .hvr-shutter-out-horizontal:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-in-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-vertical:active,
    .hvr-shutter-in-vertical:focus,
    .hvr-shutter-in-vertical:hover {
        color: #fff;
    }

        .hvr-shutter-in-vertical:active:before,
        .hvr-shutter-in-vertical:focus:before,
        .hvr-shutter-in-vertical:hover:before {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
        }

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-out-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-out-vertical:active,
    .hvr-shutter-out-vertical:focus,
    .hvr-shutter-out-vertical:hover {
        color: #fff;
    }

        .hvr-shutter-out-vertical:active:before,
        .hvr-shutter-out-vertical:focus:before,
        .hvr-shutter-out-vertical:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }*/
/*
.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}

    .hvr-border-fade:active,
    .hvr-border-fade:focus,
    .hvr-border-fade:hover {
        box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
    }

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}

    .hvr-hollow:active,
    .hvr-hollow:focus,
    .hvr-hollow:hover {
        background: 0 0;
    }

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-trim:before {
        content: "";
        position: absolute;
        border: #fff solid 4px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-trim:active:before,
    .hvr-trim:focus:before,
    .hvr-trim:hover:before {
        opacity: 1;
    }

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-out:before {
        content: "";
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:active:before,
    .hvr-ripple-out:focus:before,
    .hvr-ripple-out:hover:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-in:before {
        content: "";
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-in:active:before,
    .hvr-ripple-in:focus:before,
    .hvr-ripple-in:hover:before {
        -webkit-animation-name: hvr-ripple-in;
        animation-name: hvr-ripple-in;
    }

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-outline-out:before {
        content: "";
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-out:active:before,
    .hvr-outline-out:focus:before,
    .hvr-outline-out:hover:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
    }

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: "";
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-in:active:before,
    .hvr-outline-in:focus:before,
    .hvr-outline-in:hover:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
    }

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}

    .hvr-round-corners:active,
    .hvr-round-corners:focus,
    .hvr-round-corners:hover {
        border-radius: 1em;
    }

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-left:active:before,
    .hvr-underline-from-left:focus:before,
    .hvr-underline-from-left:hover:before {
        right: 0;
    }

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:active:before,
    .hvr-underline-from-center:focus:before,
    .hvr-underline-from-center:hover:before {
        left: 0;
        right: 0;
    }

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-right:active:before,
    .hvr-underline-from-right:focus:before,
    .hvr-underline-from-right:hover:before {
        left: 0;
    }

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-left:active:before,
    .hvr-overline-from-left:focus:before,
    .hvr-overline-from-left:hover:before {
        right: 0;
    }

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-center:active:before,
    .hvr-overline-from-center:focus:before,
    .hvr-overline-from-center:hover:before {
        left: 0;
        right: 0;
    }

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-right:active:before,
    .hvr-overline-from-right:focus:before,
    .hvr-overline-from-right:hover:before {
        left: 0;
    }

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-color: #2098d1;
        border-style: solid;
        border-width: 0;
        -webkit-transition-property: border-width;
        transition-property: border-width;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-reveal:active:before,
    .hvr-reveal:focus:before,
    .hvr-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        border-width: 4px;
    }

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-reveal:active:before,
    .hvr-underline-reveal:focus:before,
    .hvr-underline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-reveal:active:before,
    .hvr-overline-reveal:focus:before,
    .hvr-overline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }*/
/*.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-glow:active,
    .hvr-glow:focus,
    .hvr-glow:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }*/
/*.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-shadow:active,
    .hvr-shadow:focus,
    .hvr-shadow:hover {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    .hvr-grow-shadow:active,
    .hvr-grow-shadow:focus,
    .hvr-grow-shadow:hover {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-box-shadow-outset:active,
    .hvr-box-shadow-outset:focus,
    .hvr-box-shadow-outset:hover {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    }*/
/*.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

    .hvr-box-shadow-inset:active,
    .hvr-box-shadow-inset:focus,
    .hvr-box-shadow-inset:hover {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
    }*/
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
/*
.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-shadow-radial:after,
    .hvr-shadow-radial:before {
        pointer-events: none;
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        box-sizing: border-box;
        height: 5px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-shadow-radial:before {
        bottom: 100%;
        background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%);
        background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
    }

    .hvr-shadow-radial:after {
        top: 100%;
        background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%);
        background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
    }

    .hvr-shadow-radial:active:after,
    .hvr-shadow-radial:active:before,
    .hvr-shadow-radial:focus:after,
    .hvr-shadow-radial:focus:before,
    .hvr-shadow-radial:hover:after,
    .hvr-shadow-radial:hover:before {
        opacity: 1;
    }*/
/*.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-top:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: "";
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        top: 0;
        border-width: 0 10px 10px;
        border-color: transparent transparent #e1e1e1;
    }

    .hvr-bubble-top:active:before,
    .hvr-bubble-top:focus:before,
    .hvr-bubble-top:hover:before {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-right:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: "";
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
    }

    .hvr-bubble-right:active:before,
    .hvr-bubble-right:focus:before,
    .hvr-bubble-right:hover:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-bottom:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: "";
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 10px 10px 0;
        border-color: #e1e1e1 transparent transparent;
    }

    .hvr-bubble-bottom:active:before,
    .hvr-bubble-bottom:focus:before,
    .hvr-bubble-bottom:hover:before {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-left:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: "";
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
    }

    .hvr-bubble-left:active:before,
    .hvr-bubble-left:focus:before,
    .hvr-bubble-left:hover:before {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-top:before {
        position: absolute;
        z-index: -1;
        content: "";
        left: calc(50% - 10px);
        top: 0;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #e1e1e1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-top:active,
    .hvr-bubble-float-top:focus,
    .hvr-bubble-float-top:hover {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

        .hvr-bubble-float-top:active:before,
        .hvr-bubble-float-top:focus:before,
        .hvr-bubble-float-top:hover:before {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-right:before {
        position: absolute;
        z-index: -1;
        top: calc(50% - 10px);
        right: 0;
        content: "";
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-right:active,
    .hvr-bubble-float-right:focus,
    .hvr-bubble-float-right:hover {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

        .hvr-bubble-float-right:active:before,
        .hvr-bubble-float-right:focus:before,
        .hvr-bubble-float-right:hover:before {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-bottom:before {
        position: absolute;
        z-index: -1;
        content: "";
        left: calc(50% - 10px);
        bottom: 0;
        border-style: solid;
        border-width: 10px 10px 0;
        border-color: #e1e1e1 transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-bottom:active,
    .hvr-bubble-float-bottom:focus,
    .hvr-bubble-float-bottom:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

        .hvr-bubble-float-bottom:active:before,
        .hvr-bubble-float-bottom:focus:before,
        .hvr-bubble-float-bottom:hover:before {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-left:before {
        position: absolute;
        z-index: -1;
        content: "";
        top: calc(50% - 10px);
        left: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-left:active,
    .hvr-bubble-float-left:focus,
    .hvr-bubble-float-left:hover {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

        .hvr-bubble-float-left:active:before,
        .hvr-bubble-float-left:focus:before,
        .hvr-bubble-float-left:hover:before {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }*/
/*
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-back:before {
        content: "\f137";
        position: absolute;
        left: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-back:active:before,
    .hvr-icon-back:focus:before,
    .hvr-icon-back:hover:before {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-forward:before {
        content: "\f138";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-forward:active:before,
    .hvr-icon-forward:focus:before,
    .hvr-icon-forward:hover:before {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }*/
/*
@-webkit-keyframes hvr-icon-down {
    0%, 100%, 50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%, 100%, 50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-down:before {
        content: "\f01a";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-down:active:before,
    .hvr-icon-down:focus:before,
    .hvr-icon-down:hover:before {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

@-webkit-keyframes hvr-icon-up {
    0%, 100%, 50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-up {
    0%, 100%, 50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-up:before {
        content: "\f01b";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-up:active:before,
    .hvr-icon-up:focus:before,
    .hvr-icon-up:hover:before {
        -webkit-animation-name: hvr-icon-up;
        animation-name: hvr-icon-up;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }*/
/*
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-spin:before {
        content: "\f021";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .hvr-icon-spin:active:before,
    .hvr-icon-spin:focus:before,
    .hvr-icon-spin:hover:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100%, 51% {
        opacity: 1;
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100%, 51% {
        opacity: 1;
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-drop:before {
        content: "\f041";
        position: absolute;
        right: 1em;
        opacity: 1;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-drop:active:before,
    .hvr-icon-drop:focus:before,
    .hvr-icon-drop:hover:before {
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-animation-name: hvr-icon-drop;
        animation-name: hvr-icon-drop;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }*/
/*
.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-fade:before {
        content: "\f00c";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: color;
        transition-property: color;
    }

    .hvr-icon-fade:active:before,
    .hvr-icon-fade:focus:before,
    .hvr-icon-fade:hover:before {
        color: #0f9e5e;
    }*/
/*
@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-float-away:after,
    .hvr-icon-float-away:before {
        content: "\f055";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
    }

    .hvr-icon-float-away:after {
        opacity: 0;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .hvr-icon-float-away:active:after,
    .hvr-icon-float-away:focus:after,
    .hvr-icon-float-away:hover:after {
        -webkit-animation-name: hvr-icon-float-away;
        animation-name: hvr-icon-float-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-sink-away:after,
    .hvr-icon-sink-away:before {
        content: "\f056";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-sink-away:after {
        opacity: 0;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .hvr-icon-sink-away:active:after,
    .hvr-icon-sink-away:focus:after,
    .hvr-icon-sink-away:hover:after {
        -webkit-animation-name: hvr-icon-sink-away;
        animation-name: hvr-icon-sink-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }*/
/*
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-grow:before {
        content: "\f118";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-grow:active:before,
    .hvr-icon-grow:focus:before,
    .hvr-icon-grow:hover:before {
        -webkit-transform: scale(1.3) translateZ(0);
        transform: scale(1.3) translateZ(0);
    }*/
/*
.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-shrink:before {
        content: "\f119";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-shrink:active:before,
    .hvr-icon-shrink:focus:before,
    .hvr-icon-shrink:hover:before {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
*/
/*
@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse:active:before,
    .hvr-icon-pulse:focus:before,
    .hvr-icon-pulse:hover:before {
        -webkit-animation-name: hvr-icon-pulse;
        animation-name: hvr-icon-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse-grow:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse-grow:active:before,
    .hvr-icon-pulse-grow:focus:before,
    .hvr-icon-pulse-grow:hover:before {
        -webkit-animation-name: hvr-icon-pulse-grow;
        animation-name: hvr-icon-pulse-grow;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse-shrink:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse-shrink:active:before,
    .hvr-icon-pulse-shrink:focus:before,
    .hvr-icon-pulse-shrink:hover:before {
        -webkit-animation-name: hvr-icon-pulse-shrink;
        animation-name: hvr-icon-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }*/
/*
@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-push:before {
        content: "\f006";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-push:active:before,
    .hvr-icon-push:focus:before,
    .hvr-icon-push:hover:before {
        -webkit-animation-name: hvr-icon-push;
        animation-name: hvr-icon-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-pop:before {
        content: "\f005";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pop:active:before,
    .hvr-icon-pop:focus:before,
    .hvr-icon-pop:hover:before {
        -webkit-animation-name: hvr-icon-pop;
        animation-name: hvr-icon-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-bounce:before {
        content: "\f087";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-bounce:active:before,
    .hvr-icon-bounce:focus:before,
    .hvr-icon-bounce:hover:before {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-rotate:before {
        content: "\f0c6";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-rotate:active:before,
    .hvr-icon-rotate:focus:before,
    .hvr-icon-rotate:hover:before {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-grow-rotate:before {
        content: "\f095";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-grow-rotate:active:before,
    .hvr-icon-grow-rotate:focus:before,
    .hvr-icon-grow-rotate:hover:before {
        -webkit-transform: scale(1.5) rotate(12deg);
        transform: scale(1.5) rotate(12deg);
    }

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-float:before {
        content: "\f01b";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-float:active:before,
    .hvr-icon-float:focus:before,
    .hvr-icon-float:hover:before {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-sink:before {
        content: "\f01a";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-sink:active:before,
    .hvr-icon-sink:focus:before,
    .hvr-icon-sink:hover:before {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-bob:before {
        content: "\f077";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-bob:active:before,
    .hvr-icon-bob:focus:before,
    .hvr-icon-bob:hover:before {
        -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
        animation-name: hvr-icon-bob-float, hvr-icon-bob;
        -webkit-animation-duration: 0.3s, 1.5s;
        animation-duration: 0.3s, 1.5s;
        -webkit-animation-delay: 0s, 0.3s;
        animation-delay: 0s, 0.3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-hang:before {
        content: "\f078";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-hang:active:before,
    .hvr-icon-hang:focus:before,
    .hvr-icon-hang:hover:before {
        -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        -webkit-animation-duration: 0.3s, 1.5s;
        animation-duration: 0.3s, 1.5s;
        -webkit-animation-delay: 0s, 0.3s;
        animation-delay: 0s, 0.3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-wobble-horizontal:before {
        content: "\f061";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-wobble-horizontal:active:before,
    .hvr-icon-wobble-horizontal:focus:before,
    .hvr-icon-wobble-horizontal:hover:before {
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-wobble-vertical:before {
        content: "\f062";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-wobble-vertical:active:before,
    .hvr-icon-wobble-vertical:focus:before,
    .hvr-icon-wobble-vertical:hover:before {
        -webkit-animation-name: hvr-icon-wobble-vertical;
        animation-name: hvr-icon-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }*/
/*
@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-buzz:before {
        content: "\f017";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-buzz:active:before,
    .hvr-icon-buzz:focus:before,
    .hvr-icon-buzz:hover:before {
        -webkit-animation-name: hvr-icon-buzz;
        animation-name: hvr-icon-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }*/
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:active:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:hover:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-top-left:before {
        pointer-events: none;
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        background: #fff;
        background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
        z-index: 1000;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-left:active:before,
    .hvr-curl-top-left:focus:before,
    .hvr-curl-top-left:hover:before {
        width: 25px;
        height: 25px;
    }

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: #fff;
        background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-right:active:before,
    .hvr-curl-top-right:focus:before,
    .hvr-curl-top-right:hover:before {
        width: 25px;
        height: 25px;
    }

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-bottom-right:before {
        pointer-events: none;
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-right:active:before,
    .hvr-curl-bottom-right:focus:before,
    .hvr-curl-bottom-right:hover:before {
        width: 25px;
        height: 25px;
    }

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-bottom-left:before {
        pointer-events: none;
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
        box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-left:active:before,
    .hvr-curl-bottom-left:focus:before,
    .hvr-curl-bottom-left:hover:before {
        width: 25px;
    }
*/
/*@import (once) "../../Default/LESS/Views/Configurator/Configuration.less";*/
/*@import (once) "../../Default/LESS/Partials/VehicleSearch/VehicleSearch.less";*/
/*******  CUSTOM CODE GOES UNDER HERE *******/
h1 h2 h3 h4 h5 h6 {
  font: 'Work Sans', sans-serif;
}
h1 {
  font-weight: 700;
  font-size: 30px;
}
h2 {
  font-weight: 700;
  font-size: 55px;
}
h3 {
  font-weight: 500;
  font-size: 50px;
}
h4 {
  font-weight: 600;
  font-size: 46px;
}
h5 {
  font-weight: 600;
  font-size: 24px;
}
h6 {
  font-weight: 600;
  font-size: 44px;
}
small {
  color: #132135;
}
.btn {
  border-radius: 25px;
  padding: 10px;
  border: 0;
  background-color: #192B42;
  color: #fff;
  margin-top: 30px;
  font-weight: 700;
  width: 250px;
  text-transform: uppercase;
}
.btn:hover {
  border: 0;
  border-color: #E5AD3F;
  background-color: #E5AD3F;
}
.btn-primary {
  color: #fff !important;
}
.btn-link {
  background-color: transparent;
  color: #000 !important;
  padding: 0;
  width: auto;
  font-weight: 500;
  text-transform: capitalize;
  text-transform: none !important;
  border-radius: 0;
}
.btn-link:hover {
  background-color: transparent;
}
#header .top-bar {
  display: flex;
  flex-direction: row;
  background: #F9F4EF;
  padding: 10px 0;
  margin-top: -5px;
}
@media (max-width: 994px) {
  #header .top-bar a {
    color: white;
  }
}
@media (max-width: 994px) {
  #header .top-bar {
    align-items: center;
  }
}
#header .top-bar .container {
  background: initial;
  padding-top: 0;
}
@media (max-width: 994px) {
  #header .top-bar .container {
    padding: 10px;
    background-color: #132135;
    width: 100%;
  }
}
#header .top-bar {
  height: 42px;
}
#header .account-bar,
#header .login-button,
#header .register {
  background-color: #132135 !important;
  text-transform: uppercase;
  margin: 0 5px;
  font-weight: bold;
  height: 36px;
  display: inline-block;
}
#header .account-bar {
  padding: initial;
  padding: 8px 5px 10px 8px !important;
}
#header .login-button {
  padding: 8px 20px !important;
}
#header .register {
  padding: 8px 20px !important;
}
#header .primary-header {
  height: 85px;
  padding-top: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.34);
}
@media (max-width: 994px) {
  #header .primary-header {
    height: 140px;
  }
}
#header .primary-header img {
  max-width: 75%;
}
@media (max-width: 994px) {
  #header .primary-header img {
    max-height: 40px;
    margin: 10px 0;
    max-width: 100%;
  }
}
#header .primary-header .nav {
  text-transform: lowercase;
}
#header .primary-header .nav a {
  font-family: 'Open Sans', sans-serif !important;
}
#header .primary-header .col-xxs-1 {
  padding: 0;
}
#header .primary-header #popoverContainer {
  padding: 0;
  margin-left: 20px;
  padding-bottom: 5px;
}
#header .primary-searchbox {
  border: 1px solid #cccccc;
  border-radius: 25px;
}
#header .primary-searchbox input.form-control {
  border-radius: 25px;
}
#header .primary-searchbox .fa-search:before {
  color: #E5AD3F;
}
#header .primary-searchbox button {
  background-color: #fff;
  border-radius: 25px;
}
.shopping-cart {
  background-color: #DB0032;
  width: 100%;
  padding: 10px;
  text-align: center;
  border-radius: 25px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.shopping-cart .badge {
  position: initial !important;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-circle {
  background-color: #fff;
  color: #DB0032;
  border-radius: 25px;
  height: 20px;
  width: 20px;
  position: relative;
}
#basket h3 {
  font-size: 30px;
  font-weight: 700;
}
#basket .basket-back-to-shop {
  background-color: transparent;
  color: #000;
  padding: 0;
  width: auto;
  font-weight: 500;
  text-transform: capitalize;
}
#basket .basket-back-to-shop .fa {
  color: #000;
}
#myIntro {
  background-color: #F9F4EF;
  margin-top: -100px;
  padding-bottom: 50px;
  padding-top: 200px;
}
@media (max-width: 995px) {
  #myIntro {
    padding-top: 150px;
  }
}
#myIntro .intro-usp h4 {
  margin-bottom: 30px;
}
.usp-icon {
  width: 75px;
  height: 75px;
  margin-right: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sub-title-usp {
  font-weight: 700;
}
.usp {
  margin-bottom: 15px;
  padding-left: 0;
}
.intro-mission {
  background-color: #fff;
  padding-bottom: 30px;
}
.intro-mission .mission-image {
  position: relative;
  top: -15px;
  width: 100%;
  min-height: 250px;
  margin-bottom: 55px;
}
@media (max-width: 995px) {
  .intro-mission .mission-image {
    min-height: 200px;
  }
}
.intro-mission .mission-content {
  margin-left: 10px;
}
.intro-mission .btn {
  margin-left: 0;
  padding: 10px 45px;
  width: auto;
}
.category-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.category-tile {
  height: 250px;
  display: flex;
  justify-content: center;
  padding: 0 15px;
  border: 0;
  border-radius: 50%;
}
.category-tile a {
  padding: 0;
}
.category-tile img {
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.category-tile .category-description {
  margin-bottom: 20px;
  font-weight: 700;
  height: auto;
  background-color: #DB0032;
  width: 80%;
  position: absolute;
  bottom: 0;
  padding: 10px !important;
  border-radius: 25px;
  color: #fff;
}
.category-tile .category-description p {
  margin-bottom: 0;
  line-height: 18px;
  font-size: 13px;
  text-transform: uppercase;
}
@media (max-width: 400px) {
  .category-tile .category-description p {
    font-size: 10px;
  }
}
.category-button {
  margin-bottom: 10px;
  font-weight: 700;
  border-color: #DB0032;
  background-color: #DB0032;
  width: 80%;
  position: absolute;
  bottom: 0;
  padding: 10px !important;
}
.selected-language {
  display: none !important;
}
.top-header-btn {
  width: 100px;
}
.active-language {
  margin-top: 12px;
}
.home-slider {
  background-color: #132135;
  padding-top: 20px;
  height: auto;
}
.home-slider .primary-searchbox button {
  background-color: #DB0032;
}
.home-slider .carousel-inner {
  height: 600px;
}
@media (max-width: 995px) {
  .home-slider .carousel-inner {
    min-height: 850px;
  }
}
.home-slider .carousel-caption {
  min-height: 500px;
}
.home-slider .carousel-caption ul {
  list-style-type: none;
  margin: 0 0 -10px -20px;
  padding: 0;
  width: 21em;
  height: 55px;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
@media (min-width: 597px) and (max-width: 1200px) {
  .home-slider .carousel-caption ul {
    margin: 0;
  }
}
@media (min-width: 455px) and (max-width: 596px) {
  .home-slider .carousel-caption ul {
    margin: -20px 0 0 -20px;
  }
}
@media (max-width: 455px) {
  .home-slider .carousel-caption ul {
    margin: 0;
  }
}
.home-slider .carousel-caption li {
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.home-slider .carousel-caption hr {
  width: 40%;
  border: 2px solid #DB0032;
  margin-left: 0;
}
.home-slider .carousel-caption h4 {
  line-height: normal;
  display: inline;
  font-weight: 500;
}
.home-slider .carousel-caption .search-bar .autocomplete-search-result {
  overflow: scroll;
  height: 150px;
}
.home-slider .carousel-caption .search-bar .autocomplete-search-result li {
  position: relative;
  height: 40px;
  color: #333;
}
.home-slider .carousel-caption .search-bar .autocomplete-search-result li a {
  color: #333;
}
@media (max-width: 995px) {
  .home-slider .carousel-caption {
    margin-top: 150px;
    top: 43%;
  }
}
.home-slider #customer-logos-wrapper .slick-prev:after,
.home-slider #customer-logos-wrapper .slick-next:after {
  color: #DB0032;
}
.home-slider .item {
  border-radius: 30px 0 0 30px;
  min-height: 600px;
}
@media (max-width: 995px) {
  .home-slider .item {
    min-height: 250px;
    border-radius: 20px;
  }
}
.home-slider .item:after {
  display: none;
}
.home-slider .bottom-decoration {
  min-height: 200px;
  position: absolute;
  bottom: 0;
  transform: rotate(180deg);
}
.footer-top {
  min-height: 700px;
  padding-top: 250px;
}
.footer-top a {
  border-color: #DB0032;
  background-color: #DB0032;
}
.footer-top-inner {
  display: flex;
  flex-direction: column;
}
.footer-top-content {
  background-color: #fff;
  padding: 30px 30px 0 30px;
  border-radius: 30px 30px 0 0;
}
.footer-top-content h6 {
  line-height: 44px;
}
.btn-footer {
  margin-top: 20px;
  width: auto;
  padding: 10px 45px;
}
.footer-top-waves {
  min-height: 100px;
  background-image: url(/Uploads/websiteimages/golven.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.social-media-container {
  display: flex;
  flex-direction: row;
}
.social-media-icon {
  background-color: #C6C2BE;
  color: #fff;
  width: 40px;
  height: 40px;
  padding-left: 5px;
  border-radius: 1000px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  margin: 5px;
}
.shopping-item .recently-viewed-order-def {
  width: 100%;
}
#product-details .product-actions .btn {
  z-index: 40;
}
#footer h5 {
  font-size: 24px !important;
  font-weight: 600 !important;
}
#footer strong {
  font-size: 24px !important;
  font-weight: 600 !important;
}
#footer .footer-middle {
  background: url(/Uploads/websiteimages/sliertjesfooter.png);
  color: #000;
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#footer .footer-middle .btn {
  background-color: #132135;
  margin-left: 0;
  margin-top: 0;
}
#footer .footer-middle ul {
  list-style: none;
  padding: 0;
}
#footer .footer-middle ul li {
  padding-left: 1.3em;
}
#footer .footer-middle ul li a {
  color: #000;
}
#footer .footer-middle ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}
#footer .footer-bottom {
  margin-top: 45px;
  min-height: 100px;
}
.error-parent {
  width: 100%;
  min-height: 800px;
  position: relative;
}
.error-golven {
  transform: rotate(180deg);
  width: 100%;
  min-height: 300px;
  position: absolute;
  bottom: 0;
}
.news-image-container {
  display: flex;
  justify-content: center;
}
.news-image-container .image {
  width: 90%;
}
.about-us-btn {
  color: #fff;
  border-radius: 25px;
  width: 40%;
  padding: 10px;
  text-align: center;
}
.mission-btn {
  background-color: #DB0032;
  margin-left: 25px;
}
.vision-btn {
  background-color: #132135;
}
.media-icons {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-size: 25px;
}
#contentpage h1 {
  color: #DB0032;
}
#contentpage h3 {
  font-weight: 700;
  font-size: 24px;
}
#contentpage .container-flex {
  padding-left: 0;
}
#contentpage .btn {
  width: auto;
  padding: 10px 80px;
  margin-right: 25px;
}
#contentpage .btn-mission {
  border-color: #DB0032;
  background-color: #DB0032;
}
#contentpage .btn-mission:hover {
  border-color: #E5AD3F;
  background-color: #E5AD3F;
}
.content-header {
  height: 200px;
}
.content-row {
  padding: 0;
}
.content-golven {
  background-image: url(/Uploads/websiteimages/golven.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  width: 100%;
  transform: rotate(180deg);
}
.content-image {
  min-height: 500px;
}
#usp-content {
  background-color: #DB0032;
  color: #fff;
  padding: 20px;
}
.usp-row {
  display: flex;
  flex-direction: row;
}
@media (max-width: 995px) {
  .usp-row {
    flex-direction: column;
  }
}
.usp-row .content-usp {
  margin: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.usp-row .content-usp .content-usp-icon {
  margin-right: 10px;
  height: 50px;
  width: 50px;
}
.forgotpassword-submit {
  background-color: #DB0032;
  padding: 10px 30px;
}
.modal-content h3 {
  font-size: 18px;
  font-weight: 700;
}
.modal-content h4 {
  font-size: 30px;
  font-weight: 600;
}
.modal-content .btn {
  width: inherit;
  margin-top: 0;
  min-width: fit-content;
}
.loginbuttondiv .btn-primary {
  background-color: #DB0032;
  padding: 10px 30px;
  width: auto;
}
.profileSearchButton .btn {
  border-radius: 0;
  background-color: #E5AD3F;
  margin-top: 0;
  width: 42px;
  padding-left: 5px;
}
.favourites .btn {
  margin-top: 0;
  background-color: transparent;
  color: #DB0032;
  font-weight: 500;
  text-transform: initial;
}
.favourites .btn-primary {
  background-color: #E5AD3F;
  margin-bottom: 15px;
}
#profiletab #btnPasswordChange {
  position: relative;
  margin-left: -10px;
  bottom: 20px;
  color: #DB0032;
  background-color: transparent;
  font-weight: 500;
  text-transform: initial;
  width: auto;
}
#profiletab h4 {
  font-size: 18px;
  font-weight: 500;
}
#RegisterSubmit {
  background-color: #E5AD3F;
  width: 20%;
}
@media (max-width: 995px) {
  #RegisterSubmit {
    width: 100%;
  }
}
.myNews .btn {
  border-radius: 25px;
  bottom: 40px;
  right: auto;
  width: 50%;
  background-color: #132135;
}
.content-block-container {
  background-color: #f6f6f6;
  padding-top: 50px;
}
.content-block-container .row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .content-block-container .row {
    flex-direction: column;
    align-items: center;
  }
}
.content-block-container .content-block {
  margin: 150px 0;
}
.content-block-container .content-block h4 {
  line-height: 46px;
}
@media (max-width: 750px) {
  .content-block-container .content-block {
    width: 500px;
    margin: 50px;
  }
}
@media (max-width: 500px) {
  .content-block-container .content-block {
    width: 100%;
  }
}
#contactpage .btn {
  background-color: #DB0032;
  width: 30%;
}
@media (max-width: 995px) {
  #contactpage .btn {
    width: 100%;
  }
}
#contactpage ul {
  list-style: none;
  padding: 0;
}
#contactpage ul li {
  padding-left: 1.3em;
}
#contactpage ul li a {
  color: #000;
}
#contactpage ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}
.contactpage-header {
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.contactpage-header .header-title {
  height: 200px;
  min-height: initial;
}
.header-title {
  min-height: 200px;
  display: flex;
  align-items: center;
}
#breadcrumb {
  background: transparent linear-gradient(270deg, #132135 0%, #132135 30%, #73572021 90%, #73572021 100%);
  margin-bottom: 50px;
}
#breadcrumb ol {
  float: right;
}
#breadcrumb ol li a {
  font-weight: 600;
  color: #fff;
}
#breadcrumb ol li:last-child a {
  font-weight: 600;
  color: #fff;
}
#breadcrumb ol li ~ li::after {
  color: #fff;
}
.left {
  left: initial;
}
.panel-title {
  font-weight: 500;
}
.error-container {
  color: #fff;
  margin-top: 20%;
}
.error-container h3 {
  font-weight: 700;
  font-size: 50px;
}
.error-container hr {
  width: 20%;
  border: 2px solid #fff;
  margin-left: 0;
}
.error-container p {
  margin-bottom: 30px;
}
.error-container a {
  border-radius: 25px;
  border: none;
  padding: 10px 30px;
  background-color: #192B42;
  color: #fff;
  margin-top: 30px;
  font-weight: 700;
  width: 250px;
  text-transform: uppercase;
}
.error-container a:hover {
  border: 0;
}
@keyframes wordSlider {
  0%,
  20% {
    transform: translateY(0);
  }
  25%,
  45% {
    transform: translateY(-48px);
  }
  50%,
  70% {
    transform: translateY(-96px);
  }
  75%,
  95% {
    transform: translateY(-144px);
  }
  100% {
    transform: translateY(-192px);
  }
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  position: relative !important;
  left: initial !important;
  transform: initial !important;
}
.carousel-inner > .next {
  width: initial !important;
}
.carousel-inner > .next {
  display: none;
}
.carousel-inner > .item {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.background-blue {
  background-color: #132135;
  border-radius: 30px;
  float: right;
}
@media (max-width: 990px) {
  .background-blue {
    float: initial;
    min-height: 200px;
  }
}
.footer-four {
  margin-top: 30px;
}
#addresstab h4 {
  font-size: 18px;
  font-weight: 500;
}
.page-assortment .btn {
  width: 100%;
  margin-top: 0;
}
.page-assortment h3 {
  font-size: 30px;
  font-weight: 500;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .assortment-menu .mobile-assortment-content:after {
    width: 520px;
  }
}
@media (min-width: 1200px) {
  .assortment-menu .mobile-assortment-content:after {
    width: 670px;
  }
}
.listview-item-add {
  border-radius: 0;
  background-color: #E5AD3F;
}
.grid-control .btn-grid.active {
  color: #E5AD3F;
}
.grid-control .btn-grid.active :hover {
  color: #E5AD3F;
}
.grid-control .btn-grid:hover {
  color: #E5AD3F;
}
#product-details .detail-quantity-box {
  width: 16%;
}
#product-details .product-actions .col-md-7 {
  margin-left: 10px;
}
#product-details .product-actions .btn {
  margin-top: 0;
  float: left;
  width: 100%;
  background-color: #E5AD3F;
}
#product-details .product-actions .vertical-align-top {
  display: flex;
}
#product-details .article-slide .btn {
  border-radius: 0;
  margin-top: 0;
  padding-left: 15px;
}
.recently-viewed-item .btn {
  width: 100%;
  background-color: #E5AD3F;
}
.white-corner {
  position: absolute;
  top: 0;
  left: -34.5px;
  width: 35px;
  height: 35px;
  background-image: url(../../Uploads/websiteimages/white-corner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  transform: rotate(180deg);
}
#basket .button-row .basket-continue {
  background-color: #DB0032;
}
.page-text-default h3 {
  font-size: 30px;
  font-weight: 700;
}
.tab-content h3 {
  font-size: 30px;
  font-weight: 700;
}
.orderadress-next {
  background-color: #E5AD3F;
}
#OrderPayment h3 {
  font-size: 30px;
  font-weight: 700;
}
#OrderPayment .button-to-payment {
  background-color: #E5AD3F;
}
#OrderConfirm h3 {
  font-size: 30px;
  font-weight: 700;
}
#OrderConfirm .totals-row {
  color: #000;
}
#OrderConfirm .orderconfirm-next {
  background-color: #E5AD3F;
}
#OrderConfirmPage h3 {
  font-size: 30px;
  font-weight: 700;
}
#OrderConfirmPage .totals-row {
  color: #000;
}
#OrderConfirmPage .btn {
  background-color: #E5AD3F;
}
.carousel-control.left {
  left: 0;
}
.item-document {
  padding: 10px 0 !important;
}
.popover-header {
  background-color: #DB0032 !important;
}
.popover-header .fa-check {
  color: white !important;
}
.button-to-payment {
  background-color: #DB0032;
}
.add-item-by-code .btn {
  width: 100%;
  color: white;
  font-weight: 700;
}
.basket-item .btn {
  width: 100%;
  margin-bottom: 0;
}
#callmeback .callback-header {
  background-color: #132135;
  text-transform: uppercase;
}
#callmeback .callback-btn {
  background-color: #DB0032;
  animation: new-shadowing 3s infinite;
}
@keyframes new-shadowing {
  0% {
    box-shadow: 0px 0px 0px 15px rgba(219, 0, 50, 0.5), 0px 0px 0px 4px rgba(219, 0, 50, 0.5);
  }
  50% {
    box-shadow: 0px 0px 0px 8px rgba(219, 0, 50, 0.5), 0px 0px 0px 4px rgba(219, 0, 50, 0.5);
  }
  100% {
    box-shadow: 0px 0px 0px 15px rgba(219, 0, 50, 0.5), 0px 0px 0px 4px rgba(219, 0, 50, 0.5);
  }
}
.new-basket-item-popover .popover-body .item-description {
  color: #000;
}
.basket-add {
  width: auto;
  margin-top: 0;
}
.cart-totals {
  color: #000;
}
#CATMENU > .menu-content {
  display: flex;
  flex-wrap: wrap;
}
#CATMENU > .menu-content div {
  width: 25%;
}
.nav.navbar-nav dropdown-menu dropdown-html {
  min-width: 800px;
}
/*Radio field fix*/
.has-custom-radio + label::after {
  margin-left: -6px;
  margin-top: -6px;
}
/*account manager page*/
.customeruserrole-search-button {
  width: 100%;
  margin-top: 0;
}
.account-manager-container {
  display: flex;
  gap: 30px;
  margin-top: 5px;
}
.top-bar-right {
  display: flex;
}
#popoverHeaderContainer > .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#popoverHeaderContainer > .row::after,
#popoverHeaderContainer > .row::before {
  content: unset;
}
@media only screen and (max-width: 767px) {
  header .top-bar {
    overflow: unset;
  }
  header .top-bar #LanguageSelector .nav.navbar-nav li.language .dropdown {
    left: 0;
  }
}
header .top-bar .login {
  float: unset;
}
#product-details .product-actions .btn {
  z-index: 200;
}
dropdown-html {
  height: fit-content !important;
}
/* ShoppingList */
#shopping-list .selection-wrapper span,
#shopping-list .selection-wrapper select {
  color: #132135;
}
/* ShoppingGrid */
#shopping-grid .selection-wrapper-grid span,
#shopping-grid .selection-wrapper-grid select {
  color: #132135;
}
/* footer */
#footer .footer-middle .pagetext-accordion a {
  color: #000 !important;
}
.footer-legal .page-text-wrapper ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .footer-legal .page-text-wrapper ul {
    justify-content: center;
    flex-direction: column;
  }
}