/* custom css */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.cart-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
}

.cartBlock .inner-wrap {
  padding: 0;
}



.onload {
  pointer-events: none;
}

.btn--loading {
  pointer-events: none;
  cursor: default;
}

.btn--loading .icon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}

.btn__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0)
}

.btn--loading .btn__spinner {
  -webkit-animation: rotate 0.5s linear infinite;
  animation: rotate 0.5s linear infinite;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100)
}

.icon--button-spinner {
  width: 20px;
  height: 20px;
  background-image: url(../../../../../../../assets/checkout/button-spinner-light-5286abb306e1aac2c20e1de732453a77d1cbeaeb9554a0789c9aa4ed61d43d6d.png);
  background-image: url(../../../../../../../assets/checkout/button-spinner-light-5c063a7226e223d09fda9901806dfa2ab4dcb276019424e1685ae44b6f3f0e57.svg),none
}

span[data-add-to-cart-text] {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out
}

.btn--loading span[data-add-to-cart-text] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0)
}
.landingPage  #shopify-section-header {
display: none;  
}
.landingPage  #shopify-section-footer {
display: none;  
}
.landingPage #main {
padding: 0 !important;  
} 
.promoBox {
font-size: 25px;
text-align: center;
padding: 10px 15px; 
background: #dbe3e8;  
}
.logoBox svg {
width: 185px !important; 
height: 75px !important; 
margin: 0 auto;  
}
.logoBox {
text-align: center;  
}
.logoBox a {
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;  
margin: 15px auto;    
}
.landingInfo {
background: #fbf7f4;
text-align: center;  
padding: 30px 0;
margin-bottom: 15px;  
}
.landingInfo h3 {
font-size: 45px;
font-weight: normal;
text-transform: none;  
line-height: 1;
margin: 0;
padding: 15px 0 30px 0;  
}
.landingInfo dl {
margin: 0 0 30px 0;  
width: 320px;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;  
}
.landingInfo dl {  

}
.landingInfo dl dt span {
position: relative; 
display: block;  
padding-bottom: 80px;    
margin-bottom: 30px;  
}
.landingInfo dl img {
max-width: 100%;
max-height: 100%;  
width: auto;
height: auto;  
position: absolute;
top: 50%;
left: 50%;
z-index: 1;  
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);  
}
.landingInfo dl dd {
font-size: 16px; 
line-height: 1.25;  
margin: 0;  
font-weight: 300;  
}
.subsLandingPage .current-type {
display: none  
}
.subsLandingPage #current-selections .current-selection {
max-width: 250px;  
}
.subsLandingPage #current-selections .current-image {
padding-bottom: 152px;  
}

.landingFooter {
padding: 30px 15px; 
background: #fbf7f4;
text-align: center;  
line-height: 1.5;   
}
.landingFooter p {
margin: 0;  
}
.circle-input:checked + label {
-webkit-box-shadow: 0 0 1px 0 #000;
-ms-box-shadow: 0 0 1px 0 #000;
box-shadow: 0 0 1px 0 #000;  
}
.subsLandingPage #current-selections > h2  {
font-size: 32px;  
}
.subsLandingPage #current-selections > h2 small {
font-size: 16px;
font-weight: normal;     
}
.landingHeader {
text-align: center;  
}
.landingHeader h2 {
text-align: center;  
font-size: 32px; 
font-weight: normal;  
margin-bottom: 1.25em;
}

.landingHeader h3 {
font-size: 24px; 
margin-bottom: 0 ;  
font-weight: bold;  
letter-spacing: 0.125em;
padding:  0 15px;  
}
.landingHeader h4 {
font-size: 26px; 
font-weight: normal;
margin-top: 0 ;  
font-weight: 300;   
margin-bottom: 1em;
}
.landingHeader h4 em {
font-style: normal; 
position: relative;  
}
.landingHeader h4 em:after {
content: '';
display: block;
border: solid red 1px; 
position: absolute;
top: 50%;
left: 0;
z-index: 1;  
width: 100%;
transform: rotate(-45deg);  
} 
hr.dashed {
border: solid 0px;
border-top:  dashed 1px;  
}
.subsLandingPage {
padding-top: 10px !important;
width: 100%; 

}
#sticky-wrapper {
position: relative;
z-index: 100;  
}
.subsLandingPage .subscription-section {
position: relative;  
overflow: hidden;  
float: left;
}

.prevStep, 
.prevNextStyle {
background: none;
padding: 0;
border: solid 0px;
position: absolute;
top: 30%;
left: 0;
z-index: 1;  
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); 
}
.prevNextStyle {
left: 80px;  
}




.prevStep {
top: 50%; 
left: 15px; 
position: absolute;  
border: solid 0px !important;

}
.prevStep.next,  
.prevNextStyle.next {
left: auto;
right: 0;  
}
.prevNextStyle.next {
left: auto;
right: 80px;   
}
.prevStep.next {
right: 15px;
}
.prevNextStyle {
padding: 5px 0 5px 10px;
top: 0;  
background: #fff;
bottom: 25%;
-webkit-transform: none; 
    -ms-transform: none; 
    transform: none;   
}
.prevStep  svg,  
.prevNextStyle svg  {
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(90deg);  
margin-top: 8px;    
}
.prevStep svg {
    margin: 0;
}
.prevStep span,
.prevNextStyle span {
text-transform: uppercase;
float: right;
display: block;
font-size: 14px;
text-align: left;
padding: 0 0px;  
}
.styleBox {
position: relative; 
width: 100%;
}

.prevStep span {
font-size: 25px;
letter-spacing: 1px; 
}
.prevStep.next span,
.prevNextStyle.next span {
float: left;  
text-align: right;  
}
.prevStep.next svg,
.prevNextStyle.next svg  {
-webkit-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg);  
margin-top: 8px;    
}

.prevNextStyle {
    display: none;  
    }
#index-subscription .styles {
width: 100%;  
}
.subscription-sectionBoxWrap {
width: 100%;
}
.subscription-sectionBoxWrap .line-through {
display: none;  
}
.subscription-sectionBoxWrap .subscription-sectionBox { 
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;   
}

.subscription-sectionBoxWrap[data-max-steps="3"] .subscription-sectionBox {
width: 100%;  
display: block;
}
/*
.subscription-sectionBoxWrap[data-max-steps="3"] .subscription-section {
width: 33.333% !important;  
float: none;
transform: none ;  
}
*/

.homeLanding .prevStep  {
display: block !important;  
}

.homeLanding .prevStep.slick-disabled  {
display: none !important;  
}

/*
.subscription-sectionBoxWrap[data-step="1"][data-max-steps="3"] .subscription-sectionBox {
margin-left: 0; 

}
.subscription-sectionBoxWrap[data-step="2"][data-max-steps="3"] .subscription-sectionBox {
margin-left: -100%; 
}

.subscription-sectionBoxWrap[data-step="3"][data-max-steps="3"] .subscription-sectionBox {
margin-left: -200%; 
}
*/

.subscription-sectionBoxWrap[data-step="1"] .subscription-section.step1 .prevStep   {
display: block;
}  


.subscription-sectionBoxWrap[data-step="2"] .subscription-section.step2 .prevStep   {
display: block;
}  




.subscription-sectionBoxWrap[data-step="3"] .subscription-section.step3 .prevStep   {
display: block;
}  

.landingHeader {
background: #fff none repeat scroll 0 0;
position: relative;
z-index: 10;
}

.prevStep  {
    border: 1px solid #ad9c99;
    height: 50px;
padding: 0  0 0 10px;  
    }

    .prevStep.prev  {
padding: 0 10px 0 0;  
    }
.styleImg  span {
display: block;
padding-bottom: 140%; 
position: relative; 
}  
.styleImg  span img {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;  
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);  
}
.subsLandingPage .current-image {
cursor: pointer
}

/*
.subscription-sectionBox > .slick-list,
.subscription-sectionBox > .slick-list > .slick-track {
transform: none !important;   
}
.subsLandingPage {
-moz-transition: opacity 600ms ease;
-webkit-transition: opacity 600ms ease;
-o-transition: opacity 600ms ease;
transition: opacity 600ms ease; 	
}
*/
.slick-dots li button:before {
content: '';
background: #dcd3cf none repeat scroll 0 0;
border: 1px solid #dcd3cf;
border-radius: 50%;
display: block;
height: 10px;
width: 10px;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;  
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); 
opacity: 1 !important;  
}
.slick-dots li {
margin: 0;  
}
.slick-dots li.slick-active button:before {
background: #ac9a96 none repeat scroll 0 0;
border-color: #ac9a96;  
}
.subscription-section .subscription-section {
float: none;  
}
.subsLandingPage.homeLanding #current-selections .current-selection {
max-width: 460px;  
}
.subsLandingPage.homeLanding .current-type {
display: block;  
}
.subsLandingPage.homeLanding #current-selections .current-image {
    padding-bottom: 110px;
height: 0;  
width: 110px;  
}
.subsLandingPage .prevStep {
    display:block!important;
}
.subsLandingPage .prevStep.slick-disabled {
    display: none !important;
}

.gift-plan {
position: relative;  
}
.pairs {
    position: relative;
}
#someone-special-note {
left: 110% !important;  
}
.big-tooltip {
position: absolute;
top: 180px;
left: 50%;
z-index: 1;  
-webkit-transform: translateX(-50%); 
-ms-transform: translateX(-50%); 
transform: translateX(-50%);  
}
#current-subscription.current-selection {
position: relative !important; 
}
.checkout-section .big-tooltip {
position: absolute;
top: 0;
left: 200px !important;
z-index: 1;  
-webkit-transform: none; 
-ms-transform: none; 
transform: none;  
}
.subscription-sectionBox > .slick-list  {
/*-moz-transition: height 300ms ease;
-webkit-transition: height 300ms ease;
-o-transition: height 300ms ease;
transition: height 300ms ease; 
*/
}
.styleBox {
opacity: 1;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;   
}
.slick-current .styleBox {
opacity: 1;  
-moz-transition-delay: 600ms;
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;  
transition-delay: 600ms;  
}
/*
    #index-subscription.subsLandingPage:after {
    content: '';
    display: block;
    width: 0px;
    height: 10000vh;
    border: solid  red 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;  
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);  
    } 
*/

.mfp-content .mobile-tooltip-pop#pairs-tooltip {
    max-width: 555px;
}
.style-carousel:not(.slick-initialized) + h2,
.style-carousel [class^="sc-"]:not(.slick-slide) {
    display: none;
}

/* Blowout Sale*/
#collection-header.blow-out-banner {
    max-width: 770px;
  	text-align: center;
    margin-bottom: 10px;
}
.add-info {
    background: #fbd2d2;
    font-size: 14px;
    padding: 4px 10px 2px;
    line-height: 1.3;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}
.quick-add-form .octane-plugin__checkbox {
	display: none;
}
.quick-add-form .swatch .header {
    display: inline-block !important;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 2px;
    line-height: 1;
    padding-right: 10px;
}
.quick-add-form .swatch {
    margin: 8px 11px 0 !important;
    float: left;
}
.quick-add-form .swatch .header:after {
    content: ':';
}
.quick-add-form .swatch label {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 2px !important;
    line-height: 1;
}
.quick-add-form .btn-quick-add {
    float: right;
    background-color: #020101;
    color: #fff;
    border: 3px solid #f0d2d0 !important;
  	position: relative;
}
.bg-upsell {
    background: rgba(60, 60, 60, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
}
.blowout-active .bg-upsell {
	display: block !important;
}
.mfp-wrap.mfp-upsell {
    max-width: 409px;  
    left: auto;
    right: 0;
}
@media (max-width: 540px) {
  	.mfp-wrap.mfp-upsell {
		max-width: 85%;
    }
    .UpsellModal .mfp-close {
		display: block;
    }
}
.mfp-wrap.mfp-upsell .mfp-container {
    padding: 0;
}
.mfp-wrap.mfp-upsell .mfp-content {
    background-color: #f4f4f4;
}
.UpsellModal {
    font-family: 'Avenir';
    margin-left: -14px;
    margin-right: -14px;
}
.UpsellModal .mfp-close {
    display: none;
}
.upsell-cart {
    padding: 14px;
}

.cart-content .upsell-cart {
	display: none;
}
.upsell-cart .uc-header .block-title {
    font-size: 50px;
}
.upsell-cart .uc-count {
    font-size: 12px;
}
.upsell-cart .uc-items {
    border-width: 2px 0;
    border-color: #000;
    border-style: solid;
    padding: 20px 0;
}
.cart-content .UpsellModal {
    display: block !important;
}
.upsell-cart .uc-item {
    clear: both;
    margin: 15px 0 30px;
}
.upsell-cart .uc-item:last-child {
    margin-bottom: 15px;
}
.upsell-cart .uc-image {
    float: left;
    padding-right: 7px;
}
.upsell-cart .uc-image img {
    display: block;
}
.upsell-cart .uc-title,
.upsell-cart .uc-variant,
.upsell-cart .uc-price {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Avenir';
}
.upsell-cart .uc-title {
    font-weight: 700;
    font-family: 'Avenir';
}
.upsell-cart .uc-total {
    padding: 10px 0;
    text-align: left;
}
.upsell-cart .uc-total .h2 {
    font-size: 30px;
    margin: 0;
    font-family: 'Avenir';
}

.upsell-subcription .us-header .h2 {
    font-size: 30px;
    line-height: 1;
    padding: 10px 0;
    margin: 0;
    font-family: 'Avenir';
    font-weight: 500;
}
#cartDrawer .upsell-subcription .us-header .achor-to-upsell {
    display: block;
    font-size: 18px;
}
.upsell-subcription p {
    font-size: 22px;
    margin: 5px 0;
}
.upsell-subcription .valid-note {
  	color: #f16666;
}

.upsell-subcription .us-style-input {
    margin-bottom: 20px;
}
.upsell-subcription .us-size-input .us-option {
    display: inline-block;
    line-height: 1;
}
.upsell-subcription .us-option label {
    font-size: 16px;
    margin: 0;
    border: none !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.upsell-action {
    text-align: center;
    padding: 30px 20px;
}
.upsell-action .btn-rounded {
    font-size: 26px;
    height: auto;
    line-height: 1;
    color: #ffffff;
    background-color: #000000;
    padding: 10px 20px;
    border-color: #f3d4d2;
    border-width: 5px;
    font-family: 'Avenir';
}
.upsell-action .btn-rounded:before {
    content: none;
}
.upsell-action .btn-link {
    border: 1px solid #000000;
    padding: 13px 20px;
    font-size: 14px;
    text-decoration: underline;
    width: 100%;
}
#blow-out-sale .upsell-action .upsell-action-btn {
	display: none;
}
.upsell-subcription .us-option input:checked + label {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 25%;
  	border: none;
      background-color: #ffffff;
    border-radius: 30px;
}

.upsell-cart .uc-total-money {
    padding: 30px 20px 20px;
    display: inline-block;
  	background-image: url(circled-small.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.upsell-off {
    background: none;
    border-width: 0 0  1px;
    -webkit-appearance: none;
}
#cartDrawer .visible-drawer {
	display: block !important;
}

/* Customer Portal */
#ReCharge .table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}
#ReCharge .table th {
    padding: 8px;
}
#ReCharge .table td {
    display: table-cell;
    width: auto;
    padding:  8px;
}
#ReCharge .rc_product-item__list .grid__item--collections:not(.filtered),
#ReCharge #page_results,
#ReCharge #pagination,
#ReCharge label[for="product_search_field"],
#ReCharge #product-search,
#ReCharge .th-next-charge-date,
#ReCharge .c_subscriptions__subscription__item__date { 
        display: none !important
}
#ReCharge .rc_subscriptions .rc_button.rc_button--primary,
#ReCharge .action__showDiscountInput {
        width: 100%;
        height: 40px;
        line-height: 24px;
        font-size: 14px;
        max-width: 264px;
        padding: 8px;
        color: white;
        background: black;
        font-weight: bold;
}
#ReCharge .rc_subscriptions .rc_button.rc_button--primary:before,
#ReCharge .action__showDiscountInput:before {
    padding-right: 8px;
    font-family: FontAwesome;
    content: "";
}
#ReCharge .action__showDiscountInput {
    background-color: #fff;
    color: #000;
}
#ReCharge .action__showDiscountInput:before {
    color: #000;
}
#ReCharge #product_form .btn-primary {
    background: black;
    color: white;
    border-color: black;
    text-transform: uppercase;
}
#ReCharge #content__customers__add-products .rc_title-bar__title h2 {
        display: none;
        margin-bottom: 10px;
}
#ReCharge .recharge-subtitle {
    text-transform: none;
    font-size: 13px;
}
#ReCharge .purchase-item ul {
    margin: 1em 1em 1em 0;
    padding-left: 40px;
}
#ReCharge a.action__removeDiscount {
    border: 1px solid black;
    color: black;
    text-transform: uppercase;
    letter-spacing: .1em;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
}
#ReCharge .rc_subscriptions__subscription__address__edit {
    display: block;
    margin-top: 10px;
}
#ReCharge .rc_subscriptions__subscription__address__edit .edit_address_link {
    background-color: black;
    color: #fff;
}
#ReCharge .grid-view-item__image-wrapper {
    text-align: center;
}
#ReCharge .loaded .grid-view-item__image-wrapper {
    padding-bottom: 0;
    margin: 0;
}
#ReCharge .loaded .rc_product-item__image {
    height: auto;
    position: static;
}
.loaded .grid-view-item__title.product-name.rc_product-item__title {
    height: auto !important;
}
.recharge .rc_product-item__list .rc_product-item {
    clear: none !important;
}
.owl-nav .slick-arrow {
    top: 0;
    background: #494949;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    color: #fff;
    z-index: 20;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.owl-nav .slick-arrow:hover {
    border: 1px solid #000;
    color: #000;
    background: #fff;
}

/* Reactivate */
.reactivate .page-title {
    font-size: 120px;
    color: #f1b094;
}
.reactivate .rte {
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto 50px;
  	text-transform: uppercase;
}
.reactivate .reactivate-actions {
    margin: 0 0 80px;
}
.reactivate .btn-rounded {
    background-color: #000;
    color: #fde4e0;
    border-color: #000;
    font-size: 29px;
    padding: 15px 25px;
    font-family: 'Avenir';
    border: 1px solid #fff;
    box-shadow: 0 4px 12px 2px #a7a7a7;
}
.reactivate .btn-rounded:hover {
    background-color: #fff;
    color: #000;
}
.reactivate-footer {
    text-transform: uppercase;
    color: #838383;
    font-weight: 600;
}
.product-on-bag p {
    word-spacing: 8px;
    margin-bottom: 62px;
}
.product-on-bag .month {
    color: #fddfe1;
}
.product-item {
    font-family: 'Avenir';
    max-width: 450px;
    margin: 0 auto 40px;
}
.product-item-img {
    float: left;
    padding-right: 10px;
}
.product-item-info {
    text-align: left;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    padding-top: 20px;
}

@media screen and (min-width: 576px) and (max-width:767px) {
    .recharge .rc_product-item__list.loaded .rc_product-item:nth-child(odd) {
    clear: both !important;
    }
}
@media screen and (max-width: 991px) {
    .recharge .rc_product-item__list  .rc_product-item {
    width: 50% !important;
    }
    .recharge .rc_product-item__list.loaded .rc_product-item:nth-child(2n+1) {
    clear: both !important;
    }
    .rc_subscriptions__subscription__items thead {
        display: none;
    }
    .rc_subscriptions__subscription__items,
    .rc_subscriptions__subscription__items tbody,
    .rc_subscriptions__subscription__items tr,
    .rc_subscriptions__subscription__items td {
        display: block !important;
        position: relative;
    }
    #ReCharge .rc_subscriptions__subscription__items td {
        padding-left: 50% !important;
        border: 1px solid #fff;
            text-align: left !important;
    }
    .rc_subscriptions__subscription__items td p {
        margin: 0;
    }
    .rc_subscriptions__subscription__items td:nth-of-type(1):before { 
        content: "Product";
    }
    .rc_subscriptions__subscription__items td:nth-of-type(2):before { 
        content: "quantity";
    }
    .rc_subscriptions__subscription__items td:nth-of-type(3):before { 
        content: "usd";
    }
    .rc_subscriptions__subscription__items td:nth-of-type(4):before { 
        content: "frequency";
    }
    .rc_subscriptions__subscription__items td:nth-of-type(6):before { 
        content: "actions";
    }
    .rc_subscriptions__subscription__items td:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        height: 100%;
        white-space: nowrap;
        padding: 8px 22px;
        text-transform: uppercase;
        color: black;
        letter-spacing: 1px;
        font-weight:  700;
        border-right: 2px solid #fff;
    }
    .downgrade-arrow.prevStep {
    left: -26px;  
    }
    .downgrade-arrow.prevStep.next {
    right: -26px;
    left: auto;
    }
}
@media screen and (max-width: 767px) {
    .grid-view-item__title.product-name.rc_product-item__title {
        height: 48px;
        overflow: hidden;
    }
    #ReCharge .grid-view-item__image-wrapper {
        position: relative;
        padding-bottom: 140%;
        overflow: hidden;
        margin-bottom: 2px;
    }
    #ReCharge .rc_product-item__image {
        position: absolute;
        left: 0;
        top: 0;
    }
}
@media screen and (max-width: 479px) {
    .owl-nav .slick-next{    
        left: 0;
    }	
    .owl-nav .slick-next {
        right: 0;
    }
}
@media screen and (min-width: 992px) {
    .recharge .rc_product-item__list  .rc_product-item {
    width: 33.33% !important;
    }
    .recharge .rc_product-item__list.loaded  .rc_product-item:nth-child(3n+1) {
    clear: both !important;
    }
}
@media (min-width: 768px) {
    .grid-view-item__title.product-name.rc_product-item__title {
        height: 64px;
    }
    #ReCharge .rc_product-item__image {
        height: 231px;
        width: auto;
    }
}
@media (min-width: 1200px) {
    .grid-view-item__title.product-name.rc_product-item__title {
        height: 45px;
    } 
    #ReCharge .rc_product-item__image {
        height: 310px;
        width: auto;
    }
}
/*		
    Default Layout: Ipad Landscape 
    1024px.
*/
@media only screen and (min-width: 992px) and (max-width: 1279px) {
    .prevStep {
    left: 0;  
    }
    .prevStep.next {
    right: 0;  
    }
}  

/*
Tablet Layout: 768px.
Gutters: 24px.
Inner: 720px;
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .landingInfo dl {
    width: 250px;  
    }  
    .landingInfo dl dt span {
    padding-bottom: 60px;  
    }
    /*
    #index-subscription.subsLandingPage #choose-style {
    display: block !important;  
    }
    #index-subscription.subsLandingPage .styles .style-type {
    width: 100% !important;  
    display: block !important;  
    }
    */
    #index-subscription.subsLandingPage .style-carousel {
    max-width: 350px;
    margin: 0 auto 0 auto !important;  
    }
    #index-subscription.subsLandingPage .owl-stage-outer {
    margin: 0 0 15px 0  
    }


    /*
    #index-subscription.subsLandingPage #choose-style {
    width: 198%;   
    display: flex !important;
    align-items: flex-start;
    flex-wrap: nowrap;    
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;   
    }
    #index-subscription.subsLandingPage .styles .style-type {
    width: 33.33% !important;   
    }
    #index-subscription.subsLandingPage [data-style="1"] #choose-style {
    -moz-transform: translateX(8.5%); 
    -webkit-transform: translateX(8.5%); 
    -o-transform: translateX(8.5%); 
    transform: translateX(8.5%);   
    }
    #index-subscription.subsLandingPage [data-style="2"] #choose-style {
    -moz-transform: translateX(-26.2%);
    -webkit-transform: translateX(-26.2%);  
    -o-transform: translateX(-26.2%);
    transform: translateX(-24.7%);   
    }
    #index-subscription.subsLandingPage [data-style="3"]  #choose-style{
    -moz-transform: translateX(-58.1%);    
    -webkit-transform: translateX(-58.1%);    
    -o-transform: translateX(-58.1%);    
    transform: translateX(-58.1%);   
    }
    .prevNextStyle {
    display: block;  
    }

    #index-subscription.subsLandingPage [data-style="1"] .prevNextStyle.prev {
    display: none !important;  
    } 

    #index-subscription.subsLandingPage [data-style="3"] .prevNextStyle.next {
    display: none !important;  
    } 
    */

    .prevStep {
    left: 0; 
    top: 50%;  
    }
    .prevNextStyle {
    margin-top: 15px;  
    }

    .prevStep.next {
    right: 0;  
    }
    .styleBox {
    width: 100%;
    overflow: hidden;  
    }
    #choose-style {
    width: 100% !important;
    margin: auto;  
    }

    #choose-style  > .slick-list {
    overflow: visible;  
    }

    .is-gift #someone-special-note {
    left: -30px !important; 
    width: 250px; 
    padding: 15px;  

    }
    .is-gift {
    padding-bottom: 125px !important;
    }
    .mobile-tooltip-pop.mfp-hide {
    display: block !important;  
    }
}  
/*
Mobile Layout: 320px.
Gutters: 24px.
Inner: 272px;
*/

@media only screen and (max-width: 767px) {
    .template-index #index-subscription {
    border: none;
    padding: 0 5%;  
    }
    .promoBox {
    font-size: 16px;  
    } 
    .landingInfo dl dt span {
    padding-bottom: 50px;  
    }
    .landingFooter {
    font-size: 11px;  
    }
    .subsLandingPage #current-selections > h2 {
    font-size: 24px;  
    }
    .subsLandingPage #current-selections > h2 small {
    font-size: 12px;  
    }
    .landingInfo h3 {
    font-size: 32px;  
    padding-left: 10px; 
    padding-right: 10px;   
    }
    .landingHeader h2 {
    font-size: 18px;  
    }
    .landingHeader h3 {
    font-size: 20px;  
    }
    .landingHeader h4 {
    font-size: 22px;  
    }
    .landingInfo dl {
    width: 30%;  
    padding:  0 5px; 
    margin-bottom: 0;  
    }
    .landingInfo dl dd {
    font-size: 10px;  
    }
    .landingInfo dl dt span {
    padding-bottom: 40%;
    margin-bottom: 15px;  
    }
    .landingFooter .c {
    width: 100%;  
    }


    .prevNextStyle {
    display: block;  
    }


    .prevNextStyle {
    left: 0px;  
    }
    .prevNextStyle.next {
    right: 0px;  
    }
    .prevStep  {
    border: 1px solid #ad9c99;
    height: 50px;  
    }
    .prevStep svg {
    margin-top: 5px !important;
    width: auto;
    }
    .prevStep  span {
    display: none;

    }
    .prevNextStyle {
    bottom: 0;  
    padding-left: 0;
    padding-right: 0;  
    padding-bottom: 75%;  
    width: 60px;  
    text-align: center;  
    }

    .prevStep {
    left: 0;  
    }
    .prevStep.next {
    right: 0;  
    }

}

@media only screen and (max-width: 749px) {
    .login-popup-content .flex {
        display: block;
    }
    .login-popup-content .login-flex,
    .login-popup-content .join-flex {
        width: 100%;
    }
    .login-popup-content .login-flex .inner {
        border: none;
        padding-right: 20px;
    }
    #index-hero-2 {
        margin-bottom: 0;
    }
    .downgrade-arrow.prevStep {
    left: 5px;  
    }
    .downgrade-arrow.prevStep.next {
    right: 5px;
    left: auto;
    }
}


@media only screen and (min-width: 750px) {
    .site-nav {
        margin: 15px 0;
    }
    .site-nav a {
        font-size: 36px;
    }
    .subscription-section .style-h4.
    .subscription-section .add-bralette-h4,
    .checkout-section > h4 {
        font-size: 22px;
    }
    #index-subscription .styles {
        margin: auto;
        max-width: 900px;
    }
    #index-subscription .styles .style-type h2 {
        font-size: 26px;
    }
        #index-subscription .styles .style-type p {
        font-size: 16px;
    }
    .subscription-section p.normal-case,
        #selected-size,
        #selected-style {
        font-size: 18px;
    }
    .template-index .subsLandingPage .subscription-section .pairs {
    max-width: 900px;
    }
    .template-index .subsLandingPage .subscription-section .box-input+label {
    width: 350px;
    height: 225px;
    font-size: 22px;
    }
    .template-index .subsLandingPage .subscription-section .box-input+label>span h2 {
    font-size: 50px;  
    }
    .template-index .subsLandingPage .subscription-section .box-input+label>span small {
    font-size: 14px;
    }
    .template-index .subsLandingPage .subscription-section .pairs-h4 {
    font-size: 22px;
    margin: 55px 0;
    }
    .template-index .subsLandingPage .subscription-section .size-h4 {
    font-size: 24px
    }
    .template-index .subsLandingPage .subscription-section .circle-input+label {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    }
    .template-index .subsLandingPage .subscription-section span.circle-number {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    }
    .subscription-section .subscription-section {
    margin-top: 20px;
    }
    .template-index #index-subscription .bralette-btn {
    font-size: 20px;
    max-width: 238px;
    }
    .template-index #index-subscription .btn-small {
    font-size: 14px;
    }
    .template-index .subsLandingPage .subscription-section #bralette-section .info {
    min-height: 500px;
    font-size: 22px;
    }
    .template-index .subsLandingPage .subscription-section .bralette-subtext {
    margin-bottom: 2.5em;
    font-size: 20px;
    }
    .template-index .subsLandingPage .subscription-section #bralette-section #selected-size-text {
    font-size: 16px;
    }
    .template-index .subsLandingPage .subscription-section #bralette-section .info h4,
    #current-selections .current-info {
    font-size: 22px;
    }
    .template-index .subsLandingPage.homeLanding #current-selections .current-selection {
    max-width: 590px;
    }
        .template-index .subsLandingPage .subscription-section #current-selections .current-type {
    min-width: 256px;
    height: 184px;
    padding: 20px;
    font-size: 24px;  
    }
    .template-index .subsLandingPage .subscription-section #current-selections .current-type small {
    font-size: 24px;
    }
    .template-index .subsLandingPage.homeLanding #current-selections .current-image {
    padding-bottom: 184px;
    min-width: 184px;
    }
    .index-rich-text-content h2 {
    font-size: 68px;
        }
    .index-rich-text-content .rte p {
    font-size: 24px;
    }
    #index-slider-reviews .owl-prev {
    left: -74px;
    }
    #index-slider-reviews .owl-next {
    right: -74px;
    }
}
.counter {padding:10px;font-size:60px;line-height:1.5em}

.us-style-input {
    display: flex;
}


.upsell-subcription {
    background-color: #dbad95;
    padding: 1em;
}

.upsell-subcription .us-header .h2 {
    font-size: 30px;
    line-height: 1;
    padding: 10px 0;
    margin: 0;
    font-family: 'Avenir';
    font-weight: 800;
}
#cartDrawer .upsell-subcription .us-header .achor-to-upsell {
    display: block;
    font-size: 18px;
}
.upsell-subcription p {
    font-size: 15px;
    margin: 5px 0;
}
.upsell-subcription .valid-note {
  	color: #f16666;
}
.upsell-subcription .us-options {
    padding-top: 1em;
}
.upsell-subcription .us-style-input {
    margin: 20px 0;
    display: flex;
}

.us-style-input .us-option {
    flex: 1;
    margin: 0 2%;
    border: 1px solid white;
    border-radius: 30px;
}

.upsell-subcription .us-size-input {
    display: flex;
}

.upsell-subcription .us-size-input .us-option {
    display: inline-block;
    line-height: 1;
    border: 1px solid #ffffff;
    flex: 1;
    margin: 3%;
    border-radius: 30px;
}
.upsell-subcription .us-option label {
    font-size: 13px;
    margin: 0;
    border: none !important;
   /* padding: 4px 20px !important;*/
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
    border: none;
}
.upsell-action {
    text-align: center;
    padding: 30px 0px;
}

button.close-drawer.close-drawer--blowout {
  display: none !important; 
}

#cs-replacements .btn-quick-add {
	display: none;
}

.smcx-iframe-container,
.smcx-widget.smcx-embed.smcx-show.smcx-widget-dark {
  max-width: initial !important;
}

.smcx-embed,
.smcx-embed>.smcx-iframe-container {
	height: 800px !important;
}

.div.v3theme-fixed-container.banner {
	display: none !important;
}

.smcx-embed {
	border: none !important;
}

.read-more-content {
	display: none;
}

.read-more {
    background: initial;
    border: none;
    font-weight: bold;
}

.st-soldout {
  display: none;
}

.st-soldout h1 {
    margin-bottom: .3em;
}

.st-soldout p {
	margin: 0;
    line-height: 1;
}
.icon-wrapper__content {
    height: 100%;
}
.terms-text{
  float: none; 
  text-align: center; 
  clear: both; 
  margin: 10px 0;
}
.terms-text a{
  text-decoration:underline;
  text-transform:capitalize;
}


.gift_box-text{
    margin-top: 25px;
}