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

.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: #000000;
}

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

.gui a {
  color: #0053a3;
}

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

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

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

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

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

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

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

.gui-block-option {
  border-color: #eef1f3;
  background-color: #f9fafb;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cdd6db;
  background-color: #f9fafb;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #91a6bc;
  color: #222222;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #91a6bc;
  color: #222222;
  background-color: #ffffff;
}

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

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

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

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #91a6bc;
}

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

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

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

/* custom */
/* General */

h1, h2 {
  margin-bottom: 20px;
}

.page-title h1, .gui-page-title {
  font-size: 2.4em;
  letter-spacing:0.04em;
  margin-top: 0;
}

.page-title h1.custom {
  margin-left: 222px;
}

.gui-page-title {
  margin-left: 20px;
}

div.col-sm-6 {
  width: 90%;
}

h2 {
  font-size: 2em;
  letter-spacing:0.02em;
}

h4 {
  font-size: 1.4em;
  letter-spacing: 0.02em;
  font-family: 'Lato';
  line-height: 1.6em;
}

p {
  font-size: 1.05em;
  line-height: 1.6em;
  margin: 3px 0 9px 0;
}

a:hover, a:focus {
  text-decoration: none;
}

.breadcrumbs a:hover, .sidebar .item .itemLink:hover, .sidebar .item .subitemLink:hover, .pager ul li a:hover, .product-actions .tags-actions .actions a:hover, .product-info .product-price .cart .change a:hover {
  color: #0053a3;
}

.navigation ul {
  background-color: none;
}

.navigation .item .itemLink, nav .subitem .subitemLink {
  border: none;
}

nav.desktop ul {
  float: none;
  padding-top: 2px;
  text-align: center;
  width: auto;
}

nav.desktop .item {
  display: list-item;
  float: left;
  margin-right: 99px;
}
/* hide the shop menu item */
nav.desktop .item:first-child {
  display: none;
}

.custom-sublist {
  overflow: hidden;
  max-height: 0;
  transition: max-height 2s;
}

.item:hover .custom-sublist {
  max-height: 220px;
}

.center {
  margin: auto;
}

.keep-left>* {
  text-align: left;
  float: left;
}

.keep-right>* {
  text-align: right;
  float: right;
}

.breadcrumbs {
  display: none;
}

div.navigation {
  font-family: 'Lato';
  font-size: 1em;
  font-weight: 800;
  letter spacing: 0.05em;
  max-width: 1170px;
  letter-spacing: 0.05em;
}

nav.desktop .item a.itemLink {
  border: none;
}

nav.desktop .item a.itemLink:hover {
  color: #0053a3;
}

.search {
  display: table-cell;
  vertical-align: middle;
}

#formSearch {
  width: 245px;
}

#formSearch input {
  max-width: 237px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#formSearch .glyphicon-search {
  padding: 13px 13px 11px;
}

.full-block, .full-image {
  width: 100%;
  display: block;
  margin: 30px auto 40px;
}

.full-image {
  margin-bottom: 20px;
}

.spacer {
  margin: 30px 0;
  padding-top: 1em;
  border-top: 1px solid #eaeaea;
}

.notopmargin {
  margin-top: 0;
}

.onethird-inline {
  display: inline-block;
  width: calc(33% - 42px);
  min-width: 255px;
  margin: 20px;
  vertical-align: middle;
}

.twothirds-inline {
  display: inline-block;
  width: calc(67% - 42px);
  max-width: calc(100% - 40px);
  margin: 20px;
  vertical-align: middle;
}

.half-block {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 600px;
}

.twothirds-block {
  overflow: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 1000px;
}

.center-block {
  margin-left: auto;
  margin-right: auto;
}

.contain-all {
  position: relative;
  height: 350px;
}

#formNewsletter label {
  display: none;
}

#formNewsletter .newsletter-button{
  margin-top: 0;
  margin-left: 20px;
  border: none;
}

footer .collapse strong {
  font-family: 'Neuton';
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.button {
  margin: 20px 0;
}

.button a {
  border: 2px solid black;
  border-radius: 2px;
  padding: 15px 20px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 50px;
}

.button a:hover {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}

.full-image:first-of-type {
  margin-top: 10px;
}

.copyright-payment .copyright {
  opacity: 1;
}

.copyright-payment .copyright a:hover {
  opacity: 1;
}

/* Home page */

.headline {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.headline {
  margin-top: 0;
}

.slider {
  position: relative;
  max-height: 30vw;
}

/* Fixing the slider in safari */
.slider li.hide-text:not(:last-child) .headline-title, .slider li.hide-text:not(:last-child) .headline-text {
  display: none;
}

.slider-next, .slider-prev {
  background-color: transparent;
}

.slider img {
  width: 100%;
  height: auto;
}

.slider .headline-title {
  position: absolute;
  top: 0;
  box-shadow: 2px 2px 8px #222;
  background-color: #0053a3;
  border: 3px solid #fff;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 39px;
  margin-left: 20px;
  margin-top: 20px;
}

.slider:hover .headline-title {
  background-color: #e41e26;
}

.slider .headline-text {
  display: inline-block;
  opacity: 0;
  transition: opacity 500;
  position: absolute;
  top: 0;
  margin-top: 200px;
  font-size: 26px;
  color: #fff;
  text-shadow: 2px 2px #222;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-left: 100px;
  max-width: 800px;
  
}

.slider li {
  background-color: #222;
}

.headline:hover .slider img {
  opacity: 0.5;
}

.headline:hover .slider .headline-text {
  opacity: 1;
}

.products .product .image-wrap .cart {
  border-color: #fff;
  color: #fff;
}

/* Custom pages */

.full-block {
  overflow: inherit;
}

.full-block:first-of-type {
  margin-top: 13px;
}

.full-block .image, .full-block .text {
  display: inline-block;
  vertical-align: middle;
}

.full-block .image {
  width: 380px;
  min-height: 240px;
  margin-right: 50px;
}

.full-block .image.keep-right {
  margin-right: 0;
  margin-left: 40px;
}

.full-block .image img {
  width: 380px;
  height: auto;
}

.full-block .text {
  width: calc(100% - 440px);
}

.full-block .text.top-align {
  min-height: 240px;
}

.full-image {
  
}

.full-image img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-height: 400px;
}

.testimonial {
  max-width: 800px;
  margin: 20px auto 30px;
}

.testimonial blockquote {
  font-style: italic;
  font-size: 1.05em;
  font-weight: 100;
  line-height: 1.6em;
}

.testimonial figcaption {
  text-align: right;
}

.col-md-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.hours {
  margin: 10px 0;
}

.copyright, .copyright a {
  opacity: 1;
}

header input[type=text] {
  border-color: #bbbbbb;
}

.image.mobile {
  display: none;
}

.categories * {
  opacity: 1 !important;
}

.category {
  position: relative;
}

.categories .category span.title, .categories .category span.amount {
  position: absolute;
}

.categories .category span.title {
  top: 12px;
  left: 10px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 22px;
  margin-left: 0;
  margin-top: 0;
  margin-right: 10px;
  box-shadow: 2px 2px 8px #222;
  background-color: #0053a3;
  border: 3px solid #fff;
  border-radius: 3px;
}

.categories .category:hover span.title {
  background-color: #e41e26;
}


/* Contact Us page */

.gui-col2-right .gui-col2-right-col1.gui-div-faq-questions {
  width: 100%;
}

.gui-div-faq-right .gui-div-faq-links, .gui-div-faq-form .gui-block-title {
  display: none;
}

.gui-col2-right .gui-col2-right-col2 {
  float: none;
  width: 100%;
  margin: auto;
}

.gui-div-faq-form {
  display: block;
  width: 700px;
  margin: auto;
  border: none;
}

.gui-div-faq-form .gui-input, .gui-div-faq-form .gui-text, .gui-block-title, .gui-buttons.gui-border {
  border: none;
}

.gui-div-faq-form input, .gui-div-faq-form textarea {
  border: 1px solid #bbbbbb;
}

.gui-block, .gui-block-content, .gui-form, .gui-input, .gui-field {
  max-width: 100%;
}

.gui-field input {
  max-width: calc(100% - 15px);
}

.gui-form {
  text-align:center;
}

.gui-field {
  text-align: left;
  display: inline-block;
}

.gui-field input, .gui-field label {
  width: 288px;
  margin: 0 10px;
  padding-left: 10px;
}

.gui-field label[for=gui-form-message] {
  padding-left: 0;
}

.gui-div-faq-form .gui-field label[for=gui-form-company], input[name=company], .gui-div-faq-form .gui-field label[for=gui-form-phone], input[name=phone] {
  display: none;
  width: 0;
  margin: 0;
}

.gui-field:nth-child(5) {
  display: block;
  margin:10px 30px;
}

.gui-field:nth-child(5) input, .gui-field:nth-child(5) label {
  width: 100%;
  margin: 0;
  max-width: 100%;
}

.gui-field:nth-child(6) {
  display: block;
  margin:10px 30px;
}

.gui-required {
  margin-right: 30px;
}

.gui-buttons {
  margin-right: 15px;
}

.gui-buttons a.gui-button-small {
  padding: 5px 25px;
  border: 1px solid #222222;
  border-radius: 2px;
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  letter-spacing: 0.06em;
}

.gui-buttons a.gui-button-small:hover {
  color: #fff;
  background-color: #222222;
}

.contain-all iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.content .gui-spacer {
  display: none;
}

/* Products pages */

.tabsPages .page.info.active {
  max-height: none !important;
  overflow: visible;
}

@media (max-width: 1200px) {
  nav.desktop .item {
    margin-right: 5.4%;
  }
}

@media (max-width: 900px) {
  
  .slider .headline-text {
    max-width: 650px;
  }
  
}

@media (max-width: 767px) {
  
  header.open {
    margin-left: 180px;
  }
  
  .wrapper.open {
    left: 180px;
  }
  .headline {
    display: none;
  }
  
  .page-title h1.custom {
    margin-left: 25px;
  }
  
  .gui-page-title {
    margin-left: 40px;
  }
  
  .burger {
    width: 50px;
  }
  
  .sidebar {
    border: none;
  }
  
  .full-block .image, .full-block .text {
    display: block;
    margin: 40px auto;
    min-height: 0;
    width: 100%;
  }
  
  .full-block .image img {
    width: 100%;
    height: auto;
  }
  
  .full-block .text {
    width: 100%;
  }
  
  .full-block .image.keep-right {
    display: none;
  }
  
  .full-block .text.top-align {
    min-height: 0;
  }
  
  .twothirds-inline {
    width: 100%;
  }
  
  .spacer {
    display: none;
  }
  
  .navigation nav.mobile {
    width: 220px;
  }
  
  .navigation .logo.vertical {
    text-align: left;
  }
  
  .navigation .logo.vertical a {
    margin-left: 58px;
  }
  
  .navigation .logo img {
    width: 100% !important;
  }
  
  #formSearch, .navigation .logo, .navigation .burger {
    border: none;
    color: #1f1f1f;
  }
  
  #formSearch {
    float: right;
  }
  
  .gui-field:nth-child(2), .gui-field:nth-child(4) {
    display: none;
  }
  
  .gui-field, .gui-field:nth-child(5), .gui-field:nth-child(6) {
    width: 100%;
    margin: 0;
  }
  
  .gui-field input, .gui-field label {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  
  .gui-field label[for=gui-form-message] {
    padding-left: 10px;
  }
  
  .gui-buttons {
    margin-right: 0;
  }
  
}

@media (max-width: 570px) {
  
  .navigation nav.mobile {
    width: 180px;
  }
  
  #formSearch {
    float: none;
    width: 140px;
  } 
}