html { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
body { background-color: #fff; }
.wrap-inner.sf_for_sub_gift { box-sizing: border-box; }
#opBodyForm { margin-bottom: 0; position: relative; display: none; }
#opBodyForm fieldset { border: 0 none; border-radius: 3px; padding: 50px 10%; box-sizing: border-box; width: 100%; margin: 0 auto; position: relative; text-align: center; }
/*Hide all except first fieldset*/
#opBodyForm fieldset{display:none}
/*inputs*/
#opBodyForm input,#opBodyForm 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}
#opBodyForm textarea{resize:none}
#progressbar{height: 7px; overflow:hidden;counter-reset:step;padding:0;border-top:1px solid #868165;border-bottom:1px solid #868165; /*position:fixed;top:113px;left:0;*/ width:100%;margin:0;z-index:99}
#progressbar li{list-style-type:none;color:#fff;text-transform:uppercase;font-size:9px;width:calc(100%/7);float:left;position:relative;text-indent:-9999999px;height:7px}
#progressbar li:before{width:20px;line-height:20px;display:block;font-size:10px;color:#333;background:#fff;border-radius:3px;margin:0 auto 5px auto}
/*progressbar connectors*/
#progressbar li:after{content:"";width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;z-index:-1}
#progressbar li.active:before,#progressbar li.active:after{background:#868165;color:#fff}
/* 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:15pt !important;font-family:'poppinsregular' !important;color:#2d2926;margin-bottom:30px;font-weight: normal !important;line-height:1.2;padding:0; }
.sf_description.large{font-size:24pt;font-family:"futuramedium"}
.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: (../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;}
#opBodyForm .sf_input_type{width:100%;max-width:480px;margin:80px auto;padding:0 30px}
#opBodyForm #sf_your_birthday{margin-bottom:200px}
#opBodyForm .sf_input_type input,#opBodyForm .sf_input_type textarea{border:1px solid #d1c0a4!important;border-radius:12px!important;min-height:60px;position:relative;font-family:futurabookbt;font-size:14pt!important;margin-bottom:0;padding:12px 12px 15px!important;transition:all .2s ease;text-transform:none;letter-spacing:1px}
#opBodyForm .sf_input_type textarea{padding:15px 12px 20px!important}
.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:11px;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:3px;font-family:futurabookbt;font-weight:700}
.sf_has_label.focus label{opacity:1;z-index:1}
#opBodyForm .sf_input_type .focus input,#opBodyForm .sf_input_type .focus textarea{padding:25px 12px 10px!important}
#sf_email_notice{margin:30px auto;max-width:420px}
#sf_checkbox_notice{display:none}
#sf_email_notice label {
background-image: url(../img/subscribe/notice-nomal.png);
padding:10px 0 10px 30px!important;background-repeat:no-repeat;background-size:20px 20px;background-position:left center;font-family:"futurabookbt";font-size:12pt;color:#2d2926;font-weight:700;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:700;color:#2d2926}
#sf_account_terms p{font-family:"futurabookbt";font-size:12pt;color:#2d2926;font-weight:700}
#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 30px;
}
.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:700;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:10px 15px 0;position:relative;vertical-align:top}
.sf_box_parent.sf_box_checked:before,
.sf_box_parent.sf_heart:before {
background-image: url(../img/subscribe/Checkmark.png);
width:30px;height:30px;position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;right:5px;z-index:2;content:"";
}
.sf_box_parent.sf_heart:before {
background-image: url(../img/subscribe/Heart.png);
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,.5)}
#opBodyForm .sf_fbox_item input,#opBodyForm .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,.sf_wtg{display:inline-block;width:100%;margin:50px 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_wtg .sf_it_a:last-child label{padding:16px 8px 14px}
.sf_it_a input:checked+label{background-color:#d1c0a4;color:#fff}
.sf_it_a input:checked+label:before {
background-image: url(../img/subscribe/Checkmark.png);
content:"";width:28px;height:28px;position:absolute;right:4px;top:0;background-size:cover;background-position:center;background-repeat:no-repeat;
}
#opBodyForm .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}
#opBodyForm .previous,
.sf_fixed_step .sf_top_previous {
background-image: url(../img/subscribe/Back.png);
}
#opBodyForm .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:400;font-size:30px !important;line-height:30px;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:.8;font-style:italic}
.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}
.sf_vbox h3{font-family:"abril-display";font-size:22px;text-transform:uppercase;letter-spacing:2px;color:#2d2926;font-weight:400;margin-bottom:0}
.sf_price_i{color:#2d2926;font-family:poppinssemibold !important;font-size:18px !important;line-height:1.2;margin-bottom:15px}
.sf_ship_i{color:#2d2926;text-transform:uppercase;font-family:"futuramedium";font-size:15px;font-style:italic;margin-top:10px}
p.sf_total{font-family:poppinssemibold !important;color:#2d2926;font-size:25px !important;line-height:1.2;padding:5px 0}
#step6 p.sf_total{ font-family: 'poppinsregular'!important; font-size: 17px !important; }
.sf_vicon_item{display:inline-block;width:50%;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 15px}
.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:200px;margin:30px auto}
.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;width:100%}
.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:240px;height:auto;width:100%}
.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:30px 0 40px}
.sf_free_shippng p{color:#2d2926;font-family:"futuramedium";font-size:24px;line-height:26px;}
.sf_box_radios .sf_vbox{opacity:.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:35px 30px 15px;margin:0 45px 45px 0}
#step7 .sf_sub_plan .sf_box_parent{ padding: 35px 30px 25px; }
.sf_sub_plan.to_pay .sf_vbox h3{letter-spacing:0;padding-bottom:20px;border-bottom:1px solid #59573e}
.sf_sub_plan.to_pay .sf_vbox h3{padding-bottom:10px;margin-bottom:10px;font-size:28px}
.to_pay .sf_price_i{font-size:22px !important;margin-bottom:25px}
.sf_savings{color:#2d2926;font-family:"futuramedium";font-size:17px !important;line-height:21px;margin:10px 0;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:'poppinsmedium' !important;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:400;line-height:38px;margin-bottom:10px}
.sf_afterbox_sub p{color:#2d2926;font-family:"futuramedium";font-size:16px;line-height:18px;opacity:.6; padding-top: 12px; }
.sf_afterbox.sf_would_like{padding:15px 60px 25px}
.sf_would_like p{margin:10px 0 0}
.sf_tp_bot p{color:#2d2926;font-family:"futuramedium";font-size:16px;opacity:.6;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 0}
.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{color:#af562e;font-weight:700;text-align:right;width:100%;display:inline-block;padding:5px 0;cursor:pointer}
.sf_login_content,.sf_showpass.hide{display:none}
#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:red}
.sf_login_status.success, .sf_register_status.success { color: #28a745; }
#opBodyForm .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;width:100%}
.slider-holder{padding:15px;margin:0 auto;max-width:320px}
.value{margin:30px 0 0 0;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:0}
.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}
.sf_too_strong .sf_strong_choose.active{display:block}
.hided{display:none}
.sf_sub_plan.sf_box_radios{margin:40px auto}
.sf_sub_plan.to_pay.sf_box_radios{margin:40px auto 10px}
.sf_sub_plan .sf_vbox h3{text-transform:none;font-size:30px;margin-bottom:10px;line-height:1.2}
.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}
.first_step .sf-all-content {
background-image: url(https://www.vellabox.com/wp-content/uploads/2025/09/vellabox-gift-flow3703.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
/* .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: #233015; } */
/* .first_step .sf_right_bg_img{ */
/* height: calc(100vh - 125px); */
/* background-image: url('https://www.vellabox.com/wp-content/uploads/2024/11/gift-flow-hero-2024.jpg'); */
/* background-repeat: no-repeat; */
/* background-size: cover; */
/* background-position: center center; */
/* padding-bottom: 0; */
/* width: 58%; */
/* float: right; */
/* } */
/* .first_step .sf_right_bg_img{ display: block; } */
/* @media only screen and (max-width: 768px){ */
/* .first_step .sf_right_bg_img{ display: none; } */
/* } */
/* @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: 10px 20px 35px; /* background: rgba(255,255,255, 0.7); */ position: relative; }
.sf_start_inner h2{font-family:"abril-display";color:#000;font-size: 30pt !important;font-weight:400;line-height:26pt;margin:0}
.sf_start_inner p{color:#000;font-family:"futurabookbt";font-size: 15px !important;line-height:1.2;margin-bottom:15px; margin-top:15px; }
div.sf_start_on > p { max-width: 390px; }
.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;
line-height: 1.2;
}
.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; margin-bottom: 10px; }
.sf_generals_box { position: relative; }
.sf_more_box { 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_description.favo{max-width:750px;margin:0 auto 30px}
#ui-datepicker-div .ui-state-default,#ui-datepicker-div .ui-widget-content .ui-state-default,#ui-datepicker-div .ui-widget-header .ui-state-default,#ui-datepicker-div .ui-datepicker-header{background:#f2ebe5}
#ui-datepicker-div .ui-state-default.ui-state-active{background:#fbf9ee}
.to_save .month3,.sf_lookfor .onemonth{display:none}
.sf_sub_plan.to_save.sf_box_radios{margin-bottom:0}
.sf_lookfor{margin-bottom:40px}
.sf_lookfor a{font-family:"futuramedium";color:#2d2926;text-decoration:underline;line-height:1.2;font-size:18px}
p.sf_cancel{font-family:"futuramedium";color:#2d2926;font-size:17px !important;line-height:1.2;margin-bottom:15px}
.month1 .sf_price_i, #step6 .sf_price_i{font-size:25px !important;padding:5px 0; font-family:poppinssemibold !important;}
/* .sf_tp_bot{position:absolute;width:100%;left:0;bottom:15px;padding:0 15px} */
.to_pay .sf_save{font-family:"futuramedium";color:#228b22;font-size:16px;line-height:1.2;margin-bottom:5px}
.sf_desktop{ display:block; }
.sf_mobile{ display:none; }
.sf_shipping_to{margin-bottom:25px;position:relative;display:block;overflow:hidden}
#sf_shipping_to{color:#2d2926;width:calc(100% - 100px);border:1px solid #d1c0a4;padding:5px 12px;font-size:14px;letter-spacing:2px;font-family:"futuramedium";background:0 0;float:right}
#sf_shipping_to:focus-visible{outline:0}
.sf_your_shipping_address,.sf_receiver_shipping_address{display:none}
#opBodyForm #sf_what_email{max-width:580px}
#sf_what_email .sf_it_a label{padding:16px 40px 14px}
#sf_what_email .sf_it_a{max-width:280px}
#opBodyForm #sf_what_email{max-width:680px}
#sf_what_email .sf_first_box{margin-bottom:30px}
#sf_what_email .sf_has_label{max-width:480px;margin:0 auto 10px;padding:0 30px}
.first_to_me,.first_to_receiver{min-height:90px}
.first_to_receiver{display:none}
.xoo-el-popup-notice{ display: none; }
@media only screen and (min-width:1000px){
.first_to_receiver.sf_message_step_10{display:inline-block;width:60%;text-align:center}
}
.needsclick{display:none!important}
.sf_warning p{font-family:"futuralight";color:#2d2926;font-size:20px;line-height:1.2;display:none}
.sf_please_note p{font-family:"futuralight";font-size:18px;max-width:680px;padding:0 30px;margin:30px auto;position:relative}
.sf_please_note p:before {
background-image: url(../img/subscribe/learn_more_icon.png);
content:"";height:20px;width:20px;float:left;background-position:center;background-size:cover;background-repeat:no-repeat;margin-right:5px;display:inline-block;vertical-align:top;position:absolute;left:10px;top:0
}
#sf_when_send_it #calendar-box{display:none}
#calendar-box a.ui-state-default.ui-state-active{border:1px solid #003eff;background:#007fff;color:#fff}
.sf_shipping_to span{float:left;font-family:"futuramedium";line-height:1.9}
/* SF Responsive */
/* @media only screen and (min-width: 768px){ */
/* .sf_start_quiz { */
/* width: 42%; */
/* box-sizing: border-box; */
/* float: left; */
/* margin-top: 80px; */
/* justify-content: center; */
/* margin: 0 auto; */
/* height: calc(100vh - 125px); */
/* display: flex; */
/* align-items: center; */
/* } */
/* } */
p.sf_gift_mom_text {
max-width: 430px !important;
background-color: #C0BB87;
padding: 13px;
border-radius: 15px;
color: #fff !important;
line-height: 20px;
}
.sf_coupon_note {
margin-bottom: 15px;
background: #C0BB87;
padding: 10px 0px;
border-radius: 15px;
}
.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 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 screen and (min-width:926px) and (max-width:1200px){.sf_sub_plan.to_save .sf_vbox h3{font-size:28px;letter-spacing:2px}.to_save .sf_price_i{font-size:16px}.month1 .sf_price_i{font-size:28px}.sf_tp_bot p{font-size:15px}.sf_sub_plan.to_pay .sf_vbox h3{font-size:24px}.to_pay .sf_price_i{font-size:20px}}
@media 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 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 screen and (max-width:960px){#opBodyForm{padding:100px 15px 15px}}
@media screen and (max-width: 925px) {
.sf_start_inner a{ transform: translate(-50%, 20%); }
#progressbar { top: 105px; }
.sf_fixed_step a { width: 30px; height: 30px; }
.sf_fixed_step .sf_top_previous { left: 10px; }
.sf_fixed_step .sf_top_next { right: 10px; }
#opBodyForm { padding: 140px 15px 15px; }
#opBodyForm fieldset { padding: 0px 15px 70px; }
.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); padding-left: 40px; }
.sf_box_radios, .sf_box_radios.to_pay {max-width: 380px; display: inline-block; padding: 0 30px; }
.sf_box_radios .sf_box_parent {margin: 25px 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; float: unset !important; }
.sf_ulti_yesno .sf_it_a {width: 100%; max-width: 250px; margin: 0 auto; display: block; float:unset !important; }
.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; }
.clearly span a {margin-top: 0; }
#opBodyForm #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; }
.sf_sub_plan.to_pay .sf_box_parent {padding: 40px 30px; }
.sf_tp_bot {position: relative; bottom: 0; }
.to_save .month3, .sf_lookfor .onemonth {display: none }
.first_step .sf-all-content { background-position: center bottom; }
.sf_start_inner h2 {
font-size: 28pt !important;
width: 300px;
margin: auto;
}
.sf_start_inner p {font-size: 14pt; }
.sf_start_inner a {font-size: 16px !important; padding: 8px 22px 7px 15px !important; width: auto !important; }
.sf_ulti_aroma p{ text-align: center !important; font-style: unset; }
}
@media screen and (max-width: 768px) {
.sf_coupon_note {
margin-bottom: 10px;
margin-top: 8px;
}
.sf_mobile_ver .sf_gift_mom_img img {
width: 50px !important;
float: unset;
}
.sf_start_inner p {
margin-bottom: 10px;
margin-top: 10px;
color:#000;
max-width: 350px;
}
.sf_start_inner h2{ color:#000; }
.sf_start_quiz .sf_start_on{ padding-top:0px; }
.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; }
input.sf_fall_holiday:checked:after{left: -2px !important; width: 19px !important; height: 19px !important; }
a.sf_learnmore{ font-size: 13px !important; }
.sf_start_inner a {margin-bottom: 0; }
#opBodyForm #sf_what_email {max-width: 100% !important; padding: 0px; }
#sf_what_email .sf_has_label{padding: 0px !important; }
.first_step .sf-all-content{ background-image: url('https://www.vellabox.com/wp-content/uploads/2025/09/1subscribe-gift-flows-mobile-3662.jpg'); background-position: center bottom !important; background-size:cover; }
.sf_start_inner img {
display: block !important;
margin-top: 22px !important;
}
}
/* @media only screen and (max-width: 768px){ */
/* .first_step .sf-all-content{ background-image: url('https://www.vellabox.com/wp-content/uploads/2024/09/Spring24-Sub-Box-Group_mb-1.jpg'); } */
/* } */
@media 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; padding-top: 10px; }
.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 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 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 {margin: 0 30px 0 0; width: 80px; height: 80px; }
.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/06/mobile-sub-flow-main-image.jpg'); } */
.sf_start_quiz .strt {display: block; }
.sf_start_quiz .sf_start_inner {display: block; }
}
@media 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; letter-spacing: 0; }
.sf_price_i {font-size: 20px; line-height: 1.2; }
.sf_essentials_kit {font-size: 14px; }
}
@media screen and (max-width: 360px) {
.sf_favorites {top: -5px; }
.sf_essentials_kit {font-size: 12px; }
.sf_sub_plan.to_pay .sf_vbox h3 {font-size: 24px; }
.to_pay .sf_price_i {font-size: 20px; margin-bottom: 30px; }
#sf_what_email .sf_has_label label{font-size: 9px !important; }
}
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: 10px; margin:20px; 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; }
#opBodyForm .sf_fall_holiday_gift {float: left; width: 22px; margin-top: 8px; height: 14px; margin-right: 13px; padding: unset; border: unset; position: relative; transform: scale(1.5); }
#opBodyForm .sf_fall_holiday_classics label {width: calc(100% - 40px); text-align: left; }
.sf_fall_holiday_gift:checked {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.sf_fall_holiday_gift:checked:after {content: "\f14a"; font-family: 'FontAwesome'; color: #2d2926; position: absolute; font-size: 16px; top: -1px; left: 4px; line-height: 1; }
#opBodyForm .sf_fall_holiday_gift:checked + label {padding-left: 0 !important; }
.sf_fall_holiday_classics label {float: left; }
hr{margin-top: 35px; background-color: #DBC8B6 !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; }
.bugme.bugmebar-animated { display: block !important; }
@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: 25px 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; }
#step5 .sf_box_radios .sf_box_parent {margin: 0px 0 20px; }
#step5 .sf_sub_plan .sf_box_parent {padding: 15px 20px 50px; }
#step5 .sf_sub_plan .sf_vbox h3 {margin-bottom: 5px; line-height: 25px; padding-bottom: 3px; font-size: 21px; }
#step5 .sf_sub_plan .sf_vbox h3 br{ display: none; }
#step5 p.sf_price_i {font-size: 16px; line-height: 1.2; margin: 10px 0 0; }
#step5 .sf_box_radios, .sf_box_radios.to_pay {padding: 0px; }
#step6 .sf_box_radios .sf_box_parent {margin: 35px 0 20px; padding: 13px 13px 15px; }
p.sf_savings { top: -42px !important; }
#step6 .sf_box_radios .sf_box_parent.month1 {padding: 13px; }
#step6 .sf_sub_plan.to_pay .sf_vbox h3 {padding-bottom: 5px; margin-bottom: 10px !important; font-size: 21px; width: 60%; margin: 0 auto; }
#step6 .sf_price_i {font-size: 18px; line-height: 18px; }
#step6 .sf_billed {margin-top: 7px; font-size: 15px; }
#step6 .sf_box_radios .sf_box_parent.month1 .sf_price_i,
#step6 .sf_box_radios .sf_box_parent.month1 .sf_cancel {margin-bottom: 5px; }
.sf_sub_plan .sf_vbox h3 {font-size: 21px; margin-bottom: 5px; letter-spacing: 0; }
p.sf_total {font-size: 21px; padding: 0; }
.sf_savings {margin: 5px 0; }
.sf_sub_plan.to_pay .sf_box_parent {padding: 13px; }
.sf_sub_plan.to_pay .sf_vbox h3 {width: 50%; margin: 0 auto 10px; font-size: 21px; padding-bottom: 5px; line-height: 36px; }
.to_pay .sf_price_i {font-size: 18px; margin-bottom: 10px; }
.sf_curated_more_item .sf_more_info p {margin: 0; font-size: 13px; }
}
.cardMessageRemainingCounter {float: left; position: relative; max-width: none; width: auto; margin: 10px 0 0; padding: 5px 0; line-height: 1.2; }
p.maximum-characters {float: right; width: calc(100% - 130px); text-align: right; margin: 10px 0 0; padding-left: 20px; line-height: 1.2; }
#opBodyForm .cardMessageTextWithoutBackground.error {border: 2px solid #f00 !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; }
}
/* SF END New top bar content with 3 rows */
.sf_same_email_error p {font-family: 'futuralight'; font-size: 18px; line-height: 1.2; margin-top: 30px; border: 2px solid #f00; padding: 10px; }
.sf_same_email_error p a {text-decoration: underline; }
.sf_giftpdf_popup {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; }
.sf_giftpdf_popup .sf-gift-btn{padding: 15px 20px; text-align: center; background: white; width: 634px; margin: auto; position: relative; }
.sf_giftpdf_popup a.sf_close_popup:hover {background: none !important; }
.sf_giftpdf_popup a.sf_close_popup {border: unset !important; top: -8px !important; right: -15px !important; }
.sf_giftpdf_popup .sf-gift-content{padding: unset !important; margin-top: 0px !important; border: unset !important; border-top: 5px solid transparent !important; }
@media screen and (max-width: 700px){
.sf_giftpdf_popup .sf-mobile .sf-gift-btn { width: 434px; }
}
@media screen and (max-width: 480px){
.sf_giftpdf_popup .sf-mobile .sf-gift-btn { width: 350px; }
}
.sf_gift_shipping_note{
margin-top: 40px;
font-style: italic;
font-family: "futuralight";
font-size: 18px;
}
.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%); }
}
@media only screen and (max-width:925px){
.sf_blog_move img {
margin-top: 8px;
}
}
.xoo-el-container{ display:none; }
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; */
/* } */
.sf_start_quiz .sf_img_start{ display: none; }
}
@media screen and (max-width: 768px) {
.site-header {
display: none;
}
}
.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: var(--sfbutton) !important;
color: #fff !important;
}
a.sf_button2024_flow:hover:before{
opacity:1;
}
.navigation-top.site-navigation-fixed{ display:block !important; }
fieldset:not(#step10) .sf_description.first_to_receiver{ display:block !important; }
@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; }
}
.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;
}
.sf_img_start {
height: calc(100vh - 125px - 340px);
width: auto;
margin: auto;
display: block;
}
@media only screen and (max-width: 1165px){
/* .sf_img_start{ height: auto; } */
.sf_start_quiz{ position: static !important; }
.sf_img_start {
height: auto;
position: absolute;
bottom:0px;
left: 0;
right: 0;
z-index: -1;
}
}
@media only screen and (min-height: 955px){
/* .sf_img_start{ height: auto; } */
.sf_start_quiz{ position: static !important; }
.sf_img_start {
height: auto;
position: absolute;
bottom:0px;
left: 0;
right: 0;
z-index: -1;
}
}
#step6 p.sf_savings,
#step7 .sf_save {
position: absolute;
top: -47px;
left: 15px;
background-color: #9DB14C;
padding: 8px 15px;
border-radius: 5px 5px 0px 0px;
color: #fff;
font-family: 'poppinsmedium' !important;
}
#step7 .sf_save{ top: -34px !important; }