/* ---------- LINKS ---------- */
/* ---------- GRID ---------- */
/* ----------- TEXT ----------- */
/* ----- COLOR VARIABLES ----- */
/* List of all color codes used on the website */
/* General colors */
/* Header and menu */
/* Login modal */
/* Footer */
/* Cookie popup */
/* Page */
/* Productlist */
/* Product */
/* Cart */
/* ----- FONT VARIABLES ----- */
/* ----- HOW THE COLORS AND FONTS ARE APPLIED ----- */
/* ----- GENERAL STYLING ----- */
body {
  background-color: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  color: #444444; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Open Sans", sans-serif; }

a {
  color: #444444; }
  a:hover {
    color: #999999; }

.modal .modal-content {
  background-color: #ffffff;
  color: #444444; }

.modal .close {
  color: #999999; }

.modal-title {
  text-transform: uppercase; }

.checkout-steps .list-group-item {
  width: 100%;
  text-align: center; }

.checkout-steps .unchecked {
  line-height: 1.1rem; }

.checkout-steps .checked {
  font-weight: bolder;
  font-size: 1.02rem;
  line-height: 1.1rem; }

.logo {
  background: url("/images/private/logo.png");
  height: 75px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain; }

.btn {
  background-color: #000000;
  color: #ffffff; }
  .btn:hover, .btn:active, .btn:focus, .btn:not(:disabled):not(.disabled):active {
    background-color: black;
    color: #ffffff; }

.btn-secondary {
  background-color: #444444;
  color: #ffffff; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:focus-within, .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #2b2b2b;
    color: #ffffff; }

/* ----- HEADER ----- */
.header1, .header1 ul {
  color: #ffffff;
  background-color: #222222; }
  .header1 a, .header1 a:hover, .header1 ul a, .header1 ul a:hover {
    color: #ffffff; }

.header2 {
  background-color: #ffffff; }

.header3 {
  background-color: #ffffff; }

.headercart .headercart-icon {
  color: #ffffff;
  text-decoration: none; }

.headercart .headercart-amount {
  background-color: #000000; }

.headercart .headercart-price {
  color: #ffffff;
  text-decoration: none; }

.searchform .searchform-icon {
  color: #ffffff; }

.searchform .searchform-suggestionitem {
  color: #444444; }

.searchform .searchform-suggestionitem-number {
  color: #999999; }

/* ----- MENU ---- */
.mainmenu > li > a, .mainmenu > li > a:hover, .menu-mobile, .menu-mobile:hover {
  color: #ffffff; }

.mainmenu > li > ul {
  background-color: #ffffff; }
  .mainmenu > li > ul a {
    color: #222222; }

.menu > ul > li > ul > li a {
  border-color: #dddddd; }

.menu.show-on-mobile {
  background-color: #222222;
  color: #ffffff; }
  .menu.show-on-mobile > ul.mainmenu > li {
    background-color: #3c3c3c; }
  .menu.show-on-mobile > ul > li > ul {
    border-color: #222222; }
  .menu.show-on-mobile a {
    color: #ffffff; }
  .menu.show-on-mobile .menu-dropdown-icon:before {
    border-color: #222222; }

/* ----- LOGIN MODAL ------ */
.loginmodal .modal-content {
  background-color: #444444;
  color: #ffffff; }

.loginmodal a {
  color: #ffffff; }

.loginmodal .close {
  color: #ffffff; }

.loginmodal .btn {
  background-color: #000000;
  color: #ffffff; }
  .loginmodal .btn:hover {
    background-color: black;
    color: #ffffff; }

/* ----- FOOTER ------ */
.footer-top {
  background-color: #dddddd;
  color: #999999; }
  .footer-top a {
    color: #999999; }

.footer-bottom {
  background-color: #222222;
  color: #ffffff; }
  .footer-bottom a {
    color: #ffffff; }

.footer-column:after {
  background-color: #999999; }

/* ----- COOKIE POPUP ---- */
.cookie-popup, .cookie-popup a, .cookie-popup a:hover {
  background-color: #000000;
  color: #ffffff; }

.cookie-button {
  background-color: #444444;
  color: #ffffff; }
  .cookie-button:hover {
    background-color: #2b2b2b; }

/* ----- FRONTPAGE ----- */
.carousel .carousel-control-prev, .carousel .carousel-control-next {
  color: #999999; }

/* ----- PAGE ----- */
.page-header {
  color: #444444; }

.textbox {
  background-color: #ffffff; }

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {
  color: #999999; }

.right-textcolumn, .right-textcolumn a {
  color: #444444; }

/* ----- PRODUCTLIST ---- */
.productlist-header-content, .productlist-header-image {
  background-color: #ffffff; }

.productlist-header-submenus a {
  background-color: #ffffff; }
  .productlist-header-submenus a:hover {
    background: #e6e6e6; }

.productfilter {
  background-color: #444444; }

.productfilterbutton {
  background-color: #ffffff;
  color: #999999; }
  .productfilterbutton:hover {
    background: #e6e6e6; }
  .productfilterbutton.active {
    background: #ffffff;
    color: #ffffff; }
    .productfilterbutton.active:hover {
      background: #e6e6e6; }

.productlist-item, .productlist.gallery {
  background: #ffffff; }

.productlist-title a {
  color: #444444; }

.productlist-number {
  color: #999999; }

.productlist-discountbanner {
  background-color: #ffffff;
  color: #ffffff; }

.productlist-qtydiscountbanner {
  background-color: #ffffff;
  color: #ffffff; }

.productlist-enlarge, .productlist-enlarge:hover, .productlist-gallery-modal .close, .productlist-gallery-modal .close:hover {
  color: #999999; }

.productlist.list .productlist-item {
  border-color: #dddddd; }

.product-pagination-amount {
  color: #444444; }

/* ----- PRODUCT---- */
.product-image, .product-thumbnail {
  background-color: #ffffff; }

.product-enlarge, .product-modal .close, .product-modal .close:hover {
  color: #999999; }

.product {
  color: #444444; }

.product-divider {
  background-color: #dddddd; }

.product-number, .product-categories, .product-categories a, .product-categories a:hover, .product-vat span {
  color: #999999; }

.freight-divider {
  background-color: #dddddd; }

.related-products-title {
  color: #444444; }

/* ----- CART ---- */
.cart-header {
  background-color: #444444;
  color: #ffffff; }

.cart-content, .customerinfo-content {
  background-color: #ffffff; }

.cart-delete i, a, .cart-amount-update {
  color: #999999; }
  .cart-delete i:hover, a:hover, .cart-amount-update:hover {
    color: gray; }

.cart-productnumber {
  color: #999999; }

.customerinfo h2, .deliveryinfo h2, .paymentinfo h2, .cartcheckboxes {
  color: #444444; }

.cartinfo-products h2, .cartinfo-address h2 {
  color: #444444; }

.cartinfo-products-box {
  background-color: #ffffff; }

.cartinfoline, .cartline {
  border-color: #dddddd; }

.cartinfoline-productnumber {
  color: #999999; }

td label {
  margin-bottom: 0rem; }

.product-favorite input {
  margin: 10px;
  transform: scale(1.6); }

.product-favorite label {
  vertical-align: middle;
  font-size: 1rem;
  margin-top: 2px; }

.product-stock {
  font-size: 1rem; }

.discount-table-holder table {
  width: 100%; }

.deliverymethods-page-head {
  font-weight: bold;
  font-size: 1.3rem; }

.contact-info-holder {
  margin-top: 2rem; }

.delivery-address-picklist-header {
  font-size: 1.5rem;
  margin-top: 3rem;
  font-weight: bold; }

.shipping-address-selected {
  background-color: #dee2e6; }

.table-select-delivery-address td {
  padding: 10px; }

.product-discountbanner {
  background-color: #84b8c8;
  color: #ffffff;
  font-weight: bold;
  padding-left: 20px;
  line-height: 2.5rem;
  font-size: 1.5rem; }

.servicemenu-loggedon {
  text-align: left;
  padding-bottom: 8px;
  padding-top: 8px; }

.productlist-content1 {
  margin-bottom: 10px; }

.sign-up-step1-captcha-text {
  display: block; }

.user-logon-box {
  margin-top: 25px; }

.req-text {
  top: 0px;
  color: red; }

.req-password-validator {
  color: red; }

.radio-default-type label {
  padding-left: 5px;
  padding-right: 15px; }