/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Oleo Script', cursive;
font-weight:normal;
color:rgb(127,37,87);
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight: lighter;
}
li{
font-family: 'Oleo Script', cursive;
color: rgb(147,61,109);
}
.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background: url(img/backgrounds/bg-top-trans.png) left top no-repeat,
url(img/backgrounds/bg-default.jpg)left top repeat;
background-size:100%, auto;
font:normal 0.9em/150%;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* PAGE*/
.page{
position: relative;
overflow: visible;
}
/* HEADER*/
.header{
position: relative;
height:300px;
margin-bottom: -5%;
z-index: 999;
}
	.header img{
	position: absolute;
	}
		.header #lead{
		bottom: 10%;
		right: 30%;
		}
		.header #logo_words{
		right:20%;
		top: 10%;
		width: 60%;
		}
		.header #logo{
		top:0;
		left: 0;
		width: 25%;
		}
	.header #media{
	position: absolute;
	display: block;
	right: 0.4%;
	bottom: 4.5%;
	}
		#media .media{
		background: url(img/media.png) no-repeat;
		background-size: cover;
		width: 45px;
		height: 45px;
		line-height: 70px;
		text-align: center;
		display: inline-block;
		position: relative;
		}
			.media i{
			position: absolute;
			top:50%;
			left:50%;
			-webkit-transform:translate(-50%,-50%);/* Chrome, Safari, Opera */
			-ms-transform: translate(-50%,-50%); /* IE 9 */
    		transform: translate(-50%,-50%);
			font-size: 1.3em;
			color: white;
			text-shadow:3px 1px 1px rgba(0,0,0,0.2);;
			}
			#media span{
			display: block;
			font-family: 'Oleo Script', cursive;
			font-weight:normal;
			font-size: 1.5em;
			color:rgb(147,61,109);
			text-align: center;
			}
/* MENU TOGGLE*/
body>a{

}
#menu-toggle{
background-color:rgb(147,61,109);
border:1px solid rgb(127,37,87);
width: 100%;
color:white;
cursor: pointer;
font-family: 'Oleo Script', cursive;
font-weight:normal;
z-index: 1001;
text-decoration: none;
}
	#menu-toggle .fa{
	color:rgb(147,61,109);
	}
	#menu-toggle .fa-bars{
	color:white;
	}
/* NAV BAR*/
.navbar{
position: relative;
width:1030px;
margin-left: -85px;
margin-bottom: -100px;
height: 96px;
background: url(img/nav.png);
background-size: 100%;
z-index:1000;
text-align: center;
}
	.navbar #logo{
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		vertical-align: center;
		margin-top: 25px;
		position:relative;
		}
		.navbar li:before{
		font-size: 1.5em;
		content:'\2022';
		vertical-align: center;
		}
		.navbar .first:before{
		content: " ";
		}
		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.3em;
		}

		.navbar li:hover>ul{
		display:block;
		}
			.navbar ul{
			margin:0;
			padding:0;
			position: absolute;
			top:100%;
			left:0;
			z-index:1000;
			display: none;
			width: 100%;
			}
				.navbar ul li{
				display:block;
				background: #bf84a5;
				padding: 0;
				margin: 0;
				border: 2px solid #d7b2c7;
				}
					.navbar ul li:hover{
					background: rgb(127,37,87);
					}
					.navbar ul li:before{
					display:none;
					}
					.navbar ul li a{
					padding: 5% 10%;
					margin: 0;
					}
			/* subsubmenus */
			.navbar ul ul{
			top:0;
			left:100%;
			}


/*CALLOUT*/
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

/* Box*/

.box{
background-color: #fff;
padding: 10px;
position: relative;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
margin-bottom: 3%;
}
	.box p{
		font-family: times;
		color: rgb(147,61,109);
		font-size: 1.05em;
		line-height: 1.1em;
	}
	.box-hero p{
	font-family: times;
	color: rgb(147,61,109);
	text-align: center;
	padding: 5% 20% 0 20%;
	font-size: 1.05em;
	line-height: 1.9em;
	}
	.box-hero input[type="text"]{
	width:100%;
	height: 50px;
	background: rgb(127,37,87);
	border-radius: 0px;
	color:white;
	text-align: center;
	margin-bottom: 10.5%;
	font-family: 'Oleo Script', cursive;
	font-weight:normal;
	}
	::-webkit-input-placeholder {color: white;}
	:-moz-placeholder { /* Firefox 18- */	color: white;  }
	::-moz-placeholder {  /* Firefox 19+ */color: white;  }	
	:-ms-input-placeholder {  color: white;  }
	.box h3{
	text-align: center;
	font-size: 3em;
	z-index: 10;
	}
		.box h3 span{
			font-size: .5em;
			display: block;
			margin-bottom: -1em;
			margin-top: -1em;
		}
		.box:after{
		padding-top: 100px;
		display:block;
		content:"";
		width: 100%;
		background: url(img/backgrounds/transparent.png) center center no-repeat;
		margin-bottom: 10%;
		}
	.fancy-button{
	position: absolute;
	font-family: 'Oleo Script', cursive;
	font-weight:lighter;
	color:white;	
	font-size: 1.15em;
	text-align: center;
	line-height: 70px;
	text-decoration: none;
	}
		.fancy-button:after{
			content:"»";
			color:rgb(127,37,87);;
		}
		.box .fancy-button{
		background:none;
		background-image: url(img/btn-big.png);
		height: 70px;
		width:215px;
		color:white;
		border: none;
		overflow: visible;
		display:block;
		right: -3.5%;
		bottom: 8%;
		}
		.box.little{
		padding: 12.5%;
		text-align: center;
		margin-bottom: 10%;
		}
			.box.little:after{
			 display: none;
			}
			.box.little img{
			margin-bottom:-7% ;
			margin-top:-8% ;
			z-index: 0;
			}
			.row{
			overflow: visible;
			}
				.box.little .fancy-button{
				background:none;
				background-image: url(img/btn-little.png);
				height: 65px;
				width:223px;
				border: none;
				display:block;
				bottom: 0;
				left: 50%;
				-webkit-transform:translate(-50%,0);/* Chrome, Safari, Opera */
				-ms-transform: translate(-50%,0); /* IE 9 */
	    		transform: translate(-50%,0);
				margin-bottom: -8%;
				}
				.box.little #separator{
				margin: 5% 0 10.5% 0;
				}
	.box-image{
	position: relative;
	}	
		.box-image h3{
		position: absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);/* Chrome, Safari, Opera */
		-ms-transform: translate(-50%,-50%); /* IE 9 */
		transform: translate(-50%,-50%);
		font-size: 2.8em;
		}
		.box-image img{
		margin: 0 auto;
		display:block;
		width:100%;
		}
		#first-box{
		padding-top: 100px;
		}

/* lines*/
.bot-line{
background:url("img/backgrounds/background-bot.png") repeat-x;
height: 68px;
width: 100%;
}

.top-line{
background:url("img/backgrounds/background-top.png") repeat-x;
height: 68px;
width: 100%;
}
/*GoCartCatalog*/
.GoCartCatalog{
width: 85%;
}
	.GoCartCatalogSorting{
	text-align: center; 
	}
		.GoCartCatalogSorting ul li{
		margin-top:1%;
		margin-bottom: 5%;
		display: inline-block;
		background: rgb(127,37,87);
		border-radius: 5px;
		padding: 0.5% 1%;
		}
			.GoCartCatalogSorting ul li a{
			text-decoration: none;
			color:white;
			}
	.GoCartCatalogProduct{
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 7%;
	}
		.GoCartCatalogProductMiddleTop{
		width: 52.5%;
		text-align: left;
		position: absolute;
		top:0;
		right: 0;
		}
			.GoCartCatalogProductMiddleTop span{
			font-family: 'Oleo Script', cursive;
			font-weight:normal;
			color:rgb(127,37,87);
			font-size: 1.3em;
			line-height: 1em;
			}
		#GoCartCatalogProductListA{
		display: block;
		position: absolute;
		text-align: left;
		right:0;
		top:30%;
		width:52.5%;
		-webkit-transform:translate(0,-50%);/* Chrome, Safari, Opera */
		-ms-transform: translate(0,-50%); /* IE 9 */
		transform: translate(0,-50%);
		}
			#GoCartCatalogProductListA li{
			display: inline-block;
			font-family: 'times';
			font-weight:normal;
			}
			.GoCartCatalogProductMiddle:after{
			clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;
			}
			.GoCartCatalogProductImage{
			float:left;
			min-height: 180px;
			}
				.GoCartCatalogProductImage img{
				width: 200px;
				height: auto;
				}
		.GoCartCatalogProductBottom{
		text-align: left;
		width: 52.5%;
		position: absolute;
		right: 0;
		bottom: 20%;
		}
			.GoCartCatalogProductBottom .Links a{
			display: inline-block;
			border: none;
			background: rgb(127,37,87);
			text-decoration: none;
			color:white;
			margin-top: 2%;
			}
			
			.GoCartCatalogProductOptions label {
				display: none;
			}
			.GoCartCatalogProductOptions label[for=GoCartProductOptionInput_27] {
				display: block;
				margin-top: 10px;
				color: rgb(127,37,87);
			}
		.GoCartCatalogPagination{
		text-align: center;
		}

/*SIDEBAR*/
.col_4>h6{
	margin-top: -20px;
}
#GoCartCartComponentLinksTop,
#GoCartCartComponentLinksTop+form,
#GoCartCartComponentTotals,
#GoCartCartComponentLinksBottom{
background: rgb(243,205,210);
color: rgb(127,37,87);
font-family: 'arial';
width: 110%;
margin-left: -10%;
padding: 5%;
}
	.GoCartCartComponentRight .Quantity .Input {
		display:none;
	}
	#GoCartCartComponentTotals{
	margin-bottom: 0;
	}
		#GoCartCartComponentTotals tr>td{
		padding-left:5%;
		}
	#GoCartCartComponentLinksTop{
	border-radius: 5px 5px 0 0;
	padding-top: 0;
	}
	#GoCartCartComponentLinksBottom{
		border-radius: 0 0 5px 5px;
	}
		#GoCartCartComponentLinksTop a {
		display: none;
		}
		#GoCartCartComponentLinksBottom a{
		text-decoration: none;
		display: inline-block;
		background: rgb(127,37,87);
		border-radius: 5px;
		color:white;
		font-family: 'arial';
		padding: 2% 4%;
		margin-left: 47%;
		width: 47%;
		text-align: center;
		}
		#GoCartCartComponentLinksBottom .ContinueShopping{
			display:none;
		}
	#GoCartCartComponentCouponCode,
	#GoCartCartComponentCartButtons{
	padding: 0 0 3% 0;
	}
		#GoCartCartComponentCartButtons input{
		width: 49%;
		}
		#GoCartCartComponentCouponCode span{
		margin-bottom: 3%;
		}
		#GoCartCartComponentCouponCode input{
		width: 100%;
		}
		#GoCartCartComponentProducts .GoCartCartComponentLeft{
		padding-left:0;
		}
		#GoCartCartComponentProducts .ProductName{
		font-family: 'Oleo Script', cursive;
		font-weight:normal;
		color:rgb(127,37,87);
		font-size:1.3em;
		margin:0px;
		}
	#GoCartCartComponentLinksTop input,
	#GoCartCartComponentLinksTop+form input,
	#GoCartCartComponentTotals input,
	#GoCartCartComponentLinksBottom input{
	background: rgb(127,37,87);
	color:white;
	font-family: 'arial';
	}
		a.button.small{
		background: rgb(127,37,87);
		color:white;
		font-family: 'arial';
		}
	div.GoCartCatalogSorting, div.GoCartCatalogPagination {
		display: none;
	}
	
	.GoCartCatalogProductMoreInfo, .GoCartCatalogProductDivider {
			display: none;
		}

#PasswordForm input{
	background: rgb(127,37,87);
	color:white;
	font-family: 'arial';
}
/*FORM1*/
#Form1{
}
	.RegistrationFormColumn{
		background-color: rgb(243,205,210) ;
		border:none;
		margin-top: 15px;
	}
		.RegistrationFormSectionList{
			margin-left: 0;
		}
			.RegistrationFormSectionList li{
			display: block;
			text-align: left;
			}
			.RegistrationFormSectionList input,
			.RegistrationFormSectionList textarea{
			width:100%;
			height: 50px;
			background: rgb(127,37,87);
			border-radius: 0px;
			color:white;
			padding-left:1%;
			margin-bottom: 0.5%;
			font-family: 'times';
			font-weight:normal;
			}
	#Form1 .Button{
	background: rgb(127,37,87);
	color:white;
	font-family: 'Oleo Script', cursive;
	font-weight:lighter;
	}

/*MODAL*/
#simplemodal-container{
overflow-y:auto;
background-color: rgb(243,205,210);
font-family: "arial";
}
	#simplemodal-container .modal-title,
	#simplemodal-container .fa{
	background: rgb(127,37,87);
	color: rgb(243,205,210);
	text-align: left;
	}
	#simplemodal-container .flavor-selector {
    
	}
	#simplemodal-container .flavor-selector img{
	/*display: block;
	margin: 5% auto 1% auto;*/
	width: 50px;
	}
	#flavor-continue-button, #date-continue-button{
	background: rgb(127,37,87);
	color:white;
	text-align: center;
	}
	#date-picker{
		margin: 5px auto;
	}
/*Checkout*/
.checkout{
padding: 0 5%;
text-align: right;
}
	form.checkout>div{
	text-align: left;
	margin-bottom: 5%;
	}
	.checkout div>p{
	font-size: 1.4em;
	color:rgb(127,37,87);

	}
	.checkout label{
	text-align: left;
	font-family: "arial";
	}
	.checkout input{
	background: rgb(127,37,87);
	color:white;
	padding: 1% 0.5%;
	}	
	.checkout button{
	background: rgb(127,37,87);
	color:white;
	}
		.checkout textarea{
		background: rgb(127,37,87);
		color:white;
		padding: 1% 0.5%;
		width: 100%;
		}
		.checkout select{
		background: rgb(243,205,210);
		color:rgb(127,37,87);
		padding: 1% 0.5%;
		}			
			.checkout select option{
			background: rgb(127,37,87);
			color:white;
			}
	
/*GoCartOrderComplete*/
.GoCartOrderComplete{
padding: 0 5%;
}
	.GoCartOrderDetails table{
	margin: 2% -1% 5% -1%;
	width: 100%;
	}
		.GoCartOrderDetails table th{
		font-size: 1.2em;
		color:rgb(127,37,87);
		}
/*GoCartStripePayment*/
.GoCartStripePayment{
padding: 0 5%;
}
	.GoCartStripePayment table{
	margin: 2% -1% 5% -1%;
	width: 100%;
	}

		.GoCartStripePayment table .Label{
		font-size: 1em;
		color:rgb(127,37,87);
		}
	#StripeForm input{
	border: none;
	background: rgb(127,37,87);
	color:white;
	padding: 1% 0.5%;
	}
	#StripeForm select{
	background: rgb(243,205,210);
	color:rgb(127,37,87);
	padding: 1% 0.5%;
	}	
		#StripeForm select option{
		background: rgb(127,37,87);
		color:white;
		}
	.GoCartStripePaymentSubmit{
	text-align: right;
	}
		.GoCartStripePaymentSubmit button{
		background: rgb(127,37,87);
		color:white;
		}

/*BIG SIZE*/
@media all and (min-width: 860px)  {
	.page{
	width:860px;
	margin: 0 auto;
	}
	#menu-toggle{
	display: none;
	}
	.checkout-login {
		width: 49%;
		float: left;
	}
	.checkout-register {
		width: 49%;
		float: right;
	}
}
/*SMALL SIZE*/
@media all and (max-width: 860px) {
	.header{
	padding-top:  30%;
	margin-bottom: 0;
	height: 0;
	z-index: -99;
	}
		.header #lead,.header #media a,.navbar li:before,.box.little #separator{
		display: none;
		}
		
		.header #media span {
			font-size: 0.7em;
		}
	#menu-toggle{
	display: block;
	margin-bottom:-2%;
	z-index: 1000;
	}
	.navbar{
	background-image: none;
	width: 100%;
	margin: 0;
	display:none;
	}
		.navbar li{
		display: block;
		width: 100%;
		background: rgb(147,61,109);
		color: white;
		border-bottom: 1px solid rgb(127,37,87);
		margin-top: 0;
		padding-top: 25px;
		}
		.navbar ul{
		position: relative;
		}
		.navbar ul ul{
		left:0;
		top:100%;
		}
	.box{
	margin-bottom: 10%;
	padding: 3px;
	}
		.box h3{
		font-size: 2.5em;
		}
		#first-box{
		/*z-index: -98;*/
		padding-top: 10px;
		}
		.box:after{
		background: none;
		}
		.box p{
		padding: 5% 5% 0 5%;
		}
		.box.little img{
		margin-top: 0;
		}
	.GoCartCatalog{
	width: 100%;
	}
	#GoCartCartComponentLinksTop a{
		text-decoration: none;
		display: inline-block;
		background: rgb(127,37,87);
		border-radius: 5px;
		color:white;
		font-family: 'arial';
		padding: 2% 4%;
		width: 47%;
		text-align: center;
		}
		#GoCartCartComponentLinksBottom a, #GoCartCartComponentLinksBottom .ContinueShopping{
			display: inline-block;
			margin-left: 0px;
		}
	#GoCartCartComponentLinksTop,
	#GoCartCartComponentLinksTop+form,
	#GoCartCartComponentTotals,
	#GoCartCartComponentLinksBottom{
	width: 100%;
	margin-left:0;
	padding: 5%;
	}
	.GoCartOrderDetails table th{
	font-size: 0.8em;
	}
	.GoCartCatalogProductMiddleTop{
	position: relative;
	text-align: center;
	width: 100%;
	margin-bottom: 2%;
	margin-top: 10%;
	}
		#GoCartCatalogProductListA{
		display: inline-block;
		position: relative;
		width: 100%;
		margin:0;
		-webkit-transform:translate(0,0);/* Chrome, Safari, Opera */
		-ms-transform: translate(0,0); /* IE 9 */
		transform: translate(0,0);
		}
		#GoCartCatalogProductListB{
		margin:0;
		}
		#GoCartCatalogProductListA li{
		width: 100%;
		text-align: center;
		}
			.GoCartCatalogProductImage{
				float: none;
				display: block;
			}
				.GoCartCatalogProductImage img{
				display: block;
				margin: 0 auto;
				}
		.GoCartCatalogProductBottom{
		text-align: center;
		width: 100%;
		position: relative;
		}
}

div.checkout div.instructions {
	display: none;
}

.GoCartStripePayment .Header{
font-family: 'Oleo Script', cursive;
font-weight:normal;
color:rgb(127,37,87);
font-size:2em;
margin:30px 0 10px 0;
}

div.contact-dialog {
	width: 80%;
}