html {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
body {background-color: #fff; box-sizing: border-box; }
.wrap-inner.sf_for_sub_gift {box-sizing: border-box; position: relative; }
#sf_form_subs_new {margin-bottom: 0; position: relative; display: none; }
#sf_form_subs_new fieldset {border: 0 none; border-radius: 3px; padding: 25px 0; box-sizing: border-box; width: 100%; margin: 0 auto; position: relative; text-align: center; }
/*Hide all except first fieldset*/
#sf_form_subs_new fieldset {display: none; }
/*inputs*/
#sf_form_subs_new input, #sf_form_subs_new textarea {padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; }
/*progressbar*/
#progressbar {height: 7px; overflow: hidden; counter-reset: step; padding: 0; border-top: 1px solid #59573e; border-bottom: 1px solid #59573e; /* position: fixed; top: 113px; left: 0; */ width: 100%; margin: 0; z-index: 99; }
#progressbar li:before {/*content: counter(step);*/ /*counter-increment: step;*/ width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; }
/*progressbar connectors*/
#progressbar li:after {content: ''; width: 100%; height: 100%; background: white; position: absolute; left: 0; top: 0; z-index: -1; /*put it behind the numbers*/ }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after{background: #59573e; color: white; }
/* Content CSS */
.sf_button {color: #716c59; border: 1px solid #d5bfa0; border-radius: 10px !important; padding: 10px 30px; }
.sf_button.sf_but_selected{background-color: #d5bfa0 !important; color: #fff; }
fieldset li {list-style: none; }
#sf_place img {width: 30%; border-radius: 30px; float: left; padding: 15px; }
#sf_place li{width: 100%; height: 150px; }
.sf_radio_oneline {width: 120px; text-align: center; float: left; }
.sf_right_content {width: 60%; float: left; }
.sf_radio_img{position: relative; }
.sf_radio_img input[type="radio"] {opacity: 0; position: absolute; width: 100% !important; height: 100%; z-index: 2; }
.sf_radio_img label {display: inline-block; padding: 10px 20px; font-family: sans-serif, Arial; font-size: 16px; }
.sf_radio_img img{display: none; width:50px !important; position: absolute; z-index: 1; }
.sf_radio_img input[type="radio"]:checked + img,
.sf_radio_img input[type="radio"]:focus + img{ display: block; }
.sf_radio_img label:hover {background-color: #dfd; }
.sf_radio_img input[type="radio"]:focus + label {border: 2px dashed #444; }
.sf_radio_img input[type="radio"]:checked + label {background-color: #bfb; border-color: #4c4; }
/* SF calvin Style */
.sf_description{font-size:17px !important;font-family:'poppinsregular' !important;color:#2d2926;margin-bottom:30px;font-weight: normal !important;line-height:24px;padding:0}
.sf_description.large {font-size: 24pt; font-family: 'futuramedium'; }
.sf_description.favo {
max-width: 750px;
margin: 0 auto 30px;
}
.sf_learnmore_icon {text-decoration: underline; color: #2d2926; text-transform: uppercase; display: inline-block; }
.sf_learnmore_icon:before {content: ""; height: 20px; width: 20px; background-image: url(../img/subscribe/learn_more_icon.png); float: left; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 5px; display: inline-block; vertical-align: top; }
#sf_form_subs_new .sf_input_type {width: 100%; max-width: 480px; margin: 0 auto; padding: 0 30px; }
#sf_form_subs_new #sf_your_birthday {margin-bottom: 50px; }
#sf_form_subs_new .sf_input_type input {border: 1px solid #d1c0a4 !important; border-radius: 12px !important; min-height: 60px; position: relative; font-family: futurabookbt; font-size: 14pt !important; margin-bottom: 0; }
.sf_has_label {margin-bottom: 10px; position: relative; }
.sf_has_label label {-webkit-user-select: none; user-select: none; pointer-events: none; position: absolute; color: #737373; transition: all .2s ease-out; font-size: 12px; margin-top: 0; padding: 10px 12px 0; line-height: 1.2; opacity: 0; height: auto; width: auto; -webkit-clip-path: none; clip-path: none; clip: unset; letter-spacing: 1.5px; }
.sf_has_label.focus label {opacity: 1; z-index: 1; }
#sf_form_subs_new .sf_input_type .focus input {padding: 25px 12px 10px !important; }
#sf_email_notice {margin: 30px auto; max-width: 420px; }
#sf_checkbox_notice {display: none; }
#sf_email_notice label {padding: 10px 0 10px 30px !important; background-image: url(../img/subscribe/notice-nomal.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: left center; font-family: 'futurabookbt'; font-size: 12pt; color: #2d2926; font-weight: bold; text-align: left; display: inline-block; line-height: 14pt; }
#sf_email_notice #sf_checkbox_notice:checked + label {background-image: url(../img/subscribe/notice-checked.png); }
#sf_already_account p, #sf_dont_account p {color: #2d2926; font-family: 'futuralight'; font-size: 24pt; line-height: 34px; }
#sf_already_account p a, #sf_dont_account p a {font-weight: bold; color: #2d2926; text-decoration: underline; }
#sf_account_terms p {font-family: 'futurabookbt'; font-size: 12pt; color: #2d2926; font-weight: bold; }
#sf_account_terms p a {text-decoration: underline; color: #2d2926; }
#sf_account_terms {padding: 35px 0 0; }
.sf_account_signin, .sf_account_signup {display: inline-block; margin: 50px 0 0; }
.skip_step {font-family: 'futuramedium'; font-size: 16px; color: #2d2926; display: block; margin: 60px 15px 20px; text-decoration: underline; line-height: 26px; }
.sf_brightness {display: inline-block; width: 100%; margin-top: 100px; }
.sf_radio_item {position: relative; width: 33.33%; float: left; }
.sf_radio_item:before {content: ""; background-color: #d5bfa0; height: 1px; width: 100%; position: absolute; left: 0; }
.sf_radio_item:first-child:before {width: 50%; left: 50%; }
.sf_radio_item:last-child:before {width: 50%; }
.sf_radio_item input {display: none; }
.sf_radio_item label {display: inline-block; position: relative; text-align: center; margin-top: -15px; color: #2d2926; font-family: 'abril-display'; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 14px; }
.sf_radio_item label:before {content: ""; height: 30px; width: 30px; display: block; margin: 0 auto 10px; border: 1px solid #d1c0a4; background-color: #fff; border-radius: 30px; }
.sf_radio_item input:checked + label:before {background-image: url(../img/subscribe/fire-icons.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; background-color: #f3ece5; }
.sf_full_box {display: inline-block; text-align: center; margin-top: 50px; max-width: 800px; }
.sf_fbox_item {display: inline-block; width: calc(50% - 30px); padding: 12px 15px 0; position: relative; vertical-align: top; }
.sf_box_parent.sf_box_checked:before, .sf_box_parent.sf_heart:before {content: ""; background-image: url(../img/subscribe/Checkmark.png); width: 30px; height: 30px; position: absolute; background-size: 100%; background-position: center; background-repeat: no-repeat; top: 3px; right: 5px; z-index: 2; }
.sf_box_parent.sf_heart:before {background-image: url(../img/subscribe/Heart.png); top: 0; right: 0; }
.sf_fbox_item.sf_box_checked .sf_fbox_inner:before, .sf_fbox_item.sf_heart .sf_fbox_inner:before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(255,255,255,0.5); }
#sf_form_subs_new .sf_fbox_item input, #sf_form_subs_new .sf_box_radios .sf_box_parent input[type="radio"] {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; cursor: pointer; padding: 0; border: 0; z-index: 2; }
.sf_fbox_inner {display: table; width: 100%; height: 100%; border: 1px solid #d1c0a4; border-radius: 12px; overflow: hidden; position: relative; }
.sf_fbox_img, .sf_fbox_text {display: table-cell; width: 50%; vertical-align: middle; }
.sf_fbox_text p {color: #2d2926; text-transform: uppercase; font-family: 'futuramedium'; letter-spacing: 2px; padding: 0 15px; font-size: 12pt; }
.sf_clearly {display: inline-block; padding: 50px 15px; width: 100%; }
.clearly {display: inline-block; width: 100%; padding: 30px 0 0; }
.clearly .hide {display: none; }
.sf_presence {display: inline-block; width: 100%; margin: 5px 0; }
.sf_it_a {display: inline-block; padding: 12px; position: relative; max-width: 260px; width: 100%; }
.sf_it_a input {display: none; }
.sf_it_a label {font-family: 'futuramedium'; color: #2d2926; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #d1c0a4; padding: 16px 20px 14px; font-size: 12pt; border-radius: 15px; line-height: 18pt; display: inline-block; cursor: pointer; width: 100%; }
.sf_it_a input:checked + label {background-color: #d1c0a4; color: #fff; }
.sf_it_a input:checked+label:before {content: ""; background-image: url(../img/subscribe/Checkmark.png); width: 28px; height: 28px; position: absolute; right: 4px; top: 0; background-size: 100%; background-position: center; background-repeat: no-repeat; }
#sf_form_subs_new .action-button, .sf_fixed_step a {width: 40px; cursor: pointer; margin: 10px; text-indent: -999999px; height: 40px; border-radius: 40px; border: 0; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sf_fixed_step a {position: fixed; top: 200px; z-index: 99; }
.sf_fixed_step .sf_top_previous {left: 30px; }
.sf_fixed_step .sf_top_next {right: 30px; }
#sf_form_subs_new .previous, .sf_fixed_step .sf_top_previous {background-image: url(../img/subscribe/Back.png); }
#sf_form_subs_new .next, .sf_fixed_step .sf_top_next {background-image: url(../img/subscribe/Next.png); }
.sf_process_title h2 {margin: 5px 0 0; color: #2d2926; font-family: 'abril-display'; font-weight: normal; font-size: 28px; line-height: 1.2; display: none; }
.sf_process_number p {color: #2d2926; font-family: 'futuralight'; font-size: 22px !important; font-weight: normal; line-height: 36px; margin: 5px 0 0; }
.sf_process_title {display: inline-block; clear: right; }
.sf_process_number {float: right; display: none; }
.sf_sub_description {color: #2d2926; font-family: 'futuramedium'; font-size: 18px; opacity: 0.8; }
.sf_current_pouring p {color: #2d2926; font-family: 'futuramedium'; padding: 50px 0 20px; }
.sf_description.sf_small {font-size: 21px; }
.sf_italic {font-style: italic; }
.sf_personalized_inner {display: table; width: 100%; margin: 60px auto 40px; max-width: 855px; }
.sf_personalized_inner .sf_vbox {display: table-cell; width: 36%; vertical-align: middle; border: 1px solid #d1c0a4; border-radius: 15px; padding: 20px; }
.sf_vicon {display: table-cell; width: 64%; vertical-align: middle; padding: 20px; }
.sf_vbox img {margin-bottom: 5px; max-width: 240px; }
.sf_vbox h3 {font-family: 'abril-display'; font-size: 22px; text-transform: uppercase; letter-spacing: 4px; color: #2d2926; font-weight: normal; margin-bottom: 0; }
.sf_price_i {color: #2d2926; font-family: poppinssemibold !important; font-size: 22px !important; line-height: 34px !important; }
.sf_ship_i {color: #2d2926; text-transform: uppercase; font-family: 'futuramedium'; font-size: 15px; font-style: italic; margin-top: 10px; }
.sf_vicon_item {display: inline-block; width: 45%; vertical-align: top; padding: 20px; }
.sf_vicon_item img {max-width: 80px; margin: 0 auto 15px; display: none; }
.sf_vicon_item img.lucerna {display: block; }
.sf_vicon_item p {color: #2d2926; font-family: 'futuramedium'; font-size: 14px; line-height: 18px; }
.sf_vbox_viewmore p {color: #2d2926; font-family: 'futuramedium'; font-size: 14px; line-height: 18px; margin-bottom: 40px; }
.sf_vbox_viewmore p a {color: #2d2926; text-decoration: underline; }
.sf_box_radios {display: flex; width: 100%; max-width: 950px; margin: 0 auto; }
.sf_box_radios .sf_box_parent {flex: 1; margin: 45px 45px 45px 0; border: 1px solid #d1c0a4; border-radius: 15px; padding: 30px 20px 20px; position: relative; }
.sf_box_radios .sf_curated_more_item.sf_box_parent {padding: 30px 20px; }
.sf_curated_more_item .sf_more_info p {margin-top: 5px; }
.sf_box_radios .sf_box_parent:last-child {margin-right: 0; }
.sf_curated_more_item .sf_vbox img {max-width: 180px; }
.sf_more_info {max-width: 270px; margin: 30px auto 0; }
.sf_more_info p {color: #2d2926; font-family: 'futuramedium'; text-align: left; font-size: 14px; line-height: 20px; }
.sf_recomended {position: absolute; bottom: -20px; left: 0; width: 100%; z-index: 1; display: none; }
.sf_recomended img {max-width: 140px; height: auto; }
.sf_recomended p {display: inline-block; border: 1px solid #d1c0a4; padding: 5px 20px; text-transform: uppercase; color: #d1c0a4; font-style: italic; border-radius: 10px; background-color: #fff; font-size: 14px; line-height: 14px; }
.sf_best_most {position: absolute; top: -15px; left: -15px; z-index: 1; }
.sf_best_most img {max-width: 210px; height: auto; }
.sf_best_most p {color: #dd9d75; display: table-cell; vertical-align: middle; text-align: center; width: 100%; font-family: 'futuramedium'; text-transform: uppercase; font-size: 14px; line-height: 14px; font-style: italic; }
.sf_curated_more_item.sf_box_parent.sf_box_checked:before {right: -10px; top: -10px; }
.sf_box_radios .sf_box_checked {border: 1px solid transparent; }
.sf_box_radios .sf_box_checked:after {content: ""; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: 0; left: 0; border: 6px solid #D1C0A4; border-radius: 15px; z-index: 0; }
.sf_free_shippng {margin: 10px 0 10px; }
.sf_free_shippng p {color: #2d2926; font-family: 'futuramedium'; font-size: 24px; line-height: 26px; }
.sf_box_radios .sf_vbox {opacity: 0.7; }
.sf_box_radios .sf_box_checked .sf_vbox {opacity: 1; }
.sf_sub_plan .sf_box_parent.sf_box_checked:before {top: -10px; right: -10px; }
.sf_sub_plan .sf_box_parent {padding: 45px 30px 30px; margin: 0 45px 45px 0; }
.sf_sub_plan.to_pay .sf_box_parent {padding-bottom: 30px; }
.sf_sub_plan .sf_vbox h3 {letter-spacing: 0; padding-bottom: 25px; border-bottom: 1px solid #59573e; }
.sf_sub_plan.to_pay .sf_vbox h3 {padding-bottom: 10px; margin-bottom: 10px; }
.sf_savings, .sf_cancel {color: #2d2926; font-family: 'futuramedium'; font-size: 15px; line-height: 21px; margin-top: 10px; opacity: 0.7; }
.sf_free_shippng.sub_plan {margin: 0 0 40px; }
.sf_afterbox { max-width: 640px; margin: 0 auto; border: 1px solid #59573e; padding: 30px 70px 35px; }
.sf_afterbox.ovan {border-radius: 120px; }
.sf_afterbox_main {display: block; width: 100%; margin-bottom: 20px; }
.sf_happy_img {
display: inline-block;
vertical-align: middle;
width: 105px;
height: 105px;
border-radius: 60px;
margin: 0 40px;
float: left;
}
.sf_happy_img img {width: 100%; }
.sf_happy_content {display: inline-block; vertical-align: middle; width: calc(100% - 185px); }
.sf_happy_content p {color: #2d2926; font-family: 'futuramedium'; font-size: 20px; line-height: 24px; text-align: left; }
.sf_happy_content h3 {text-align: left; color: #2d2926; font-family: 'abril-display'; font-size: 28px; font-weight: normal; line-height: 38px; margin-bottom: 10px; }
.sf_afterbox_sub p {color: #2d2926; font-family: 'futuramedium'; font-size: 16px; line-height: 18px; opacity: 0.6; padding-top: 12px; }
.sf_afterbox.sf_would_like {padding: 15px 40px 25px; }
.sf_would_like p {margin: 10px 0 0; }
.sf_box_radios.to_pay {max-width: 625px; margin: 0 auto; }
.sf_billed {color: #2d2926; font-family: 'futuramedium'; font-size: 18px; opacity: 0.6; margin-top: 80px; line-height: 24px; }
.sf_ultimate_inner {display: block; width: 100%; max-width: 970px; margin: 0 auto; }
.sf_ulti_img {display: inline-block; vertical-align: middle; margin: 0 90px; float:left; }
.sf_ulti_img.noimg {max-width: 240px; width: 100%; }
.sf_ulti_aroma {display: inline-block; vertical-align: middle; width: calc(100% - 420px); }
.sf_ulti_aroma.mobile {display: none; }
.sf_ultimate {margin: 20px 0px; }
.sf_ulti_aroma p {color: #2d2926; font-family: futuramedium; font-size: 22px; text-align: left; font-style: italic; line-height: 24px; margin-bottom: 30px; }
.sf_ulti_yesno .sf_it_a label {width: 100%; padding: 17px 15px 14px; font-size: 14px; }
.sf_ulti_yesno .sf_it_a {width: calc(50% - 12.5px); padding: 12px 0; margin-right: 25px; max-width: 100%; float:left; }
.sf_ulti_yesno .sf_it_a:last-child {margin-right: 0; }
.sf_ulti_yesno .sf_it_a input:checked+label:before {right: -8px; }
.sf_showpass, #sf_forgot_password a {color: #af562e; font-weight: bold; text-align: right; width: 100%; display: inline-block; padding: 5px 0; cursor: pointer; }
.sf_login_content, .sf_showpass.hide {display: none; }
.sf_about_password {display: inline-block; width: 100%; }
#sf_forgot_password {float: left; }
.sf_showhide_pass {float: right; }
#sf_dont_account {margin-top: 15px; }
.sf_logged_in_content p {color: #2d2926; font-family: 'futuralight'; font-size: 28px; line-height: 38px; margin: 30px 0; display: inline-block; width: 100%; }
.sf_login_status, .sf_register_status {color: #2d2926; font-family: 'futuramedium'; font-size: 18px; line-height: 26px; margin-bottom: 15px; display: none; }
.sf_login_status.error, .sf_register_status.error {color: #f00; }
.sf_register_status.error a {text-decoration: underline; color: #f00; }
.sf_login_status.success, .sf_register_status.success {color: #28a745; }
#sf_form_subs_new .next-question {text-indent: 0; background-image: none; width: auto; color: #fff; padding: 15px 40px; height: auto; font-family: 'futuralight'; text-transform: uppercase; font-size: 16px; line-height: 22px; letter-spacing: 4px; }
.sf_favorites {position: absolute; left: -15px; top: 0; z-index: 1; }
.sf_favorites img {max-width: 120px; height: auto; }
.slider-holder {padding: 15px; margin: 0 auto; max-width: 320px; }
.value {margin: 30px 0px 0px 0px; display: inline-block; }
span.ui-slider-handle.ui-state-default.ui-corner-all {transition: all .3s; }
span.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-active {transition: none; }
.sf_too_strong {max-width: 320px; margin: 0 auto; }
.sf_too_strong.too_burn {max-width: 360px; }
.sf_too_strong #slider {background-image: none; position: relative; border: 1px solid #d1c0a4; height: 20px; border-radius: 12px; }
.sf_too_strong #slider .bginner {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #d1c0a4; border-radius: 12px; transition: width .2s; }
.sf_too_strong #slider span {top: -5px; height: 27px; width: 27px; border-radius: 27px; border: 1px solid #ddd; background-image: none; background-color: #d1c0a4; }
.sf_too_strong #slider span:focus-visible {outline: none; }
.sf_too_strong .value span {color: #2d2926; font-family: 'futuramedium'; text-transform: uppercase; font-size: 14px; line-height: 20px; letter-spacing: 3px; display: none; transition: all .3s; }
.sf_too_strong .value span.active {display: block; }
.sf_too_strong .sf_strong_choose, .sf_too_strong .sf_strong_choose input {display: none; margin-bottom: 20px; }
.too_strong .sf_strong_choose {max-width: 260px; margin: 0 auto 20px; }
.sf_too_strong .sf_strong_choose.active {display: block; }
.hided {display: none; }
/* .sf_sub_plan.sf_box_radios {margin-top: 40px; } */
.sf_sub_plan .sf_vbox h3 {text-transform: none; font-size: 28px; margin-bottom: 25px; line-height: 36px; }
.sf_sub_plan.to_pay .sf_box_parent.sf_box_checked:before {content: none; }
.sf_continue_checkout {display: inline-block; margin-top: 80px; }
.sf_ulti_img img {max-width: 240px; width: 100%; }
.sf_ultimate.no-button .sf_continue_checkout {margin-top: 20px; }
.sf_ultimate.no-button .sf_ulti_aroma {vertical-align: top; }
.sf_ultimate.no-button .sf_ulti_aroma p {margin: 20px 0; }
#sf_your_birthday .sf_birthday_error {color: #cc001b; text-align: left; padding: 0 15px; display: none; font-family: 'futurabookbt'; }
#sf_your_birthday.error .sf_birthday_error {display: block; }
#sf_your_birthday.error input {border: 1px solid #cc001b !important; }
.sf_process_title h2:after {overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(3,end) 900ms infinite; animation: ellipsis steps(3,end) 1000ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; }
.sf_process_title h2 .one {opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.0s; animation: dot 1.3s infinite; animation-delay: 0.0s; }
.sf_process_title h2 .two {opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.2s; animation: dot 1.3s infinite; animation-delay: 0.2s; }
.sf_process_title h2 .three {opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.3s; animation: dot 1.3s infinite; animation-delay: 0.3s; }
@-webkit-keyframes dot {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes dot {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
body.first_step {
}
/* .first_step .sf-all-content {height: 100%; background-image: url('https://www.vellabox.com/wp-content/uploads/2024/09/Spring24-Sub-Box-Group-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-bottom: 0; } */
/* .first_step .sf-all-content{ background-color: #C0BB87; } */
/* .first_step .sf-all-content { */
/* background-image: url(https://leather.vellabox.com/wp-content/uploads/2025/09/vellabox-subscribe-desktop.jpg); */
/* background-repeat: no-repeat; */
/* background-position: bottom center; */
/* background-size: contain; */
/* min-height: 100%; */
/* } */
.hero-sub {
display: flex;
/* height: calc(100vh - 90px); */
}
.first_step .sf_right_bg_img{
/* height: calc(100vh - 125px); */
/* background-image: url('https://www.vellabox.com/wp-content/uploads/2025/03/subscribe-desktop.jpg'); */
/* background-repeat: no-repeat; */
/* background-size: cover; */
/* background-position: center center; */
/* padding-bottom: 0; */
/* float: left; */
width: 58%;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
/* .first_step .sf_right_bg_img{ display: block; } */
.xoo-el-popup-notice{ display: none; }
.sf_start_quiz {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
@media only screen and (min-width: 768px){
}
@media only screen and (max-width: 768px){
.hero-sub {
display: unset;
height: unset;
}
.sf_start_quiz .sf_start_on { width: auto !important; }
.sf_start_quiz .sf_start_inner {
margin-top: 20px !important;
}
}
.sf_coupon_note {
background: #C0BB87;
padding: 10px 0px;
border-radius: 15px;
margin-top:10px;
}
.sf_coupon_note p.sf_coupon_code {
color: #fff;
font-size: 14px !important;
line-height: 18px;
}
.sf_coupon_note p.sf_short_text {
font-size: 12px !important;
}
.sf_gift_mom_img img {
width: 65px;
}
@media only screen and (max-width: 768px){
.first_step .sf_right_bg_img{ display: none; }
.sf_coupon_note {
margin-bottom: 10px;
margin-top: 8px;
}
.sf_coupon_note .sf_gift_mom_img img {
width: 50px !important;
float: unset;
}
}
@media only screen and (min-width:769px) and (max-width: 960px){
/* .first_step .sf_right_bg_img{ height: calc(100vh - 40px); } */
}
/* .sf_start_quiz {width: 100%; margin: 0 auto; box-sizing: border-box; } */
.sf_start_quiz .strt {/* min-height: calc(100vh - 220px); */ display: table; width: 100%; }
.sf_start_quiz .sf_start_inner {position: relative; text-align: center; display: block; vertical-align: middle; margin-top: 0px; }
.sf_start_quiz .sf_start_on {width: 100%; margin: 0 auto; padding: 50px 20px 5px; position: relative; }
.sf_start_inner h2 {font-family: 'abril-display'; color: #000; font-weight: normal; line-height: 1; margin: 0; }
.sf_start_inner p {
color: #000;
line-height: 25px;
margin-bottom: 20px;
margin-top: 20px;
max-width:750px;
line-height: 1.5;
}
.sf_start_inner a, .sf_btn_style {color: #fff; background-color: #444346; font-family: 'futuramedium'; text-transform: uppercase; font-size: 12pt; padding: 20px 50px; display: inline-block; border-radius: 30px; letter-spacing: 3px; }
/* .sf_start_inner a{ position: absolute; left: 50%; transform: translate(-50%, 5%); } */
.sf_for_sub .container {text-align: center; }
.mobile_header.sf_for_sub .logo {float: none; display: inline-block; }
.sf_process_title.mobile {position: fixed; width: 100%; left: 0; top: 0; z-index: 1; background-color: #fff; }
.sf_process_title.mobile h2 {padding: 100px 100px 10px; }
.mobile_header.sf_for_sub .logo #logo {position: relative; z-index: 2; }
.sf_essentials_kit {background-color: #F2EBE8; position: absolute; bottom: 10px; left: -7%; text-align: center; width: 114%; color: #2d2926; z-index: 1; border-radius: 15px; padding: 5px 5%; font-family: futuramedium; text-transform: uppercase; font-size: 16px; }
.sf_personalized_inner .sf_vbox .sf_vbox_item {display: none; }
.sf_personalized_inner .sf_vbox .sf_vbox_item.lucerna {display: block; }
.sf_curated_more .sf_vbox h3 {font-size: 20px; }
.sf_generals_box {position: relative; }
.sf_more_box {display: none; position: relative; width: 100%; }
.sf_one_box {position: relative; top: 0; left: 0; width: 100%; }
.sf_ultimate.vivere, .sf_ultimate.lucerna.ignis .sf_ulti_img .ignis {display: none; }
.clearly span {display: none; }
/* .clearly span a {margin-top: 80px; } */
.sf_logo_for_sub {float: left; position: relative; z-index: 2; margin-bottom:20px; }
.sf_btn_style.bd {margin: 0; }
.sf_desktop{ display:block; }
.sf_mobile{ display:none; }
.needsclick {display: none !important; }
.sf_scent_strength, .sf_room_size, .sf_chosen_room {text-transform: lowercase; }
/* SF Responsive */
@media only screen and (min-width: 926px) {
.sf_process_title {position: absolute; left: 0; top: 14px; text-align: center; padding: 0 200px; width: 100%; z-index: 1; }
}
@media only screen and (max-width: 1024px) {
.sf_ulti_img {margin: 0 50px; }
.sf_ulti_aroma {width: calc(100% - 340px); }
.sf_essentials_kit {font-size: 12px; }
}
@media only screen and (max-width: 991px) {
.sf_sub_plan .sf_box_parent {margin: 0 30px 45px 0; }
.sf_box_radios .sf_box_parent {margin: 45px 30px 45px 0; }
.sf_essentials_kit {left: -6%; width: 112%; }
}
@media only screen and (max-width: 925px) {
/* .sf_start_inner a{ transform: translate(-50%, 20%); } */
#progressbar {top: 105px; }
#opBodyForm fieldset { padding: 0px 15px 70px; }
.sf_fixed_step a {width: 30px; height: 30px; }
.sf_fixed_step .sf_top_previous {left: 10px; }
.sf_fixed_step .sf_top_next {right: 10px; }
#sf_form_subs_new {padding: 20px 15px 15px; }
/* #sf_form_subs_new fieldset {padding: 0px 15px 90px; } */
.sf_fbox_item {display: inline-block; width: 46%; padding: 10px 10px 0; }
.sf_fbox_inner {display: inline-block; border: 0; }
.sf_favorites {position: absolute; left: 0; top: -5px; z-index: 1; width: 100%; }
.sf_fbox_img {display: block; width: 100%; border: 1px solid #d1c0a4; border-radius: 100px; overflow: hidden; position: relative; }
.sf_fbox_item.sf_box_checked .sf_fbox_img::before, .sf_fbox_item.sf_heart .sf_fbox_img::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); }
.sf_fbox_text {display: block; width: 100%; margin: 15px 0 25px; }
.sf_fbox_item.sf_box_checked .sf_fbox_inner::before, .sf_fbox_item.sf_heart .sf_fbox_inner::before {content: none; }
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {top: 15px; right: 15px; }
.sf_favorites {padding: 0 20px; }
.sf_full_box {margin-top: 0; }
.sf_sub_description {margin-bottom: 50px; }
.sf_description.large, #sf_already_account p, #sf_dont_account p {font-size: 18pt; font-family: futurabookbt; line-height: 1.2; }
.sf_personalized_inner {display: block; max-width: 380px; margin: 50px auto 10px; }
.sf_personalized_inner .sf_vbox, .sf_vicon {display: block; width: 100%; }
.sf_vicon_item {width: 100%; padding: 0; }
.sf_vicon_item .sf_vicon_img {margin-bottom: 20px; display: inline-block; vertical-align: middle; }
.sf_vicon_item p {display: inline-block; vertical-align: middle; width: calc(100% - 80px); }
.sf_box_radios, .sf_box_radios.to_pay {max-width: 380px; display: inline-block; padding: 0 30px; }
.sf_box_radios .sf_box_parent {margin: 35px 0 25px; display: inline-block; width: 100%; }
.sf_essentials_kit {display: block }
.sf_afterbox, .sf_afterbox.sf_would_like {padding: 15px; margin-bottom: 20px; }
.sf_afterbox_sub {padding: 0 70px; }
.sf_happy_img {margin: 0 35px 0 0; }
.sf_happy_content {width: calc(100% - 140px); }
.sf_would_like p {margin: 0; }
.sf_billed {margin-top: 20px; }
.sf_ulti_aroma.mobile {display: inline-block; }
.sf_ulti_aroma.desktop p {display: none; }
.sf_ulti_aroma {width: 100%; }
.sf_ultimate {padding: 0 30px; max-width: 600px; margin: 20px auto; }
.sf_ulti_img {display: block; margin: 0 auto 30px; width: 100%; }
.sf_ulti_yesno .sf_it_a {width: 100%; max-width: 250px; margin: 0 auto; display: block; }
.sf_ulti_yesno .sf_it_a:last-child {margin-right: auto; }
.sf_ulti_img.noimg {display: none; }
.sf_essentials_kit {font-size: 16px; }
.sf_sub_plan.to_pay .sf_vbox h3 {padding-bottom: 25px; margin-bottom: 25px; }
/* .clearly {position: sticky; left: 0; bottom: 0; padding: 20px 0; background-color: #fff; z-index: 99; } */
#sf_form_subs_new #sf_your_birthday {margin-bottom: 0; }
.sf_account_signin, .sf_account_signup, .sf_continue_checkout {margin: 0; }
#sf_account_terms {padding: 35px 0 20px; }
#sf_dont_account, .sf_vbox_viewmore p {margin-bottom: 20px; }
.sf_afterbox.ovan {border-radius: 0; }
.first_step .sf-all-content { background-position: center bottom; }
.sf_start_inner h2 {font-size: 28pt !important; }
.sf_start_inner p {font-size: 14pt; }
.sf_start_inner a {padding: 9px 28px 8px 20px !important; width: auto !important; font-size: 15px !important;}
.sf_ulti_yesno .sf_it_a{ float: unset; }
}
@media only screen and (max-width: 768px) {
.sf_start_quiz .sf_start_on{ padding-top: 25px; }
.sf_start_inner h2 {
width: 270px;
margin: 0 auto;
margin-top: 20px;
color:#000;
}
.sf_start_inner p {
margin-bottom: 10px;
margin-top: 10px;
color:#000;
}
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {top: 20px; right: 5px; }
.sf_desktop{ display:none; }
.sf_mobile{ display:block; }
a.sf_learnmore{ font-size: 13px !important;}
.sf_start_inner a {margin-bottom: 0; }
/* .first_step .sf-all-content{ background-image: url('https://leather.vellabox.com/wp-content/uploads/2025/09/subscribe-mobile.jpg'); background-position: center bottom !important; background-size:cover; } */
.sf_main_tabs div{ padding: unset !important; }
fieldset h2 {
line-height: 33px;
font-size: 27px !important;
}
}
@media only screen and (max-width: 640px) {
.sf_btn_style {font-size: 10pt; padding: 15px 40px; letter-spacing: 2px; }
.sf_favorites {top: 0; }
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {width: 25px; height: 25px; }
.sf_afterbox_sub {padding: 0 30px; }
.sf_happy_content h3 {font-size: 24px; line-height: 1.2; }
.sf_happy_content p {font-size: 18px; line-height: 1.2; }
.sf_afterbox_sub p {font-size: 14px; line-height: 1.2; }
}
@media only screen and (max-width: 550px) {
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {top: 15px; right: 0; }
.sf_fbox_text p {font-size: 11pt; }
}
/* @media only screen and (max-width: 768px){ */
/* .first_step .sf-all-content{ background-image: url('https://www.vellabox.com/wp-content/uploads/2024/10/gift-and-subscribe-flow-mobile.jpg'); } */
/* } */
@media only screen and (max-width: 480px) {
.sf_process_title.mobile h2 {font-size: 26px !important; line-height: 27px !important; }
.sf_description, .sf_description.large, #sf_already_account p, #sf_dont_account p {font-size: 14pt !important; }
.sf_start_quiz {max-width: 100%; }
.sf_start_inner h2 {font-size: 24pt; }
.sf_start_inner p {font-size: 13pt; }
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {top: 20px; right: 0; width: 20px; height: 20px; }
.sf_fbox_item {padding: 10px 6px 0; }
.sf_fbox_text p {font-size: 9pt; line-height: 1.2; }
#sf_email_notice label {font-size: 10pt; line-height: 1.2; }
#sf_account_terms p {font-size: 10pt; line-height: 1.2; font-family: futuramedium; font-weight: normal; }
.sf_curated_more_item.sf_box_parent.sf_box_checked::before, .sf_sub_plan .sf_box_parent.sf_box_checked::before {width: 25px; height: 25px; }
.sf_free_shippng p {font-size: 16px; line-height: 1.2; font-style: normal; }
.sf_happy_img img {max-width: 33px; }
.sf_happy_img {margin: 0 30px 0 0; width: 80px; height: 80px; float:left; }
.sf_happy_content {width: calc(100% - 110px); }
.sf_happy_content h3 {font-size: 20px; }
.sf_happy_content p {font-size: 14px; }
.sf_afterbox_sub p {font-size: 12px; }
.sf_afterbox_sub {padding: 0 20px; }
.sf_ulti_aroma p {font-size: 16px; line-height: 1.2; }
.sf_ultimate {padding: 0; }
body.first_step {background-image: url(../img/subscribe/first-bgcolor-mb.png); }
.sf_start_inner h2 {font-size: 20pt; margin-bottom: 10px; }
.sf_start_inner p {font-size: 11pt; }
/* .first_step .sf-all-content{ background-image: url('https://www.vellabox.com/wp-content/uploads/2024/10/gift-and-subscribe-flow-mobile.jpg'); } */
.sf_start_quiz .strt {display: block; }
.sf_start_quiz .sf_start_inner {display: block; }
}
@media only screen and (max-width: 400px) {
.sf_process_title.mobile h2 {padding: 90px 70px 10px; }
.sf_box_parent.sf_box_checked::before, .sf_box_parent.sf_heart::before {right: -3px; }
.sf_favorites {padding: 0 15px; }
.sf_fbox_text {margin: 10px 0; }
.sf_vicon_item p {padding-left: 20px; }
.sf_personalized_inner .sf_vbox, .sf_vicon {padding: 20px 10px; }
.sf_happy_img {margin: 0 20px 0 0; }
.sf_happy_content {width: calc(100% - 100px); }
.sf_happy_content h3 {font-size: 18px; }
.sf_afterbox_sub {padding: 0; }
.sf_sub_plan .sf_vbox h3 {font-size: 24px; line-height: 1.2; }
.sf_price_i {font-size: 20px; line-height: 1.2; }
.sf_essentials_kit {font-size: 14px; }
.sf_showpass, #sf_forgot_password a {font-size: 14px; }
}
@media only screen and (max-width: 360px) {
.sf_favorites {top: -5px; }
.sf_essentials_kit {font-size: 12px; }
.sf_showpass, #sf_forgot_password a {text-align: center; }
.sf_showhide_pass, #sf_forgot_password {width: 100%; }
}
a.sf_learnmore {display: block; text-align: center; margin-top: 70px !important; max-width: 350px; margin: auto; }
.sf_learmore_content {visibility: visible; background: rgba(0, 0, 0, .5) none repeat scroll 0 0; height: 100%; overflow-y: auto; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; visibility: hidden; }
.sf_popup_table {display: table; width: 100%; height: 100%; }
.sf_popup_cell {display: table-cell; vertical-align: middle; }
.sf_learmore_inner {margin: 0 auto; max-width: 750px; background: #fff; padding: 30px; font-family: 'futuralight'; position: relative; }
.sf_learmore_inner p {font-size: 18px; line-height: 25px; }
a.sf_close_popup {position: absolute; top: -5px; right: -2px; padding: 10px; }
i.fas.fa-times {font-size: 25px; color: gray; }
.sf_fall_holiday_classics {margin-top: 35px !important; max-width: 600px; margin: 0 auto; font-family: 'futuralight'; font-size: 20px; display: inline-block; }
.sf_fall_holiday_classics p{font-family: 'futuralight'; font-size: 20px; }
.sf_radio_content {width: 190px; margin: 0 auto; margin-top: 25px !important; margin-bottom: 25px !important; }
#sf_form_subs_new .sf_fall_holiday {float: left; width: 22px; margin-top: 8px; height: 14px; margin-right: 13px; padding: unset; border: unset; position: relative; transform: scale(1.5); }
#sf_form_subs_new .sf_fall_holiday_classics label {width: calc(100% - 40px); text-align: left; }
.sf_fall_holiday:checked {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.sf_fall_holiday:checked:after {content: "\f14a"; font-family: 'FontAwesome'; color: #2d2926; position: absolute; font-size: 16px; top: -1px; left: 4px; line-height: 1; }
#sf_form_subs_new .sf_fall_holiday:checked + label {padding-left: 0 !important; }
.sf_fall_holiday_classics label {float: left; }
hr{margin-top: 35px; background-color: #d5bfa0 !important; height: 2px; border: none; }
/* The sub/gif/e-giftcard flow when have top bar */
@media only screen and (max-width: 960px){.mobile_header .sf_process_title.mobile{top: 40px !important; } }
/* Responsive 3 box in one screen mobile */
.sf_desktop_ver{ display: block }
.sf_mobile_ver{ display: none; }
@media only screen and (max-width: 680px){
.sf_desktop_ver{ display: none }
.sf_mobile_ver{ display: block; }
#step8 .sf_vbox img {width: 150px; }
#step8 .sf_vicon_img img {width: 55px; }
.sf_more_box .sf_curated_more.sf_box_radios{max-width: 100% !important; padding: 0px; }
.sf_mobile_ver img{float: left; width: 35% !important; }
.sf_mobile_ver .sf_con_right{float: right; width: 65%; }
.sf_more_box .sf_box_radios .sf_curated_more_item.sf_box_parent {padding: 15px 15px; }
.sf_more_box .sf_recomended img{ max-width: 100px; }
.sf_more_box .sf_mobile_ver .sf_more_info {max-width: 260px; margin: 10px auto 0; padding-left: 20px; }
.sf_more_box .sf_box_radios .sf_box_parent {margin: 0px 0 20px; }
.sf_more_box .sf_mobile_ver p.sf_price_i{ font-size: 20px; }
#step9 .sf_box_radios .sf_box_parent {margin: 20px 0 35px; }
#step9 .sf_sub_plan .sf_box_parent {padding: 20px 20px 20px; }
#step9 .sf_sub_plan .sf_vbox h3 {margin-bottom: 5px; line-height: 25px; padding-bottom: 3px; font-size: 21px; }
#step9 .sf_sub_plan .sf_vbox h3 br{ display: none; }
#step9 p.sf_price_i {font-size: 18px; line-height: 21px; }
#step9 .sf_box_radios, .sf_box_radios.to_pay {padding: 0px; }
#step10 .sf_box_radios .sf_box_parent {margin: 0px 0 20px; padding: 13px; }
#step10 .sf_sub_plan.to_pay .sf_vbox h3 {padding-bottom: 5px; margin-bottom: 10px !important; font-size: 21px; width: 50%; margin: 0 auto; }
#step10 .sf_price_i {font-size: 18px; line-height: 18px; }
#step10 .sf_billed {margin-top: 7px; font-size: 15px; }
.sf_recomended {bottom: -13px; }
}
select#sf_shipping_to_sub {padding: 10px; font-family: 'futuramedium'; color: #2d2926; }
.sf_shipping_to_sub label {font-family: 'futuramedium'; font-size: 20px; color: #2d2926; }
.sf_warning {margin-top: 20px; margin-bottom: 30px; }
.sf_warning .ca{text-transform: inherit; max-width: 850px; font-weight: normal; font-size: 17px; line-height: 21px; font-family: 'futuramedium'; color: #2d2926; display: none; }
.bugme.bugmebar-animated {display: block !important; }
/* SF New top bar content with 3 rows */
.black_friday_deal_header.sf_hide_topbar_desktop{ display: none !important; }
.black_friday_deal_header.sf_hide_topbar_mobile{ display: block !important; }
@media only screen and (max-width: 960px){
.black_friday_deal_header.sf_hide_topbar_desktop{ display: block !important; }
.black_friday_deal_header.sf_hide_topbar_mobile{ display: none !important; }
}
@media only screen and (max-width: 768px){
/* .site-header { */
/* display: none; */
/* } */
}
/* SF END New top bar content with 3 rows */
.sf_blog_move {
padding: 0 20px;
background-color: #98A4AE;
position: relative;
max-width: 100%;
overflow-x: hidden;
}
.sf_blog_move img{
max-height: 100px;
margin: 0 auto;
width: auto;
}
.sf_marquee_move {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 75s linear infinite;
}
.sf_marquee_move:hover {
animation-play-state: paused;
}
.marquee {
display: inline-block;
}
.marquee span {
padding: 0 40px;
border-right: 1px solid #fff;
}
.marquee span a {
color: #fff;
padding: 12px 0 10px;
display: inline-block;
font-family: 'futuralight';
text-transform: uppercase;
font-size: 15px;
letter-spacing: 2px;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.xoo-el-container{ display:none; }
@media only screen and (max-width:925px){
.sf_blog_move img {
margin-top: 8px;
}
}
p.sf_coupon_code {
color: #228b22;
opacity: 1;
padding-top: 3px;
display: none;
font-size: 12px !important;
font-weight: bold;
text-align: center;
}
p.always_show.sf_coupon_code { display: block !important; }
#flexslider_topbanner_mobile .slide h2, #flexslider_topbanner_mobile .slide p {
font-size: 11px !important;
line-height: 14px !important;
letter-spacing: 0px !important;
padding-top: 5px !important;
color: #fff !important;
font-weight: normal !important;
font-family: 'poppinsregular' !important;
}
div#flexslider_topbanner {
padding-top: 2px;
}
div#flexslider_topbanner_mobile {
padding-top: 7px;
}
#flexslider_topbanner_gift_sub_flow .slide h2, #flexslider_topbanner_gift_sub_flow .slide p {
font-size: 15px !important;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
font-family: 'Acre';
text-transform: unset;
font-weight: normal;
letter-spacing: 0px;
}
@media only screen and (max-width: 768px){
#flexslider_topbanner_gift_sub_flow .slide h2, #flexslider_topbanner_gift_sub_flow .slide p {
font-size: 9px !important;
line-height: 14px !important;
letter-spacing: 0px !important;
padding-top: 5px !important;
color: #fff !important;
font-weight: normal !important;
font-family: 'poppinsregular' !important;
}
/* div#flexslider_topbanner_gift_sub_flow{ */
/* padding-top: 7px; */
/* } */
}
.navigation-top.site-navigation-fixed{ display:block !important; }
.sf_button2024_flow {
background-color: #fff !important;
color: #000 !important;
border: 1px solid #000;
border-radius: 50px !important;
letter-spacing: 0px !important;
text-transform: unset !important;
padding: 10px 25px !important;
}
a.sf_button2024_flow:before{
content: "\f105\00a0";
font-family: 'FontAwesome';
opacity:0;
color: #fff;
}
a.sf_button2024_flow:hover {
text-decoration: unset !important;
background-color: var(--sfbutton) !important;
border-color: #fff !important;
color: #fff !important;
}
a.sf_button2024_flow:hover:before{
opacity:1;
}
@media screen and (max-width: 768px) {
#sfs_topheader {
position: static;
}
.mobile_header #logo {
width: 120px;
margin: 0 auto;
display: inline-block;
}
.mobile_header .logo{ width: 100% !important; }
#progressbar {
top: unset !important;
margin-top: 15px;
margin-bottom: 15px;
position: relative;
}
.sf_process_title.mobile h2{ padding: 0px 30px 0px 30px !important; }
.sf_process_title.mobile{ position: unset !important; }
#sfs_topheader .row-fluid{ background-color: #fff; padding-bottom: 15px; }
div#flexslider_topbanner_gift_sub_flow{ padding-top:0px !important; }
/* .sf_description{ padding-left:35px !important; padding-right:35px !important; } */
.sf_description{ font-size: 16px !important; }
}
.black_friday_deal_header{ min-height: unset !important; }
.sf_link_home{
position: unset !important;
transform: unset !important;
background-color: unset !important;
padding: unset !important;
border-radius: unset !important;
}
#step9 p.sf_savings {
position: absolute;
top: -47px;
left: 15px;
background-color: #9DB14C;
padding: 8px 15px;
border-radius: 5px 5px 0px 0px;
color: #fff;
font-family: 'poppinsmedium' !important;
}
/* .sf_main_tabs img { */
/* height: 30px !important; */
/* width: 100px !important; */
/* } */
img.sf_img_start {
margin: 0 auto;
}
hr {
margin-top: 35px;
background-color: #d5bfa0 !important;
height: 2px;
border: none;
}
.sf_all_step {
max-width: 1100px;
margin: 0 auto;
padding-top: 20px;
}
.site-header .wrap-inner,
#masthead .sf_sticky_account_icon.sf_icons_menus.main-navigation{
box-sizing: border-box;
}
header .wrap-inner {
padding-bottom: 0px !important;
padding-top: 5px;
}
.sub_footer.span12 {
box-sizing: border-box;
}
.shoptimizer-mini-cart-wrap .widget_shopping_cart_content{
box-sizing: border-box;
}
.button {
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
/* .shoptimizer-mini-cart-wrap .widget_shopping_cart_content >ul { */
/* list-style: none; */
/* padding-left: 0px !important; */
/* } */
/* .shoptimizer-mini-cart-wrap .widget_shopping_cart .product_list_widget li a.remove{ left:2px !important; } */