@charset "UTF-8";

/*-- Reset --*/

* {
	padding:0;
	margin:0;
	outline:none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var, a img {
    background:transparent;
	border:0 none;
	outline:none;
	vertical-align:baseline;
	padding:0;
	margin:0;    
}

img {
	display:block;
}

.clearer { 
	clear:both;
}


/*-- Fonts --*/

@font-face {
    font-family: 'hudson_ny_regularregular';
    src: url('../fonts/hudson_ny_regular-webfont.eot');
    src: url('../fonts/hudson_ny_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hudson_ny_regular-webfont.woff2') format('woff2'),
         url('../fonts/hudson_ny_regular-webfont.woff') format('woff'),
         url('../fonts/hudson_ny_regular-webfont.ttf') format('truetype'),
         url('../fonts/hudson_ny_regular-webfont.svg#hudson_ny_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'trade_gothic_bdcn';
	src: url('../fonts/TradeGothicLTStd-BdCn20.eot'),
	     url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), 
	     url('../fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'), 
	     url('../fonts/TradeGothicLTStd-BdCn20.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'liberatorregular';
    src: url('../fonts/liberator-webfont.eot');
    src: url('../fonts/liberator-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/liberator-webfont.woff2') format('woff2'),
         url('../fonts/liberator-webfont.woff') format('woff'),
         url('../fonts/liberator-webfont.ttf') format('truetype'),
         url('../fonts/liberator-webfont.svg#liberatorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*-- General --*/

html, body {
	background:#f4f4f4;
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
}

::selection {
	background:#532e6c;
	color:#fff;
}

::-moz-selection {
	background:#532e6c;
	color:#fff;	
}

h1 {
	font:110px/100px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#532e6c;
	text-transform:uppercase;
	text-shadow:0em 0em #532e6c, 
				0.002em 0.002em #532e6c, 
				-0.002em -0.002em #532e6c, 
				0.002em 0em #532e6c, 
				0em 0.002em #532e6c, 
				-0.002em 0em #532e6c, 
				0em -0.002em #532e6c, 
				0.002em -0.002em #532e6c, 
				-0.002em 0.002em #532e6c;
	margin:0 0 25px;
}

h2 {
	font:35px/35px "liberatorregular", Helvetica, sans-serif;
	color:#b588b8;
	margin:0 0 20px;
}

h3 {
	font:25px/25px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#b588b8;
	text-transform:uppercase;
}

h4 {
	background:url("../images/flavors_nf_bg.jpg") 0 0 repeat;
	font:22px/22px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#fff;
	text-align:center;
	padding:15px 0 10px;
}

h4 span {
	text-transform:uppercase;
}

p {
	font:18px/28px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#555;
	margin:0 0 15px;
}

ul li {
	list-style:none;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.container {
	width:1200px;
	margin:0 auto;
	position:relative;
}

.inner_shadow {
	width:100%;
	height:100%;
	box-shadow:inset 0 0 200px rgba(0, 0, 0, 0.3);
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	pointer-events:none;
}

#preloader {
	background:#f4f4f4;
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
}

#preloader .loader {
	width:80px;
	height:12px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-6px 0 0 -40px;
}

#preloader .loader .circle_1,
#preloader .loader .circle_2,
#preloader .loader .circle_3 {
	width:6px;
	height:6px;
	border:3px solid #b588b8;
	border-radius:100px;
}

#preloader .loader .circle_1 {
	position:absolute;
	top:0;
	left:0;
}

#preloader .loader .circle_2 {
	position:absolute;
	top:0;
	left:34px;
}

#preloader .loader .circle_3 {
	position:absolute;
	top:0;
	right:0;
}

#top {
	background:url("../images/top.png") 0 0 no-repeat;
	width:40px;
	height:40px;
	position:fixed;
	bottom:-100px;
	right:10px;
	z-index:800;
	cursor:pointer;
}

#top:hover {
	background:url("../images/top.png") 0 -40px no-repeat;
}


/*-- Nav --*/

nav {
	width:100%;
	position:absolute;
	top:15px;
	z-index:3;
}

nav .container {
	width:1450px;
}

nav ul {
	list-style:none;
	float:right;
	margin:0;
	position:relative;
	top:-10px;
}

nav ul li {
	font:25px/25px "liberatorregular", Helvetica, sans-serif;
	color:#532e6c;
	display:inline-block;
	margin:0 80px 0 0;
}

nav ul li:hover {
	color:#b588b8;
	cursor:pointer;
}

nav ul li.facebook {
	margin:0 10px 0 0;
}

nav ul li.facebook a {
	background:url("../images/nav_facebook.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:relative;
	top:9px;
	display:block;
}

nav ul li.facebook a:hover {
	background:url("../images/nav_facebook.png") 0 -34px no-repeat;
}

nav ul li.twitter {
	margin:0 10px 0 0;
}

nav ul li.twitter a {
	background:url("../images/nav_twitter.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:relative;
	top:9px;
	display:block;
}

nav ul li.twitter a:hover {
	background:url("../images/nav_twitter.png") 0 -34px no-repeat;
}

nav ul li.instagram {
	margin:0;
}

nav ul li.instagram a {
	background:url("../images/nav_instagram.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:relative;
	top:9px;
	display:block;
}

nav ul li.instagram a:hover {
	background:url("../images/nav_instagram.png") 0 -34px no-repeat;
}

nav ul li.can {
	margin:0 0 0 15px;
	position:relative;
	top:25px;
}

nav ul li.can img {
	width:auto;
	height:66px;
	transition:all 0.2s ease;
}

nav ul li.can:hover img {
	transform:scale(1.15);
}

#grapico_logo {
	width:223px;
	float:left;
}

#grapico_logo img {
	width:100%;
}


/*-- Nav Mobile --*/

#nav_mobile {
	display:none;
	width:58px;
	height:58px;
	border:5px solid #b588b8;
	border-radius:58px;
	padding:15px 0 0 11px;
	margin:10px 0 0 0;
	float:right;
	cursor:pointer;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#nav_mobile .bar {
	background:#532e6c;
	width:26px;
	height:4px;
	border-radius:4px;
	margin:0 0 3px 0;
}

#nav_mobile .bar:nth-child(3) {
	margin:0;
}

#nav_mobile:hover {
	border:5px solid #532e6c;
}

#nav_mobile_menu {
	display:none;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:900;
}

#nav_mobile_menu ul {
	list-style:none;
	position:relative;
	top:50%;
	margin:-120px 0 0 0;
}

#nav_mobile_menu ul li {
	font:28px/28px "liberatorregular", Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

#nav_mobile_menu ul li:hover {
	color:#ca8bd6;
	cursor:pointer;
}

#nav_mobile_menu hr {
	background-color:#fff;
	border:none;
	border-radius:1px;
	width:14px;
	height:3px;
	margin:10px auto 15px;
}

#nav_mobile_menu .close {
	background:url("../images/nav_close.png") center center no-repeat;
	width:58px;
	height:58px;
	border:5px solid #fff;
	border-radius:58px;
	position:absolute;
	top:25px;
	right:25px;
	z-index:999;
	cursor:pointer;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#grapico_logo_white {
	display:none;
	width:153px;
	position:absolute;
	top:15px;
	left:25px;
	z-index:999;
}

#grapico_logo_white img {
	width:100%;
}

#nav_mobile_menu .facebook {
	background:url("../images/nav_m_facebook.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:absolute;
	bottom:40px;
	left:25px;
}

#nav_mobile_menu .facebook:hover {
	background:url("../images/nav_m_facebook.png") 0 -34px no-repeat;
}

#nav_mobile_menu .twitter {
	background:url("../images/nav_m_twitter.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:absolute;
	bottom:40px;
	left:70px;
}

#nav_mobile_menu .twitter:hover {
	background:url("../images/nav_m_twitter.png") 0 -34px no-repeat;
}

#nav_mobile_menu .instagram {
	background:url("../images/nav_m_instagram.png") 0 0 no-repeat;
	width:34px;
	height:34px;
	position:absolute;
	bottom:40px;
	left:115px;
}

#nav_mobile_menu .instagram:hover {
	background:url("../images/nav_m_instagram.png") 0 -34px no-repeat;
}

#nav_mobile_menu .sunfresh {
	position:absolute;
	bottom:25px;
	right:25px;
}

#nav_mobile_menu .gingerale {
	position:absolute;
	bottom:25px;
	right:70px;
}

#nav_mobile_menu .can img {
	width:auto;
	height:66px;
	transition:all 0.2s ease;
}

#nav_mobile_menu .can:hover img {
	transform:scale(1.15);
}


/*-- Intro --*/

#intro {
	width:1650px;
	height:990px;
	margin:100px auto 0;
}

#intro .intro_bg {
	width:100%;
	height:auto;
}

#intro .flexslider ul li img {
	width:100%;
	height:auto;
}

#intro .flexslider ul li.s1 .intro_photo {
	width:25%;
	position:absolute;
	top:13%;
	right:0;
	opacity:0;
}

#intro .flexslider ul li.s2 .intro_photo {
	width:21.8%;
	position:absolute;
	top:1%;
	left:2%;
	opacity:0;
}

#intro .flexslider ul li.s3 .intro_photo {
	width:38.8%;
	position:absolute;
	top:13%;
	right:-9%;
	opacity:0;
}


/*-- About --*/

#about {
	background:url("../images/about_bg.jpg") no-repeat center center;
	width:100%;
	padding:60px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}

#about p {
	margin:0;
}

#about .flexslider {
	width:45%;
	float:left;
	position:relative;
	z-index:15;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#about .flexslider ul li img {
	width:61%;
	margin:0 auto;
	position:relative;
	top:-50px;
	opacity:0;
}

#about .flexslider ul li.flex-nav-prev a {
	background:url("../images/about_s_prev.png") 0 0 no-repeat;
	width:54px;
	height:54px;
	position:absolute;
	top:50%;
	left:0;
	margin:-27px 0 0 0;
	z-index:900;
	text-indent:-999999px;
}

#about .flexslider ul li.flex-nav-prev a:hover {
	background:url("../images/about_s_prev.png") 0 -54px no-repeat;
}

#about .flexslider ul li.flex-nav-next a {
	background:url("../images/about_s_next.png") 0 0 no-repeat;
	width:54px;
	height:54px;
	position:absolute;
	top:50%;
	right:0;
	margin:-27px 0 0 0;
	z-index:900;
	text-indent:-999999px;
}

#about .flexslider ul li.flex-nav-next a:hover {
	background:url("../images/about_s_next.png") 0 -54px no-repeat;
}

#about .flexslider ul li .date {
	background:url("../images/bg_texture_white.jpg") 0 0 repeat;
	width:0px;
	height:0px;
	border-radius:100px;
	position:absolute;
	top:26%;
	right:23%;
	z-index:2;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}

#about .flexslider ul li .date .inner_circle {
	width:88px;
	height:88px;
	border-radius:88px;
	border:1px solid #b588b8;
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	opacity:0;
}

#about .flexslider ul li .date p {
	font:30px/30px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#532e6c;
	text-align:center;
	position:relative;
	top:50%;
	margin:-37px 0 0 0;
	opacity:0;
}

#about .flexslider ul li .date p span {
	font:16px/16px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:0.06em;
	position:relative;
	left:2px;
}

#about .flexslider ul li .date hr {
	background-color:#532e6c;
	border:none;
	border-radius:1px;
	width:14px;
	height:2px;
	position:absolute;
	bottom:23px;
	left:50%;
	margin:0 0 0 -7px;
	opacity:0;
}

#about .copy {
	width:55%;
	padding:10% 0 0 10%;
	float:left;
}

#about .copy h1 {
	font:80px/80px "trade_gothic_bdcn", Helvetica, sans-serif;
	color:#fff;
	margin:0 0 10px 0;
}

#about .copy p {
	font:20px/34px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
}


/*-- Flavors General --*/

.headline {
	position:absolute;
	top:50%;
	left:0;
	z-index:15;
}

.headline h1 {
	opacity:0;
}

.headline h2 {
	opacity:0;
}

.headline h3 {
	padding:0 0 0 35px;
	display:inline-block;
	position:relative;
	cursor:pointer;
	opacity:0;
}

.headline h3:hover {
	color:#532e6c;
}

.headline h3 span {
	background:url("../images/flavors_plus_purple.png") 0 0 no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:-5px;
	left:0;
}

.headline h3:hover span {
	background:url("../images/flavors_plus_purple.png") 0 -28px no-repeat;
}

.product {
	width:40%;
	float:right;
	position:relative;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.product img {
	width:62.5%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.product img.bg {
	width:120%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-70% 0 0 -60%;
	z-index:1;
}


/*-- Flavors Nutrition Facts --*/

.nutrition_facts {
	width:37%;
	position:absolute;
	top:50%;
	left:0;
	display:none;
	z-index:15;
}

.nutrition_facts h2 {
	color:#532e6c;
}

.nutrition_facts h3 {
	margin:0 0 5px;
}

.nutrition_facts p {
	margin:20px 0;
}

.nutrition_facts ul li {
	border-top:1px solid #555;
}

.nutrition_facts ul li:first-child,
.nutrition_facts ul li:nth-child(2) {
	border-top:0;
}

.nutrition_facts ul li.top {
	margin:0 0 10px;
}

.nutrition_facts ul li.indent {
	margin:0 0 0 27px;
}

.nutrition_facts ul li .col_1 {
	width:65%;
	float:left;
}

.nutrition_facts ul li .col_2 {
	width:35%;
	float:left;
	text-align:right;
}

.nutrition_facts ul li p {
	margin:0;
}

.nutrition_facts ul li p span {
	font:18px/18px "Proxima Nova Bold", Helvetica, sans-serif;
}

.nutrition_facts .close {
	background:url("../images/flavors_close_purple.png") 0 0 no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:5px;
	right:0;
}

.nutrition_facts .close:hover {
	background:url("../images/flavors_close_purple.png") 0 -28px no-repeat;
	cursor:pointer;
}


/*-- Flavors Regular --*/

#flavors_regular {
	background:url("../images/bg_texture_white.jpg") 0 0 repeat;
	width:100%;
	padding:160px 0;
	position:relative;
}

#flavors_regular .headline {
	margin:-155px 0 0 0;
}

#flavors_regular .nutrition_facts {
	left:55%;
	margin:-300px 0 0 0;
}


/*-- Flavors Diet --*/

#flavors_diet {
	background:url("../images/bg_texture_white.jpg") 0 0 repeat;
	width:100%;
	padding:160px 0;
	position:relative;
}

#flavors_diet .headline {
	margin:-205px 0 0 0;
}

#flavors_diet .nutrition_facts {
	left:55%;
	margin:-285px 0 0 0;
}


/*-- Flavors Real Sugar --*/

#flavors_real_sugar {
	background:url("../images/bg_texture_purple.jpg") 0 0 repeat;
	width:100%;
	padding:60px 0;
	position:relative;
}

#flavors_real_sugar h1,
#flavors_real_sugar .headline h3:hover {
	color:#fff;
}

#flavors_real_sugar h2,
#flavors_real_sugar h3 {
	color:#ca8bd6;
}

#flavors_real_sugar h4 {
	background:url("../images/flavors_nf_bg_2.jpg") 0 0 repeat;
}

#flavors_real_sugar .headline {
	left:48%;
	margin:-155px 0 0 0;
}

#flavors_real_sugar .headline h3 span {
	background:url("../images/flavors_plus_white.png") 0 0 no-repeat;
}

#flavors_real_sugar .headline h3:hover span {
	background:url("../images/flavors_plus_white.png") 0 -28px no-repeat;
}

#flavors_real_sugar .product {
	float:none;
}

#flavors_real_sugar .nutrition_facts {
	left:5%;
	margin:-285px 0 0 0;
}

#flavors_real_sugar .nutrition_facts h2,
#flavors_real_sugar .nutrition_facts p {
	color:#fff;
}

#flavors_real_sugar .nutrition_facts ul li {
	border-top:1px solid #fff;
}

#flavors_real_sugar .nutrition_facts ul li:first-child,
#flavors_real_sugar .nutrition_facts ul li:nth-child(2) {
	border-top:0;
}

#flavors_real_sugar .nutrition_facts .close {
	background:url("../images/flavors_close_white.png") 0 0 no-repeat;
}

#flavors_real_sugar .nutrition_facts .close:hover {
	background:url("../images/flavors_close_white.png") 0 -28px no-repeat;
}


/*-- Store Locator --*/

#store_locator {
	background:#532e6c;
	width:100%;
	height:800px;
	position:relative;
	overflow:hidden;
}

.map_search {
	background:url("../images/store_locator_bg.jpg") center top no-repeat;
	width:40%;
	height:800px;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	box-shadow:0 0 4px #000;
}

.map_search .search_container {
	width:450px;
	padding:0 50px;
	margin:0 auto;
}

.map_search .search_container .store_locator_headline {
	width:100%;
	height:auto;
	padding:125px 0 75px;
}

.map_search .search_container h3 {
	color:#fff;
	text-align:center;
	margin:0 0 10px;
}

.map_search .search_container .search {
	position:relative;
}

.map_search .search_container .search #address {
	width:100%;
	background:url("../images/store_locator_search_bg.jpg") center center repeat;
	padding:18px 15px 12px 15px;
	border-radius:5px;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.75);
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.map_search .search_container .search input#addressInput {
	width:80%;
	font:25px/28px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#555;
	border:none;
	background:none;
	
	
}

.map_search .search_container .search input#addressInput::-webkit-input-placeholder { /* WebKit browsers */
    color:#555;
}
.map_search .search_container .search input#addressInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#555;
   opacity:1;
}
.map_search .search_container .search input#addressInput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#555;
   opacity:1;
}
.map_search .search_container .search input#addressInput:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#555;
}

.map_search .search_container .search input#submit {
	background:url("../images/store_locator_search.png") 0 0 no-repeat;
	width:40px;
	height:40px;
	border:0;
	position:absolute;
	top:9px;
	right:6px;
	text-indent:-999999px;
}

.map_search .search_container .search input#submit:hover {
	background:url("../images/store_locator_search.png") 0 -40px no-repeat;
	cursor:pointer;
}

.map_container {
	width:60%;
	height:800px;
	float:left;
	position:absolute;
	top:0;
	right:0;
}

.map_container .inner_shadow {
	box-shadow:inset 0 0 30px rgba(0, 0, 0, 0.3);
}

#map {
	width:100%;
	height:100%;
}

#locationSelect {
	width:320px !important;
	height:34px !important;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	font:16px/16px "Proxima Nova Regular", Helvetica, sans-serif !important;
	color:#646464 !important;
	position:absolute;
	top:8px;
	right:8px;
	z-index:900;
	border:none !important;
	border-radius:4px !important;
    background:url("../images/store_locator_select.png") right 10px top 14px no-repeat #fff !important;
    -webkit-appearance:none !important;
	-moz-appearance:none !important;
}

#locationSelect option {
	border-top:1px solid #e3e3e3;
	padding:5px 10px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}


/*-- Shop Grapico --*/

#shopgrapico {
	background:url("../images/bg_shopgrapico.jpg") no-repeat center top;
	width:100%;
	padding:160px 0;
	position:relative;
}

#shopgrapico #navigation {
	width:100%;
}

#shopgrapico #navigation h2 {
	width:220px;
	height:52px;
	display:inline-block;
	font-size:27px;
	text-align:center;
	background:url("../images/banner.png") no-repeat 0 0;
	color:#fff;
	padding:11px 0 0 0;
	margin:0 15px 100px 0;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#shopgrapico #navigation ul {
	display:inline;
}

#shopgrapico #navigation ul li {
	height:52px;
	display:inline-block;
	padding:17px 25px 0 20px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#shopgrapico #navigation ul li:first-child {
	border-right:1px solid #b588b8;
}

#shopgrapico #navigation a {
	font:25px/25px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#b588b8;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}

#shopgrapico #navigation a.active {
	color:#54276d;
}

#shopgrapico .active .product img {
	display:block;
	opacity:1;
}

#shopgrapico h3 {
	font:62px/65px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#54276d;
	margin:0;
}

#shopgrapico h5 {
	float:left;
	font:54px/57px "liberatorregular", Helvetica, sans-serif;
	color:#b584b9;
	margin:0 30px 20px 0;
}

.button_shop {
	margin:5px 0 0 0;
}

#shopgrapico select {
	font:16px/24px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#555;
}

.tab-content {
	display:none;
}

.tab-content.active {
	display:inherit;
}

#shopgrapico .product {
	width:550px;
	float:left;
}

#shopgrapico .product img {
	width:auto;
	margin-top:-50px;
	margin-left:-50px;
}

#shopgrapico .description {
	width:650px;
	float:left;
}



/*-- Instafeed --*/

#instagram {
	background:#1e1428;
	padding:20px;
	position:relative;
}

#instagram h3 {
	background:url("../images/instagram_icon.png") top center no-repeat;
	font:33px/33px "trade_gothic_bdcn", Helvetica, sans-serif;
	color:#fff;
	width:800px;
	position:absolute;
	padding:120px 0 0;
	top:50%;
	left:50%;
	margin:-75px 0 0 -400px;
	text-align:center;
	z-index:110;
	pointer-events:none;
}

#instagram h3 span {
	margin:0 2px;
}

#instagram h3 span.bullet {
	font:23px/23px "trade_gothic_bdcn", Helvetica, sans-serif;
	margin:0 10px;
	position:relative;
	top:-2px;
}

#instagram a {
	width:16.66%;
	padding:20px;
	float:left;
	position:relative;
	cursor:pointer;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#instagram a img {
	width:100%;
	height:auto;
}

#instagram a .overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#instagram .overlay ul li.center {
	text-align:center;
	margin:0 auto;
}

#instagram .overlay ul li.right {
	float:right;
}


/*-- Footer --*/

footer {
	background:#1e1428;
	width:100%;
	padding:80px 0;
}

#contact {
	width:72%;
	float:left;
	margin:0 14% 0 0;
}

#contact h2 {
	color:#ca8bd6;
}

.send_email {
	position: absolute;
	z-index: 9999;
	display: none;
}
.send_email p {
	color: #fff;
	margin-top: 50px;
}
.send_email img {

}

#footer_nav {
	width:14%;
	float:left;
}

#footer_nav ul {
	list-style:none;
	margin:45px 0 0;
}

#footer_nav ul li {
	font:15px/15px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
	padding:5px 0;
}

#footer_nav ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
}

#footer_nav  ul li.copyright {
	font:12px/12px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
	margin:40px 0 0;
}

#footer_nav img {
	width:100%;
}

#contact .col_1 {
	width:50%;
	float:left;
	padding:0 15px 0 0;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact .col_2 {
	width:50%;
	float:left;
	padding:0 0 0 15px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact input#your_name {
	font:16px/16px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	background:none;
	border:1px solid #684674;
	width:100%;
	padding:10px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact input#your_email {
	font:16px/16px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	background:none;
	border:1px solid #684674;
	width:100%;
	padding:10px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact textarea {
	font:16px/22px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	background:none;
	border:1px solid #684674;
	width:100%;
	height:144px;
	padding:10px;
	margin:30px 0 15px;
	resize:none;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact input#submit {
	background:url("../images/footer_submit.png") right 0 no-repeat !important;
	font:25px/25px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#ca8bd6;
	text-transform:uppercase;
	background:none;
	border:0;
	padding:4px 35px 0 0;
	margin:0;
	cursor:pointer;
}

#contact input#submit:hover {
	background:url("../images/footer_submit.png") right -31px no-repeat !important;
	color:#fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#ca8bd6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ca8bd6;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ca8bd6;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#ca8bd6;
}

#error_nameContact {
	font:14px/14px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:37px;
	left:0;
}

#error_emailContact {
	font:14px/14px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:37px;
	left:447px;
}

#error_questionContact {
	font:14px/14px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:105px;
	left:0;
}

#thankYou_contact {
	font:18px/28px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#fff;
}


/*-- Terms and Privacy --*/

#legal {
	width:100%;
	margin:160px auto 80px;
}

#legal h3 {
	margin:0 0 15px;
}

#legal h4 {
	background:none;
	font:17px/17px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#555;
	text-align:left;
	padding:0;
}

#legal p {
	font:14px/18px "Proxima Nova Regular", Helvetica, sans-serif;
}

#legal .container {
	width:1000px;
}

#legal hr {
	background-color:#bbb;
	border:none;
	height:1px;
	margin:30px 0;
}


/*-- WordPress --*/

.post, .page {
	margin:0;
}

.gfield_label {
	display:none !important;
}

#field_1_1 {
	width:49%;
	display:inline-block;
	padding:0 15px 0 0;
	margin:0 !important;
	border:none !important;
	border-radius:none !important;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#field_1_2 {
	width:49%;
	display:inline-block;
	padding:0 0 0 15px;
	margin:0 !important;
	border:none !important;
	border-radius:none !important;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#input_1_1 {
	font:16px/16px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	background:none;
	width:100%;
	border:1px solid #684674;
	border-radius:none !important;
	margin:0 !important;
	padding:10px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#input_1_2 {
	font:16px/16px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	width:100%;
	background:none;
	border:1px solid #684674;
	border-radius:none !important;
	padding:10px;
	margin:0 !important;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#contact textarea {
	font:16px/22px "Proxima Nova Regular", Helvetica, sans-serif;
	color:#ca8bd6;
	background:none;
	border:1px solid #684674;
	width:100%;
	height:144px;
	padding:10px;
	margin:30px 0 15px !important;
	border-radius:none !important;
	resize:none;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

#gform_submit_button_1 {
	background:url("../images/footer_submit.png") right 0 no-repeat !important;
	font:25px/25px "trade_gothic_bdcn", Helvetica, sans-serif;
	letter-spacing:-0.01em;
	color:#ca8bd6;
	text-transform:uppercase;
	background:none;
	border:0;
	padding:4px 35px 0 0;
	margin:0;
	cursor:pointer;
}

#gform_submit_button_1:hover {
	background:url("../images/footer_submit.png") right -31px no-repeat !important;
	color:#fff;
}

.validation_error {
	display:none !important;
}

.validation_message,
.gform_confirmation_message {
	color:#fff !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background:none !important;
	border-top:none !important;
	border-bottom:none !important;
}


/*-- Media Queries --*/

#intro_m {
	display:none;
}

@media (max-width:1650px) {
	
	#intro {
		width:100%;
		height:auto;
	}
	
	nav .container {
		width:1200px;
	}

	nav ul li {
		font:25px/25px "liberatorregular", Helvetica, sans-serif;
		margin:0 40px 0 0;
	}
	
	nav ul li.facebook {
		margin:0 7px 0 0;
	}
	
	nav ul li.twitter {
		margin:0 7px 0 0;
	}
	
}

@media (max-width:1450px) {
	
	h1 {
		font:100px/90px "trade_gothic_bdcn", Helvetica, sans-serif;
	}
	
	p {
		font:16px/26px "Proxima Nova Regular", Helvetica, sans-serif;
	}
	
	nav ul li {
		font:22px/22px "liberatorregular", Helvetica, sans-serif;
		margin:0 25px 0 0;
	}
	
	nav ul li.facebook {
		margin:0 5px 0 0;
	}
	
	nav ul li.twitter {
		margin:0 5px 0 0;
	}
	
	#grapico_logo {
		width:163px;
		position:relative;
		top:10px;
	}
	
	.container,
	nav .container {
		width:1000px;
	}
	
	#about .copy h1 {
		font:65px/65px "trade_gothic_bdcn", Helvetica, sans-serif;
	}

	#about .copy p {
		font:18px/32px "Proxima Nova Regular", Helvetica, sans-serif;
	}
	
	.product {
		width:44%;
	}
	
	.nutrition_facts {
		width:40%;
	}
	
	#flavors_regular,
	#flavors_diet {
		padding:150px 0;
	}
	
	#flavors_regular .headline {
		margin:-135px 0 0 0;
	}
	
	#flavors_regular .nutrition_facts {
		margin:-275px 0 0 0;
	}
	
	#flavors_diet .headline {
		margin:-195px 0 0 0;
	}
	
	#flavors_diet .nutrition_facts {
		margin:-275px 0 0 0;
	}
	
	#flavors_real_sugar .headline {
		left:45%;
		margin:-140px 0 0 0;
	}
	
	#flavors_real_sugar .nutrition_facts {
		margin:-275px 0 0 0;
	}
	
	#instagram {
		padding:12px;
	}
	
	#instagram a {
		padding:12px;
	}
	
	.map_search {
		width:55%;
	}
	
	.map_container {
		width:45%;
	}

	#shopgrapico .product {
		width:450px;
	}

	#shopgrapico .product img {
		width:500px;
		height:auto;
	}

	#shopgrapico .description {
		width:550px;
	}
	
	#contact {
		width:70%;
		margin:0 13% 0 0;
	}

	#footer_nav {
		width:17%;
	}
	
	#error_emailContact {
		left:365px;
	}
	
	#legal {
		margin:150px auto 80px;
	}
	
}

@media (max-width:1100px) {
	
	nav ul {
		display:none;
	}
	
	h1 {
		font:80px/70px "trade_gothic_bdcn", Helvetica, sans-serif;
	}
	
	#nav_mobile {
		display:block;
	}

	#grapico_logo {
		width:173px;
		top:0;
	}
	
	.container,
	nav .container {
		width:800px;
	}
	
	.inner_shadow {
		box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.3);
	}
	
	#intro {
		margin:85px auto 0;
	}
	
	#about {
		padding:50px 0;
	}
	
	#about .flexslider {
		width:48%;
	}
	
	#about .copy {
		width:52%;
		padding:8% 0 0 7%;
	}
	
	#about .copy h1 {
		font:50px/50px "trade_gothic_bdcn", Helvetica, sans-serif;
	}

	#about .copy p {
		font:16px/28px "Proxima Nova Regular", Helvetica, sans-serif;
	}
	
	#flavors_regular {
		padding:120px 0;
	}
	
	#flavors_regular .headline {
		margin:-110px 0 0 0;
	}
	
	#flavors_diet {
		padding:120px 0;
	}
	
	#flavors_diet .headline {
		margin:-140px 0 0 0;
	}
	
	#flavors_real_sugar {
		padding:50px 0;
	}
	
	#flavors_real_sugar h4 {
		background:url("../images/flavors_nf_bg.jpg") 0 0 repeat;
	}
	
	#flavors_real_sugar .headline {
		margin:-110px 0 0 0;
	}
	
	.nutrition_facts {
		background:url("../images/bg_texture_white.jpg") 0 0 repeat;
		width:280px;
		padding:5px;
		border:5px solid #fff;
		position:fixed;
		top:50%;
		left:50%;
		z-index:900;
	}
	
	.nutrition_facts h2 {
		font:25px/25px "liberatorregular", Helvetica, sans-serif;
		margin:0 0 10px;
	}
	
	.nutrition_facts h3 {
		font:18px/18px "trade_gothic_bdcn", Helvetica, sans-serif;
	}

	.nutrition_facts h4 {
		font:16px/16px "trade_gothic_bdcn", Helvetica, sans-serif;
	}
	
	.nutrition_facts p {
		font:13px/16px "Proxima Nova Regular", Helvetica, sans-serif;
	}
	
	.nutrition_facts ul li p span {
		font:13px/13px "Proxima Nova Bold", Helvetica, sans-serif;
	}
	
	.nutrition_facts .close {
		top:4px;
		right:4px;
	}
	
	#flavors_regular .nutrition_facts {
		left:50%;
		margin:-220px 0 0 -150px;
	}
	
	#flavors_diet .nutrition_facts {
		left:50%;
		margin:-220px 0 0 -150px;
	}
	
	#flavors_real_sugar .nutrition_facts {
		left:50%;
		margin:-215px 0 0 -150px;
	}

	
	#flavors_real_sugar .nutrition_facts h2 {
		color:#532e6c;
	}
	
	#flavors_real_sugar .nutrition_facts h3 {
		color:#b588b8;
	}
	
	#flavors_real_sugar .nutrition_facts p {
		color:#555;
	}

	#flavors_real_sugar .nutrition_facts ul li {
		border-top:1px solid #555;
	}

	#flavors_real_sugar .nutrition_facts .close {
		background:url("../images/flavors_close_purple.png") 0 0 no-repeat;
	}

	#flavors_real_sugar .nutrition_facts .close:hover {
		background:url("../images/flavors_close_purple.png") 0 -28px no-repeat;
	}
	
	.overlay_black {
		background:url("../images/overlay_black.png") 0 0 repeat;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.3);
		z-index:800;
		display:none;
	}
	
	#store_locator {
		height:650px;
	}
	
	.map_search {
		width:100%;
		height:650px;
	}
	
	.map_search .search_container .store_locator_headline {
		padding:70px 0 50px;
	}
	
	.map_container {
		width:100%;
		height:665px;
	}

	#shopgrapico {
		padding:50px 0;
	}
	
	#shopgrapico #navigation {
		text-align:center;
	}

	#shopgrapico #navigation h2 {
		padding-top:15px;
	}

	#shopgrapico .product {
		width:100%;
		text-align:center;
	}

	#shopgrapico h3 {
		text-align:center;
	}

	#shopgrapico h5 {
		text-align:center;
		float:none;
		margin-right:0;
	}

	.button_shop {
		display:block;
		margin:0 auto 20px auto;
	}

	#shopgrapico .product img {
		margin:-50px auto 0 auto;
	}

	#shopgrapico .description {
		width:100%;
	}

	#contact {
		width:69%;
		margin:0 10% 0 0;
	}

	#footer_nav {
		width:21%;
	}
	
	#error_emailContact {
		left:291px;
	}
	
	#legal {
		margin:130px auto 80px;
	}
	
	#legal .container {
		width:100%;
		padding:0 25px;
		-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	box-sizing: border-box;
	}
	
}

@media (max-width:850px) {
	
	#about .flexslider,
	#flavors_regular .headline br,
	#flavors_real_sugar .headline br,
	#flavors_diet .headline br {
		display:none;
	}
	
	h1 {
		font:55px/50px "trade_gothic_bdcn", Helvetica, sans-serif;
		margin:0 0 20px;
	}
	
	h2 {
		font:28px/28px "liberatorregular", Helvetica, sans-serif;
		margin:0 0 15px;
	}
	
	#nav_mobile {
		display:block;
	}
	
	#grapico_logo {
		width:153px;
	}
	
	.container,
	nav .container {
		width:100%;
		padding:0 25px;
		-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	box-sizing: border-box;
	}
	
	.inner_shadow {
		box-shadow:inset 0 0 50px rgba(0, 0, 0, 0.3);
	}

	#about .copy {
		width:100%;
		padding:0;
	}
	
	#about .copy h1 {
		font:45px/45px "trade_gothic_bdcn", Helvetica, sans-serif;
		text-align:center;
	}
	
	#about .copy p {
		font:16px/24px "Proxima Nova Regular", Helvetica, sans-serif;
	}
	
	.headline {
		width:100%;
		position:relative;
		top:0;
		left:0;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	.product {
		width:60%;
		float:none;
		margin:0 auto;
	}
	
	#flavors_regular,
	#flavors_diet,
	#flavors_real_sugar {
		padding:50px 0;
	}
	
	#flavors_regular .headline,
	#flavors_real_sugar .headline,
	#flavors_diet .headline {
		margin:0 0 30px;
		padding:0;
		left:0;
		right:0;
		top:50px;
	}

	#shopgrapico #navigation {
		margin-bottom:20px;
	}

	#shopgrapico #navigation h2 {
		display:block;
		padding:15px 0 0 0;
		margin:0 auto 20px auto;
	}

	#shopgrapico .product img {
		margin-top:0;
	}
	
	#instagram {
		padding:50px;
	}
	
	#instagram .overlay {
		display:none !important;
	}
	
	#instagram h3 {
		background-size:54px 54px;
		font:26px/26px "trade_gothic_bdcn", Helvetica, sans-serif;
		width:100%;
		position:relative;
		padding:80px 0 0;
		top:0;
		left:0;
		margin:0 0 15px;
	}
	
	#instagram h3 span.bullet {
		font:16px/16px "trade_gothic_bdcn", Helvetica, sans-serif;
		top:-4px;
		margin:0 3px;
	}
	
	#instagram a {
		width:33.33%;
	}
	
	footer {
		padding:50px 0;
	}

	#contact {
		width:100%;
		float:none;
		margin:0 0 50px;
	}

	#footer_nav {
		width:100%;
		float:none;
	}
	
	#footer_nav img {
		width:115px;
		height:auto;
		float:left;
		margin:12px 0 0 0;
	}
	
	#footer_nav ul {
		float:right;
		list-style:none;
		margin:0;
	}

	#footer_nav ul li {
		font:12px/12px "Proxima Nova Regular", Helvetica, sans-serif;

		padding:0 0 6px;
	}
	
	#footer_nav  ul li.copyright {
		font:10px/10px "Proxima Nova Regular", Helvetica, sans-serif;
		margin:10px 0 0;
	}
	
	#error_nameContact {
		top:27px;
		left:24px;
	}

	#error_emailContact {
		top:24px;
		left:52.2%;
	}

	#error_questionContact {
		top:95px;
		left:24px;
	}
	
	#legal {
		margin:115px auto 80px;
	}
	
}

@media (max-width:700px) {
	
	#intro,
	#top {
		display:none;
	}
	
	#intro_m {
		display:block;
		width:100%;
		height:auto;
		margin:80px 0 0;
	}
	
	#intro_m .intro_bg_m,
	#intro_m .flexslider ul li img {
		width:100%;
		height:auto;
	}
	
	#shopgrapico #navigation ul li {
		display:block;
	}

	#shopgrapico #navigation ul li:first-child {
		border:0;
	}

	#shopgrapico #navigation ul li:last-child {
		padding-top:0;
	}
}

@media (max-width:550px) {
	
	.product {
		width:80%;
	}
		
	.map_search .search_container {
		width:100%;
		padding:0 50px;
		position:relative;
		top:50%;
		margin-top:-50%;
		-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	box-sizing: border-box;
	}
	
	.map_search .search_container .store_locator_headline {
		padding:0 0 15%;
	}
	
	#locationSelect {
		width:90% !important;
		right:50%;
		top:15px;
		margin:0 -45% 0 0;
	}

	#shopgrapico .product img {
		width:100%;
	}

	#instagram h3 {
		display:none !important;
	}
	
	#instagram {
		padding:8px;
	}
	
	#instagram a {
		padding:8px;
	}
	
	#contact .col_1 {
		width:100%;
		float:none;
		padding:0;
		margin:0 0 30px;
	}
	
	#contact .col_2 {
		width:100%;
		float:none;
		padding:0;
	}

	#error_emailContact {
		top:95px;
		left:24px;
	}

	#error_questionContact {
		top:163px;
	}
	
}

@media (max-width:400px) {
	
	#store_locator {
		height:500px;
	}

	.map_search {
		height:500px;
	}

	.map_container {
		height:515px;
	}
	
}