/* page-checkout.css */

.gui-checkout-one-step .gui-block {
	padding: 4% 6%;
	border-radius: var(--radius);
}
.gui-checkout-one-step .gui-block {
	background: rgba(0, 0, 0, 0.03);
}
.gui-input, .gui-text, .gui-select, .gui-number {
	background-color: var(--color-white) !important;
	border: 1px solid var(--color-gray-light) !important;
}
.gui-block-subtitle, .gui-content-subtitle {
	font-size: 1.5em;
}
.gui-block-subtitle a {
	font-size: 12px;
	line-height: 2em;
	text-transform: none;
}
.gui-form .gui-checkout-steps {
	margin: calc(-1 * var(--space-3));
}
.gui-checkout-one-step .gui-checkout-steps {
	width: auto !important;
}
.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col1,
.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col2,
.gui-form .gui-checkout-steps.gui-col3-equal>.gui-col3-equal-col3 {
	width: 33.3333% !important;
	padding: var(--space-3) !important;
	margin: 0 !important;
}
.gui-form .gui-field>label {
	font-size: .9em;
}
.gui-checkout #gui-block-review .gui-product-image {
  display: none;
	border: none;
	border-radius: calc(var(--radius) / 2);
	overflow: hidden;
	margin-right: var(--space-3);
  margin-bottom: var(--space-6);
}
.gui-checkout #gui-block-review .gui-product-image a {
	display: block;
	position: relative;
}
.gui-checkout #gui-block-review .gui-product-image a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.03);
}
.gui-div-cart-coupons table td {
	display: inline-block;
  width: 100%;
}
.gui-div-cart-coupons table td:first-child {
	margin-bottom: var(--space-2);
}
.gui-div-cart-coupons table td:nth-child(2) {
	display: none;
}
.gui-div-cart-coupons table td .gui-button-small {
	font-size: 12px;
  display: block;
  width: 100%;
}
.gui-div-cart-coupons table td.gui-error input {
	border-color: var(--color-red) !important;
  background: var(--color-red-bg) !important;
}
.gui-div-cart-coupons table td.gui-error .gui-message {
	color: var(--color-red);
}
.gui-confirm-buttons .gui-button-action {
	height: 50px !important;
}
.gui-confirm-buttons .gui-button-action:after {
	content: var(--icon-chevron-right);
  font-family: var(--font-icon);
  font-size: 10px;
  font-weight: 400;
  padding-left: var(--space-2);
}

.order-summary .gui-table tbody tr td:first-child {
	padding-left: 0;
}
.order-summary .gui-table tbody tr td:last-child {
	padding-right: 0;
	color: var(--color-gray-dark);
}
.order-summary .gui-table thead {
	display: none;
}
.order-summary .gui-table tbody tr td {
	font-size: 14px;
}
.order-summary .checkout-customs .custom {
  display: flex;
	margin-bottom: 3px;
}
.order-summary .checkout-customs .custom .custom-title {
	font-weight: bold;
  font-size: 1.1em;
  color: var(--color-black);
  margin-right: var(--space-1);
  flex: 1 1 50%;
}
.order-summary .checkout-customs .custom .custom-value {
	flex: 1 1 50%;
}

@media (max-width: 767px) {
	.order-summary .gui-table tbody tr td .checkout-customs {
		padding-left: 0;
	}
}

.gui-cart-sum .gui-item .gui-desc {
	font-size: 12px;
	text-align: left !important;
}
.gui-cart-sum .gui-line {
	background: var(--color-gray-light) !important;
}

body .gui-table tbody tr:last-child td {
	border-color: var(--color-gray-light);
}

.gui-checkout .gui-confirm-buttons a.gui-button-action {
	padding: 0 var(--space-8) !important;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
}
input#gui-form-discount_code {
	font-size: 1em;
}
.gui-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent !important;
	padding: 0 var(--space-2) !important;
}
body .gui-select {
	background: var(--color-white) !important;
	color: var(--color-black);
	font-size: 13px;
	position: relative;
	z-index: 0;
	border-radius: var(--radius);
	overflow: hidden;
}
body .gui-select:after {
	font-family: var(--font-icon);
	content: var(--icon-angle-down);
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	z-index: -1;
	font-size: .9em;
}
.gui-form .gui-radio input {
	margin: 0;
	margin-right: var(--space-2);
}
.gui-checkout .gui-form .gui-input,
.gui-checkout .gui-form .gui-text,
body .gui-select {
	border: none !important;
  border-radius: var(--radius);
}
.gui-select select {
	height: 40px !important;
	-webkit-appearance: none;
	border-radius: var(--radius);
	overflow: hidden;
	border: var(--border-subtle) !important;
}
.gui-checkout .gui-form input[type="text"],
.gui-checkout .gui-form input[type="email"],
.gui-checkout .gui-form textarea {
	height: 40px;
	padding: 0 var(--space-4);
	outline: none;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: var(--radius);
	font-size: .85em;
	font-weight: 700;
	letter-spacing: 0.05em;
	background: var(--color-white);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.gui-checkout .gui-form textarea {
	padding: 13px var(--space-4);
	max-width: 100%;
	min-height: 100px;
}
.gui-checkout .gui-form input::-webkit-input-placeholder,
.gui-checkout .gui-form textarea::-webkit-input-placeholder {
	color: var(--color-gray);
	color: rgba(0, 0, 0, 0.4);
}
.gui-checkout .gui-form input:-moz-placeholder,
.gui-checkout .gui-form textarea:-moz-placeholder {
	color: var(--color-gray);
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}
.gui-checkout .gui-form input::-moz-placeholder,
.gui-checkout .gui-form textarea::-moz-placeholder {
	color: var(--color-gray);
	color: rgba(0, 0, 0, 0.4);
	opacity: 1;
}
.gui-checkout .gui-form input:-ms-input-placeholder,
.gui-checkout .gui-form textarea:-ms-input-placeholder {
	color: var(--color-gray);
	color: rgba(0, 0, 0, 0.4);
}
.gui-checkout .gui-form input::-ms-input-placeholder,
.gui-checkout .gui-form textarea::-ms-input-placeholder {
	color: var(--color-gray);
	color: rgba(0, 0, 0, 0.4);
}

body .gui-input.gui-focus,
body .gui-text.gui-focus,
.gui-input input:focus,
.gui-text textarea:focus {
	border: var(--border-subtle) !important;
	box-shadow: none !important;
}
body .gui-select.gui-focus {
	border: none !important;
	box-shadow: none !important;
}

/* status-bar */
.gui-checkout .gui-progressbar {
	display: none;
}

.status-bar {
	margin-bottom: var(--space-10);
	margin-top: var(--space-10);
}
.status-bar.checkout {
	margin-bottom: var(--space-6);
	margin-top: var(--space-6);
}
.status-bar .bar {
	height: 1px;
	background: rgba(0, 0, 0, 0.03);
	margin: 0 var(--space-10);
	position: relative;
	margin-bottom: var(--space-6);
}
.status-bar .bar .dot {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: var(--radius-round);
	top: 50%;
	margin-top: calc(-1 * var(--space-5));
	margin-left: calc(-1 * var(--space-5));
	font-size: 25px;
	transition: all .3s ease-in-out;
	border: var(--border-subtle);
	background: var(--color-white);
}
.status-bar .bar .dot:nth-child(1) {
	left: 0;
}
.status-bar .bar .dot:nth-child(2) {
	left: 33.3333%;
}
.status-bar .bar .dot:nth-child(3) {
	left: 66.6666%;
}
.status-bar .bar .dot:nth-child(4) {
	left: 100%;
}
.status-bar .bar .active-bar {
	float: left;
	width: 0;
	height: 1px;
	transition: width .3s ease-in-out;
}
.status-bar .bar .active-bar.done-2 {
	width: 33.3333%;
}
.status-bar .bar .active-bar.done-3 {
	width: 66.6666%;
}
.status-bar .bar .active-bar.done-4,
.status-bar .bar .active-bar.done-all {
	width: 100%;
}
.status-bar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.status-bar ul li {
	width: 100px;
	text-align: center;
	opacity: .7;
	font-size: .95em;
}
.status-bar ul li.active {
	opacity: 1;
  font-weight: bold;
  color: var(--color-black);
}
.status-bar ul li.done {
	opacity: 1;
}
.status-bar .bar .dot {
	width: 40px;
	height: 40px;
	margin-top: calc(-1 * var(--space-4));
	margin-left: calc(-1 * var(--space-4));
	font-size: 20px;
}
.status-bar .bar .dot.done .sm:before {
	font-family: var(--font-icon) !important;
	content: var(--icon-check);
}
.status-bar .bar .sm:before {
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
}
.status-bar .bar .sm-about:before {
	content: '1';
}
.status-bar .bar .sm-shipping-returns:before {
	content: '2';
}
.status-bar .bar .sm-payment-methods:before {
	content: '3';
}
.status-bar .bar .sm-terms-conditions:before {
	content: '4';
}