@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

font-family: "chantal";
font-family: "aktiv-grotesk"; // 400, 500, 700, 800


// OLD (Still active)
font-family:'Ridley Grotesk W00 Medium';
font-family:'Ridley Grotesk W00 SemiBold';
font-family:'Ridley Grotesk W00 Bold';1
font-family:'Ridley Grotesk W00 ExtraBold';
font-family:'Chantal W00 Medium';

#00a6cf = Teal
#0f5c89 = Dark Navy
#ff8919 = Orange
#de720c = Dark Orange
#3dcb6b = Green/Confirm
#f13f3f = Red

*************************************************/

/*
.js-loading *,
.js-loading *:before,
.js-loading *:after {
	animation-play-state: paused !important;
}
*/

/* // Thin */


.js-loading .animation-item-1 { display: none;}

.s1-main .country { background: #00a6cf; overflow-x: scroll; width: 60.49%; margin: 0 2.32% 2.2em 0; }
.s1-main .country ul.choices {width: 950px;}

.premiumbox{ -webkit-animation-delay: 0.2s; }
		
.originalbox{ -webkit-animation-delay: 0.15s; }
		
.minibox{ -webkit-animation-delay: 0.1s; }

/*********************
GENERAL STYLES
*********************/

#main { padding-top: 90px; }
.show-for-small-custom { display: none; } 
.show-for-medium-custom { display: block; }
.top-bar .top-bar-left { width: auto; }

.spinner {
  margin-top: 50px;
  margin-left: 80px;

  width: 70px;
  text-align: center;
}

/*********************
POPUP/MODAL ACCOUNT PAGE added by Andy 05-16-18
*********************/
.reveal.large.account-promotion { top: 80px !important; border: none; max-width: 900px; overflow: visible; }
.account-promotion { outline: none; }
.account-promotion [type=button].close-button { color: #fff; }
.account-promotion .promo-wrapper { 
	background: #19c8f3 url('../account-modal-promo-bg.html') no-repeat center; 
	background-size: 100%; 
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
	.account-promotion .promo-wrapper article { width: 60%; padding: 2em 60px 1em 0; }
		.account-promotion .promo-wrapper article h1,
		.account-promotion .promo-wrapper article h2, 
		.account-promotion .promo-wrapper article p { color: #fff; text-align: left;  }
		.account-promotion .promo-wrapper article h1 { font-size: 58px; margin: 0 0 12px 0; line-height: 1.1; }
		.account-promotion .promo-wrapper article h1 sup { font-size: 50%; top: -.7em; }
		.account-promotion .promo-wrapper article h2 { font-family:'Chantal W00 Medium', 'helvetica', sans-serif; font-size: 28px; text-transform: uppercase; letter-spacing: 0; margin: 0; }
		.account-promotion .promo-wrapper article .success { display: none; position: absolute; top: 70px; }
		.account-promotion .promo-wrapper article .success.hurray { 
			-webkit-animation-name: slideUp;
			animation-name: slideUp;
			-webkit-animation-delay: .4s; 
			animation-delay: .4s; 
			-webkit-animation-duration: .5s;
			animation-duration: .5s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;	
			opacity: 0;
			will-change: transform;
			transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-moz-transform: translateZ(0); 
			display: block; 
			}
		
		.account-promotion .promo-wrapper article .promo-error-message .icon.error { background: #ec5c56; width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; padding: 24px; box-sizing: content-box; display: block; margin: 0 0 2em; }
		.account-promotion .promo-wrapper article .promo-error-message .icon.error i { color: #fff; font-size: 1.8em; margin: 2px auto 0; }
		.account-promotion .promo-wrapper article .promo-error-message { display: none; position: relative; top: auto; }
		.account-promotion .promo-wrapper article .promo-error-message.uh-oh { 
			-webkit-animation-name: slideUp;
			animation-name: slideUp;
			-webkit-animation-delay: .4s; 
			animation-delay: .4s; 
			-webkit-animation-duration: .5s;
			animation-duration: .5s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;	
			opacity: 0;
			will-change: transform;
			transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-moz-transform: translateZ(0); 
			display: block; 
			}
		
		@keyframes slideUp {
				0% {
				-webkit-transform: translate(0, 100px);
				transform: translate(0, 100px);
				opacity: 0;
				}

				100% {
				-webkit-transform: translate(0, 0);
				transform: translate(0, 0);
				opacity: 1;
				}
			}
	
	.account-promotion .promo-wrapper figure { width: 40%; padding: 40px 60px 0; margin-bottom: -110px; z-index: 100; position: relative; }
		.account-promotion .promo-wrapper figure img { max-width: 220px; width: 100%; }
	.account-promotion .promo-wrapper footer { width: 100%; background: #fff; z-index: 80; position: relative; }
		.account-promotion .promo-wrapper footer .btn { display: block; margin: 50px 0 50px 40%; padding: 20px; }
		.account-promotion .promo-wrapper footer .btn:disabled { background: #3dcb6b; }

.icon.checkmark { background: #3dcb6b; border-radius: 50%; -webkit-border-radius: 50%; width: 30px; height: 30px; padding: 24px; box-sizing: content-box; display: block; margin: 0 0 2em; }
.icon.checkmark img { margin: 4px 0 0; }

.bubble-text { display: block; position: absolute; width: 94px; height: 94px; top: 140px; left: 34px; background-color: #ff8919; border-radius: 50%; -webkit-border-radius: 50%; -webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; }
.bubble-text p { margin: 0; text-align: center; margin: 0 auto; padding: 10px; color: #fff; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 20px; }

@media screen and (min-width: 320px) and (max-width: 740px) {
			
			.account-promotion .promo-wrapper article h1 { font-size: 34px; }
			.reveal.large.account-promotion { top: 0px !important; background-color: transparent; }
			.account-promotion .promo-wrapper figure { display: block; width: 100%; margin: 0; }
			.account-promotion .promo-wrapper article { width: 100%; padding: 40px 20px; }
			.account-promotion .promo-wrapper footer .btn { margin: 50px auto; }
			
			.account-promotion .promo-wrapper article .success,
			.account-promotion .promo-wrapper article .promo-error-message { position: relative; top: auto; }
			.account-promotion .promo-wrapper article .promo-error-message .icon.error,
			.icon.checkmark { margin: 0 auto 2em; }
			.account-promotion .promo-wrapper { background-size: cover; }
			
			.account-promotion .promo-wrapper figure img { max-width: 120px; }
			.bubble-text { top: 50px; left: 22%; }
	
	}

/*********************
ADVENTURE TICKET (alt) added by Andy 02-06-18
*********************/
/* HOME */
.home #at_intro { overflow: visible; } 
.home #at_intro #intro_copy p { position: relative; z-index: 1000; }
.home #at_intro #intro_copy h1 { font-size: 3.525em; }

.fancybox-slide--iframe .fancybox-content { max-height: none !important; }
.html5-video-player:not(.ytp-transparent), .html5-video-player.ad-interrupting, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen,
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: transparent; }

#at_intro.alt #big_box { margin-top: -30px; }
#at_intro.alt #big_box .empty_box.alt { margin: 45px 0 0 82px; max-width: 600px; }
.alt .footer_snacks.desktop { margin: -144px auto 0 ; max-width: 1200px; }

#ticket_pin { width: 1200px;}

.animation-item-1 { position: absolute; top: 0; left: auto; right: auto; width: 1200px; height: 1200px; z-index: 100003; background: url('../at-section1-sprite-min.html') no-repeat; display: block;  }
.active .animation-item-1 { animation: play-plane1 5s steps(74) infinite; -webkit-animation: play-plane1 5s steps(74) infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; /*FF 5+*/ transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0);  }

.animation-item-2 { position: absolute; top: 0; left: auto; right: auto; width: 800px; height: 717px; z-index: 100003; background: url('../at-section2-sprite-alt-min.html') no-repeat; animation: play-plane2 6s steps(91) 1; -webkit-animation: play-plane2 6s steps(91) 1; animation-play-state: paused; -webkit-animation-play-state: paused; display: none; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; margin-left: 240px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }
.animation-item-3 { position: absolute; top: 0; left: auto; right: auto; width: 550px; height: 587px; z-index: 100003; background: url('../at-section3-sprite-alt-min.html') no-repeat; animation: play-plane3 8s steps(183) 1; -webkit-animation: play-plane3 8s steps(183) 1; animation-play-state: paused;  -webkit-animation-play-state: paused; display: none; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; /*FF 5+*/ transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0);}
.animation-item-4 { position: absolute; top: 0; left: auto; right: auto; width: 1200px; height: 1200px; z-index: 100003; background: url('../at-section4-sprite-min.html') no-repeat; animation: play-plane4 2.5s steps(42) 1; -webkit-animation: play-plane4 2.5s steps(42) 1; animation-play-state: paused; -webkit-animation-play-state: paused; display: none; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; /*FF 5+*/ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -moz-animation-delay: 0.5s; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }

.active .animation-item-1,
.active .animation-item-2,
.active .animation-item-3,
.active .animation-item-4 { animation-play-state: running; -webkit-animation-play-state: running; display: block; } 

#what_copy p a.text { color: #fff; font-size: 14px; font-weight: 400; }
#what_copy p a.text:hover { text-decoration: underline; }

@keyframes play-plane1 {
    100% { background-position: -88800px; }
}
@-webkit-keyframes play-plane1 {
    100% { background-position: -88800px; }
}
@-ms-keyframes play-plane1 {
	100% { background-position: -88800px; }
}

@keyframes play-plane2 {
    100% { background-position: -72800px; }
}
@-webkit-keyframes play-plane2 {
    100% { background-position: -72800px; }
}
@-ms-keyframes play-plane2 {
	100% { background-position: -72800px; }
}

@keyframes play-plane3 {
	0% {}
	94% { transform: scale(1.2); }
    100% { background-position: -100650px; transform: scale(1.8); }
}
/* @-webkit-keyframes play-plane3 {
	0 {}
	94% { -webkit-transform: scale(1.2); }
    100% { background-position: -100650px; -webkit-transform: scale(1.8); }
}
@-ms-keyframes play-plane3 {
	0 {}
	94% { -webkit-transform: scale(1.2); }
    100% { background-position: -100650px; -webkit-transform: scale(1.8); }
} */

@keyframes play-plane4 {
    100% { background-position: -50400px; }
}
@-webkit-keyframes play-plane4 {
    100% { background-position: -50400px; }
}
@-ms-keyframes play-plane4 {
	100% { background-position: -50400px; }
}

		@media screen and (min-width: 1561px) {
					#at_intro.alt #intro_copy { margin: 200px 0 0; }
			}	
			
		@media screen and (min-width: 751px) {
					.active .animation-item-1.mobile {display: none; }
			}
			
		@media screen and (min-width: 1032px) and (max-width: 1130px) { 	
			
					.home #at_intro.alt #big_box { margin-left: -60px; }
					
			}	
					
		@media screen and (min-width: 1024px) and (max-width: 1030px) { 
					#at_intro { height: 640px; } 
					#at_intro.alt #big_box .empty_box.alt { margin: 45px 0 0 35px; max-width: 580px; }
					
					#at_intro #intro_copy p { margin: 0 40px 25px; }
					
					.home #at_intro.alt #big_box { margin-left: -40px; }
					
					#ticket_pin { width: 1200px; left: -62px; }
					.home #ticket_pin { width: 1030px; left: -16px; }
			
			}
		
		@media screen and (min-width: 1024px) { 
					 
					.animation-item-3 { left: 20%; }
					.animation-item-4 { margin-left: -300px; top: -32%; }
			
			}
			
		
			
		@media screen and (min-width: 751px) and (max-width: 1023px) { 
					
					.home #at_intro.alt #intro_copy h1 { font-size: 46px; max-width: none; }
					.home #at_intro.alt #big_box { margin-left: -40px; }
					
					.home #at_intro { height: auto; }
					.home #at_intro .blue_box { height: 134px; }
					
					#ticket_pin { width: 780px; left: -16px; }
					.home #ticket_pin { width: 1000px; left: -84px; }
					
					#ticket_pin img { width: 100% !important; height: auto !important; }
					
					.animation-item-1 { left: -60px; }
					.animation-item-2 { margin-left: -60px; }
					.animation-item-3 { left: auto; margin-left: 80px; }
					.animation-item-4 { margin-left: -420px; top: -32%; }
					
					.animation-item-4, 
					.active .animation-item-4 { display: block; width: 350px; height: 350px; background: url('../m-at-section4-single.html') no-repeat; background-size: contain; top: 20%; left: 2%; margin: 0; 
						animation: none; 
						-webkit-animation: none; 					
						}
					
					#at_where .at_balloon { right: 0px; }
					
					#at_intro.alt #intro_copy h1 { font-size: 35px; line-height: 1.2; margin: 35px auto 10px auto; }
					#at_intro.alt #intro_copy p  { margin: 0 60px 26px }
					
					#at_intro.alt #big_box { margin-top: 30px; }
					#at_intro.alt #big_box .empty_box.alt { max-width: 500px; }
					
					.alt .dinghy.depth-30 { margin: 0 30%; }
			
			}
		@media screen and (min-width: 751px) and (max-width: 900px) { 
			
/* 					.home #at_intro.alt #big_box { margin-left: -100px; } */
			
			}
		
		@media screen and (min-width: 751px) and (max-width: 820px) { 
			
					#at_intro.alt #big_box .empty_box.alt { max-width: 400px; margin: 98px 0 0 35px; }
					#ticket_pin { width: 780px;}
			
			}
			
		@media screen and (min-width: 320px) and (max-width: 750px) { 
					
					.home #at_intro #intro_copy .show_video { z-index: 100; }
					.home #at_intro { height: auto; margin: 0 0 0 0; float: none; } 
					.home #at_intro #intro_copy h1 { font-size: 40px; max-width: 100%; margin: 0 2% 6px; }
					#at_intro #intro_copy p { margin: 0 2% 30px; }
					
					#at_intro.alt #intro_copy { z-index: 100000; }
					#at_intro.alt #intro_copy .empty_box { margin: -10px auto; max-width: 80%; }
					#at_intro.alt #intro_copy .candy_back { top: 140px; }
					#at_intro.alt #intro_copy .candy_front { top: 171px; }
					
					#at_intro.alt .scroll_down { display: none; }
					
					.animation-item-1, 
					.active .animation-item-1 { display: block; width: 200px; height: 129px; background: url('../m-at-section1-single.html') no-repeat; position: absolute; top: 166px; left: 50%; margin-left: -100px; z-index: 100003; background-size: contain;
						animation: none;
						-webkit-animation: none;
						
/*
						animation: play-plane1 1s steps(4) infinite; 
						-webkit-animation: play-plane1 1s steps(4) infinite; 
						animation-fill-mode: both; 
						-webkit-animation-fill-mode: both; 
						-moz-animation-fill-mode: both; 
						animation-delay: 1s; -webkit-animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s;
*/
						}
						
					@keyframes play-plane1 {
						50% { background-position: -800px; }
					    100% { background-position: 0px; }
					}
					@-webkit-keyframes play-plane1 {
					    50% { background-position: -800px; }
					    100% { background-position: 0px; }
					}
					@-ms-keyframes play-plane1 {
						50% { background-position: -800px; }
					    100% { background-position: 0px; }
					}
					
					#at_enter.alt #enter_copy { margin: 50px auto 250px; }
					#at_enter.alt .at_snacks { margin: 0 0 -96px 0; }
					
					.animation-item-2 { display: block; width: 250px; height: 224px; background: url('../m-at-section2-single.html') no-repeat; position: absolute; top: 300px; left: 50%; margin: 0 0 0 -125px; background-size: contain; }
					
					.active .animation-item-2 { 
						animation: none;
						-webkit-animation: none;
/*
						animation: play-plane2 1s steps(15) 1; 
						-webkit-animation: play-plane2 1s steps(15) 1; 
						animation-fill-mode: forwards; 
						-webkit-animation-fill-mode: forwards; 
						-moz-animation-fill-mode: both; 
						animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -moz-animation-delay: 0s;
						animation-play-state: running; -webkit-animation-play-state: running;
*/
						}
						
					@keyframes play-plane2 {
						100% { background-position: -3750px; }
/* 					    100% { background-position: 0px; } */
					}
					@-webkit-keyframes play-plane2 {
					    100% { background-position: -3750px; }
/* 					    100% { background-position: 0px; } */
					}
					@-ms-keyframes play-plane2 {
						100% { background-position: -3750px; }
/* 					    100% { background-position: 0px; } */
					}
					
					#at_where.alt #where_copy { margin: 20px auto 400px; }
					
					#at_where.alt .layer.boat { height: 141px; width: 280px; top: -344px !important; }
					.alt .dinghy.depth-30 { background-size: contain; }
					.alt .dinghy { height: 141px !important; width: 280px !important; }
					
					.animation-item-3, 
					.active .animation-item-3 { display: block; width: 250px; height: 267px; background: url('../m-at-section3-single.html') no-repeat; position: relative; top: auto; left: auto; margin: 20px auto 0; z-index: 100003;  background-size: contain; 
						animation: none;
						-webkit-animation: none;
						transform: rotateZ(-8deg);
						-webkit-transform: rotateZ(-8deg);
						-moz-transform: rotateZ(-8deg);
						-ms-transform: rotateZ(-8deg);
/*
						animation: play-plane3 1.5s steps(14) infinite; 
						-webkit-animation: play-plane3 1.5s steps(14) infinite; 
						animation-fill-mode: both; 
						-webkit-animation-fill-mode: both; 
						-moz-animation-fill-mode: both; 
						animation-delay: 1s; -webkit-animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s;
*/
						}
						
					@keyframes play-plane3 {
						50% { background-position: -3500px; }
					    100% { background-position: 0px; }
					}
					@-webkit-keyframes play-plane3 {
					    50% { background-position: -3500px; }
					    100% { background-position: 0px; }
					}
					@-ms-keyframes play-plane3 {
						50% { background-position: -3500px; }
					    100% { background-position: 0px; }
					}
					
					#at_what.alt { background: #6acfe6; }
					#at_what.alt .at_adventure { margin: 60px auto 270px; }
					#at_what.alt #mountains { bottom: 0; } 
					#at_what.alt h2 { margin-top: 20px; }
					#at_what.alt .btn { font-size: 14px; }
					#at_what .layer:first-child { margin: -36px 0 0; }
					
					.animation-item-4, 
					.active .animation-item-4 { display: block; width: 250px; height: 250px; background: url('../m-at-section4-single.html') no-repeat; position: absolute; top: 166px; left: 50%; margin: 0 0 0 -125px; z-index: 100003; background-size: contain; 
						animation: none; 
						-webkit-animation: none; 					
						}
						
					#at_what.alt #snack_waterfall { z-index: 0;}
					#at_what.alt .scene { background: #fff; }
			
			}
    
/*********************
SPINNER
*********************/
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #00a6cf;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

video::-webkit-media-controls, video::-webkit-media-controls-start-playback-button {display:none !important;}
*::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}

.desktop {display: block;}
.mobile {display: none;}

/* Home Video Dev, Tim Shelburn 11/16/17 */


.snacks .cloud-1 { background: url('../cloud1.html') no-repeat; position: absolute; top: 66px; left: -20px; width: 230px; height: 173px; background-size: contain; opacity: 1; z-index: 1900; }
.snacks .cloud-2 { background: url('../cloud2.html') no-repeat; position: absolute; top: 100px; left: 100px; width: 230px; height: 173px;  background-size: contain; opacity: 1; z-index: 2500; }
.snacks .cloud-3 { background: url('../cloud1.html') no-repeat; position: absolute; top: 85px; right: 0; width: 230px; height: 173px;  background-size: contain; opacity: 1; z-index: 1900; }

.page-id-4 .hero-banner {background: #fff;}
.page-id-377 .hero-banner h2 {background: rgba(255,255,255,0.7); color: #0f5c89; display: inline-block; margin: 0 0 20px 0; padding: 13px 20px;}
.page-id-4 .hero-banner h2 {background: rgba(255,255,255,0.7); color: #0f5c89; display: inline-block; margin: 0 0 20px 0; padding: 13px 20px;}
.page-id-4 .btn.script.white {color: #fff;}
.page-id-4 #parallax-snacks {z-index: 10;}
.page-id-4 #video_container > header {position: relative; z-index: 100000;}

#video_container {height: 100%; min-height: 808px; overflow: hidden; position: relative; width: 100%; z-index: 10;}
#home_video {max-height: 808px; position: absolute; top: 50%; left: 50%; min-width: 100% ;min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
#video_container header {margin: 580px 0 0;}
.page-id-4 #content.inside {text-align: center;}
/* .page-id-4 #content.inside p {margin: 0 auto 10px auto; max-width: 60%;} */

@media screen and (min-width: 1500px) and (max-width: 2600px) {
	#video_container {min-height: 100%; padding: 10%;}
}

/*
@media (-webkit-device-pixel-ratio: 3) and (max-width: 1920px) { 
	#home_video { left: -87% !important;}
}
*/


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  #home_video { left: -87% !important;}
	  .page-id-4 #content.inside {height: 440px;}
	  .box-animation .hero-box.sequence {background: url('../snacksequence1-min.html') no-repeat;}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	  #home_video { left: -35% !important;}
	  .page-id-4 #content.inside {height: 600px;}
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  #home_video { left: -25% !important;}
	  .page-id-4 #content.inside {height: 600px;}
	  .box-animation .hero-box.sequence {background: url('../snacksequence1-min.html') no-repeat;}
}

/*
@media only screen and (device-width : 812px) and (device-height : 375px) and (-webkit-device-pixel-ratio : 3) {
	#home_video { left: -28% !important;}
	
}
*/

/*
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio: 3) and (max-width: 1125px) { 
	#home_video { left: -103% !important;}
}
*/

@media screen and (min-width: 320px) and (max-width: 750px) {
	#home_video {max-height: 610px; position: absolute; top: 0; left: -100%; width: auto; height: auto; min-height: 0; min-width: 0; transform: none; z-index: -100;}
	.page-id-4 #video_container > header > h2 {font-size: 18px; margin-bottom: 5px;}
	#video_container {min-height: 600px;}
	#video_container header {margin: 400px 0 0;}
	.page-id-4 #inner-content > header {margin-bottom: 100px;}
	.page-id-4 #content.inside p { margin: 0 auto 10px auto; max-width: 100%;}
	.page-id-4 .hero-banner {min-height: 0 !important;}
	.snacks .cloud-1, .snacks .cloud-2, .snacks .cloud-3 {display: none !important;}
	
	.desktop {display: none;}
	.mobile {display: block;}
}
	
/*********************
SUBSCRIBE (6-MONTH) added 11-29-17 (added by Andy)
*********************/	
[type=submit].alt-large { height: 61px; padding: 1rem 2rem; cursor: pointer; }

.main.sixmonth { background: #96e0f9 url('../bg-2tone-platform.html') repeat-x bottom; position: relative; padding: 90px 0 0; }
	.sixmonth .flexwrap { 
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		}
	.sixmonth .flexwrap > div { width: 50%; }
	.sixmonth .headline-wrapper { margin: 50px 0 0 0; }
	.sixmonth .headline-wrapper h2 { font-size: 32px; text-transform: none; letter-spacing: normal; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; max-width: 435px; line-height: 1.25; margin-bottom: 16px; }
	.sixmonth .headline-wrapper p { margin-bottom: 22px; }
	.sixmonth .crate h3 { font-size: 30px; line-height: 1; margin-top: -3px; }
	.sixmonth .crate h6 { font-size: 13px; line-height: 1.5; text-transform: uppercase; font-family:'Ridley Grotesk', sans-serif; margin: 0; }
	.sixmonth .crate header { text-align: center; position: relative; z-index: 100; }
	.sixmonth .original .crate-box.box { margin: 0 auto; width: calc(340px * 1.4); height: calc(264px * 1.4); background: url('../box-med-1000-alt.html') no-repeat center; background-size: cover;  }
	.sixmonth .original .crate-box.box .front-overlay { width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; }
	.sixmonth .original .crate-box.box .snacks .left { width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; }
	.sixmonth .original .crate-box.box .snacks .center { width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; }
	.sixmonth .original .crate-box.box .snacks .right { width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; }
	
	.sixmonth .original .crate-box.box.adventure { background: url('../box-adventure-drinkpromo2-1000.html') no-repeat center; width: calc(1000px / 2.1); height: calc(926px / 2.1); background-size: contain; margin: -60px auto 0; }
	
.sixmonth.crate-features { background: #fcee4c; }
	.crate-features p { font-size: 15px; }
	.crate-features .flexwrap.three-col .item { text-align: center; }
	.crate-features .flexwrap {
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 90px 0; 
		}
		.three-col .item,
		.flexwrap.three-col > div.item { width: 33.333%; }
	.crate-features .item h6 { font-size: 18px; font-family:'Ridley Grotesk', sans-serif; font-weight:600; margin: 0; }
	
.sixmonth.disclaimer footer { margin: 60px 0; text-align: center; }
.sixmonth.disclaimer footer p { max-width: 800px; padding: 0 5%; margin: 0 auto; }

/*********************
$5 PROMOTIONS PAGE (For specific countries too) Added 01-12-18
*********************/
.crate-country .flexwrap > div {}
.crate-country .flexwrap > div.crate-wrapper { width: 64%; margin: 50px 0 0; }
.crate-country .flexwrap > div.headline-wrapper { width: 36%; margin: 0 0 0; }
.crate-country .flexwrap > div.full-w {width: 100%; }
#content.yellow-content { background: #fcee4c; position: relative; }
#content.orange-content { background: #ff8919; position: relative; color: #fff; }
#content.orange-content p { color: #fff; }
.crate-country .yellow-content header.center { text-align: center; margin: .5em 0 3em; }
	.crate-country .yellow-content header h3 { margin: 0 0 -5px; font-size: 2.4em; }

/**** WITHOUT FLAG *****/
.crate-country .flexwrap.without-flag > div.crate-wrapper { width: 50%; margin: 0; }
.crate-country .flexwrap.without-flag > div.headline-wrapper { width: calc(50% - 40px); margin: 40px 0 0 40px; }
.crate-country .without-flag .crate-wrapper .crate { margin: 0 auto; }
.crate-country .yellow-content header.center { width: 50%; margin: .5em 0 0; }
/**** End WITHOUT FLAG *****/

.crate-country .crate-wrapper .crate { position: relative; margin: 0 auto 0 25%; display: block; }
.crate-country .crate-wrapper .flag { position: absolute; left: 80px; top: 0; }
.crate-country .crate-wrapper .flag.fl-ireland { background: url('../flag-ireland.html') no-repeat center; width: calc(490px / 1.4); height: calc(286px / 1.4); background-size: contain; }

#content.snacks-slider { margin: 60px 0; }
.orbit-container { outline: none; }
.slide-wrapper.flex-slide {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.slide-wrapper .snack-image { width: calc(50% - 60px); margin: 0 60px 0 0; }
.slide-wrapper .slide-content { width: calc(50% - 60px); margin: 0 60px 0 0; position: relative; }
.snacks-slider .orbit-next, .snacks-slider .orbit-previous { color: #0f5c89; }
.snacks-slider .orbit-next:active, 
.snacks-slider .orbit-next:focus, 
.snacks-slider .orbit-next:hover, 
.snacks-slider .orbit-previous:active, 
.snacks-slider .orbit-previous:focus, 
.snacks-slider .orbit-previous:hover { background-color: hsla(0,0%,4%,.2); }

.slide-wrapper .slide-content { top: -200px; opacity: 0; transition: all 0.2s 1s; -webkit-transition: all 0.2s 1s; -moz-transition: 0.2s all 1s; -ms-transition: all 0.2s 1s; }
.is-active .slide-wrapper .slide-content { top: 0; opacity: 1; transition: all 0.2s 1s; -webkit-transition: all 0.2s 1s; -moz-transition: 0.2s all 1s; -ms-transition: all 0.2s 1s; }


.sixmonth.disclaimer footer p { font-size: 12px; }
		
		.flag.slideInRightflag {
			-webkit-animation: slideInRightflag ease-in-out 1; 
			-moz-animation: slideInRightflag ease-in-out 1; 
			animation: slideInRightflag ease-in-out 1; 
			-moz-animation-delay: 1.8s;
		    -webkit-animation-delay: 1.8s;
		    -o-animation-delay: 1.8s;
		    animation-delay: 1.8s;
			-webkit-animation-duration: .5s;
			animation-duration: .5s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			opacity: 0; 
			}
			
			@keyframes slideInRightflag {
				0% { left: 180px; opacity: 0; }
				
				100% { left: 80px; opacity: 1; }
			}
			@-webkit-keyframes slideInRightflag {
				0% { left: 180px; opacity: 0; }
				
				100% { left: 80px; opacity: 1; }
			}
		

.crate-country .sixmonth .original .crate-box.box { margin: 0 auto; width: calc(1000px / 1.82); height: calc(872px / 1.82); background: url('../animation-snacks-%40x2-872.html') no-repeat center; background-size: cover; }
.crate-country .crate-box.box .front-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; background: url('../animation-overlay-%40x2-872.html') no-repeat center; background-size: contain; }

	.crate-country.src-ireland .original .crate-box.box .snacks .item-1 { position: absolute; width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background: url('../animation-snack-ireland-1-872.html') no-repeat center; background-size: contain; z-index: 90; }
	.crate-country.src-ireland .original .crate-box.box .snacks .item-2 { position: absolute; width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background: url('../animation-snack-ireland-2-872.html') no-repeat center; background-size: contain; z-index: 80; }
	.crate-country.src-ireland .original .crate-box.box .snacks .item-3 { position: absolute; width: auto; height: auto; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; background: url('../animation-snack-ireland-3-872.html') no-repeat center; background-size: contain; z-index: 70; }

			@media screen and (min-width: 1025px) and (max-width: 1200px) {
				.crate-country .flexwrap > div.crate-wrapper { width: calc(64% - 40px); margin: 50px 40px 0 0; }
				.crate-country .sixmonth .original .crate-box.box { width: calc(1000px / 2); height: calc(872px / 2); }
			}
			
			@media screen and (min-width: 741px) and (max-width: 1024px) {
				.crate-country .flexwrap > div.crate-wrapper { width: calc(64% - 40px); margin: 50px 40px 0 0; }
				.crate-country .sixmonth .original .crate-box.box { width: calc(1000px / 2.7); height: calc(872px / 2.7); }
				.crate-country .flexwrap.without-flag > div.headline-wrapper { margin-top: 20px; }
				.crate-country .crate-wrapper .crate { margin: 0 auto 0 auto; }	
				.crate-country .crate-wrapper .flag { left: auto; right: auto; }
			}
			
			@media screen and (min-width: 320px) and (max-width: 740px) {
				.crate-country .flexwrap > div.crate-wrapper,
				.crate-country .flexwrap > div.headline-wrapper { width: 100%; margin: 20px 0; }
				.crate-country .crate-wrapper .crate { margin: 0 auto; }
				.crate-country .sixmonth .original .crate-box.box { width: calc(1000px / 3); height: calc(872px / 3); }
				.crate-country .crate-wrapper .flag.fl-ireland { position: relative; left: 0; margin: 0 auto -60px; width: calc(490px / 2); height: calc(286px / 2); }
			}
			@keyframes slideInRightflag {
				0% { left: 180px; opacity: 0; }
				100% { left: 0px; opacity: 1; }
			}
			@-webkit-keyframes slideInRightflag {
				0% { left: 180px; opacity: 0; }
				100% { left: 00px; opacity: 1; }
			}
				.crate-country .yellow-content header.center { margin: 2em auto 2em; }
				.slide-wrapper.flex-slide { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
				.slide-wrapper .snack-image { width: 80%; margin: 0 auto; }
				.slide-wrapper .slide-content { width: 80%; margin: 40px auto 0; }
				#content.snacks-slider { margin: 60px auto 20px; }
				
				.crate-country .flexwrap.without-flag > div.crate-wrapper { width: 50%; margin: 20px 0 0; }
				.crate-country .flexwrap.without-flag > div.headline-wrapper { width: 50%; margin: 40px 0 0 0; }
				.crate-country .without-flag .crate-wrapper .crate { margin: 0 auto; }
				.crate-country .yellow-content header.center { width: 100%; margin: .5em 0 0; }
				
				
				
	

/*********************
BOX ANIMATION
*********************/	
	.snacksBlowUp .left,
	.snacksBlowUp .center,
	.snacksBlowUp .right {}
	
	.snacksBlowUp .left {
		-webkit-animation: snacksBlowUp-left ease-in-out 1; 
		-moz-animation: snacksBlowUp-left ease-in-out 1; 
		animation: snacksBlowUp-left ease-in-out 1; 
		-webkit-animation-delay: .2s; 
		animation-delay: .2s; 
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0; 
		}
	@keyframes snacksBlowUp-left {
			0% { top: 20px; left: 20px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}
	
	.snacksBlowUp .center {
		-webkit-animation: snacksBlowUp-center ease-in-out 1; 
		-moz-animation: snacksBlowUp-center ease-in-out 1; 
		animation: snacksBlowUp-center ease-in-out 1; 
		-webkit-animation-delay: .3s; 
		animation-delay: .3s; 
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0;
		}
	@keyframes snacksBlowUp-center {
			0% { top: 30px; left: 0px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}	
		
	.snacksBlowUp .right {
		-webkit-animation: snacksBlowUp-right ease-in-out 1; 
		-moz-animation: snacksBlowUp-right ease-in-out 1; 
		animation: snacksBlowUp-right ease-in-out 1; 
		-webkit-animation-delay: .25s; 
		animation-delay: .25s; 
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0;
		}
	@keyframes snacksBlowUp-right {
			0% { top: 20px; left: -20px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}
	
	.src-ireland .snacksBlowUp .item-1 {
		-webkit-animation: snacksBlowUp-ireland-1 ease-in-out 1; 
		-moz-animation: snacksBlowUp-ireland-1 ease-in-out 1; 
		animation: snacksBlowUp-ireland-1 ease-in-out 1; 
		-webkit-animation-delay: .5s; 
		animation-delay: .5s; 
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0; 
		}
	@keyframes snacksBlowUp-ireland-1 {
			0% { top: 100px; left: 60px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}
		
	.src-ireland .snacksBlowUp .item-2 {
		-webkit-animation: snacksBlowUp-ireland-2 ease-in-out 1; 
		-moz-animation: snacksBlowUp-ireland-2 ease-in-out 1; 
		animation: snacksBlowUp-ireland-2 ease-in-out 1; 
		-webkit-animation-delay: .3s; 
		animation-delay: .3s; 
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0; 
		}
	@keyframes snacksBlowUp-ireland-2 {
			0% { top: 100px; left: -40px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}
	
	.src-ireland .snacksBlowUp .item-3 {
		-webkit-animation: snacksBlowUp-ireland-3 ease-in-out 1; 
		-moz-animation: snacksBlowUp-ireland-3 ease-in-out 1; 
		animation: snacksBlowUp-ireland-3 ease-in-out 1; 
		-webkit-animation-delay: .4s; 
		animation-delay: .4s; 
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0; 
		}
	@keyframes snacksBlowUp-ireland-3 {
			0% { top: 100px; left: -40px; opacity: 0; }
			
			100% { top: 0px; left: 0px; opacity: 1; }
		}
		
		
		/*********************
		RESPONSIVE VIEWS
		*********************/
		@media screen and (min-width: 1025px) and (max-width: 1100px) {
				.sixmonth .original .crate-box.box { width: calc(340px * 1.225); height: calc(264px * 1.225); }
				
			}
		@media screen and (min-width: 741px) and (max-width: 1024px) {
				.sixmonth .original .crate-box.box { width: calc(340px * 1); height: calc(264px * 1); margin: 40px auto 0; }
				.sixmonth .original .crate-box.box.adventure { width: calc(100% / 1.1); }
			}
		@media screen and (min-width: 320px) and (max-width: 740px) {
				.main.sixmonth { background-image: none; padding: 0; }
				.sixmonth .flexwrap { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
				.sixmonth .flexwrap > div,
				.three-col .item, .flexwrap.three-col > div.item { width: 100%; }
				.three-col .item { margin: 0 auto 30px; }
				
				.crate-country .flexwrap.without-flag > div.crate-wrapper { width: 100%; }
				.crate-country .flexwrap.without-flag > div.headline-wrapper { width: 100%; }
				
				.sixmonth .flexwrap .headline-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0; }
				.sixmonth .flexwrap .crate-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 40px; }
				.sixmonth .headline-wrapper h2 { font-size: 28px; }
				[type=submit].alt-large { width: 100%; display: block; text-align: center; }
				.sixmonth .original .crate-box.box { width: calc(340px * 1); height: calc(264px * 1); margin: 20px auto 40px; }
				.crate-features .flexwrap { margin: 40px 0 0; }
				
				.sixmonth .original .crate-box.box.adventure { width: 100%; height: 400px; }
			}

	
			
/*********************
REVEAL/MODAL/POPUP - added 12-12-17 (added by Andy)
*********************/
.reveal.promotion { border: none; background: #00a6cf; outline: none; }
.reveal.promotion.large { top: 80px !important; }

.promotion .promo-wrapper { padding: 4% 4% 0; }
.promotion .promo-image { position: relative; padding: 0 4% 4%; }
.promotion .promo-image:after { content: ''; position: absolute; bottom: 0; height: 45%; background: #fff; left: 0; right: 0; z-index: -1; }

.reveal.promotion h1 { font-size: 2.8em; color: #fff; } 
.reveal.promotion p { color: #fff; }
.reveal.promotion .button-link { margin-top: 2em; }
.reveal.promotion [type=button].close-button { color: #fff; font-size: 28px; }
.reveal.promotion .promo-image { display: block; margin: 0 auto; }
.promotion .promo-image img { max-width: 440px; width: 100%; }

		@media screen and (min-width: 320px) and (max-width: 740px) {
				.reveal.promotion.large { top: 0 !important; }
				.reveal.promotion h1 { font-size: 2.5em; margin-top: 1em; }
				.reveal.promotion [type=button].close-button { font-size: 34px; }
				
				.reveal.promotion .button-link { margin-bottom: 0; }
				.reveal.promotion .button-link .btn { display: block; }
				.promotion .promo-wrapper { background: #00a6cf; }
				.promotion .promo-image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: -2; background: #00a6cf; height: 100%;} 
				.reveal.promotion { background: #fff; }
				.promotion .promo-image img { width: 100%; }
			}

	
/*********************
LINK STYLES
*********************/
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
i.orange, .orange { color: #ff8919; }

/*********************
HEADER PRICING
*********************/
.manage-price .fa-shopping-cart,
.utilities-nav .fa-credit-card { font-size: 22px; }
.manage-price,
.utilities-nav.account .two-rows { font-size: 24px; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; }
.manage-price sup,
.utilities-nav.account .two-rows sup { font-size: 62%; top: -0.58em; }

.utilities-nav.account .two-rows p { margin: 8px 0 -10px; text-align: center; }
.utilities-nav.account .two-rows span { font-size: 13px; font-family:'Ridley Grotesk', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.utilities-nav.account .two-rows #credit { font-size: 1em; }

.has-tip { border-bottom: none; outline: none; }
.tooltip { background: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 500;}
.tooltip:before { border-color: transparent transparent transparent #0f5c89 !important; }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
body { font-family:'Ridley Grotesk', sans-serif !important; font-weight: 500 !important; color: #0f5c89;}
h1 { font-family:'Ridley Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 3.625em; color: #0f5c89; line-height: 1.1; margin: 0 0 .4em; }
h2 { font-family:'Ridley Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 1.250em; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.4;}
h3 { font-family:'Chantal', 'helvetica', sans-serif; font-weight: 500; font-size: 1.750em; text-transform: uppercase; letter-spacing: 0; }
h4 { font-family:'Ridley Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 1.250em; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.1; margin: 0; }
h5 { font-family:'Ridley Grotesk', sans-serif !important; font-weight: 500; font-size: 1em; text-transform: uppercase; letter-spacing: 0.06em; }
h6 {}
p { color: #0f5c89; }
a { color: #ff8919; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
a:hover, a:focus { color: #e67509; }

.s0-intro h1,
.s1-intro h1,
.s2-intro h1,
.s3-intro h1,
.s4-intro h1,
.s5-intro h1,
.extra-info h1,
.g1-intro h1,
.g0-intro h1 { font-size: 2.500em; }

h1.divider:after, h2.divider:after, h3.divider:after, h4.divider:after, h5.divider:after, h6.divider:after { content: ''; position: relative; display: block; width: 38px; height: 4px; margin: 20px auto; background: #ff9e19; }
.white { color: #fff; }

.btn { text-align: center; color: #fff; background: #ff8919; padding: 13px 20px; border: 2px solid transparent; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; }
.btn.small { font-size: .750em; }
.btn:hover,
.btn:focus { color: #fff; background: #de720c; }
btn.disabled {display: none;}

p.script { font-family:'Chantal W00 Medium'; color: #0f5c89; text-transform: none; }
.btn.script { background: transparent; border: none; padding: 0; font-family:'Chantal W00 Medium'; color: #0f5c89; text-transform: none; font-size: 24px; }
.btn.script.white { color: #fff; }
.btn.script.white:hover, .btn.script.white:focus { color: #ff8919; }
.btn.script:hover, .btn.script:focus { color: #00a6cf; }

.btn.script.arrow:after { content: ''; display: inline-block; position: relative; width: 40px; height: 19px; background: url('../png/icon-arrow.png') no-repeat; margin: 0 0 0 6px; }
.btn.script.white.arrow:after { content: ''; display: inline-block; position: relative; width: 40px; height: 19px; background: url('../svg/icon-arrow-white.svg') no-repeat; margin: 0 0 0 6px;  }

/*********************
HEADER STYLES
*********************/
.headroom {
    will-change: transform;
    transition: transform 200ms linear; }
.headroom--pinned { transform: translateY(0%); }
.headroom--unpinned { transform: translateY(-220%); }

header.header { position: relative; width: 100%; z-index: 9999; }
.header ul.off-canvas-list li { list-style: none; }
.top-bar { padding: 15px 21px 10px; }
.menu>li>a { padding: 0 .7rem; font-family:'Ridley Grotesk', sans-serif; font-weight: 600; color: #00a6cf; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.688em; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.menu>li>a:hover, .menu>li>a:focus { color: #0f5c89; }
.menu .active>a,
.menu .current-page-ancestor > a { background: transparent; color: #ff8919; outline: none; }
.menu .active>a:hover, .menu .active>a:focus { color: #ff8919; }
.menu > li.menu-item-17 > a { color: #ff8919; padding: 13px 20px; border: 2px solid #ff8919; background: transparent; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.menu > li.menu-item-17 > a:hover, .menu > li.menu-item-17 > a:active { background: #ff8919; color: #fff; }
.menu > li.menu-item-17.active > a { background: #ff8919; color: #fff; }

.navi { margin: 13px 0 0 8px; }
#menu-secondary-1 { padding: 1em 0 0; }

.logo .menu>li>a { padding: 0; }

#icon-logo { width: 86px; height: 65px; display: block;  }
#icon-logo { width: 82px; height: 65px; display: block;  }
.menu>li>a svg { margin: 0; }

.top-bar .title-area { z-index: 1; }
.top-bar, .top-bar ul { background: #fff; }

.top-bar ul.account {}
	.top-bar ul.account li { /* padding: 15px 0; */ }

.off-canvas-list ul { margin-left: 0; }
  .off-canvas-list ul li a { border-bottom: 0px; }
  .off-canvas-list ul .dropdown { margin-left: 20px; }
  
.utilities-nav { background: #f5f5f5; width: 100%; position: relative; padding: 22px 21px; }
.utilities-nav .btn { background: transparent; border: 2px solid #c8c8c8; color: #c8c8c8; display: block; text-align: center; width: 100px; padding: 9px; }

.breadcrumb-nav { background: #5bc8e3; width: 100%; position: relative; padding: 0 21px; }
.breadcrumb-nav > div { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; }	
.breadcrumb-nav:before { position: absolute; height: 100%; width: 50%; content: ''; display: block; background: #00a6cf; top: 0; left: 0; z-index: 1; }
.breadcrumb-nav .title,
.breadcrumb-nav .subscription { z-index: 5; position: relative; }
.breadcrumb-nav .title { position: absolute; top: 23px; left: 21px; }
.breadcrumb-nav .title p { color: #acefff; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; }

.breadcrumb-nav .subscription ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.breadcrumb-nav .subscription ul li { display: block; margin: 0; padding: 22px 2%; color: #fff; font-size: 0.875em; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; background: #5bc8e3; position: relative; z-index: 100; white-space: nowrap; }
.breadcrumb-nav .subscription ul li:before { display: block; content: ''; position: absolute; background: #00a6cf; height: 100%; width: 0; top: 0; left: 0; }
.breadcrumb-nav .subscription ul li a, .breadcrumb-nav .subscription ul li button { color: #fff; font-family:'Ridley Grotesk', sans-serif; font-weight: 500;}
.breadcrumb-nav .subscription ul li button:disabled { color: #fff; }
.breadcrumb-nav .subscription ul li.completed:before { z-index: -1; }
.breadcrumb-nav .subscription ul li.current:before { 
	z-index: -1; 
	-moz-animation-name: slideRight;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .6s;

    -webkit-animation-name: slideRight;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .6s;
    
    animation-name: slideRight;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .6s;
    }

	
    /*********************
    
    Added by Kyle
    
    *********************/
    .smarty-tag{
    display: none !important;
    }
    
    .tax{
    display: none;
    }
    label#paypal.paypal{
    display: none;
}
/*
    @-moz-keyframes slideRight {
	    0% {
	        width: 0%;
	    }
	    100% {
	        width: 100%;
	    }
	}
	@-webkit-keyframes slideRight {
	    0% {
	        width: 0%;
	    }
	    100% {
	        width: 100%;
	    }
	}
*/
	@keyframes slideRight {
	    0% {
	        width: 0%;
	    }
	    100% {
	        width: 100%;
	    }
	}

.breadcrumb-nav .subscription ul li.completed:before,
.breadcrumb-nav .subscription ul li.current:before  { width: 100%; }
.loading_wrapper {
	background: #fff;
	display: none;
	height: 100%;
	left: 0; 
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100000000;
}
.loading { background: none; bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 20%; width: auto; }

.loading_wrapper video {height: 100%; width: 100%; margin-bottom: -1px; margin-top: -1px; max-height: 600px; max-width: 600px;}

@keyframes loading {
	0% {background-position: 59px;}
   	100% {background-position: -59px;}
}

.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

/*********************
VALIDATION/ERRORS
*********************/
.smarty-popup-header { font-family:'Ridley Grotesk', sans-serif; font-weight: 600; color: #0f5c89; font-size: 14px; line-height: 1.2; }
.smarty-choice-alt .smarty-choice-abort, .smarty-choice-override { background: #ff8919; }


/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content { padding: 0rem; }

.page-title .vcard { border: 0px; padding: 0px; }

.byline { color: #999; }

.entry-content img { max-width: 100%; height: auto; }

.entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; }

.entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.entry-content video, .entry-content object { max-width: 100%; height: auto; }

.entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; }

.wp-caption { max-width: 100%; background: #eee; padding: 5px; }
  .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }
  .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

.page-id-39 .post-password-form {margin: 100px auto; max-width: 70%;}
#pwbox-39 {border: 1px solid #000;}

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] { outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: #1583cc; color: #fff; }

/*********************
HOMEPAGE
*********************/
.hero-banner { background: #00a6cf; min-height: 688px;}
.hero-banner header { text-align: center; margin: 260px 0 0; }
.hero-banner h1 { margin: 0; }
.hero-banner h2 { margin: 0 0 2em; }
.hero-banner .btn { display: block; text-align: center; margin: 0 auto; width: 200px; }

.home .inside header { max-width: 600px; margin: 170px auto 80px; display: block; position: relative; text-align: center; z-index: 100000;}

.home .inside-box { margin: 166px 0 0; position: relative; background: #ffcf50; height: 482px; }

@media (mix-width: 751px) and (max-width: 1269px) { 
	.home .inside-box {
		height: 482px;
	}
	
}
.home .inside-box .box-animation { width: 100%; position: relative; top: -160px; }
.home .inside-box .box-animation img { width: 100%; max-width: none; }

.home .how-it-works header { max-width: 500px; display: block; margin: 154px auto 62px; text-align: center; }
.how-it-works ul { list-style-type: none; margin: 0; padding: 0; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.how-it-works ul li { width: 31.333%; margin: 0 1.50025%; position: relative; }
.how-it-works ul li:first-child { margin: 0 1.50025% 0 0; }
.how-it-works ul li:last-child { margin: 0 0 0 1.50025% ; } 
.how-it-works .bubble { position: absolute; width: 42px; height: 42px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #ff9e19; color: #fff; left: 50%; margin-left: -21px; top: -21px; text-align: center; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 1.750em; }
.how-it-works .box { width: 100%; }
.how-it-works .box img { max-width: none; width: 100%; }
.how-it-works footer h4 { text-transform: none; letter-spacing: 0; margin: 1.438em 0; text-align: center; }
.how-it-works article > div { margin: 42px auto 100px; position: relative; display: block; text-align: center; }
.how-it-works article > div .btn { display: block; margin: 0 auto; width: 200px; text-align: center; }

.why-sc { position: relative; }
.why-sc .grid { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 80px;
	}
.why-sc .grid > div { margin: 0; width: 49.22%; }
.why-sc .grid > div:first-child { margin: 0 .78% 0 0; }
.why-sc .grid > div:last-child { margin: 0 0 0 .78%; }
.why-sc .grid > div header { margin: 76px 0 0; }
.why-sc .facts { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	margin: 0 0 2em; 
	}
.why-sc .facts button { width: 141px; height: 141px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #00a6cf; color: #fff; text-align: center; left: 0; margin: 0; border: 3px solid #fff; position: relative; z-index: 10;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1em;
	}
.why-sc .facts button:after { content: ''; position: absolute; top: -9px; left: -9px; right: -9px; bottom: -9px; border: 6px solid transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; }
.why-sc .facts button.is-active:after { border-color: #0c63ad; }
.why-sc .facts button { font-size: 14px; font-family:'Ridley Grotesk', sans-serif; font-weight: 600; margin: 0 22px; text-transform: uppercase; padding: 1em; line-height: 1.4; }
.why-sc .grid footer .btn { display: block; width: 140px; text-align: center; margin: 0 auto; }
.why-sc .snack-1 { position: absolute; left: 0; bottom: 0; z-index: -1; }

.home .social-buzz header { max-width: 500px; display: block; margin: 0 auto 62px; text-align: center; }

/* .box-animation .hero-box { position: relative; width: 100%; height: 779px; display: block; margin: 0 auto; background: url('../images/box-seq-5.png') no-repeat; background-size: contain; } */

.box-animation .box-static { position: relative; z-index: 80; width: 100%; height: 1500px; display: block; margin: -500px 0 0; background-size: cover; overflow: hidden; background: url('../snacksequence1-min-step1.html') no-repeat; }

.box-animation .hero-box.sequence { position: absolute; bottom: 0; z-index: 99; width: 100%; height: 1500px; display: block; margin: 0 auto; background: url('../snacksequence1-min.html') no-repeat; background-size: cover; overflow: hidden; margin: -500px 0 0; }

.box-animation .hero-box.sequence {
	animation: switch-with-me-back 1s steps(15) forwards;
	-webkit-animation: switch-with-me-back 1s steps(15) forwards;
       -moz-animation: switch-with-me-back 1s steps(16) infinite;
        -ms-animation: switch-with-me-back 1s steps(16) infinite;
         -o-animation: switch-with-me-back 1s steps(16) infinite;
	}
	
	@-webkit-keyframes switch-with-me-back {
			100% { background-position: 0 0; }
			0% { background-position: 0 -22500px; }	
		}	
	@-moz-keyframes switch-with-me-back {
			100% { background-position: 0 0; }
			0% { background-position: 0 -24000px; }	
		}		
	@-ms-keyframes switch-with-me-back {
			100% { background-position: 0 0; }
			0% { background-position: 0 -24000px; }	
		}		
	@-o-keyframes switch-with-me-back {
			100% { background-position: 0 0; }
			0% { background-position: 0 -24000px; }	
		}	
	@keyframes switch-with-me-back {
			100% { background-position: 0 0; }
			0% { background-position: 0 -22500px; }
		}	

.box-animation.zap .hero-box.sequence {
	animation: switch-with-me 1s steps(15) forwards;
	-webkit-animation: switch-with-me 1s steps(15) forwards;
       -moz-animation: switch-with-me 1s steps(16) infinite;
        -ms-animation: switch-with-me 1s steps(16) infinite;
         -o-animation: switch-with-me 1s steps(16) infinite;
/*
	animation-iteration-count: 1;
    animation-timing-function: step-end;
    animation-duration: 1s;
    animation-delay: 0s;
*/
	}

@-webkit-keyframes switch-with-me {
		0% { background-position: 0 0; }
		100% { background-position: 0 -22500px; }	
	}	
@-moz-keyframes switch-with-me {
		0% { background-position: 0 0; }
		100% { background-position: 0 -24000px; }	
	}		
@-ms-keyframes switch-with-me {
		0% { background-position: 0 0; }
		100% { background-position: 0 -24000px; }	
	}		
@-o-keyframes switch-with-me {
		0% { background-position: 0 0; }
		100% { background-position: 0 -24000px; }	
	}	
@keyframes switch-with-me {
		0% { background-position: 0 0; }
		100% { background-position: 0 -22500px; }	
/*
  0% {
    background-position: 0 0;
  }
  6.25% {
    background-position: 0 -1500px;
  }
  12.5% {
    background-position: 0 -3000px;
  }
  18.75% {
    background-position: 0 -4500px;
  }
  25% {
    background-position: 0 -6000px;
  }
  31.25% {
    background-position: 0 -7500px;
  }
  37.5% {
    background-position: 0 -9000px;
  }
  43.75% {
    background-position: 0 -10500px;
  }
  50% {
    background-position: 0 -12000px;
  }
  56.25% {
    background-position: 0 -13500px;
  }
  62.5% {
    background-position: 0 -15000px;
  }
  68.75% {
    background-position: 0 -16500px;
  }
  75% {
    background-position: 0 -18000px;
  }
  81.25% {
    background-position: 0 -19500px;
  }
  87.5% {
    background-position: 0 -21000px;
  }
  93.75% {
    background-position: 0 -22500px;
  }
  100% {
    background-position: 0 -24000px;
  }
*/
}

/* FIXES */
	@media screen and (min-width: 320px) and (max-width: 1270px) {
				.box-animation.zap .hero-box.sequence,
				.box-animation .hero-box.sequence { animation: none; }
				
				.box-animation .hero-box.sequence { position: absolute; bottom: auto;}
				
				.box-animation .box-static { display: none; }
				.box-animation .hero-box.sequence { background: url('../snacksequence1-still-min.html') no-repeat; background-position: center bottom; background-size: contain; height: 500px; margin: -220px 0 0; }
		    }
	@media screen and (min-width: 751px) and (max-width: 1270px) {	
				.box-animation .hero-box.sequence { background: url('../snacksequence1-still-min.html') no-repeat; background-position: center bottom; background-size: contain; height: 900px; margin: -220px 0 0; }
					.home .inside-box {height: 300px}
				
		    }
		     @media screen and (min-width: 751px) {
			     	.box-animation .hero-box.sequence.mobile { display: none !important; }
			     }
		    
		    @media screen and (min-width: 320px) and (max-width: 750px) {
				.box-animation.zap .hero-box.sequence,
				.box-animation .hero-box.sequence { animation: none; }
				
				.box-animation .hero-box.sequence { display: none !important; }
				.box-animation .hero-box.sequence.mobile { background: url('../mobile-box.html') no-repeat; background-position: center bottom; background-size: contain; height: 500px; margin: -320px 0 0; display: block !important; }
		    }

.violator { background: #00a6cf; color: #fff; padding: 2em 0; margin: 0 0 6em;  }
.violator h1 { color: #fff; margin: 0 5% 0 0; }
.violator h2 { text-transform: none; letter-spacing: 0; color: #fff; margin: 0 10% 0 0; }
.violator p { margin: 0; color: #fff; margin: 0 10% 1em 0; }
.violator .btn:hover { color: #ff8919; }
.violator .grid { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.violator .grid > div { width: 50%; margin: 0; }
.violator .grid .feature-country img { margin: -92px 0; }

	@media screen and (min-width: 1245px) {
			.violator .grid .feature-country img { margin: -172px 0; }
	    }

@media screen and (min-width: 1025px) {
			.violator { margin: 60px 0 140px; }
	    }

/*********************
HOW IT WORKS
*********************/
.page-id-7 .banner { }
.page-id-7 .banner header { text-align: center; margin: 160px auto; max-width: 500px; }
.page-id-7 .banner h5 { font-family:'Ridley Grotesk', sans-serif; font-weight: 700;}

.page-id-7 .step-1 { background: #ffb902; position: relative; z-index: 22; }
.page-id-7 .step-2 { background: #ff9e19; position: relative; z-index: 22; }
.page-id-7 .step-3 { background: #6aceed; position: relative; z-index: 22; }
.page-id-7 .step-4 { background: #fff; position: relative; z-index: 22; }

.bg-element { position: absolute; }
.bg-element img { width: 100%; max-width: none; }
.step-1 .bg-element { left: 0; bottom: 0; z-index: -1; width: 100%; max-width: 1400px; }
.step-2 .bg-element { right: 0; bottom: 0; z-index: -1; width: 100%; max-width: 1400px;}
.step-3 .bg-element { left: 0; bottom: 0; z-index: -1; width: 100%; max-width: 1350px;}

.show-for-1350 { z-index: -1; position: absolute; display: none; top: 0; right: 0; left: 50%; }

@media screen and (min-width: 1350px)  {
			.show-for-1350 { display: block; }
	    }

.page-id-7 .step-1 header { padding: 76px 4% 354px 50%; text-align: center; }
.page-id-7 .step-2 header { padding: 76px 50% 354px 4%; text-align: center; }
.page-id-7 .step-3 header { padding: 76px 4% 354px 50%; text-align: center; }
.page-id-7 .step-4 header { padding: 76px 50% 594px 4%; text-align: center; }

.page-id-7 .process h2 { font-size: 2.5em; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; line-height: 1.1; text-transform: none; letter-spacing: 0; }
.page-id-7 .process p { font-size: 1.25em;  }
.page-id-7 .circle { width: 42px; height: 42px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #ff9e19; color: #fff; left: 50%; margin: 0 0 6px -21px; text-align: center; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 1.750em; 
	position: relative; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.page-id-7 .step-2 .circle { background: #ff6c19; }
.page-id-7 .step-2 h2.divider:after { background: #ff6c19; }

.page-id-7 .step-4 .snacks .item-1 { position: absolute; top: 356px; left: 0; background: url('../snacks-how-1.html') no-repeat; width: 527px; height: 564px; background-size: contain; }
.page-id-7 .step-4 .snacks .item-2 { position: absolute; top: 78px; right: 150px; background: url('../snacks-how-2.html') no-repeat; width: 587px; height: 628px; background-size: contain; }
.page-id-7 .step-4 .snacks .item-3 { position: absolute; top: -176px; right: 0; background: url('../snacks-how-3.html') no-repeat; width: 397px; height: 1029px; background-size: contain; }

/*********************
WHATS INSIDE
*********************/
.page-id-9 .banner { }
.page-id-9 .banner header { text-align: center; margin: 160px auto; max-width: 500px; }
.page-id-9 .banner h5 { font-family:'Ridley Grotesk', sans-serif; font-weight: 700; }

.unboxing { position: relative; background: #fff; z-index: 22; }
.unboxing:after { position: absolute; bottom: 0; left: 0; width: 100%; background: #ffcf50; height: 525px; content: ''; z-index: -1; }
.unboxing .box { text-align: center; max-width: 1012px; margin: 0 auto; }

.box-option { position: relative; }
.box-option #inner-content { position: relative; }
.box-option .grid {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 160px 0 0; 
	}
.box-option.mini .grid { margin: 160px 0 470px; }
.box-option.regular .grid { margin: 0 0 658px; }
.box-option.premium .grid { margin: 0 0 100px; }
.box-option .grid .feature-image { width: 50%; margin: 0; }
.box-option .grid .feature-image img { max-width: none; width: 100%; }
.box-option .grid .content { width: 50%; margin: 0; padding: 0 4% 0 7%; }
.box-option.regular .grid .content { width: 50%; margin: 0; padding: 0 7% 0 4%; }
.box-option .grid .content header { margin: 80px 0 0 0; }
.box-option.mini {}
.box-option .caption.callout-pointer { position: absolute; }
.box-option.mini .caption { top: 550px; right: 28%; }
.box-option.mini .snack-amount { margin: 7em 0 3.6em; float: right; width: 327px; height: 119px; }
.box-option.regular .caption { top: 400px; left: 28%; }
.box-option.regular .snack-amount { margin: 3.6em 0; float: left; width: 312px; height: 131px; }
.box-option.premium .caption { top: 400px; right: 28%; }
.box-option.premium .snack-amount { margin: 3.6em 0; float: right; width: 381px; height: 111px; }

.box-option.mini .snacks .item-1 { position: absolute; bottom: 0px; left: 0; background: url('../snacks-static-rings.html') no-repeat; width: 423px; height: 411px; background-size: contain; }
.box-option.mini .snacks .item-2 { position: absolute; bottom: 20px; right: 0; background: url('../snacks-static-soda.html') no-repeat; width: 476px; height: 527px; background-size: contain; }
.box-option.mini .snacks .item-3 { position: absolute; bottom: 300px; right: 24%; background: url('../snacks-static-mms.html') no-repeat; width: 286px; height: 127px; background-size: contain; }
.box-option.mini .snacks .item-4 { position: absolute; bottom: 20px; left: 24%; background: url('../snacks-static-gum.html') no-repeat; width: 371px; height: 324px; background-size: contain; }

.box-option.regular .snacks .item-1 { position: absolute; bottom: 100px; left: 0; background: url('../snacks-static-fish-chips.html') no-repeat; width: 387px; height: 601px; background-size: contain; }
.box-option.regular .snacks .item-2 { position: absolute; bottom: 200px; left: 30%; background: url('../snacks-static-kitkat.html') no-repeat; width: 388px; height: 405px; background-size: contain; }
.box-option.regular .snacks .item-3 { position: absolute; bottom: 400px; right: 18%; background: url('../snacks-static-pigs.html') no-repeat; width: 198px; height: 218px; background-size: contain; }
.box-option.regular .snacks .item-4 { position: absolute; bottom: 60px; right: 0%; background: url('../snacks-static-misc-1.html') no-repeat; width: 434px; height: 507px; background-size: contain; }

.get-started { position: relative; }
.get-started header { text-align: center; margin: 130px auto; }
.get-started header .btn { display: block; margin: 0 auto; text-align: center; width: 180px; }
.get-started:after { content: ''; position: absolute; right: 0; top: -20px; width: 308px; height: 461px; display: block; background: url('../snack-static-2-pack.html') no-repeat; background-size: contain; }
.get-started:before { content: ''; position: absolute; left: 0; top: -30px; width: 350px; height: 420px; display: block; background: url('../snack-static-4-pack.html') no-repeat; background-size: contain; }


/*********************
HELP
*********************/
.page-id-49 .banner { background: #00a6cf; position: relative; }
.page-id-49 .banner header { margin: 166px 0; text-align: center; }



.accordion { max-width: 908px; margin: 140px auto; }
.accordion h5 { text-transform: none; letter-spacing: 0; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; color: #0f5c89; font-size: 20px; margin-bottom: 1.4em; }
.accordion p { margin-bottom: 1.4em; }
.accordion-title,
:last-child:not(.is-active)>.accordion-title { border: none; }
.accordion-item { border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #eee; }
.accordion-item:last-child { border-bottom: none; }
.accordion-title { font-size: 2.5em; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 700;text-align: center; padding: 54px 1em; }
.accordion-title:before { content: '\f107'; font-family: "Font Awesome 5 Free"; margin-right: -16px; right: 50%; top: 66%; margin-top: 0; color: #00a6cf; font-weight: 600; }
.is-active>.accordion-title:before { content: '\f106'; font-family: "Font Awesome 5 Free"; color: #ff8919; font-weight: 600; }
.accordion-title:focus, .accordion-title:hover { background: transparent; }
.accordion-content { border: none; padding: 0 76px 2em; }

.page-id-49 .contact { position: relative; }
.page-id-49 .contact header { margin: 0 auto 166px auto; text-align: center; max-width: 600px; }
.page-id-49 .contact header .btn { display: block; margin: 0 auto; text-align: center; width: 200px; }
.page-id-49 .contact:before { content: ''; background: url('../snacks-static-faq-left.html') no-repeat; width: 277px; height: 354px; position: absolute; left: 0; bottom: 90px; }
.page-id-49 .contact:after { content: ''; background: url('../snacks-static-teddy.html') no-repeat; width: 349px; height: 394px; position: absolute; right: 0; bottom: 40px; background-size: contain; }

/*********************
THANK YOU - FAQ, Added by Andy (12-28-17)
*********************/
.s5-main.alt-ty { background: #96e0f9; }
.thank-you .flexwrap,
.thank-you .referral.flexwrap.twocol { 
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 60px 0 0; 
	}
	
	.alt-ty .thank-you .box-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(50% - 40px); margin: 40px 40px 0 0; }	
	.alt-ty .thank-you .ty-content-wrapper { width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 0 0 0; }
		.alt-ty .thank-you .ty-content-wrapper h1 { font-size: 46px; }
		
	.alt-ty .crate-box.box { width: calc(680px / 1.3); height: calc(528px / 1.3); background-size: contain; }
	.alt-ty .crate-box.box.adventure { width: calc(1000px / 1.9); height: calc(926px / 1.9); background-size: contain;}
		.alt-ty .crate-box.box .front-overlay,
		.alt-ty .thank-you .flexwrap .crate-box.box .snacks .left,
		.alt-ty .thank-you .flexwrap .crate-box.box .snacks .center,
		.alt-ty .thank-you .flexwrap .crate-box.box .snacks .right { width: auto; height: auto; position: absolute; background-size: contain; left: 0; right: 0; top: 0; bottom: 0; }
	
	
	.thank-you .faq-help { margin: 20px 0 20px 0px; background: none; padding: 0; }
	.thank-you .faq-help .accordion,
	.thank-you .accordion-content { background: transparent; }
	.thank-you .accordion-item { border-bottom: 2px solid rgba(0,0,0,.08); }
	.thank-you .accordion-item:last-child { border-bottom: none; }
	.alt-ty .thank-you .faq-help h1 { font-size: 27px; }
	.thank-you .faq-help h2 { font-size: 22px; letter-spacing: normal; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; text-transform: none;}
	.thank-you .faq-help h5 { text-transform: none; letter-spacing: 0; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; color: #0f5c89; font-size: 20px; margin: 1.5em 0 .5rem 0; } 
	
	.faq-help .accordion { margin: 0; }
	.faq-help .accordion-content { padding: 0 0 1em; clear: both; margin: 0 0 0 25px; }
	.faq-help .accordion-title { text-transform: none; letter-spacing: 0; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; color: #0f5c89; font-size: 18px; line-height: 1.3; margin: .6em 0; text-align: left; padding: 1em 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; margin: 0 0 0 25px; }
		.faq-help .is-active .accordion-title { padding-bottom: 7px; }
		.faq-help .accordion-title:hover, .faq-help .accordion-title:active, .faq-help .accordion-title:focus { color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s;}
	.faq-help .accordion-title:before { position: relative; top: auto; right: auto; margin: 0 0 14px -25px; float: left; display: inline-block; }

.alternate-faq { margin: 60px auto; }
.alternate-faq .accordion { margin: 30px auto 60px; }
.alternate-faq header h2 { font-size: 2.5em; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 700;text-align: center; text-transform: none; letter-spacing: normal; }
.alternate-faq .accordion-title { font-size: 1.6em; padding: 10px 1em 30px; }
.alternate-faq .is-active .accordion-title { color: #e67509; }

.faq-help ol { margin-bottom: 1em; color: #0F5C86; }

/*--- NEW Thank You page Animation 01-01-18 --*/
.thank-you .flexwrap .crate-box.box .snacks .left { position: absolute; top: 0; left: 0; width: 340px; height: 264px; opacity: 1; }
.thank-you .flexwrap .crate-box.box .snacks .center { position: absolute; top: 0; left: 0; width: 340px; height: 264px; opacity: 1; }
.thank-you .flexwrap .crate-box.box .snacks .right { position: absolute; top: 0; left: 0; width: 340px; height: 264px; opacity: 1; }

.thank-you .flexwrap .crate-box.box .snacks .center {
	animation-name: animateCenter;
	-webkit-animation-name: animateCenter;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s; 
	-moz-animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-ms-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
	
	@keyframes animateCenter {
		
			from { 
				top: 30px; left: 0; opacity: 0;
			}
			
			to { 
				top: 0px; left: 0; opacity: 1;
			}
		
		}
		
.thank-you .flexwrap .crate-box.box .snacks .left {
	animation-name: animateLeft;
	-webkit-animation-name: animateLeft;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s; 
	-moz-animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-ms-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
	
	@keyframes animateLeft {
		
			from { 
				top: 20px; left: 20px; opacity: 0;
			}
			
			to { 
				top: 0px; left: 0px; opacity: 1;
			}
		
		}
		
.thank-you .flexwrap .crate-box.box .snacks .right {
	animation-name: animateRight;
	-webkit-animation-name: animateRight;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s; 
	-moz-animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-ms-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
	
	@keyframes animateRight {
		
			from { 
				top: 20px; left: -20px; opacity: 0;
			}
			
			to { 
				top: 0px; left: 0px; opacity: 1;
			}
		
		}
		
			
			
			@media screen and (min-width: 741px) and (max-width: 1024px) {
				
						.thank-you .faq-help { margin: 60px 0 0; }
						
						
				
				}
				
			@media screen and (min-width: 320px) and (max-width: 1024px) {	
				
						.thank-you .flexwrap,
						.thank-you .referral.flexwrap {
							-webkit-flex-flow: column wrap;
							-moz-flex-flow: column wrap;
							-ms-flex-flow: column wrap;
							flex-flow: column wrap;
							}
						.thank-you .crate-box.box { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }	
						.thank-you .faq-help { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; }
				
				}

/*********************
ABOUT US
*********************/
.page-id-187 .banner { background: #00a6cf; position: relative; }
.page-id-187 .banner header { margin: 80px 0; text-align: center; }

.page-id-187 .main { margin: 80px auto; position: relative; }

/*********************
THE BUZZ
*********************/
.page-id-11 .banner { background: #00a6cf; position: relative; }
.page-id-11 .banner header { margin: 80px 0; text-align: center; }

/*********************
CONTACT US
*********************/
.page-id-189 .banner { background: #00a6cf; position: relative; }
.page-id-189 .banner header { margin: 80px 0; text-align: center; }

.page-id-189 .main { margin: 80px auto; position: relative; }
.page-id-189 .main article { max-width: 700px; position: relative; display: block; margin: 0 auto; }

.page-id-189 .input-form [type=submit] { margin: 2em 0 0; }

div.wpcf7-response-output { margin: 1em 0;}
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors { border: none; background: #f13f3f; padding: 1em; text-align: center; color: #fff; font-size: 1em; font-family:'Ridley Grotesk', sans-serif, sans-serif; font-weight: 500;}

div.wpcf7-mail-sent-ok { border: none; background: #3dcb6b; padding: 1em; text-align: center; color: #fff; font-size: 1em; font-family:'Ridley Grotesk', sans-serif, sans-serif; font-weight: 500; }

span.wpcf7-not-valid-tip { color: #f13f3f; font-size: 14px; text-transform: none; letter-spacing: 0;  }


/*********************
SUBSCRIBE
*********************/
.banner.s0-intro,
.banner.s5-intro { background: #96e0f8; }
.banner.s0-intro header,
.banner.s1-intro header,
.banner.s2-intro header,
.banner.s3-intro header,
.banner.s4-intro header,
.banner.s5-intro header { margin: 50px auto 50px; text-align: center; max-width: 900px; display: block; }
.banner.s0-intro header,
.banner.s5-intro header { margin: 50px auto 30px; }
.banner.s3-intro header { max-width: 892px; }

.s0-main { background: #fcee4c url('../bg-2tone-platform-2.html') repeat-x top; position: relative; }
.s5-main { background: #fcee4c url('../bg-2tone-platform-short.html') repeat-x top; position: relative; }
.s5-main .thank-you { margin: 0 0 80px; }
.s0-main footer { text-align: center; max-width: 700px; margin: 0 auto 4em; }
.crate-choices { list-style-type: none; margin: 0 0 6em; padding: 0; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	}
	
.crate-choices li { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; border: 6px solid transparent; margin: 0 2%; position: relative; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.crate-choices li:hover,
.crate-choices li:focus,
.crate-choices li:active, 
.crate-choices li.selected { border: 6px solid #fff; cursor: pointer; }
.crate-choices li .summary,
.crate-choices li header { text-align: center; }
.crate-choices li .summary { padding: 1em; }
.crate-choices li .summary p { margin-bottom: .4em; }
.crate-choices li .most-popular { position: absolute; right: 10px; top: 58px; height: 125px; width: 125px; border-radius: 50%; background: #ff8919; margin-left: -40px; z-index: 900;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	}
.crate-choices li .most-popular h2 { color: #fff; font-size: 17px; text-transform: uppercase; text-align: center; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; padding: 1em; margin: 0; }
.crate-choices li h3 { font-size: 2em; }
.s5-main .link div { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
	
.crate-choices.wrap-center { 
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	}
.wrap-center li { max-width: 33.333%; }
.crate-choices.wrap-center li .crate-box.box { margin: 0 auto; }

		@media screen and (min-width: 320px) and (max-width: 740px) {
				
					.wrap-center li { max-width: none; }	
		}

.crate-choices li .price { position: relative; top: auto; left: auto; margin-left: 0; width: 100%; height: 88px; }
.price .circle.double.new { width: 116px; height: 116px; border-radius: 50%; background: #ff9e19; text-align: center; position: absolute; top: 0; left: 43%; } 
.price .circle.single.new { width: 116px; height: 116px; border-radius: 50%; background: #ff9e19; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -47px; } 
.price .circle.old { width: 64px; height: 64px; border-radius: 50%; background: #5bc8e3; text-align: center; position: absolute; top: 0; left: 29%; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	}
.price .circle h2 { font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 1.675em; padding: 0 0 0; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
	.price .circle h2 sup { font-size: 56%;}
	.price .circle h2 span { /* display: block; font-size: 14px; */ }
.price .circle.old h2 { font-size: 18px; padding: 1em; margin: 0; position: relative; }
.price .circle.old h2:after { content: ''; position: absolute; top: 25px; left: 50%; margin-left: -12px; width: 30px; height: 2px; background: #fff; display: block; transform: rotate(-25deg); }

.crate-choices li header { margin: 1em 0 1em; }
.crate-choices li .crate-selection { position: relative; padding:  0 1em 1em; text-align: center; }
.crate-choices li .crate-selection .btn { border: 2px solid #cdc13c; background: transparent; color: #cdc13c; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.crate-choices li:hover .crate-selection .btn,
.crate-choices li:focus .crate-selection .btn,
.crate-choices li:active .crate-selection .btn { border: 2px solid transparent; background: #3dcb6b; color: #fff; }

/* New buttons */
.crate-choices li button {border: 2px solid #cdc13c; background: transparent; color: #cdc13c; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; width: 105px;}
.crate-choices li button:hover,
.crate-choices li button:focus,
.crate-choices li:hover button {border: 2px solid transparent; background: #3dcb6b; color: #fff;}
.crate-choices li.selected button {border: 2px solid transparent; background: #3dcb6b; color: #fff;}
.crate-choices li button:disabled {background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.1);}

.crate-choices li .crate-box,
.crate-box.box { display: block; position: relative;  }
.crate-choices li .crate-box.box,
.crate-box.box { background: url('../box-med-1000.html') no-repeat center; width: 340px; height: 264px; background-size: contain; }
.crate-choices li .crate-box.box .front-overlay,
.crate-box.box .front-overlay { position: absolute; top: 0; left: 0; background: url('../box-med-overlay.html') no-repeat; width: 340px; height: 264px; z-index: 100; background-size: contain; }

.crate-box.box.adventure { background: url('../box-adventure-1000.html') no-repeat center; }

.mini .crate-box.box .snacks .left { position: absolute; top: 10px; left: 20px; background: url('../mini-left-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 15; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }
.mini .crate-box.box .snacks .center { position: absolute; top: 30px; left: 0; background: url('../mini-center-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 10; transition: all 0.2s 0.05s; -webkit-transition: all 0.2s 0.05s; -moz-transition: 0.2s all 0.05s; -ms-transition: all 0.2s 0.05s; opacity: 0; background-size: contain; }
.mini .crate-box.box .snacks .right { position: absolute; top: 20px; left: -20px; background: url('../mini-right-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 20; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }

.original .crate-box.box .snacks .left { position: absolute; top: 20px; left: 20px; background: url('../orig-left-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 15; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }
.original .crate-box.box .snacks .center { position: absolute; top: 30px; left: 0; background: url('../orig-center-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 10; transition: all 0.2s 0.05s; -webkit-transition: all 0.2s 0.05s; -moz-transition: 0.2s all 0.05s; -ms-transition: all 0.2s 0.05s; opacity: 0; background-size: contain; }
.original .crate-box.box .snacks .right { position: absolute; top: 20px; left: -20px; background: url('../orig-right-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 20; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }

.premium .crate-box.box .snacks .left { position: absolute; top: 10px; left: 20px; background: url('../prem-left-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 15; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }
.premium .crate-box.box .snacks .center { position: absolute; top: 30px; left: 0; background: url('../prem-center-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 10; transition: all 0.2s 0.05s; -webkit-transition: all 0.2s 0.05s; -moz-transition: 0.2s all 0.05s; -ms-transition: all 0.2s 0.05s; opacity: 0; background-size: contain; }
.premium .crate-box.box .snacks .right { position: absolute; top: 20px; left: -20px; background: url('../prem-right-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 20; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; opacity: 0; background-size: contain; }

.crate-choices li.mini:hover .crate-box.box .snacks .right,
.crate-choices li.mini:hover .crate-box.box .snacks .left,
.crate-choices li.mini:hover .crate-box.box .snacks .center,
.crate-choices li.original:hover .crate-box.box .snacks .center,
.crate-choices li.original:hover .crate-box.box .snacks .left,
.crate-choices li.original:hover .crate-box.box .snacks .right,
.crate-choices li.premium:hover .crate-box.box .snacks .center,
.crate-choices li.premium:hover .crate-box.box .snacks .left,
.crate-choices li.premium:hover .crate-box.box .snacks .right,
.crate-choices li.mini.selected .crate-box.box .snacks div,
.crate-choices li.original.selected .crate-box.box .snacks div,
.crate-choices li.premium.selected .crate-box.box .snacks div { top: 0; left: 0; opacity: 1; }

.thank-you .crate-box.box .snacks .left { position: absolute; top: 0; left: 0; background: url('../orig-left-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 15; opacity: 1; background-size: contain; }
.thank-you .crate-box.box .snacks .center { position: absolute; top: 0; left: 0; background: url('../orig-center-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 10;  opacity: 1; background-size: contain; }
.thank-you .crate-box.box .snacks .right { position: absolute; top: 0; left: 0; background: url('../orig-right-snacks.html') no-repeat; width: 340px; height: 264px; z-index: 20; opacity: 1; background-size: contain; }

.s1-main { position: relative; }
.s1-main #inner-content { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}


.s1-main .add-drink { width: 37.19%; margin: 0 0 2.2em 0; background: #fcee4c; padding: 35px; }	
.s1-main section.footer-note { width: 100%; text-align: center; }
.s1-main .country ul.choices { 
	list-style-type: none; margin: 0; padding: 28px;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.s1-main .country ul.choices li { border: 6px solid #0096bb; position: relative; padding: 2em; margin: 0 1%; width: 31.333%; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.s1-main .country ul.choices li:hover,
.s1-main .country ul.choices li:focus,
.s1-main .country ul.choices li:active { border: 6px solid #fff; cursor: pointer; }
.s1-main .country ul.choices h4 { color: #fff; text-align: center; }
.s1-main .country ul.choices .btn { padding: 8px; display: block; text-align: center; margin: 2em 0 1em; border: 2px solid #0096bb; background: transparent; color: #0096bb; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.s1-main .country ul.choices li:hover .btn,
.s1-main .country ul.choices li:focus .btn,
.s1-main .country ul.choices li:active .btn { border: 2px solid transparent; background: #3dcb6b; color: #fff; }

.s1-main .country ul.choices .c-circle { position: relative; display: block; width: 130px; height: 130px; margin: 0 auto 2.4em; background: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; }
.s1-main .country ul.choices .c-circle .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.s1-main .country ul.choices .c-circle:after { display: block; position: absolute; z-index: 1; top: -10px; left: -10px; right: -10px; bottom: -10px; background: #fff; border-radius: 50%; content: ''; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.22); }
.s1-main .country ul.choices .c-circle img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: 200; }

.s1-main input[type="radio"] { display:none; }
.s1-main input[type="radio"] + label { padding: 8px; display: block; text-align: center; margin: 2em 0 1em; border: 2px solid #0096bb; background: transparent; color: #0096bb; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; }
.s1-main input[type="radio"] + label:hover { border: 2px solid transparent; background: #ff8919; color: #fff; }
.s1-main input[type="radio"]:checked + label { border: 2px solid transparent; background: #3dcb6b; color: #fff; }

.s1-main .add-drink { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.s1-main .add-drink h3 { line-height: 1.2; }
.s1-main .add-drink article { position: relative; }
.s1-main .add-drink article:first-child { width: 64%; }
.s1-main .add-drink article:last-child { width: 36%; }
.s1-main .price { position: relative; width: 100%; }
.add-drink .options { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.add-drink .options input[type="radio"] + label { padding: 8px 24px; width: 100px; border-color: #ff8919; color: #ff8919; margin: 1em 6% 0 0; }
.add-drink .options input[type="radio"] + label:hover,
.add-drink .options input[type="radio"] + label:focus,
.add-drink .options input[type="radio"] + label:active { color: #fff; }
.add-drink .options input[type="radio"]:checked + label { border: 2px solid transparent; background: #3dcb6b; color: #fff; }
.s1-main .add-drink article .bottle { position: absolute; top: 90px; width: 120px; }

/* Added by Tim - New Option Buttons */
.s1-main .country ul.choices li.selected { border: 6px solid #fff; cursor: pointer; }
.s1-main button {cursor: pointer; padding: 8px; display: block; text-align: center; margin: 2em 0 1em; border: 2px solid #0096bb; background: transparent; color: #0096bb; height: 45px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; width: 100%;}
.s1-main button.selected, .s1-main .country ul.choices li.selected button {background: #3dcb6b; border: 2px solid #3dcb6b; color: #fff;}
.s1-main button:hover { border: 2px solid transparent; background: #ff8919; color: #fff; }
.s1-main button:disabled {background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.1);}

.add-drink .options button {background: none; cursor: pointer; padding: 8px 24px; width: 100px; border: 2px solid #ff8919; color: #ff8919; height: 45px; margin: 1em 6% 0 0; }
.add-drink .options button:hover,
.add-drink .options button:focus {background: #ff8919; color: #fff; }
.add-drink .options button.selected {background: #3dcb6b; border: 2px solid #3dcb6b; color: #fff;}
.add-drink .options button:disabled {background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.1);}

#optionsupgrade.options button { width: 100%; }

.s1-footer,
.s2-footer  { position: relative; margin: 0 0 4em; }
.s1-footer .btn,
.s2-footer .btn { display: block; text-align: center; width: 180px; margin: 0 auto; }
[type=button] { text-transform: uppercase; }

.s2-main section {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 922px; 
	margin: 0 auto 4em; 
	}
.s2-main section div { flex: 2; -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; }	
.s2-main section .divider { flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; position: relative; height: 200px; }

.s2-main section .divider:before { content: ''; position: absolute; height: 100%; width: 2px; background: #00a6cf; top: 0; left: 50%; display: block; margin-left: -1px; }
.divider .circle { position: relative; display: block; width: 60px; height: 60px; background: #00a6cf; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; text-align: center; margin: 35% auto 0; box-sizing: content-box; border: 6px solid #fff;  }
.divider .circle p { color: #fff; font-size: 1.500em; font-family:'Chantal W00 Medium'; padding: .45em 0 0; }

.s3-main section {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 922px; 
	margin: 0 auto 4em; 
	}
.s3-main section .form { width: 100%; }
.form form,
section.billing-info { 
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.input-form .callout.alert,
.callout.alert { width: 100%; background: #f13f3f; border: none; color: #fff; }
.input-form .callout.alert p,
.callout.alert p,
.callout.alert i { color: #fff; text-align: center; font-style: normal; }
.input-form .first-name { width: 47.09%; margin-right: 5.82%; }
.input-form .last-name { width: 47.09%; }
.input-form .street { margin-right: 5.82%; width: 70.68%; }
.input-form .apt { width: 23.5%; }
.input-form .city { width: 47.09%; margin-right: 5.82%; }
.input-form .state { margin-right: 5.82%; width: 17.77%; }
.input-form .country { margin-right: 5.82%; width: 47.09%; }
.input-form .zip { width: 23.5%; }
.input-form .extra-info { width: 100%; margin: 3em 0; text-align: center; }
.input-form .extra-info h2 { margin: 0 0 1.4em 0; }
.input-form .extra-info .btn-options { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.input-form .extra-info input[type="radio"],
.payment-options input[type="radio"] { display:none; }
.input-form .extra-info input[type="radio"] + label,
.payment-options input[type="radio"] + label { padding: 13px 20px; width: 100px; border: 2px solid #ff8919; background: transparent; color: #ff8919; display: block; width: 200px; margin: 0 2.91%; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; text-align: center; }
.input-form .extra-info .shipping-option input[type="radio"] + label { max-width: 100px; margin: 0 2em 0 0; }
.input-form .extra-info input[type="radio"] + label:hover,
.input-form .extra-info input[type="radio"] + label:focus,
.input-form .extra-info input[type="radio"] + label:active,
.payment-options input[type="radio"] + label:hover,
.payment-options input[type="radio"] + label:focus,
.payment-options input[type="radio"] + label:active { background: #ff8919; color: #fff; }
.input-form .extra-info input[type="radio"]:checked + label,
.payment-options input[type="radio"]:checked + label { background: #3dcb6b; color: #fff; border-color: #3dcb6b; }
.payment-options input[type="radio"] + label.apple-pay {display: none;}
.payment-options input[type="radio"] + label.apple-pay { width: 200px; }

.form.login .help-text { width: 100%; }
.page-id-31 #shipping > .form-end, .page-id-68 #shipping > .form-end {margin-top: 50px;}

.change.shipping-option { max-width: 400px; position: relative; display: block; margin: 0 auto; }
.change.shipping-option ul { list-style-type: none; margin: 0; padding: 0; }
.change.shipping-option ul li:nth-child(2n+1) { background: #f5f5f5; }
.change.shipping-option ul li { 
	padding: 1em; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.change.shipping-option ul li div { text-align: left; }
	
	div#optionsupgrade.options{
	display: none;
	}
.change.shipping-option ul li button { margin: 0 2em 0 0; }
.change.shipping-option ul li h6 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; margin: 0; }
.change.shipping-option ul li p { margin: 0; font-size: 14px; font-family:'Ridley Grotesk', sans-serif; font-weight: 500;}
.change.shipping-option ul li [type=button] { border: 2px solid #ff8919; color: #ff8919; background: transparent; }
.change.shipping-option ul li [type=button]:hover { background: #ff8919; color: #fff; }
.change.shipping-option ul li [type=button]:active,
.change.shipping-option ul li [type=button]:focus,
.change.shipping-option ul li [type=button].shipping_selected { background: #3dcb6b; border-color: #3dcb6b; color: #fff; }
.page-id-31 .utilities-nav #shipping, .page-id-64 .utilities-nav #delivery {display: none;}
section.billing-info h1 { text-align: center; width: 100%; }
.input-form [type=submit]#submit-form { width: 200px; display: block; margin: 0 auto; }


.form-end { position: relative; width: 100%; }
.form-end .error-notice { position: absolute; top: 100%; margin: 1em auto; width: 100%; text-align: center; }

.s4-main .flex-grid { margin: 80px auto 100px; position: relative; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;	
	}

.payment-info,
.purchase-summary { position: relative; max-width: 654px; margin: 0 5%; display: block; }
.payment-info .btn-options { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: none;
	margin: 0 0 2em; 
	}
.payment-info form { margin: 0 0% 6em; }
.payment-info form .email { width: 100%; }
.payment-info form .cc-number { width: 100%; }
.payment-info form .cc-month { margin-right: 12.38%; width: 43.81%;  }
.payment-info form .cc-year { width: 43.81%; }
.payment-info form .cc-cvv { width: 43.81%; margin-right: 12.38%; }
.payment-info form .cc-zip { width: 43.81%; }
.payment-info form .help-text { text-align: center; width: 100%; }
.payment-info form .btn { display: block; margin: 0 auto; }
.payment-info h1,
.purchase-summary h1 { font-size: 2.5em; }
.purchase-summary .crate-box .image-wrapper { text-align: center; }
.purchase-summary .crate-box .image-wrapper img { max-width: 250px;  margin: -30px 0 -30px 0; }

.s4-main header { text-align: center; }

		@media screen and (min-width: 320px) and (max-width: 1244px) {
			.s4-main .flex-grid {
				-webkit-flex-flow: column nowrap;
				-moz-flex-flow: column nowrap;
				-ms-flex-flow: column nowrap;
				flex-flow: column nowrap;
				}
			.payment-info,
			.purchase-summary { margin: 0 auto; }
			
			.purchase-summary .crate-box .image-wrapper img { max-width: 400px; margin: 0 auto 0px; width: 100%; }
			
		}

.thank-you .referral {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.thank-you .referral .s-crate { display: block; position: relative; max-width: 320px; }

.thank-you .referral #refferallink { width: 395px; }




.page-id-51 h1 { font-size: 1.5em; color: #00a6cf; letter-spacing: 0.02em; text-transform: none; font-family:'Ridley Grotesk', sans-serif; font-weight: 700;}
.acc-error { position: relative; margin: 2em auto 0; }
.acc-error p { margin: 12px; }
.acc-error .btn.white { margin: 0 10px; background: #fff; color: #f13f3f; display: inline-block; text-align: center; }
.acc-error .btn.white:hover, 
.acc-error .btn.white:focus { background: #eee; }
.a0-main .acc-heading { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 3.375em 0 60px; 
	}
.a0-main .acc-heading header,
.a0-main .acc-heading .sidebar { width: 48%; }
.referral-link .link { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.a0-main .acc-heading header { margin-right: 4%; }
.acc-heading header p { margin: 0; }
.a0-main .acc-heading .referral-link { background: #f5f5f5; padding: 2em; }
table { border-spacing: 0px; margin: 0 0 80px; }

table .btn.small { display: block; padding: 13px 8px; text-align: center; color: #5bc8e3; border: 2px solid #5bc8e3; background: transparent; font-size: 0.750em; max-width: 220px; }
table .btn:hover { background: #5bc8e3; color: #fff; }
.acc-orders table td { color: #00a6cf; font-size: 0.875em; height: 69px; }
.acc-orders table td.order-no { text-transform: uppercase; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 600; }
.acc-updates { margin: 2.875em 0; }
.acc-updates .btn { background: transparent; border: 2px solid #ff8919; color: #ff8919; }
.acc-updates .btn:first-child { margin: 0 3% 0 0; }
.acc-updates .btn:hover { background: #ff8919; color: #fff; }

.a0-main .input-form .first-name { width: 100%; margin-right: 0%; }
.a0-main .input-form .last-name { width: 100%; margin-right: 0%; }

.utilities-nav.account .title { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.utilities-nav.account .title p { margin: 0 14px 0 0; text-transform: uppercase; font-family: 'Ridley Grotesk'; font-weight: 500; letter-spacing: 0.06em; white-space: nowrap; }
.utilities-nav.account .two-rows { position: absolute; right: 21px; top: 0px; }
.utilities-nav.account .btn { color: #5bc8e3; border: 2px solid #5bc8e3; }

#post-51.breadcrumb-nav:before,
#post-56.breadcrumb-nav:before,
#post-58.breadcrumb-nav:before { display: none; }
#post-56.breadcrumb-nav.account ul li:nth-child(2) { background: #00a6cf; }
#post-58.breadcrumb-nav.account ul li { background: #00a6cf; }
.breadcrumb-nav.account { padding: 0; }
.breadcrumb-nav.account div ul { list-style-type: none; margin: 0; padding: 0;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	
	}
.breadcrumb-nav.account div ul li { padding: 0 2%; }
.breadcrumb-nav.account div ul li.title p a { color: #acefff; font-family: 'Ridley Grotesk'; font-weight: 500; font-size: 16px; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; padding: 1.32em 0; }
.breadcrumb-nav.account li a { color: #fff; font-size: 14px; display: block; padding: 1.6em 0; outline: none; }
.breadcrumb-nav.account .title { position: relative; top: auto; left: auto; background: #00a6cf; padding: 0 2% 0 21px; }

.a1-main h1,
.a2-main h1 { font-size: 1.5em; color: #00a6cf; letter-spacing: 0.02em; text-transform: none; font-family:'Ridley Grotesk', sans-serif; font-weight: 700;}
.a1-main h5,
.a2-main h5 { font-family:'Ridley Grotesk', sans-serif; font-weight: 700;}
.a1-main .sub-grid,
.a2-main .sub-grid { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 3.375em 0; 
	}
.a1-main .sub-grid > div,
.a2-main .sub-grid > div { width: 30.666%; margin: 0 2%; }
.a1-main .sub-grid > div:first-child,
.a2-main .sub-grid > div:first-child  { margin: 0 2% 0 0; }
.a1-main .sub-grid > div:last-child,
.a2-main .sub-grid > div:last-child { margin: 0 0 0 2%; }

.a2-main .update-forms form.grid { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 3.375em 0; 	
	}
.a2-main .update-forms form.grid > div { width: 30.666%; margin: 0 2%; }
.a2-main .update-forms form.grid > div:first-child { margin: 0 2% 0 0; }
.a2-main .update-forms form.grid > div:last-child { margin: 0 0% 0 2%; }

.a1-main .current .preview { margin: 6em 0 1em; position: relative; }
.a1-main .current .preview .price .circle.single.new { top: -50px; }
.a1-main .options .btn,
.a1-main .options button.btn { display: block; text-align: center; color: #ff8919; border: 2px solid #ff8919; background: transparent; line-height: 1.5; width: 100%; }
.a1-main .options .btn.paused { background: #f13f3f; color: #fff; border-color: #f13f3f; }
.a1-main .options .btn:hover { background: #ff8919; color: #fff; }
.a1-main .options .btn.paused:hover { background: #3dcb6b; color: #fff; border-color: #3dcb6b; }
.a1-main .options article { margin: 0 0 2em; }

.a1-main .change ul { list-style-type: none; margin: 0; padding: 0; }
.a1-main .change .change-shipping { margin: 1em 0 0; }
.a1-main .change ul li:nth-child(2n+1) { background: #f5f5f5; }
.a1-main .change ul li { 
	padding: 1em; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}

.change .accordion-title.btn { display: block; color: #ff8919; background: transparent; padding: 13px 20px; border: 2px solid #ff8919; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; text-align: center; width: 100%; line-height: 1.5; outline: none; }	
.change .accordion-title.btn:hover,
.change .accordion-title.btn:focus { color: #fff; background: #ff8919; }
.change .is-active .accordion-title.btn { color: #fff; background: #ff8919; }
.change .accordion-title.btn:after { display: none; }
.change .accordion-title { font-family:'Ridley Grotesk', sans-serif; font-weight: 500; font-size: 1em; text-transform: uppercase; letter-spacing: 0.06em; padding: 0; background: transparent; }
.change .accordion-title:before { display: none; }
.change .accordion-title:after { position: relative; display: inline-block; right: auto; margin: 0 0 0 10px; top: auto; content: '\f107'; font-family: 'FontAwesome'; color: #0f5c89; }
.change .accordion-title:hover:after { color: #e67509; }
.change .is-active>.accordion-title:after { content: '\f106'; font-family: 'FontAwesome'; color: #ff8919; }
.change .accordion-item { border: none; background: transparent; }
.a1-main .change ul li.accordion-item { background: transparent; padding: 1em 0 1em 0; 
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;	
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	}
.change .accordion-item li.title { padding: 0; background: transparent !important; margin: 1.5em 0 .6em; }
.change .accordion-item li.title h5 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; }
.change .accordion-item li.footer { padding: 0; background: transparent !important; margin: 1em 0;  display: block; }
:last-child>.accordion-content:last-child { border: none; }
.change .accordion-content { padding: 0; margin: 1em 0 0; }
.a1-main .change ul li.footer button { width: 100%; display: block; text-align: center; margin: 1em 0; }
.a1-main .change ul li.footer button.cancel:hover,
.a1-main .change ul li.footer button.cancel:focus { color: #fff; border-color: #f13f3f; background: #f13f3f; }

.a1-main .change ul li button { margin: 0 2em 0 0; }
.a1-main .change ul li h6 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; margin: 0; }
.a1-main .change ul li p { margin: 0; font-size: 14px; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; }
.a1-main .change ul li [type=button] { border: 2px solid #ff8919; color: #ff8919; background: transparent; }
.a1-main .change ul li [type=button]:hover { background: #ff8919; color: #fff; }
.a1-main .change ul li [type=button]:active,
.a1-main .change ul li [type=button]:focus,
.a1-main .change ul li [type=button]:active { background: #3dcb6b; border-color: #3dcb6b; color: #fff; }
.a1-main .change .confirm { margin: 2em 0 0; }

.a2-main article { margin: 1em 0; }
.a2-main article h5 { margin: 0; }
.a2-main .update-info article .btn { max-width: 100%; }
.a2-main article .btn,
.shipping-option button.confirm { display: block; text-align: center; color: #ff8919; border: 2px solid #ff8919; background: transparent; max-width: 150px; margin: 1.5em 0 0; }
.shipping-option button.confirm { font-size: 16px; text-transform: uppercase; letter-spacing: 0.04em; max-width: none; width: 100%; }
.a2-main article .btn:hover,
.shipping-option button.confirm:hover { background: #ff8919; color: #fff; }
.a2-main article p { margin: 0; }
.a2-main .input-form .first-name { width: 100%; margin-right: 0%; }
.a2-main .input-form .last-name { width: 100%; margin-right: 0%; }
.a2-main .input-form .street { width: 100%; margin-right: 0%;  }
.a2-main .input-form .apt { width: 100%; margin-right: 0%; }
.a2-main .input-form .city { width: 100%; margin-right: 0%; }
.a2-main .input-form .state { width: 100%; margin-right: 0%; }
.a2-main .input-form .country { width: 100%; margin-right: 0%;  }
.a2-main .input-form .zip { width: 100%; margin-right: 0%;  }
.a2-main article .btn.form { width: 100%; max-width: none; }

.a2-main .change ul { list-style-type: none; margin: 0; padding: 0; }
.a2-main .change ul li:nth-child(2n+1) { background: #f5f5f5; }
.a2-main .change ul li { 
	padding: 1em; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.a2-main .change ul li button { margin: 0 2em 0 0; }
.a2-main .change ul li h6 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; margin: 0; }
.a2-main .change ul li p { margin: 0; font-size: 14px; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; }
.a2-main .change ul li [type=button] { border: 2px solid #ff8919; color: #ff8919; background: transparent; }
.a2-main .change ul li [type=button]:hover { background: #ff8919; color: #fff; }
.a2-main .change ul li [type=button]:active,
.a2-main .change ul li [type=button]:focus { background: #3dcb6b; border-color: #3dcb6b; color: #fff; }
.a2-main .change .confirm { margin: 2em 0 0; }

.reveal-overlay { z-index: 99999999999999; }
.reveal { padding: 3em 2em 2em; text-align: center; }
.reveal h2 { margin: 0 0 2em; }
.reveal button.btn { min-width: 160px; }
.reveal.full,
.reveal.large { z-index: 999999; padding: 0 0 0; top: 0 !important; }
.reveal.medium { z-index: 999999; padding: 0; width: 54%; background: transparent; border: none; }
.reveal.medium [type=button].close-button { font-size: 40px; color: #fff; z-index: 999; }
.reveal.full .flex-video,
.reveal.large .flex-video { height: 100vh; padding: 0; }

.reveal .flex-center {
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%; 
	}
.reveal .flex-center article { margin: auto; padding: 0 5%;  }
.reveal .flex-center article img { max-width: 300px; margin: 0 auto 1em; }

.reveal .input-form { padding: 0 5%; }
.reveal .input-form div { width: 100%; margin: 0; }
.reveal .input-form label { text-align: left; }
.reveal .input-form .shipping { margin: 0 0 2em; }

.reveal.continue-subscription h2 { margin: 0 0 .4em; }
.reveal.continue-subscription p { margin: 0 0 1em; }
.reveal.continue-subscription .btn { display: block; margin: 0 auto 1em; width: 150px; }

/*********************
HEADER
*********************/
#menu-secondary { padding: 1em 0 0; }

/*********************
PASSWORD RECOVERY
*********************/
.page-id-308 .banner,
.page-id-310 .banner,
.page-id-343 .banner  { background: #00a6cf; position: relative; }
.page-id-308 .banner header,
.page-id-310 .banner header,
.page-id-343 .banner header { margin: 80px 0; text-align: center; }
.page-id-308 .banner header h1,
.page-id-310 .banner header h1,
.page-id-343 .banner header h1  { color: #fff; }
 
.password-recovery section { max-width: 650px; margin: 0 auto; }
.password-recovery section header { margin: 50px auto 2em; }
.password-recovery section footer { margin: 2em 0 4em; }

.page-id-343 .password-recovery section { margin: 80px auto; }

/*********************
NAVIGATION
*********************/
.utilities-nav {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
	
.manage-selected { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.manage-selected > div { margin: 0 1em; width: auto; }

/*********************
GIVE GIFT
*********************/
.g1-intro header { margin: 50px auto 50px; text-align: center; max-width: 720px; display: block; }
.g1-intro.secondary header { margin-top: 0; }

.g1-main-primary { position: relative; }
.g1-main-primary #inner-content { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}

.g1-main-primary .term-length { width: 60.49%; margin: 0 2.32% 2.2em 0; }
.g1-main-primary .add-drink { width: 37.19%; margin: 0 0 2.2em 0; background: #fcee4c; padding: 35px; }	
.g1-main-primary .term-length ul.choices { 
	list-style-type: none; margin: 0;  
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g1-main-primary .term-length ul.choices li { border: 6px solid #e9e9e9; position: relative; padding: 2em; margin: 0 1.50025%; width: 31.333%; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.g1-main-primary .term-length ul.choices li:first-child { margin: 0 1.50025% 0 0; }
.g1-main-primary .term-length ul.choices li:last-child { margin: 0 0 0 1.50025%; }
.g1-main-primary .term-length ul.choices li:hover,
.g1-main-primary .term-length ul.choices li:focus,
.g1-main-primary .term-length ul.choices li:active { border: 6px solid #ff8919; cursor: pointer; }
.g1-main-primary .term-length ul.choices h4 { color: #fff; text-align: center; }
.g1-main-primary .term-length ul.choices .btn { padding: 8px; display: block; text-align: center; margin: 2em 0 1em; border: 2px solid #0096bb; background: transparent; color: #0096bb; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.g1-main-primary .term-length ul.choices li:hover .btn,
.g1-main-primary .term-length ul.choices li:focus .btn,
.g1-main-primary .term-length ul.choices li:active .btn { border: 2px solid transparent; background: #3dcb6b; color: #fff; }

.g1-main-primary .term-length ul.choices .c-circle { position: relative; display: block; width: 130px; height: 130px; margin: 0 auto 2.4em; background: #00a6cf; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; }
.g1-main-primary .term-length ul.choices .c-circle header { text-align: center; padding: 2.4em 1em; }
.g1-main-primary .term-length ul.choices .c-circle h2 { color: #fff; }
.g1-main-primary .term-length ul.choices h4 { color: #0f5c89; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; font-size: 16px; }
.g1-main-primary .term-length ul.choices button { display: block; margin: 1em auto 0; text-align: center; border: 2px solid #dfdfdf; background: transparent; color: #dfdfdf; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; width: 105px; }
.g1-main-primary .term-length ul.choices button:hover, 
.g1-main-primary .term-length ul.choices button:focus { border: 2px solid transparent; background: #3dcb6b; color: #fff; }
.g1-main-primary .term-length ul.choices button.selected, .g1-main-primary .term-length ul.choices li.selected button { border: 2px solid transparent; background: #3dcb6b; color: #fff; }
.g1-main-primary .term-length ul.choices li.selected { border: 6px solid #ff8919;  }

.g1-main-primary .add-drink { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g1-main-primary .add-drink article { position: relative; }
.g1-main-primary .add-drink article:first-child { width: 64%; }
.g1-main-primary .add-drink article:last-child { width: 36%; }
.g1-main-primary .price { position: relative; width: 100%; }
.g1-main-primary .options { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g1-main-primary .options input[type="radio"] + label { padding: 8px 24px; width: 100px; border-color: #ff8919; color: #ff8919; margin: 1em 6% 0 0; }
.g1-main-primary .options input[type="radio"] + label:hover,
.g1-main-primary .options input[type="radio"] + label:focus,
.g1-main-primary .options input[type="radio"] + label:active { color: #fff; }
.g1-main-primary .options input[type="radio"]:checked + label { border: 2px solid transparent; background: #3dcb6b; color: #fff; }
.g1-main-primary .add-drink article .bottle { position: absolute; top: 90px; }

.g1-main .three-grid ul {
	list-style-type: none; margin: 0 0 2em; padding: 0;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g1-main .three-grid ul li { width: 31.333%; margin: 0 1.50025%; padding: 2em 2em 6em; position: relative; border: 6px solid #e9e9e9; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.g1-main .three-grid ul li:first-child { margin: 0 1.50025% 0 0; }
.g1-main .three-grid ul li:last-child { margin: 0 0 0 1.50025%; }
.g1-main .three-grid ul li:hover,
.g1-main .three-grid ul li:focus,
.g1-main .three-grid ul li.selected { border: 6px solid #ff8919; cursor: pointer; }
.g1-main .three-grid ul li h3 { text-align: center; }
.g1-main .three-grid [type=button] { position: absolute; bottom: 2em; left: 50%; display: block; margin: 0 0 0 -52px; text-align: center; border: 2px solid #dfdfdf; background: transparent; color: #dfdfdf; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; width: 105px; }
.g1-main .three-grid [type=button]:hover,
.g1-main .three-grid [type=button]:focus,
.g1-main .three-grid ul li:hover [type=button],
.g1-main .three-grid ul li.selected [type=button] { border: 2px solid transparent; background: #3dcb6b; color: #fff; }
.g1-main .three-grid [type=button].selected { border: 2px solid transparent; background: #3dcb6b; color: #fff; }

.g2-main .two-grid { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g2-main .two-grid > div { width: 48%; }
.g2-main .two-grid .message { margin: 0 4% 3em 0; }

.g5-main { background: #fcee4c url('../bg-2tone-platform-short.html') repeat-x top; position: relative; padding: 3em 0 0; }
.g5-main .thank-you { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.g5-main .thank-you .s-crate { max-width: 320px; display: block; position: relative; }

.g5.footer { background: #fcee4c; position: relative; }

.s5-intro .option-1,
.s5-intro .option-2 { max-width: 600px; margin: 0 auto; }

/*********************
CLAIM GIFT
*********************/
.c0-main { background: #96e0f8 url('../claim-gift-bg.html') repeat-x center top; position: relative; }
.c0-main section { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 5em 0 100px; 
	}
	.c0-main .gift-code input { border: 1px solid #0f5c89; }
.c0-main .feature-image { max-width: 46%; }
.c1-main .form-end { margin: 1em 0; }
.c2-footer .btn.script { display: block; text-align: center; margin: 0 0 2em; }

.utilities-nav.claim .btn { width: 120px; margin: 0; color: #5bc8e3; border: 2px solid #5bc8e3; }

.page-template-page-claim-thank-you .s5-intro .btn { display: block; margin: 2em auto 1em; text-align: center; }



/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation { margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist { margin-left: 0px; }

#respond ul { margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child { margin-bottom: 0; }
  .commentlist li ul.children { margin: 0; }

.commentlist li[class*=depth-] { margin-top: 1.1em; }

.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }

.commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0; }

.commentlist .vcard { margin-left: 50px; }
  .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
  .commentlist .vcard time { float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
/*
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
*/
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer { clear: both; margin-top: 0; background: #00a6cf; padding: 40px 0; position: relative; z-index: 8000; }
.footer p { color: #fff; font-size: 0.813em; }
.footer p.copyright { color: #fff; text-align: center; font-size: 9px; margin: 3em 0 0; text-transform: uppercase; letter-spacing: 0.08em; }
.footer p.copyright a { color: #fff; text-decoration: underline; }
.footer section.content { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.footer section.content [type=email] { margin: 0; }
.footer section.content > div { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

#logo-whiteout { margin-top: 20px; width: 66px; }

.sendgrid_mc_fields { padding: 0 !important; }
.sendgrid_mc_label_div { display: none; }


.footer .newsletter { width: 430px; position: relative; margin: 20px 0 0;}
.footer .newsletter p { text-align: center; }
.footer #subForm { 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.footer .sendgrid_mc_input_div { float: left; width: 75.34%; }
.footer .sendgrid_mc_button_div { float: left; }
.footer #sendgrid_mc_email_submit { margin: 0 !important;}
/* .footer #subForm [type=submit] { width: 24.66%; } */

.sendgrid_mc_label {display: none;}

.footer .social {  margin: 20px 0 0; }
.footer .social p { text-align: right; }
.footer .social ul { list-style-type: none; margin: 0; padding: 0; position: relative; text-align: right; }
.footer .social ul li { display: inline-block; margin: 0 4px; }
.footer .social ul li a { color: #fff; font-size: 2.2em; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
.footer .social ul li a:hover, .footer .social ul li a:focus { color: #8cdff3; }

.footer .footer-nav ul { list-style: none; margin: 0; padding: 0; position: relative; min-width: 200px; }
.footer .footer-nav ul li a { font-family:'Ridley Grotesk', sans-serif; font-weight: 600; font-size: 0.688em; text-transform: uppercase; letter-spacing: 0.04em; color: #fff; }
.footer .footer-nav ul li a:hover { color: #8cdff3; margin-left: 6px; }

@media screen and (min-width: 841px) and (max-width: 1244px) {
			.footer .sendgrid_mc_input_div { float: left; width: 70.34%; }
	    }
	    
@media screen and (min-width: 741px) and (max-width: 840px) {
			.footer .sendgrid_mc_input_div { float: left; width: 64.34%; }
	    }

/*********************
FORMS
*********************/
[type=button], [type=submit] {
	text-align: center; 
	border: none;
	box-shadow: none;
	outline: none; 
	font-size: 1em; 
	font-family:'Ridley Grotesk', sans-serif, sans-serif;
	font-weight: 600;
	text-transform: uppercase; 
	font-size: 14px;
	color: #fff;
	background: #ff8919; 
	height: 51px;
	padding: 1rem;
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s;
	}
[type=button].cancel { border: 2px solid black; color: black; background: transparent; }
[type=button].cancel:hover { background: #f13f3f; color: #fff; border-color: #f13f3f; }
[type=button]:hover, [type=submit]:hover { transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s; }
[type=button]:disabled, [type=submit]:disabled { background: #e6e6e6; } 
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	border: none;
	box-shadow: none;
	outline: none; 
	font-size: 1em; 
	font-family:'Ridley Grotesk', sans-serif, sans-serif;
	font-weight: 500;
	color: #000; 
	height: 51px;
	padding: 1rem;
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s;
	}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
	border: none;
	background: #f2f2f2;
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s;
	box-shadow: none; 
	}
[type=button].close-button { background: transparent; font-size: 20px; color: #ff8919; height: auto; padding: 8px; }
.large.reveal [type=button].close-button,
.full.reveal [type=button].close-button { position: absolute; top: 0; right: 0; z-index: 9999; }
	
.input-form label,
.facebook-form label { font-size: 1em; color: #0f5c89; text-transform: uppercase; letter-spacing: 0.06em; font-family:'Ridley Grotesk', sans-serif, sans-serif; font-weight: 500;}

.input-form [type=submit] { min-width: 200px; font-family:'Ridley Grotesk', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em;  }
	.input-form [type=color], .input-form [type=date], .input-form [type=datetime-local], .input-form [type=datetime], .input-form [type=email], .input-form [type=month], .input-form [type=number], .input-form [type=password], .input-form [type=search], .input-form [type=tel], .input-form [type=text], .input-form [type=time], .input-form [type=url], .input-form [type=week], .input-form textarea { background: #f2f2f2; color: #17608b; margin: 0 0 1.2em; }

.input-form select { border: none; box-shadow: none; outline: none; font-size: 1em; font-family:'Ridley Grotesk', sans-serif, sans-serif; font-weight: 500; color: #17608b; height: 51px; padding: 1rem 1.5rem 1rem 1rem; background-color: #f2f2f2; }

.input-form [type=color]:focus, .input-form [type=date]:focus, .input-form [type=datetime-local]:focus, .input-form [type=datetime]:focus, .input-form [type=month]:focus, .input-form [type=number]:focus, [type=password]:focus, .input-form [type=search]:focus, .input-form [type=tel]:focus, .input-form [type=text]:focus, .input-form [type=time]:focus, .input-form [type=url]:focus, .input-form [type=week]:focus, .input-form textarea:focus { background: #dbdbdb; }

[type=button].facebook { background: #0c63ad; width: 100%; font-size: 1em; text-transform: none; letter-spacing: 0; margin: 0 0 1em; }
[type=button].facebook:hover { background: #09508c; }

.help-text { color: #9b9b9b; font-style: normal; font-size: 0.813em; }
.help-text a { color: #9b9b9b; text-decoration: underline; }

.input-form .help-text { width: 100%; }

.input-form [type=color].is-invalid-input:not(:focus), 
.input-form [type=date].is-invalid-input:not(:focus), 
.input-form [type=datetime-local].is-invalid-input:not(:focus), 
.input-form [type=datetime].is-invalid-input:not(:focus), 
.input-form [type=email].is-invalid-input:not(:focus), 
.input-form [type=month].is-invalid-input:not(:focus), 
.input-form [type=number].is-invalid-input:not(:focus), 
.input-form [type=password].is-invalid-input:not(:focus), 
.input-form [type=search].is-invalid-input:not(:focus), 
.input-form [type=tel].is-invalid-input:not(:focus), 
.input-form [type=text].is-invalid-input:not(:focus), 
.input-form [type=time].is-invalid-input:not(:focus), 
.input-form [type=url].is-invalid-input:not(:focus), 
.input-form [type=week].is-invalid-input:not(:focus), 
.input-form textarea.is-invalid-input:not(:focus),
.input-form select.is-invalid-input:not(:focus) {
	border: 2px solid #f13f3f; 
	}
#shippingzip:not(:focus) {border: none;} 
.error-notice { margin: 1em 2em; color: #f13f3f; }
	
/*********************
ANIMATIONS1
*********************/
.scene-element { 
	-ms-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-ms-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
.m-scene .scene_element--delayed {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s; 
	}
.m-scene.is-exiting .scene-element {
	-webkit-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse; 
	}
.m-scene.is-exiting .scene-element--delayed {
	-webkit-animation-delay: 0s;
	animation-delay: 0s; 
	}
.m-scene.is-exiting .scene-element--noexiting {
	-webkit-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse; 
	}

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.top-bar-right .large section {
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}

.top-bar-right .large { display: block; }  
.top-bar-right .tablet { display: none; } 

#off-canvas .btn { margin: 20px .7rem; width: 190px; display: block; text-align: center; }



/*********************
NAVIGATION Hamburger
*********************/

@media screen and (min-width: 890px) and (max-width: 1090px) {
	
		/*********************
		GLOBAL
		*********************/
		.top-bar-right .large { display: none; }  
		.top-bar-right .tablet { display: block; }
		
		#hamburger-nav {
			width: 100px;
			height: 75px;
			cursor: pointer;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			position: absolute;
			top: 4px;
			right: 0; 
			}	
		#hamburger-nav path {
			fill: none;
			-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			stroke-width: 40px;
			stroke-linecap: round;
			stroke: #0f5c89;
			stroke-dashoffset: 0px;
			}
		#hamburger-nav path#top,
		#hamburger-nav path#bottom {
			stroke-dasharray: 240px 950px;
			}
		#hamburger-nav path#middle {
			stroke-dasharray: 240px 240px;
			}
		.cross #hamburger-nav path#top,
		.cross #hamburger-nav path#bottom {
			stroke-dashoffset: -650px;
			stroke-dashoffset: -650px;
			}
		.cross #hamburger-nav path#middle {
			stroke-dashoffset: -115px;
			stroke-dasharray: 1px 220px;
			}
			
		.navtoggle { display: none; }
		.cross .navtoggle { display: block; position: relative; width: 100%; padding: 21px 0; min-width: 500px; }
		
		.navtoggle .flex { 
			-webkit-flex-flow: row nowrap;
			-moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			-webkit-justify-content: flex-end;
			-moz-justify-content: flex-end;
			justify-content: flex-end;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: flex-end;
			-moz-align-items: flex-end;
			align-items: flex-end;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
	
	}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/

/*********************
FIXES
*********************/

@media screen and (min-width: 1025px) and (max-width: 1244px) {
	
		/*********************
		GLOBAL
		*********************/
		#content #inner-content,
		#content1 #inner-content,
		#content1 #inner-content1,
		#shipoptions #inner-content,
		footer #inner-footer  { padding: 0 5%; }
		
		/*********************
		WHERE TO BUY
		*********************/
		.why-sc .orbit-container li:nth-child(2),
		.why-sc .orbit-container li:nth-child(3) { }
		.why-sc .grid { margin: 0 0 80px; }
		.why-sc .grid > div { width: 100%; margin: 0; }
		.why-sc .grid > div:first-child { margin: 0; }
		.why-sc .facts button { margin: 0 auto 2em; }
		.why-sc .facts button:last-child { margin: 0 auto 1em; }
		
	}
	
/*********************
CRATE FIXES AND ETC
*********************/

@media screen and (min-width: 1025px) and (max-width: 1244px) {
		
		/*********************
		SUBSCRIBE & GIVE GIFT
		*********************/
		.crate-choices {
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			-moz-align-items: flex-start;
			align-items: flex-start; 
			}
		.crate-choices li { flex: none; -webkit-flex: none; -ms-flex: none; width: 30.666%; }
		.crate-choices li:first-child { margin: 0 2% 0 0; }
		.crate-choices li:last-child { margin: 0 0 0 2%; }
		.crate-choices li .crate-box.box, .crate-box.box, 
		.crate-box.box,
		.crate-choices li .crate-box.box .front-overlay, 
		.crate-box.box .front-overlay,
		.crate-choices li.mini .crate-box.box .snacks div, .crate-choices li.original .crate-box.box .snacks div, .crate-choices li.premium .crate-box.box .snacks div { width: 240px; height: 187px; margin: 0 auto; }
		
		.thank-you .crate-box.box,
		.thank-you .crate-box.box .front-overlay { min-width: 240px; width: 340px; height: 264px; }
		.thank-you .crate-box.box { margin: 0 40px; }
		.thank-you .crate-box.box .snacks .right,
		.thank-you .crate-box.box .snacks .center,
		.thank-you .crate-box.box .snacks .left { width: 340px; height: 264px; }
		
		.alt-ty .thank-you .crate-box.box { width: calc(680px / 1.6); height: calc(528px / 1.6); }
		.alt-ty .crate-box.box .front-overlay, .alt-ty .thank-you .flexwrap .crate-box.box .snacks .left, .alt-ty .thank-you .flexwrap .crate-box.box .snacks .center, .alt-ty .thank-you .flexwrap .crate-box.box .snacks .right {  width: auto; height: auto; }
		
		.s0-main { background: #fcee4c url('../bg-2tone-platform-2-tablet-2.html') repeat-x top; }
		
		.price .circle.old { left: 50%; margin-left: -70px; }
		.price .circle.new { left: 50%; margin-left: -10px; }
		
		/*********************
		SELECT COUNTRY & DRINK
		*********************/
		.s1-main #inner-content {
			-webkit-flex-flow: row wrap;
			-moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			}
		.s1-main .country { min-width: 710px; width: 100%; }
	
	}	
	
/*********************
SNACK HOMEPAGE FIX (1025-1212)
*********************/

@media screen and (min-width: 1025px) and (max-width: 1212px) {	
	
		.home .snacks .item-1 { right: -135px; }
		.home .snacks .item-2 { right: 50px; display: none !important;}
		.home .snacks .item-3 { display: none !important;}
		.home .snacks .item-4 { right: 160px; }
		.home .snacks .item-5 { right: 160px; }
		.home .snacks .item-6 { right: -368px; }
		.home .snacks .item-7 { top: 520px; right: 40px; }
		.home .snacks .item-8 { left: -200px; }
		.home .snacks .item-9 { left: 100px !important; }
		.home .snacks .item-10 { left: 43px !important; top: 170px !important; transform: rotate(-27deg) !important;  }
		.home .snacks .item-11 { display: none !important; }
		.home .snacks .item-12 { display: none !important; }
		
		.page-id-377 .snacks .item-1 { right: -135px; }
		.page-id-377 .snacks .item-2 { right: 50px; display: none !important;}
		.page-id-377 .snacks .item-3 { display: none !important;}
		.page-id-377 .snacks .item-4 { right: 160px; }
		.page-id-377 .snacks .item-5 { right: 160px; }
		.page-id-377 .snacks .item-6 { right: -368px; }
		.page-id-377 .snacks .item-7 { top: 520px; right: 40px; }
		.page-id-377 .snacks .item-8 { left: -200px; }
		.page-id-377 .snacks .item-9 { left: 100px !important; }
		.page-id-377 .snacks .item-10 { left: 43px !important; top: 170px !important; transform: rotate(-27deg) !important;  }
		.page-id-377 .snacks .item-11 { display: none !important; }
		.page-id-377 .snacks .item-12 { display: none !important; }
		
		.page-id-7 .banner .snacks .item-1 { right: auto; left: 73%; }
		.page-id-7 .banner .snacks .item-2 {  }
		.page-id-7 .banner .snacks .item-3 { right: 72%; left: auto; }
		.page-id-7 .banner .snacks .item-4 { right: 74%; left: auto; }
		
		.page-id-9 .banner .snacks .item-1 { right: auto; left: 69%;  }
		.page-id-9 .banner .snacks .item-2 { right: auto; left: 69%;  }
		.page-id-9 .banner .snacks .item-3 { right: 72%; left: auto;  }
		.page-id-9 .banner .snacks .item-4 { right: 72%; left: auto;  }		
		
		.page-id-49 .banner .snacks .item-1 { right: auto; left: 69%; }
		.page-id-49 .banner .snacks .item-2 { right: auto; left: 69%; }
		.page-id-49 .banner .snacks .item-3 { right: 72%; left: auto; }
		.page-id-49 .banner .snacks .item-4 { right: 72%; left: auto; display: none !important; }				
	
	}

/*********************
TABLET
*********************/

@media screen and (min-width: 741px) and (max-width: 1024px) {
	
		/*********************
		GLOBAL
		*********************/
		#content #inner-content,
		#content1 #inner-content,
		#content1 #inner-content1,
		#shipoptions #inner-content,
		footer #inner-footer  { padding: 0 5%; }
		
		.page-id-7 .banner .snacks .item-1 { right: auto; left: 73%; }
		.page-id-7 .banner .snacks .item-2 {  }
		.page-id-7 .banner .snacks .item-3 { right: 72%; left: auto; }
		.page-id-7 .banner .snacks .item-4 { right: 80%; left: auto; }
		
		.page-id-9 .banner .snacks .item-1 { right: auto; left: 69%;  }
		.page-id-9 .banner .snacks .item-2 { right: auto; left: 69%;  }
		.page-id-9 .banner .snacks .item-3 { right: 72%; left: auto;  }
		.page-id-9 .banner .snacks .item-4 { right: 72%; left: auto;  }	
		
		.page-id-49 .banner .snacks .item-1 { right: auto; left: 69%; }
		.page-id-49 .banner .snacks .item-2 { right: auto; left: 69%; }
		.page-id-49 .banner .snacks .item-3 { right: 72%; left: auto; }
		.page-id-49 .banner .snacks .item-4 { right: 72%; left: auto; display: none !important; }
		
		/*********************
		HOMEPAGE
		*********************/
		.violator .grid .feature-country img { margin: 0; }
		
		.home .snacks .item-1 { right: -135px; }
		.home .snacks .item-2 { right: 50px; display: none !important;}
		.home .snacks .item-3 { display: none !important;}
		.home .snacks .item-4 { right: 160px; }
		.home .snacks .item-5 { right: 160px; }
		.home .snacks .item-6 { right: -368px; }
		.home .snacks .item-7 { top: 520px; right: 40px; }
		.home .snacks .item-8 { left: -320px; }
		.home .snacks .item-9 { left: -20px; display: none !important; }
		.home .snacks .item-10 { display: none !important; }
		.home .snacks .item-11 { display: none !important; }
		.home .snacks .item-12 { display: none !important; }
		
		.page-id-377 .snacks .item-1 { right: -135px; }
		.page-id-377 .snacks .item-2 { right: 50px; display: none !important;}
		.page-id-377 .snacks .item-3 { display: none !important;}
		.page-id-377 .snacks .item-4 { right: 160px; }
		.page-id-377 .snacks .item-5 { right: 160px; }
		.page-id-377 .snacks .item-6 { right: -368px; }
		.page-id-377 .snacks .item-7 { top: 520px; right: 40px; }
		.page-id-377 .snacks .item-8 { left: -320px; }
		.page-id-377 .snacks .item-9 { left: -20px; display: none !important; }
		.page-id-377 .snacks .item-10 { display: none !important; }
		.page-id-377 .snacks .item-11 { display: none !important; }
		.page-id-377 .snacks .item-12 { display: none !important; }
		
		.box-animation .hero-box { width: 700px; height: 457px; background-size: contain; }
		.home .inside-box { height: 280px; }
		
		
		.why-sc .grid {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.why-sc .grid { margin: 0 0 280px; }
		.why-sc .grid > div { width: 100%; margin: 0; }
		.why-sc .grid > div:first-child { margin: 0; }
		
		/*********************
		HOW IT WORKS
		*********************/
		.page-id-7 .banner .snacks .item-1 { top: 172px; right: -150px; }
		.page-id-7 .banner .snacks .item-2 { top: -14px; right: -170px; }
		.page-id-7 .banner .snacks .item-3 { left: -150px; }
		.page-id-7 .banner .snacks .item-4 { display: none; }
		
		h1.divider:after, h2.divider:after, h3.divider:after, h4.divider:after, h5.divider:after, h6.divider:after { margin: 14px auto; }
		.page-id-7 .process p { font-size: 1em; }
		.page-id-7 .step-1 header { padding: 20px 4% 170px 50%; }
		.page-id-7 .step-2 header { padding: 20px 50% 180px 4%; }
		.page-id-7 .step-3 header { padding: 20px 4% 170px 50%; }
		
		.page-id-7 .step-4 .snacks .item-2 { right: -75px; display: none;  }
		
		/*********************
		WHATS INSIDE
		*********************/
		.page-id-9 .banner .snacks .item-1 { right: -205px; }
		.page-id-9 .banner .snacks .item-2 { right: -111px; }
		.page-id-9 .banner .snacks .item-3 { left: -110px; }
		.page-id-9 .banner .snacks .item-4 { display: none; }
		
		.box-option.mini .caption,
		.box-option.regular .caption,
		.box-option.premium .caption { display: none; }
		
		.box-option .grid .content header { margin: 0; }
		.box-option.mini .snack-amount,
		.box-option.regular .snack-amount,
		.box-option.premium .snack-amount { margin: 1em 0; }
		
		.box-option.mini .snacks .item-1 { left: -57px; }
		.box-option.mini .snacks .item-2 { right: -150px; }
		.box-option.mini .snacks .item-3 { bottom: 368px; }
		
		.box-option.regular .snacks .item-1 { bottom: 13px; }
		.box-option.regular .snacks .item-4 { right: -40px; }
		
		.get-started:before { left: -140px; }
		.get-started:after { right: -100px; }
		
		/*********************
		SUBSCRIBE
		*********************/
		.crate-choices {
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			-moz-align-items: flex-start;
			align-items: flex-start; 
			}
		.crate-choices li { flex: none; -webkit-flex: none; -ms-flex: none; width: 30.666%; }
		.crate-choices li:first-child { margin: 0 2% 0 0; }
		.crate-choices li:last-child { margin: 0 0 0 2%; }
		.crate-choices li .crate-box.box, .crate-box.box, 
		.crate-box.box,
		.crate-choices li .crate-box.box .front-overlay, 
		.crate-box.box .front-overlay,
		.crate-choices li.mini .crate-box.box .snacks div, .crate-choices li.original .crate-box.box .snacks div, .crate-choices li.premium .crate-box.box .snacks div { width: 180px; height: 140px; margin: 0 auto; }
		
		.thank-you .crate-box.box,
		.thank-you .crate-box.box .front-overlay { min-width: 240px; width: 240px; height: 187px; }
		.thank-you .crate-box.box { margin: 60px auto 0; }
		.thank-you .crate-box.box .snacks .right,
		.thank-you .crate-box.box .snacks .center,
		.thank-you .crate-box.box .snacks .left { width: 240px; height: 187px; }
		
		.s1-main .add-drink article div.bottle { width: 100%; }
		
		.s0-main { background: #fcee4c url('../bg-2tone-platform-2-tablet.html') repeat-x top; }
		
		.price .circle.old { left: 50%; margin-left: -70px; }
		.price .circle.new { left: 50%; margin-left: -10px; }
		
		.s1-main #inner-content { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			-webkit-align-items: stretch;
			-moz-align-items: stretch;
			align-items: stretch;
			}
		
		.s1-main .country { width: 100%; margin: 0 0 2em 0; }
		.s1-main .add-drink { width: 100%; margin: 0 0 2em 0; background: #fcee4c; padding: 35px; }
		
		.s1-main .add-drink article .price { z-index: 22; }
		.s1-main .add-drink article .bottle { top: 0; max-width: 126px; right: 0; z-index: 11; }
		
		/*********************
		GIVE GIFT
		*********************/
		.g1-main-primary #inner-content {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			-webkit-align-items: stretch;
			-moz-align-items: stretch;
			align-items: stretch;
			}
		.g1-main-primary .term-length { width: 100%; margin: 0 0 2em 0; }	
		.g1-main-primary .add-drink { width: 100%; margin: 0 0 2em 0; }
		.g1-main-primary .term-length ul.choices {
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: stretch;
			-ms-flex-align: stretch;
			-webkit-align-items: stretch;
			-moz-align-items: stretch;
			align-items: stretch;
			}
		.g1-main-primary .add-drink article .price { z-index: 22; }
		.g1-main-primary .add-drink article .bottle { top: 0; max-width: 126px; right: 0; z-index: 11; }
		
		.g1-main .three-grid ul { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.g1-main .three-grid ul li,
		.g1-main .three-grid ul li:first-child,
		.g1-main .three-grid ul li:last-child { width: 100%; margin: 0 0 2em; }
		
		/*********************
		CLAIM GIFT
		*********************/
		.c0-main .feature-image { margin: 8em 0 0; }
		
		.page-id-72 .banner .snacks .item-1 { right: auto; left: 72%; }
		.page-id-72 .banner .snacks .item-2 { right: auto; left: 90%; }
		.page-id-72 .banner .snacks .item-3 { right: auto; left: 78%; }
		.page-id-72 .banner .snacks .item-4 { left: auto; right: 92%; }
		.page-id-72 .banner .snacks .item-5 { left: auto; right: 78%; }
		
		/*********************
		ACCOUNT
		*********************/
		.acc-updates .btn { display: block; width: 100%; margin: 1em auto; }
		.acc-orders table,
		.acc-orders td,
		.acc-orders tr,
		.acc-orders tbody { }
		.acc-orders table td { height: auto; white-space: normal; }
		
		.a1-main .sub-grid, .a2-main .sub-grid { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.a1-main .sub-grid > div, .a2-main .sub-grid > div,
		.a1-main .sub-grid > div:first-child, .a2-main .sub-grid > div:first-child,
		.a1-main .sub-grid > div:last-child, .a2-main .sub-grid > div:last-child { width: 100%; margin: 0 0 4em; }
		
		.a1-main .change .confirm,
		[type=button].cancel { width: 100%; display: block; text-align: center; margin: 1em 0 1em; }
		
		.a1-main .crate-box { max-width: 400px; margin: 0 auto; }
		
		
		
		
		/*********************
		HELP
		*********************/
		.page-id-49 .contact::before { left: -100px; }
		.page-id-49 .contact::after { right: -180px; }
		
		.page-id-49 .banner .snacks .item-3 { top: 98px; left: -93px; }
		.page-id-49 .banner .snacks .item-4 { display: none; }
		
		/*********************
		FOOTER
		*********************/
		footer #inner-footer { padding: 0 5%; }
		.footer section.content div {  }
		.footer section.content .newsletter { flex: 2; -webkit-flex: 2; -webkit-box-flex: 2; -ms-flex: 2; }
		.footer .newsletter [type=submit] { width: 110px; }
		
		/*********************
		THANK YOU (new 01-17-18)
		*********************/
		.alt-ty .thank-you .box-wrapper { width: calc(38% - 40px); }
		.alt-ty .thank-you .ty-content-wrapper { width: 80%; margin: 0 auto; }
		.alt-ty .thank-you .crate-box.box { margin-top: 0; }
		.alt-ty .thank-you .faq-help { margin: 20px 0; }
		
		.thank-you .referral.flexwrap.twocol { }
		.alt-ty .thank-you .box-wrapper { width: 100%; margin: 0 0 30px; }
	
	
	} /* END OF TABLET */

/*********************
MOBILE
*********************/

		/*********************
		MOBILE Navigation
		*********************/
		
		@media screen and (max-width: 880px) {
			
				.show-for-small-custom { display: block; }
				.show-for-medium-custom { display: none; }
				.top-bar .top-bar-left { width: 100%; }
				
				.loading {top: 0;}
				
				.s1-main .country ul.choices {width: auto;}
				
				/*********************
				HEADER
				*********************/
				.off-canvas { background: #0f5c89; position: absolute; top: auto; }
				.off-canvas.is-open { padding: 1em; }
				.vertical.menu>li>a { color: #fff; font-size: 1em; margin: 1em 0; }
				.vertical.menu .active>a { color: #ff8919; }
				.menu>li>a:focus { color: #fff; outline: none; }
				.menu>li>a:hover { color: #ff8919; }
				.menu > li.menu-item-17 { display: none; }
				.menu > li.menu-item-17.active > a { text-align: center; }
				.top-bar .logo ul.menu {
					-webkit-flex-flow: row nowrap;
					-moz-flex-flow: row nowrap;
					-ms-flex-flow: row nowrap;
					flex-flow: row nowrap;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					-moz-justify-content: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					-moz-align-items: center;
					align-items: center;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					}
				.hamburger { position: absolute; top: 8px; right: 0; }
				.hamburger ul.menu { background: transparent; }
				#hamburger-nav {
					width: 100px;
					height: 75px;
					cursor: pointer;
					-webkit-transform: translate3d(0, 0, 0);
					-moz-transform: translate3d(0, 0, 0);
					-o-transform: translate3d(0, 0, 0);
					-ms-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
					}	
				#hamburger-nav path {
					fill: none;
					-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
					-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
					-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
					-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
					transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
					stroke-width: 40px;
					stroke-linecap: round;
					stroke: #0f5c89;
					stroke-dashoffset: 0px;
					}
				#hamburger-nav path#top,
				#hamburger-nav path#bottom {
					stroke-dasharray: 240px 950px;
					}
				#hamburger-nav path#middle {
					stroke-dasharray: 240px 240px;
					}
				.cross #hamburger-nav path#top,
				.cross #hamburger-nav path#bottom {
					stroke-dashoffset: -650px;
					stroke-dashoffset: -650px;
					}
				.cross #hamburger-nav path#middle {
					stroke-dashoffset: -115px;
					stroke-dasharray: 1px 220px;
					}
					
		
				.js-off-canvas-overlay { background: transparent; }
		/*
				.js-off-canvas-overlay.is-visible { opacity: 0; display: none !important; }
				.js-off-canvas-overlay.is-overlay-fixed { display: none; }
				.js-off-canvas-overlay { display: none; } 
		*/
				
				#menu-secondary { padding: 0; }
				#menu-secondary.menu>li { display: block; width: 100%; }
				#menu-secondary.menu>li>a { color: #fff; font-size: 1em; margin: 1em 0; }
				
				.subscribe-action { position: absolute; top: 26px; left: 21px; }
				.subscribe-action .btn { display: block; text-align: center; font-size: 12px; padding: 10px; background: transparent; border: 2px solid #ff8919; color: #ff8919; }
			
		}

@media screen and (min-width: 320px) and (max-width: 740px) {
		
		
		
		
		/*********************
		GLOBAL
		*********************/
		#content #inner-content,
		#content1 #inner-content,
		#content1 #inner-content1,
		#shipoptions #inner-content { padding: 0 5%; }
				
		h1 { font-size: 3.4em; }
		h2 {}
		h3 {}
		h4 {}
		h5 {}
		h6 {}
		
		/*********************
		HOMEPAGE
		*********************/
		.home .hero-banner { min-height: 600px; }
		.violator .grid .feature-country img { margin: 0; width: 100%; }
		.hero-banner header { margin: 120px 0 0; position: relative; z-index: 99999; }
		.hero-banner .snacks { }
			.home .snacks .item-1 { right: -64% !important; }		
			.home .snacks .item-2 { right: 40px !important; top: 410px !important; display: none !important; }	
			.home .snacks .item-3 { display: none !important; }		
			.home .snacks .item-4 { right: 20px !important; top: -69px !important; }
			.home .snacks .item-5 { top: -51px !important; right: 0 !important; }		
			.home .snacks .item-6 { display: none !important; }
			.home .snacks .item-7 { display: none !important; }			
			.home .snacks .item-8 { left: -110% !important; top: -110px !important; }
			.home .snacks .item-9 { top: 380px !important; z-index: 99; left: -80px !important; }
			.home .snacks .item-10 { display: none !important; }
			.home .snacks .item-11 { display: none !important; }
			.home .snacks .item-12 { display: none !important; }
			
			.page-id-377 .snacks .item-1 { right: -64% !important; }		
			.page-id-377 .snacks .item-2 { right: 40px !important; top: 410px !important; display: none !important; }	
			.page-id-377 .snacks .item-3 { display: none !important; }		
			.page-id-377 .snacks .item-4 { right: 20px !important; top: -69px !important; }
			.page-id-377 .snacks .item-5 { top: -51px !important; right: 0 !important; }		
			.page-id-377 .snacks .item-6 { display: none !important; }
			.page-id-377 .snacks .item-7 { display: none !important; }			
			.page-id-377 .snacks .item-8 { left: -110% !important; top: -110px !important; }
			.page-id-377 .snacks .item-9 { top: 380px !important; z-index: 99; left: -80px !important; }
			.page-id-377 .snacks .item-10 { display: none !important; }
			.page-id-377 .snacks .item-11 { display: none !important; }
			.page-id-377 .snacks .item-12 { display: none !important; }
		
		.home .inside header { max-width: none; margin: 80px auto; }
		.home .inside-box .box-animation { top: -60px; }
		.box-animation .hero-box { width: 100%; height: 227px; background-size: contain; }
		.home .inside-box { height: 170px; margin: 60px 0 0; }
		.home .inside-box .box-animation {  }
		
/*
		.box-animation.zap .hero-box.sequence,
		.box-animation .hero-box.sequence { animation: none; }
*/
		
/*
		@keyframes switch-with-me {
		  0% {
		    background: url('../images/box-seq-1.png') no-repeat; background-size: contain; background-position: center center;
		  }
		  20% {
		    background: url('../images/box-seq-2.png') no-repeat; background-size: contain; background-position: center center;
		  }
		  40% {
		    background: url('../images/box-seq-3.png') no-repeat; background-size: contain; background-position: center center;
		  }
		  60% {
		    background: url('../images/box-seq-4.png') no-repeat; background-size: contain; background-position: center center;
		  }
		  80% {
		    background: url('../images/box-seq-5.png') no-repeat; background-size: contain; background-position: center center;
		  }
		  100% {
		    background: url('../images/box-seq-5.png') no-repeat; background-size: contain; background-position: center center;
		  }
		}
*/
		
		.home .how-it-works header { margin: 80px auto 62px; max-width: none; }
		.how-it-works ul {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.how-it-works ul li,
		.how-it-works ul li:first-child,
		.how-it-works ul li:last-child { width: 100%; margin: 0 0 3.4em; }
		.how-it-works article > div { margin: 0 auto 80px; }
		
		.why-sc .grid,
		.why-sc .facts { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.why-sc .facts { display: none; }
		.why-sc .orbit-container li:nth-child(2),
		.why-sc .orbit-container li:nth-child(3) { }
		.why-sc .grid { margin: 0 0 80px; }
		.why-sc .grid > div { width: 100%; margin: 0; }
		.why-sc .grid > div:first-child { margin: 0; }
		.why-sc .facts button { margin: 0 auto 2em; }
		.why-sc .facts button:last-child { margin: 0 auto 1em; }
		
		.violator { margin: 0 0 2em; }
		.violator .grid {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.violator .grid > div { width: 100%; margin: 0; }
		
		/*********************
		HOW IT WORKS
		*********************/	
		.page-id-7 .snacks { display: none; }
		
		.page-id-7 .banner header { margin: 80px auto; }
		.page-id-7 .process .row { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			-moz-align-items: center;
			align-items: center;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
		.page-id-7 .process header { order: 2; -ms-flex-order: 2; }
		.bg-element,
		.step-1 .bg-element,
		.step-2 .bg-element,
		.step-3 .bg-element,
		.step-4 .bg-element { position: relative; order: 1; -ms-flex-order: 1; width: 125%; background: #ffb902;  }
		.step-3 .bg-element { background: #fff; }
		.page-id-7 .step-1,
		.page-id-7 .step-2,
		.page-id-7 .step-3,
		.page-id-7 .step-4 { background: #fff; }
		.page-id-7 .step-1 header,
		.page-id-7 .step-2 header,
		.page-id-7 .step-3 header,
		.page-id-7 .step-4 header { padding: 0; margin: 2em 0; }
		
		
		/*********************
		WHATS INSIDE
		*********************/
		.page-id-9 .snacks { display: none; }
		
		.page-id-9 .banner header { margin: 80px auto; }
		.unboxing::after { height: 200px; }
		
		.box-option .grid { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			margin: 0 0 2em; 
			}
		.box-option.regular .grid,
		.box-option.premium .grid { margin: 0 0 2em; }	
		.box-option .grid .feature-image { width: 100%; margin: 0; order: 1; -ms-flex-order: 1; }	
		.box-option .grid .content,
		.box-option.regular .grid .content,
		.box-option.premium .grid .content { width: 100%; margin: 0 0; padding: 0; order: 2; -ms-flex-order: 2; }
		.box-option .grid .content header { margin: 3em 0; }
		.box-option.mini .snack-amount,
		.box-option.regular .snack-amount,
		.box-option.premium .snack-amount  { margin: 1em 0 0; }
		.box-option.mini .caption,
		.box-option.regular .caption,
		.box-option.premium .caption { display: none; }
		.box-option.mini .grid { margin: 80px auto; }
		
		.get-started:before { display: none; }
		.get-started:after { display: none; }
		.get-started header { margin: 80px auto; }
		
		/*********************
		HELP
		*********************/
		.accordion-content { padding: 0 1em 2em; }
		.accordion { margin: 80px auto; }
		
		.page-id-49 .contact:before { display: none; }
		.page-id-49 .contact:after { display: none; }
		
		.page-id-49 .snacks { display: none; }
		.page-id-49 .banner header { margin: 80px auto; }
		
		/*********************
		BREADCRUMB
		*********************/
		.breadcrumb-nav { background: #00a6cf; 
			-webkit-flex-flow: row nowrap;
			-moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			-moz-align-items: flex-start;
			align-items: flex-start;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
		.breadcrumb-nav > div { width: 50%; }	
		.breadcrumb-nav:before { display: none; }
		.breadcrumb-nav .title { position: relative; padding: 23px 21px 23px 0; top: auto; left: auto; }
		.breadcrumb-nav .subscription ul li { background: transparent; width: 100%; }
		.breadcrumb-nav .subscription ul li:before { display: none; }
		
		/*--- SUBSCRIBE - Select a Crate ---*/
		#post-15 .subscription ul li:nth-child(1) { }
		#post-15 .subscription ul li:nth-child(2) { display: none; }
		#post-15 .subscription ul li:nth-child(3) { display: none;  }
		#post-15 .subscription ul li:nth-child(4) { display: none;  }	
		
		/*--- SUBSCRIBE - Options ---*/
		#post-27 .subscription ul li:nth-child(1) { display: none; }
		#post-27 .subscription ul li:nth-child(2) { display: block; }
		#post-27 .subscription ul li:nth-child(3) { display: none; }
		#post-27 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- SUBSCRIBE - Account ---*/
		#post-29 .subscription ul li:nth-child(1) { display: none; }
		#post-29 .subscription ul li:nth-child(2) { display: none; }
		#post-29 .subscription ul li:nth-child(3) { display: block;  }
		#post-29 .subscription ul li:nth-child(4) { display: none;  }
		
		/*--- SUBSCRIBE - Checkout ---*/
		#post-31 .subscription ul li:nth-child(1) { display: none; }
		#post-31 .subscription ul li:nth-child(2) { display: none; }
		#post-31 .subscription ul li:nth-child(3) { display: none;  }
		#post-31 .subscription ul li:nth-child(4) { display: block;  }		
		
		/*--- SUBSCRIBE - Payment ---*/
		#post-33 .subscription ul li:nth-child(1) { display: none; }
		#post-33 .subscription ul li:nth-child(2) { display: none; }
		#post-33 .subscription ul li:nth-child(3) { display: none;  }
		#post-33 .subscription ul li:nth-child(4) { display: block;  }	
		
		/*--- GIVE GIFT - Select a Crate ---*/
		#post-13 .subscription ul li:nth-child(1) { display: block; }
		#post-13 .subscription ul li:nth-child(2) { display: none; }
		#post-13 .subscription ul li:nth-child(3) { display: none; }
		#post-13 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- GIVE GIFT - Options ---*/
		#post-64 .subscription ul li:nth-child(1) { display: none; }
		#post-64 .subscription ul li:nth-child(2) { display: block; }
		#post-64 .subscription ul li:nth-child(3) { display: none; }
		#post-64 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- GIVE GIFT - Checkout ---*/
		#post-68 .subscription ul li:nth-child(1) { display: none; }
		#post-68 .subscription ul li:nth-child(2) { display: none; }
		#post-68 .subscription ul li:nth-child(3) { display: block; }
		#post-68 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- GIVE GIFT - Payment ---*/
		#post-70 .subscription ul li:nth-child(1) { display: none; }
		#post-70 .subscription ul li:nth-child(2) { display: none; }
		#post-70 .subscription ul li:nth-child(3) { display: block; }
		#post-70 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- CLAIM GIFT - Landing ---*/
		#post-47 .subscription ul li:nth-child(1) { display: none; }
		#post-47 .subscription ul li:nth-child(2) { display: none; }
		#post-47 .subscription ul li:nth-child(3) { display: none; }
		#post-47 .subscription ul li:nth-child(4) { display: none; }
		
		/*--- CLAIM GIFT - Shipping ---*/
		#post-75 .subscription ul li:nth-child(1) { display: block; }
		#post-75 .subscription ul li:nth-child(2) { display: none; }
		#post-75 .subscription ul li:nth-child(3) { display: none; }
		#post-75 .subscription ul li:nth-child(4) { display: none; }
		
		.manage-selected { display: none; }			
		
		
		/*********************
		SUBSCRIBE
		*********************/
		.s0-main { background: #96e0f8; }
		.crate-choices {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
		.mini .crate-box.box .snacks .left,
		.mini .crate-box.box .snacks .right,
		.mini .crate-box.box .snacks .center,
		.original .crate-box.box .snacks .left,
		.original .crate-box.box .snacks .right,
		.original .crate-box.box .snacks .center,
		.premium .crate-box.box .snacks .left,
		.premium .crate-box.box .snacks .right,
		.premium .crate-box.box .snacks .center { opacity: 1; top: 0; left: 0; }
		.crate-choices li button { border-color: #00a6cf; color: #00a6cf; }
		
		.s1-main #inner-content,
		.s1-main .country ul.choices {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
/*
		.s1-main .add-drink {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
*/
		.s1-main .country ul.choices li { width: 100%; margin: 0 0 1.5em; }
		.s1-main .country ul.choices li .c-selection p { margin: 0; }
		.s1-main .country,
		.s1-main .add-drink { width: 100%; margin: 0 0 6em 0; }
		.s1-main .add-drink h3 { line-height: 1.1; }
		.s1-main .add-drink article:first-child { width: 70%; }
		.s1-main .add-drink article:last-child { width: 20%; }
		.s1-main .add-drink article:last-child { }
		.s1-main .add-drink article:last-child > div { width: 50%; margin: 0 auto; }
		.s1-main .add-drink article div.bottle { position: absolute; width: 160%; top: 0; right: auto; }
		.s1-main .add-drink article div.bottle img { max-height: 256px; }
		.s1-main .add-drink article div.price { position: absolute; top: -100px; right: -46px; }
		.s1-main .add-drink article .price .circle.single.new { position: absolute; top: auto; right: 0; left: auto; margin: 0; }
		
		.s2-main section {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
		.s2-main section .divider { width: 100%; height: auto; }
		.divider .circle { margin: 2em auto; }
		.s2-main section .divider:before { width: 100%; height: 2px; left: 0; top: 50%; margin: 0; }
		
		/*********************
		SUBSCRIBE COUNTRY ALT (3-13-18)
		*********************/
		.page-id-1014 #main,
		.page-id-27 #main { background: #96e0f8; }
		
		.s1-main .country.alt-update ul.choices .c-circle.desktop { display: none; }
		
		.s1-main .country.alt-update { background: transparent; }
		.s1-main .country.alt-update ul.choices { padding: 0; }
		.s1-main .country.alt-update ul.choices li { border: 6px solid transparent; padding: 1em;  }
			.country.alt-update ul.choices li header h4 { margin: 0 0 1.2em; }
			.country.alt-update ul.choices li header p { line-height: 2; }
		.s1-main .country.alt-update ul.choices li.selected { border: 6px solid #fff; }
		.s1-main .country.alt-update ul.choices h4 { color: #0f5c89; }
		.s1-main .country.alt-update ul.choices .c-circle:after { box-shadow: none; -webkit-box-shadow: none; border: 6px solid #eee; }
		.s1-main .country.alt-update button { margin: 1em auto; width: 105px; }
		
		
		.form form, section.billing-info {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			}
		.input-form .first-name { width: 100%; margin: 0; }
		.input-form .last-name { width: 100%; margin: 0; }
		.input-form .street { width: 100%; margin: 0; }
		.input-form .apt { width: 100%; margin: 0;}
		.input-form .city { width: 100%; margin: 0; }
		.input-form .state { width: 100%; margin: 0;}
		.input-form .country { width: 100%; margin: 0; }
		.input-form .zip { width: 100%; margin: 0; }
		
		.payment-info .btn-options {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.payment-options input[type="radio"] + label.credit-card { margin: 0 2.91% 1em; } 
		.payment-info form { margin: 0 0 6em; }
		.payment-info form .cc-number { width: 100%; }
		.payment-info form .cc-month { width: 100%; margin: 0; }
		.payment-info form .cc-year { width: 100%; margin: 0; }
		.payment-info form .cc-cvv { width: 100%; margin: 0; }
		.payment-info form .cc-zip { width: 100%; margin: 0; }
		
		.s4-main .flex-grid { 
			margin: 80px auto 0; 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-box-align: start;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			-moz-align-items: flex-start;
			align-items: flex-start;
			}
		.purchase-summary { display: block; width: 100%; max-width: 654px; margin: 0 auto; }
		
		.s5-main .link div,
		
		
		/*********************
		GIVE GIFT
		*********************/
		.g1-main-primary #inner-content,
		.g1-main-primary .term-length ul.choices,
		.g1-main .three-grid ul {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.g1-main-primary .term-length { width: 100%; margin: 0 0 6em; }
		.g1-main-primary .term-length ul.choices li,
		.g1-main-primary .term-length ul.choices li:first-child,
		.g1-main-primary .term-length ul.choices li:last-child,
		.g1-main .three-grid ul li,
		.g1-main .three-grid ul li:first-child,
		.g1-main .three-grid ul li:last-child { width: 100%; margin: 0 0 1em; }
		
		.g1-main-primary .add-drink { width: 100%; margin: 0 0 6em 0; }
		.g1-main-primary .add-drink h3 { line-height: 1.1; }
/*
		.g1-main-primary .add-drink article:first-child { width: 100%; }
		.g1-main-primary .add-drink article:last-child { width: 0; }
		.g1-main-primary .add-drink article .bottle { display: none; }
		.g1-main-primary .add-drink article .price { position: absolute; top: -100px; right: 1em; }
*/
		
		.g1-main-primary .add-drink article:first-child { width: 70%; }
		.g1-main-primary .add-drink article:last-child { width: 20%; }
		.g1-main-primary .add-drink article:last-child > div { width: 50%; margin: 0 auto; }
		.g1-main-primary .add-drink article div.bottle { position: absolute; width: 160%; top: 0; right: -30px; }
		.g1-main-primary .add-drink article div.price { position: absolute; top: -100px; right: -46px; }
		.g1-main-primary .add-drink article .price .circle.single.new { position: absolute; top: auto; right: 0; left: auto; margin: 0; }
		
		.g1-main .three-grid [type=button] { position: relative; margin: 0 auto; left: auto; bottom: auto; }
		.g1-main .three-grid ul li { padding: 2em; }
		
		/*********************
		CLAIM A GIFT
		*********************/
		.c0-main section {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.c0-main .feature-image { order: 2; display: none; }
		
		/*********************
		THANK YOU
		*********************/
		.thank-you .crate-box.box,
		.thank-you .crate-box.box .front-overlay { min-width: 240px; width: 340px; height: 264px; }
		.thank-you .crate-box.box { margin: 0 auto 2em; }
		.thank-you .crate-box.box .snacks .right,
		.thank-you .crate-box.box .snacks .center,
		.thank-you .crate-box.box .snacks .left { width: 340px; height: 264px; }
		
		.thank-you .referral {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;	
			}
		.s5-main .link div {
			-webkit-flex-flow: row nowrap;
			-moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			}
		.thank-you .referral .link { width: 100%; }
		.thank-you .referral #refferallink { width: 100%; }
		
		.page-id-72 .banner .snacks .item-1 { display: none !important; }
		.page-id-72 .banner .snacks .item-2 { display: none !important; }
		.page-id-72 .banner .snacks .item-3 { display: none !important; }
		.page-id-72 .banner .snacks .item-4 { display: none !important; }
		.page-id-72 .banner .snacks .item-5 { display: none !important; }
		
		/*********************
		THANK YOU (new 01-17-18)
		*********************/
		.thank-you .referral.flexwrap.twocol { margin: 30px 0 0; }
		.alt-ty .thank-you .box-wrapper { width: 100%; margin: 0; }
		.alt-ty .thank-you .ty-content-wrapper { width: 100%; }
		.alt-ty .thank-you .crate-box.box { margin-top: 0; }
		.alt-ty .crate-box.box.adventure { width: 100%; height: 264px; }
		.alt-ty .thank-you .faq-help { margin: 20px 0; }
		.alt-ty [type=button].btn { display: block; width: 100%; }
		
		/*********************
		ACCOUNT
		*********************/
		
			/*********************
			BREADCRUMB NAV
			*********************/
			.utilities-nav.account .title p { display: none; }
			.breadcrumb-nav.account div.squeaky ul.noflex { display: none; padding: 0 0; background: rgb(0, 166, 207); }
			.breadcrumb-nav.account div.squeaky ul.noflex li { padding: 0; }
			.breadcrumb-nav.account div.squeaky ul.noflex.js-accordion-active { display: block;}
			.breadcrumb-nav.account div.squeaky > ul > li { padding: 10px 21px; width: 100%; }
			.squeaky .is-accordion-submenu-parent>a:after { border-color: #acefff transparent transparent; }
			.breadcrumb-nav.account div.squeaky ul .title { color: #acefff; font-size: 16px; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; padding: 1.32em 0; font-family:'Ridley Grotesk', sans-serif; font-weight: 500; }
			
		.a0-main .acc-heading {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.a0-main .acc-heading header, .a0-main .acc-heading .sidebar { width: 100%; margin: 0 0 2em; }
		.acc-updates .btn:first-child,
		.acc-updates .btn:last-child { width: 100%; margin: 0 0 1em; display: block; text-align: center; }
		
		.acc-orders table,
		.acc-orders td,
		.acc-orders tr,
		.acc-orders tbody { display: block; }
		.acc-orders table td { height: auto; white-space: normal; }
		.acc-orders table tr { padding: 1em; }
		
		.acc-orders table td.order-no:before { text-transform: none; display: inline-block; content: 'Order Number'; position: relative; width: 50%; color: #aaa; font-family:'Ridley Grotesk', sans-serif, sans-serif; font-weight: 500; }
		.acc-orders table td:nth-child(2):before { display: inline-block; content: 'Month Ordered'; position: relative; width: 50%; color: #aaa; }
		.acc-orders table td:nth-child(3):before { display: inline-block; content: 'Price'; position: relative; width: 50%; color: #aaa; }
		.acc-orders table td:nth-child(4):before { display: inline-block; content: 'Status'; position: relative; width: 50%; color: #aaa; }
		
		.a1-main .sub-grid, .a2-main .sub-grid { 
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.a1-main .sub-grid > div, .a2-main .sub-grid > div,
		.a1-main .sub-grid > div:first-child, .a2-main .sub-grid > div:first-child,
		.a1-main .sub-grid > div:last-child, .a2-main .sub-grid > div:last-child { width: 100%; margin: 0 0 4em; }
		
		.a1-main .change .confirm,
		[type=button].cancel { width: 100%; display: block; text-align: center; margin: 1em 0 1em; }
		
		.s2-main section div { width: 100%; flex: none; -webkit-flex:none; -ms-flex: none; -webkit-box-flex: none; }
		.s2-main section div.form { order: 3; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; }
		.s2-main section div.divider { order: 2; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; }
		.s2-main section div.facebook-form { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; }
		
		/*********************
		FORMS AND SUCH
		*********************/
		[type=button], [type=submit] { min-width: 120px; }
		.reveal button.btn { margin: 0 0 2em; }
		
		/*********************
		FOOTER
		*********************/
		footer #inner-footer { padding: 0 5%; }
		.footer section.content {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
		.footer section.content div { width: 100%; }
		.sendgrid_mc_input_div { float: left !important; width: 65% !important;}
		.sendgrid_mc_button_div { float: left !important; width: 20% !important;}
		.footer .footer-nav { width: 100%; }
		.footer .footer-nav ul li:first-child { width: 100%; text-align: center; display: block; margin: 0 auto; }
		.footer .footer-nav ul li:nth-child(2) { width: 100%; text-align: center; display: block; margin: 0 auto; }
/* 		.footer .footer-nav ul li:nth-child(2) { width: 50%; float: left; padding: 0 10px 0 0; text-align: right; } */
		.footer .footer-nav ul li:nth-child(3) { width: 100%; text-align: center; display: block; margin: 0 auto; }	
		.footer .newsletter { margin: 1em 0; }	
		.footer .social p { display: none; }
		.footer .social ul {
			-webkit-flex-flow: row nowrap;
			-moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			-moz-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			-moz-align-items: center;
			align-items: center;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;	
			}
		
		
	} /*--- END MOBILE ---*/
	
@media screen and (min-width: 751px) and (max-width: 1024px) {
					.home .inside.alt header { margin: 40px auto 80px; }
			}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
/*
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } 
*/}

   
   
   
/* Account page addition styles */

.acc-details-container {
	display: none;
	overflow: auto;
	min-height: 167px;
}
#orderhistory{
	display: none;
}
.acc-heading{
	min-height:250px;
}


.grecaptcha-badge{
	visibility: collapse !important;  
	display: none;
}






/*********************
INSTAGRAM CAROUSEL
*********************/
.social-buzz { 
	position: relative; 
	margin: 0 0 80px; 
}
.social-buzz header { 
	text-align: center; 
	margin: 0 60px; 
}
.social-buzz .item { 
	width: auto; 
	background: rgba(245,245,245,.0); 
	margin: 30px 30px; 
	outline: none;    
	box-shadow: rgba(0, 0, 0, .1) 1px 3px 20px; 
}
.social-buzz .item .wrapper { width: 100%; }
.social-buzz .item .post-header {
	height: 75px;
    padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.social-buzz .item .post-content { padding: 1.5rem; }
.social-buzz .item .title,
.social-buzz .item .location {
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.social-buzz .item .title { 
	font-weight: 700; 
	margin: 0; 
}
.social-buzz .item .location,
.social-buzz .item .date {
	color: #00A7CE;
	font-size: 14px;
	margin: 0;
}
.social-buzz .item .summary {
	overflow: hidden;
	height: 100px;
}
.social-buzz .item .summary .hashtag {
	color: #FF9E16;
	line-break: anywhere;
}
.social-buzz .item .summary .account {
	color: #0f5c89;
	font-weight: 600;
}
.social-buzz .item .summary .hashtag:hover,
.social-buzz .item .summary .account:hover {
	text-decoration: underline;
}
.social-buzz .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.social-buzz .slick-slide {
	height: fit-content;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
/*  */
.truncate-overflow {
	position: relative;
	max-height: calc(1.6rem * 3);
	overflow: hidden;
	padding-right: 1rem; /* space for ellipsis */
}
.truncate-overflow::before {
	position: absolute;
	content: "...";
	bottom: 2px;
	right: 5px;
}
.truncate-overflow::after {
	content: "";
	position: absolute;
	right: 0;
	width: 1rem;
	height: 1rem;
	background: white;
}
.field-content{
    width: 100%;
    padding-bottom: 100%;
    overflow:hidden;
    position:relative;
    background:#000
}
.field-content img {
	position:absolute;
	width:auto;
	min-width:100%;
	min-height:100%;
	pointer-events: none;
}
.nowrap {
	white-space: nowrap;
}
/* skeleton */
.skeleton {
	background: #e3e6e8;
}
.skeleton-p {
	border-radius: 10px;
}
.skeleton-icon {
	display: inline-block;
    border-radius: 50px;
    height: 20px;
    width: 20px;
}

.page-template-page-account-login .applebtn{
	height:40px;
	width:300px;
	border-radius:25px;
	overflow:hidden;
}

@keyframes skeleton-shine {
	0% { background-position-y: 100%; }
	40%, 100% { background-position-y: -100%; }
}
.skeleton-shine {
	background: linear-gradient(155deg, #ffffff 20%, #f2f2f2 20%, #e6e6e6 30%, #ffffff 30%);
    background-position-y: 100%;
    background-size: 100% 200%;
    animation: skeleton-shine 4s infinite ease-in-out;
	opacity: .25;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}