/* Reset Styles */
*,*::before,*::after {margin: 0;padding: 0;box-sizing: border-box;}
html,body {width: 100%;height: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {scroll-behavior: smooth;}
body {background-color: #ffffff;color: #4d4d4f;font-family: "Raleway", sans-serif;font-size: 14px;}
.container {display: block;max-width: 1024px;margin: 0 auto;}
a {text-decoration: none;color: inherit;}
img { max-width: 100%; height: auto; }

/* Main Styles */
.txt_white{color: #ffffff;}

/* Header Styles */
.main_header { padding: 15px 0 50px; border-top: 7px solid #A3CF62;}
.main_header .top_nav { margin: 0 0 25px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; }
.main_header .banner_sec { position: relative; padding: 25px 20px;}
.main_header .banner_sec img { max-width: 100%; width: 100%; height: auto; }
.main_header .banner_sec h1 {font-size: 40px; font-weight: 500; line-height: 46px; text-align:center; color: #4d4d4f;}
.left_nav a img{ display:block; }

/* Form Section Styles */
.form_sec .form_block { padding: 0 13px; display: flex; align-items: start; justify-content: space-between; }
.form_sec .form_block .left_block { width: 55%; padding-right: 35px; }
.form_sec .form_block p, .form_sec .form_block li { font-size: 14px; line-height: 20px; margin-bottom: 15px; font-weight: 500;}
.form_sec .form_block .left_block ul { list-style: outside none; }
.form_sec .form_block .left_block ul li strong { margin-right: 5px; }
.form_sec .form_block .left_block a { font-weight: bold; }
.form_sec .form_block .right_block { background-color: #E4F1D3; width: 45%; padding: 35px; }
.form_sec .form_block .right_block a { color: #a2c963; display: inline-block; line-height: 16px; }
form p.label { margin-bottom: 5px; }
form p.alert { font-size: 10px !important; line-height: 13px !important; font-weight: bold; margin: 5px 0 0 !important; color: #c00; position: absolute;}
#expiry_alert_form .form_group { margin: 0 auto 1.5rem auto; padding: 0.25rem; position: relative; }
#expiry_alert_form label { font-size: 14px; font-weight: 500; margin-bottom: 5px; display:block; }
#expiry_alert_form .form_control { font-family: "Raleway", sans-serif; font-size: 14px; line-height: 16px; display: block; width: 100%; height: 25px; padding: 0 5px; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #4d4d4f; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
#expiry_alert_form .form_control:focus { outline: 0; }
#expiry_alert_form .input-checkbox { display: inline-block; margin-right: 5px; min-height: 15px; min-width: 15px; border: 1px solid #4d4d4f; }
#expiry_alert_form .submit-button { background: #ffffff; display: inline-block; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: bold; color: #00693F; padding: 12px 20px; border-radius: 3px; cursor: pointer; border: none;  }
.eaf_required { font-weight: 700; color: red; }
#expiry_alert_form .prefix { position: absolute; left: 5px; top: 27px; font-size: 14px; line-height: 16px; padding: 3px 5px 5px; pointer-events: none; font-family: "Raleway", sans-serif; font-size:14px; }
#expiry_alert_form .prefix1 { position: absolute; left: 33px; top: 25px; font-size: 14px; line-height: 16px; padding: 3px 5px 5px; pointer-events: none; font-family: "Raleway", sans-serif; font-size: 14px;}
#expiry_alert_form .mob_prefix{padding-left: 55px;}

/* Footer Section Styles */
.txt_white{color: #ffffff;}
.main_footer {background-color: #8DC05B;}
.main_footer .footer_block { font-family: "Raleway", sans-serif; background-color: #8DC05B; color: #00693F; padding: 10px 13px 20px; margin-top:40px; }
.main_footer .footer_block p, .main_footer .footer_block li { font-size: 18px; font-weight: 500; line-height: 150%; margin-bottom: 10px; }
.main_footer .footer_block p a.txt_bld {font-weight: 500; word-break:break-all; }
.main_footer .footer_block p a {color: #ffffff;}
.main_footer .footer_block p a:hover, .main_footer .footer_block ul.contact_wrap li a:hover{text-decoration: underline; text-shadow: 0px 0px 1px #ffffff;}
.main_footer .footer_block .border_block { margin-bottom: 25px; }
.main_footer .footer_block .border_block p { margin-bottom: 0 !important; }
.main_footer .footer_block ul { list-style: outside none; padding-bottom:5px; }
.main_footer .footer_block ul li:first-of-type { padding-left: 0; }
.main_footer .footer_block ul li:last-of-type { padding-right: 0; }
.main_footer .footer_block ul li { display: inline-block; padding: 0 10px; }
.main_footer .footer_block .foot_logo_blk { display: flex; justify-content: space-between; align-items: center; }
.main_footer .footer_block .foot_logo_blk ul li { display: block; border: 0; }
.main_footer .footer_block .foot_logo_blk ul li:last-of-type { margin: 0; }
.main_footer .footer_block ul a { display: inline-block; color: #ffffff; font-family: "Raleway", sans-serif;}
.main_footer .footer_block p:last-of-type { margin-bottom: 0; }
.flex_wrap{display: flex; flex-direction: row;}
.flex_wrap div{flex-basis: 0;flex-grow: 1;}
.footer_block_up{ margin-bottom:10px;}
.main_footer .footer_block ul.contact_wrap li{ padding:4px 35px 3px 0px; margin:0; }
.main_footer .footer_block ul.contact_wrap li h2{font-size: 1.5rem;}
.main_footer .footer_block ul.contact_wrap li a{ color:#ffffff; }
.icon_ph, .icon_email{ font-size:16px; padding-right: 5px; color: #ffffff;}
.map_wrap{margin-bottom: 5px;}
.map_wrap img{display: block;}
.ft_head1{font-size: 22px;padding: 0px 0 10px; font-weight: 700;}
/*.ft_head2{border-bottom: 1px solid #000000; font-size: 20px;padding: 5px 0; margin-bottom: 10px;}*/
.ft_sep1{border-bottom: 1px solid #00693F; padding: 5px 0; margin-bottom: 10px;}
.ft_sep{padding-top: 10px; display: flex; justify-content: space-between; flex-direction: row;}
.main_footer .footer_block .ft_sep ul li a{color: #00693F;}
.main_footer .footer_block .ft_sep ul li a:hover{text-shadow:0px 0px 1px #00693F; text-decoration: underline;}
.ft_loc_block{padding-bottom: 10px;}
.ft_box, .ft_box1{  border: 1px solid #00693F; padding: 15px; margin-top: 15px;}
.main_footer .footer_block .ft_box p{font-weight: 600;}


/* Unsubscribe Page Styles */
.confirmation_pages .main_header { padding: 0; }
.confirmation_pages .main_header .top_nav { background-color: #ffffff; padding: 15px 20px; margin: 0; }
.general_cont .gen_cont_block { background-color: #ffffff; padding: 25px 20px 50px; text-align: center; color: #737373; }
.general_cont .gen_cont_block h4 { font-size: 24px; line-height: 36px; font-weight: 500; }
.confirmation_pages .general_cont .gen_cont_block h4 sup{font-size: 18px; line-height: 1px;}
.confirmation_pages .general_cont .gen_cont_block p sup{font-size: 15px; line-height: 1px;}
.confirmation_pages .main_header .banner_sec { background-color: #ffffff; }
.confirmation_pages p { font-size: 20px; line-height: 24px; font-weight: 500; margin-top: 25px; }
.confirmation_pages footer p { margin-top: 0; }
.br_hide { display: none; }


/* Responsive Styles */
@media only screen and (min-width: 992px) {
  .container{max-width: 960px;}
}

@media only screen and (min-width: 1200px) {
  .container{max-width: 1140px;}
}

@media only screen and (max-width: 991px) {
  .container{max-width: 720px;}
  .form_sec .form_block .left_block{width: 50%;}
  .form_sec .form_block .right_block{ width: 50%; padding: 30px 30px 25px;}
}

@media only screen and (max-width: 849px) {
.br_hide { display: block; }
.main_footer .footer_block ul li:nth-last-of-type(2) { padding-left: 0; }
.main_footer .footer_block ul li:nth-of-type(3) { border: 0; }
.main_footer .footer_block ul.contact_wrap li,.main_footer .footer_block ul.contact_wrap li:last-of-type { padding:3px 15px 3px 0px;}
.tab_hide{display: none;}
}

@media only screen and (max-width: 820px) {
/*  .main_header .top_nav .left_nav { margin-bottom: 15px; }*/
 .main_footer .footer_block p, .main_footer .footer_block li{font-size: 16px;}
  .unsubscribe .main_header .top_nav .left_nav { margin-bottom: 0; }
  .form_sec .form_block { display: block; }
  .form_sec .form_block .left_block, .form_sec .form_block .right_block { width: 100%; }
  .form_sec .form_block .left_block, .note_sec .note_block .note_left { margin-bottom: 25px; }
  .form_sec .form_block .left_block { padding-right: 0; }
  .note_sec .note_block .note_left img { max-width: 80%; }
  .general_cont .gen_cont_block h4 { font-size: 22px; line-height: 26px; }
  .confirmation_pages p { font-size: 16px; line-height: 20px; }
}

@media only screen and (max-width: 740px) {
  .main_header .top_nav { display: block; text-align: center; padding: 0 25px; }
  .container{max-width: 720px;}
}

@media only screen and (max-width: 670px) {
  .container{max-width: 540px;}
  .main_header .banner_sec{padding: 0 30px;}
  .main_header .banner_sec h1 { font-size: 31px; line-height: 36px; }
  .epipen_logo { display: block; width: 100%; }
  .flex_wrap{ flex-direction: column;}
  .main_footer .footer_block{padding: 20px;}
  .main_footer .footer_block ul li { display: block; padding: 0; border: 0; }
  .ft_sep{flex-direction: column;}
  .main_footer .footer_block .ft_sep ul li{ display: inline-block; padding-right:15px;}
  .main_footer .footer_block .ft_sep ul li a{text-decoration: underline;}
}

@media only screen and (max-width: 521px) {
.main_footer .footer_block ul li:nth-last-of-type(2) { border: 0; }
.main_footer .footer_block ul li:last-of-type { padding-left: 0; display: block; }
.note_sec .note_block { display: block; }
.note_sec .note_block .note_left, .note_sec .note_block .note_right { width: 100%; }
.ft_sep{flex-direction: column;}
.main_footer .footer_block .ft_sep ul li{ display: inline-block; padding-right:15px;}
.main_footer .footer_block ul.contact_wrap li, .main_footer .footer_block ul.contact_wrap li:last-of-type{padding: 5px 5px 5px 0px;}
}

@media only screen and (max-width: 480px) {
  .main_header, .note_sec { padding: 25px 0; }
  .main_header .top_nav a { display: inline-block; }
  .form_sec .form_block { padding: 0 20px; }
  .form_sec .form_block .right_block { padding: 20px; }
  .confirmation_pages .main_header .top_nav { padding: 25px; }
  .main_footer .footer_block .foot_logo_blk { display: block; }
  .main_header .banner_sec h1 { font-size: 27px; line-height: 30px; font-weight: 300; width: 100%; }
  .main_header .top_nav .left_nav a { display: block; width: 80%; margin: auto; }
  .form_sec .form_block .right_block{ width:100%; margin:0 auto; }
}

@media only screen and (max-width: 390px) {
.br_hide { display: none; }
.main_header .banner_sec h1 { font-size: 22px; line-height: 26px; }
}

@media only screen and (max-width: 360px) {
  .main_header .top_nav .left_nav a img { width: 100%; }
  .main_footer .footer_block ul li { margin-bottom: 5px; }
  .main_footer .footer_block ul li:last-of-type { padding-left: 0; }
  .general_cont .gen_cont_block h4 { font-size: 18px; line-height: 24px; }
}

@media only screen and (max-width: 300px) {
.main_header .banner_sec h1 { font-size: 19px; line-height: 23px; }
}