/*******************************************
WINE AMBASSADOR - JOIN PAGE STYLES/SETTINGS
*******************************************/

/***** POPUP MODAL *****/
.modal[role="dialog"]{padding:0 15px!important}
.modal .modal-dialog{width:60%;top:22%;margin:0 auto}
.modal .modal-content{border:0}
.modal .modal-header{background-color:#8d191c;color:#fff;border-bottom:1px solid #4c4638;margin-bottom:20px}
.modal .modal-header button.close{margin-top:0;padding:6px 8px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;opacity:.8}
.modal .modal-header button.close:hover{opacity:1}
.modal .modal-header button.close i{position:relative;font-size:22px;font-weight:100;line-height:1;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}
.modal .modal-header .modal-title{font-size:22px;font-weight:700;text-align:center;margin:0 auto 5px}
.modal .modal-body{text-align:center;padding:50px 3%}
.modal .modal-body p{font-size:14px;line-height:1.5;margin-bottom:15px}
.modal button{font-size:13px;border-radius:3px;margin:15px auto 30px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

.modal#joinModal .modal-content{background-color:#fff}
.modal#joinModal form#partyAccess p{font-size:15px}
.modal#joinModal form#partyAccess p:last-of-type{font-size:13px}
.modal#joinModal form#partyAccess label{width:50%;font-size:14px;font-weight:600;color:#777;margin-bottom:20px;padding-right:0}
.modal#joinModal form#partyAccess label:nth-of-type(2){font-size:15px}
.modal#joinModal form#partyAccess label select{display:block;width:185px;text-indent:5%;margin:auto;padding:0 1%}
.modal#joinModal form#partyAccess button{display:block;width:30%;margin:15px auto 20px}

/*
.modal#termsModal .modal-dialog{top:15%}
.modal#termsModal .modal-header{margin-bottom:0}
.modal#termsModal .modal-header button.close,
.modal#termsModal .modal-header .modal-title{margin:0 auto}
.modal#termsModal .modal-body{height:300px;text-align:left;background-color:#efefef;padding:20px 3%;overflow-y:auto;}
.modal#termsModal .modal-body .terms_body h3{font-size:16px;font-weight:700;line-height:1.2;color:#555;margin:10px auto 5px}
.modal#termsModal .modal-body .terms_body p{font-size:13px;font-weight:400;line-height:1.3;margin:0 auto 10px}
*/

/***** POPUP MODAL RESPONSIVE *****/
@media (max-width: 1499px) and (min-width: 1200px) {
  .modal .modal-dialog{width:70%}
}
@media (max-width: 1199px) and (min-width: 992px) {
  .modal .modal-dialog{width:80%}
  .modal .modal-body{padding:40px 3%}
  .modal .modal-body p{font-size:13px}
}
@media (max-width: 991px) {
  .modal .modal-dialog{width:98%}
  .modal .modal-body{padding:30px 3%}
  .modal .modal-body p{font-size:13px}
}
@media (max-width: 767px) {
  .modal#joinModal form#partyAccess label{width:100%}
  .modal#joinModal form#partyAccess button{width:75%}
}
@media (max-width: 479px) {
  .modal[role="dialog"]{padding:0 1%!important}
  .modal .modal-dialog{top:15%;margin:4px auto 8px}
  .modal .modal-body{padding:10px 2%}
  .modal#joinModal form#partyAccess button{width:75%}
}

/******************
  MAIN PAGE STYLES 
******************/

/*-------- Experience Wine Header --------*/
main#join{background-color:#fff;padding-bottom:40px}
#join .experience_wine{position:relative;width:100%;height:600px;background-image:url('/Images/experience-01.png');background-repeat:no-repeat;background-position:20% 0%;margin-bottom:80px;padding:200px 0;z-index:0}
#join .experience_wine h1{padding:0}
#join .experience_wine h1,
#join .experience_wine p{text-align:center;text-transform:none;color:#fff}
#join .experience_wine h1 i{display:block;font-family:'Cookie',serif;font-size:50px;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.9);margin:0 auto 0}
#join .experience_wine h1 span{display:block;font-size:50px;font-weight:800;text-shadow:3px 3px 4px rgba(0,0,0,.8);margin:0 auto 0}
#join .experience_wine p{font-size:22px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.9);padding:0}
#join .overlay{opacity:.4;z-index:-1}
#join h2.choose{font-family:'Cookie',serif!important;font-size:52px;font-weight:500;text-align:center;line-height:1.2;color:#555;margin:0 auto 40px}

/*-------- Global Styles/Settings --------*/
form.join{display:block;position:relative;margin:25px auto;padding:0}
form.join fieldset.boxes{margin:0 auto;padding:0}
form.join fieldset.boxes h3.choose{font-size:22px;font-weight:700;text-align:center;text-transform:none;color:#8d191c;border:1px solid #540f10;margin:0 auto 40px;padding:12px 18px}
form.join fieldset.boxes .join_box{border:1px solid;margin:0 auto 50px;padding:0}
form.join fieldset.boxes .join_box:first-of-type{margin-top:-1px}
form.join fieldset.boxes .box_header{background-color:#000;margin:0 auto;padding:8px 12px}
form.join fieldset.boxes .box_header .check_box_wrapper{display:block;position:relative;font-size:22px;top:4px;left:0;margin:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
form.join fieldset.boxes .box_header input,
form.join fieldset.boxes .box_header .check_box{position:absolute;width:30px;height:30px;margin:0;padding:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
form.join fieldset.boxes .box_header input{opacity:.2;cursor:pointer}
form.join fieldset.boxes .box_header .check_box{background-color:#eee;border:2px solid #ccc;border-radius:2px}
form.join fieldset.boxes .box_header .check_box::after{position:absolute;display:none;width:14px;height:28px;border:solid #fff;border-width:0 4px 4px 0;left:8px;top:-5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:""}
form.join fieldset.boxes .box_header .check_box:hover{background-color:#fff;border:2px solid #eee}
form.join fieldset.boxes .box_header input:checked + .check_box{background-color:#4591d3}
form.join fieldset.boxes .box_header input:checked + .check_box::after{display:block}
form.join fieldset.boxes .box_header h3 span,
form.join fieldset.boxes .box_body h3 span,
form.join fieldset.boxes .box_body ul li span{color:#ba9e3b}
form.join fieldset.boxes .box_header h3{display:inline-block;font-size:28px;font-weight:800;line-height:1.4;color:#fff;margin:0 0 0 40px;padding:0}
form.join fieldset.boxes .box_header h3 span{margin-left:5px}
form.join fieldset.boxes .box_header h3+span{display:inline-block;float:right;font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1;color:#fff}
form.join fieldset.boxes .box_header h3+span sup{font-size:60%;top:-12px;padding-left:2px}
form.join fieldset.boxes .box_header span i{font-size:14px;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.5px}
form.join fieldset.boxes .box_header h3+span i::after{display:inline-block;font-size:36px;font-weight:700;line-height:1;color:#fff;margin-left:5px;content:"$"}
form.join fieldset.boxes .box_body{margin:25px auto 0;padding:0 15px 5px}
form.join fieldset.boxes .box_body h3{font-size:24px;font-weight:600;color:#555;margin:-5px auto 15px;padding:0}
form.join fieldset.boxes .box_body h3 span{font-size:26px;font-weight:800}
form.join fieldset.boxes .box_body ul{margin:0 auto 15px;padding:0}
form.join fieldset.boxes .box_body ul li{font-size:16px;font-weight:600;line-height:1.4;color:#555;margin-bottom:6px}
form.join fieldset.boxes .box_body ul li::before{position:relative;font-family:'FontAwesome';font-size:16px;font-weight:100;top:0;left:0;margin-right:5px;content:'\f058'}
form.join fieldset.boxes .box_body ul li span{font-size:17px;font-weight:700}
form.join fieldset.boxes .box_body ul li:last-of-type{font-size:18px;font-weight:700;text-transform:uppercase;margin-top:20px}
form.join fieldset.boxes .box_body ul li:last-of-type::before{display:none}
form.join fieldset.boxes .box_body ul li:last-of-type span{font-size:22px;font-weight:700}
form.join fieldset.boxes .box_body ul li i[class*="info"]{position: relative;font-size:16px;color:#5bc0de;top:-4px}
form.join fieldset.boxes .box_body ul li i + .tooltip.top{margin-top:-10px}
form.join fieldset.boxes .box_body ul li i + .tooltip.in{opacity:.85}
form.join fieldset.boxes .box_body ul li i + .tooltip .tooltip-inner{padding:8px}
form.join fieldset.boxes .box_body img{display:block;position:relative;width:100%;object-fit:cover;object-position:50% 50%;border:1px solid #ddd;border-radius:2px;margin:0 auto}
form.join p.select{font-size:17px;font-weight:600;font-style:italic;text-align:center;color:#8d191c;margin:40px auto;padding:0}
form.join p.select::before{display:inline-block;position:relative;font-family:'FontAwesome';font-size:18px;font-weight:100;font-style:normal;color:#8d191c;top:1px;margin-right:4px;content:"\f046"}

/*-------- Membership Page Styles/Settings --------*/
form.join fieldset.boxes.member .img1 img[src*="desktop"]{height:360px}
form.join fieldset.boxes.member .img2 img[src*="desktop"]{height:280px}
form.join fieldset.boxes.member .img3 img[src*="desktop"]{height:280px}
form.join fieldset.boxes.member .img4 img[src*="desktop"]{height:226px}
form.join fieldset.boxes.member .box_body img[src*="mobile"]{display:none}

/*-------- Product Pages Styles/Settings --------*/
form.join fieldset.boxes.product .box_header h3+span{font-size:30px;line-height:1.2}
form.join fieldset.boxes.product .box_body{padding:0 15% 5px}
form.join fieldset.boxes.product .box_body img{height:280px;margin:0 auto}
form.join fieldset.boxes.product .box_body p{font-size:22px;font-weight:600;text-align:center;margin:20px auto}
form.join fieldset.boxes.product p.congratulations{font-size:20px;font-weight:700;margin-bottom:20px}
form.join fieldset.boxes.product label.autoship{font-size:15px;font-weight:500;line-height:1.4}
form.join fieldset.boxes.product label.autoship input{float:left;margin:4px 8px 60px 0}

/*-------- Enrollment Page Styles/Settings --------*/
form.join fieldset.enrollment.enroll .join_box_wrapper{width:100%;background-color:#777;border:1px solid #000;margin:0 auto 40px;padding:15px}
form.join fieldset.enrollment.enroll .join_box{background-color:#f6f2f1;border:1px solid #540f10;margin:0 auto;padding:20px 3% 25px}
form.join fieldset.enrollment.enroll .join_box h5{font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:1px;margin:25px 1% 15px}
form.join fieldset.enrollment.enroll .join_box h5::after{display:block;width:98%;border-bottom:2px solid #777;padding-top:3px;content:""}
form.join fieldset.enrollment.enroll .join_box h5:first-of-type,
form.join fieldset.enrollment.enroll .join_box h5:nth-of-type(2){margin:10px 1% 15px}
form.join fieldset.enrollment.enroll .join_box h6{font-size:13px;font-weight:700;text-align:center;text-transform:capitalize;line-height:1.2;letter-spacing:.5px;margin:20px auto 5px}
form.join fieldset.enrollment.enroll .join_box h6::after{display:block;width:90%;border-bottom:1px solid #777;margin:auto;padding-top:3px;content:""}
form.join fieldset.enrollment.enroll label,
form.join fieldset.enrollment.enroll div.cc_type{width:51%;font-size:13px;font-weight:500;line-height:1.8;color:#333;margin:0 -1% 5px;padding:0 2%}
form.join fieldset.enrollment.enroll label.birthDay{top:-26px}
form.join fieldset.enrollment.enroll label.one_third{width:34.3%;padding:0 1.5%}
form.join fieldset.enrollment.enroll label.cc_label{width:25%;font-size:12px;padding:0 1.5%}
form.join fieldset.enrollment.enroll label.cc_label.cc_num{width:52.5%}

form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon{display:inline-block;width:12%;float:left}
form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon + input#cardNumber{display:inline-block;width:88%}

form.join fieldset.enrollment.enroll label input:not([type="radio"]),
form.join fieldset.enrollment.enroll label select,
form.join fieldset.enrollment.enroll label span.input-group-addon{height:28px;font-size:13px;line-height:1;border-radius:3px;padding:5px 10px}

form.join fieldset.enrollment.enroll label input:not([type="radio"]),
form.join fieldset.enrollment.enroll label select{width:100%;text-indent:0;background-color:#fff;border-top:2px solid #aaa;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:2px solid #aaa}

form.join fieldset.enrollment.enroll label span.input-group-addon{background-color:transparent;border-top:2px solid #aaa;border-bottom:1px solid #ccc;border-left:2px solid #aaa;border-bottom-right-radius:0;border-top-right-radius:0}
form.join fieldset.enrollment.enroll label span.input-group-addon i.fa{font-size:14px;color:#333}

form.join fieldset.enrollment.enroll div.cc_type{font-size:14px}
form.join fieldset.enrollment.enroll div.cc_type label{width:28%;margin:3px 0 3px}
form.join fieldset.enrollment.enroll div.cc_type label input{position:relative;width:14px;height:14px;top:2px;margin:6px 4px 6px -2px}
form.join fieldset.enrollment.enroll div.cc_type img{display:inline-block;width:40px;height:auto;margin:0}

form.join fieldset.enrollment.enroll .bfh-datepicker input,
form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon + input#cardNumber{border-top-left-radius:0;border-bottom-left-radius:0}

form.join fieldset.enrollment.enroll div.terms{margin:0 1% 15px}
form.join fieldset.enrollment.enroll div.terms p{font-size:13px;font-weight:400;line-height:1.2;margin:0 auto 5px}
form.join fieldset.enrollment.enroll div.terms p span,
form.join fieldset.enrollment.enroll div.terms label span{font-weight:600}
form.join fieldset.enrollment.enroll div.terms button,
form.join fieldset.enrollment.enroll div.terms a{display:inline-block;font-size:12px;font-weight:600;margin-top:10px;padding:8px 18px;clear:both}
form.join fieldset.enrollment.enroll div.terms a{margin-bottom:15px}
form.join fieldset.enrollment.enroll div.terms label{display:block;width:100%;padding:0 1%}
form.join fieldset.enrollment.enroll div.terms label input{position:relative;top:1px;margin-right:4px}

form.join fieldset.enrollment.enroll input[type="submit"]{display:block;margin-left:1%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

/*-------- Bootzard Plugin Styles/Settings --------*/
#join .top-content{background-image:none;margin:0;padding:0}
.f1-buttons .btn{display:inline-block;position:relative;height:unset!important;font-size:14px!important;font-weight:500!important;text-transform:uppercase;text-decoration:none;line-height:1.2!important;letter-spacing:.8px!important;color:#8d191c;border:1px solid #540f10;margin-top:25px!important;padding:10px 22px!important}
.f1-buttons .btn:hover{text-decoration:none;color:#540f10}
.f1-buttons .btn.primary,.f1-buttons .btn.secondary,.f1-buttons .btn.btn-previous,.f1-buttons .btn.btn-next{color:#fff!important;border:none!important;border-radius:2px}
.f1-buttons .btn.primary{background-color:#8d191c}
.f1-buttons .btn.secondary,.f1-buttons .btn.btn-next{background-color:#ba9e3b!important}
.f1-buttons .btn.btn-previous{background-color:#aaa!important}
.f1-buttons .btn.primary:hover{background-color:#540f10}
.f1-buttons .btn.secondary:hover,.f1-buttons .btn.btn-next:hover{background-color:#a49670!important}
.f1-buttons .btn.btn-previous:hover{color:#333;background-color:#ccc}
.f1-buttons .btn.arrow::after{position:relative;font-family:'FontAwesome';top:-1px;margin-left:-10px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;content:"\f061";opacity:0}
.f1-buttons .btn.btn-previous.arrow::after{display:none}
.f1-buttons .btn.btn-previous.arrow::before{position:relative;font-family:'FontAwesome';top:-1px;margin-right:-10px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;content:"\f060";opacity:0}
.f1-buttons .btn.arrow:hover::after{margin-left:5px;opacity:1}
.f1-buttons .btn.btn-previous.arrow:hover::before{margin-right:5px;opacity:1}

#join .f1-steps .f1-progress .f1-progress-line,
#join .f1-steps .f1-step.active .f1-step-icon{background:#8d191c}
#join .f1-steps .f1-step.active p,
#join .f1-steps .f1-step.activated p,
#join .f1-steps .f1-step.activated .f1-step-icon{color:#8d191c}
#join .f1-steps .f1-step.activated .f1-step-icon{border:1px solid #8d191c}
br.show_369{display:none}

/***** MAIN PAGE RESPONSIVE *****/
@media (max-width: 1499px) and (min-width: 1200px) {
  #join .experience_wine{height:550px;padding:175px 0}
}
@media (max-width: 1199px) {
  #join .experience_wine{height:500px;padding:150px 0}
  form.join fieldset.boxes .box_header input,
  form.join fieldset.boxes .box_header .check_box{width:26px;height:26px}
  form.join fieldset.boxes .box_header .check_box::after{left:6px;top:-7px}
  form.join fieldset.boxes .box_header h3{font-size:26px}
  form.join fieldset.boxes .box_header h3+span{font-size:36px}
  form.join fieldset.boxes .box_header span i{font-size:13px}
  form.join fieldset.boxes .box_header h3+span i::after{font-size:32px}
  form.join fieldset.boxes .box_body ul li{font-size:15px}
  form.join fieldset.boxes .box_body ul li span{font-size:16px}
  form.join fieldset.boxes .box_body ul li:last-of-type{font-size:17px}
  form.join fieldset.boxes .box_body ul li:last-of-type span{font-size:20px}
  form.join fieldset.boxes.member img{margin:5px auto 0}
  form.join fieldset.boxes.member .img4 img[src*="desktop"]{height:210px}
  form.join fieldset.boxes.product .box_header h3+span{font-size:28px}
  form.join fieldset.boxes.product .box_body{padding:0 12% 5px}
  form.join fieldset.boxes.product .box_body img{height:250px}
  form.join fieldset.boxes.product .box_body p{font-size:20px}
  form.join fieldset.enrollment.enroll div.cc_type{width:58%}
  form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon{padding:5px 8px}
}
@media (max-width: 991px) {
  #join .experience_wine{height:450px;padding:125px 0}
  #join h2.choose{font-size:50px}
  form.join fieldset.boxes .box_header input,
  form.join fieldset.boxes .box_header .check_box{width:25px;height:25px}
  form.join fieldset.boxes .box_header .check_box::after{width:12px;height:26px}
  form.join fieldset.boxes .box_header h3{font-size:25px}
  form.join fieldset.boxes .box_header h3+span{font-size:34px}
  form.join fieldset.boxes .box_header h3+span i::after{font-size:30px}
  form.join fieldset.boxes .box_body{padding:0 15px 15px}
  form.join fieldset.boxes.member .box_body img[src*="desktop"]{display:none}
  form.join fieldset.boxes.member .box_body img[src*="mobile"]{display:block;height:320px}
  form.join fieldset.enrollment.enroll div.cc_type{width:62%}
  form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon{padding:5px 6px}
}
@media (max-width: 767px) {
  #join .experience_wine{height:400px;padding:100px 0}
  #join .experience_wine h1, #join .experience_wine p{line-height:1.4}
  #join .experience_wine h1 i{font-size:35px}
  #join .experience_wine h1 span{font-size:35px}
  #join .experience_wine p{font-size:18px}
  form.join fieldset.boxes.product .box_header h3+span{font-size:26px}
}
@media (max-width: 639px) {
  #join h2.choose{font-size:42px}
  form.join fieldset.boxes h3.choose{font-size:20px}
  form.join fieldset.boxes .box_header input,
  form.join fieldset.boxes .box_header .check_box{width:22px;height:22px}
  form.join fieldset.boxes .box_header .check_box::after{width:10px;height:20px;left:5px;top:-3px}
  form.join fieldset.boxes .box_header h3{font-size:22px}
  form.join fieldset.boxes .box_header h3+span{font-size:28px}
  form.join fieldset.boxes .box_header span i{font-size:12px}
  form.join fieldset.boxes .box_header h3+span i::after{font-size:24px}
  form.join fieldset.boxes .box_body{padding:0 15px 15px}
  form.join fieldset.boxes.member .box_body img[src*="mobile"]{height:280px}
  form.join fieldset.boxes.product label.autoship{font-size:14px}
  form.join fieldset.boxes.product .box_header h3+span{font-size:24px}
  form.join fieldset.boxes.product .box_body{padding:0 10% 5px}
  form.join fieldset.boxes.product .box_body img{height:220px}
  form.join fieldset.boxes.product .box_body p{font-size:18px}
  form.join fieldset.enrollment.enroll label.one_third:nth-of-type(5){width:30.3%}
  form.join fieldset.enrollment.enroll label.one_third:nth-of-type(6){width:38.3%}
  form.join fieldset.enrollment.enroll div.cc_type{width:72%}
  form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon{padding:5px 2px}
  form.join fieldset.enrollment.enroll label.cc_label.cc_num{width:56%}
  form.join fieldset.enrollment.enroll label.cc_label{width:23.5%}
  form.join fieldset.enrollment.enroll div.terms button,
  form.join fieldset.enrollment.enroll div.terms a{font-size:11.4px}
  form.join fieldset.enrollment.enroll div.terms label{font-size:12.6px}
}
@media (max-width: 559px) {
  form.join fieldset.boxes .box_header,
  form.join fieldset.boxes .box_body h3,
  form.join fieldset.boxes .box_body ul li:last-of-type{text-align:center}
  form.join fieldset.boxes .box_header .check_box_wrapper{display:inline}
  form.join fieldset.boxes .box_header h3{margin:0 0 0 35px}
  form.join fieldset.boxes .box_header h3+span{display:block;float:none}
  form.join fieldset.boxes .box_body h3{font-size:22px}
  form.join fieldset.boxes .box_body h3 span{font-size:24px}
  form.join fieldset.boxes.member .box_body img[src*="mobile"]{height:240px}
  form.join fieldset.boxes.product .box_header h3+span{font-size:22px}
  form.join fieldset.boxes.product .box_body{padding:0 8% 5px}
  form.join fieldset.boxes.product .box_body img{height:200px}
  form.join fieldset.enrollment.enroll label,
  form.join fieldset.enrollment.enroll div.cc_type{font-size:12px}
  form.join fieldset.enrollment.enroll div.cc_type{width:88%}
  form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon{width:15%}
  form.join fieldset.enrollment.enroll label.cc_label span.input-group-addon + input#cardNumber{width:85%}
  form.join fieldset.enrollment.enroll div.terms button,
  form.join fieldset.enrollment.enroll div.terms a{display:block;font-size:10px;text-align:center;padding:10px 12px}
  form.join fieldset.enrollment.enroll div.terms a:first-of-type{margin: 15px auto 0}
  form.join fieldset.enrollment.enroll div.terms label{font-size:12px;line-height:1.4;margin:0 -1% 8px}
  form.join fieldset.enrollment.enroll div.terms label input{float:left;margin:1px 6px 14px 0}
  .f1-buttons .btn{font-size:13px!important;padding:10px 20px!important}
  .f1-buttons .btn.btn-previous.arrow::before,
  .f1-buttons .btn.arrow::after{display:none}
}
@media (max-width: 559px) and (min-width: 480px) {
  form.join fieldset.enrollment.enroll label input:not([type="radio"]),
  form.join fieldset.enrollment.enroll label select,
  form.join fieldset.enrollment.enroll label span.input-group-addon{font-size:12px}
}
@media (max-width: 479px) {
  form.join fieldset.boxes .box_header h3{font-size:20px}
  form.join fieldset.boxes .box_header h3+span{font-size:25px}
  form.join fieldset.boxes .box_header h3+span i::after{font-size:22px}
  form.join fieldset.boxes .box_body h3{font-size:20px}
  form.join fieldset.boxes .box_body h3 span{font-size:22px}
  form.join fieldset.boxes .box_body ul li{font-size:14px}
  form.join fieldset.boxes .box_body ul li span{font-size:15px}
  form.join fieldset.boxes .box_body ul li:last-of-type{font-size:15px}
  form.join fieldset.boxes .box_body ul li:last-of-type span{font-size:17px}
  form.join fieldset.boxes.member .box_body img[src*="mobile"]{height:200px}
  form.join fieldset.boxes.product{margin:0 -10px}
  form.join fieldset.boxes.product p.congratulations{font-size:19px;text-align:center}
  form.join fieldset.boxes.product label.autoship{font-size:13px}
  form.join fieldset.boxes.product .box_body img{height:160px}
  form.join p.select{font-size:15px}
  form.join fieldset.enrollment.enroll .join_box h5{font-size:13px;margin:30px auto 20px}
  form.join fieldset.enrollment.enroll .join_box h5:first-of-type{margin-top:15px}
  form.join fieldset.enrollment.enroll .join_box h5:nth-of-type(2){margin-top:30px}
  form.join fieldset.enrollment.enroll .join_box h6{margin:25px auto 15px}
  form.join fieldset.enrollment.enroll label,
  form.join fieldset.enrollment.enroll label.one_third,
  form.join fieldset.enrollment.enroll div.cc_type,
  form.join fieldset.enrollment.enroll label.cc_label.cc_num{width:100%;margin:0 auto 8px}
  form.join fieldset.enrollment.enroll label.cc_label{width:49%}
  form.join fieldset.enrollment.enroll label.birthDay{top:-3px}
  form.join fieldset.enrollment.enroll div.terms p{text-align:center}
}
@media (max-width: 379px) {
  form.join fieldset.boxes.product label.autoship input{margin:4px 8px 75px 0}
  form.join fieldset.boxes.product .box_header h3.last{font-size:17px}
  form.join fieldset.boxes.member .box_body img[src*="mobile"]{height:180px}
  form.join fieldset.boxes.product .box_body{padding:0 6% 5px}
  form.join fieldset.boxes.product .box_body img{height:150px}
}
@media (max-width: 369px) {
  form.join fieldset.enrollment.enroll .join_box_wrapper{padding:5px}
  form.join fieldset.enrollment.enroll div.cc_type label{width:30%}
  form.join fieldset.enrollment.enroll div.cc_type img{width:35px}
  br.show_369{display:block}
}

*::-webkit-input-placeholder{color:#9e9e9e}*::-moz-placeholder{color:#9e9e9e}*:-moz-placeholder{color:#9e9e9e}*::-ms-input-placeholder{color:#9e9e9e}input:-ms-input-placeholder{color:#9e9e9e}*::placeholder{color:#9e9e9e}
*:focus::-webkit-input-placeholder{color:transparent}*:focus::-moz-placeholder{color:transparent}*:focus:-moz-placeholder{color:transparent}*:focus::-ms-input-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}*:focus::placeholder{color:transparent}