/* ======================== PROD ======================== */
.PROD .subscribe-prompt{width:100%; clear: both; display: block; }

/* ======================== js-CSUB ======================== */
/*no subscription*/
#js-CSUB .no-subs{max-width:1170px; margin:0 auto; font-family: 'Lato', sans-serif; padding:0 15px 30px 15px;}
#js-CSUB .subscriptions_empty{padding-bottom:20px; font-family: 'Lato', sans-serif;}
/*has-subscritpions*/
#js-CSUB .subscriptions_container{max-width:1170px; margin:0 auto;}
.subscriptions-list{margin:20px 0;}
.subscription-item{width:30%; float:left; margin:0 1.5%;}
.subscription-item-inner { border: 1px solid #e6e8ec; padding: 1.5rem; margin: 20px 0; box-shadow: 0 6px 8px -6px rgba(0,0,0,.2);}
	/*image*/
	#js-CSUB .subscription-item-image a img{color:white; display: block; margin: 0 auto; max-width:100%;}
	/*subscription-item-info */
	.subscription-item-info {min-height: 75px;}
	.subscription-next-shipment { color: #656d78; font-size: 13px; margin: 1.5rem 0 1.5rem; text-transform: uppercase; text-align: center; font-family: 'Lato', sans-serif;}
	.subscription-edit-btn{ color: #6b9ccc; font-size: 14px; font-family: 'Lato', sans-serif; display: block; border: 2px solid #6b9ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 0; margin-bottom: 2rem; text-align: center; text-transform: uppercase; font-weight: 500;}
	.subscription-edit-btn:hover{background-color: #6b9ccc; color:white; text-transform: uppercase;}
	.subscription-item-name { font-size: 18px; color: #383f48; font-family: 'Lato', sans-serif;} 
	.subscription-item-code {color: #656d78; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; margin-bottom: 10px;}
	/*subscription-item-terms*/
	.subscription-item-terms, .subscription-order-info { border-top: 1px solid #dbe3e5; padding: 10px 0;}
	.subscription-item-title { font-size: 11px; color: #656d78; text-transform: uppercase; font-family: 'Lato', sans-serif;}
	.subscription-item-term{ font-family: 'Lato', sans-serif; font-size: 18px;}
	/*subscription-order-info*/
	.subscription-order-info {border-top: 1px solid #dbe3e5; padding: 10px 0;}
	.subscription-order-info .medium-one-third{width:33%; float:left; padding: 0 15px;}

/* ======================== js-CSBE ======================== */
#js-CSBE .subscription-container{max-width:1170px; width:100%; margin:0 auto; padding: 0;}
#js-CSBE .subscription-container img{color:transparent; display: block; margin:0 auto; max-width:100%;}  
#js-CSBE .subscription-container .large-five-twelfths {width: 41.6665%; float:left; padding:20px 15px; font-family: 'Lato', sans-serif;}
#js-CSBE .subscription-container .large-seven-twelfths { width: 58.332%; float:left; padding:20px 15px;}
#js-CSBE .subscription-container .x-large-one-sixth{width: 16.6665%; float:left;}
#js-CSBE .subscription-container .x-large-four-sixths{width: 66.6665%; float:left;}
#js-CSBE .subscription-container .align-right{text-align: right;}
#js-CSBE .subscription-container .align-left{text-align: left;}
#js-CSBE .subscription-container .bold{font-weight:bold;}
	/*edit-subscription-inner*/
	.edit-subscription-inner { border: 1px solid #e6e8ec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
		/*edit-subscription-top*/
		.edit-subscription-top{padding: 15px 15px 0 15px;}
		.edit-subscription-item-name { font-size: 32px; color: #383f48; font-family: 'Lato', sans-serif;}
		.edit-subscription-item-code { color: #656d78; font-size: 14px; margin-bottom: 0.5rem font-family: 'Lato', sans-serif;;}
		.edit-subscription-order, .edit-subscription-shipping-info, .edit-subscription-paymentinfo-inner { border-top: 1px solid #dbe3e5; margin-top: 0.5rem; padding: 1rem 0 0.5rem 0; margin-bottom: 1rem;}
		.edit-subscription-title{font-size: 14px; color: #4d4d4d; margin-bottom: 5px; display: block; font-family: 'Lato', sans-serif;}
		#js-CSBE .small-half{width:50%; float:left;}
		/*edit-subscription-paymentinfo*/
		.edit-subscription-charges {padding: 1.5rem;}
		.edit-subscription-paymentinfo {padding: 1.5rem 1.5rem 0 1.5rem;}
		/*edit-subscription-charges */
		.edit-subscription-shipping-method label{margin-top:10px;}
		.edit-subscription-charges { padding: 1.5rem; background: #f3f7f8; margin-top: 1.5rem;}
		.edit-subscription-inner select, .edit-subscription-quantity-inner {border: 1px solid #e6e8ec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 15px; font-size: 14px; color: #81838a; height: auto; background: #fff; min-height: 20px; width:100%;}
		.edit-subscription-subtotal, .edit-subscription-total{font-size: 20px; font-family: 'Lato', sans-serif;}
		#js-CSBE .edit-subscription-subtotal{text-align: right; padding-right:0 !important; padding-bottom:0 !important;}
		#js-CSBE .edit-subscription-quantity{text-align: left; padding-left:0 !important; padding-bottom:0 !important;}
		.edit-subscription-dots::before {content: ".........................................................................................................................................................................."; color: #d6dadc; letter-spacing: 1px; font-size: 18px;}
		.edit-subscription-dots { overflow: hidden; white-space: nowrap;}
		.edit-wrapper{font-family: 'Lato', sans-serif; padding-bottom:5px;}
		.edit-subscription-cancel-button {border: 0; padding: 0; text-decoration: underline; color: #2a527a; padding: 7px 0; font-size: 14px; height: auto; background: none; width: 50%; padding-top:30px;}

/* ======================== CPCD ======================== */
#js-CPCD .main-content-row{max-width:1170px; width:100%; margin:0 auto 40px auto; padding: 0 15px;}
#js-CPCD .cpcd-add{display: block; margin: 20px 0px; max-width: 300px; border:solid 2px #C1272D;}
#js-CPCD .cpcd-add:hover{color:#C1272D; border:solid 2px #C1272D; background: transparent;}
#js-CPCD  .CPCD-payment-row {background: #f3f7f8;line-height: 32px;padding: 1.25rem 0; margin-bottom: 5px;}
#js-CPCD .CPCD-card-image {width: 10%; float: left; padding:0 15px; font-family: 'Lato', sans-serif; font-size:16px;}
#js-CPCD .CPCD-card-image img{max-width:100%; display: block;}
#js-CPCD .CPCD-payment-type{width: 40%; float: left; padding:0 15px; font-family: 'Lato', sans-serif; font-size:16px;}
#js-CPCD .CPCD-payment-name, #js-CPCD .buttons-wrapper{width: 20%; float: left; padding:0 15px; font-family: 'Lato', sans-serif; font-size:16px;}
#js-CPCD .CPCD-payment-exp{width: 10%; float: left; padding:0 15px; font-family: 'Lato', sans-serif; font-size:16px;}
#js-CPCD .CPCD-payment-exp-modile{display: none !important;}
#js-CPCD .CPCD-edit-card { margin-right: 0.5rem;}
#js-CPCD .clearfix-mobile{display: none;}

/* ======================== CPCE / CPCA ======================== */
#js-CPCE .main-content-row, #js-CPCA .main-content-row{max-width:1170px; width:100%; margin:0 auto 40px auto; padding: 0 15px;}
#js-CPCE #cpce_form, #js-CPCA #cpca_form { border: 1px solid #dedede; width: 100% !important; margin-top: 1.5rem; padding: 2rem;}
#js-CPCE .cpce-cancel, #js-CPCA .cpca-cancel{background-color: transparent; color: #2F3438; font-family: 'Pathway Gothic One', sans-serif; font-size: 20px; text-align: center; letter-spacing: 1px; padding: 14px 20px; border-radius: 0; border: solid 2px #2F3438;}
#js-CPCE .cpce-cancel:hover, #js-CPCA .cpca-cancel:hover{background: #2F3438; color:white;}
#js-CPCE .cpca-save-card, #js-CPCA .cpca-save-card{border:solid 2px #c1272d;}
#js-CPCE .cpca-save-card:hover, #js-CPCA .cpca-save-card:hover{background: transparent; border:solid 2px #c1272d; color:#c1272d;}


/* ======================== Checkout ======================== */
.mobile-step-name{display: none;}
body #checkout-steps .step-name{display: inline-block; vertical-align: middle; font-weight:400;}
body #checkout-steps ul{padding:0;}
body #checkout-steps li{color:#5C626A;}
body #checkout-steps li.active{color:#A52B30;}
body #checkout-steps li.past{color:#B2B3B3;}
body #checkout-steps li{display: inline-block; width: 25%; margin:0; float: left; padding: 10px 0; text-align: center;}
body #checkout-steps .icon-wrapper, #checkout-steps .icon{width: 40px; height: 40px; text-align: center; display: inline-block; margin-right: 5px;}
body #checkout-steps .icon{background: url(../graphics/checkout-steps-icons.png); background-repeat: no-repeat; background-size: 600px 32px; vertical-align: middle;}
body #checkout-steps .past .icon.star{background-position: -296px 4px;}
body #checkout-steps .active .icon.star{background-position: -219px 4px;}
body #checkout-steps .past .icon.mail{background-position: -362px 7px; background-size: 500px;}
body #checkout-steps .active .icon.mail{background-position: -280px 7px; background-size: 500px;}
body #checkout-steps .future .icon.mail{background-position: -321px 7px; background-size: 500px;}
body #checkout-steps .past .icon.plane{background-position: -82px 4px;}
body #checkout-steps .future .icon.plane{background-position: -41px 4px;}
body #checkout-steps .active .icon.money{background-position: -482px 4px;}
body #checkout-steps .future .icon.money{background-position: -519px 4px;}
body #checkout-steps .past .icon.money{background-position: -554px 4px;}
#checkout-steps ul{max-width:1170px; margin: 0 auto;}

/*OCST*/
.subscription-wrapper{padding-top:5px;}

/*OPAY*/
.OPAY #payment-fields{margin-top:20px;}
.OPAY #mivapay_form{width:100%; }


@media all and (max-width:1200px){
	/*CSUB*/
	.subscription-item{}
}

@media all and (max-width:960px){
	/*CSUB*/
	.subscription-item{width:47%; float:left; }
	/*CSBE*/
	#js-CSBE .subscription-container .large-five-twelfths.image-wrapper{width:100%; padding:0 15px; margin:20px 0;}
	#js-CSBE .subscription-container .large-seven-twelfths.info-wrapper{width:100%; padding:0 15px; margin-bottom:20px;}
	.edit-subscription-cancel-button{width:100%;}
}

@media all and (max-width:767px){
	/*checkout header (767)*/
	body #checkout-steps .step-name{display: none;}
	body #checkout-steps .mobile-step-name{display: inline-block; vertical-align: top;}
	body #checkout-steps ul{margin:0;}
	/*CPCD*/
	#js-CPCD .CPCD-payment-type{width:50%;}
	#js-CPCD .CPCD-payment-exp-modile{display: block !important; float:left; text-align: right; width:40%;}
	#js-CPCD .CPCD-payment-exp-desktop{display: none!important;}
	#js-CPCD .CPCD-payment-name{width:40%; margin-left:10%;}
	#js-CPCD .clearfix-mobile{display: block; width:100%; clear:both;}
	#js-CPCD .buttons-wrapper{width:50%; text-align: right;}
}

@media all and (max-width:640px){
	/*CSUB*/
	.subscription-item{width:94%; margin:0 3%;}
}	

@media all and (max-width:600px){
	body #checkout-steps .mobile-step-name{display: block;}
	body #checkout-steps .step-name{display: none;}
	body #checkout-steps .mobile-step-name .long{display: none;}
}

@media all and (max-width:550px){
	#js-CPCD .CPCD-card-image{width:100%;}
	#js-CPCD .CPCD-payment-name{width:50%; margin-left:0;}
	#js-CPCD .CPCD-payment-exp-modile{width:50%;}
}