/* 20260526133202 - v2 */
.gui,
.gui-block-linklist li a {
  color: #8c9788;
}

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

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

.gui a {
  color: #8c9788;
}

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

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

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

.gui-block-title {
  color: #8c9788;
  background-color: #fefefa;
}

.gui-content-title {
  color: #8c9788;
}

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

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

.gui-block-option {
  border-color: #e3e3e3;
  background-color: #f5f5f5;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #adadad;
  background-color: #f5f5f5;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8c9788;
  color: #fefefa;
  background-color: #8c9788;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #fefefa;
  color: #8c9788;
  background-color: #fefefa;
}

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

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

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #4a4a4a;
  background-color: #fefefa;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #4a4a4a;
}

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

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

.gui-progressbar {
  background-color: #8c9788;
}

/* custom */
img { height: auto; max-width: 100%; }
iframe, audio, canvas, progress, video { max-width: 100%; }

/*
Amaury @ Lightspeed on Oct 26, 2016
Hiding the search bar
*/
#formSearch {
  display: none;
}
/* End of Amaury's CSS injection */

.topbar ul li.langs {
  padding: 12px 5px;
}
.topbar ul li.langs.last {
  margin-right:20px;
}
.topbar ul li img {
  opacity:0.5;
}
.topbar ul li img:hover {
  opacity:1;
}
.topbar ul li img.active {
  opacity:1;
}
.textpage a {
  color: #87c3df;
}
.textpage a:hover {
  text-decoration:underline;
}

.gui-button-small {
 background: #87c3df !important;
}

.green {
    color: #8c9788!important;
}

.red {
color: #8c9788!important;

}
.above-footer-block {
  padding: 30px 0;
  background: #d8d0be;
}
.above-footer-block .media {
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;
}
.above-footer-block .media-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}
.above-footer-block .media p {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  width:100%;
  margin-bottom: 36px;
  color: #000;
  text-align:center;
}	
.above-footer-block .media span {
  font-size: 16px;
  font-weight: 700;
  color: #000; 
  letter-spacing: 0.06em;
}
.at-home #top {
color:#fff;
}
.menu-item-btn,
#menu .menu .item > a.menu-item-btn {
  background: #8c9788;
  color: #fff;
  border-radius: 2px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
}
@media (max-width: 991px) {
	#header .i-wrap {height:60px;display:flex;justify-content: flex-end;align-items:center;}
  #header .tool .ccnt {top:8px;right:-10px;}
}