@font-face {
  font-family: 'Roboto-Light';
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'NotoSans-Regular';
  src: url("../fonts/NotoSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.clearfix {
  clear: both;
}
/* IMG -responsive images, at least in .userText, but also could be defined global if needed... */
.userText2 img,
.userText img {
	max-width: 100%;
	height: auto;
}

.userText2 h6,
.userText h6 {
  font-size: 1.05em;
  margin-bottom: 10px;
}
.userText2 h5,
.userText h5 {
  font-size: 1.1em;
  margin-bottom: 10px;
}
.userText2 h4,
.userText h4 {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.userText2 h3,
.userText h3 {
  font-size: 1.3em;
  margin-bottom: 10px;
}
.userText2 h2,
.userText h2 {
  font-size: 1.4em;
  margin-bottom: 10px;
}
.userText2 h1,
.userText h1 {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.userText2 h1,
.userText2 h2,
.userText2 h3,
.userText2 h4,
.userText2 h5,
.userText2 h6,
.userText2 strong,
.userText h1,
.userText h2,
.userText h3,
.userText h4,
.userText h5,
.userText h6,
.userText strong {
  font-family: "Roboto-Bold";
}

/* .userText ul li {} - overlaps with the gallery and perhaps other elements...? Exclude .wp-block-gallery... */
.userText2 :not(.wp-block-gallery) ul,
.userText ul {
  margin: 0px;
  list-style: none;
  padding: 0px;
}
.userText2 :not(.wp-block-gallery) ul,
.userText2 :not(.wp-block-gallery) ol,
.userText ul,
.userText ol {
	padding: 0px 0px 10px 0px; /* L - same as paragraphs */
}
.userText2 > ul,
.userText2 > ol {
	padding-bottom: 10px; /* L - same as paragraphs */
}

	.userText2 :not(.wp-block-gallery) ul li,
	.userText ul li {
	  margin-bottom: 5px;
	  position: relative;
	  padding-left: 25px;
	}
	.userText ul li {
	  color: #4f4f4f; /* this color seems not appropriate here, as it makes it different fro the rest of the text... So for .userText2 omit this one!! */
	}
	.userText2 :not(.wp-block-gallery) ul li::before,
	.userText ul li::before {
	  width: 15px;
	  height: 15px;
	  position: absolute;
	  top: 3px;
	  left: 0px;
	  content: "";
	  display: inline-block;
	  background: #b91214;
	  border-radius: 50%;
	}
	.userText2 :not(.wp-block-gallery) ul li::after,
	.userText ul li::after {
	  width: 10px;
	  height: 10px;
	  background-size: 10px 10px;
	  content: "";
	  display: inline-block;
	  position: absolute;
	  top: 6px;
	  left: 3px;
	  background-image: url(../images/check.png);
	  transform: translatez(0);
	}

.icheckbox_square {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
}
.icheckbox_square.checked {
  position: relative;
}
.icheckbox_square.checked::before {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 2px;
  left: 2px;
  content: "";
  background: #fff;
}
html,
body {
  margin: 0;
  padding: 0;
  min-width: 320px;
  font-family: "Roboto-Regular";
}
html.overflowed,
body.overflowed {
  overflow: hidden;
}
ul {
  margin: 0;
}
.container-fluid {
  max-width: 1300px;
}
@media only screen and (max-width: 767px) {
  .mobile-hidden {
    display: none;
  }
}
.lang-menu {
  position: relative;
}
.lang-menu .selectedSingleLang,
.lang-menu .selected {
  font-size: 14px;
  color: #5a5a5a;
  font-family: "Roboto-Medium";
  text-decoration: none;
}
.lang-menu .selected::after {
  margin-left: 5px;
  background: url(../images/lang-menu-arrow.png);
  content: "";
  background-size: 8px 6px;
  display: inline-block;
  width: 8px;
  height: 6px;
  vertical-align: middle;
}
.lang-menu .lang-options {
  position: absolute;
  right: 0px;
  top: calc(100% + 10px);
  display: none;
}
.lang-menu .lang-options::before {
  content: "";
  display: block;
  top: -5px;
  right: 5px;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #eeeeee;
}
.lang-menu .lang-options li a {
  display: block;
  padding: 5px 15px;
  background: #eeeeee;
  text-decoration: none;
  color: #3a3a3a;
}
.green-button {
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: #fff !important;
  background: #609f29;
  background: linear-gradient(90deg, #609f29 0%, #8ae03d 100%);
  text-decoration: none !important;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.green-button:hover {
  background: linear-gradient(0deg, #609f29 0%, #8ae03d 100%);
}
.contact-items {
  overflow: hidden;
}
	.contact-items li {
	  margin-bottom: 10px;
	  background: #f3f3f3;
	  padding: 15px;
	  overflow: hidden;
	}
		@media only screen and (min-width: 768px) {
		  .contact-items li {
		    float: left;
		    width: 32%;
		  }
		  .contact-items li:nth-child(2) {
		    margin: 0% 2%;
		  }
		}
		.contact-items li .icon-holder {
		  display: block;
		  float: left;
		  width: 42px;
		  height: 42px;
		  background: #d91517;
		  position: relative;
		}
			.contact-items li .icon-holder::before {
			  position: absolute;
			  content: "";
			  display: inline-block;
			}
			.contact-items li .icon-holder.address::before {
			  width: 32px;
			  height: 31.5px;
			  top: 5.25px;
			  background-size: 32px 31.5px;
			  left: 5px;
			  background-image: url(../images/location-icon.png);
			}
			.contact-items li .icon-holder.working-hours::before {
			  height: 32px;
			  width: 31.5px;
			  left: 5.25px;
			  background-size: 31.5px 32px;
			  top: 5px;
			  background-image: url(../images/location-working-hours-icon.png);
			}
			.contact-items li .icon-holder.phone::before {
			  width: 24px;
			  height: 31.5px;
			  top: 5.25px;
			  background-size: 24px 31.5px;
			  left: 9px;
			  background-image: url(../images/location-phone-icon.png);
			}
		.contact-items li .text-holder {
		  width: calc(100% - 62px);
		  float: left;
		  margin-left: 20px;
		  font-family: "Roboto-Bold";
		  color: #000;
		  line-height: 23px;
		}
			.contact-items li .text-holder p {
			  margin-bottom: 0px;
			}
			.contact-items li .text-holder .label-holder {
			  color: #6a6a6a;
			}
			.contact-items li .text-holder a {
			  color: #000;
			}
#top-bar {
  display: none;
  position: relative;
  z-index: 11;
}
@media only screen and (min-width: 768px) {
  #top-bar {
    display: block;
    background: #eeeeee;
  }
  #top-bar .lang-menu {
    display: inline-block;
    border-left: 1px solid #b4b4b4;
    padding-left: 20px;
  }
  #top-bar .lang-menu .selectedSingleLang,
  #top-bar .lang-menu .selected {
    display: inline-block;
  }
  #top-bar .left-side,
  #top-bar .lang-menu .selectedSingleLang,
  #top-bar .lang-menu .selected {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #top-bar .phone-icon {
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 18px;
    background-image: url(../images/red-phone.png);
    background-size: 14px 18px;
  }
  #top-bar .left-side a {
    font-family: "Roboto-Bold";
    color: #3c3c3c;
    font-size: 14px;
  }
}
#main-header {
  padding: 5px 0px 10px 0px;
	z-index: 20; /* was 9, let it be higher than menu (15, but was 3) */
  position: relative;
}
#main-header .logo-area {
  z-index: 3;
  position: relative;
}
#main-header .logo-area .logo {
  /*width: 183px;*/
	max-width: 183px;
  height: 49px;
  text-decoration: none;
  display: block;
  float: left;
  position: relative;
}
	#main-header .logo-area .logo img {
		/*width: 183px;*/
		max-width: 100%;
		/*height: auto;*/
		height: 49px; /* header height is fixed, so we musst fix the logo */
	  display: inline-block;
	  transform: translatez(0);
	}
@media only screen and (min-width: 992px) {
  #main-header .logo-area .logo {
		/*width: 323px;*/
		max-width: 323px;
    height: 87px;
  }
	  #main-header .logo-area .logo img {
			/*width: 323px;*/
			max-width: 100%;
			/*height: auto;*/
			height: 87px;
	  }
}
#main-header .logo-area .search-box {
  border: 2px solid #5a5a5a;
  position: absolute;
  top: calc(100% + 40px);
  width: 100%;
  display: none;
}
#main-header .logo-area .search-box input {
  border: none;
  outline: none;
  -webkit-appearance: none;
  float: left;
  width: calc(100% - 50px);
  height: 35px;
}
#main-header .logo-area .search-box button {
  width: 49px;
  height: 35px;
  float: right;
  outline: none;
  background: none;
  border: none;
}
#main-header .logo-area .search-box button::before {
  width: 22px;
  height: 22px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/search.png);
  background-size: 22px 22px;
}
@media only screen and (min-width: 768px) {
  #main-header .logo-area .search-box {
    float: right;
    position: relative;
    width: calc(100% - 800px);
    max-width: 400px;
    min-width: 250px;
    margin-top: 12px;
    margin-right: 60px;
    display: block!important;
  }
  #main-header .logo-area .search-box input,
  #main-header .logo-area .search-box button {
    height: 31px;
  }
  #main-header .logo-area .search-box::after {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -30px;
    background: #b4b4b4;
    display: block;
    content: "";
  }
}
@media only screen and (min-width: 992px) {
  #main-header .logo-area .search-box {
    margin-top: 27px;
  }
}
#main-header .logo-area .header-cart {
  position: relative;
  float: right;
  margin-top: 12px;
}
@media only screen and (min-width: 992px) {
  #main-header .logo-area .header-cart {
    margin-top: 27px;
  }
}
#main-header .logo-area .header-cart .cart-button {
  display: inline-block;
  padding: 5px;
  border: 2px solid #6a6a6a;
  background: #3a3a3a;
  text-decoration: none;
  color: #fff;
}
#main-header .logo-area .header-cart .cart-button .icon {
  width: 22px;
  height: 20px;
  background-image: url(../images/cart-icon.png);
  transform: translatez(0);
  background-size: 22px 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#main-header .logo-area .header-cart .cart-button .text {
  font-family: "Roboto-Medium";
}
#main-header .logo-area .header-cart .cart-button::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 11px;
  background-size: 11px 11px;
  height: 11px;
  background-image: url(../images/down-arrow.png);
  transform: translatez(0);
  margin-left: 5px;
}
#main-header .logo-area .header-cart .product-holder {
  position: absolute;
  top: calc(100% + 15px);
  background: rgba(0, 0, 0, 0.9);
  width: 300px;
  right: 0px;
  padding: 25px;
  display: none;
}
#main-header .logo-area .header-cart .product-holder::before {
  content: "";
  display: block;
  top: -10px;
  right: 14px;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.9);
}
#main-header .logo-area .header-cart .product-holder .products-list li {
  position: relative;
  overflow: hidden;
}
#main-header .logo-area .header-cart .product-holder .products-list li:not(:last-child) {
  margin-bottom: 10px;
}
#main-header .logo-area .header-cart .product-holder .products-list li .remove-product {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 10px;
  right: 0px;
  background: #fff;
}
#main-header .logo-area .header-cart .product-holder .products-list li .remove-product::before {
  width: 11px;
  height: 11px;
  background-image: url(../images/close.png);
  display: inline-block;
  background-size: 11px 11px;
  content: "";
  position: absolute;
  top: 4.5px;
  left: 4.5px;
}
#main-header .logo-area .header-cart .product-holder .products-list li .img-holder {
  width: 51px;
  height: 51px;
  display: block;
  position: relative;
  float: left;
  background: #fff;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}
#main-header .logo-area .header-cart .product-holder .products-list li .img-holder img {
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
  display: inline-block;
}
#main-header .logo-area .header-cart .product-holder .products-list li .product-info {
  float: left;
  width: calc(100% - 61px);
	width: calc(100% - 83px);
  margin-left: 10px;
	margin-right: 22px; /* avoid overlapping title/text with the delete button */
  font-size: 15px;
  line-height: 19px;
  font-family: "Roboto-Regular";
}
#main-header .logo-area .header-cart .product-holder .products-list li .product-info .product-title {
  color: #fff;
}
#main-header .logo-area .header-cart .product-holder .products-list li .product-info .price-line {
  color: #b4b2b2;
}
#main-header .logo-area .header-cart .product-holder .cart-summary {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #716e6e;
  font-family: "Roboto-Bold";
}
	/* originally it was placed after the products, but now we add them before products list */
	#main-header .logo-area .header-cart .product-holder .cart-summary-top {
		/*margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #716e6e;
		*/
		margin-top: 0px;
		padding-top: 0px;
		border-top: 0px solid #716e6e;
	}
	#main-header .logo-area .header-cart .product-holder .cart-summary-delimiter {
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid #716e6e;
		height: 1px;
		overflow: hidden;
	}
#main-header .logo-area .header-cart .product-holder .cart-summary .price-line {
  overflow: hidden;
  color: #fff;
  margin-bottom: 10px;
}
#main-header .logo-area .header-cart .product-holder .cart-summary .price-line strong,
#main-header .logo-area .header-cart .product-holder .cart-summary .price-line .text-label {
  font-size: 15px;
  float: left;
  padding-top: 4px; /* fix different font-sizes */
}
#main-header .logo-area .header-cart .product-holder .cart-summary .price-line .woocommerce-Price-amount,
#main-header .logo-area .header-cart .product-holder .cart-summary .price-line .total-price {
  font-size: 19px;
  float: right;
}
#main-header .logo-area .header-cart .product-holder .woocommerce-mini-cart__empty-message {
	color: #fff;
	margin-bottom: 0; /* reset default P margin for symmetry */
}
#main-header .logo-area .header-cart .product-holder .green-button {
  font-size: 19px;
	font-size: 17px;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  padding: 14px;
	padding: 14px 8px;
  display: block;
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.55);
}
#main-header .mobile-bottom-header {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #main-header .mobile-bottom-header {
    display: none;
  }
}
#main-header .mobile-bottom-header .mobile-menu-button {
  text-decoration: none;
  display: block;
  font-size: 17px;
  float: left;
  font-family: "Roboto-Bold";
  color: #5a5a5a;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 13px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  transition: 0.3s ease;
  margin-top: -1px;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu:focus {
  outline: none;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__text {
  font-size: 17px;
  margin-left: 10px;
  font-family: "Roboto-Bold";
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__bars {
  display: block;
  position: relative;
  width: 19px;
  height: 3px;
  background-color: #5a5a5a;
  transition: 0.3s;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__bars:before,
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__bars:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5a5a5a;
  transition: 0.3s;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__bars:before {
  transform: translate(0, -5px);
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu .btn-menu__bars:after {
  transform: translate(0, 5px);
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu.menu-open .btn-menu__bars {
  background-color: transparent;
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu.menu-open .btn-menu__bars:before {
  transform: rotate(45deg);
}
#main-header .mobile-bottom-header .mobile-menu-button .btn-menu.menu-open .btn-menu__bars:after {
  transform: rotate(-45deg);
}
#main-header .mobile-bottom-header .mobile-call-to-action {
  float: right;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li {
  border-left: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  float: left;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li:nth-child(2) {
  border-left: 0px;
  border-right: 0px;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li:last-child {
  border-right: 0px;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li > a,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selectedSingleLang,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected {
  display: block;
  padding: 2px 7px;
	padding: 2px 11px;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.search-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.search-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.phone-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.phone-icon::before {
  width: 22px;
  height: 22px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.search-icon.search-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.search-icon.search-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.phone-icon.search-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.phone-icon.search-icon::before {
  background-image: url(../images/search.png);
  background-size: 22px 22px;
}
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.search-icon.phone-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.search-icon.phone-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li > a.phone-icon.phone-icon::before,
#main-header .mobile-bottom-header .mobile-call-to-action > li .lang-menu .selected.phone-icon.phone-icon::before {
  padding: 0px 4px;
  width: 18px;
  background-image: url(../images/phone.png);
  background-size: 18px 22px;
}
#main-menu {
	z-index: 15; /* was 3, but the BUY button goes over the menu */
  position: relative;
}
/* apply .list-unstyled styles for all LIs of the menu, for all resolutions */
#main-menu .scrollable-area ul {
	padding-left: 0;
	list-style: none;
}
@media only screen and (max-width: 991px) {
  #main-menu {
    position: absolute;
    top: 116px;
    width: 100%;
    height: calc(100% - 116px);
    display: none;
  }
	body.admin-bar #main-menu {
		top: 148px; /* 116 + 32 */
		height: calc(100% - 148px);
	}
  #main-menu .scrollable-area {
    height: 100%;
    overflow: scroll;
    position: relative;
  }
  #main-menu .scrollable-area ul li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px;
  }
  #main-menu .scrollable-area ul li > a {
    color: #fff;
    border-bottom: 1px solid #707070;
    background: #3a3a3a;
  }
  #main-menu .scrollable-area ul li > ul li {
    padding: 0px 20px;
    background: #fff;
  }
  #main-menu .scrollable-area ul li > ul li a {
    color: #121212;
    padding: 10px 0px;
    border-bottom: 1px solid #dadada;
    background: #fff;
  }
  #main-menu .scrollable-area ul li > ul li.has-children > a {
    position: relative;
  }
  #main-menu .scrollable-area ul li > ul li.has-children > a .toggle-children {
    position: absolute;
    width: 10px;
    height: 10px;
		width: 30px;
		height: 30px;
    display: inline-block;
    top: 15px;
		top: 5px;
		right: 0; /* RESET: right: 20px; from 1st level */
		background: none; /* reset 1st level */
		background: #f2f2f2;
		/*border: 1px solid #9f9f9f;*/
  }
	  #main-menu .scrollable-area ul li > ul li.has-children > a .toggle-children::after {
	    position: absolute;
	    top: 4px;
	    right: 0px;
			top: 14px; /* if border is used, we need to adjust the width of the border... */
			right: 10px;
	    content: "";
	    display: block;
	    background: #9f9f9f;
	    width: 10px;
	    height: 2px;
	  }
	  #main-menu .scrollable-area ul li > ul li.has-children > a .toggle-children::before {
	    position: absolute;
	    top: 0px;
	    right: 4px;
			top: 10px; /* if border is used, we need to adjust the width of the border... */
			right: 14px;
	    content: "";
	    display: block;
	    background: #9f9f9f;
	    width: 2px;
	    height: 10px;
	  }
  #main-menu .scrollable-area ul li > ul li.has-children li {
    padding: 0px;
  }
  #main-menu .scrollable-area ul li > ul li.has-children li a {
    text-transform: none;
    padding: 5px 0px;
  }
  #main-menu .scrollable-area ul li > ul li.has-children.active {
    background: #e3e3e3;
  }
  #main-menu .scrollable-area ul li > ul li.has-children.active > a {
    color: #d91517;
  }
  #main-menu .scrollable-area ul li > ul li.has-children.active > a span {
    color: #e3e3e3;
  }
  #main-menu .scrollable-area ul li > ul li.has-children.active a {
    background: #e3e3e3;
  }
  #main-menu .scrollable-area ul > li.has-children > a {
    position: relative;
  }
  #main-menu .scrollable-area ul > li.has-children > a .toggle-children { /* 2nd level: #main-menu .scrollable-area ul li > ul li.has-children > a .toggle-children */
    width: 12px;
    height: 8px;
		width: 30px;
		height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    /*background-size: 12px 8px;*/
    top: 26px;
		top: 15px;
    /*background-image: url(../images/arrow-down-menu.png);*/
    z-index: 1;
		background: #f00 url(../images/arrow-down-menu.png) no-repeat center center;
		background-size: 12px 8px;
  }
  #main-menu .scrollable-area .has-children ul {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu {
    background: #b91214;
    display: block!important;
  }
  #main-menu .scrollable-area {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1300px;
  }
  #main-menu .scrollable-area > ul > li {
    float: left;
  }
  #main-menu .scrollable-area > ul > li > a {
    color: #fff;
    padding: 13px 20px;
    display: block;
    font-family: "Roboto-Bold";
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #main-menu .scrollable-area > ul > li:hover > a {
    color: #363636;
    background: #fff;
  }
  #main-menu .scrollable-area > ul > li ul {
    display: none;
  }
  #main-menu .scrollable-area > ul > li.has-children {
    position: relative;
  }
  #main-menu .scrollable-area > ul > li.has-children .toggle-children {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-size: 12px 12px;
    background-image: url(../images/down-chevron.png);
    z-index: 1;
    margin-left: 5px;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover .toggle-children {
    background-image: url(../images/down-chevron-hover.png);
    transform: rotate(-180deg);
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul {
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    display: block;
    padding: 15px 0px;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li a {
    display: block;
    white-space: nowrap;
    padding: 5px 25px;
    position: relative;
    color: #121212;
    text-decoration: none;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li a::after {
    position: absolute;
    top: 100%;
    left: 25px;
    height: 1px;
    width: calc(100% - 50px);
    background: #dadada;
    content: "";
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li > a {
    text-transform: uppercase;
		padding-right: 25px;
		padding-right: 38px;
		color: #121212;
		/*font-family: "Roboto-Bold";*/ /* too bold...? decrease the size and try again... */
		/*font-size: 13px;*/
		
		/*font-weight: 600;
		font-size: 13px;*/
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li > a:hover {
    background: #dadada;
    color: #d91517;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li > a:hover::after {
    background: transparent;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li.has-children > a .toggle-children {
    transform: rotate(-90deg) translateZ(0);
    width: 9px;
    height: 9px;
    background-size: 9px 9px;
    position: absolute;
    top: 10px;
    right: 23px;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li.has-children:hover ul, /* 2022.02 - FF doesn't work 100% (but nearly 60-80%) with JS, so let's try with 2nd hover */
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li.has-children.active ul {
    padding-top: 20px;
		padding-top: 14px; /* 15px on 2nd level */
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    background: #e3e3e3;
  }
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li.has-children:hover ul li a:hover,
  #main-menu .scrollable-area > ul > li.has-children:hover > ul > li.has-children.active ul li a:hover {
    color: #fff;
    background: #d91517;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu .scrollable-area > ul {
    margin-left: 55px;
  }
}
.owl-carousel {
  padding: 0px 50px;
}
.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -54.5px;
  left: 0px;
  width: 100%;
  z-index: 3;
  color: #fff;
  font-size: 19px;
}
.owl-carousel .owl-nav button.owl-prev {
  width: 24px;
  height: 109px;
  position: absolute;
  left: -15px;
  background: #b91214;
}
.owl-carousel .owl-nav button.owl-next {
  width: 24px;
  height: 109px;
  position: absolute;
  right: -15px;
  background: #b91214;
}
@media only screen and (min-width: 768px) {
  .owl-carousel .owl-nav {
    margin-top: -25px;
  }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
  }
}
#teaser {
  background-size: cover;
  padding: 25px 0px;
  background-position: center center;
  position: relative;
}
#teaser::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
}
#teaser .teaser-banners a {
  display: block;
  background-position: center center;
  text-decoration: none;
  background-size: cover;
  border: 2px solid #fff;
}
	/* 2022.02 - Added this on mobile, but if an image is uploaded, and the texts are on the image, so no texts in the panel, the image would have less contrast... */
	#teaser .teaser-banners a::after {
		height: 100%;
		position: absolute;
		width: calc(100% - 4px);
		content: "";
		display: block;
		background: #0a1203;
		background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
		bottom: 2px;
		left: 2px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
@media only screen and (min-width: 992px) {
  #teaser .teaser-banners a::after {
    height: 50%;
		height: 66%; /* for middle resolutions, the text goes up to 60+% */
    position: absolute;
    width: calc(100% - 4px);
    content: "";
    display: block;
    background: #0a1203;
    background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 2px;
    left: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
#teaser .teaser-banners a .info {
  position: absolute;
  padding: 0px 30px;
  bottom: 30px;
  z-index: 3;
}
#teaser .teaser-banners a .info .title {
  font-family: "Roboto-Bold";
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
#teaser .teaser-banners a .info .button {
  display: inline-block;
  position: relative;
  background: #131313;
  font-size: 11px;
  color: #fff;
  font-family: "Roboto-Bold";
  padding: 10px 25px;
  text-transform: uppercase;
  margin-top: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#teaser .teaser-banners a .info .button i {
  display: inline-block;
  font-size: 19px;
  vertical-align: middle;
  font-family: "NotoSans-Regular";
  line-height: 0px;
  margin: -6px 0px 0px 5px;
}
#teaser .teaser-banners a .info .button::after {
  content: "";
  bottom: -3px;
  background: #b91214;
  display: block;
  left: 0px;
  width: 100%;
  height: 2px;
  position: absolute;
}
#teaser .teaser-banners a .info .button::before {
  content: "";
  bottom: -3px;
  background: #fff;
  display: block;
  left: 0px;
  width: 0px;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  #teaser .teaser-banners a .info .button {
    background: #fff;
    color: #3a3a3a;
  }
  #teaser .teaser-banners a:hover::after {
    height: 100%;
  }
  #teaser .teaser-banners a:hover .info .button {
    background: #b91214;
    color: #fff;
  }
  #teaser .teaser-banners a:hover .info .button::before {
    width: 100%;
  }
}


/* 2022.04 - set defaults for footer, i.e.: a paragraph text... */
#main-footer {
	color: #eee;
}
	#main-footer a {
		color: #b3b3b3;
	}
		#main-footer a:hover {
			color: #fff;
		}

#main-footer #footer-navigation {
  background: #1c1c1c;
  padding: 35px 0px;
	padding: 35px 0px 15px 0; /* added margin-bottom to .colItem, so we need to keep padding-bottom lower... */
}

#main-footer #footer-navigation .colItem {
	margin-bottom: 20px;
}
	/* This would work, just make sure no extra elements/children are messed in the same parent - https://css-tricks.com/how-nth-child-works/
		nth-of-type could be a replacement?
	*/
	/* MOBILE */
	#main-footer #footer-navigation .colItem:nth-child(2n+1) {
		/*border-top: 5px solid #f00;*/
		clear: both;
	}
	@media only screen and (min-width: 768px) {}
	/* Desktop - switches to 3 columns per row */
	@media only screen and (min-width: 992px) {
		#main-footer #footer-navigation .colItem {
			margin-bottom: 0px; /* reset */
		}
		#main-footer #footer-navigation .colItem:nth-child(2n+1) {
			clear: none; /* reset mobile setting */
		}
	}



#main-footer #footer-navigation h2 {
  font-family: "Roboto-Bold";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: relative;
  margin-bottom: 30px;
}
#main-footer #footer-navigation h2::before,
#main-footer #footer-navigation h2::after {
  position: absolute;
  bottom: -10px;
  width: 50px;
  height: 2px;
  display: block;
  left: 0;
  content: "";
  background: #b91214;
}
#main-footer #footer-navigation h2::after {
  bottom: -13px;
  width: 123px;
}


#main-footer #footer-navigation #subscribe-form {
  margin-bottom: 15px;
}
	#main-footer #footer-navigation #subscribe-form input[type=email] {
	  width: 100%;
	  background: transparent;
	  border: 1px solid #7c7c7c;
	  color: #fff;
	  outline: none;
	  height: 38px;
	  padding-left: 20px;
	  margin-bottom: 15px;
	}
	#main-footer #footer-navigation #subscribe-form .agree-terms .icheckbox_square {
	  float: left;
	}
		#main-footer #footer-navigation #subscribe-form .agree-terms label {
		  float: left;
		  width: calc(100% - 20px);
		  margin-left: 7px;
		  font-weight: 400;
		  color: #fff;
		  line-height: 18px;
		}
			#main-footer #footer-navigation #subscribe-form .agree-terms label a {
			  color: #fff;
			  text-decoration: underline;
			}
	#main-footer #footer-navigation #subscribe-form button {
	  color: #fff;
	  background: #b91214;
	  font-size: 15px;
	  padding: 10px 35px;
	  font-family: "Roboto-Medium";
	  border: none;
	  text-transform: uppercase;
	  font-weight: 400;
	  margin-top: 10px;
	  position: relative;
	  overflow: hidden;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
		#main-footer #footer-navigation #subscribe-form button span {
		  position: relative;
		  z-index: 3;
		}
		#main-footer #footer-navigation #subscribe-form button::before {
		  width: 0%;
		  height: 100%;
		  top: 0px;
		  left: 0px;
		  position: absolute;
		  content: "";
		  display: block;
		  background: #fff;
		  -webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		}
		#main-footer #footer-navigation #subscribe-form button:hover {
		  color: #b91214;
		}
		#main-footer #footer-navigation #subscribe-form button:hover::before {
		  width: 100%;
		}


#main-footer .an_mailchimp_wrapper {
  margin-bottom: 15px;
}
	#main-footer .an_mailchimp_wrapper .notification {
		color: #fff;
		padding: 5px 10px;
		margin: 0 0 10px 0;
	}
		#main-footer .an_mailchimp_wrapper .notification.error {
			border: 2px solid #f00;
			border: 2px solid #ff7c0c;
		}
		#main-footer .an_mailchimp_wrapper .notification.success {
			border: 2px solid #3c3;
		}
	#main-footer .an_mailchimp_wrapper label {
		display: inline; /* reset inline-block from bootstrap */
	}
	#main-footer .an_mailchimp_wrapper input.an_sh_mailchimp_email,
	#main-footer .an_mailchimp_wrapper input[type=email] {
	  width: 100%;
	  background: transparent;
	  border: 1px solid #7c7c7c;
	  color: #fff;
	  outline: none;
	  height: 38px;
	  padding-left: 20px;
	  margin-bottom: 15px;
	}
	#main-footer .an_mailchimp_wrapper .mpam-submit {
	  color: #fff;
	  background: #b91214;
	  font-size: 15px;
	  padding: 10px 35px;
	  font-family: "Roboto-Medium";
	  border: none;
	  text-transform: uppercase;
	  font-weight: 400;
	  /*margin-top: 10px;*/
	  position: relative;
	  overflow: hidden;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
		#main-footer .an_mailchimp_wrapper .mpam-submit:hover {
			background-color: #fff;
			color: #b91214;
		}


#main-footer .widget-area .widget {
	margin-bottom: 22px;
}

/* .recent-posts-widget-with-thumbnails, .rpwwt-widget */
#main-footer .rpwwt-widget ul li {
  overflow: hidden;
  margin-bottom: 9px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 9px;
}
	/* no container - try styling using IMG only!! */
	#main-footer .rpwwt-widget li a img.wp-post-image {
		display: block;
		float: left;
		width: 50px;
		height: auto;
		border: 2px solid #939393;
		margin: 0 10px 0 0; /* reset plugins' defaults */
		
		max-width: 100%;
		max-height: 100%;
	}
	
	#main-footer .rpwwt-widget li .rpwwt-post-title {
		display: block;
		line-height: 20px;
		font-family: "Roboto-Bold";
		color: #fff;
		font-size: 15px;
	}
	#main-footer .rpwwt-widget li .rpwwt-post-date {
		display: block;
		font-family: "Roboto-Medium";
		color: #6e6e6e;
		font-size: 13px;
		margin-top: 5px;
	}
	#main-footer .rpwwt-widget li .rpwwt-post-title,
	#main-footer .rpwwt-widget li .rpwwt-post-date {
		margin-left: 60px;
	}

#main-footer #footer-navigation .news-list li {
  overflow: hidden;
  margin-bottom: 9px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 9px;
}
	#main-footer #footer-navigation .news-list li .img-container {
	  display: block;
	  float: left;
	  width: 50px;
	  border: 1px solid #939393;
	}
		#main-footer #footer-navigation .news-list li .img-container img {
		  max-width: 100%;
		  max-height: 100%;
		}
	#main-footer #footer-navigation .news-list li .info {
	  float: right;
	  width: calc(100% - 60px);
	}
		#main-footer #footer-navigation .news-list li .info a.title {
		  line-height: 20px;
		  font-family: "Roboto-Bold";
		  color: #fff;
		  font-size: 15px;
		}
		#main-footer #footer-navigation .news-list li .info .date {
		  font-family: "Roboto-Medium";
		  color: #6e6e6e;
		  font-size: 13px;
		  margin-top: 5px;
		}


/* No need for .list-unstyled classname for UL... (UL.menu-list): */
#main-footer .widget_nav_menu ul.menu {
	padding-left: 0;
	list-style: none;
}
	#main-footer .widget_nav_menu .menu li,
	#main-footer #footer-navigation .menu-list li {
	  border-bottom: 1px solid #551a1a;
	  padding: 5px 0px;
	}
	#main-footer .widget_nav_menu .menu li a,
	#main-footer #footer-navigation .menu-list li a {
	  color: #b3b3b3;
	  text-decoration: none;
	  display: block;
	}
	#main-footer .widget_nav_menu .menu li a:hover,
	#main-footer #footer-navigation .menu-list li a:hover {
	  color: #fff;
	}
#main-footer #footer-navigation .contacts .contact-item {
  margin-bottom: 15px;
  color: #bfbfbf;
  font-size: 15px;
}
#main-footer #footer-navigation .contacts .contact-item .contact-item__label {
  font-family: "Roboto-Bold";
  color: #fff;
  margin-bottom: 5px;
}
#main-footer #footer-navigation .contacts .contact-item a {
  color: #bfbfbf;
}
#main-footer .copyright {
  background: #303030;
  padding: 25px 0px;
  color: #fff;
  font-family: "Roboto-Regular";
  text-align: center;
}
#main-footer .copyright a {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  #main-footer .copyright .col-xs-12:first-child {
    text-align: left;
  }
  #main-footer .copyright .col-xs-12:last-child {
    text-align: right;
  }
}
#main-footer .developedby {
  text-align: center;
  padding: 15px 0px;
}
#main-footer .developedby .tobecode-link {
  color: #000;
}
#main-footer .developedby .tobecode-link .tobecode {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 3px;
}
#main-footer .developedby .tobecode-link .tobecode span {
  width: 6px;
  height: 6px;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  background: #000;
}
#main-footer .developedby .tobecode-link .tobecode span.tr {
  background: #E61836;
  left: auto;
  right: 0px;
}
#main-footer .developedby .tobecode-link .tobecode span.bl {
  top: auto;
  bottom: 0px;
  background: #E61836;
}
#main-footer .developedby .tobecode-link .tobecode span.br {
  top: auto;
  right: 0px;
  left: auto;
  bottom: 0px;
}
.home-section {
  padding: 35px 0px;
}
	.contactsPageLocation {
		padding: 35px 0 0 0;
	}

.home-section h1 {
	/*border-top: 5px solid #00f;*/ /* Matches all heading except "About us" and "Blog/Advices" */
	/*font-family: "Roboto-Bold";*/
	/*font-family: 'Roboto-Light';*/
  font-weight: 400;
  text-align: center;
  font-size: 23px;
  color: #4c4c4c;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .home-section h1 {
    font-size: 32px;
  }
}
.home-section h1::before {
  width: 50px;
  height: 2px;
  background: #b91214;
  position: absolute;
  bottom: -17px;
  content: "";
  display: block;
  left: 50%;
  margin-left: -25px;
}
.home-section h1::after {
  width: 122px;
  height: 2px;
  background: #b91214;
  position: absolute;
  bottom: -21px;
  content: "";
  display: block;
  left: 50%;
  margin-left: -61px;
}
.home-section#tags-section .tags-holder {
  position: relative;
  margin-bottom: 9px;
}
.home-section#tags-section .tags-holder .list-tags {
  height: 147px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.home-section#tags-section .tags-holder .list-tags a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 10px 17px;
  background: #f0efef;
  margin: 0px 10px 10px 0px;
  color: #494949;
  position: relative;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.home-section#tags-section .tags-holder .list-tags a::after {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #1c1c1c;
  display: block;
  content: "";
  position: absolute;
  top: -4px;
  right: 0px;
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.home-section#tags-section .tags-holder .list-tags a:hover {
  color: #b91214;
}
.home-section#tags-section .tags-holder .list-tags a:hover::after {
  border-left-color: #b91214;
}
.home-section#tags-section .tags-holder .bottom {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -41px;
  padding: 30px 0px;
  z-index: 1;
}
.home-section#tags-section .tags-holder .bottom::before {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.home-section#tags-section .tags-holder .bottom .button {
  position: relative;
  z-index: 3;
  background: #313131;
  color: #fff;
  font-family: "Roboto-Bold";
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 5;
  display: inline-block;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.home-section#tags-section .tags-holder .bottom .button i {
  width: 12px;
  height: 8px;
  display: inline-block;
  background-size: 12px 8px;
  background-image: url(../images/arrow-down-menu.png);
  transform: translatez(0);
  vertical-align: middle;
  margin-left: 10px;
}
.home-section#tags-section .tags-holder .bottom .button:hover {
  background: #000;
}
.home-section#tags-section .tags-holder .bottom .button.active i {
  transform: rotate(180deg);
}
.home-section#brands-section {
  background-image: url(../images/pattern.png);
  position: relative;
  background-repeat: repeat;
}
.home-section#brands-section .brands-carousel .brands-carousel__item a {
  display: block;
  height: 103px;
  text-decoration: none;
  background: #fff;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.home-section#brands-section .brands-carousel .brands-carousel__item a img {
  max-width: 90%;
  max-height: 90%;
  display: inline-block;
  vertical-align: middle;
}
.home-section#brands-section .brands-carousel .brands-carousel__item a::before {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.home-section#simulator-section {
  display: none;
  position: relative;
  background: #000000;
  background: linear-gradient(0deg, #000000 0%, #4c4c4c 93%);
}
@media only screen and (min-width: 768px) {
  .home-section#simulator-section {
    display: block;
  }
}
.home-section#simulator-section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-image: url(../images/patern-simulator.png);
  background-repeat: repeat;
  background-size: 960px 187.5px;
}
.home-section#simulator-section h1 {
  color: #fff;
}
.home-section#simulator-section .banners {
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.home-section#simulator-section .banners .banner {
  height: 154px;
  display: block;
  background-size: cover;
  text-decoration: none;
  background-position: 50% 50%;
  width: 32%;
  float: left;
  position: relative;
}
.home-section#simulator-section .banners .banner:nth-child(2) {
  margin: 0px 2%;
}
.home-section#simulator-section .banners .banner span {
  font-family: "Roboto-Bold";
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.home-section#simulator-section .banners .banner span i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-style: normal;
}
.home-section#simulator-section .banners .banner:hover span {
  height: 100%;
}
.home-section#location-section .map-container {
  height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .home-section#location-section .map-container {
    max-width: 1300px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
.home-section#location-section .map-container::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.home-section#location-section .map-container .button {
  background: #313131;
  color: #fff;
  font-family: "Roboto-Bold";
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 5;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.home-section#location-section .map-container .button i {
  width: 12px;
  height: 8px;
  display: inline-block;
  background-size: 12px 8px;
  background-image: url(../images/arrow-down-menu.png);
  transform: translatez(0);
  vertical-align: middle;
  margin-left: 10px;
}
.home-section#location-section .map-container .button:hover {
  background: #000;
}
.home-section#location-section .map-container.active {
  height: 530px;
}
	.contactsPageLocation#location-section .map-container.active {
		height: 510px;
	}


.home-section#location-section .map-container.active .button i {
  transform: rotate(180deg);
}
.home-section#keyfacts-section {
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home-section#keyfacts-section {
    background-image: none !important;
    background-color: #222222;
  }
}
.home-section#keyfacts-section::before {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.home-section#keyfacts-section h1 {
  color: #fff;
}
.home-section#keyfacts-section .facts {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.home-section#keyfacts-section .facts .fact {
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home-section#keyfacts-section .facts .fact {
    background: none !important;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .home-section#keyfacts-section .facts .fact {
    float: left;
    width: 32%;
  }
  .home-section#keyfacts-section .facts .fact:nth-child(2) {
    margin: 0px 2%;
  }
}
.home-section#keyfacts-section .facts .fact .icon-holder {
  width: 76px;
  height: 76px;
  /*border: 1px solid #b91214;*/
  border-radius: 50%;
  margin: 0px auto 20px auto;
  position: relative;
}
.home-section#keyfacts-section .facts .fact .icon-holder img {
  max-width: 95%;
  max-height: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.home-section#keyfacts-section .facts .fact h2 {
  font-family: "Roboto-Medium";
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.home-section#keyfacts-section .facts .fact .text {
  color: #a3a3a3;
}
.home-section#wesuggest-section {
  background-image: url(../images/pattern.png);
  position: relative;
  background-repeat: repeat;
}
.home-section#wesuggest-section h1 {
  font-family: "Roboto-Bold";
}
.home-section#wesuggest-section h1 span {
  color: #d91517;
}
.home-section#wesuggest-section .banners {
  position: relative;
}
.home-section#wesuggest-section .banners a {
  display: block;
  background-position: center center;
  text-decoration: none;
  background-size: cover;
  position: relative;
}
.home-section#wesuggest-section .banners a::after {
  height: 50%;
  position: absolute;
  width: calc(100% - 4px);
  content: "";
  display: block;
  background: #0a1203;
  background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 2px;
  left: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.home-section#wesuggest-section .banners a .info {
  position: absolute;
  padding: 0px 30px;
  bottom: 30px;
  text-align: center;
  z-index: 3;
  width: 100%;
}
.home-section#wesuggest-section .banners a .info .title {
  font-family: "Roboto-Bold";
  color: #fff;
  font-size: 26px;
  display: block;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .home-section#wesuggest-section .banners a .info .title {
    font-size: 28px;
  }
}
.home-section#wesuggest-section .banners a .info .title::after {
  position: absolute;
  width: 89px;
  height: 2px;
  left: 50%;
  margin-left: -44.5px;
  content: "";
  display: block;
  background: #d91517;
  top: calc(100% + 10px);
}
.home-section#wesuggest-section .banners a .info .subtitle {
  display: block;
  font-size: 15px;
  color: #fff;
  font-family: "Roboto-Bold";
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .home-section#wesuggest-section .banners a:hover::after {
    height: 100%;
  }
}
.quantity {
  overflow: hidden;
  float: left;
  width: 66px;
}
.quantity button {
  width: 16px;
  height: 36px;
  float: left;
  border: none;
  background: #353535;
  position: relative;
}
	/* affects .decrease/.increase - horizontal line of the MINUS and PLUS signs */
	.quantity button::before {
	  content: "";
	  display: block;
	  position: absolute;
	  width: 12px;
	  height: 4px;
	  top: 16px;
	  left: 2px;
	  background: #fff;
	}
	/* affects .increase - vertical line of the PLUS sign... MOVED it on the right button, originally it was on left button */
	/*.quantity button:first-child::after {*/
	.quantity button:last-child::after {
	  position: absolute;
	  content: "";
	  display: block;
	  background: #fff;
	  width: 4px;
	  height: 12px;
	  top: 12px;
	  left: 6px;
	}
.quantity input {
  width: 34px;
  height: 36px;
  float: left;
  border: none;
  text-align: center;
  background: #efefef;
}
#about-us-useful {
  position: relative;
}
#about-us-useful .row {
  position: relative;
  z-index: 1;
}
#about-us-useful .row .col-xs-12 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#about-us-useful .row .col-xs-12 h1 {
  font-family: 'Roboto-Light';
  font-weight: normal;
  font-size: 23px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 25px;
}
#about-us-useful .row .col-xs-12 h1 span {
  font-family: "Roboto-Bold";
}
#about-us-useful .row .col-xs-12 h1::before {
  width: 50px;
  height: 2px;
  background: #b91214;
  position: absolute;
  bottom: -10px;
  content: "";
  display: block;
  left: 0%;
}
#about-us-useful .row .col-xs-12 h1::after {
  width: 122px;
  height: 2px;
  background: #b91214;
  position: absolute;
  bottom: -14px;
  content: "";
  display: block;
  left: 0%;
}
#about-us-useful .row .col-xs-12:nth-child(1) {
  background: #f6f6f6;
}
#about-us-useful .row .col-xs-12:nth-child(2) {
  background: #e3e2e2;
}
#about-us-useful .button {
  display: inline-block;
  position: relative;
  background: #b91214;
  color: #fff;
  font-family: "Roboto-Bold";
  padding: 10px 25px;
  text-transform: uppercase;
  margin-top: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
#about-us-useful .button i {
  display: inline-block;
  font-size: 19px;
  vertical-align: middle;
  font-family: "NotoSans-Regular";
  line-height: 0px;
  margin: -6px 0px 0px 5px;
}
#about-us-useful .button::before {
  content: "";
  bottom: -3px;
  background: #b91214;
  display: block;
  left: 0px;
  width: 0px;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
}
#about-us-useful .button::after {
  content: "";
  bottom: -3px;
  background: #131313;
  display: block;
  left: 0px;
  width: 100%;
  height: 2px;
  position: absolute;
}
#about-us-useful .button:hover {
  background: #131313;
  color: #fff;
}
#about-us-useful .button:hover::before {
  width: 100%;
}
#about-us-useful .blog-list li {
  padding-bottom: 15px;
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 15px;
  overflow: hidden;
}
#about-us-useful .blog-list li .img-container {
  width: 100px;
  height: 100px;
  display: block;
  float: left;
  background-size: cover;
  text-decoration: none;
  background-position: 50% 50%;
  border: 1px solid #b6b6b6;
}
#about-us-useful .blog-list li .info {
  width: calc(100% - 120px);
  float: left;
  margin-left: 20px;
}
#about-us-useful .blog-list li .info .title {
  font-size: 16px;
  color: #3d3d3d;
  font-family: "Roboto-Bold";
  display: block;
}
#about-us-useful .blog-list li .info .date {
  display: block;
  color: #969696;
  font-size: 12px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #about-us-useful::before {
    width: 50%;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #f6f6f6;
    display: block;
    content: "";
    position: absolute;
  }
  #about-us-useful::after {
    width: 50%;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #e3e2e2;
    display: block;
    content: "";
    position: absolute;
  }
}
#home-product-carousel {
  padding: 35px 0px;
}
.carousel-with-tabs .carousel-tabs {
  overflow: hidden;
}
.carousel-with-tabs .carousel-tabs a {
  display: block;
  float: left;
  margin-right: 10px;
	margin-right: 7px;
  padding: 13px 23px;
	/* 2022.04 - same width */
	width: 150px; /* (360px under mobile -2*15px site_offset -2*7px_margin-right) / 2 = (360-30-14)/2 = 158, not working */
	padding: 9px 6px; /* set minimal left/right offset */
	text-align: center;
	margin-top: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
	font-size: 15px;
  background: #3a3a3a;
  font-family: "Roboto-Medium";
  border: 2px solid #676666;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
	.carousel-with-tabs .carousel-tabs a:last-child {
		margin-right: 0; /* reset */
	}
	/* @media only screen and (min-width: 768px) {} */
	@media only screen and (min-width: 640px) {
		.carousel-with-tabs .carousel-tabs a {
			width: auto; /* reset when all buttons on same row */
			min-width: 160px;
			font-size: 17px; /* restore */
			padding: 13px 6px; /* restore padding-top/bottom */
		}
	}
.carousel-with-tabs .carousel-tabs a:last-child {
  margin-right: 0px;
}
.carousel-with-tabs .carousel-tabs a:hover,
.carousel-with-tabs .carousel-tabs a.active {
  background: #b91214;
  border-color: #b91214;
  border-bottom-color: #920f10;
}
.carousel-with-tabs .carousel {
  margin-top: 20px;
	padding: 0 18px; /* under mobile, we need as wide as possible */
}
	@media only screen and (min-width: 768px) {
		.carousel-with-tabs .carousel {
			padding: 0 50px; /* under mobile, we need as wide as possible */
		}
	}


/* "#product-listing-page .product-item" was original selector, but we have productsLists in a lot terms and functionalities, so we'll replace it with a better one */

.productsItemsList .product-item {
	/* Set offset between rows. Same under mobile and desktop...? */
	padding-top: 8px;
	padding-bottom: 8px;
}
	/* This would work, just make sure no extra elements/children are messed in the same parent - https://css-tricks.com/how-nth-child-works/
		nth-of-type could be a replacement?
	*/
	/* MOBILE */
	.productsItemsList .product-item:nth-child(2n+1) {
		/*border-top: 5px solid #f00;*/
		clear: both;
	}
	@media only screen and (min-width: 768px) {}
	/* Desktop - switches to 3 columns per row */
	@media only screen and (min-width: 992px) {
		.productsItemsList .product-item:nth-child(2n+1) {
			clear: none; /* reset mobile setting */
		}
		.productsItemsList .product-item:nth-child(3n+1) {
			/*border-top: 5px solid #f00;*/
			clear: both;
		}
	}




.product-item {
  text-align: center;
}
.product-item .img-container {
  display: block;
  text-decoration: none;
  height: 200px;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .product-item .img-container {
    height: 270px;
  }
}
.product-item .img-container::after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 2px;
  background: #d3d3d3;
  position: absolute;
  left: 25%;
  bottom: 0px;
}
.product-item .img-container img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
	max-height: 98%; /* vertical images touch the horizontal line in :after..., so trying to avoid this with lowering the height... or adding some margin? */
  width: auto;
  height: auto;
}
.product-item .img-container::before {
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.product-item .product-title {
  margin: 15px 0px 10px 0px;
  text-align: center;
}
.product-item .product-title a {
  font-size: 17px;
  display: block;
  font-family: "Roboto-Medium";
  color: #545454;
}
.product-item .price-holder {
  margin: 10px 0px 0px 0px;
}
.product-item .price-holder .product-price {
  font-family: "Roboto-Bold";
  color: #252525;
  font-size: 20px;
}
.product-item .price-holder .product-price .per {
  font-family: "Roboto-Medium";
  text-decoration: none;
  font-size: 16px;
}
.product-item .price-holder .product-old-price {
  display: inline-block;
  font-family: "Roboto-Bold";
  color: #8c8c8c;
  font-size: 16px;
}
.product-item .price-holder .product-old-price span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.product-item .price-holder .product-old-price span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  height: 2px;
  background: rgba(140, 140, 140, 0.3);
}
.product-item .buy-area {
  margin-top: 10px;
  overflow: hidden;
}
.product-item .buy-area .buy-buttons {
  float: right;
  overflow: hidden;
  width: calc(100% - 80px);
  display: block;
  outline: none;
  border-radius: 0px;
  height: 36px;
  background: transparent;
  padding: 0px;
  border: none;
}
	.product-item .buy-area .buy-buttons .icon-button {
	  position: relative;
	  background: #870a0c;
	  width: 30px;
	  height: 36px;
	  display: block;
	  float: left;
	}
		.product-item .buy-area .buy-buttons .icon-button::before {
		  content: "";
		  z-index: 3;
		  position: absolute;
		  background-image: url(../images/cart-icon.png);
		  transform: translatez(0);
		  display: inline-block;
		  top: 10px;
		  left: 50%;
		  width: 16px;
		  height: 16px;
		  background-size: 16px 16px;
		  margin-left: -8px;
		}
		.product-item .buy-area .buy-buttons .icon-button::after {
		  z-index: 1;
		  width: 0%;
		  height: 100%;
		  content: "";
		  display: block;
		  left: 0px;
		  top: 0px;
		  position: absolute;
		  background: #d91517;
		  -webkit-transition: width 0.3s ease;
		  -moz-transition: width 0.3s ease;
		  -ms-transition: width 0.3s ease;
		  -o-transition: width 0.3s ease;
		  transition: width 0.3s ease;
		}
	.product-item .buy-area .buy-buttons .request-button {
	  background: #d91517;
	  color: #fff;
	  text-transform: uppercase;
	  width: calc(100% - 31px);
	  text-align: center;
	  float: right;
	  border: none;
	  font-size: 13px;
	  position: relative;
	  height: 36px;
	  display: block;
	}
	
	.product-item .buy-area .buy-buttons .request-button span {
	  position: relative;
	  z-index: 3;
	  display: inline-block;
	  line-height: 36px;
	}
	.product-item .buy-area .buy-buttons .request-button::after {
	  position: absolute;
	  top: 0;
	  left: 0;
	  content: "";
	  display: block;
	  z-index: 1;
	  width: 0%;
	  height: 100%;
	  -webkit-transition: width 0.3s ease;
	  -moz-transition: width 0.3s ease;
	  -ms-transition: width 0.3s ease;
	  -o-transition: width 0.3s ease;
	  transition: width 0.3s ease;
	  background: #870a0c;
	}
	.product-item .buy-area .buy-buttons:hover .icon-button::after,
	.product-item .buy-area .buy-buttons:hover .request-button::after {
	  width: 100%;
	}
	
	/* 2022.03 - it seems, it's better to have icon without text for all mobiles and some tablets - 480px -> 5xx -> 640px -> 767px?? */
	/* @media only screen and (max-width: 480px) { */
	@media only screen and (max-width: 640px) {
		  .product-item .buy-area .buy-buttons .request-button {
		    display: none; /* was: block, floated */
		  }
		  .product-item .buy-area .buy-buttons .icon-button {
		    width: 100%; /* was: width: 30px; */
		  }
		  .product-item .buy-area .buy-buttons .icon-button::after {
		    width: 100%; /* was: width: 0px; */
		  }
		/* Home page, perhaps similar items as well... */
		/*
		.owl-carousel .product-item .buy-area .buy-buttons {
			
		}
		.owl-carousel .product-item .buy-area .buy-buttons .request-button {
			display: none;
		}
		*/
		/* products_list - Categories, tags, search... */
		/*
		.productsItemsList {
			
		}
		*/
		/* product_view - restore... THIS SELECTOR "#product-preview" ALSO REPLACES THE SIMILAR ITEMS (within .owl-carousel)!!! Use another one instead: ".product-info" */
		.product-info .product-item .buy-area .buy-buttons .request-button {
			display: block;
		}
		.product-info .product-item .buy-area .buy-buttons .icon-button {
			width: 30px;
		}
		.product-info .product-item .buy-area .buy-buttons .icon-button::after {
			width: 0px;
		}
		
	}
		.product-item .buy-area .added_to_cart {
			clear: both;
			margin-top: 7px;
			display: block;
				float: left;
				width: 100%;
				font-size: 16px;
			padding: 7px 5px;
			
			text-align: center;
			text-decoration: none;
			color: #fff;
			background: #609f29;
			background: linear-gradient(90deg, #609f29 0%, #8ae03d 100%);
			text-decoration: none !important;
			-webkit-transition: background 0.3s ease;
			-moz-transition: background 0.3s ease;
			-ms-transition: background 0.3s ease;
			-o-transition: background 0.3s ease;
			transition: background 0.3s ease;
			
			border: none;
			text-transform: uppercase;
			font-family: "Roboto-Bold";
			display: block;
			text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.55);
		}
			.product-item .buy-area .added_to_cart:hover {
				background: linear-gradient(0deg, #609f29 0%, #8ae03d 100%);
			}


.paginator {
  margin-top: 20px;
}
.paginator span.page-numbers,
.paginator a {
  display: inline-block;
	margin-bottom: 4px; /* add offset when on mobile goes to 2 rows */
	white-space: nowrap; /* avoid splitting a button on 2 rows - Next or 10+ pages... */
  vertical-align: top;
  color: #4c4c4c;
  text-decoration: none;
  border: 1px solid #c1c1c1;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.paginator span.current,
.paginator a.active {
  background: #d91517;
  color: #fff;
  border-color: #d91517;
}
.paginator a:not(.fake):hover {
  background: #c1c1c1;
}
.paginator a.fake {
  cursor: default;
}
@media only screen and (min-width: 768px) {
  .paginator {
    text-align: center;
    margin-top: 50px;
  }
}
#breadcrumbs {
  background: #f2f2f2;
  border-bottom: 2px solid #cecdcd;
  padding: 20px 0px;
	padding: 16px 0px;
	padding: 12px 0px;
}
#breadcrumbs #brc ul li {
  /*display: inline-block;*/
	display: inline;
}
	#breadcrumbs #brc ul li:not(:first-child)::before {
		display: inline-block;
		/*
		content: "/";
		vertical-align: middle;
		margin: 0px 10px;
		*/
		content: "\00BB\00a0"; /* » - \00BB, space - \00a0 - https://stackoverflow.com/a/1156897 */
		margin: 0px 4px;
	}
	/*
	#breadcrumbs #brc ul li:not(:last-child)::after {
	  content: "/";
	  display: inline-block;
	  vertical-align: middle;
	  margin: 0px 10px;
	}
	*/
	#breadcrumbs #brc ul li:last-child {
		display: none;
	}

#breadcrumbs #brc ul li a {
  color: #6a6a6a;
}
	#breadcrumbs #brc ul li a:hover {
		color: #b91214;
	}


#breadcrumbs #page-title {
  margin-top: 15px;
  font-family: "Roboto-Bold";
  font-weight: normal;
  font-size: 19px;
  color: #3a3a3a;
}
.inner-page {
  margin-top: 30px;
	margin-top: 20px;
}

/* #sidebar ..or.. .sidebar-1-widget-area ?? */
#sidebar {
	margin-top: 35px;
}
	@media only screen and (min-width: 768px) {
		#sidebar {
			margin-top: 0; /* reset */
		}
	}

#sidebar .widget {
	margin-bottom: 20px; /* 2022.02 - now that the widget titles are in separate blocks, we may need to introduce extra classname, because all blocks have common classname!! Keep 20px for now... */
}


.wc-block-product-search {
	
}
	.wc-block-product-search .wc-block-product-search__label {
		display: none;
	}
	.wc-block-product-search .wc-block-product-search__field {
		border: 2px solid #bbb;
	}



#sidebar .widget > h2,
#sidebar .widget > .title,
#sidebar .widget > .widget-title {
  font-size: 22px;
  color: #353535;
  font-weight: normal;
  display: block;
  position: relative;
  padding-bottom: 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
	#sidebar .widget > h2::before,
	#sidebar .widget > h2::after,
	#sidebar .widget > .title::before,
	#sidebar .widget > .title::after,
	#sidebar .widget > .widget-title::before,
	#sidebar .widget > .widget-title::after {
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: 4px;
	  width: 50px;
	  background: #d91517;
	  height: 2px;
	  left: 0px;
	}
	#sidebar .widget > h2::after,
	#sidebar .widget > .title::after,
	#sidebar .widget > .widget-title::after {
	  width: 122px;
	  bottom: 0px;
	}


	#sidebar .widget_price_filter .title,
	#sidebar .widget_price_filter .widget-title,
	#sidebar .widget_layered_nav .title,
	#sidebar .widget_layered_nav .widget-title {
	  font-size: 22px;
		font-size: 17px;
	  color: #353535;
		color: #3c3c3c;
	  font-weight: normal;
	  display: block;
	  position: relative;
	  padding-bottom: 15px;
	  text-transform: uppercase;
	  margin-bottom: 10px;
	}
		#sidebar .widget_price_filter .title::before,
		#sidebar .widget_price_filter .title::after,
		#sidebar .widget_layered_nav .title::before,
		#sidebar .widget_layered_nav .title::after {
		  content: "";
		  display: block;
		  position: absolute;
		  bottom: 4px;
		  width: 50px;
			width: 100%;
		  background: #d91517;
			background: #d5d5d5;
		  height: 2px;
		  left: 0px;
		}
		#sidebar .widget_price_filter .title::after,
		#sidebar .widget_layered_nav .title::after {
		  width: 122px;
		  bottom: 0px;
			display: none;
		}




/* apply .list-unstyled styles for multiple widgets, but not all */
#sidebar .widget.category-filter ul.main-cats,
#sidebar .widget.category-filter ul.main-cats ul,
#sidebar .widget_product_categories ul,
#sidebar .widget_product_categories ul ul,
#sidebar .widget.widget_product_categories ul.product-categories,
#sidebar .widget.widget_product_categories ul.product-categories ul {
	padding-left: 0;
	list-style: none;
}

/* Price-filter */
.widget_price_filter {
	
}

	.widget_price_filter .price_slider_wrapper {
		padding: 7px 0 0 0; /* offset from title */
	}

	/* .ui-slider, .ui-widget-content START */
	.widget_price_filter .ui-slider {
		position: relative;
		text-align: left;
	}
		.widget_price_filter .ui-slider-horizontal {
			height: .8em;
			height: .6em;
		}
		.widget_price_filter .ui-widget {
			/*font-family: Arial,Helvetica,sans-serif;*/
			font-family: "Roboto-Regular";
			font-size: 1em;
		}
		.widget_price_filter .ui-widget-content {
			border: 1px solid #ddd;
			background: #fff;
			color: #333;
		}
			.widget_price_filter .ui-widget.ui-widget-content {
				border: 1px solid #c5c5c5;
				border: 1px solid #e9e9e9;
			}
	/* .ui-slider, .ui-widget-content END */
		/* .ui-slider-range, .ui-corner-all, ui-widget-header - START */
		.widget_price_filter .ui-slider .ui-slider-range {
			
		}
		/* this is the real range... the borders are added to the default 100% wide and this range..., but we don't need border for the range */
		.widget_price_filter .ui-widget-header {
			border: 1px solid #ddd;
			border: 0px solid #ddd;
			background: #e9e9e9;
			background: #ecf0f1;
			color: #333;
			font-weight: bold;
		}
			.widget_price_filter .ui-corner-all, .widget_price_filter .ui-corner-top, .widget_price_filter .ui-corner-left, .widget_price_filter .ui-corner-tl {
				border-top-left-radius: 3px;
				border-top-left-radius: 12px;
			}
			.widget_price_filter .ui-corner-all, .widget_price_filter .ui-corner-top, .widget_price_filter .ui-corner-right, .widget_price_filter .ui-corner-tr {
				border-top-right-radius: 3px;
				border-top-right-radius: 12px;
			}
			.widget_price_filter .ui-corner-all, .widget_price_filter .ui-corner-bottom, .widget_price_filter .ui-corner-left, .widget_price_filter .ui-corner-bl {
				border-bottom-left-radius: 3px;
				border-bottom-left-radius: 12px;
			}
			.widget_price_filter .ui-corner-all, .widget_price_filter .ui-corner-bottom, .widget_price_filter .ui-corner-right, .widget_price_filter .ui-corner-br {
				border-bottom-right-radius: 3px;
				border-bottom-right-radius: 12px;
			}
		/* .ui-slider-range, .ui-corner-all, ui-widget-header - END */
		/* */
		.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default, .widget_price_filter .ui-button, html .widget_price_filter .ui-button.ui-state-disabled:hover, html .widget_price_filter .ui-button.ui-state-disabled:active {
			border: 1px solid #c5c5c5;
			background: #f6f6f6;
			background: #a9a9a9;
			font-weight: normal;
			color: #454545;
		}
			.widget_price_filter .ui-state-default a, .widget_price_filter .ui-state-default a:link, .widget_price_filter .ui-state-default a:visited, .widget_price_filter a.ui-button, .widget_price_filter a:link.ui-button, .widget_price_filter a:visited.ui-button, .widget_price_filter .ui-button{
				color:#454545;
				text-decoration:none;
			}
			.widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .widget_price_filter .ui-widget-content .ui-state-focus, .widget_price_filter .ui-widget-header .ui-state-focus, .widget_price_filter .ui-button:hover, .widget_price_filter .ui-button:focus{
				border:1px solid #ccc;
				background:#ededed;
				background: #898989;
				font-weight:normal;
				color:#2b2b2b;
			}
				.widget_price_filter .ui-state-hover a, .widget_price_filter .ui-state-hover a:hover, .widget_price_filter .ui-state-hover a:link, .widget_price_filter .ui-state-hover a:visited, .widget_price_filter .ui-state-focus a, .widget_price_filter .ui-state-focus a:hover, .widget_price_filter .ui-state-focus a:link, .widget_price_filter .ui-state-focus a:visited, .widget_price_filter a.ui-button:hover, .widget_price_filter a.ui-button:focus{
					color:#2b2b2b;
					text-decoration:none;
				}
			.widget_price_filter .ui-visual-focus{
				box-shadow:0 0 3px 1px rgb(94,158,214);
			}
			.widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .widget_price_filter .ui-widget-header .ui-state-active, .widget_price_filter a.ui-button:active, .widget_price_filter .ui-button:active, .widget_price_filter .ui-button.ui-state-active:hover{
				border: 1px solid #003eff;
				border: 1px solid #777;
				background:#007fff;
				background: #777;
				font-weight:normal;
				color:#fff;
			}
		/* */
.widget_price_filter .button {
	margin-top: 12px;
	margin-top: 18px;
	padding: 0 15px;
  background: #d91517;
  color: #fff;
  text-transform: uppercase;
  /*width: calc(100% - 31px);*/
  text-align: center;
	float: left;
  border: none;
  font-size: 13px;
  position: relative;
  height: 36px;
  display: block;
}
	/*
	.widget_price_filter .button span {
	  position: relative;
	  z-index: 3;
	  display: inline-block;
	  line-height: 36px;
	}
	.widget_price_filter .button::after {
	  position: absolute;
	  top: 0;
	  left: 0;
	  content: "";
	  display: block;
	  z-index: 1;
	  width: 0%;
	  height: 100%;
	  -webkit-transition: width 0.3s ease;
	  -moz-transition: width 0.3s ease;
	  -ms-transition: width 0.3s ease;
	  -o-transition: width 0.3s ease;
	  transition: width 0.3s ease;
	  background: #870a0c;
	}
	*/
.widget_price_filter .price_label {
	text-align: right;
	padding-top: 24px;
}
.widget_price_filter .clear {
	clear: both;
}


/* FILTERS (.widget_layered_nav) and ACTIVE FILTERS (.widget_layered_nav_filters) */
.widget_layered_nav_filters {
	background-color: #eee;
	border-right: 4px solid #d91517;
}

	.widget_layered_nav ul,
	.widget_layered_nav_filters ul {
		padding-left: 0;
		list-style: none;
	}
		.widget_layered_nav li,
		.widget_layered_nav_filters li {
			display: block;
			color: #505050;
			padding: 2px 0px;
			/* text-decoration: none;
			color: #353535;
			font-family: "Roboto-Bold";
			padding: 7px 0px;*/
		}
			.widget_layered_nav li a,
			.widget_layered_nav_filters li a {
				color: #505050;
				
				display: inline-block;
				padding: 3px 0 3px 26px;
				background: url('../images/filter-default.png') no-repeat left center;
			}
			.widget_layered_nav li a:hover,
			.widget_layered_nav_filters li a:hover {
				color: #333;
			}
		.widget_layered_nav li.chosen {
			background-color: #eee;
			border-left: 4px solid #d91517;
			border-right: 4px solid #d91517;
		}
			.widget_layered_nav li.chosen a {
				background: url('../images/filter-selected.png') no-repeat 5px center;
			}





/* MENU categories in sidebar:
.widget.category-filter replaced by: .widget.widget_product_categories
ul.main-cats replaced by: ul.product-categories
JS also has same classes...

EDIT 2:
.widget.widget_product_categories replaced by: .widget_product_categories... (It is a custom classname, added to the widget!)
li.has-children and li.cat-parent not needed.
.toggle-children added via JS, to avoid HTML changes
*/

/* apply .list-unstyled styles for all levels */
#sidebar .widget.category-filter ul.main-cats,
#sidebar .widget.category-filter ul.main-cats ul,
#sidebar .widget_product_categories ul,
#sidebar .widget.widget_product_categories ul.product-categories,
#sidebar .widget.widget_product_categories ul.product-categories ul {
	padding-left: 0;
	list-style: none;
}

#sidebar .widget.category-filter ul.main-cats > li,
#sidebar .widget_product_categories > ul > li,
#sidebar .widget.widget_product_categories ul.product-categories > li {
  border-bottom: 1px solid #d4d4d4;
}
#sidebar .widget.category-filter ul.main-cats > li > a,
#sidebar .widget_product_categories > ul > li > a,
#sidebar .widget.widget_product_categories ul.product-categories > li > a {
  display: block;
  text-decoration: none;
  color: #353535;
  font-family: "Roboto-Bold";
  padding: 7px 0px;
}
#sidebar .widget.category-filter ul.main-cats > li ul,
#sidebar .widget_product_categories ul > li ul,
#sidebar .widget.widget_product_categories ul.product-categories > li ul {
  display: none;
  margin-bottom: 10px;
}
#sidebar .widget.category-filter ul.main-cats > li ul li a,
#sidebar .widget_product_categories ul > li ul li a,
#sidebar .widget.widget_product_categories ul.product-categories > li ul li a {
  display: block;
  color: #505050;
  padding: 5px 0px;
}
#sidebar .widget.category-filter ul.main-cats > li.has-children,
#sidebar .widget.category-filter ul.main-cats > li.cat-parent,
#sidebar .widget_product_categories ul > li,
#sidebar .widget.widget_product_categories ul.product-categories > li.has-children,
#sidebar .widget.widget_product_categories ul.product-categories > li.cat-parent {
  position: relative;
}
#sidebar .widget.category-filter ul.main-cats > li.has-children .toggle-children,
#sidebar .widget.category-filter ul.main-cats > li.cat-parent .toggle-children,
#sidebar .widget_product_categories ul > li .toggle-children,
#sidebar .widget.widget_product_categories ul.product-categories > li.has-children .toggle-children,
#sidebar .widget.widget_product_categories ul.product-categories > li.cat-parent .toggle-children {
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  top: 12px;
  right: 0px;
}
#sidebar .widget.category-filter ul.main-cats > li.has-children .toggle-children::after,
#sidebar .widget.category-filter ul.main-cats > li.cat-parent .toggle-children::after,
#sidebar .widget_product_categories ul > li .toggle-children::after,
#sidebar .widget.widget_product_categories ul.product-categories > li.has-children .toggle-children::after,
#sidebar .widget.widget_product_categories ul.product-categories > li.cat-parent .toggle-children::after {
  position: absolute;
  top: 4px;
  right: 0px;
  content: "";
  display: block;
  background: #4d4d4d;
  width: 10px;
  height: 2px;
}
#sidebar .widget.category-filter ul.main-cats > li.has-children .toggle-children::before,
#sidebar .widget.category-filter ul.main-cats > li.cat-parent .toggle-children::before,
#sidebar .widget_product_categories ul > li .toggle-children::before,
#sidebar .widget.widget_product_categories ul.product-categories > li.has-children .toggle-children::before,
#sidebar .widget.widget_product_categories ul.product-categories > li.cat-parent .toggle-children::before {
  position: absolute;
  top: 0px;
  right: 4px;
  content: "";
  display: block;
  background: #4d4d4d;
  width: 2px;
  height: 10px;
}
#sidebar .widget.category-filter ul.main-cats > li.has-children a.active .toggle-children::before,
#sidebar .widget.category-filter ul.main-cats > li.cat-parent a.active .toggle-children::before,
#sidebar .widget_product_categories ul > li a.active .toggle-children::before,
#sidebar .widget.widget_product_categories ul.product-categories > li.has-children a.active .toggle-children::before,
#sidebar .widget.widget_product_categories ul.product-categories > li.cat-parent a.active .toggle-children::before {
  display: none;
}



#sidebar .widget.banner-widget .widget-content a {
  display: block;
  background-position: center center;
  text-decoration: none;
  background-size: cover;
  position: relative;
}

	#sidebar .widget.banner-widget .widget-content a::after {
		height: 70%;
		position: absolute;
		width: 100%;
		content: "";
		display: block;
		background: #0a1203;
		background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
		bottom: 0px;
		left: 0px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

@media only screen and (min-width: 992px) {
  #sidebar .widget.banner-widget .widget-content a::after {
    height: 50%;
		height: 75%;
    position: absolute;
    width: 100%;
    content: "";
    display: block;
    background: #0a1203;
    background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0px;
    left: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
#sidebar .widget.banner-widget .widget-content a .info {
  position: absolute;
	display: block;
  padding: 0px 30px;
  bottom: 30px;
  z-index: 3;
}
#sidebar .widget.banner-widget .widget-content a .info .title {
  font-family: "Roboto-Bold";
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
#sidebar .widget.banner-widget .widget-content a .info .button {
  display: inline-block;
  position: relative;
  background: #131313;
  font-size: 11px;
  color: #fff;
  font-family: "Roboto-Bold";
  padding: 10px 25px;
  text-transform: uppercase;
  margin-top: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#sidebar .widget.banner-widget .widget-content a .info .button i {
  display: inline-block;
  font-size: 19px;
  vertical-align: middle;
  font-family: "NotoSans-Regular";
  line-height: 0px;
  margin: -6px 0px 0px 5px;
}
#sidebar .widget.banner-widget .widget-content a .info .button::after {
  content: "";
  bottom: -3px;
  background: #b91214;
  display: block;
  left: 0px;
  width: 100%;
  height: 2px;
  position: absolute;
}
#sidebar .widget.banner-widget .widget-content a .info .button::before {
  content: "";
  bottom: -3px;
  background: #fff;
  display: block;
  left: 0px;
  width: 0px;
  height: 2px;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
}

@media only screen and (min-width: 768px) {
  #sidebar .widget.banner-widget .widget-content a .info .button {
    background: #fff;
    color: #3a3a3a;
  }
  #sidebar .widget.banner-widget .widget-content a:hover::after {
    height: 100%;
  }
  #sidebar .widget.banner-widget .widget-content a:hover .info .button {
    background: #b91214;
    color: #fff;
  }
  #sidebar .widget.banner-widget .widget-content a:hover .info .button::before {
    width: 100%;
  }
}

/* 2022.04 - styling widgets for pages and posts in advices/blog */
.widget_categories {
}
	.widget_categories ul {
		list-style: none;
		padding-left: 0;
	}
		.widget_categories li {
			clear: both;
			border-bottom: 1px solid #d4d4d4;
		}
			.widget_categories li a {
				display: block;
				text-decoration: none;
				color: #353535;
				font-family: "Roboto-Bold", sans-serif;
				padding: 7px 0px;
			}
				.widget_categories li a:hover {
					text-decoration: underline;
				}
			.widget_categories ul ul {
			}
				.widget_categories li li {
				}

.widget_recent_entries {
	
}
	/*
	.wp-block-latest-posts.wp-block-latest-posts__list {
		list-style: none;
		padding-left: 0;
	}
		.wp-block-latest-posts.wp-block-latest-posts__list li {
			clear: both;
		}
	*/
	.widget_recent_entries .wp-block-latest-posts.wp-block-latest-posts__list {
	}
		.widget_recent_entries .wp-block-latest-posts.wp-block-latest-posts__list li {
			border-bottom: 1px solid #d4d4d4;
		}
			.widget_recent_entries .wp-block-latest-posts.wp-block-latest-posts__list a {
				display: block;
				text-decoration: none;
				color: #353535;
				font-family: "Roboto-Bold", sans-serif;
				padding: 7px 0px;
			}
				.widget_recent_entries .wp-block-latest-posts.wp-block-latest-posts__list a:hover {
					text-decoration: underline;
				}

/* .recent-posts-widget-with-thumbnails, .rpwwt-widget */
#sidebar .rpwwt-widget ul li {
	/*
  overflow: hidden;
  margin-bottom: 9px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 9px;*/
}
	#sidebar .rpwwt-widget li {
	  overflow: hidden;
	  margin-bottom: 9px;
	  border-bottom: 1px solid #d8d8d8;
	  padding-bottom: 9px;
	}
		/* no container - try styling using IMG only!! */
		#sidebar .rpwwt-widget li a img.wp-post-image {
			display: block;
			float: left;
			width: 50px;
			height: auto;
			border: 2px solid #939393;
			margin: 0 10px 0 0; /* reset plugins' defaults */
			
			max-width: 100%;
			max-height: 100%;
		}
		
		#sidebar .rpwwt-widget li .rpwwt-post-title {
			display: block;
			line-height: 20px;
			font-family: "Roboto-Bold";
			color: #353535;
			font-size: 15px;
		}
		#sidebar .rpwwt-widget li .rpwwt-post-date {
			display: block;
			font-family: "Roboto-Medium";
			color: #6e6e6e;
			font-size: 13px;
			margin-top: 5px;
		}
		#sidebar .rpwwt-widget li .rpwwt-post-title,
		#sidebar .rpwwt-widget li .rpwwt-post-date {
			margin-left: 60px;
		}


#category-page h1,
#product-listing-page h1 {
	font-size: 25px;
	color: #3a3a3a;
	margin: 0 0 22px 0;
		margin: 0 0 14px 0;
}
#category-page .subcategory-item {
  margin-bottom: 25px;
}
#category-page .subcategory-item .img-container {
  display: block;
  position: relative;
  background-position: 50% 50%;
  text-decoration: none;
  background-size: cover;
  color: #fff;
}
#category-page .subcategory-item .img-container::after {
  position: absolute;
  bottom: 0;
  width: 131px;
  height: 4px;
  background: #d91517;
  left: calc((100% - 131px) / 2);
  display: block;
  content: "";
  z-index: 2;
}
#category-page .subcategory-item .img-container::before {
  width: 100%;
  height: 50%;
  position: absolute;
  content: "";
  display: block;
  background: #0a1203;
  background: linear-gradient(0deg, #0a1203 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0px;
  left: 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
#category-page .subcategory-item .img-container .title {
  position: absolute;
  bottom: 23px;
  width: 90%;
  text-align: center;
  display: block;
  left: 5%;
  font-family: "Roboto-Bold";
  text-transform: uppercase;
  font-size: 18px;
  z-index: 2;
}
#category-page .subcategory-item .img-container:hover::before {
  height: 100%;
}
#machine-rent-page .userText {
  color: #505050;
}
#machine-rent-page .userText strong {
  font-family: "Roboto-Bold";
}
#machine-rent-page .machine-list {
  margin: 20px 0px;
}
#machine-rent-page .machine-list .machine-list__item {
  border-top: 2px solid #e4e4e4;
  padding: 16px 0px;
}
#machine-rent-page .machine-list .machine-list__item:last-child {
  border-bottom: 2px solid #e4e4e4;
}
#machine-rent-page .machine-list .machine-list__item .img-container img {
  width: 100%;
}
#machine-rent-page .machine-list .machine-list__item h2 {
  margin: 15px 0px;
  color: #3a3a3a;
  font-family: "Roboto-Bold";
  font-weight: normal;
  font-size: 18px;
}
#machine-rent-page .machine-list .machine-list__item .prices {
  margin-top: 15px;
}
#machine-rent-page .machine-list .machine-list__item .prices .price-row .price-terms {
  font-family: "Roboto-Bold";
}
@media only screen and (min-width: 600px) {
  #machine-rent-page .machine-list .machine-list__item {
    overflow: hidden;
  }
  #machine-rent-page .machine-list .machine-list__item .img-container {
    width: 270px;
    float: left;
  }
  #machine-rent-page .machine-list .machine-list__item .text-holder {
    float: right;
    width: calc(100% - 290px);
  }
}




#product-preview {
  padding: 50px 0px;
	padding: 5px 0px;
}
	@media only screen and (min-width: 768px) {
		#product-preview {
			padding: 20px 0px;
		}
	}

#product-preview .product-gallery .big-pictures {
  position: relative;
  height: 300px;
	/*height: 500px; /* 2025.04 - requested to remove vertical thumbnails on big screens and increase the size of the BIG image. Tried 400 and 500px, but set if for bigger resolutions and use 300px for mobiles. Remember to set in the declarations below! */
}
#product-preview .product-gallery .big-pictures a {
  display: block;
    display: none; /* 2023.01.15 - fix - only .active should be visible, a single image only! */
  text-align: center;
  height: 300px;
	/*height: 500px; /* 2025.04 - requested to remove vertical thumbnails on big screens and increase the size of the BIG image. */
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
/* 2025.04 - requested to remove vertical thumbnails... */
@media only screen and (min-width: 375px) {
	#product-preview .product-gallery .big-pictures {
		height: 400px;
	}
		#product-preview .product-gallery .big-pictures a {
			height: 400px;
		}
}
@media only screen and (min-width: 480px) {
	#product-preview .product-gallery .big-pictures {
		height: 500px;
	}
		#product-preview .product-gallery .big-pictures a {
			height: 500px;
		}
}

    #product-preview .product-gallery .big-pictures a.active {
        display: block; /* 2023.01.15 - fix - only .active should be visible, a single image only! */
    }
#product-preview .product-gallery .big-pictures a img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto!important;
  height: auto !important;
  display: inline-block;
}
#product-preview .product-gallery .big-pictures a::before {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  content: "";
}


/* .swiper-container is "#product-preview .product-gallery .thumbnails" - https://stackoverflow.com/questions/55439860/why-did-the-swiper-wrapper-get-ended-up-so-big */
#product-preview .product-gallery .thumbnails {
	position: relative; /* needed to use it as relative position for the prev/next buttons */
	/*max-height: 100%;*/
	overflow: hidden;
}
	/* @media (max-width: 992px) { */
	@media screen and (max-width: 8992px) {
		#product-preview .product-gallery .thumbnails {
			max-width: 310px; /* 255+28+27 */
			margin-left: auto;
			margin-right: auto;
		}
	}
	/* #product-preview .thumbnails .swiper-thumbnails */
	/* Use .swiper-thumbnails, for styling horizontal/vertical, using CSS breakpoints! DO NOT USE FOR STYLING: .swiper-horizontal/.swiper-vertical are generated ON LOAD and not changed if the direction is changed dynamically!! */
	/* @media (max-width: 992px) { */
	@media screen and (max-width: 8992px) {
		#product-preview .product-gallery .thumbnails .swiper-thumbnails {
			max-width: 255px;
			margin-left: 28px;
			margin-right: 27px;
			overflow: hidden;
		}
			#product-preview .product-gallery .thumbnails .swiper-wrapper {
			}
	}
	/* 2025.04 - Disable vertical thumbnails... FIX CSS-comments if enable this!!
	@media screen and (min-width: 993px) {
		#product-preview .product-gallery .thumbnails .swiper-thumbnails {
			max-height: 255px; //// 3 slides * 85px height = 255px... ???and some spacing/margin between them (2 slides' spacing visible).
			margin-top: 28px; //// leave some space for arrows-navigation
			margin-bottom: 24px;
			overflow: hidden;
		}
			#product-preview .product-gallery .thumbnails .swiper-wrapper {
			}
	}
	*/
		#product-preview .product-gallery .thumbnails .swiper-wrapper {
		}
			#product-preview .product-gallery .thumbnails .swiper-slide {
				max-height: 85px; /* 2025.04 - Swiper generates 'infinity height' and puts it inline, so just limit it simple */
			}
	#product-preview .product-gallery .thumbnails .swiper-pagination {
		position: relative; /* default: absolute */
		/*margin-top: 15px;*/
		/*bottom: 0;*/
	}
	/* Pagination (dots)? */
	/* Disabled it from JS, no need to hide it here anymore:
	#product-preview .product-gallery .thumbnails .swiper-pagination {
		display: none;
	}
	@media screen and (min-width: 993px) {
		#product-preview .product-gallery .thumbnails .swiper-pagination {
			display: none;
		}
	}
	*/
		#product-preview .product-gallery .thumbnails .swiper-pagination-bullet {
			/*width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size,8px));
			height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size,8px));
			*/
			width: 12px;
			height: 12px;
		}
	/* @media screen and (max-width: 992px) {*/
	@media screen and (max-width: 8992px) {
		#product-preview .product-gallery .thumbnails .swiper-button-prev,
		#product-preview .product-gallery .thumbnails .swiper-button-next {
			/*display: flex; /* reset flex - needed for centering */
			width: 27px;

			background: #b91214;
			color: #fff;
		}
			#product-preview .product-gallery .thumbnails .swiper-button-prev:after,
			#product-preview .product-gallery .thumbnails .swiper-button-next:after {
				font-size: 28px;
				padding: 4px 4px;
			}
		#product-preview .product-gallery .thumbnails .swiper-button-prev {
			/*left: 20px;
			left: auto;*/
			left: 0px; /* 44/27px - not rotated */
		}
		#product-preview .product-gallery .thumbnails .swiper-button-next {
			right: 0px;
		}
	}
	/* 2025.04 - Disable vertical thumbnails... FIX CSS-comments if enable this!!
	@media screen and (min-width: 993px) {
		#product-preview .product-gallery .thumbnails .swiper-button-prev,
		#product-preview .product-gallery .thumbnails .swiper-button-next {
			////display: flex; //// reset flex - needed for centering
			top: auto;
			margin-top: 0;

			left: 27px;
			right: auto;
			width: 27px;

			background: #b91214;
			color: #fff;
		}
			#product-preview .product-gallery .thumbnails .swiper-button-prev:after,
			#product-preview .product-gallery .thumbnails .swiper-button-next:after {
				font-size: 28px;
				padding: 4px 4px;
			}
		#product-preview .product-gallery .thumbnails .swiper-button-prev {
			transform: rotate(90deg);
			top: -8px; //// 44/27px, but it is rotated, so it is counted in the order: 27/44px... so we have ~ 8-9px
		}
		#product-preview .product-gallery .thumbnails .swiper-button-next {
			transform: rotate(90deg);
			bottom: -8px;
		}
	}
	*/

	/* FIX for resolutions 768-992px only!! Lower slide size to avoid overlapping at 768+px! */
	@media screen and (min-width: 768px) and (max-width: 992px) {
		/* adjust these 2 widths for specific resolution... */
		#product-preview .product-gallery .thumbnails {
			max-width: 220px; /* (3*85=255)  255+28+27 -> 3*55+28+27 = 220 */
			max-width: 222px; /* empirical - seems better for right arrow */
		}
		#product-preview .product-gallery .thumbnails .swiper-thumbnails {
			max-width: 165px;
		}

		#product-preview .product-gallery .thumbnails .swiper-slide {
			max-width: 55px; /* !!! If we set this, we also need to set the max-width of the container... So far it was: max-width: 310px (3*85+28+27) */
		}
			#product-preview .product-gallery .thumbnails .swiper-slide a {
				width: 100%; /* reset this size for this resolution... Allows to scale down the image */
				/*height: auto;*/
			}
	}


#product-preview .product-gallery .thumbnails {
  margin-top: 10px;
}
	/* .oneOnly - if there is only one item - hide gallery when under the BIG image, but show it on 992+ to keep layout */
	#product-preview .product-gallery .thumbnails.oneOnly {
		display: none;
	}

#product-preview .product-gallery .thumbnails a {
  display: inline-block;
  margin: 0px 5px 5px 0px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  width: 80px;
  height: 80px;
  border: 3px solid transparent;
  overflow: hidden;
}
#product-preview .product-gallery .thumbnails a.active {
  border-color: #bfbfbf;
}
#product-preview .product-gallery .thumbnails a img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto!important;
  height: auto !important;
  display: inline-block;
}
#product-preview .product-gallery .thumbnails a::before {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  content: "";
}
@media only screen and (min-width: 992px) {
  #product-preview .product-gallery {
    overflow: hidden;
  }
	/* 2025.04 - disable the vertical thumbnails for big screens and make the main image bigger
  #product-preview .product-gallery .thumbnails {
    width: 90px;
    float: left;
  }
	*/
	/* [2025.04 update: The vertical images for 992+px was replaced by horizontal carousel, so we can hide it for this resolution as well.] .oneOnly - if there is only one item - hide gallery when under the BIG image, but show it on 992+ to keep layout */
	/*#product-preview .product-gallery .thumbnails.oneOnly {
		display: block;
	}*/
  #product-preview .product-gallery .thumbnails a {
    display: block;
  }
  /*#product-preview .product-gallery .big-pictures {
    float: right;
    width: calc(100% - 90px);
  }*/
}
@media only screen and (max-width: 767px) {
  #product-preview .product-info {
    margin-top: 10px;
  }
}
#product-preview .product-info h1 {
  font-family: 'Roboto-Bold';
  color: #3a3a3a;
  font-size: 19px;
}
#product-preview .product-info .price-line {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin: 15px 0px;
}
#product-preview .product-info .price-line .current-price {
  font-family: 'Roboto-Bold';
  color: #252525;
  font-size: 25px;
}
#product-preview .product-info .price-line .current-price .unit {
  font-size: 19px;
}
#product-preview .product-info .price-line .old-price-and-code {
  font-size: 19px;
  color: #8c8c8c;
}
#product-preview .product-info .price-line .old-price-and-code .old-price,
#product-preview .product-info .price-line .old-price-and-code .product-code {
  display: inline-block;
  vertical-align: middle;
}
#product-preview .product-info .price-line .old-price-and-code .old-price {
  position: relative;
  margin-right: 15px; /* added here, because this container is optional */
}
#product-preview .product-info .price-line .old-price-and-code .old-price::after {
  width: calc(100% - 29px);
  background: #8c8c8c;
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
  height: 1px;
}
#product-preview .product-info .price-line .old-price-and-code .product-code {
  font-size: 14px;
  /*margin-left: 15px;*/ /* Move this to the left container, also check on mobile/desktop */
}
#product-preview .product-info .buy-area {
  max-width: 219px;
  margin: 15px 0px;
}
@media only screen and (max-width: 767px) {
  #product-preview .product-info .buy-area {
    margin: 0 auto;
  }
  #product-preview .product-info .buy-area .quantity {
    float: none;
    width: 100%;
  }
  #product-preview .product-info .buy-area .quantity input {
    width: calc(100% - 32px);
  }
  #product-preview .product-info .buy-area .buy-buttons {
    width: 100%;
    margin-top: 5px;
  }
}
#product-preview .product-info .product-description {
  padding-top: 15px;
  border-top: 1px solid #eee;
  color: #575757;
  margin: 15px 0px;
  line-height: 23px;
}
#product-preview .product-info .cats-and-tags {
  margin: 15px 0px;
}
#product-preview .product-info .cats-and-tags .title {
  color: #8c8c8c;
}
#product-preview .product-info .cats-and-tags .link,
#product-preview .product-info .cats-and-tags a {
  color: #333333;
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}
	#product-preview .product-info .cats-and-tags .link:hover,
	#product-preview .product-info .cats-and-tags a:hover {
		color: #b91214;
	}
#product-preview .product-info .cats-and-tags .fb-icon {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #eee;
  margin-left: 10px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#product-preview .product-info .cats-and-tags .fb-icon::before {
  width: 13px;
  height: 13px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 6.5px;
  background-size: 13px 13px;
  left: 4.5px;
  background-image: url(../images/facebook-app-symbol.png);
}
#product-preview .product-info .cats-and-tags .fb-icon:hover {
  background: #eee;
}
#product-preview .additional-info {
  margin: 15px 0px;
}
#product-preview .additional-info .tabs {
  display: none;
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  #product-preview .additional-info .tabs {
    display: block;
  }
}
#product-preview .additional-info .tabs a {
  padding: 10px 20px;
  display: inline-block;
  color: #4b4b4b;
  text-decoration: none;
  font-family: "Roboto-Medium";
  text-transform: uppercase;
  border: 1px solid #4b4b4b;
  font-size: 17px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#product-preview .additional-info .tabs a:hover,
#product-preview .additional-info .tabs a.active {
  border-color: #d91517;
  color: #fff;
  background: #d91517;
}
#product-preview .additional-info .tab-info .tab-item .mobile-tab-link {
  border: 1px solid #676666;
  padding: 7px 17px;
  font-family: 'Roboto-Bold';
  color: #4b4b4b;
  font-size: 16px;
  text-decoration: none;
  display: block;
  position: relative;
  margin: 10px 0px;
}
@media only screen and (min-width: 768px) {
  #product-preview .additional-info .tab-info .tab-item .mobile-tab-link {
    display: none;
  }
}
#product-preview .additional-info .tab-info .tab-item .mobile-tab-link::after {
  display: inline-block;
  position: absolute;
  right: 17px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
  content: "";
  background-image: url(../images/tab-arrow-gray.png);
}
#product-preview .additional-info .tab-info .tab-item .tab-content {
  display: none;
}
@media only screen and (min-width: 768px) {
  #product-preview .additional-info .tab-info .tab-item .tab-content {
    border: 1px solid #cbcbcb;
    padding: 15px;
  }
}
#product-preview .additional-info .tab-info .tab-item .documents-list a {
  display: block;
  color: #676666;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-family: "Roboto-Medium";
  font-size: 16px;
  margin-bottom: 5px;
}
#product-preview .additional-info .tab-info .tab-item .documents-list a::before {
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/file-icon.png);
  margin-right: 10px;
  background-size: 20px 20px;
}
#product-preview .additional-info .tab-info .tab-item.active .mobile-tab-link {
  color: #fff;
  background: #d91517;
  border-color: #e5ecef;
}
#product-preview .additional-info .tab-info .tab-item.active .mobile-tab-link::after {
  transform: rotate(180deg);
  background-image: url(../images/tab-arrow-white.png);
}
#product-preview .additional-info .tab-info .tab-item.active .tab-content {
  display: block;
}
	#product-preview .additional-info .tab-content table p {
		margin: 0; /* reset defaults to align... */
	}
	#product-preview .additional-info .tab-content table th,
	#product-preview .additional-info .tab-content table td {
		padding: 7px 10px;
	}
#product-preview .prev-next-products {
  margin: 15px 0px;
  overflow: hidden;
}
#product-preview .prev-next-products a {
  display: block;
  float: left;
  border: 1px solid #eee;
  font-family: "Roboto-Medium";
  color: #4c4c4c;
  font-size: 15px;
  text-decoration: none;
  padding: 7px 15px 7px 35px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  position: relative;
}
#product-preview .prev-next-products a::before {
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 12px;
  width: 9px;
  height: 9px;
  background-size: 9px 9px;
  content: "";
  background-image: url(../images/tab-arrow-gray.png);
  transform: rotate(90deg);
}
#product-preview .prev-next-products a[rel="next"],
#product-preview .prev-next-products a.next {
  padding-right: 35px;
  float: right;
  padding-left: 15px;
}
#product-preview .prev-next-products a[rel="next"]::before,
#product-preview .prev-next-products a.next::before {
  left: auto;
  right: 15px;
  transform: rotate(-90deg);
}
#product-preview .prev-next-products a:hover {
  background: #eee;
}
#product-preview .linked-products {
  margin: 25px 0px;
}
#product-preview .linked-products h1 {
  font-size: 30px;
  color: #4c4c4c;
  font-weight: normal;
  position: relative;
  margin-bottom: 25px;
}
#product-preview .linked-products h1::before {
  width: 50px;
  height: 2px;
  background: #d91517;
  position: absolute;
  bottom: -10px;
  content: "";
  display: block;
  left: 0%;
}
#product-preview .linked-products h1::after {
  width: 122px;
  height: 2px;
  background: #d91517;
  position: absolute;
  bottom: -14px;
  content: "";
  display: block;
  left: 0%;
}
#checkout-page .upper-text {
  padding: 0px 0px 30px 0px;
  color: #505050;
}
	/* 2022.04 - decided to hide the .shop_table on 2nd step, so adjust the padding-bottom */
	body.woocommerce-checkout #checkout-page .upper-text {
		padding-bottom: 0;
	}
#checkout-page .basket-table {
  margin-bottom: 20px;
}

/* 2022.04 - decided to hide the .shop_table on 2nd step..., but show it on "order-received" step (thank you page)!!! */
body.woocommerce-checkout:not(.woocommerce-order-received) .shop_table {
	display: none;
}
/*
body.woocommerce-checkout.woocommerce-order-received .shop_table {
	display: block;
}
*/

.woocommerce-checkout-review-order-table table.shop_table {
	width: 100%;
	table-layout: fixed; /* IE11 fix only - https://stackoverflow.com/a/45486831 --- IE11 - Image inside table doesn't follow td width */
}
	.woocommerce-checkout-review-order-table th {
		background: #f5f5f5;
		padding: 20px 8px;
	}
	.woocommerce-checkout-review-order-table td {
		padding: 15px 8px;
		border-bottom: 1px solid #cccccc;
	}
		.woocommerce-checkout-review-order-table .product-image {
			width: 60px;
		}
			.woocommerce-checkout-review-order-table .product-image img {
				max-width: 100%; /* IE11 needs fix, doesn't respect responsive images max-width rule!! - https://stackoverflow.com/a/45486831 */
					width: 100%; /* IE11 fix only - width would fix it, or use: table-layout: fixed; on the TABLE-tag - https://stackoverflow.com/a/24634703 */
				height: auto;
				padding-left: 10px;
			}
#checkout-page .basket-table .heading {
  background: #f5f5f5;
  padding: 20px 0px;
  overflow: hidden;
}
#checkout-page .basket-table .heading div {
  padding: 0px 16px;
  display: none;
  width: 50%;
  float: left;
  font-family: "Roboto-Bold";
  color: #353535;
  text-transform: uppercase;
}
#checkout-page .basket-table .heading div.col-1st,
#checkout-page .basket-table .heading div.col-3th {
  display: block;
}
@media only screen and (min-width: 768px) {
  #checkout-page .basket-table .heading div {
    display: block;
    width: 150px;
  }
  #checkout-page .basket-table .heading div.col-1st {
    width: calc(100% - 450px);
  }
}
@media only screen and (min-width: 992px) {
  #checkout-page .basket-table .heading div {
    font-size: 16px;
    width: 200px;
    padding: 0px 30px;
  }
  #checkout-page .basket-table .heading div.col-1st {
    width: calc(100% - 600px);
  }
}
#checkout-page .basket-table .product-row {
  overflow: hidden;
  padding: 15px 0px;
  border-bottom: 1px solid #cccccc;
}
#checkout-page .basket-table .product-row .col-1st {
  float: left;
  width: 70px;
}
#checkout-page .basket-table .product-row .image-and-delete {
  position: relative;
  width: 57px;
}
#checkout-page .basket-table .product-row .image-and-delete .remove-product {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: -5px;
  left: 0px;
  background: #4d4d4d;
  z-index: 1;
}
#checkout-page .basket-table .product-row .image-and-delete .remove-product::before {
  width: 11px;
  height: 11px;
  background-image: url(../images/close-white.png);
  display: inline-block;
  background-size: 11px 11px;
  content: "";
  position: absolute;
  top: 4.5px;
  left: 4.5px;
}
#checkout-page .basket-table .product-row .image-and-delete .image-holder {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 2px;
  background: #f3f3f3;
  border: 1px solid #ecf0f1;
  font-size: 0px;
}
#checkout-page .basket-table .product-row .image-and-delete .image-holder::after {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
#checkout-page .basket-table .product-row .image-and-delete .image-holder img {
  display: inline-block;
  vertical-align: middle;
  max-width: 95%;
  max-height: 95%;
  width: auto !important;
  height: auto !important;
}
#checkout-page .basket-table .product-row .product-info {
  width: calc(100% - 57px);
  overflow: hidden;
}
#checkout-page .basket-table .product-row .product-info .title {
  display: block;
  font-family: "Roboto-Bold";
  color: #505050;
  font-size: 13px;
  margin-bottom: 10px;
}
#checkout-page .basket-table .product-row .product-info .quantity {
  width: 82px;
  float: left;
}
#checkout-page .basket-table .product-row .product-info .quantity input {
  width: 50px;
  font-family: "Roboto-Bold";
}
#checkout-page .basket-table .product-row .product-info .price,
#checkout-page .basket-table .product-row .product-info .single-price {
  float: left;
  width: calc(100% - 85px);
  text-align: right;
  font-family: "Roboto-Bold";
  color: #363636;
  font-size: 18px;
  line-height: 36px;
}
#checkout-page .basket-table .product-row .product-info .single-price {
  display: none;
}
@media only screen and (min-width: 768px) {
  #checkout-page .basket-table .product-row .image-and-delete {
    width: 130px;
  }
  #checkout-page .basket-table .product-row .image-and-delete .remove-product {
    top: 10px;
    left: 20px;
  }
  #checkout-page .basket-table .product-row .image-and-delete .image-holder {
    margin: 0px 0px 0px 60px;
  }
  #checkout-page .basket-table .product-row .product-info {
    width: calc(100% - 130px);
  }
  #checkout-page .basket-table .product-row .product-info .title {
    float: left;
    width: calc(100% - 470px);
    padding: 0px 20px;
  }
  #checkout-page .basket-table .product-row .product-info .single-price,
  #checkout-page .basket-table .product-row .product-info .price {
    display: block;
    width: 150px;
    float: left;
    padding: 0px 30px;
    text-align: left;
    font-size: 16px;
  }
  #checkout-page .basket-table .product-row .product-info .quantity {
    width: 150px;
    padding: 0px 30px;
  }
}
@media only screen and (min-width: 992px) {
  #checkout-page .basket-table .product-row .product-info .title {
    width: calc(100% - 600px);
  }
  #checkout-page .basket-table .product-row .product-info .single-price,
  #checkout-page .basket-table .product-row .product-info .price,
  #checkout-page .basket-table .product-row .product-info .quantity {
    width: 200px;
  }
}
#checkout-page .basket-table .totals {
  text-align: center;
  border-top: 7px solid #efefef;
  padding: 15px 0px;
  border-bottom: 7px solid #efefef;
  margin-top: 20px;
  overflow: hidden;
}
	/* 2022.04 - decided to hide the .shop_table on 2nd step */
	body.woocommerce-checkout #checkout-page .basket-table .totals {
		border-top: none;
		border-bottom: none;
		padding: 0px 0px;
	}

	#checkout-page .basket-table .totals .button {
		border: 0;
		color: #b91214;
		position: relative;
		z-index: 3;
		background: #313131;
		color: #fff;
		font-family: "Roboto-Bold";
		padding: 10px 20px;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 5;
		display: inline-block;
		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-ms-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
		#checkout-page .basket-table .totals .button:hover {
			background: #000;
		}
		#checkout-page .basket-table .totals .button[disabled] {
			background: #999;
		}
		
	
	#checkout-page .basket-table .totals .cartBtnBackToCart {
		/*padding: 15px 0 0 0;*/
	}
		@media only screen and (min-width: 768px) {
			#checkout-page .basket-table .totals .cartBtnBackToCart {
				float: left;
			}
		}
	#checkout-page .basket-table .totals .cartBtnUpdateCart {
		/*padding: 15px 0 0 0;*/
	}
		@media only screen and (min-width: 768px) {
			#checkout-page .basket-table .totals .cartBtnUpdateCart {
				float: right;
				text-align: right;
			}
		}
	
	/* RED button */
	#checkout-page .basket-table .totals .cartBtnProceedToCheckout {
		padding-top: 20px;
	}
		@media only screen and (min-width: 768px) {
			#checkout-page .basket-table .totals .cartBtnProceedToCheckout {
				float: right;
				text-align: right;
			}
		}
		#checkout-page .basket-table .totals .cartBtnProceedToCheckout .button {
				font-size: 16px;
			padding: 10px 15px;
			
			text-align: center;
			text-decoration: none;
			color: #fff;
			background: #609f29; /* RED??: background-color: #b91214; */
			background: linear-gradient(90deg, #609f29 0%, #8ae03d 100%);
			text-decoration: none !important;
			-webkit-transition: background 0.3s ease;
			-moz-transition: background 0.3s ease;
			-ms-transition: background 0.3s ease;
			-o-transition: background 0.3s ease;
			transition: background 0.3s ease;
			
			border: none;
			text-transform: uppercase;
			font-family: "Roboto-Bold";
			display: block;
			text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.55);
		}
			#checkout-page .basket-table .totals .cartBtnProceedToCheckout .button:hover {
				background: linear-gradient(0deg, #609f29 0%, #8ae03d 100%);
			}

	#checkout-page .basket-table .totals .total-price {
	  font-size: 18px;
	  color: #646464;
		
		padding-top: 20px;
	}
		#checkout-page .basket-table .totals .total-price .price {
		  font-family: "Roboto-Bold";
		  color: #363636;
		}
		@media only screen and (min-width: 768px) {
		  #checkout-page .basket-table .totals .total-price {
		    float: right;
		    padding-top: 20px;
		  }
		}
	
	#checkout-page .basket-table .totals .continue-shopping {
	  text-transform: uppercase;
	  font-family: "Roboto-Bold";
	  text-decoration: underline;
	  font-size: 13px;
	  color: #4c4c4c;
	  display: block;
	  
	  margin-top: 10px;
	
		margin-top: 20px;
	}
		@media only screen and (min-width: 768px) {
		  #checkout-page .basket-table .totals .continue-shopping {
		    margin-top: 0px;
				margin-top: 10px;
		    font-size: 16px;
		    float: left;
		    font-family: "Roboto-Bold";
		  }
		}

	#checkout-page .basket-table .totals.totals_checkout {
	}
		body.woocommerce-checkout #checkout-page .basket-table .totals.totals_checkout .total-price {
			/* 2022.04 - decided to hide the .shop_table on 2nd step */
			display: none;
		}
		@media only screen and (min-width: 768px) {
			#checkout-page .basket-table .totals.totals_checkout .total-price {
				padding-top: 0;
			}
			#checkout-page .basket-table .totals.totals_checkout .continue-shopping {
				padding-top: 20px;
			}
		}

#checkout-page #request {
  padding: 20px 0px;
}
#checkout-page #request h1 {
  font-weight: 400;
  font-family: "Roboto-Bold";
  font-size: 21px;
  color: #3b3b3b;
  position: relative;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  #checkout-page #request h1 {
    font-size: 24px;
  }
}
#checkout-page #request h1::before {
  width: 50px;
  height: 2px;
  background: #d91517;
  position: absolute;
  bottom: -17px;
  content: "";
  display: block;
  left: 0px;
}
#checkout-page #request h1::after {
  width: 122px;
  height: 2px;
  background: #d91517;
  position: absolute;
  bottom: -21px;
  content: "";
  display: block;
  left: 0px;
}
#checkout-page #request .form-control {
  max-width: 570px;
}
#checkout-page #request textarea {
  height: 192px;
}
#checkout-page #request .form-with-radio > label {
  margin: 0px 20px 0px 0px;
}
	#checkout-page #request .form-with-radio .woocommerce-input-wrapper {
		display: block; /* go to a new line */
	}
		#checkout-page #request .form-with-radio .woocommerce-input-wrapper .input-radio {
			
		}
		#checkout-page #request .form-with-radio .woocommerce-input-wrapper label {
			display: inline-block; /* reset 'block' for .radio */
			padding: 0px 0px 0px 10px;
			margin: 0px 25px 0px 0px;
		}
#checkout-page #request .form-with-checkbox a {
  text-decoration: underline;
  color: #474747;
}
#checkout-page #request button.green-button {
  border: none;
  width: 240px;
  height: 43px;
  font-size: 19px;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  display: block;
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.55);
}
.form-group label {
  font-weight: normal;
  font-size: 15px;
  font-family: "Roboto-Medium";
  color: #474747;
  margin-bottom: 5px;
}
.form-group .form-control {
  border: 1px solid #ecf0f1;
  padding: 0px 20px;
  border-radius: 3px;
  box-shadow: none;
}
.form-group .form-control:not(textarea) {
  height: 40px;
}
.form-group textarea {
  resize: none;
}
#manufacturers-page {
  padding: 25px 0px;
}
#manufacturers-page .chars-filter {
	/*text-align: center;*/
  margin-bottom: 20px;
}

#manufacturers-page .chars-filter .cyr,
#manufacturers-page .chars-filter .lat {
	margin-top: 5px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

#manufacturers-page .chars-filter a {
  line-height: 31px;
  width: 31px;
  height: 31px;
  border: 1px solid #c1c1c1;
  display: inline-block;
  color: #4c4c4c;
  text-align: center;
  font-family: "Roboto-Medium";
  text-decoration: none;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#manufacturers-page .chars-filter a:hover,
#manufacturers-page .chars-filter a.active {
  background: #d91517;
  color: #fff;
  border-color: #d91517;
}
	#manufacturers-page .chars-filter a.all {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
@media only screen and (max-width: 600px) {
  #manufacturers-page .chars-filter a {
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
  }
}
#manufacturers-page .list-manufacturers {
  margin-top: 20px;
}
#manufacturers-page .list-manufacturers .manufacturer {
  margin-bottom: 15px;
}
#manufacturers-page .list-manufacturers .manufacturer .image-holder {
  border: 1px solid #e1e1e1;
  height: 147px;
  text-align: center;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  font-size: 0px;
  margin-bottom: 5px;
  display: block;
}
#manufacturers-page .list-manufacturers .manufacturer .image-holder::before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
#manufacturers-page .list-manufacturers .manufacturer .image-holder img {
  max-width: 95%;
  max-height: 95%;
  width: auto !important;
  height: auto !important;
}
#manufacturers-page .list-manufacturers .manufacturer .count-products {
  font-family: "Roboto-Bold";
  color: #505050;
  font-size: 15px;
  display: block;
  text-align: center;
}

/* 2022.02 - Let's use default grid, starting from 2 per row and extending to 4 per row... */
/* 2022.02 - We CANNOT clear floats here, as after filtering, the GRID would be broken... Not easy fix - JS only, but still hard and could be heavy on mobiles...! */

/*
@media only screen and (min-width: 450px) and (max-width: 767px) {
  #manufacturers-page .list-manufacturers .manufacturer {
    width: 49%;
    float: left;
  }
  #manufacturers-page .list-manufacturers .manufacturer:nth-child(even) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #manufacturers-page .list-manufacturers .manufacturer {
    width: 33%;
    float: left;
    margin-right: 0.5%;
  }
  #manufacturers-page .list-manufacturers .manufacturer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  #manufacturers-page .list-manufacturers .manufacturer {
    width: 23.5%;
    float: left;
    margin-right: 2%;
  }
  #manufacturers-page .list-manufacturers .manufacturer:nth-child(4n+4) {
    margin-right: 0;
  }
}
*/

#about-us-page {
  padding: 25px 0px;
}
#about-us-page .accordion-tabs .tab-block {
  padding-bottom: 20px;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 20px;
}
#about-us-page .accordion-tabs .tab-block h1 {
  font-family: "Roboto-Bold";
  color: #3a3a3a;
  font-size: 18px;
  display: none;
  margin-bottom: 15px;
}
#about-us-page .accordion-tabs .tab-block h1.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  #about-us-page .accordion-tabs .tab-block h1 {
    display: block;
  }
}
#about-us-page .accordion-tabs .tab-block .mobile-tab {
  border: 1px solid #676666;
  padding: 7px 17px;
  font-family: 'Roboto-Bold';
  color: #4b4b4b;
  font-size: 16px;
  text-decoration: none;
  display: block;
  position: relative;
  margin: 10px 0px;
}
@media only screen and (min-width: 768px) {
  #about-us-page .accordion-tabs .tab-block .mobile-tab {
    display: none;
  }
}
#about-us-page .accordion-tabs .tab-block .mobile-tab::after {
  display: inline-block;
  position: absolute;
  right: 17px;
  top: 12px;
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
  content: "";
  background-image: url(../images/tab-arrow-gray.png);
}
#about-us-page .accordion-tabs .tab-block .tab-content {
  display: none;
}
#about-us-page .accordion-tabs .tab-block .tab-content.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  #about-us-page .accordion-tabs .tab-block .tab-content {
    display: block;
  }
}
#about-us-page .accordion-tabs .tab-block .tab-content .gallery {
  margin: 20px 0px;
}
#about-us-page .accordion-tabs .tab-block .tab-content .gallery a {
  height: 150px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  font-size: 0px;
  display: block;
}
#about-us-page .accordion-tabs .tab-block .tab-content .gallery a img {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#about-us-page .accordion-tabs .tab-block .tab-content .gallery a::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
}
#about-us-page .accordion-tabs .tab-block .tab-content .image-text {
  overflow: hidden;
}
#about-us-page .accordion-tabs .tab-block .tab-content .image-text img {
  width: 100%;
  height: auto !important;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #about-us-page .accordion-tabs .tab-block .tab-content .image-text img {
    width: 30%;
    float: left;
    margin: 0px 20px 20px 0px;
  }
  #about-us-page .accordion-tabs .tab-block .tab-content .image-text.right .text {
    width: calc(70% - 20px);
    float: left;
  }
  #about-us-page .accordion-tabs .tab-block .tab-content .image-text.right img {
    float: none;
    margin: 0px 0px 20px 20px;
  }
}
#about-us-page .accordion-tabs .tab-block.active .mobile-tab {
  color: #fff;
  background: #d91517;
  border-color: #e5ecef;
}
#about-us-page .accordion-tabs .tab-block.active .mobile-tab::after {
  transform: rotate(180deg);
  background-image: url(../images/tab-arrow-white.png);
}
#about-us-page .accordion-tabs .tab-block.active .tab-content {
  display: block;
}
#about-us-page .accordion-tabs .tab-block.active .tab-content .contact-items {
  margin: 20px 0px;
}


/* Extra texts for categories and tags - they are before and after subcategories_list/products_list */
.cat_tag_text_2 {
	clear: both;
	padding: 0px 0 12px 0; /* P/paragraph also has 10px margin-bottom */
}
.cat_tag_text_3 {
	clear: both;
	padding: 30px 0 20px 0;
}

/* .inner-page and .tmpl-page are interchangable ??? */
#tmpl-page,
.tmpl-page {
	padding-top: 25px;
	padding-bottom: 25px;
}

.tmpl-page .dev {
	
}


/* "Cart updated"; "Prod" removed. [Undo]? //WHEN empty, this container still has margin-top and leaves ugly empty space... */
#checkout-page .woocommerce {
	margin-top: 25px;
}
#checkout-page .woocommerce-notices-wrapper {
	/*margin-top: 45px;*/
}
	#checkout-page .woocommerce-notices-wrapper .woocommerce-message {
		font-weight: bold;
		/*color: green;*/
	}
	
	#checkout-page .cart-empty {
		font-weight: bold;
	}

#checkout-page .woocommerce-checkout-payment {
	
}
	#checkout-page .woocommerce-checkout-payment .wc_payment_methods {
		display: none; /* no payment */
		padding: 0;
	}
		#checkout-page .woocommerce-checkout-payment .wc_payment_methods li {
			list-style-type: none;
		}
	#checkout-page .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
		padding: 10px 0 0 0;
	}
		#checkout-page .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
			display: none;
		}
		#checkout-page .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions {
			display: none;
			max-height: 200px;
			overflow: auto;
			
			border: 1px solid #888;
			padding: 8px 12px;
		}
		/*
		#checkout-page .woocommerce-terms-and-conditions-wrapper {
			
		}
		*/
			#checkout-page .woocommerce-terms-and-conditions-wrapper .form-row .woocommerce-form__label-for-checkbox .input-checkbox {
				margin: 0; /* fox bootstrap defaults for checkbox...., also used together with: position: absolute; */
				position: static;
			}
			#checkout-page .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
				/* same style as: .form-group label */
				font-weight: normal;
				font-size: 15px;
				font-family: "Roboto-Medium", sans-serif;
				color: #474747;
				padding: 0 0 0 10px;
			}
				/* #checkout-page #request .form-with-checkbox a */
				#checkout-page .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {
					text-decoration: underline;
					color: #474747;
				}

			#checkout-page .mailchimp-newsletter label {
				display: inline; /* reset inline-blokc */
				font-weight: normal;
				font-size: 15px;
				font-family: "Roboto-Medium", sans-serif;
				color: #474747;
				padding: 0 0 0 10px;
			}



/*
https://stackoverflow.com/a/52378023
// Minimum CSS to remove +/- default buttons on input field type number
add_action( 'wp_head' , 'custom_css_quantity_fields' );
*/
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
	display: none;
	margin: 0;
}
.quantity input.qty {
	appearance: textfield;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}




/* ###### WOO NOTIFICATION STYLES - defaults */
/*
#checkout-page .woocommerce-notices-wrapper .woocommerce-message,
#product-listing-page .woocommerce-notices-wrapper .woocommerce-message,
#product-preview .woocommerce-notices-wrapper .woocommerce-message {
	border: 1px solid dark green;
	padding: 20px 10px 20px 30px;
	margin-bottom: 20px;
	
	background: #60a7de;
	background: #4087be;
	color: #fff;
	font-weight: bold;
}
*/

.woocommerce-notice, /* thank you page */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	margin-bottom: 2.617924em;
	background-color: #0f834d;
	margin-left: 0;
	border-radius: 2px;
	color: #fff;
	clear: both;
	border-left: .6180469716em solid rgba(0,0,0,.15);
	padding: 1em 2em 1em 3.5em;
	padding: 20px 10px 20px 30px;
	position: relative;
	list-style: none outside;
}
	/* css clearfix - https://css-tricks.com/snippets/css/clear-fix/ */
	.woocommerce-message:after,
	.woocommerce-info:after,
	.woocommerce-error:after,
	.woocommerce-noreviews:after,
	p.no-comments:after {
		content: "";
		display: table;
		clear: both;
	}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: #3d9cd2;
}
	/* LINKS: .restore-item --- UNDO? */
	.woocommerce-message a,
	.woocommerce-info a,
	.woocommerce-error a,
	.woocommerce-noreviews a,
	p.no-comments a {
		color: #fff;
		text-decoration: underline;
	}
		.woocommerce-message a:hover,
		.woocommerce-info a:hover,
		.woocommerce-error a:hover,
		.woocommerce-noreviews a:hover,
		p.no-comments a:hover{
			color: #fff;
			opacity: 0.7;
		}
	
	.woocommerce-message a.button,
	.woocommerce-info a.button,
	.woocommerce-error a.button,
	.woocommerce-noreviews a.button,
	p.no-comments a.button {
		border: 0;
		color: #b91214;
		z-index: 3;
		background: #313131;
		color: #fff;
		font-family: "Roboto-Bold";
		padding: 10px 20px;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 5;
		display: inline-block;
		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-ms-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
		.woocommerce-message a.button:hover,
		.woocommerce-info a.button:hover,
		.woocommerce-error a.button:hover,
		.woocommerce-noreviews a.button:hover,
		p.no-comments a.button:hover {
			background: #000;
			color: #fff; /* reset */
			opacity: 1; /* reset */
		}
		.woocommerce-message a.button:disabled,
		.woocommerce-info a.button:disabled,
		.woocommerce-error a.button:disabled,
		.woocommerce-noreviews a.button:disabled,
		p.no-comments a.button:disabled {
			background: #bbb;
			color: #fff; /* reset */
			opacity: 1; /* reset */
		}
	.woocommerce-message .wc-forward,
	.woocommerce-info .wc-forward {
		float: right;
		margin-top: -10px; /* half the top/bottom padding and same as right-padding */
		margin-bottom: -10px;
	}
		.woocommerce-message .wc-forward:after,
		.woocommerce-info .wc-forward:after {
			content: ' >';
		}

	.woocommerce-error {
		background-color: #b91214;
		background-color: #d93234;
		color: #fff;
	}

.home-woo-notices .woocommerce-message,
.home-woo-notices .woocommerce-info,
.home-woo-notices .woocommerce-error,
.home-woo-notices .woocommerce-noreviews,
.home-woo-notices p.no-comments {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* THANK YOU */
/* there are ul.order_details and table.order_details!!! */
.woocommerce ul.order_details {
	border: 1px solid #eaeaea;
	padding: 10px 20px;
}

.woocommerce ul.order_details {
	margin: 20px 0;
}
	.woocommerce ul.order_details li {
		list-style: none;
		padding: 10px 0;
		text-transform: uppercase;
	}
			.woocommerce ul.order_details li strong {
				display: block;
				font-size: 17px;
				text-transform: none;
			}

.woocommerce-order-details {
	
}
	.woocommerce-order-details h2 {
		font-weight: normal;
		font-family: "Roboto-Bold", sans-serif;
		font-size: 24px;
		color: #3b3b3b;
		margin-bottom: 25px;
	}
	.woocommerce-order-details table {
		border-spacing: 0;
		width: 100%;
		margin: 0 0 20px 0;
		border-collapse: separate;
	}
		.woocommerce-order-details table th,
		.woocommerce-order-details table td {
			padding: 15px 20px;
			text-align: left;
			vertical-align: top;
			
			font-family: "Roboto-Bold", sans-serif;
			color: #505050;
			font-size: 15px;
			margin-bottom: 10px;
		}
			.woocommerce-order-details table th.product-total,
			.woocommerce-order-details table td.product-total {
				text-align: right; /* align the prices.. */
			}
		.woocommerce-order-details table th {
			background: #f5f5f5;
			font-weight: bold;
		}
			.woocommerce-order-details table thead th{
				vertical-align: middle;
			}
		.woocommerce-order-details table tbody td {
			border-bottom: 1px solid #cccccc;
		}

.woocommerce-order-details .order_totals {
	border-top: 7px solid #efefef;
	padding-top: 20px;
}
	.woocommerce-order-details .order_totals .total-price {
		text-align: right;
		font-size: 18px;
		color: #646464;
		padding-right: 20px; /* same as TD to align them */
	}
	.woocommerce-order-details .order_totals .order-note {
		padding-top: 20px;
		font-size: 16px;
		color: #505050;
	}


.itemsList_5 {
  margin: 20px 0px;
}
	.itemsList_5 .item_5 {
	  border-top: 2px solid #e4e4e4;
	  padding: 16px 0px;
	}
	.itemsList_5 .item_5:last-child {
	  border-bottom: 2px solid #e4e4e4;
	}
		.itemsList_5 .item_5 .img-container img {
		  width: 100%;
			height: auto;
			max-width: 100%;
		}
		.itemsList_5 .item_5 h2 {
		  margin: 15px 0px;
			margin: 15px 0 0 0;
		  color: #3a3a3a;
		  font-family: "Roboto-Bold";
		  font-weight: normal;
		  font-size: 18px;
		}
		.itemsList_5 .item_5 .catC {
			margin: 12px 0 0 0;
			color: #505050;
		}
		.itemsList_5 .item_5 .userText {
			margin: 12px 0 0 0;
		  color: #505050;
		}
			.itemsList_5 .item_5 .userText strong {
			  font-family: "Roboto-Bold";
			}
		.itemsList_5 .item_5 .readMoreC {
			text-align: right;
		}
			.itemsList_5 .item_5 .buttonReadMore {
				position: relative;
				z-index: 3;
				background: #313131;
				color: #fff;
				font-family: "Roboto-Bold";
				padding: 10px 20px;
				text-decoration: none;
				text-transform: uppercase;
				z-index: 5;
				display: inline-block;
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				-ms-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
				.itemsList_5 .item_5 .buttonReadMore:hover {
					background: #000;
				}
		
		.itemsList_5 .item_5 .prices {
		  margin-top: 15px;
		}
			.itemsList_5 .item_5 .prices .price-row .price-terms {
			  font-family: "Roboto-Bold";
			}
	
	@media only screen and (min-width: 600px) {
	  .itemsList_5 .item_5 {
	    overflow: hidden;
	  }
		  .itemsList_5 .item_5 .img-container {
		    width: 270px;
		    float: left;
		  }
		  .itemsList_5 .item_5 .text-holder {
		    float: right;
		    width: calc(100% - 290px);
		  }
	}

.productListControls {
	margin-bottom: 22px;
		margin-bottom: 8px;
}
	.productListControls .mobileFilterC,
	.productListControls .woocommerce-ordering,
	.productListControls .woocommerce-perpage {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 7px;
		float: left; /* .mobileFilterC button needs this, so the display becomes BLOCK! */
	}
		@media only screen and (max-width: 767px) {
			/* 2022.02 - hide on mobile... */
			.productListControls .woocommerce-perpage {
				display: none;
			}
			/* set equal width for filter button, but if needed, we can have different size... */
			.productListControls .mobileFilterC .mobile-filters-btn,
			.productListControls .woocommerce-ordering select {
				width: 110px;
			}
		}
		@media only screen and (min-width: 768px) {
			.productListControls .mobileFilterC {
				display: none;
			}
		}
		/* styling selects - https://moderncss.dev/custom-select-styles-with-pure-css/ */
		.productListControls .woocommerce-ordering select,
		.productListControls .woocommerce-perpage select {
			/* A reset of styles, including removing the default dropdown arrow */
			/* https://caniuse.com/?search=appearance */
			/*
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			*/
			
			/* Additional resets for further consistency */
			background-color: transparent;
			border: none;
			padding: 0 1em 0 0;
			margin: 0;
			/*width: 100%;*/
			font-family: inherit;
			font-size: inherit;
			cursor: inherit;
			line-height: inherit;
			
			/*
			width: 100%;
			min-width: 15ch;
			max-width: 25ch;
			*/
			border: 2px solid #c5c5c5;
			/*border-radius: 0.25em;*/
			padding: 8px 6px 6px 6px;
			/*font-size: 1.25rem;*/
			cursor: pointer;
			/*line-height: 1.1;*/
			line-height: 120%;
			background-color: #fff;
			background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
			
			height: 36px; /* specify height to align to the filter button on mobiles */
		}


/*
===================
 GUTENBERG related
===================
*/
.hideOnMobile {
	
}
.hideOnTablet {
	
}
.hideOnDesktop {
	
}


hr,
.wp-block-separator {
	border-color: #e4e4e4;
}

/* programmed HTML - ULs/LIs converted to DIVs */
.horizontalContacts3col {
	margin: 20px 0px;
}
	/* css clearfix - https://css-tricks.com/snippets/css/clear-fix/ */
	.horizontalContacts3col:after {
		content: "";
		display: table;
		clear: both;
	}

	.horizontalContacts3col > div {
		margin-bottom: 10px;
		background: #f3f3f3;
		padding: 15px;
		overflow: hidden;
		
		padding-left: 62px;
		padding-left: 78px;
		font-family: "Roboto-Bold";
		color: #000;
		line-height: 23px;
		
		position: relative; /* needed for absolute positioning of the icons, relative to this container */
	}
		@media only screen and (min-width: 768px) {
			.horizontalContacts3col > div {
				float: left;
				width: 32%;
			}
			.horizontalContacts3col > div:nth-child(2),
			.horizontalContacts3col > div:nth-child(3) {
				margin: 0% 0% 0% 2%;
			}
		}
		.horizontalContacts3col .address::before,
		.horizontalContacts3col .working-hours::before,
		.horizontalContacts3col .phone::before {
			display: block;
			content: "";
			/*float: left;*/
			width: 42px;
			height: 42px;
			background: #d91517;
			position: relative;
			
			position: absolute;
			left: 20px;
			top: 20px;
			
			background-size: 31.5px 32px;
			background-image: url(../images/location-working-hours-icon.png);
			background-repeat: no-repeat;
			background-position: center center;
		}
			.horizontalContacts3col .address::before {
				background-size: 32px 31.5px;
				background-image: url(../images/location-icon.png);
			}
			.horizontalContacts3col .working-hours::before {
				background-size: 31.5px 32px;
				background-image: url(../images/location-working-hours-icon.png);
			}
			.horizontalContacts3col .phone::before {
				background-size: 24px 31.5px;
				background-image: url(../images/location-phone-icon.png);
			}
		.horizontalContacts3col p {
			margin-bottom: 0px;
		}
		.horizontalContacts3col .heading,
		.horizontalContacts3col .colTitle {
			color: #6a6a6a;
		}
		.horizontalContacts3col a {
			color: #000;
		}



.contactsPageContactForm {
	
}
	.contactsPageContactForm h2 {
		/*border-top: 5px solid #00f;*/ /* Matches all heading except "About us" and "Blog/Advices" */
		/*font-family: "Roboto-Bold";*/
		/*font-family: 'Roboto-Light';*/
		font-weight: 400;
		/*text-align: center;*/
		font-size: 22px;
		color: #4c4c4c;
		color: #3b3b3b;
		/*text-transform: uppercase;*/
		position: relative;
		margin-bottom: 50px;
	}
	@media only screen and (min-width: 768px) {
		.contactsPageContactForm h2 {
			font-size: 26px;
		}
	}
	.contactsPageContactForm h2::before {
		width: 50px;
		height: 2px;
		background: #b91214;
		position: absolute;
		bottom: -17px;
		content: "";
		display: block;
		/*
		left: 50%;
		margin-left: -25px;
		*/
	}
	.contactsPageContactForm h2::after {
		width: 122px;
		height: 2px;
		background: #b91214;
		position: absolute;
		bottom: -21px;
		content: "";
		display: block;
		/*left: 50%;
		margin-left: -61px;
		*/
	}

.wpcf7 {
	
}
	.wpcf7 label {
		color: #474747;
	}
		.wpcf7 .wpcf7-form-control-wrap {
			display: block; /* it's span.wpcf7-form-control-wrap */
			padding: 3px 0 0 0;
		}
			.wpcf7 .wpcf7-text,
			.wpcf7 .wpcf7-textarea {
				border: 1px solid #e3e6e9;
				/*background: #ecf0f1;*/
				background: #f2f2f2;
				padding: 6px 12px;
				width: 550px;
				max-width: 100%;
			}
			.wpcf7 .wpcf7-submit {
				/* GRADIENT: #ed1b24 -> #c8171d */
				/* https://cssgradient.io/
				background: rgb(2,0,36);
				background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
				background: rgb(237,27,36);
				background: linear-gradient(90deg, rgba(237,27,36,1) 0%, rgba(200,23,29,1) 100%);
				
				border: none;
				padding: 14px 40px;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
			}
				.wpcf7 .wpcf7-submit:hover,
				.wpcf7 .wpcf7-submit:focus,
				.wpcf7 .wpcf7-submit:active {
					/* GRADIENT: #cd0004 -> #a8070d */
					background: rgb(205,0,4);
					background: linear-gradient(0deg, rgba(205,0,4,1) 0%, rgba(168,7,13,1) 100%);
				}
	/* [response] - https://contactform7.com/locating-response-message-box-anywhere/ */
	.wpcf7 form .wpcf7-response-output {
		/* margin: 2em 0.5em 1em; */
		margin: 2em 0em 2em 0em;
	}


/* js mobile side panels; pop out side panel on mobile, js popout -popup... */
/*
off canvas menu - https://henrygd.me/side-panel-menu-thing/, https://github.com/henrygd/side-panel-menu-thing
js popout?
slideout.js.org
https://www.concretepage.com/jquery-mobile/jquery-mobile-panel-collapsible-example
https://www.quanzhanketang.com/jquerymobile/jquerymobile_panels.html
*/


body.no-scroll,
.no-scroll {
	position: fixed;
	width: 100%;
	overflow-y: scroll;
}

/* js-mobile-filters-toggle */
.mobileFilterC {
	
}
	.mobile-filters-btn {
		padding: 0 15px;
	  background: #d91517;
	  color: #fff;
	  text-transform: uppercase;
	  /*width: calc(100% - 31px);*/
	  text-align: center;
	  /*float: left;*/
	  border: none;
	  font-size: 13px;
	  position: relative;
	  height: 36px;
		height: 35px;
	  display: block;
		overflow: hidden;
	}
		@media only screen and (min-width: 768px) {
			.mobileFilterC,
			.mobile-filters-btn {
				display: none;
			}
		}
	.btnCloseC {
		/*
		position: fixed;
		top: 15px;
		right: 30px;
		z-index: 5;
		*/
	}
		/* css clearfix - https://css-tricks.com/snippets/css/clear-fix/ */
		.btnCloseC:after {
			content: "";
			display: table;
			clear: both;
		}
			.mobile-filters-btn-close {
				padding: 0 15px;
			  background: #d91517;
			  color: #fff;
			  text-transform: uppercase;
			  /*width: calc(100% - 31px);*/
			  text-align: center;
			  /*float: left;*/
				float: right;
			  border: none;
			  font-size: 13px;
			  position: relative;
			  height: 36px;
			  display: block;
			}
				@media only screen and (min-width: 768px) {
					.btnCloseC,
					.mobile-filters-btn-close {
						display: none;
					}
				}


	/*
	.global-overlay {
		position: fixed;
		z-index: 2;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: none;
		opacity: .6;
		background-color: #000;
	}
		.global-overlay.open {
			display: block;
		}
	.sidebar-filters-mobile577 {
		position: fixed;
		z-index: 12;
		top: 0;
		bottom: 0;
		left: -100%;
		overflow: hidden;
		-webkit-transition: left .4s;
		transition: left .4s;
		width: 100%;
		background-color: #fff;
	}
		@media only screen and (min-width: 576px) {
			.sidebar-filters-mobile577 {
				max-width: 455px;
			}
		}
		.sidebar-filters-mobile577.open {
			left: 0;
		}
	*/

	
	
	@media only screen and (max-width: 767px) {
		.sidebar-filters-mobile {
			/*
			position: fixed;
			z-index: 12;
			top: 0;
			bottom: 0;
			left: -100%;
			overflow: hidden;
			-webkit-transition: left .4s;
			transition: left .4s;
			width: 100%;
			*/
			
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			overflow: hidden;
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
			z-index: 501;
			background-clip: padding-box;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-perspective: 15000;
			perspective: 15000;
			
			width: 100%;
			max-width: 455px;
			
			background-color: #fff;
			background: rgba(0, 0, 0, 0.9);
			padding: 10px;
		}
			body.admin-bar .sidebar-filters-mobile {
				top: 32px;
			}
		/*
		.sidebar-filters-mobile:not(.sidebar-filters-mobile-container) {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			z-index: 501;
		}
		*/
		.sidebar-filters-mobile.open {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		/*
		.sidebar-filters-mobile.open+.sidebar-filters-mobile.open .sidebar-filters-mobile-body {
			overflow-y: hidden;
		}
		html.is-outdated .sidebar-filters-mobile,
		body.is-outdated .sidebar-filters-mobile {
			display: none;
			-webkit-transform: none !important;
			transform: none !important;
			-webkit-transition: none;
			transition: none;
		}
		html.is-outdated .sidebar-filters-mobile.open,
		body.is-outdated .sidebar-filters-mobile.open {
			display: block;
		}
		*/
			.sidebar-filters-mobile .filtersC {
				/*
				background: #fff;
				background: rgba(255, 255, 255, 1.00);
				*/
				padding: 10px;
				overflow-y: auto;
				/*overflow-y: scroll;*/
				position: relative;
				height: calc(100% - 14px);
				height: 100%;
			}
	}

		@media only screen and ( max-width: 782px ) {
			body.admin-bar .sidebar-filters-mobile {
				top: 46px;
			}
		}
		@media only screen and (min-width: 576px) {
			.sidebar-filters-mobile {
				max-width: 455px;
			}
		}
	
	/* css avoid scrolling in modal
		Prevent Page Scrolling (body) When a Modal is Open
			- https://css-tricks.com/prevent-page-scrolling-when-a-modal-is-open/
			- https://stackoverflow.com/a/11013994, https://stackoverflow.com/a/24727206
	*/
	
	/* js-main-mobile-sidebar-toggle
	function () {
			this.useLiveHandler ? n.live(document, "click", ".js-main-mobile-sidebar-toggle", this.toggle.bind(this)) : (n.live(this.sidebar, "click", ".js-main-mobile-sidebar-toggle", this.toggle.bind(this)),
			n.on(n.q(".js-main-mobile-sidebar-toggle", this.outerContainer), "click", this.toggle.bind(this))),
			n.live(this.sidebar, "input", ".js-filter-search", this.searchInFilter.bind(this)),
			n.live(this.sidebar, "click", ".js-clear-filter-items", this.clearSearch.bind(this))
		}
	}
	*/
	
	/* https://codepen.io/dcode-software/pen/OJxEWWz, https://www.youtube.com/watch?v=FeAhHPaGyVA */
	/*
	document.querySelector(".side-panel-toggle").addEventListener("click", () => {
		document.querySelector(".wrapper").classList.toggle("side-panel-open");
	});
	*/



/* Dark scheme */
@media only screen and (max-width: 767px) {
	
	#sidebar .sidebar-filters-mobile .widget > h2,
	#sidebar .sidebar-filters-mobile .widget > .title,
	#sidebar .sidebar-filters-mobile .widget > .widget-title {
	  font-size: 22px;
	  /*color: #353535;*/
			color: #fff;
	  font-weight: normal;
	  display: block;
	  position: relative;
	  padding-bottom: 15px;
	  text-transform: uppercase;
	  margin-bottom: 10px;
	}
	#sidebar .sidebar-filters-mobile .widget_price_filter .title,
	#sidebar .sidebar-filters-mobile .widget_price_filter .widget-title,
	#sidebar .sidebar-filters-mobile .widget_layered_nav .title,
	#sidebar .sidebar-filters-mobile .widget_layered_nav .widget-title {
	  font-size: 22px;
		font-size: 17px;
	  color: #353535;
		color: #3c3c3c;
		color: #fff;
	  font-weight: normal;
	  display: block;
	  position: relative;
	  padding-bottom: 15px;
	  text-transform: uppercase;
	  margin-bottom: 10px;
	}
	
	.widget_price_filter .price_label {
		color: #fff;
	}
	
	.sidebar-filters-mobile .widget_layered_nav ul {
		/*color: #505050;*/
		color: #c1c1c1;
	}
		.sidebar-filters-mobile .widget_layered_nav li a {
			/*color: #505050;*/
			color: #c1c1c1;
			background: url('../images/filter-m-default.png') no-repeat left center;
		}
			.sidebar-filters-mobile .widget_layered_nav li a:hover {
				/*color: #333;*/
				color: #fff;
			}
			.sidebar-filters-mobile .widget_layered_nav li.chosen {
				background-color: #eee;
				color: #505050;
				border-right: 4px solid #d91517;
				border-left: 4px solid #d91517;
			}
				.sidebar-filters-mobile .widget_layered_nav li.chosen a {
					background: url('../images/filter-m-selected.png') no-repeat 5px center;
					background: url('../images/filter-selected.png') no-repeat 5px center;
					color: #505050;
				}
				.sidebar-filters-mobile .widget_layered_nav li.chosen a:hover {
					color: #333;
				}
	
}


.wp-block-image img {
	max-width: 100%;
	height: auto; /* responsive images - fix image block used as a banner with big images */
}