[v-cloak], [v-cloak] > * { display:none }
[v-cloak]::before { content: "loading..." }

body.iosBugFixCaret.cex-modal-open {
	position: fixed;
	overflow: hidden;
}

body.iosBugFixCaret.cex-modal-open .modal {
	overflow: scroll;
	height:100%;
}

@media only screen and (min-resolution: 150dpi) and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body.iosBugFixCaret.cex-modal-open .modal {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

.modal-body {
	padding: 20px 20px 0;
}

.modal-body a {
	font-weight:bold;
	color: #3598DB;
	text-decoration: underline;
}

.modal-body a:hover {
	color: #344A5F;	
}

.page-checkout {
	width:100%;
	margin:auto;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (min-width: 767px) {
	.page-checkout {
		padding:0 20px;
	}
}

@media screen and (min-width: 1200px) {
	.page-checkout {
		padding:0 40px;
	}
}

@media screen and (min-width: 1600px) {
	.page-checkout {
		padding:0;
		width:95%;
	}
}

	.edit {
		display: inline-block;
		min-width: 10px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		vertical-align: baseline;
		white-space: nowrap;
		text-align: center;
		margin-left: 2px;
		color: rgb(41, 128, 185);
		border-radius: 1px;
		border-bottom: 1px solid #3498DB;
		cursor:pointer;
	}

	.edit:active {
		margin-bottom: -1px;
		margin-top: 1px;
		margin-left: 1px;
	}

	.edit span {
		display:none;
	}

	.js-hand {
		cursor:pointer;
	}

	.js-hover {
		cursor:default;
	}

	a.normal-link,
	.no-link,
	.js-link {
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		color: rgb(41, 128, 185);
		border-bottom: 1px solid #3498DB;
		cursor:pointer;
		text-decoration:none;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}

	.loading-text {
		font-size: 12px;
		line-height: 1;
		text-align: center;
		color: lightgrey;
		cursor:pointer;
		text-decoration:none;
	}

	.js-link.js-link-grey {
		color:#929292;
		border-bottom-color: #929292;
	}

	.js-link.js-link-grey:hover {
		color:#666;
		border-bottom-color: #666;
	}

	.js-link.js-edit {
		color:#344A5F;
		border-bottom: 1px solid #344A5F;
	}

	.js-link.js-edit:hover {
		color:#AEB7C0;
		border-bottom-color: #AEB7C0;
	}
	
	.js-link.js-remove {
		color:#E74D3C;
		border-bottom-color: #E74D3C;
	}

	.js-link.js-remove:hover {
		color:#F4B8B0;
		border-bottom-color: #F4B8B0;
	}
	
	.js-link.js-remove-grey {
		color: #898989;
		border-bottom-color: #898989;
	}

	.js-link.js-remove-grey:hover {
		color:#b1b1b1;
		border-bottom-color: #b1b1b1;
	}

	.page-checkout .address-preview {
		color: grey;
	}

	.cex-address-phone {
		display: block;
		margin-top: 5px;
		font-style: italic;
		color: grey;
	}

	.cex-address-phone .icon-phone {
		width: 12px;
		height: 12px;
		fill: grey;
	}

	.cex-address-phone.inline-block {
		display: inline-block;
	}

	.cex-address-selection .cex-flex {
		flex-wrap: wrap;
	}

	.cex-form-billing {
		margin-bottom:15px;
	}

	@media screen and (min-width: 767px) {
		.cex-form-billing {
			border: 1px solid #F7F9F9;
			padding:15px;
		}
	}

	.page-checkout a:hover,
	.js-link:hover {
		border-bottom-color: #344A5F;
		color: #344A5F;
	}

	.js-link.js-link-remove {
		color: #E77E21;
		border-bottom-color: #E77E21;
	}

	.js-link.js-link-remove:hover {
		color: #F39C0F;
		border-bottom-color: #F39C0F;
	}

	.no-link {
		color: #333;
		border-bottom-color: transparent;
		cursor: default;
	}

	a.order,
	.order {
		width:100%;
		display:block;
		background: #F39C0F;
		background: linear-gradient(to bottom, #F39C0F, #dc8c0a);
		padding:10px 15px;
		border-radius:3px;
		font-weight:bold;
		transition:all 0.1s ease-in-out;
		color:#fff;
		border:none;
	}

	a.order:hover,
	.order:hover {
		background: #E77E21;
		background: linear-gradient(to bottom, #E77E21, #F39C0F);
	}

	a.order:active,
	.order:active {
		transform: scaleX(0.9995);
		border:none;
	}

	.order-btn {
		padding-bottom:10px;
		text-align: left;
	}

	@media screen and (min-width: 767px) {
		a.order-btn,
		.order-btn {
			text-align:center;
			margin-bottom:10px;			
		}
	}
	
	a.order-btn.order-btn-header,
	.order-btn.order-btn-header {
		display:none;
	}

	@media screen and (min-width: 767px) {
		a.order-btn.order-btn-header,
		.order-btn.order-btn-header {
			display:block;
		}

		a.order-btn.order-btn-footer,
		.order-btn.order-btn-footer {
			display:none;
		}
	}

	.cex-summary-header a.order-btn,
	.cex-summary-header .order-btn {
		padding-bottom:0;
	}

	a.order-btn .notice,
	.order-btn .notice {
		font-size:12px;
		color:grey;
		margin:15px auto 0;
		border-bottom: 1px solid #f5f5f5;
		padding-bottom:10px;
		display:block;
	}

	.cex-summary-header .order-btn .notice,
	.cex-summary-header .order-btn .notice {
		border-bottom: none;
		padding-bottom:0;
	}

	.order-btn a,
	.order-btn button {
		background: #b9b9b9;
		background: linear-gradient(to bottom, #b9b9b9, #c1c1c1);
		cursor:default;
	}

	@media screen and (min-width: 767px) {
		.order-btn a,
		.order-btn button {
			margin:auto;
		}
	}
	
	.order-btn a:focus,
	.order-btn button:focus {
		outline: none;
	}
	
	.order-btn a:hover,
	.order-btn button:hover {
		background: #b9b9b9;
		background: linear-gradient(to bottom, #b9b9b9, #c1c1c1);
	}

	.order-btn.is-active a,
	.order-btn.is-active button {
		background: #E77E21;
		background: linear-gradient(to bottom, #F39C0F, #dc8c0a);
		cursor:pointer;
	}

	.order-btn.is-active a:active,
	.order-btn.is-active button:active {
		margin-bottom: -1px;
		margin-top: 1px;
		margin-left: 1px;
		outline:none;
	}

	.order-btn.is-active a:focus,
	.order-btn.is-active button:focus {
		outline: none;
	}

	/* cart */

	.cart-product .cart-item-image img {
		max-width:100%;
	}

	.cart-product input.add-to-cart-quantity,
	.cart-product input.quantity-display-addon {
		max-width:100%;
	}

	.cex-info .cex-info-title {
		font-weight:bold;
		margin-bottom: 4px;
		display:block;
	}
	
	.page-checkout .form-group .form-control:nth-child(n+2) {
		margin-bottom:0;
	}

	.form-group {
		margin-bottom: 4px;
		border: 2px solid transparent;
	}

	.form-group.form-group-error {
		border: 2px solid #F39C0F;
		padding: 10px;
	}

	.field-input.field-input-error {
		padding-top: 8px;
		display: inline-block;
		font-size:13px;
		color: #F39C0F;
	}
	
	.field-input.field-input-warning {
		padding-top: 8px;
		display: inline-block;
		font-size:13px;
		color: #333;
	}
	
	.form-group.form-group-error .field-input.field-input-warning {
		padding-top: 8px;
		display: inline-block;
		font-size:13px;
		color: #F39C0F;		
	}

	.notice-shipping {
		color: #333;
		font-size:13px;
	}

	.notice-shipping ul {
		padding-left:15px;
		margin-top:5px;
		margin-bottom:5px;
	}

	.notice-shipping li {
		margin-bottom:5px;
	}

	.cex-typing .cex-info.cex-focus {
		border-color: #BFBFBF;
	}

	.cex-typing .form-group.form-group-error {
		border-color: #DDDDDD;
	}

	.cex-typing .field-input.field-input-error {
		color: #DDDDDD;
	}

	.cex-modal-notice {
		padding:0 0 20px;
	}

	.cex-modal-processing {
		padding:0 20px 25px;
	}

	.cex-modal-content-footer {
		padding:0 0 10px;
	}

	.modal-header,
	.modal-content,
	.modal-footer {
		background: #fafafa;
	}

	.modal-header {
		padding:20px 20px 5px 20px;
		border-top: 3px #3598DB solid;
		border-bottom:none;
	}

	.modal-content {
		box-shadow: none;
	}
	
	.modal-footer {
		margin-top:0;
		text-align: right;
		padding: 10px 15px;
		border-top:none;
	}

	@media screen and (min-width: 767px) {
		.modal-footer {
			padding:14px 20px;
		}
	}

	.modal-footer .form-group {
		display:inline-block;
	}

	.rect-select-container,
	.box-select-container {
		border:1px solid #ddd;
		display: inline-block;
		padding: 10px;
		margin: 0 10px 10px 0;
		border-radius: 3px;
	}

	.cex-payment-selection .rect-select-container {
		padding: 3px 10px;
		margin:0;
	}

	.rect-select-container {
		width:100%;
		min-height:35px;
	}

	.box-select-container {
		min-width:100%;
		min-height:75px;
		transition:all 0.2s;
		position:relative;
		width:100%;
		background-color: #fff;
	}

	@media screen and (min-width: 768px) {
		.box-select-container {
			min-width:200px;
			width:30%;
		}
	}

	.box-select-container:hover {
		border-color: #c5c5c5;
		/* border: 2px solid #ddd; */
		/* box-shadow: 3px 3px 0 #ddd; */
	}

	.box-select-container:active {
		border-color: #676767;
		/* top:1px;
		bottom:-1px;
		left: 1px; */
	}		

	.box-cta-add {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
		justify-content: center;
		align-items: center;
		border-style: dashed;
		padding:15px;
		text-align: center;
	}

	.box-details {
		padding: 5px 10px 15px;
	}

	.box-cta {
		align-self:flex-end;
	}

	.box-cta .btn {
		width:100%;
		background-image:none;
	}

	.box-cta {
		display: inline-block;
		min-width: 10px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		vertical-align: baseline;
		white-space: nowrap;
		text-align: center;
		border-radius: 10px;
		/* margin-left: 2px; */
		color: rgb(41, 128, 185);
		border-radius: 1px;
		/* border-bottom: 1px solid #3498DB; */
		cursor:pointer;
	}

	.box-cta-secondary {
		margin-top:8px;
	}

	.box-cta-secondary .js-link {
		margin-right:3px;
	}

	.box-cta-secondary .js-link:last-child {
		margin-right:0;
	}

	/* rollover for secondary actions on desktop */
	/* @media (min-width: 990px) {
		.box-select-container .box-cta-secondary {
			opacity:0.65;
			-webkit-transition:opacity 0.3s;
			transition:opacity 0.3s;
		}
	
		.box-select-container:hover .box-cta-secondary {
			opacity:1;
		}
	} */
	

	.modal-subtitle {
		font-family: 'Roboto', sans-serif;
		margin-bottom: 9px;
		font-weight: bold;
		font-size: 13px;
	}

	.radio label {
		font-size: 13px;
	}

	.radio-cta {
		float:right;
	}

	.cex-rewards .rewards-balance {
		color: #27AF60;
		font-weight:bold;
		display:block;		
		margin-top: 3px;
		font-size:12px;
	}

	.stack {
		display:block;
	}

	.cex-info ul {
		padding: 0 20px;
	}

	a.spa-btn,
	button.spa-btn,
	.spa-btn {
		border: 1px solid transparent;
		background:#efefef;
		border-color: #a9a9a9;
		background-image: linear-gradient(to bottom, #efefef, #e4e4e4);
		-webkit-border-radius: 2px;
		border-radius: 3px;
		color: #616161;
		font-size: 13px;
		padding: 10px 15px;
		text-decoration: none;
		cursor:pointer;
		text-decoration: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		display: inline-block;
		position:relative;
	}

	button.spa-btn:hover,
	a.spa-btn:hover,
	.spa-btn:hover {
		text-decoration:underline;
	}

	button.spa-btn:active,
	.spa-btn:active {
		/* outline:none; */
	}

	button.spa-btn.spa-btn-remove,
	.spa-btn.spa-btn-remove {
		background-image: linear-gradient(to bottom, #E64D3D, #ad3124);
		border-color: transparent;
		background: #E64D3D;
		color:#fff;
	}

	button.spa-btn.spa-btn-plain,
	.spa-btn.spa-btn-plain {
		background: #929292;
		background-image: linear-gradient(to bottom, #929292, #888888);
		border-color: #828282;
		color:#fff;
	}
	
	.spa-btn:active,
	button.spa-btn:active {
		bottom: -1px;
		top: 1px;
		left: 1px;
	}

	button.spa-btn.disabled:active,
	.spa-btn.disabled:active {
		bottom:0;
		top:0;
		left:0;
	}

	button.spa-btn.disabled,
	.spa-btn.disabled {
		border: 1px solid transparent;
		background: linear-gradient(to bottom, #b9b9b9, #c1c1c1);
		cursor: default;		
	}

	button.spa-btn.secondary,
	.spa-btn.secondary {
		color:#fff;
		background:#27AF60;
		background-image: linear-gradient(to bottom, #208e4f, #27af60);
		border-color: #219452;
	}

	button.spa-btn.hollow,
	.spa-btn.hollow {
		color: #2980b9;
		border-color: #2980b9;
		background: transparent;
	}

	a.spa-btn.spa-btn-main,
	button.spa-btn.spa-btn-main,
	.spa-btn.spa-btn-main {
		color: #fff;
		border-color: #287EB5;
		background: #287EB5;
		background-image: linear-gradient(to top, #287EB7, #379dde);
	}

	a.spa-btn.spa-btn-main:hover,
	button.spa-btn.spa-btn-main:hover,
	.spa-btn.spa-btn-main:hover {
		color: #fff;
		background: #344A5F;
		border-color: #344A5F;
		background-image: linear-gradient(to bottom, #287EB7, #379dde);
	}

	.spa-btn.disabled:hover {
		background: #b9b9b9;
		background: linear-gradient(to bottom, #b9b9b9, #c1c1c1);
		border: 1px solid transparent;
	}
	
	.section {
		margin:3px auto;
	}

	.card.visa {
		background: url('/static/icons/Visa.png') no-repeat;
	}

	.cex-form-email .input-group {
		max-width: 265px;
	}

	.cex-form-email .form-control {
		width:100%;		
	}

	.cex-form-email .form-group {
		margin-bottom:0;
	}

	.cex-form-email .help-block {
		font-size:13px;
		margin-bottom:4px;
	}

	#checkout h1 {
		font-size:20px;
		display:inline-block;
		padding: 0 10px;
		margin-bottom:2px;
	}

	@media screen and (min-width: 767px) {
		#checkout h1 {
			padding: 0; 
		}
	}

	.cex-review {
		margin:0 10px;
		display:block;		
	}

	@media screen and (min-width: 767px) {
		.cex-review {
			display:inline-block;
		}
	}

	.cex-processing {
		font-size:12px;
		width:100%;
		padding:7px 15px;
		background-color: #F7F9F9;
		border: 1px solid #ddd;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		margin-top:20px;
	}

	@media screen and (min-width: 767px) {
		.cex-processing {
			border-top:none;
			margin-top:0;
		}
	}

	.cex-processing a {
		text-decoration: underline;
	}

	.cex-message {
		color: #344a5f85;
	}

	.cex-processing-message {
		color: #344a5f85;
	}
	
	.cex-message-error {
		color: #E74D3C;
	}
	
	.cex-message-error a {
		font-weight: bold;
		color: #E74D3C;
	}

	/* notices */

	.cex-processing-loading {
		display:inline-block;
		margin:0 4px 0 0;
		width:20px;
		height:20px;
	}

	.cex-info.error .form-control {
		border: 1px solid #E74D3C;
		box-shadow: 1px 1px 3px 0px #E74D3C;
	}

	.cex-redeem {
		background: #f7f9f9;
		border-radius: 3px;
		padding: 10px;
		margin-top: 10px;
	}

	.cex-redeem:before {
		position: absolute;
		content: "";
		width: 0px;
		height: 0px;
		border-bottom: 9px solid #f7f9f9;
		border-right: 9px solid transparent;
		border-top: 9px solid transparent;
		border-left: 9px solid transparent;
		margin-top: -27px;
	}

	.cex-redeem .form-group,
	.cex-redeem .form-group {
		margin-bottom:0;
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}

	.cex-redeem .form-control {
		/* max-width: 159px; */
		/* display: inline-block; */
		width:100%;
	}

	.cex-redeem .input-group-btn {
		width:auto;
		display: inline-block;
	}

	.notice {
		font-size: 12px;
		/* font-weight: bold; */
	}

	.notice:empty {
		display:none;
	}

	.notice.success {
		color: #27AF60;
	}

	.notice.error {
		color: #E74D3C;
	}
	
	.notice.warning {
		color: #E77E21;
	}

	.notice.info {
		color: #9a9a9a;
	}

	.cex-rewards .notice,
	.cex-discounts .notice {
		background-color: #F7F9F9;
		padding:5px 10px;
		width: 100%;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		margin-top:4px;
		display:inline-block;
	}

	.cex-rewards .notice:empty,
	.cex-discounts .notice:empty {
		display:none;
	}

	/* alerts */
	.alert-danger {
		background-color: #f5b8b114;
		border-color: #E74D3C;
		color: #E74D3C;
	}

	.btn-rewards,
	.btn-redeem {
		background: #3498DB;
		background-image: -webkit-linear-gradient(top, #3498db, #1b7cbb);
		background-image: -moz-linear-gradient(top, #3498db, #1b7cbb);
		background-image: -ms-linear-gradient(top, #3498db, #1b7cbb);
		background-image: -o-linear-gradient(top, #3498db, #1b7cbb);

		background-image: linear-gradient(to bottom, hsla(204, 64%, 50%, 1), #226fa2);
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border: 1px solid #2891d6;
		color: #ffffff;
		font-size: 13px;
		padding: 6px 10px 6px 10px;
		text-decoration: none;
		height: 100%;
	}

	.cex-summary table.table {
		/*font-family: 'Roboto';*/
		margin-bottom:10px;
	}

	.cex-summary .amount-label,
	.cex-summary .amount-value {
		font-weight: normal;
		color: #505050;
		padding-top: 2px;
		padding-bottom: 2px;
		margin:0;
	}

	.cex-summary table.table .amount-border-bottom {
		border-bottom: 1px solid #f5f5f5;
	}

	.cex-summary table.table .amount-border-bottom .amount-label,
	.cex-summary table.table .amount-border-bottom .amount-value {
		padding-bottom:10px;
	}

	.cex-summary table.table .amount.order-total .amount-label,
	.cex-summary table.table .amount.order-total .amount-value {
		padding-top: 10px;
	}

	.cex-summary table.table .amount.amount-total .amount-label,
	.cex-summary table.table .amount.amount-total .amount-value {
		font-size:15px;
		padding-top: 10px;
	}

	.cex-summary table.table .amount.amount-total .amount-label {
		font-weight: bold;
	}

	.cex-summary table.table .amount.amount-total.amount-total-active .amount-label,
	.cex-summary table.table .amount.amount-total.amount-total-active .amount-value {
		font-weight: bold;
		color: #344A5F;
	}

	.amount {
		margin-bottom:4px;
	}

	.amount-value {
		text-align: right;
	}

	.amount-value-net-savings {
		color: #8e8e8e;
		text-decoration: line-through;
		margin: 0 4px 0 0;
	}

	.amount .amount-muted {
		font-style: italic;
		color: #b3b3b3;
	}

	.amount .amount-shipping-free {
		font-weight: bold;
		color: #2980B9;
	}

	.amount-positive {
		color: #27AF60;
	}

	.amount-negative {
		color: #E74D3C;
	}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

.loader {
	left: 0;
	right: 0;
	margin: auto;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.spa-btn.is-loading {
	color: transparent !important;
}

/* .loading {
	opacity:0.5;
} */

.loading:after {
	-webkit-animation: spinAround 500ms infinite linear;
	animation: spinAround 500ms infinite linear;
	border: 2px solid #AED6F1;
	border-radius: 290486px;
	border-right-color: transparent;
	border-top-color: transparent;
	content: "";
	display: block;
	height: 1em;
	position: relative;
	width: 1em;
	position: absolute;
	left: calc(50% - (1em / 2));
	top: calc(50% - (1em / 2));
	position: absolute !important;
}

	@keyframes spinAround {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(359deg);
		}
	}

.modal {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	align-items: center;
	display: none;
	justify-content: center;
	overflow: hidden;
	position: fixed;
	z-index: 20;

	z-index: 1000;
}

.modal.is-active {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-webkit-overflow-scrolling: touch;
	z-index: 5000;
	overflow: auto;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.modal-background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(43, 61, 79, 0.85);
}

.modal-content,
.modal-card {
	margin: 0;
	max-height: 100%;
	overflow: auto;
	position: relative;
	width: 100%;
	border-top:0;
	border-radius:5px;
}

@media screen and (min-width: 769px) {
	.modal-content,
	.modal-card {
		margin: 0 auto;
		max-height: calc(100vh - 40px);
		width: 675px;
	}
}

h4.modal-title {
	font-size: 15px;
	color:#3e3e3e;
}

@media screen and (min-width: 769px) {
	h4.modal-title {
		font-size: 18px;
	}
}

.modal-close {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: rgba(10, 10, 10, 0.2);
	border: none;
	border-radius: 290486px;
	cursor: pointer;
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 1rem;
	max-height: 20px;
	max-width: 20px;
	min-height: 20px;
	min-width: 20px;
	outline: none;
	position: relative;
	vertical-align: top;
	background: none;
	height: 40px;
	position: fixed;
	right: 20px;
	top: 20px;
	width: 40px;
}

.pull-left {
	float: left;
}

button.spa-btn-left,
.spa-btn-left {
	/*display:flex;*/
	float: left;
}

.page-checkout .form-control.text-area-input,
.text-area-input {
	width: 100%;
}

.payment-request-link {
	color: grey;
	border-bottom-color: grey;
}

.payment-request-response {
	font-style: italic;
	display: block;
	margin-top: 10px;
}

.payment-request-helper {
	display:block;
	margin-bottom:15px;
}

.modal-close:before,
.modal-close:after {
	background-color: white;
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform-origin: center center;
}

.modal-close:before {
	height: 2px;
	width: 50%;
}

.modal-close:after {
	height: 50%;
	width: 2px;
}

.modal-close:hover, .modal-close:focus {
	background-color: rgba(10, 10, 10, 0.3);
}

.modal-close:active {
	background-color: rgba(10, 10, 10, 0.4);
}


.modal-header .modal-close-btn {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: rgba(10, 10, 10, 0.2);
	border: none;
	border-radius: 290486px;
	cursor: pointer;
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 1rem;
	max-height: 20px;
	max-width: 20px;
	min-height: 20px;
	min-width: 20px;
	outline: none;
	position: absolute;
	vertical-align: top;
	background: none;
	height: 40px;
	right: 20px;
	top: 20px;
	width: 40px;
}

.modal-header .modal-close-btn:before,
.modal-header .modal-close-btn:after {
	background-color: #9da8af;
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform-origin: center center;
}

.modal-header .modal-close-btn:before {
	height: 2px;
	width: 50%;
}

.modal-header .modal-close-btn:after {
	height: 50%;
	width: 2px;
}

.modal-header .modal-close-btn:hover,
.modal-header .modal-close-btn:focus {
	background-color: #e0e0e0;
}

.modal-header .modal-close-btn:active {
	background-color: #c7c7c7;
}

.notice {
	transition: all .3s ease;
}
.notice.v-enter,
.notice.v-leave {
	height: 0;
	padding: 0 10px;
	opacity: 0;
}

.address-line-two {
	margin-top:8px;
}

/* panel */

.cex-status {
	font-size:12px;
	color:#2B3D4F;
	border-top:none;
	width:100%;
	padding:10px 20px;
	border: 1px solid transparent;
	background-color: #f7f9f9;
	border-color: #ddd;
}

.cex-status.cex-status-complete {
	background-color: #eaf4fb;
	border-color: #3498db;
}

.page-checkout .cex-status ul {
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
}

.page-checkout .cex-status li {
	margin-bottom:5px;
}

.cex-status.cex-status-error {
	background-color: #fcf2f0;
	background-color: #f5b8b140;
	color:  #BF3A2B;
	border-color:  #BF3A2B;
	border: 1px solid #BF3A2B;
}

.cex-status.cex-status-error a { 
	color:  #BF3A2B;
	font-weight:bold;
	text-decoration:underline;
}

.cex-status.cex-status-info {
	background-color: #eaf7ff;
	background-color: #3598db0f;
	border-color: #3598DB;
	color: #0b65a0;
}

.cex-status.cex-status-info a { 
	color:  #0b65a0;
	font-weight:bold;
	text-decoration:underline;
}

.cex-support {
	background-color: #aed6f11f;
	border-color: #3498DB;
	color: #287FB8;
	padding: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.cex-support.cex-support-error {
	background-color: #f5b8b140;
	color:  #BF3A2B;
	border-color:  #BF3A2B;
	border: 1px solid #BF3A2B;
}

.cex-support a {
	font-weight:bold;
	text-decoration:underline;
}

.cex-support.cex-support-error a {
	color:  #BF3A2B;
}

/* frontend validation focus */
.cex-focus .notice.error {
	color: #E77E21;
}

.cex-focus .rect-select-container {
	border-color: #FAD79F;
}

.cex-focus .form-control {
	border-color: #E77E21;
}

.cex-focus .form-control:focus {
	border-color: #E77E21;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fad79f8f;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fad79f8f;
}

.cex-focus .cex-info .cex-info-title {
	color: #563908
}

.cex-all {
	width:100%;
	display:block;
	margin-top:15px;
}

@media screen and (min-width: 1024px) {
	.cex-all {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.cex-main {
	width:100%;
}

@media screen and (min-width: 1024px) {
	.cex-main {
		width:70%;
		margin-right:10px;	
	}
}

.cex-summary {
	width:100%;
	display:block;
	margin-bottom:20px;
	max-width: 470px;
	align-self:flex-start;
}

.cex-summary.cex-summary-shopping {
	display:none;
}

@media screen and (min-width: 768px) {
	.cex-summary {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
		margin:10px;
	}
}

@media screen and (min-width: 1024px) {
	.cex-summary {
		width:30%;
		margin-left:10px;	
		margin-right:0;	
	}

	.cex-summary.cex-summary-shopping {
		width:100%;
		display:inline-block;
	}
}

.cex-summary-header {
	display:block;
	margin-bottom:0;
	margin-top:8px;
}

@media screen and (min-width: 1024px) {
	.cex-summary-header {
		display:none;
	}
}

.cex-summary-footer {
	margin-bottom:30px;
}

.cex-summary .cex-info {
	padding:10px 7px;
	margin:0;
	width:100%;
}

@media screen and (min-width: 768px) {
	.cex-summary .cex-info {
		padding:15px 20px 20px;
	}

	.cex-summary-header .cex-info {
		padding-bottom: 0;
		padding-left: 0;
	}
}

.cex-data {
	display: block;       /* NEW, Spec - Firefox, Chrome, Opera */
	/* margin-bottom:20px;		 */
}

@media screen and (min-width: 767px) {
	.cex-data {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.cex-col {
	width:100%;
	background-color: #fff;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


@media screen and (min-width: 767px) {
	.cex-data .cex-col {
		border: 1px solid #ddd;	
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
		box-shadow: 0 1px 1px rgba(0,0,0,.05);
	}
}

.cex-info {
	margin:0;	
	padding:15px;	
	position:relative;
}

@media screen and (min-width: 767px) {
	.cex-info {
		margin:10px;	
		padding:10px;	
		border-top: none;		
	}

	.cex-info:nth-child(n+2) {
		margin:0 10px 10px;
		padding:0 10px 10px;
	}	
}

.cex-info .cex-info-title .cex-mobile {
	display:inline-block;
	margin-right:4px;	
}

@media (min-width: 767px) {
	.cex-info .cex-info-title .cex-mobile {
		display:none;
	}
}


.cex-data .cex-info {
	border-top: 1px solid #ddd;	
}

@media screen and (min-width: 767px) {
	.cex-data .cex-info  {
		border-top: none;
	}
}

.cex-info.cex-rewards,
.cex-info.cex-discounts {
	border-top:none;
}

.cex-info {
	border: 2px solid transparent;
}

.cex-info.cex-focus {
	border: 2px solid #F39C0F;
	border-radius: 3px;
}

.cex-info.cex-focus.loading,
.cex-focus.cex-focus-mute {
	border-color: #dddddd;
}

.cex-info.cex-rewards {
	padding:4px 20px;
	margin:0;
}

.cex-info.cex-discounts {
	margin:0;
	margin-bottom:20px;
	padding: 4px 20px;
}

@media (min-width: 767px) {
	.cex-info.cex-discounts {
		padding:10px 20px;
	}
}

.cex-discounts .form-group {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.cex-options {
	padding-bottom: 0;
}

@media screen and (min-width: 767px) {
	.cex-options {
		margin:0 10px;
		padding:0 10px;
	}
}

.cex-steps {
	display:none;
	border-bottom:none;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

@media screen and (min-width: 767px) {
	.cex-steps {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.cex-step {
	font-family:'Roboto';
	font-size:11px;	
	width:100%;	
	padding:5px 9px;
}

@media screen and (min-width: 767px) {
	.cex-step {
		border-bottom:none;
		padding:10px 20px;
		font-size:13px;	
		border-bottom:2px solid transparent;	
	}
}

.cex-step .cex-step-number {
	display:none;
}

@media screen and (min-width: 767px) {
	.cex-step .cex-step-number {
		display:inline-block;
	}
}

.cex-step.cex-step-complete {
	color: #1a5982;
	border-color: #287FB8;
}

.cex-step.cex-step-active {
	color: #f39c0f;
	background-color: transparent;
	font-weight:bold;
	font-size:14px;
	border-color: #f39c0f
}

.cex-step.cex-step-incomplete {
	color: #AEB7BF;
}

.cex-step.cex-step-disabled {
	opacity:0.5;
	text-decoration: line-through;
}

.cex-step-ready {
	color: #1a5982;
	border-color: #287FB8;
}

.cex-step-notready {
	color: #AEB7BF;
}

/* modal */
.modal .modal-subtitle img {
	padding:0 5px;
}

.modal .form-control:focus {
	border-color: #F39C0F;
	-webkit-box-shadow: inset 0 1px 1px #f39c0f54, 0 0 8px #f39c0f54;
	box-shadow: inset 0 1px 1px #f39c0f54, 0 0 8px #f39c0f54;
}

/* hacks */

.modal img {
	margin:0;
	padding:0;
}

@media screen and (min-width: 768px) {
	.cex-flex {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	}
}

.cex-flex-all {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.cex-form-cc {
	padding:0;
}

.cex-form-cc-errors .field-input.field-input-error {
	padding-top:0;
	padding-bottom:4px;

}

.cex-cc-lastfour {
	margin: 0 0 0 7px;
	color: grey;
}

@media screen and (min-width: 768px) {
	.cex-cc-lastfour {
		color: #333;
	}
}

.cex-cc-bullets {
	margin:0 0 0 7px;
	display:none;
}

@media screen and (min-width: 768px) {
	.cex-cc-bullets {
		display:inline-block;
	}
}

.cex-payment-preview img {
	margin:0 7px 0 0;
}

.cex-cc-preview {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

/* input styles */

.cex-input-callout {
	background: #F7F9F9;
	padding: 10px 15px 10px 35px;
	border-radius: 3px;
	display: block;
	width: auto;
	margin:0 0 10px;
}

@media screen and (min-width: 767px) {
	.cex-input-shipping-billing {
		margin: 0;
		border: 1px solid #F7F9F9;
		border-bottom: none;
	}
}

.cex-form-cc-exp {
	margin-right:3px;
}

.cex-form-cc-number .cex-payment-preview-icon {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: center;
	align-items: center;
	margin: 0 15px 0 7px;
	max-width: 50px;
	width: 35px;
}

.cex-payment-selection .cex-payment-preview-icon {
	margin-right: 7px;
}

.cex-payment-preview-icon img {
	width:100%;
}

.cex-cc-preview-blank {
	display:inline-block;
	width:30px; 
	height:18px;
	border: 1px solid #F7F9F9;
}

@media screen and (min-width: 768px) {
	.cex-form-cc-exp,
	.cex-form-cc-number,
	.cex-form-cc-cvn,
	.cex-form-cc-exp-select {
		display:inline-block;
		margin:0 2px;
	}
}

.cex-form-cc-exp-select {
	margin:0 2px;
}

.cex-form-cc-exp-label {
	display:block;
}

.cart-product:last-child {
	border-bottom:none;
}

.error-message{
	color:red;
}

.checkout-payment-cc-cards-express{
	position: absolute;
	margin-top: -26px;
	margin-left:-13px;
}
.modal .saved-card-icon {
	padding: 0px  20px 0px 0px;
}

/* payment confirm */

.cex-card-remove {
	margin:0 5px;
}

.cex-payment-selection {
	margin:0 0 8px;
	background-color:#fff;
}

.cex-payment-selection .form-group {
	margin-bottom:5px;
}

.cex-payment-selection-message em {
	font-size: 11px;
	color: grey;
	margin-top: 9px;
	display: inline-block;
}

@media screen and (min-width: 767px) {
	.cex-payment-selection-message em {
		font-size: 12px;
	}
}

.page-cex-paymentconfirm {
	border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 30px;
	display: inline-block;
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: 1fr;
	width: 100%;
}

@media screen and (min-width: 767px) {
	.page-cex-paymentconfirm {
		grid-template-columns: 275px 1fr;
	}
}

.page-cex-paymentconfirm-confirm {

}

.page-cex-paymentconfirm h2 {
	color: #afafaf;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	text-align: left;
	margin:0 0 10px;
}

.page-cex-paymentconfirm h1 {
	width: 100%;
	text-align: left;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	margin-bottom: 10px;
}

.page-cex-paymentconfirm .cex-box {
	padding: 20px;
	background: white;
	border: 2px solid #f7f9f9;
	border-radius:5px;
}

.page-cex-paymentconfirm .cex-box-total {
	background: #F7F9F9;
	color: #788080;
}

.page-cex-paymentconfirm .cex-box-total span {
	color: #065798;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

.page-cex-paymentconfirm .cex-box-total h2 {
	color:#333;
}

.page-cex-paymentconfirm .cex-checkout-continue {
	-webkit-font-smoothing: antialiased;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	cursor: pointer;
	background: #da932b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-image: -webkit-linear-gradient(top, #f0aa48, #da932b);
	background-image: -moz-linear-gradient(top, #f0aa48, #da932b);
	background-image: -ms-linear-gradient(top, #f0aa48, #da932b);
	background-image: -o-linear-gradient(top, #f0aa48, #da932b);
	background-image: linear-gradient(to bottom, #f0aa48, #da932b);
	border: 1px solid #cc8924;
	color: #ffffff !important;
	font-size: 14px;
	padding: 7px 25px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	margin-top:20px;
}

.page-cex-paymentconfirm .cex-checkout-continue:hover {
	text-decoration: underline;
}

.checkout-shipping-price {
	display: inline-block;
}

/* cex-cart */

.cex-cart {
	margin-top:15px;
	margin-bottom:30px;
}

.cex-cart h2 {
	font-size: 20px;
	display:inline-block;
	margin:8px 0 7px;
}

.cex-cart-cta {
	display:inline-block;
	margin:5px;
}

.cex-cart-cta a {
	margin:0 1px 0 5px;
}

.cex-cart-edit {
	margin:0 5px;
}

.cex-cart-items {
}

.cex-cart-footer {
	background-color: #F7F9F9;
	padding: 10px;
	width: 100%;
	border: 1px solid #ddd;
	border-top:none;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.cex-cart-subtotal,
.cex-cart-available-rewards {
	font-weight:bold;
	color: #344A5F;
}

.cex-cart-count {
	font-weight:bold;
	color: #344A5F;
}

.cart-product {
	/* padding: 15px 10px; */
	padding: 0;
	border: 1px solid #ddd;

	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

	border-bottom:none;
	margin-bottom:0;
}
/* 
@media (min-width: 768px) {
	.cart-product {
		padding: 15px;
	}
} */

.cart-product:last-child {
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	border-bottom: 1px solid #ddd;
}

.cart-item-meta {
	display:inline-block;
	margin-right:20px;
}

@media (min-width: 768px) {
	.cart-item-meta {
		align-self: flex-start;		
	}
}

.cart-item-image {
	display:inline-block;
	float:left;
	width:65px;
	margin-right:20px;
}

@media (min-width: 425px) {
	.cart-item-image {
		width:100px;
	}
}

@media (min-width: 768px) {
	.cart-item-image {
		width:100px;
	}
}

.cart-qty-update {
	align-self: flex-start;
	/* margin-top:10px; */
	width:100%;
	height:100%;
	display: inline-block;
	padding: 15px 10px;
}

@media (min-width: 768px) {
	.cart-qty-update {
		float:right;
		padding:15px;		
	}
}

.cart-item-price-price-contents {
	color: #333;
}

.cart-item-price-price-strike strike {
	color: #333;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
}

.cart-item-price-price-adjusted .cart-item-price-price-contents {
	color: #287FB8;
}

.cart-item-addons .addon-label {
	font-family: 'Roboto', sans-serif;
	background: #f7f9f9;
	padding: 1px 6px;
	border-radius: 5px;
	color: #7d8084;
	font-size: 11px;
	margin-right: 4px;
}

.cart-qty-update-module {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-start;	
}

.qty-cta {
	color: #344A5F;
	border: 1px solid #344A5F;
	width:25px;
	height:25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius:2px;
	justify-content: center;
	align-items: center;
	cursor:pointer;
	position:relative;

	/* no text selection */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

.qty-cta.qty-cta-disabled {
	cursor: default;
	opacity:0.4;
}

.qty-cta.qty-cta-active:hover {
	background: #344A5F;
	color: #F7F9F9;
	transition:background 0.3s ease;
}

.qty-cta.qty-cta-active:active {
	margin-bottom: -1px;
	margin-top: 1px;
	margin-left: 1px;
}

.cart-product .cart-qty-update {
	max-width: inherit;
	justify-self:flex-start;
	/* background-color: #F7F9F9; */
}

@media (min-width: 425px) {
	.cart-product .cart-qty-update {
		justify-self:center;
	}
}

@media (min-width: 768px) {
	.cart-product .cart-qty-update {
		max-width:initial;		
	}
}

.qty-number {
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin:0 10px;
	width: 55px;
	text-align: center;
	border-style: solid;
	border-color: #f7f7f7;
	border-width: 1px;
}

input.qty-number {
	border-style: dashed;
	border-color: lightgrey;
}

input.qty-number::selection {
	background: #AED6F1;
	color: #344A5F;
}

.cart-item-out-of-sync .qty-number {
	border-color: #2980B9;
	color: #2980B9;
}

.cart-item-out-of-sync input.qty-number:focus::selection {
	/* color: #2980B9; */
}

.cart-product .product-update {
	text-align: left;
	margin-top:11px;
	display:block;	
}

.cart-product .product-update .cex-cart-btn {
	font-size:15px;
	position: relative;
}

.cart-product .product-update .cex-cart-btn:hover {
	color: #344A5F;
	border-color: #344A5F;
}

.cart-product .product-update .cex-cart-btn:active {
	top: 1px;
	left: 1px;
}

.cart-product .product-remove {
	margin-top:5px;
	display:block;
	text-align: left;	
}

.product-remove .cex-cart-btn--secondary {
	font-size:11px;
}

.page-checkout a.order:hover {
	text-decoration:initial;
	color: #fff;
}

.cart-item-title {
	color: #333;
	text-decoration:none;
	font-family:'Montserrat';
}

.cart-desc {
	text-decoration:none;
	padding: 15px 10px;
}

@media (min-width: 768px) {
	.cart-desc {
		padding:15px;
	}
}

/* cart links */

.cart-desc-has-link a {
	text-decoration:none;
}

.cart-desc-has-link a:hover {
	text-decoration:none;
}

.cart-desc-has-link a.cart-item-title {
	color: #005195;
	text-decoration: underline;
}

.cart-desc-has-link a.cart-item-title:hover {
	text-decoration: none;
	color:#344A5F;
}

.cart-desc-has-link a.product-qty:hover, 
.cart-desc-has-link a.product-number:hover {
	color: #757575;
}

.cart-desc-has-link .cart-item-image {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity:1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.cart-desc-has-link:hover .cart-item-image {
	opacity:0.7;
}

/* end cart links */


.cart-product .cart-item-addons {
	margin-bottom:0;
	padding-bottom:0;
	padding-top:0;
}

.cex-cart-aside {
	background-color: #F7F9F9;
	font-size: 14px;
	width: 100%;
	border-radius: 3px;
}

.cex-cart-aside-item {
	margin-bottom: 10px;
	padding: 10px 20px;
}

.cex-cart-aside-icon-display {
	display:grid;
	grid-template-columns: 25px 1fr;
	grid-column-gap: 10px;
}

.cex-cart-aside-icon-display .icon-checkbox {
	width: 17px;
	height: 17px;
}

.cex-cart-aside-icon-display .icon-phone {
	width: 25px;
	height: 17px;
	margin-top: 2px;
}

.cex-cart-aside-title {
	font-size:12px;
}

.cex-cart-aside-icon-display .icon-finance {
	width: 17px;
	height: 17px;
}

.cex-cart-aside-icon-display .icon-reward {
	width: 20px;
	height: 20px;
}

.cex-cart-aside-content {
	font-weight: bold;
	color: #344A5F;
}

.cex-cart-aside-item.shipping-cost-item {
	background: url('/static/icons/shipping-truck-blue.svg') no-repeat 20px 16px;
	background-size: 20px;
	padding-left: 60px;
	font-size: 15px;

	-webkit-animation: grow 0.4s;
	-moz-animation: grow 0.4s;
	-o-animation: grow 0.4s;
	animation: grow 0.4s;
}

.cex-cart-btn {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: rgb(41, 128, 185);
	border-bottom: 1px solid #3498DB;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.cart-cart-btn:hover {
	border-bottom-color: #344A5F;
	color: #344A5F;
	text-decoration:none;
}

.cex-cart-btn--secondary {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: rgb(41, 128, 185);
	border-bottom: none;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	color: #929292;
}

.cex-cart-btn--secondary:hover {
	color: #666;
	border-bottom-color: #666;
	text-decoration:none;

}

.cex-cart-btn--secondary svg {
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
}

@-webkit-keyframes grow {
	from {
		transform: scale(0);
	} 80% {
		transform: scale(1.1);
	} to {
		transform: scale(1);
	}
}

@-o-keyframes grow {
	from {
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

@-moz-keyframes grow {
	from {
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

@keyframes grow {
	from {
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	} to {
		transform: scale(1);
	}
}

/* grid layout for cart items */
@supports (display: grid) {
	.cart-item {
		display: grid;
		grid-template-columns: 1fr 4fr;
		grid-column-gap: 15px;
		grid-template-rows: 1fr;
		grid-template-areas: "desc desc"
							"qty qty";
	}

	.cart-product .cart-qty-update {
		grid-column-start:1; 
	}

	@media (min-width: 425px) {
		.cart-item {
			grid-template-columns: 1fr 3fr;
			grid-column-gap: 20px;
			grid-template-areas: "desc desc"
							"qty qty";
		}

		.cart-item-image {
			grid-column-end:2; 
		}

		.cart-product .cart-qty-update {
			justify-self: flex-start;
		}
	}

	@media (min-width: 768px) {
		.cart-item {
			grid-template-columns: 1fr 200px;
			grid-column-gap: 30px;
			grid-template-areas: "desc qty";
		}

		.cart-product .cart-qty-update {
			grid-column-start:2;
		}
	}

	.cart-desc {
		display:grid;
		grid-template-columns: 120px 1fr;
		grid-template-areas: "image meta";
		grid-area: desc;
	}

	@media (min-width: 425px) {
		.cart-desc {
			grid-column-gap: 15px;
		}
	}

	@media (min-width: 768px) {
		.cart-desc {
			grid-column-gap: 30px;
		}
	}

	.cart-item-image {
		grid-area: image;
		float:none;
		margin-right: inherit;
	}

	.cart-item-meta {
		grid-area: meta;
		margin-right: inherit;
	}

	.cart-qty-update {
		grid-area: qty;
		float:initial;
	}
}

/* cart page specific styles */

.page-checkout-cart .cex-processing {
	margin-top:0;
}

.page-checkout-cart .order-btn {
	text-align: center;
}

.page-checkout-cart .cex-cart-cta {
	padding: 0;
	margin: 0 7px;
}

.page-checkout-cart .cex-summary .cex-info {
	padding: 0;
}

.page-checkout-cart .cex-cart {
	margin-bottom:0;
}

@media (min-width: 768px) {
	.page-checkout-cart .cex-cart {
		margin-bottom:0;
	}
}

.page-checkout-cart .cex-summary-header {
	margin-top:20px;
}

.page-checkout-cart .table {
	margin-bottom:0;
}

.page-checkout-cart .cex-summary.cex-summary-shopping {
	margin-top:30px;
}

.cart-item-price-price-adjusted .cart-item-price-price-break,
.cart-item-price-price-break {
	display: block;
	border-radius: 4px;
	color: #27af60;
	margin-top:0;
	font-size: 12px;
	cursor: pointer;
}

.cex-focus-shipping .shipping-zipcode{
	color:#F39C0F;
	font-weight: bold;
}

@media (min-width: 768px) {
	.cart-item-price-price-adjusted .cart-item-price-price-break,
	.cart-item-price-price-break {
		font-size: 13px;
	}
}

@media (min-width: 1000px) {
	.cart-item-price-price-adjusted .cart-item-price-price-break,
	.cart-item-price-price-break {
		font-size:14px;
	}
}

.price-down {
	width:1px;
	height:1px;
}

/*pricing arrows only appear on desktop*/

@media (min-width: 768px) {
	.price-down::after {
		background: url(/static/icons/price-down.svg) no-repeat;
		display: inline-block;
		width: 21px;
		height: 21px;
		content: ' ';
		/* top: -5px; */
		position: absolute;
		margin-left: 5px;
	}

	.cart-item-price-break-one-away .qty-increase::after {
		background: url(/static/icons/price-down.svg) no-repeat;
		display: inline-block;
		width: 26px;
		height: 24px;
		content: ' ';
		position: absolute;
		margin-top: -27px;
		-moz-animation: bounce 1.5s 1;
		-webkit-animation: bounce 1.5s 1;
		animation: bounce 1.5s 1;
		top:0;
	}
}

@-moz-keyframes bounce {
	0%, 20% {
		opacity:0;
	}
	35% {
		opacity:1;
	}
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  @-webkit-keyframes bounce {
	  
	0%, 20% {
		opacity:0;
	}
	35% {
		opacity:1;
	}
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  @keyframes bounce {
	  
	0%, 20% {
		opacity:0;
	}
	35% {
		opacity:1;
	}
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  -ms-transform: translateY(-15px);
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
}

.cex-processing-loading-white {
	display:inline-block;
	margin:0;
	width:16px;
	height:16px;
}

/* Blue Friday */

.season-of-deals-banner {
	cursor:pointer;
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #004DFF;
	padding:15px 25px;
	text-decoration:none;
	color: #004DFF;
	border-radius:10px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-color: #fff;
}

@media screen and (min-width: 767px) {
	.season-of-deals-banner {
		display:flex;
	}
}

@media screen and (min-width: 767px) {
	.season-of-deals-banner.season-of-deals-banner-inversed {
		background: url('https://lh3.googleusercontent.com/uuJv35WLtwPHEqD-91exZ4ozGtSPckU12R3AzuficbumnQ_oNsHS3KiFVz8ANlysRGJlIckziJmx_z3Dd0tGKyX8=h100') no-repeat bottom right;
	}
}

.season-of-deals-banner.season-of-deals-banner-inversed {
	color: #fff;
	border: none;
	background-image: url(https://lh3.googleusercontent.com/uuJv35WLtwPHEqD-91exZ4ozGtSPckU12R3AzuficbumnQ_oNsHS3KiFVz8ANlysRGJlIckziJmx_z3Dd0tGKyX8=h100),
	radial-gradient(ellipse, #181e95 32%, rgba(6, 17, 255, 1) 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom right, center;

}

.sod-black-friday .season-of-deals-banner.season-of-deals-banner-inversed {
	background-image: url(https://lh3.googleusercontent.com/uuJv35WLtwPHEqD-91exZ4ozGtSPckU12R3AzuficbumnQ_oNsHS3KiFVz8ANlysRGJlIckziJmx_z3Dd0tGKyX8=h100),
	radial-gradient(ellipse, #333333 32%, #353d35 100%);
}

.season-of-deals-banner.season-of-deals-banner-applied {
	cursor:default;
}

.season-of-deals-banner:hover {
	border-bottom-color: #004DFF;
}

.season-of-deals-banner:hover .season-of-deals-text {
	text-decoration:underline;
}

.bf2019 .season-of-deals-logo {
	width:129px;
	margin-bottom:20px;
	margin:auto;
}

@media screen and (min-width: 767px) {
	.bf2019 .season-of-deals-logo {
		margin:unset;
		margin-bottom:0;
		margin-right:35px;
	}
}

.bf2019 .season-of-deals-logo img {
	width:129px;
}

.season-of-deals-banner .season-of-deals-text {
	font-size: 12px;
	font-weight: bold;
	color: #0052FF;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.season-of-deals-banner .season-of-deals-btn {
	border: 2px solid #fff;
	display: inline-block;
	padding: 9px 20px;
	width: auto;
	border-radius:3px;
	font-weight: bold;
	font-size:13px;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.season-of-deals-banner .season-of-deals-cta {
	align-self: center;
	text-align:center;
}

.season-of-deals-banner .season-of-deals-cta .season-of-deals-btn-apply {
	/* background: linear-gradient(155deg, #004DFF 0%, #2566ff 100%); */
	color: #FFF;
}

.season-of-deals-banner:hover .season-of-deals-cta .season-of-deals-btn-apply {
	/* background: linear-gradient(155deg, #004DFF 100%, #2566ff 0%); */
	color: #fff;
}

.season-of-deals-banner .season-of-deals-cta .season-of-deals-btn-disapply {
	/* background: linear-gradient(155deg, #004DFF 0%, #2566ff 100%); */
	color: #fff;
}

.sod-active .cart-item-price-price {
	color: #8e8e8e;
}

.sod-active .cart-item-price-coupon-applied .cart-item-price-price-contents {
	color: #1519FE;
}

.blackfriday-active .cart-item-price-coupon-applied .cart-item-price-price-contents {
	color: #1519FE;
}

.cex-focus .season-of-deals-savings-amount .amount-label,
.cex-focus .season-of-deals-savings-amount .amount-value {
	color: #1519FE;
	font-weight: bold;
}

.season-of-deals-savings-amount .amount-label,
.season-of-deals-savings-amount .amount-value {
	color: #1519FE;
	font-weight: bold;
}

.blue-friday-cex-focus.cex-info {
	margin: 10px;
	padding: 10px;
	border: 2px solid #BBBBBB;
	border-radius: 3px;
}

.blue-friday-cex-focus-blue.cex-info {
	border: 2px solid #1519FE;
}

.black-friday-cex-focus.cex-info {
	margin: 10px;
	padding: 10px;
	border: 2px solid #BBBBBB;
	border-radius: 3px;
}

.black-friday-cex-focus-black.cex-info {
	border: 2px solid #333;
	float: left;
}

/*Black Friday*/

/*.season-of-deals-banner {*/
	/*border: 2px solid #000000;*/
	/*color: #000000;*/
/*}*/


/*.season-of-deals-banner.season-of-deals-banner-inversed {*/
	/*background-color: #000000;*/
/*}*/

/*@media screen and (min-width: 767px) {*/
	/*.season-of-deals-banner.season-of-deals-banner-inversed {*/
		/*background: url('https://lh3.googleusercontent.com/uuJv35WLtwPHEqD-91exZ4ozGtSPckU12R3AzuficbumnQ_oNsHS3KiFVz8ANlysRGJlIckziJmx_z3Dd0tGKyX8=h100') no-repeat bottom right;*/
		/*background-color: #000000;*/
	/*}*/
/*}*/

/*.season-of-deals-banner:hover {*/
	/*border-bottom-color: #000000;*/
/*}*/

/*.season-of-deals-banner .season-of-deals-text {*/
	/*color: #000000;*/
/*}*/

/*.season-of-deals-banner .season-of-deals-cta .season-of-deals-btn-apply {*/
	/*color: #000000;*/
/*}*/

/*.season-of-deals-banner:hover .season-of-deals-cta .season-of-deals-btn-apply {*/
	/*background-color: #000000;*/
/*}*/

/*.season-of-deals-banner .season-of-deals-cta .season-of-deals-btn-disapply {*/
	/*background-color: #000000;*/
	/*border-color: #000000;*/
/*}*/

/*.sod-active .cart-item-price-coupon-applied .cart-item-price-price-contents {*/
	/*color: #000000;*/
/*}*/

/*.blackfriday-active .cart-item-price-coupon-applied .cart-item-price-price-contents {*/
	/*color: #000000;*/
/*}*/

/*.cex-focus .season-of-deals-savings-amount .amount-label,*/
/*.cex-focus .season-of-deals-savings-amount .amount-value {*/
	/*color: #000000;*/
/*}*/

/*.season-of-deals-savings-amount .amount-label,*/
/*.season-of-deals-savings-amount .amount-value {*/
	/*color: #000000;*/
/*}*/

/*.blue-friday-cex-focus.cex-info {*/
	/*border: 2px solid #EEEEEE;*/
/*}*/

/*.blue-friday-cex-focus-blue.cex-info {*/
	/*border: 2px solid #000000;*/
/*}*/

/*!* END Black Friday*!*/
.cc-icons-checkout{
	display: none;
}

.cc-icons-checkout-top{
	margin-top:10px;
}

@media screen and (min-width: 1024px) {
	.cc-icons-checkout{
		display: block;
		padding-left: 10px;
		margin-bottom: 20px;
		margin-top: -15px;
	}
}

.cex-order-summary-table {
	width: 100%;
	margin-bottom: 20px;
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

.cex-order-summary-table th {
	text-align: left;
}

/* Apple Pay */

/* CSS */
/* .apple-pay-button:empty {
	display:none;
} */

.apple-pay-button {
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: -apple-pay-button;
	-apple-pay-button-type: check-out; /* Use any supported button type. */
}
.apple-pay-button-black {
	-apple-pay-button-style: black;
}
.apple-pay-button-white {
	-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
	-apple-pay-button-style: white-outline;
}

/* apple pay overrides */
.apple-pay-button {
	width:100%;
	margin-top:10px;
}