/*-------------------------------- RESET CSS ---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*============================ END RESET CSS =======================================*/

/*--- Inter ---*/
/* @font-face {
    font-family: "Inter";
	font-weight: 300;
    src: url(font/Inter/Inter-Light.ttf);
}
@font-face {
    font-family: "Inter";
	font-weight: 500;
    src: url(font/Inter/Inter-Medium.ttf);
}
@font-face {
    font-family: "Inter";
	font-weight: 700;
    src: url(font/Inter/Inter-Bold.ttf);
} */

/*--- SourceSansPro ---*/
@font-face {
    font-family: "SourceSansPro";
	font-weight: 400;
    src: url(font/SourceSansPro/SourceSansPro-Regular.ttf);
}
/* @font-face {
    font-family: "SourceSansPro";
	font-weight: 600;
    src: url(font/SourceSansPro/SourceSansPro-SemiBold.ttf);
} */
@font-face {
    font-family: "SourceSansPro";
	font-weight: 700;
    src: url(font/SourceSansPro/SourceSansPro-Bold.ttf);
}

/*--- DancingScript ---*/
/* @font-face {
    font-family: "DancingScript";
	font-weight: 400;
    src: url(font/DancingScript/DancingScript-Regular.ttf);
} */
@font-face {
    font-family: "DancingScript";
	font-weight: 600;
    src: url(font/DancingScript/DancingScript-SemiBold.ttf);
}
/* @font-face {
    font-family: "DancingScript";
	font-weight: 700;
    src: url(font/DancingScript/DancingScript-Bold.ttf);
} */






html, body{
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 23px;
	color: #1f1d1a;
	background: #fff;
	font-family: 'SourceSansPro', sans-serif;
	font-weight: 400;

	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;

	scroll-behavior: smooth;
}
::selection { 
	background: #e22726;
	color: #fff;
}
.gray {
	color: #555;
}
.black {
	color: #1f1d1a;
}
.red {
	color: #e22726;
}
.white {
	color: #fff;
}
.regular {
	font-weight: 400;
}
.medium {
	font-weight: 500;
}
.bold {
	font-weight: 700;
}
.underline {
	text-decoration: underline;
}
.underline:hover {
	cursor: pointer;
}
.font_dancing {
	font-family: 'DancingScript', cursive;
	font-weight: 600;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.capitalize {
	text-transform: capitalize;
}
hr {
	border: 0;
    border-top: 1px solid #ccc;
	margin: 15px auto;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover,
a:focus,
a:visited {
	/* color: inherit;
	text-decoration: none; */
}
.spacer_10 {
	display: table;
	width: 100%;
	height: 10px;
}
.spacer_25 {
	display: table;
	width: 100%;
	height: 25px;
}
.section {
	display: table;
	width: 100%;
	margin: auto;
}
.section_inner {
	display: table;
	width: 95%;
	max-width: 1100px;
	margin: auto;
}
.inline_middle {
	display: inline-block;
	vertical-align: middle;
}
.inline_top {
	display: inline-block;
	vertical-align: top;
}
.button {
	display: table;
    width: 100%;
    max-width: 300px;
    margin: auto;
    background: #e22726;
	/* background: linear-gradient(45deg, #c1272d, #e22726); */
    color: #fff !important;
    font-size: 19px;
    line-height: 25px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 5px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.button:hover {
	cursor: pointer;
	background: linear-gradient(45deg, #e22726, #c1272d);
}
.pulse_button {
	box-shadow: 0 0 0 0 rgba(226, 39, 38, 0.5);
	transform: scale(1);
	animation: pulse 1.5s infinite;
}
.pulse_button:hover {
	animation: none;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(226, 39, 38, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(226, 39, 38, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(226, 39, 38, 0);
	}
}
.pulse_button_nobkg {
	transform: scale(1);
	animation: pulse_nobkg 1.5s infinite;
}
.pulse_button_nobkg:hover {
	animation: none;
}
@keyframes pulse_nobkg {
	0% {
		transform: scale(0.95);
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.95);
	}
}

#paypal_button {
	display: table;
    width: 100%;
    max-width: 100%;
	background: #ffc439;
}
#paypal_button img {
	display: table;
	margin: auto;
	width: 100%;
	max-width: 100px;
}
#paypal_button .button_arrow {
	color: #253b80;
}
.pulse_paypal {
	transform: scale(1);
	animation: pulse_paypal 1.5s infinite;
}
.pulse_paypal:hover {
	animation: none;
}
@keyframes pulse_paypal {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 196, 57, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 196, 57, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 196, 57, 0);
	}
}
.button_arrow {
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0%,-50%);
    width: auto;
}
.button_green {
	background: #519639;
}
.button_green:hover {
	background: #5CB85C;
}
.button_black {
	background: #1f1d1a;
}
.button_black:hover {
	background: #1f1d1a;
}
.full {
	display: table;
	width: 100%;
}
.half {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: auto;
	/* padding: 0 5px; */
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half:first-child {
	padding-right: 5px;
}
.half:nth-child(2) {
	padding-left: 5px;
}
.third {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.quarter {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inline_middle {
	vertical-align: middle;
}
ol,
ul {
	font-size: 15px;
	line-height: 19px;
}
.faq ul {
	list-style: disc;
}
.faq ul li {
	margin-left: 25px;
}

/*--- SECTION - HEADER ---*/
.top_band {
	background: #1f1d1a;
	padding: 7px 0;
	text-align: center;
}
.top_band img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 20px;
}
.top_band div {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 15px;
	line-height: 19px;
}
.section_header {
	/* padding: 5px 0; */
	background: #fff;
	position: relative;
}
.section_header .section_inner {
	margin: 5px auto;
	position: relative;
}
.section_header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
	transition-duration: 0.2s;
}
.section_header_fixed .logo img {
	display: none;
	height: 50px;
}
.section_header_fixed .logo .show_mobile {
	display: table;
}
.section_header_fixed .header_right .button {
	margin-top: 1px;
}
.section_hero_fixed {
	margin-top: 50px;
}
.section_header_funnel {
	margin: 3px auto;
}
.section_header_funnel .section_inner {
	width: 95%;
	max-width: 800px; 
	position: relative;
}
.section_header_funnel .logo img {
	height: 60px;
	padding-left: 15px;
}

.header_middle {
	display: table;
	margin: 10px auto;
}
.header_middle .logo img {
	height: 100px;
    padding: 0;
}
.header_left {
	display: table;
	float: left;
}
.header_left a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	text-decoration: none;
	color: #555;
}
.header_left a:hover {
	text-decoration: underline;
}
.header_right {
	display: table;
    margin: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.header_right .button {
	display: table;
	float: left;
	width: auto;
    font-size: 15px;
    padding: 5px 15px;
}
.header_right .login_button {
	margin-right: 5px;
}
.header_right_steps {
	width: 50%;
	max-width: 300px;
	padding-top: 10px;
}
.green_circle_live {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: #5CB85C;
	border-radius: 100%;
}
.logo {
	display: table;
	margin: auto;
	text-decoration: none;
}
.logo img {
	width: auto;
	height: 80px;
	margin: auto;
	padding-left: 45px;
}
.show_desktop {
	display: inline-block;
	vertical-align: middle;
}
.show_mobile,
.show_mobile.button_img_pulse {
	display: none;
}
.header_center {
	display: table;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.menu_link {
	margin: 0 10px;
	font-weight: 700;
	text-decoration: none;
}
.menu_link:hover {
	cursor: pointer;
	color: #e22726;
}

.button_img_pulse {
	display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 45px;
	transform: scale(1);
    animation: pulse_icon 1.5s infinite;
}
@keyframes pulse_icon {
	0% {
		transform: scale(0.90);
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.90);
	}
}

/*--- SECTION HERO ---*/
.section_hero {
	text-align: center;
    padding: 50px 0 50px 0;
    background-image: url(../img/hero.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.section_hero .section_inner {
	position: relative;
}
.best_bagels_badge {
	position: absolute;
    width: 200px;
    height: auto;
    top: 0;
    right: 45px;
}
.hero_h1 {
	display: table;
	margin: 0 0 10px 0;
	font-size: 60px;
	line-height: 65px;
	text-align: left;
	letter-spacing: -1px;
}
.hero_h2 {
	display: table;
	margin: 0;
	font-size: 55px;
	line-height: 50px;
	text-align: left;
}
.hero_h3 {
	display: table;
	margin: 0;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
}
h1 {
	display: table;
	margin: 0 auto 15px auto;
	font-size: 45px;
	line-height: 50px;
	max-width: 90%;
	text-align: center;
}
h2 {
	display: table;
	margin: 0 auto;
	font-size: 23px;
	line-height: 27px;
} 
h3 {
	display: table;
	margin: 0 auto;
	font-size: 19px;
	line-height: 25px;
}
p {
	font-size: 17px;
	line-height: 23px;
}
.hero_rating {
	display: table;
	margin: 20px 0 50px 0;
}
p,
.hero_rating_text {
	font-size: 15px;
	line-height: 19px;
}
.hero_rating_img {
	display: table;
    width: auto;
    height: 50px;
    margin: 10px auto 0 auto;
}
.advertised_img {
	display: table;
	width: 100%;
	max-width: 700px;
	margin: auto;
	padding: 20px 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.hero_features {
	display: table;
	width: auto;
	margin: 10px 0;
	text-align: left;
}
.hero_features_left {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.hero_features_right {
	display: inline-block;
	vertical-align: middle;
}
.hero_features_left img {
	display: table;
	width: 72px;
	height: auto;
}
.hero_features_title {
	font-size: 25px;
	line-height: 30px;
}
.hero_features_text {
	font-size: 20px;
	line-height: 25px;
}
.hero_button {
	margin: 30px 0 5px 0;
}
.button_container {
	display: table;
	width: 100%;
	margin: 30px auto 10px auto;
	text-align: center;
}
.under_button_text {
	display: table;
	margin: 8px auto auto auto;
	font-size: 17px;
	line-height: 23px;
}
.section_hero .button_container {
	width: auto;
	margin: 50px 0 10px 0;
}
.section_hero .under_button_text {
	margin: 3px auto auto auto;
}
.hero_button_shipping {
	background: #fff;
	padding: 10px;
	box-shadow: 0 10px 20px rgb(182 182 182 / 50%);
}
.hero_button_shipping img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 40px;
	margin-right: 10px;
}
.hero_button_shipping span {
	display: inline-block;
	vertical-align: middle;
	color: #1f1d1a;
}

/*--- SECTION WHAT WHY ---*/
.section_what {
	padding: 100px 0 100px 0;
	text-align: center;
}
.section_what h1 {
	margin-bottom: 10px;
}
.section_what h3 {
	max-width: 800px;
	margin-bottom: 50px;
}
.section_what p {
	display: table;
    margin: 0 auto;
    font-size: 17px;
    line-height: 23px;
}
.what_icon {
	display: table;
	margin: auto;
	background-color: #e22726;
	padding: 30px;
    border-radius: 100%;	
}
.what_icon img {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: auto;
}
.what_title {
	font-size: 25px;
	line-height: 30px;
	margin: 25px auto 5px auto;
}
.section_what .button_container {
	margin-top: 70px;
}

/*--- SECTION WHY ---*/
.section_why {
	text-align: center;
    padding: 100px 0 70px 0;
    background-image: url(../img/bkg_why.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	color: #fff;
}
.section_why h1 {
	margin-bottom: 30px;
}
.section_why h3 {
	max-width: 900px;
	margin-bottom: 50px;
}
.section_why p {
	display: table;
    margin: 0 auto;
    font-size: 17px;
    line-height: 25px;
}
.why_icon {
	display: table;
	margin: auto;
    border-radius: 100%;	
}
.why_icon img {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: auto;
}
.why_title {
	font-size: 25px;
	line-height: 25px;
	margin: 5px auto 15px auto;
}
.section_why .button_container {
	margin-top: 50px;
}

/*--- SECTION BEST ---*/
.section_best {
	text-align: center;
    padding: 100px 0 70px 0;
    background-image: url(../img/bkg_best.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	color: #fff;
}
.section_best h1 {
	font-size: 80px;
	line-height: 85px;
	text-shadow: 0px 4px 11px rgb(0 0 0 / 60%);
	margin: 15px auto 0 auto;
}
.section_best h2 {
	font-size: 100px;
	line-height: 100px;
	margin-top: 5px;
}
.section_best h3 {
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 3px;
}
.section_best .button_container {
	margin-top: 70px;
}

/*--- SECTION PERSONALIZED ---*/
.section_personalized {
	padding: 70px 0;
	background: #FAFAFA;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
}
.section_personalized .section_inner {
	max-width: 800px;
}
.section_personalized h1 {
	text-align: center;
	margin-bottom: 50px;
}
.personalized_title,
.personalized_text {
	text-align: left;
}
.section_personalized .half {
	display: inline-block;
	vertical-align: middle;
}
.personalized_title {
	margin-bottom: 10px;
}
.personalized_img {
	display: table;
	margin: auto;
	width: 90%;
	max-width: 300px;
}

/*--- SECTION TESTIMONIALS ---*/
.section_testimonials {
	padding: 70px 0 50px 0;
}
.section_testimonials .section_inner {
	display: block;
	width: 100%;
	max-width: calc(100vw - 20px);
}
.testimonials_stars {
	display: table;
	margin: auto;
	width: auto;
	height: 50px;
}
/*- testimonial carousel -*/
.testimonials {
	line-height: inherit;
	height: auto;
	width: 100%;
	margin: 30px auto;
	display: block;
}
.marquee {
	margin: 13px 0px !important;
	padding: 0px !important;
	overflow: hidden;
}
.js-marquee {
	margin-right: 0px !important;
} 
.testimonial {
	display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 10px;
    padding: 10px;
    background: #fafafa;
    border: 2px solid #f3f2f1;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testimonial_img {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-right: 10px;
}
.testimonial_title {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	line-height: 23px;
}
.testimonial_text {
	display: table;
	width: 100%;
	min-height: 95px;
	font-size: 15px;
	line-height: 19px;
	margin: 10px auto;
	text-align: left;
}


/*--- SECTION FAQ ---*/
.section_faq {
	padding: 70px 0 70px 0;
	background: #fafafa;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
}
.section_faq h1 {
    margin-bottom: 50px;
}
.section_faq .section_inner {
	max-width: 700px;
}
.faq {
	display: table;
	width: 100%;
	padding: 20px 15px;
	margin: 5px auto;
	background-color: #fff;
	border: 2px solid #f3f2f1;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
.faq:hover {
	cursor: pointer;
	background: #fafafa;
}
.faq_arrow {
	display: table;
    width: 15px;
    height: auto;
    position: absolute;
    top: 30px;
    right: 15px;
	transition-duration: 0.2s;
}
.faq_title {
	display: table;
	width: 100%;
	/* background-image: url('../img/arrow_down.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 15px; */
	padding-right: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.faq_answer {
	display: none;
	padding: 20px 20px 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.faq_open .faq_answer {
	display: block;
}
.faq_open .faq_arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.section_faq .button_container {
	margin-top: 50px;
}


/*--- SECTION CTA BOTTOM ---*/
.section_bottom {
	padding: 100px 0;
	text-align: center;
}
.section_bottom h3 {
	max-width: 500px;
}
.bottom_icon {
	display: table;
    margin: auto;
    background-color: #f7f7f7;
    border-radius: 100%;
}
.bottom_icon .icon {
	font-size: 110px;
}
.bottom_subtitle {
	display: inline-block;
	vertical-align: middle;
	max-width: 300px;	
	font-size: 25px;
	line-height: 30px;
	margin: 15px auto;
}
.bottom_text {
	max-width: 300px;
	font-size: 19px;
	line-height: 25px;
	margin: 10px auto;
}
.bottom_buttons {
	text-align: center;
	position: relative;
}
.bottom_divider {
	display: inline-block;
    vertical-align: middle;   
    position: absolute;
	height: 100%;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.bottom_divider_line {
	display: table;
	width: 1px;
    height: 100%;
    background: #1f1d1a;
}
.bottom_divider_circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	padding: 5px 9px;
	border: 1px solid #1f1d1a;
	border-radius: 100%;
}
.bottom_half_cta {
	display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: auto;
    padding: 0 5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: inherit;
}
.bottom_half_cta:hover {
	cursor: pointer;
}
.bottom_half_cta:hover .button_bottom {
	background: linear-gradient(45deg, #e22726, #c1272d);
}


/*--- SECTION FOOTER ---*/
.section_footer {
	padding: 100px 0 100px 0;
	background: #1f1d1a;
	color: #fff;
	text-align: center;
}
.footer_ty {
	display: none;
}
.logo_footer {
	display: table;
	margin-bottom: 10px;
}
.logo_footer img {
	display: table;
	width: auto;
	height: 100px;
}
.section_footer .quarter p {
	font-size: 15px;
	line-height: 19px;
	text-align: center;
	margin-top: 10px;
}
.section_footer .quarter {
	text-align: left;
}
.footer_menu_title {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 20px;
	/* text-decoration: underline; */
}
.footer_menu_item {
	display: table;
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
}
.footer_menu_item:hover {
	cursor: pointer;
	color: #e22726;
}
.footer_social {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}
.footer_social:hover {
	cursor: pointer;
	opacity: 0.8;
}
.footer_social img {
	display: table;
	width: 30px;
	height: auto;
}
.quarter_inner {
	display: table;
	margin: auto;
}
.quarter_social {
	max-width: 150px;
}
.general_page {
	margin-bottom: 100px;
}
.general_page h1 {
	margin: 50px auto 50px auto;
}
.general_page h2 {
	margin: 20px 0 10px 0;
}
.general_page h3 {
	margin: 5px 0;
}
.general_page p,
.general_page li {
	margin-bottom: 10px;
}
.general_page .section_inner {
	width: 95%;
	max-width: 700px;
}
.section_hero_404 {
	text-align: center;
    padding: 50px 0 50px 0;
    background-image: url(../img/bkg_why.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.section_hero_404 h1,
.section_hero_404 h2 {
	color: #fff;
}
.section_footer_funnel .section_inner {
	display: table;
	width: auto;
	margin: auto;
	text-align: center;
}
.section_footer_funnel .logo_footer {
	margin: 0 auto 15px auto;
}
.section_footer_funnel .logo_footer img {
	height: 70px;
}

/*--- FORMS ---*/
input,
select,
textarea {
	display: table;
	width: 100%;
	border: 1px solid #888;
	background: #fff;
	color: #1f1d1a;
	font-size: 17px; 
	padding: 8px 0;
	text-indent: 10px;
	border-radius: 5px;
	margin: 5px 0;
	text-align: left;
	font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
}
input::placeholder {
	color: #888;
	font-weight: 300;
	font-weight: 400;
}
input[type=checkbox] {
	width: auto;
	transform: scale(1.7);
	margin: 5px 15px;
}
input[type=checkbox]:hover {
	cursor: pointer;
}
#dozen_qty {
	border: 2px solid #1f1d1a;
	padding: 10px 0;
	margin: 0;
	color: #1f1d1a;
	border-color: #1f1d1a;
}
input[type=text],
input[type=tel] {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.inputError {
    border-color: #FF004E!important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 0 78 / 25%)!important;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* background-image: url(data:image/png;base64,iVBORw0KGgocccANSUhEUgcccBcccAAQCAYcccAf8/9hcccAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CcccAAElFTkSuQmCC); */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZSc+PHBhdGggZD0nTTcgN2wzLTMgMyAzbTAgNmwtMyAzLTMtMycgc3Ryb2tlPScjMzMzJyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
    background-repeat: no-repeat;
	background-position: center right 2px;
    background-size: 25px;
	/* text-align-last: center; */
	text-align-last: left;
}
select[disabled] {
	background: #f7f7f7;
}
#thankyou_customer_info select[disabled] {
	background: initial;
	color: #1f1d1a;
	opacity: 1;
}
input:active:not(#dozen_qty),
input:focus:not(#dozen_qty),
select:active:not(#dozen_qty),
select:focus:not(#dozen_qty) {
	/* border-color: #e22726; */
    outline: 0;
    /* box-shadow: 0 0 0 0.2rem rgb(226 39 38 / 25%); */
	box-shadow: 0 0 0 0.2rem rgb(81 203 238 / 25%);
}
input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	border-radius: 100%;
}
input[type=radio]:active,
input[type=radio]:focus,
input:active:read-only,
input:focus:read-only,
select:active:read-only,
select:focus:read-only {
	box-shadow: none;
	border-color: initial;
	box-shadow: none !important;
}
input[type=radio]:hover {
	cursor: pointer;
}

.form_view {
	display: none;
    width: 95%;
    max-width: 700px;
    margin: auto;
    /* background: rgb(87 138 230 / 5%);
    border: 2px solid #e22726; */
	background: #fff;
    border: 2px solid #f3f2f1;
	border-top: 0;
    border-radius: 0px 0px 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 20px 0px #eee;
	position: relative;
}
.form_view_inner {
	display: table;
	width: 100%;
	text-align: center;
	padding: 50px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.progress_bar {
	display: table;
	width: calc(100% + 4px);
    margin-left: -2px;
	background: rgb(87 138 230 / 20%);
}
.progress_bar_inner {
	display: table;
	height: 7px;
	background: #e22726;
	transition-duration: 0.2s;
}


/*--- SECTION CHOOSE ---*/
.section_choose {
	padding: 50px 0 50px 0;
    text-align: center;
	background: #fafafa;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
	min-height: 55vh;
}
.section_choose .section_inner {
	max-width: 800px;
}
.choose_tabs {
	display: table;
	width: 100%;
	margin: 50px auto 50px auto;
}
.choose_tab {
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin: 0 15px;
	background: transparent;
    min-height: 220px;
    padding: 20px 10px 10px 10px;
	text-align: center;
	border: 2px solid #ccc;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	transition-duration: 0.2s;
	position: relative;
}
.choose_tab:hover {
	cursor: pointer;
	background: #fff;
}
.choose_tab_selected {
	border-color: #e22726;
	background: #fff;
}
.choose_check {
	display: table;
	width: 30px;
	height: 30px;
	border: 2px solid #e22726;
	border-radius: 100%;
	position: absolute;
    top: 10px;
    right: 10px;
}
.choose_check span {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #e22726;    
}
.choose_tab_selected .choose_check span {
	display: table;
}
.choose_popular {
	display: table;
	width: 77px;
	height: 77px;
	position: absolute;
	top: -30px;
	left: -30px;
}
.choose_title {
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	color: #e22726;
}
.choose_type {
	display: table;
	margin: 0 auto 10px auto;
	height: 70px;
}
.choose_type span {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	padding-top: 30px;
}
.choose_type img {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: auto;
}
.choose_learn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0%);
	text-decoration: underline;
}
.choose_learn:hover,
.choose_learn:focus,
.choose_learn:active {
	text-decoration: underline !important;
}
.button_select_box {
	padding: 5px 30px;
	margin-top: 15px;
}
.button_choose_next {
	width: 90%;
	max-width: 400px;
}
.button_choose_flavor_next {
	display: none;
	width: 100%;
	max-width: 100%;
	margin: 30px auto;
}
.choose_freq {
	display: table;
	margin: 30px auto;
}
.choose_freq h2 {
	font-size: 35px;
	line-height: 50px;
}
.freq_link {
	font-size: 21px;
	line-height: 25px;
}
.freq_tab {
	display: none;
    width: 300px;
    margin: 20px auto auto auto;
    background: #fff;
    padding: 20px 10px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    transition-duration: 0.2s;
    position: relative;
}
.freq_item {
	display: table;
    width: 100%;    
    margin: 10px auto;

}
.freq_item:hover {
	cursor: pointer;
}
.freq_text {
	display: inline-block;
	vertical-align: middle;
	font-size: 21px;
	line-height: 30px;
}
.freq_text:hover {
	font-weight: bold;
}
.freq_check {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	border: 2px solid #e22726;
	border-radius: 100%;
    margin-right: 10px;
	position: relative
}
.freq_check span {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #e22726;    
}
.freq_item_selected .freq_check span {
	display: table;
}
/* .freq_item_selected .freq_text {
	font-weight: bold;
} */

/*--- SECTION CHOOSE FLAVOR ---*/
.section_choose_flavor {
	padding: 50px 0 50px 0;
    text-align: center;
	background: #fafafa;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
	min-height: 55vh;
}
.section_choose_flavor .section_inner {
	max-width: 800px;
}
.choose_selection {
	display: table;
	width: 100%;
	margin: 30px auto 20px auto;
	background: #fff;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.choose_selection_left {
	display: table;
}
.choose_selection_text,
#dozen_qty {
	display: inline-block;
	vertical-align: middle;
}
.choose_selection_text {
	margin-right: 20px
}
#dozen_qty {
	width: 200px;
}
.dozen_selected_qty {
	display: table;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0%,-50%);
    padding: 10px 20px 9px 20px;
	color: #e22726;
    border: 2px solid #e22726;
    border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.choose_flavor_buttons .dozen_selected_qty {
	position: relative;
	top: auto;
	right: auto;
	transform: inherit;
	padding: 14px 20px;
	margin: 30px auto;
    width: 100%;
}
.dozen_selected_error {
	display: none;
	width: 100%;
	font-weight: bold;
    padding: 10px 20px 9px 20px;
	color: #e22726;
    border: 2px solid #e22726;
    border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flavor_items {
	display: table;
	width: 100%;
	margin: 20px auto;	
}
.flavor_item {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	/* margin: 1%; */
	background: #fff;
	border-radius: 5px;
	transition-duration: 0.2s;
	/* box-shadow: 0px 0px 5px 0px #ddd; */
}
.flavor_item:nth-child(4n-3) {
	margin: 1% 1% 1% 0%;	
}
.flavor_item:nth-child(4n+2) {
	margin: 1% 1% 1% 1%;
}
.flavor_item:nth-child(4n+3) {
	margin: 1% 1% 1% 1%;
}
.flavor_item:nth-child(4n+4) {
	margin: 1% 0% 1% 1%;
}
.flavor_item_check {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.flavor_item_check_div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.flavor_item_check_img {
	display: table;
	width: 40px;
	height: auto;
	margin: auto;
}
.flavor_item_check_text {
	display: table;
	margin: auto;
	color: #fff;
}
.flavor_item_top {
	position: relative;
}
.flavor_item:nth-child(13) {
	margin: 1% 1% 1% 1%;
}
.flavor_item:nth-child(14) {
	margin: 1% 1% 1% 1%;
}
.flavor_item_photo {
	display: table;
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.flavor_item_info {
	position: absolute;
    bottom: 0;
    right: 0;
    background: #1f1d1a;
    color: #fff;
    padding: 3px 12px;    
    font-family: 'Times New Roman', serif;
	font-weight: bold;
    font-style: italic;
	border-top-left-radius: 10px;
	z-index: 2;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.flavor_item_info:hover {
	cursor: pointer;
	background: #e22726;
	border-radius: 0;
}
/* .flavor_item_plus_inactive{
	cursor: not-allowed;
	opacity: 0.4;
} */
.flavor_item_details {
	padding: 10px 0;
}
.flavor_item_title {
	font-weight: bold;
	text-transform: capitalize;
}
.flavor_item_add {
	display: table;
	width: 100%;
	height: 35px;
	margin: 10px auto;
	font-size: 15px;
	font-weight: bold;
	color: #e22726;
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.flavor_item_add_inactive,
.flavor_item_add_inactive:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.flavor_item_add span {
	display: table;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.flavor_item_add:hover {
	cursor: pointer;
}
.flavor_item_qty_div {
	display: none;
	width: 100%;
	margin: 10px auto;
}
.flavor_item_qty_div_inner {
	display: table;
	margin: auto;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.flavor_item_button {
	display: inline-block;
	vertical-align: middle;
	background: #e22726;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 40px;
	height: 35px;
	border-radius: 5px;
	position: relative;
}
.flavor_item_button img,
.flavor_item_qty div  {
	display: table;
    width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.flavor_item_button img {
	width: 10px;
	height: auto;
}
.flavor_item_qty {
	display: inline-block;
	vertical-align: middle;
    height: 33px;
    width: 60px;
    margin: 0 5px;
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
}
.flavor_item_button:hover {
	cursor: pointer;
	opacity: 0.8;
}
.flavor_item_button_add {
	padding: 10px 0;
    margin-top: 15px;
}

/*--- Progress Steps ---*/
.steps_wrapper {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
}
.steps_item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.steps_item::before {
	position: absolute;
	content: "";
	border-bottom: 2px solid #ccc;
	width: 100%;
	top: 15px;
	left: -50%;
	z-index: 2;
}
.steps_item::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #ccc;
	width: 100%;
	top: 15px;
	left: 50%;
	z-index: 2;
}
.steps_item .step_counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ccc;
	margin-bottom: 6px;
}
.steps_item.active {
	font-weight: bold;
}
.steps_item.completed .step_counter,
.steps_item.active .step_counter {
	background-color: #e22726;
	color: #fff;
	font-weight: bold;
}
.steps_item.active .step_counter {
	background-color: #1f1d1a !important;
}
.steps_item.completed::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #e22726;
	width: 100%;
	top: 15px;
	left: 50%;
	z-index: 3;
}
.steps_item:first-child::before {
	content: none;
}
.steps_item:last-child::after {
	content: none;
}


/*--- SHIPPING & CHECKOUT ---*/
.section_shipping,
.section_checkout {
	padding: 20px 0 50px 0;
    text-align: center;
    background: #fafafa;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
}
.section_shipping .section_inner,
.section_checkout .section_inner {
	max-width: 1000px;
}
.checkout_shipping_text span {
	width: calc(100% - 60px);
}
.checkout_shipping_text img {
	height: 50px;
	margin-right: 10px;
}
.checkout_left {
	display: table;
	float: left;
	width: 60%;
	margin-right: 2%;
}
.checkout_right {
	display: table;
	float: right;
	width: 38%;
	/* position: sticky;
    top: 0;
    right: 0; */
}
.checkout_tab {
	margin: 20px 0;
}
.checkout_tab_title {
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
	padding: 10px 15px;
	background: #f3f2f1;
	border-radius: 5px 5px 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.checkout_tab_title_black {
	border-top: 1px solid #1f1d1a;
	border-left: 1px solid #1f1d1a;
	border-right: 1px solid #1f1d1a;
	background: #1f1d1a; /* #404041 */
	color: #fff;
	/* font-weight: bold; */
}
.checkout_tab_body {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px 15px;
	background: #fff;
	text-align: left;
	border-radius: 0 0 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.checkout_tab_body_summary {
	background: #f3f2f1;
}
.checkout_check_text {
	display: table;
	width: 100%;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	text-align: left;
}
.checkout_check_text span {
	width: 80%;	
}
.checkout_button {
	display: table;
	width: 100%;
	max-width: 100%;
	margin: 30px auto 0 auto;
}
.summary_row {
	display: table;
	width: 100%;
	padding: 5px 10px;
	font-size: 19px;
	line-height: 25px;
	font-weight: bold;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.summary_row_left {
	max-width: calc(100% - 80px);
	display: table;
	float: left;
}
.summary_row_right {
	display: table;
	float: right;
}
#summary_products {
	background: #dedede;
	padding: 10px 0;
	margin-top: 5px;
	border-radius: 5px;
}
.summary_row_white {
	background: #fff;
}
.summary_row_first {
	padding: 5px 0;
}
.summary_row_upsale {
	padding: 20px 0 0 0;
}
.summary_row_products {
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
}
.summary_row_products .summary_row_left {
	padding-top: 3px;
	text-transform: capitalize;
}
.summary_row_products .summary_row_right {
	display: table;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}
.trust_badges {
	display: table;
	width: 95%;
	max-width: 400px;
	margin: 20px auto;
}

.checkout_tab_pay {
	margin: 0;
}
.checkout_tab_pay .checkout_tab_title {
	display: table;
	width: 100%;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	padding: 5px 15px;
	position: relative;
}
.checkout_tab_pay .checkout_tab_body {
	display: none;
}
.checkout_tab_pay .checkout_tab_title img {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0%,-50%);
	width: auto;
	height: 25px;
}
#checkout_tab_card .checkout_tab_body {
	border-radius: 0;
	border-bottom: 0;
}
#checkout_tab_paypal .checkout_tab_title {
	border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #ccc;
}
#checkout_tab_paypal .checkout_tab_body {
	font-size: 15px;
    line-height: 19px;
    text-align: justify;
}
#checkout_tab_paypal .checkout_tab_body img {
	display: table;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: -10px auto 10px auto;
}
.checkout_tab_pay .checkout_tab_title:hover {
	cursor: pointer;
}
.checkout_tab_pay input[type=radio] {
	margin-right: 5px;
}

.checkout_tab_pay_open .checkout_tab_body {
	display: block;
}
#checkout_tab_paypal.checkout_tab_pay_open .checkout_tab_title {
	border-radius: 0;
}

.subscribe_tab {
	display: table;
	width: 100%;
	background: #fff;
	padding: 10px 15px;    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.subscribe_tab:hover {
	cursor: pointer;
}
.subscribe_tab_title {
	width: calc(100% - 25px);
}
.subscribe_tab input {
	margin-right: 5px;
}
#subscribe_tab_no {
	border-radius: 5px 5px 0 0;
}
#subscribe_tab_yes {
	border-radius: 0 0 5px 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.subscribe_tab_active {
	background: #f3f2f1;
}
.subscribe_tab_body {
	margin-top: 10px;
    font-size: 15px;
    line-height: 19px;
}
.subscribe_tab_body ul {
	list-style: none;
	margin: 10px 0;
}
.subscribe_tab_body li {
	margin: 5px 0 0px 5px;
}
.subscribe_tab_body li span {
	padding-right: 5px;
}
.sticky_top {
	position: sticky;
	top: 0;
}

.checkout_tcpa_div {
	display: none;
	width: 100%;
	margin: 20px auto 10px auto;
	font-size: 15px;
    line-height: 19px;
}
.checkout_tcpa_div_subscribe {
	display: table;
}
.checkout_tcpa_div input {
	transform: scale(1.5);
	margin: 5px 10px;
}
.checkout_tcpa_div span {
	width: calc(100% - 40px);
}
.checkout_tcpa_div a {
	color: #e22726;
}

.field_error {
    border-color: #FF004E!important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(226 39 38 / 25%)!important;
}
.field_success {
    /*border-color: #15b785!important;*/
    outline: 0;
    /*box-shadow: 0 0 0 0.2rem rgb(21 183 133 / 25%)!important;*/
	background: url(../img/tick_green.svg) 99% 50% no-repeat #fff !important;
}
#paypal_container {
	display: none;
	margin: 20px auto 0 auto;
}
#subscribe_save_qty {
	float: left;
}


/*--- Modals ---*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: none;
	width: 100%;
	height: 100%;	
	background: rgba(0,0,0,0.7);
	overflow: auto;
}
.modal_inner {
	/* position: absolute;
	top: 15vh;
	left: 50%;
	transform: translate(-50%,0%); */
	position: relative;
    margin: 15vh auto;
	display: table;
	width: 90%;
	max-width: 750px; 
	height: auto;
	text-align: center;
	border-radius: 5px;
}
.modal_close {
	position: absolute;
    top: 7px;
    right: 7px;
    font-size: 20px;
    line-height: 0;
    color: #e22726;
    z-index: 30;
    background: #fafafa;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.modal_close:hover {
	cursor: pointer;
	background: #eee;
}
.modal_close span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.modal_choose_type {
	display: table;
	padding: 50px 20px 30px 20px;
	background: #fff;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modal_choose_img {
	display: table;
	float: left;
	width: 53%;
}
.modal_choose_content {
	display: table;
	float: right;
	width: 45%;
}
.modal_choose_img img {
	display: table;
	width: 100%;
	height: auto;
}
.modal_choose_title {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 10px 0;
	color: #e22726;
	font-weight: bold;
}
.modal_choose_text {
	font-size: 17px;
    line-height: 21px;
    margin: 0 0 10px 0;
}

.modal_choose_flavor .modal_inner {
	background: #fff;
	width: 350px;
}
.modal_choose_flavor_item {
	display: none;
}
.modal_choose_flavor_img {
	display: table;
	width: 100%;
}
.modal_choose_flavor_title {
	font-size: 20px;
	line-height: 25px;
	color: #e22726;
	font-weight: bold;
	text-transform: capitalize;
	margin: 10px auto;
}
.modal_choose_flavor_text {
	text-align: center;
}
.modal_choose_flavor_bottom {
	padding: 20px 0;
	margin-top: 10px;
	background: #fafafa;
}

/*--- THANK YOU ---*/
.thankyou_title {
	display: table;
	margin: 20px auto;
}
.thankyou_title img {
	display: table;
	width: 70px;
	height: auto;
	margin: 5px auto;
}
#thankyou_customer_info input,
#thankyou_customer_info select {
	border: 0;
    margin: 0;
    padding: 5px 0;
    text-transform: capitalize;
    font-weight: bold;
}
.ty_info_item {
	display: table;
	width: 100%;
    margin: auto;
	padding: 3px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#thankyou_customer_info h3 {
	width: 100%;
}

/*--- UPSELL ---*/
.section_upsell_progress .section_inner {
	width: 90%;
	max-width: 800px;
}
.upsell_progress_tab {
	display: table;
    float: left;
    width: 33.33%;
    padding: 5px 0;
    background: #f3f2f1;
    color: #1f1d1a;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.upsell_progress_tab_active {
	background: #1f1d1a;
	color: #fff;
}
.upsell_progress_tab:nth-child(1) {
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.upsell_progress_tab:nth-child(3) {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.section_upsell {
	padding: 30px 0 50px 0;
    text-align: center;
	background: #fafafa;
    border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
    min-height: 55vh;
}
.section_upsell .section_inner {
	max-width: 800px;
}
.section_upsell h1 {
	font-size: 35px;
    line-height: 40px;
    margin: 5px auto;
}
.upsell_no_deal_link {
	color: blue;
    text-decoration: underline;
}
.upsell_no_deal_link:hover {
	color: red;
}
.upsell_offer {
	display: table;
	width: 100%;
	margin: 10px auto 20px auto;
}
.upsell_product {
	display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 10px 15px;
    background: #fff;
    min-height: 220px;
    padding: 10px 10px 20px 10px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none; */
    transition-duration: 0.2s;
    position: relative;
}
.upsell_product img {
	display: table;
	width: 100%;	
}
.upsell_product select {
	width: 70px;
}
.upsell_product .button {
	margin-top: 20px;
}
.upsell_product_single {
	display: table;
	width: 100%;
	max-width: 500px;
	margin: auto;
}
.upsell_product_single img {
	display: table;
	width: 100%;
	border-radius: 10px;
}
.upsell_product_single .button {
	max-width: 100%;
}
.upsell_delivery {
	display: table;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
.ups_delivery_logo {
	display: table;
	width: 100%;
	max-width: 200px;
	float: left;
}
.ups_delivery_text {
	display: table;
	width: 100%;
	max-width: calc(100% - 200px);
	float: left;
	text-align: left;
}
.ups_delivery_text h1 {
	margin: 0 0 10px 0;
}
.ups_delivery_text h2 {
	margin: 0;
}
.ups_delivery_text h3 {
	margin: 7px 0;
}
.upsell_delivery .button {
	max-width: 100%;
}

/*--- Purchase Notification ---*/
.purchase_notification {
	position: fixed;
	z-index: 900;
    left: 10px;
    bottom: 20px;
    display: table;
    width: auto;
	max-width: calc(100% - 20px);
    height: auto;
    padding: 0;
	border: 1px solid #1f1d1a;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;

	-webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.purchase_notification_hidden {
	left: -500px;
}
.purchase_notification img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 65px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.purchase_notification p {
	display: inline-block;
	vertical-align: middle;
	max-width: 300px;
	padding: 10px 15px;
	box-sizing: border-box;
}

/* ----------------- LOADER PURE CSS ------------------ */
#loaderBIGOuter {
	position: fixed;
	z-index: 1000;
	height: 100%;
	width: 100%;
	text-align: center;
	top: 0px;
	/*opacity: 0.977;*/
	background: #1f1d1a;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
#loaderBIGInner {
	position: relative;
	margin: 0px auto;
	display: block;
	top: 35%;
}
.loader_logo {
    display: block;
    margin: 10px auto;
    width: 180px;
    height: auto;
}
.loaderQuotesText {
	margin-top: 15px;
	color: #fff;
	display: table;
	width: 95%;
	margin: 15px auto;
	font-size: 15px;
	line-height: 20px;
}
.loaderCSS {
	margin: 0px auto;
	font-size: 5px;
	position: relative;
	text-indent: -9999em;
	border-top: 0.7em solid rgba(255, 255, 255, 0.1);
	border-right: 0.7em solid rgba(255, 255, 255, 0.1);
	border-bottom: 0.7em solid rgba(255, 255, 255, 0.1);
	border-left: 0.7em solid #F8F8FF;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 0.30s infinite linear;
	animation: load8 0.30s infinite linear;
}
.loaderCSS,
.loaderCSS:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*============================== END LOADER PURE CSS =============================*/
.bagel_loader {  
	height:	70px;
	width: 70px;
	-webkit-animation: spin 1.s infinite linear;    
	animation: spin 1.5s infinite linear; 
}
@keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}


select.frm_control, select{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center right;
     background-size: 25px auto;
     appearance: none;
    -webkit-appearance: none;
}





/*----------- MEDIA QUERIES -------------*/
@media only screen and (max-width: 900px) {
	.header_center {
		left: 48%;
	}
}
@media only screen and (max-width: 800px) {
	* {
		touch-action: manipulation;
	}
	.top_band img {
		display: none;
	}
	.section_header .section_inner {
		width: 100%;
		max-width: 100%;	
		position: initial;	
	}
	.header_center {
		display: none;
	}
	.show_desktop {
		display: none;
	}
	.show_mobile {
		display: inline-block;
		vertical-align: middle;	
		font-size: 19px;
	}
	.logo img {
		height: 50px;
	}
	.header_right {
		position: absolute;
		top: 50%;
		right: 0;
		/* height: 100%; */
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
	}
	.header_right .login_button {
		display: none;
	}
	.header_right .button {
		max-width: 100%;
		width: 100%;
		height: 60px;
		margin: 0;
		padding: 7px 0 0 0;
		border-radius: 0;
		overflow: hidden;
	}
	.section_header_fixed .header_right .button {
		margin-top: 0;
	}
	.header_right .button .show_mobile img {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: 45px;
	}
	.header_right .button .show_mobile span {
		display: inline-block;
		vertical-align: middle;
	}
	.section_hero {
		background-image: url(../img/hero_mobile.jpg);
		background-position: center bottom 7vh;
		min-height: 80vh;
		padding: 0;
		position: relative;
	}
	.section_hero .section_inner {
		position: initial;
	}
	.hero_features {
		display: none;
	}
	.section_hero .button_container {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
	}
	.section_hero .button_container .button {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		padding: 10px 0;
	}
	.section_hero .button_container .under_button_text {
		display: none;
	}
	.section_hero .button_container .button .show_mobile {
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		height: 45px;
	}
	.hero_button_shipping:hover {
		background: initial !important;
	}
	.hero_h1 {
		font-size: 40px;
		line-height: 40px;
		margin: 30px auto auto auto;
	}
	.hero_h2 {
		font-size: 35px;
		line-height: 40px;
		margin: auto;
	}
	.hero_h3 {
		font-size: 20px;
		line-height: 25px;
		letter-spacing: 0;
		margin: auto;
	}
	.best_bagels_badge {
		position: absolute;
		width: 170px;
		height: auto;
		top: 150px;
		left: 15px;
		right: 0;
	}
	.button_container {
		width: 100% !important;
	}
	h1 {
		font-size: 30px;
		line-height: 35px;
	}
	.section_what,
	.section_why,
	.section_testimonials,
	.section_best,
	.section_faq,
	.section_footer {
		padding: 50px 0;
	}
	.section_choose,
	.section_choose_flavor {
		padding: 20px 0 50px 0;
	}	
	.section_choose h1,
	.section_choose_flavor h1 {
		margin: 5px auto;
	}
	.choose_tabs {
		margin: 25px auto 20px auto;
	}
	.section_footer_funnel {
		padding: 50px 0 100px 0;
	}
	.section_what h3 {
		margin-bottom: 30px;
	}
	.section_what .button_container {
		margin-top: 30px;
	}
	.section_why .font_dancing {
		font-size: 35px;
	}
	.section_best h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.section_best h2 {
		font-size: 50px;
		line-height: 50px;
		margin: 10px auto;
	}
	.section_best h1 {
		font-size: 30px;
    	line-height: 35px;
	}
	.section_footer .quarter:first-child {
		display: table;
		width: 80%;
		margin-bottom: 50px;
		text-align: center;
	}
	.section_footer .quarter:last-child {
		display: table;
		width: 100%;
		margin-top: 50px;
	}
	.section_footer .quarter:nth-child(2),
	.section_footer .quarter:nth-child(3) {
		width: 45%;
	}
	.logo_footer {
		margin: 0 auto 10px auto
	}
	.testimonials_stars {
		height: 40px;
	}
	.quarter_social {
		text-align: center;
	}
	.section_checkout .half:first-child {
		padding-right: 5px;
	}
	.section_checkout .half:nth-child(2) {
		padding-left: 5px;
	}
	#dozen_qty {
		width: 150px;
	}
	.checkout_left,
	.checkout_right {
		width: 100%;
		float: none;
		margin: 0;
		position: relative;
	}
	.half:first-child,
	.half:nth-child(2) {
		padding: 0;
	}
	.checkout_shipping_text span {
		width: 200px;
		text-align: left;
	}
	.checkout_shipping_text img {
		height: 55px;
	}
}

@media only screen and (max-width: 600px) {
	.half:not(.upsell_product .half),
	.third,
	.bottom_half_cta {
		display: table;
		width: 100%;
		float: none;
		padding: 0;
	}	
	.half:first-child,
	.half:nth-child(2),
	.section_checkout .half:first-child,
	.section_checkout .half:nth-child(2) {
		padding: 0;
	}
	.section_what .third,
	.section_why .third {
		max-width: 90%;
		margin-bottom: 30px;
	}
	.bottom_divider {
		display: table;
		width: 100%;
		max-width: 300px;	
		height: 1px;
		background: #1f1d1a;
		position: relative;
		margin: 50px auto;			    	
	}
	.button {
		max-width: 90%;
	}
	.next_button,
	.button_vehicles,
	.checkout_button {
		max-width: 100%;
	}
	.quarter_social {
		max-width: 100%;
	}
	.testimonials_stars {
		height: 35px;
	}
	.choose_tab {
		width: 100%;
		max-width: 90%;
		min-height: auto;
		margin: 10px auto;
		padding: 10px;		
	}
	.choose_type {
		height: auto;
		margin: auto;
	}
	.choose_type span {
		font-size: 35px;
		padding: 10px 0;		
	}
	.choose_type img {
		width: 50px;
	}
	.choose_popular {
		top: -20px;
		left: -20px;
	}
	.choose_learn {
		display: table;
		position: relative;
		bottom: initial;
		left: initial;
		transform: inherit;
		margin: 15px auto 0 auto;
	}
	.modal_choose_img,
	.modal_choose_content {
		display: table;
		float: none;
		width: 100%;
	}
	.modal_choose_img {
		margin-bottom: 20px;
	}
	.choose_selection_left {
		display: table;
		width: 100%;
	}
	.choose_selection_text {
		display: table;
		width: 100%;
		text-align: center;		
	}
	#dozen_qty {
		display: table;
		width: 100%;
		margin: 10px auto 0 auto;
	}
	.dozen_selected_qty:not(.dozen_selected_qty_bottom) {
		display: none;
	}
	.choose_flavor_buttons {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 -5px 10px rgb(0 0 0 / 20%);
		z-index: 100;
	}
	.choose_flavor_buttons .dozen_selected_qty {
		max-width: 90%;
		margin: 10px auto 15px auto;
	}
	.button_choose_flavor_next {
		margin: 10px auto 15px auto;
	}
	.flavor_item {
		width: 49%;
	}
	.flavor_item:nth-child(odd) {
		margin: 1% 1% 1% 0% !important;
	}
	.flavor_item:nth-child(even) {
		margin: 1% 0% 1% 1% !important;
	}
	.flavor_item_qty {
		margin: 0 2px;
	}
	.upsell_progress_tab {
		float: none;
		width: 100%;
		border-radius: 0;
	}
	.upsell_progress_tab:nth-child(1) {
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.upsell_progress_tab:nth-child(3) {
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.upsell_product {
		width: 100%;
		margin: 10px 0;
	}
	.ups_delivery_logo {
		float: none;
    	margin: 0 auto 10px auto;
	}
	.ups_delivery_text {
		float: none;
		max-width: 100%;
	}
	.ups_delivery_text h1 {
		margin: auto;
	}
	.ups_delivery_logo {
		max-width: 150px;
	}
	.purchase_notification {
		top: 10px;
		bottom: initial;
		left: 5px;
		max-width: calc(100% - 10px);
		width: 100%;
	}
	.purchase_notification img {
		height: 55px;
	}
	.purchase_notification p {
		max-width: calc(100% - 100px);
		padding: 5px 10px;
		font-size: 13px;
		line-height: 15px;
	}
	.purchase_notification_hidden {
		left: -500px;
	}
}


@media only screen and (max-width: 380px) {
	.hero_h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.hero_h3 {
		font-size: 17px;
		line-height: 21px;
	}
}

.text_header{
	text-align: center;
}


.text_header h1{
    margin-bottom: 9px;
}