h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0 0 17.5px;
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
h1, .h1 {
    font-size: 2.1875em;
    text-transform: none;
    letter-spacing: 0;
}
@media screen and (max-width:749px){
	h1, .h1 {
		font-size: 2em;
	}
}	
	
h3, .h3 {
    font-size: 1.625em;
    text-transform: none;
    letter-spacing: 0;
}

p {
    color: #69727b;
    margin: 0 0 19.44444px;
}
b, strong {
    font-weight: 700;
}

a, button, [role="button"], input, label, select, textarea {
    touch-action: manipulation;
}

form {
    margin: 0;
}

label {
    display: block;
    margin-bottom: 5px;
}
@media screen and (max-width:749px){
	label {
		font-size: 0.875em;
	}
}
label[for] {
    cursor: pointer;
}

input, textarea, select {
    border: 1px solid rgba(61,66,70,0.85);
    background-color: #fff;
    color: #000;
    max-width: 100%;
    line-height: 1.2;
    border-radius: 2px;
}
@media screen and (max-width:989px){
	input, textarea, select, button {
		font-size: 16px;
	}
}
input, textarea {
    padding: 8px 15px;
}
@media screen and (max-width:750px){
	input, textarea {
		padding: 10px 18px;
	}
}

input {
    color: #000000;
    background: #ffffff;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    margin-bottom: 27.5px;
}

td, th {
    padding: 0;
}
th {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 700;
}
th, td {
    text-align: left;
    border: 1px solid #e8e9eb;
    padding: 10px 14px;
}

/* ----------------- */

.s4com-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.s4com-container:before,
.s4com-container:after {
    content: " ";
    display: table
}

@media screen and (max-width:768px){
	.s4com-container {
		max-width: 750px;
	}
}
@media screen and (max-width:992px){
	.s4com-container {
		max-width: 970px;
	}
}
@media screen and (max-width:1200px){
	.s4com-container {
		max-width: 1170px;
	}
}

.s4com-container .row {
    margin-left: -15px;
    margin-right: -15px;
}
.s4com-container .row:before,
.s4com-container .row:after {
    content: " ";
    display: table
}

.s4com-container .row:after {
    clear: both
}

.s4com-default-color, .s4com-exception-color, .s4com-failed-attempt-color {
    color: #d55118;
}
.s4com-align-left {
    text-align: left;
}
.s4com-align-right {
    text-align: right;
}
.s4com-align-center {
    text-align: center;
}
.s4com-green-color, .s4com-delivered-color, .s4com-intransit-color, .s4com-inforeceived-color, .s4com-outfordelivery-color, .s4com-default-color, .s4com-exception-color, .s4com-failed-attempt-color {
    color: #00B877;
}

.s4com-hr {
    margin-top: 30px;
    padding-bottom: 30px;
    clear: both;
    overflow: hidden;
}
.s4com-hr {
    border-top: 1px solid #00B877;
}

/* ----------------- */

.s4com-container .col-xs-1, .s4com-container .col-sm-1, .s4com-container .col-md-1, .s4com-container .col-lg-1, .s4com-container .col-xs-2, .s4com-container .col-sm-2, .s4com-container .col-md-2, .s4com-container .col-lg-2, .s4com-container .col-xs-3, .s4com-container .col-sm-3, .s4com-container .col-md-3, .s4com-container .col-lg-3, .s4com-container .col-xs-4, .s4com-container .col-sm-4, .s4com-container .col-md-4, .s4com-container .col-lg-4, .s4com-container .col-xs-5, .s4com-container .col-sm-5, .s4com-container .col-md-5, .s4com-container .col-lg-5, .s4com-container .col-xs-6, .s4com-container .col-sm-6, .s4com-container .col-md-6, .s4com-container .col-lg-6, .s4com-container .col-xs-7, .s4com-container .col-sm-7, .s4com-container .col-md-7, .s4com-container .col-lg-7, .s4com-container .col-xs-8, .s4com-container .col-sm-8, .s4com-container .col-md-8, .s4com-container .col-lg-8, .s4com-container .col-xs-9, .s4com-container .col-sm-9, .s4com-container .col-md-9, .s4com-container .col-lg-9, .s4com-container .col-xs-10, .s4com-container .col-sm-10, .s4com-container .col-md-10, .s4com-container .col-lg-10, .s4com-container .col-xs-11, .s4com-container .col-sm-11, .s4com-container .col-md-11, .s4com-container .col-lg-11, .s4com-container .col-xs-12, .s4com-container .col-sm-12, .s4com-container .col-md-12, .s4com-container .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width:992px){
	.s4com-container .col-md-1, .s4com-container .col-md-2, .s4com-container .col-md-3, .s4com-container .col-md-4, .s4com-container .col-md-5, .s4com-container .col-md-6, .s4com-container .col-md-7, .s4com-container .col-md-8, .s4com-container .col-md-9, .s4com-container .col-md-10, .s4com-container .col-md-11, .s4com-container .col-md-12 {
		float: left;
	}
}

@media screen and (min-width:992px){
	.s4com-container .col-md-5 {
		width: 41.66667%;
	}
	.s4com-container .col-md-6 {
		width: 47.5%;
	}
	.s4com-container .col-md-7 {
		width: 58.33333%;
	}
}

/* ----------------- */

.s4com-border-box {
    padding: 30px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}
@media screen and (max-width:992px){
	.s4com-border-box {
		margin-bottom: 30px;
	}
}
@media screen and (max-width:991px){
	.col-md-6.position .s4com-border-box {
		margin-bottom: 14px;
	}
}

.s4com-border-box.s4com-bigger-padding {
    padding: 72px 30px;
}

label.s4com-label {

    font-weight: bold;
    padding-bottom: 10px;
    display: block;

}

input.s4com-input {
    width: 100%;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    padding: 15px;
    height: auto;
}
input.s4com-input.s4com-spacing-bottom {
    margin-bottom: 10px;
}

/* ----------------- */

/* btn */
.btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 8px 15px;
    background-color: #00b877;
    color: #fff;
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: normal;
    font-size: 14px;
}
@media screen and (max-width:750px){
	.btn {
		padding: 10px 18px;
	}
}

/* btn (reprise) */
.btn:focus, 
.btn:not([disabled]):hover {
    color: #fff;
	opacity: 0.8;
}

/* ----------------- */

/* s4com-btn  */
.s4com-btn {
    display: inline-block;
    margin-bottom: 0;
	padding: 15px 30px !important;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 15px 30px;
    font-size: 14px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
}
.s4com-btn {
    text-decoration: none;
}
.s4com-btn:hover, .s4com-btn:focus, .s4com-btn.focus {
    text-decoration: none;
}

/* ----------------- */

/* .s4com-btn-default */
.s4com-btn-default {
    color: #ffffff;
	opacity: 1;
    background-color: #00B877;
    border-color: transparent;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.s4com-btn-default.focus, .s4com-btn-default:active, .s4com-btn-default.active, .s4com-btn-default.zeroclipboard-is-hover, .open > .s4com-btn-default.dropdown-toggle {
    color: #ffffff;
	opacity: 1;
    background-color: #d55118;
}

.s4com-btn-default:hover, .s4com-btn-default:focus {
    color: #ffffff;
	opacity: 0.8;
}
.s4com-btn-default:hover {
    -moz-border-radius: 4px;
    border-radius: 4px;
}
	
/* ----------------- */

/* elements */
.s4com-space-20-top {
    padding-top: 20px;
}
.s4com-align-center {
    text-align: center;
}

.s4com-relative {
    position: relative;
}

.or-block {
    position: relative;
    font-size: .75em;
    font-family: Karla,HelveticaNeue,"Helvetica Neue",sans-serif;
    font-weight: 700;
}
@media screen and (min-width:992px){
	.or-block {
		float: left;
		top: 154px;
		width: 5%;
		text-align: center;
		word-break: break-all;
	}
}
@media screen and (max-width:991px){
	.or-block {
		text-align: center;
		bottom: 7px;
	}
}

/* ----------------- */

.s4com-container h1, .s4com-container h2, .s4com-container h3 {
    font-weight: 300;
    line-height: 1;
}
.s4com-container .h1, .s4com-container h1 {
    word-break: break-all;
}
@media screen and (max-width:600px){
	.s4com-container .h1, .s4com-container h1 {
		font-size: 24px;
	}
}
.s4com-container .h3, .s4com-container h3 {
    font-size: 18px;
}

.s4com-float-right {
    float: right;
}

@media screen and (max-width:1200px){
	.s4com-order-info .col-md-7.s4com-align-right {
		width: 100%;
		padding-top: 10px;
		float: left;
	}
}
@media screen and (max-width:768px){
	.s4com-order-info .col-md-7.s4com-align-right {
		padding-top: 0px;
		padding-bottom: 10px;
	}
}

.notify-email-block {
    position: relative;
    top: 1px;
}

.s4com-info-box {
    display: inline-block;
    height: 17px;
    width: 17px;
    border: 1px solid #e0e0e0;
    margin-left: 10px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background: url("") center center no-repeat;
    cursor: pointer;
}

.s4com-btn-publish-background {
    display: inline;
    width: 30px;
    background: #e0e0e0;
    height: 18px;
    float: right;
    border-radius: 30px;
    margin-left: 10px;
}
.s4com-progress .s4com-bar, .s4com-btn-publish-background.yes {
    background: #00B877;
}
.s4com-btn-publish {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    z-index: 99999;
    background: white;
    border-radius: 50%;
    position: relative;
    top: 2px;
    left: 2px;
}
.s4com-btn-publish.s4com-state-yes {
    left: -2px;
    float: right;
}

table.s4com-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

table.s4com-table th {
    border: none;
    padding: 15px !important;
    font-weight: bold;
    text-align: left;
}
@media screen and (max-width:600px){
	table.s4com-table th {
		padding: 10px 5px;
		text-align: center;
		font-size: 12px;
		line-height: 14px;
	}
}
table.s4com-table td {
    padding: 15px !important;
    border-top: 1px solid #e0e0e0;
    vertical-align: top;
    word-break: break-all;
}
@media screen and (max-width:600px){
	table.s4com-table td {
		padding: 10px 5px !important;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
	}
}

table.s4com-table td a {
    color: #00B877;
}

/* ----------------- */

#contentCheckpoints {
    padding-bottom: 10px;
}

.s4com-hr {
    margin-top: 30px;
    padding-bottom: 30px;
    clear: both;
    overflow: hidden;
}
.s4com-hr {
	border-top: 1px solid #00B877;
}
.s4com-hr.strong {
    border-top: 2px solid #00B877;
}

/* ----------------- */

.s4com-green-color, .s4com-delivered-color, .s4com-intransit-color, .s4com-inforeceived-color, .s4com-outfordelivery-color {
    color: #aecc45;
}
.s4com-green-color, .s4com-delivered-color, .s4com-intransit-color, .s4com-inforeceived-color, .s4com-outfordelivery-color, .s4com-default-color, .s4com-exception-color, .s4com-failed-attempt-color {
    color: #00B877;
}

/* ----------------- */

.s4com-container .h1 span, .s4com-container h1 span {
    white-space: nowrap;
}

/* ----------------- */

.s4com-progress-wrapper {
    overflow: hidden;
    text-align: left !important;
}
@media screen and (max-width:768px){
	.s4com-progress-wrapper {
		overflow: visible;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
}	

/* ----------------- */

.s4com-icon-box {
    float: left;
    position: relative;
    height: 70px;
    width: 70px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding-top: 18px;
    padding-left: 18px;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
	.s4com-icon-box {
		float: none;
		margin-bottom: 0px;
	}
}	

.s4com-icon-box.s4com-active {
    background: #aecc45;
    border-color: #aecc45;
}
.s4com-icon-box.s4com-active {
	background: #00B877;
	border-color: #00B877;
}

.s4com-icon {
    height: 32px;
    width: 32px;
}
.s4com-icon-shipped {
    fill: #e0e0e0;
}
.s4com-icon-deliver {
    fill: #e0e0e0;
}
.s4com-icon-pickup {
    fill: #e0e0e0;
}
.s4com-icon-delivered {
    fill: #e0e0e0;
}
svg:not(:root) {
    overflow: hidden;
}
.s4com-active .s4com-icon-shipped {
    fill: #ffffff;
}
.s4com-active .s4com-icon-deliver {
    fill: #ffffff;
}
.s4com-active .s4com-icon-pickup {
    fill: #ffffff;
}
.s4com-active .s4com-icon-delivered {
    fill: #ffffff;
}

.s4com-icon-box {
    float: left;
    position: relative;
    height: 70px;
    width: 70px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding-top: 18px;
    padding-left: 18px;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
	.s4com-icon-box {
		float: none;
		margin-bottom: 0px;
	}
}

/* ----------------- */

.s4com-icon-box .s4com-progress-title {
    position: absolute;
    text-align: center;
    bottom: -18px;
    white-space: nowrap;
    left: 0px;
    width: 70px;
    height: 10px;
}
@media screen and (max-width:768px){
	.s4com-icon-box .s4com-progress-title {
		bottom: 30px;
		left: 80px;
		text-align: left;
	}
}

/* ----------------- */

.s4com-progress {
    display: block;
    margin: 32px 7px 0px 7px;
    float: left;
    width: 20%;
    height: 6px;
    background: #e0e0e0;
}
@media screen and (max-width:1200px){
	.s4com-progress {
		width: 18%;
	}
}
@media screen and (max-width:768px){
	.s4com-progress {
		float: none;
		width: 4px !important;
		height: 40px;
		margin: 5px 7px 5px 32px;
	}
}

.s4com-progress .s4com-bar {
    width: 0%;
    height: 6px;
    background: #aecc45;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
@media screen and (max-width:768px){
	.s4com-progress .s4com-bar {
		-moz-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
		width: 6px;
		height: 0px;
	}
}

.s4com-progress .s4com-bar, .s4com-btn-publish-background.yes {
    background: #00B877;
}

/* ----------------- */

.s4com-progress .s4com-bar.s4com-full {
    width: 100%;
}
@media screen and (max-width:768px){
	.s4com-progress .s4com-bar.s4com-full {
		width: 100%;
		height: 100%;
	}
}
.s4com-progress .s4com-bar.s4com-half {
	width: 50%;
}
@media screen and (max-width:768px){
	.s4com-progress .s4com-bar.s4com-half {
		width: 100%;
		height: 50%;
	}
}