/* 20200403121644 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #333333;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #d20f0f;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #d20f0f;
  box-shadow: 0 0 2px #d20f0f;
}

.gui-select.gui-focus .gui-handle {
  border-color: #d20f0f;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #d20f0f;
}

/* custom */
#logo { width: 260px; z-index: 12; }
#logo a { justify-content: flex-start; padding-left: 25px; }
#logo:before {
  color: #fff;
  content: "\e92b";
  display: block;
  font-family: i;
  font-size: 5px;
  font-weight: 400;
  line-height: 20px;
  margin: -10px 0 0;
  position: absolute;
  right: -10px;
  text-align: center;
  top: 50%;
  transform: rotate(180deg);
  transition: 0.5s;
  width: 50px;
  z-index: 14;
}
#logo.show { background: rgba(255,255,255,0.04); }
#logo.show:before { transform: rotate(0); }
#nav { left: 310px; }
#shop-navigation {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
}
#logo.show + #shop-navigation { display: block; }
#shop-navigation .overlay {
  background-color: rgba(0,0,0,0.3);
  height: 100vh;
  left: -50vw;
  position: absolute;
  top: 0;
  width: 150vw;
  z-index: -1;
}
#shop-navigation .usp {
  align-items: center;
  display: flex;
  height: 60px;
  left: 260px;
  position: absolute;
  top: -60px;
  width: calc(100% - 260px);
  z-index: 10;
}
#shop-navigation .usp:before {
  background: #242424;
  content: "";
  height: 60px;
  left: -50vw;
  position: absolute;
  width: 150vw;
}
#shop-navigation .usp ul {
  align-items: center;
  border-bottom: none;
  color: #fff;
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
#shop-navigation .usp ul li {
  margin-bottom: 0;
  margin-left: 25px;
}
#shop-navigation .usp ul li.rating {
  margin-left: auto;
}
#shop-navigation .usp ul li.rating:before,
#shop-navigation .usp ul li.rating .module-rating p {
  display: none;
}
#shop-navigation .usp ul li.rating .module-rating {
  color: #fff;
  height: 40px;
  margin-bottom: 0;
  padding-left: 100px;
}
#shop-navigation .usp ul li.rating .module-rating figure {
  margin: 0;
  height: 100%;
  width: 40px;
}
#shop-navigation .usp ul li.rating .module-rating figure img {
  max-width: 40px !important;
}
#shop-navigation .usp ul li.rating .module-rating figure span {
  color: #fff;
  font-style: normal;
  line-height: 18px;
  margin-left: 10px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
#shop-navigation .usp ul li.rating .module-rating > div {
  display: block !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}
#shop-navigation .usp ul li.rating .module-rating > div b {
  font-weight: 600;
}
#shop-navigation .usp ul li.rating .module-rating h4 {
  align-items: center;
  border: none;
  color: #fff;
  display: flex;
  flex-direction: row-reverse;
  font-size: 10px;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
}
#shop-navigation .usp ul li.rating .module-rating h4 span {
  height: 15px;
  margin-top: 0;
  padding-left: 0;
}
#shop-navigation .usp ul li.rating .module-rating .rating-a .rating {
  height: 15px;
  width: 90px;
}
#shop-navigation .usp ul li.rating .module-rating .rating-a .rating>* {
	width: 15px;
}

#shop-navigation nav {
  background: #3D3D3D;
  display: flex;
}
#shop-navigation a {
  color: #fff;
  text-decoration: none;
}
#shop-navigation nav .itemCont { display: flex; }
#shop-navigation nav .itemCont:first-of-type { width: 260px; }
#shop-navigation nav .itemCont:nth-of-type(2) {	width: calc(100% - 260px); }
#shop-navigation nav ul {
  flex-basis: 0;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
#shop-navigation nav ul.stores {
	background-color: #373737;
  border-right: 1px solid #494949;
  height: 100%;
}
#shop-navigation nav ul.stores li a {
  border-top: 1px solid #494949;
  display: block;
  font-weight: 600;
  padding: 25px 30px;
}
#shop-navigation nav ul.stores li a:hover { background-color: #DD2200; }
#shop-navigation nav ul:not(.stores) { padding: 20px 0 20px 25px; }
#shop-navigation nav ul:not(.stores) li:first-of-type a { font-size: 16px; font-weight: 600; }
#shop-navigation nav ul:not(.stores) li:not(:last-of-type) { margin-bottom: 20px; }
#shop-navigation nav ul:not(.stores) li a { font-weight: 300; }
#shop-navigation nav ul:not(.stores) li a:hover { color: #DD2200; }

.popup-offerte .title h3 { font-size: 30px; }
.popup-offerte form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup-offerte form h3 { width: 100%; }
.popup-offerte form h3.quotation-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.popup-offerte form p.note {
  color: #999693;
  margin-top: 10px;
}
.popup-offerte form .form-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width: calc(50% - 12px);
}
.popup-offerte form .form-group.justify-between {
  flex-direction: row;
  justify-content: space-between;
}
.popup-offerte form .form-group.justify-end {
  flex-direction: row;
  justify-content: flex-end;
}
.popup-offerte form .form-group.full { width: 100%; }
.popup-offerte form label {
  color: #999693;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
}
.popup-offerte form label.form-label {
  margin-bottom: 10px;
  width: 100%;
}
.popup-offerte form label .required-field { color: #DD2200; }
.popup-offerte form input,
.popup-offerte form textarea {
  border: 1px solid #ECECEC;
  border-radius: 0;
  display: inline-block;
  max-height: 140px;
  min-height: 0;
  width: 100%;
}
.popup-offerte form input.form-field-quarter { width: calc(25% - 6px); }
.popup-offerte form input.form-field-half { width: calc(50% - 6px); }
.popup-offerte form input.form-field-three-quarters { width: calc(75% - 6px); }
.popup-offerte form input[type="checkbox"],
.popup-offerte form input[type="radio"] { margin-right: 7px; width: auto; }
.popup-offerte form input[type="file"] { padding: 11px; }
.popup-offerte form .group-padding { color: #999693; }
.popup-offerte form .group-padding p { margin-bottom: 15px; }
.popup-offerte form .group-padding p b { color: #313131; }
.popup-offerte form .group-padding input {
  height: auto;
  margin: 0 2px;
  padding: 6px;
}
.popup-offerte form .submit-quotation {
  background-color: #DD2200;
  border-color: #DD2200;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 70px;
}

.list-gallery li { max-width: 25%; }
.price-a span.shipping { top: -6px; margin: 14px 0 0 13px; }


@media only screen and (max-width: 84.375em) { /* 1350 */
  #shop-navigation .usp ul li.rating .module-rating > div,
  #shop-navigation .usp ul li.rating .module-rating h4 {
    display: none !important;
  }
}

@media only screen and (max-width: 75em) { /* 1200 */
  #shop-navigation .usp ul li { font-size: 13px; }
  #shop-navigation .usp ul li:before { top: 1px; }
  #shop-navigation .usp ul li.rating { display: none; }
  #shop-navigation nav .itemCont:nth-of-type(2) { flex-flow: column wrap; max-height: 370px; }
}

@media only screen and (max-width: 62.5em) { /* 1000 */
  #shop-navigation .usp { display: none; }
  #shop-navigation nav { max-height: calc(100vh - 60px); }
  #shop-navigation nav .itemCont:nth-of-type(2) { max-height: none; }
  #nav { left: 0; }
}

@media only screen and (max-width: 47.5em) { /* 760 */
  #logo.show { background: #333; }
  #logo.show + #shop-navigation { position: fixed; top: 40px; z-index: 999999; height: 100%; overflow: scroll; }
  #shop-navigation nav { flex-direction: column; max-height: none; padding-bottom: 40px; }
  #shop-navigation nav .itemCont { width: 100% !important; }
  #shop-navigation nav .itemCont:nth-of-type(2) { flex-flow: column; }
  #shop-navigation nav ul.stores li a { padding: 10px 20px; }
  #shop-navigation nav ul:not(.stores) { padding: 15px 0 5px 20px; }
  #shop-navigation nav ul:not(.stores) li:not(:last-of-type) { margin-bottom: 10px; }
  #root .list-gallery li { max-width: 50%; width: 50%; }
  #logo { width: 100%; z-index: 12; }
  #logo a { justify-content: center; padding-right: 25px; }
}

@media only screen and (max-width: 25em) { /* 400 */
}