#content #gui-wrapper, #content .gui-wrapper-container {
	margin-top: 40px;
}
#content .gui-block-content {
	padding:0;
}
#content .gui-checkout .gui-page-title {
	display: none;
}
#gui-form-details-phone-number {
	padding-left: 85px !important;
}
.gui-input-phone-number .gui-input-phone-number-code-wrapper {
    position: absolute;
    width: 80px;
    height: 24px;
    z-index: 2;
    padding: 4px;
    margin: 0 4px;
}
.gui-input-phone-number {
	align-items: center;
}
.gui-checkout-one-page .gui-input-phone-number .gui-input-phone-number-code-placeholder {
	width: auto;
	font-size: 0.85em;
}
/*
.gui-block-subcontent {
	padding: 20px;
	background: #f9f9f9;
	border-radius: 3px;
}*/


/* inputs */
.gui-form .gui-field > label {
	margin-bottom: 5px;
}
.gui-input, .gui-text, .gui-select, .gui-number {
	border-color: #eee;
	background-color: transparent;
	border: 0;
}
#content .gui-input input, #content .gui-field textarea {

	border: 1px solid #eee;
	padding: 4px 15px;
	width: 100%;

	color: #444;
}
#content .gui-input input{
  	line-height: 40px;
  	height: 40px;
}
.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image {
	border-color: #eee;
}
.gui-table tbody tr td, .gui-table thead tr th {
	font-size: 14px!important;
}


/* buttons override all ugly stuff first */
#content .gui a.gui-button-large, #content .gui a.gui-button-small:not(.gui-button-fb) {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	/* border: 0; */
	text-decoration: none;
	padding: 0px 10px;
	font-weight: 600;
	font-size: 14px;
	border-radius: 3px;
	line-height: 40px;
	/* background: blue; */
	border-width: 1px;
	border-style: solid;
}
#content .gui-button-large {
	display: inherit;
	/*background-color: inherit;
	color: inherit;*/
	text-align: inherit;
	white-space: inherit;
	border: inherit;
	text-decoration: inherit;
}
.gui a.gui-button-facebook {
	display: inherit;
	padding: inherit;
	margin: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: inherit;
	background: none;
	background-position: inherit;
	text-decoration: inherit;
}
.gui a.gui-button-facebook {
	background: #617fb3;
	border-radius: 3px;
	color: white;
	font-weight: 600;
	padding: 0 20px;
	line-height: 40px;
}
.gui a.gui-button-facebook:before{
  content:"\f230";
  font-family:fontawesome;
	font-size: 20px;
	margin-right: 5px;
  position:absolute;
}
.gui a.gui-button-facebook span {
	display: inherit;
	padding: inherit;
	margin: inherit;
	color: inherit;
	background: inherit;
	border-top: inherit;
	border-bottom: inherit;
	padding: inherit;
	font-weight: inherit;
	font-size: inherit;
	border-radius: inherit;
	line-height: inherit;
	fill: currentColor;
	margin-left: 10px;
}
.gui a.gui-button-facebook:active span {
	background: inherit;
	border-top: 0px solid inherit;
	border-bottom: 0px solid #29447E;
}
.gui a.gui-button-link {
	line-height: inherit;
	text-decoration: underline;
}
.gui-checkout .gui-form a.gui-button-fb {
	background-color: #3B5998;
	border-color: #3B5998;
	color: #FFFFFF;
	padding-left: 36px;
	/* vertical-align: middle; */
	line-height: 22px;
}

/* titles */
.gui-block-title {
	border-bottom: 1px solid #eee;
	position: relative;
	margin-bottom: 20px;
	background: transparent;
	padding: inherit;
}
.gui-block-title strong {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	display: inline-block;
	position: relative;
}
.gui-block-title strong::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -1px;
	left: 0;
}
.gui-block-subtitle.gui-bigger {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

/* block */
.gui-block {
	border:0;
}



/* progress bar */
#content .gui-progressbar {
	background-color:transparent;
}
#content .gui-checkout .gui-progressbar ul li a {
	color: #444;
}
#content .gui-checkout .gui-progressbar ul li.gui-done a {
	color: #fff;
}
#content .gui-checkout .gui-progressbar {
    background-image: none;
    margin: 0 0 30px 0;
}
#content .gui-progressbar {
	margin-bottom: 30px;
	font-size: inherit;
	border: 0;
	border-left: 0px;
	border-right: 0px;
}
#content .gui-checkout .gui-progressbar ul {
	background: transparent;
	margin: 0;
	list-style: none;
	padding: .5em 1em;
	margin: 1em auto;
padding: 0;
text-align: center;
}
#content .gui-checkout .gui-progressbar ul li.gui-active, .gui-checkout .gui-progressbar ul li.gui-invalid {
	background-image: none;
	background-color: transparent;
}
#content .gui-progressbar ul li {
	width: auto;
	float: none;
	display: block;
	text-align: center;
	display: inline-block;
	background: transparent;
	margin: 0 40px 0 0;
	padding: 0;
	position: relative;
	width: 20%;
}
#content .gui-progressbar ul li:first-child {
	margin-left: 40px;
}
#content .gui-progressbar ul li::after {
	position: absolute;
	content: '';
	height: 4px;
	background: #edeff0;
	margin: 0;
  width: 100%;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%) translateX(-1px);
  -moz-transform: translateY(-50%) translateX(-1px);
  -ms-transform: translateY(-50%) translateX(-1px);
  -o-transform: translateY(-50%) translateX(-1px);
  transform: translateY(-50%) translateX(-1px);
}

#content .gui-progressbar ul li:last-of-type::after {
	display: none;
}
#content .gui-progressbar ul li:hover a {
	background: #2c3f4c !important;
  color: #fff;
}
#content .gui-checkout .gui-progressbar ul li a, .gui-checkout .gui-progressbar ul li.gui-done + li a, .gui-checkout .gui-progressbar ul li.step-details a {
	background-color: #eee;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: unset;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	padding: 0 20px;
	font-size: 16px;
}
#content .gui-checkout .gui-progressbar ul li a span {
	background-image: none;
	background-position: left top;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: none;
	height: auto;
	margin: 0 5px 0 0;
	text-indent: inherit;
	width: auto;
}
#content .gui-checkout .gui-progressbar ul li.gui-active a, 
#content .gui-checkout .gui-progressbar ul li.gui-done a{
	text-indent: inherit;
  background: #96c03d;
}
#content .gui-checkout .gui-progressbar ul li.gui-active a span {
	background-position: inherit;
}
#content .gui-checkout .gui-progressbar ul li.gui-active a {
	color: inherit;
	text-shadow: none;
	background: #96c03d;
	color: white;
}
#content .gui-progressbar ul li:hover a {
	background: #2c3f4c !important;
}
#content .gui-progressbar ul li.gui-done::after {
	background: #96c03d;
}
#content .gui-checkout .gui-progressbar ul li a::before {
	font-family: fontawesome;
	margin-right: 5px;
	font-size: 20px;
	vertical-align: baseline;
	font-weight: normal;
}
#content .gui-checkout .gui-progressbar ul li.step-details a::before{
	content: "\f022";
}
#content .gui-checkout .gui-progressbar ul li.step-shipment a::before {
  content:"\f1da";
}
#content .gui-checkout .gui-progressbar ul li.step-payment  a::before {
  content:"\f09d";
}
#content .gui-checkout .gui-progressbar ul li.step-review a::before {
  content: "\f06e";
}
#content .gui-checkout .gui-progressbar ul li.gui-done a::before{
  content: "\f00c";
  font-family: fontawesome;
	margin-right: 5px;
}
#content .gui-progressbar ul li.step-details:hover a::before{
  	content: "\f022";
}
#content .gui-progressbar ul li.step-shipment:hover a::before{
    content:"\f1da";
}
#content .gui-progressbar ul li.step-payment:hover a::before{
  	content:"\f09d";
}
#content .gui-progressbar ul li.step-review:hover a::before{
  	content: "\f06e";
}
.gui-progressbar.gui-fixed {
	opacity: 0;
}
/*
.gui-table tbody tr td:first-child {
	background: #f9f9f9;
	padding-right: 15px;
}*/
#gui-block-review .gui-button-small.gui-button-action {
	width: 100%;
}
/* iPad PRO fix */
@media only screen  and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #content .gui-checkout .gui-progressbar ul {
    display: flex;
  }
}