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

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

.gui a {
  color: #0a8de9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #dcdde1;
  color: #84817a;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #62b500;
}

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

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

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

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

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

/* custom */
/**** FORM NEW CHECKOUT ****/

.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1, .gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2 {
	margin-right: 2% !important;
  width: 34% !important;
}

@media (max-width: 767px) {
  .gui-checkout-one-step .gui-form .gui-col3-equal > .gui-col3-equal-col1 {
      margin-bottom: 25px;
      width: 100% !important;
  }
  .gui-checkout-one-step .gui-form .gui-col3-equal > .gui-col3-equal-col2 {
      margin-bottom: 25px;
      width: 100% !important;
  }
}


.gui-checkout-one-step .gui-block {
	background-color: #FDFDFC;
  padding: 20px;
}

.gui-form .gui-field > label, .gui-form label span.gui-nostyle {
	font-size: 14px;
  color: #6C757D;
  font-family: 'Lato';
  font-weight: bold;
  margin-bottom: 5px;
}

.gui-input, .gui-input input, .gui-select select {
	border: solid 1px #E3E3E3;
  background-color: #fff;
  border-radius: 5px;
}
.gui-shipment-method-form.gui-field-content {
	color: #6C757D;
}


.gui-input::placeholder, .gui-input input::placeholder {
	color: #E3E3E3;
}

.gui-payment-method input{
	display:none;
}
.gui-payment-method {
  border: solid 2px transparent;
  border-radius: 5px;
  background: white;
  margin-bottom: 5px;
}
.gui-payment-method.gui-is-selected {
	border: solid 2px #62B500;
  border-radius: 5px;
}
.gui-payment-method-service > label {
	padding: 10px !important;
}

.gui-payment-method-service .gui-payment-method-name {
	color: #282828;
}
.gui-block-subcontent {
	color: #6C757D;
}
.gui-validate-error {
	border: solid 1px #C0392B !important;
  background-color: #FCF1F1 !important;
}
.gui-validate-error.gui-done {
	border: solid 1px transparent !important;
  background-color: #FAFAF9 !important
}

.gui-form .gui-error .gui-input {
	border-color: #E3E3E3;
}

.gui-checkout-login {
	font-size: 14px;
}

.gui-error .gui-checkbox {
	background-color: #FCF1F1;
  border: solid 1px #C0392B !important;
}

/* progress bar */
.gui-progressbar {
	background-color: white;
  border-width: 0px;
}
.gui-checkout .gui-progressbar ul li {
	background-color:#FAFAF9 !important;
  color: #D3D5D7 !important;
}


.gui-checkout .gui-progressbar ul li.gui-active {
  background-image: unset !important;
	background-color: #FAFAF9 !important;
  color: #282828 !important;
}
.gui-checkout .gui-progressbar ul li.gui-done {
	background: #F6FBF0 !important;
  color: #62B500 !important;
}
.gui-checkout .gui-progressbar ul li.gui-done a {
	color: #62B500 !important;
}
.gui-checkout .gui-progressbar ul li a .count {
 	display: none; 
}




.gui-messages ul {
  color: #721c24;
	background-color: #f8d7da;
  border-width: 0px;
}

.gui-checkbox, .gui-radio {
  margin: 16px 0;
  display: block;
  cursor: pointer;
}
.gui-checkbox input, .gui-radio input {
  display: none;
}
.gui-checkbox input + label, .gui-radio input + label {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
}
.gui-checkbox input + label:not(:empty), .gui-radio input + label:not(:empty) {
  padding-left: 30px;
}
.gui-radio input + label:before, .gui-radio input + label:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}

.gui-checkbox input + label:before, .gui-checkbox input + label:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 5%;
  left: 0;
  top: 0;
  position: absolute;
}

.gui-checkbox input + label:before, .gui-radio input + label:before {
  background: #D1D7E3;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.gui-checkbox input + label:after, .gui-radio input + label:after {
  background: #fff;
  -webkit-transform: scale(0.78);
          transform: scale(0.78);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.gui-checkbox input:checked + label:before, .gui-radio input:checked + label:before {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  background: #62B500;
}
.gui-checkbox input:checked + label:after, .gui-radio input:checked + label:after {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.gui-checkbox:hover input + label:before, .gui-radio:hover input + label:before {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
.gui-checkbox:hover input + label:after , .gui-radio:hover input + label:after {
  -webkit-transform: scale(0.74);
          transform: scale(0.74);
}
.gui-checkbox:hover input:checked + label:after, .gui-radio:hover input:checked + label:after {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}

.gui-checkout-one-step .gui-block-option .gui-field .gui-radio > label {
	padding-left: 30px !important;
}

.gui-form .gui-checkbox label, .gui-form .gui-radio label {
	line-height: 22px !important;
}

[aria-labelledby="gui-form-cart-review-remark-title"] {
	display: none;
}
