/** Shopify CDN: Minification failed

Line 392:12 Expected ":"
Line 914:3 Expected identifier but found "*"
Line 934:6 Expected identifier but found "*"
Line 2123:0 Unexpected ".404"
Line 2158:1 Expected identifier but found "*"
Line 2159:1 Expected identifier but found "*"
Line 2610:12 Expected ":"
Line 2640:20 Expected identifier but found "0"

**/
/*** INDEX ***

01. Base Content Styles
02. Structure
03. Header
04. Index (homepage)
05. Collections
06. Product
07. Secondary pages
08. Cart
09. Account
10. Footer
11. Utils

Media Queries
*/

/*****************************************************************************
 * 01. Base Content Styles
 */
html body * {
  	-webkit-font-smoothing: antialiased;
}
body {
	background-color: #ffffff;
	font-family: "Montserrat",  Garamond, Baskerville, Caslon, serif;
	font-size: 18px;
	color: #8b8b8b;
	
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #84c830;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
h1.theme,
h2.theme,
h3.theme,
h4.theme,
h5.theme,
h6.theme {
  	text-align: center;
	font-size: 24px;
	font-family:"Josefin Sans", Trebuchet MS, sans-serif;
    text-transform: none;
  	position: relative;
  	z-index: 11;
}
h4.theme,
h5.theme,
h6.theme {
    color: #8b8b8b;
  	font-weight: normal;
	font-size: 18px;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
p {
	color: #8b8b8b;
	line-height: 1.7;
	font-weight: normal;
	margin: 0 0 0.5em;
	font-size:18px;
}
a {
    text-decoration: none;
	color: #18007f
}
a:hover {
	color: #ff06d9
}
blockquote {
	padding-left: 1.5em;
	border-left: 5px solid #18007f;
	margin: 0 0 1.5em 1.25em;
}
ul, ol{
	margin: 0 0 1.5em 1.3em;
}
li{
	margin: 0 0 0.25em 0;
}
.hr {
	width: 100%;
	height: 1px;
	background: transparent;
	border-bottom: 1px solid #18007f;
	margin: 19px 0 20px 0;
}
.mobile {
 	display: none;
}
.mobile-small {
	display: none;
}

/* table and DL styles */

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #18007f;
    margin: 1em 0;
}
table tr > th,
table tr > td {
    border-bottom: 1px solid #18007f;
    border-right: 1px solid #18007f;
    padding: 10px;
    line-height: 1.3;
    vertical-align: middle;
}
table tr > th {
	color: #84c830;
	text-transform:none;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
}
.table {
 	display: table;
  	width: 100%;
  	height: 100%;
}
.table-cell {
 	display: table-cell;
  	width: 100%;
  	height: 100%;
  	vertical-align: middle;
}
dl {
  margin-bottom: 1.5em;
}
dt,
dd {
  line-height: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: .8em;
}

/* form element styles */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
	border: solid 1px #84c830;
  	-moz-border-radius: 0;
  	border-radius: 0;
	background: #e7e7e7;
	color: #959595;
	padding: 5px;
	font-family: "Montserrat",  Garamond, Baskerville, Caslon, serif;
	font-size: 18px;
  	-webkit-appearance: none;
}
textarea {
	resize:none;
}
input[type="image"]{
	border: none;
}
button {
	width: auto;
	overflow: visible;
}
.btn,
.button,
button {
  	border: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	display: inline-block;
	background:#84c830;
    font-weight: bold;
	margin: 0 0 .5em 0;
	color:#ffffff;
	padding:10px;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	-ms-transition: background 0.25s ease-in;
	-o-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
    font-size: 18px;
  	-webkit-appearance: none;
}
.btn:hover,
.button:hover,
button:hover {
	background:#18007f;
	color:#ffffff;
	cursor:pointer;
}
.btn.sml,
.buttom.sml {
    font-size: 0.9em;
    padding: 8px;
}
input.error{
	color: #990000;
	color:rgb(193, 87, 82);
}
label {
	vertical-align:top;
	display:inline-block;
  	padding: 5px 0;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
}
input[type="checkbox"], input.checkbox, input[type="radio"], input.radio {
	margin-top:3px;
	margin-right:10px;
	float:left;
}
.form-row label {
	vertical-align:middle;
	display:inline-block;
}
input:focus {
	outline:none;
}
select {
	margin-left:10px;
    outline: none !important;
 	border: 1px solid #84c830;
    border-radius: 0px;
    width: 150px !important;
    padding: 5px;
    line-height: 1;
    height: 30px;
    -webkit-appearance: none;
  	-webkit-padding-end: 30px;
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons-carat.png?v=80475415077807367201440410027) right center no-repeat #e7e7e7;
  	font-family:Montserrat, Garamond, Baskerville, Caslon, serif;
  	font-size: 17px;
	color: #959595;
}

/***************************************************************************
 * 02. Structure
 */

html,body {
	min-height: 100%;
}
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container {
	margin:0;
	padding:0;
	/*overflow:hidden;*/
	display:block;
	width:100%;
	min-height:100%;
}
.content-container {
  	margin: auto;
 	max-width: 1100px;
}
#IE8bg {
 	display: none;
}

/**
 * Justify
 */

.just {
 	text-align: justify;
  	font-size: 0.01em;
}
	/* full-bleed text align justify needs a smaller font size */
	.product-grid.just {
  		font-size: 0.001px;
	}
.just > * {
  	display: inline-block;
	text-align: left;
  	vertical-align: top;
	font-size: 18px;
}
.just:after {
	content:'';
	display: inline-block;
	width: 100%;
  	height: 0;
}

/*****************************************************************************
 * 03. Header
 */
#Header {
	margin: 0;
  	padding: 0;
	position: relative;
	z-index: 100;
	vertical-align:baseline;
	text-align: center;
  	background: #ffffff;
  	color: #3c2c8d;
}
#Header .wrap {
	position: relative;
  	line-height: 1;
  	z-index: 99;
}
#Header h1 {
	font-weight: normal;
	font-family:"Josefin Sans", Trebuchet MS, sans-serif;
	font-size: 36px;
  	line-height: 1;
	color: #34b445;
	vertical-align:middle;
	margin: 0;
  	padding: 10px 0;
	display: block;
	position: relative;
	z-index: 3;
  	text-align: center;
  	clear: both;
}
#Header h1 a {
	text-decoration: none;
	color: #34b445;
	vertical-align:middle;
	display: table;
  	margin: auto;
  	padding: 0 20px;
}
#Header h1 a:hover {
	color: #be5754;
}
#Header h1 a img {
	display: block;
  	width: px;
  	height: px;
  	max-width: 100%;
}
#Header nav {
	text-decoration: none;
	position:relative;
	color: #ffffff;
	background-color: #84c830;
	z-index: 3;
}
#Header nav a {
	padding: 12px 15px;
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
	font-weight bold;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	-ms-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
#Header nav a:hover,
#Header nav .active a {
	color: #18007f;
}
#Header nav ul {
	/*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: 	 hidden;
	-ms-backface-visibility: 	 hidden;
	-o-backface-visibility: 	 hidden;
	backface-visibility:	 	 hidden;*/
	position:relative;
	padding: 0;
	margin: 0;
	display:block;
}

#Header nav ul {
	border-top: 1px solid #18007f;
	border-bottom: 1px solid #18007f;
}

#Header nav ul li {
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
}
#Header nav ul li.mobile {
 	display: none;
}
#Header nav ul.submenu {
  	width: 100%;
    background: #8b8b8b;
    color: #ffffff;
  	border: 0;
}
#Header nav ul.submenu a {
    color: #ffffff;
}
#Header nav ul.submenu a:hover,
#Header nav ul.submenu .active a {
    color: #18007f;
}
#Header nav a.mobile,
#Header #MainNav ul.submenu {
    display: none;
}


#Header nav ul li.has-sub-nav > a:after {
    font-family: FontAwesome;
 	content: ' \f107';
  	padding-left: 5px;
}

/* Dropdown */
#Header #MainNav ul.submenu {
  	display: none;
  	position: absolute;
  	top: 100%;
  	left: 0;
  	right: 0;
  	z-index: 999;
}
#Header nav ul li.back {
  	display: none;
}


#TopBar {
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	text-align: right;
	padding: 20px 30px 0;
	z-index: 1;
    font-size: 17px;
}
#TopBar #CartButton {
	margin: 0 0 0 15px;
}
#TopBar a,
#TopBar span.welcome {
	text-decoration: none;
	display: inline-block;
	margin: 0 0 10px 15px;
    color: #030026;
}
#TopBar a.mobile {
 	display: none;
}
#TopBar a:hover,
#TopBar a:hover span,
#SearchToggle.open,
#SearchToggle.open .search-toggle {
	color: #cd6800;
}
#TopBar #SearchToggle {
  	margin-left: 0;
 	float: left;
  display:none;
}

.search {
    position: relative;
  	height: auto;
    max-height: 0;
    width: 100%;
    z-index: 1000;
    background: #e7e7e7;
    overflow: hidden;
	-webkit-transition: max-height 0.2s ease-in-out;
	-moz-transition: max-height 0.2s ease-in-out;
	-o-transition: max-height 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
}
.search.open {
  border-top: 1px solid #84c830; 
  	border-bottom: 1px solid #84c830;
    max-height: 100px;
}
.search-toggle {
	font-size: 11px;
	display: inline-block;
	margin: 0 0 0 5px;
	background: transparent;
	border: 0;
  	position: relative;
  	top: -1px;
  	right: 1px;
}
.search input:focus{
	outline: none;
}
.search .search-query {
	padding: 0 80px 0 30px;
	height: 100px;
	color: #959595;
	font-size: 30px;
	background: #e7e7e7;
	outline:none;
	margin: 0;
	border: 0;
	width: 100%;
	font-family: "Montserrat",  Garamond, Baskerville, Caslon, serif;
}
.search .remove-search {
  	position: absolute;
  	right: 30px;
  	top: 25px;
  	cursor: pointer;
	color: #959595;
  	width: 50px;
  	height: 50px;
}
.search .remove-search:before,
.search .remove-search:after {
    content: '';
    position: absolute;
    width: 50px;
    top: 50%;
  	left: 0;
    height: 1px;
    background: #959595;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);

	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.search .remove-search:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search .remove-search:hover:before,
.search .remove-search:hover:after {
 	background: #18007f;
}

/* promo bar */

.promo {
  	text-align: center;
 	padding: 8px 30px 6px;
    font-size: 14px;
  	color: #7bdd25;
    background: #ffffff;
	border-bottom: 1px solid #18007f;
}
.promo strong {
  	display: inline-block;
  	margin-right: 5px;
    color: #1d1c59;
}

/**
 * Content
 */
.content-wrapper {
	margin:0;
	padding:0 0 40px 0;
	min-width:100%;
	/*overflow:hidden;*/
	display:block;
	position:relative;
	text-align:center;
}
.template-product .content-wrapper,
.template-index .content-wrapper,
.template-collection .content-wrapper,
.template-list-collections .content-wrapper,
.template-search .content-wrapper
{
	padding:0;
}

/*****************************************************************************
/* 04. Index */

#Hero {
    position: relative;
    
    overflow: hidden;
  border-bottom: 1px solid #18007f;
}
#Hero img {
 	display: block;
  	margin: auto;
  	width: 100%;
}

/**
 * Video
 */

#HeroVideo iframe {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}

/**
 * Fader/slideshow
 */

.fader {
    position: relative;
	width: 100%;
	margin: 0 auto;
	-webkit-transform: translate3d(0, 0, 0);
    /*overflow: hidden; -- breaks fade transition */
}
.fader .slide {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    font-size: 0.001px;
}
.fader .slide > * {
  	width: 100%;
  	display: inline-block;
  	position: relative;
}
.fader .slide .hero-left,
.fader .slide .hero-right {
  	width: 50%;
}
.fader .slide img {
  	max-width: 100%;
}
/* loading */
.fader.loading {
	background:url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/loading.gif?v=80102107862799239311440410028) no-repeat center center;
  	min-height: 600px;
}
.fader.loading:after {
  content: 'loading';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  margin-top: 15px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Georgia', times new roman, serif;
}
.fader.loading .slide {
 	opacity: 0;
}
/* end loading ****/

.hero .slide-pos {
   	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	width: 100%;
  	text-align: center;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;

   	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.hero.hero-right .slide-pos {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.active .hero .slide-pos {
    bottom: 68px;
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hero .slide-details {
  	z-index: 999;
  
  	background: rgba(255,255,255,0.7);
  
  	display: inline-block;
  	margin: auto;
  	padding: 30px;
  	max-width: 85%;
  	min-width: 25%;
  	position: relative;
    -webkit-transition: top 0.15s ease-out;
    -moz-transition: top 0.15s ease-out;
    -ms-transition: top 0.15s ease-out;
    -o-transition: top 0.15s ease-out;
    transition: top 0.15s ease-out;
  	top: 0;
  	left: 0;
}
.hero-left .slide-details,
.hero-right .slide-details {
 	min-width: 50%;
}

.rgba .hero .slide-details:hover {
 	top: -5px;
}

.hero .slide-details h3 {
  	font-size: 24px;
  	margin: 0 0 0.5em;
  	text-transform: none;
}
.hero .slide-details p {
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
  	font-size: 18px;
  	margin: 0;
}
.hero .slide-details h3,
.hero .slide-details p {
  
  	color: #555555;
  
}
.bx-prev,
.bx-next{
	position: absolute;
	height: 80px;
	line-height: 80px;
	width: 100px;
	font-size: 80px;
	text-align: center;
	color: #fff;
	top: 50%;
	left: 0;
	z-index: 99;
	margin-top: -40px;
	cursor: pointer;
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#Hero:hover .bx-prev,
#Hero:hover .bx-next {
	opacity:0.7;
}
#Hero:hover .bx-prev:hover,
#Hero:hover .bx-next:hover{
	opacity:1;
  	color: #fff;
}
.bx-next{
	left: auto;
	right: 0;
}
.bx-pager div:hover,
.bx-pager div.active{
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}

.bx-pager {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0px;
	text-align: center;
	z-index: 99;
	padding: 0;
  	margin: 0;
}
.bx-pager > div {
	display: block;
	width: 50%;
	height: 5px;
	margin: 0;
  	background: #ffffff;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
  	text-align: left;
  	float: left;
}
.bx-pager div a {
  display: block;
  height: 5px;
  text-indent: -9999em;
  width: 0;
  background: #e4e4e4;
  visibility: hidden;
}
.bx-pager div.active a {
  	visibility: visible;
 	width: 100%;
    -webkit-transition: width 8s linear;
    -moz-transition: width 8s linear;
    -o-transition: width 8s linear;
    -ms-transition: width 8s linear;
    transition: width 8s linear;
}

/**
 * Homepage content boxes
 */

.hero-bottom {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.hero-bottom > div {
	width:33.33%;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
    background: #8b8b8b;
    color: #ffffff;
  	border: 0;
  	
  		border-bottom: 1px solid #18007f;
  		border-right: 1px solid #18007f;
    
  	/*float: left; /*for firefox? */
}
/*.hero-bottom > div:last-child {
 	border-right: 0;  (firefox issues?)
}*/
.hero-bottom > div .content {
  	padding: 10%;
}
.hero-bottom > div > a {
 	display: block;
  	position: relative;
  	width: 100.5%;
  	height: 100%;
  	margin: -1px;
}
.hero-bottom > div .content * {
    color: #ffffff;
}
.hero-bottom > div .content a {
     color: #ffffff;
}
.hero-bottom > div .content a:hover {
     color: #18007f;
}
.hero-bottom > div:last-child:after {
 	background: transparent;
}
.hero-bottom > div .caption {
 	position: absolute;
  	z-index: 99;
  	bottom: 0;
  	left: 0;
  	right: 0;
    background: #ffffff;
  	opacity: 0.8;
  	*filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #8b8b8b;
    padding: 10px 20px;
  	
  		border-top: 1px solid #18007f;
    
  	min-height: 4em;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
}
.hero-bottom > div a .caption {
    color: #18007f;
}
	.hero-bottom > div a:hover .caption {
      color: #ff06d9;
      opacity: 1;
      *filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/* full-bleed hero bottom images? */
.hero-bottom > div.img {
  	background-repeat: no-repeat;
  	background-position: center center;
 	background-size: cover;
    background-color: #ffffff;
}
.hero-bottom > div img {
 	opacity: 0;
  	visibility: hidden;
}
/* end full-bleed */
.hero-bottom > div img {
	position:relative;
	border:none;
	outline:none;
	display:block;
	width:101%;
	margin:0;
	padding:0;
}
#FrontpageColl li {
 	width: 25%;
}

/**
* Homepage Promo Modal
*/

#PromoModal .product {
 	max-width: 450px;
  	text-align: center;
}
#PromoModal .product .theme {
 	text-align: center;
}
#PromoModal span.close {
  	top: 10px;
  	right: 10px;
  	width: 18px;
  	height: 18px;
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) -67px -7px no-repeat transparent;
}
#PromoModal span.close:hover {
 	background-position: -67px -37px;
}

/****************************************************************************
/*  05. Collections

/*  Filter Nav */
.filter-tag {
	position:relative;
	margin:0;
	padding:0;
	overflow:visible;
	display:block;
	padding:0px 50px;
	min-height:45px;
	text-align:center;
	background: #84c830;
  border-bottom: 1px solid #18007f; 
}
.filter-tag ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.filter-tag li {
	position:relative;
	margin:0;
	padding:0;
	display:inline-block;
	text-decoration:none;
  	text-transform: capitalize;
	color: #ffffff;
	font-weight:500;
}
.filter-tag li a {
	text-decoration:none;
	color: #ffffff;
	-webkit-transition: color 0.15s ease-in;
	-moz-transition: color 0.15s ease-in;
	-ms-transition: color 0.15s ease-in;
	-o-transition: color 0.15s ease-in;
	transition: color 0.15s ease-in;
	padding: 15px;
	display:block;
}
.filter-tag li.back a {
	margin-left:0px;
}
.filter-tag li a:hover,
.filter-tag li.active a {
	text-decoration:none;
	color: #18007f;
}

/**/
/* Product Grid */
/**/

h2.coll-heading {
  
    border-bottom: 1px solid #18007f;
  
    color: #8b8b8b;
  	margin: 0;
  	padding: 20px 0;
  	font-weight: normal;
	font-size: 18px;
}
ul.product-grid {
	position:relative;
  	z-index: 10;
	margin:0;
	padding:0;
	overflow:visible;
	list-style:none;
	width:100%;
	display:block;
	text-align:left;
}
ul.product-grid li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	vertical-align:top;
  	width: 50%;
  border: 1px solid #18007f; 
  	border-top: 0;
  	border-left: 0;
  	border-right: 0;
  	overflow: hidden;
}

ul.product-grid li:after {
 	content: '';
  	display: inline-block;
    background: #18007f;
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	width: 1px;
  	z-index: 11;
}

.template-index ul.product-grid li:last-child:after {
 	background: transparent;
}
@media screen and (min-width: 2401px) {
 	ul.product-grid li {
    	width: 16.66%;
  	}
}
@media screen and (min-width: 1921px) and (max-width: 2400px) {
 	ul.product-grid li {
    	width: 20%;
  	}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
 	ul.product-grid li {
    	width: 25%;
  	}
}
@media screen and (min-width: 961px) and (max-width: 1440px) {
 	ul.product-grid li {
    	width: 33.33%;
  	}
}
@media screen and (max-width: 960px) {
 	ul.product-grid li {
    	width: 50%;
      float: left; /* temporary fix */
  	}
}
@media screen and (max-width: 320px) {
 	ul.product-grid li {
    	width: 100%;
  	}
}
ul.product-grid li > div {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	display:block;
	overflow:hidden;
	vertical-align:top;
	min-height:100%;
	min-width:100%;
	background-repeat:no-repeat;
	background-position: center center;
  
}
ul.product-grid li img {
	position:relative;
	margin:0 auto;
	padding:0;
	outline:none;
	display: block;
	max-width:100%;
  	opacity: 0;

  	-webkit-transition: opacity 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in;
	-ms-transition: opacity 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in;
	transition: opacity 0.15s ease-in;
  	z-index: 1;
}
ul.product-grid li .img-outer {
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/loading.gif?v=80102107862799239311440410028) center center no-repeat #fff;
  	position: relative;
  	width: 100%; /* 100.5% */
}

ul.product-grid li .img-outer.loaded {
  	background-image: none;
}
ul.product-grid li .loaded img {
  	visibility: visible;
}
ul.product-grid li .loaded img.sized {
 	opacity: 1;
}

ul.product-grid .view {
 	display: inline-block;
  	width: 36px;
  	height: 36px;
  	margin-right: 10px;
  	float: left;
}
ul.product-grid .quick-view {
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) 0 -36px no-repeat transparent;
}
ul.product-grid .view-details {
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) 0 0 no-repeat transparent;
}
ul.product-grid .sale-box {
	position:absolute;
	right:0;
	bottom:0;
  	z-index: 3;
	height:0px;
	width:0px;
	overflow:hidden;
	font-size:14px;
	line-height:35px;
	font-weight:normal;
	text-align:center;
	color:#aa0000;
	text-transform:uppercase;
	background:#aa0000;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;  
}
ul.product-grid .product-information {
  	background: #ffffff;
	opacity:1;
	width:100%;
	font-size:18px;
	overflow:hidden;
	padding:10px 20px 15px 10px;
	display:block;
	font-weight:normal;
	color:#ffffff;
  	min-height: 4em;
  border-top: 1px solid #18007f;
  	position: relative;
  	z-index: 10;
}
ul.product-grid .product-information span.title {
  	display: inline;
    color: #8b8b8b;
}
ul.product-grid .product-information span.title:after {
 	content: ' / ';
  	padding: 0;
}
ul.product-grid .product-information span.price {
  	display: inline-block;
	padding:0;
	font-weight:500;
    color: #8b8b8b;
}
ul.product-grid a:hover .product-information span.price,
ul.product-grid a:hover .product-information span.title {
    color: #18007f;
}
ul.product-grid .product-information span.price.sale,
ul.product-grid a:hover .product-information span.price.sale,
span.price.sale {
	color:#aa0000;
}
ul.product-grid .product-information span.old-price {
	margin:0 5px 0 0;
	text-decoration: line-through;
	color: #8b8b8b;
	font-weight:500;
}
ul.product-grid .product-information span.sold-out {
	color:#aa0000;
	font-weight:500;
}
.max-width {
  	position: relative;
}

/**/
/* Collection Page Header Items */
/**/

.collection-top img {
	display: block;
  	width: 100%;
  border-bottom: 1px solid #18007f;
}
.collection-description {
	display: block;
    background: #84c830;
    color: #ffffff;
  	padding: 20px;
  border-bottom: 1px solid #18007f;
}

/**/
/* Quick View Modal */
/**/
.slideup {
	font-size: 18px;
    height: 50px;
  border-top: 1px solid #18007f; 
    position: absolute;
    bottom: -50px;
  	-webkit-transition: bottom 0.25s ease-in;
	-moz-transition: bottom 0.25s ease-in;
	-ms-transition: bottom 0.25s ease-in;
	-o-transition: bottom 0.25s ease-in;
	transition: bottom 0.25s ease-in;
  	z-index: 9;
  	width: 100%;
    background: #ffffff;
  	opacity: 0.8;
}
.no-touch .slideup.up {
 	bottom: 0;
}
.slideup span {
  	padding: 15px;
 	text-decoration: none;
  	display: block;
    color: #8b8b8b;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
}
.no-touch .slideup span:hover {
    color: #18007f;
}
.modal-overlay {
 	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	width: 100%;
  	height: 100%;
  	background: transparent;

  	z-index: 9999;
  	display: none;
}
.quick-modal {
  	position: absolute;
   	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
   	width: 100%;
  	height: 100%;
  	background: rgba(0,0,0,0.6);
  	font-size: 0.1px;

  	z-index: 901;
  	display: table;
}
.quick-modal .add-message {
	margin: 1em 0 0.5em;
	color: #18007f;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
  	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	-ms-transition: opacity 0.25s ease-in;
	-o-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}
.quick-modal .add-message.visible {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}
.quick-modal .product {
    background: #ffffff;
  	padding: 50px;
  	max-width: 960px;
  	margin: 0 auto;
  	position: relative;
}
.quick-modal span.close {
 	display: block;
  	width: 30px;
  	height: 30px;
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) -60px 0 no-repeat transparent;
  	position: absolute;
  	top: 20px;
  	right: 20px;
  	z-index: 20;
  	cursor: pointer;
}
.quick-modal span.close:hover {
 	background-position: -60px -30px;
}
.quick-modal .table-cell.img {
 	width: 50%;
  	padding: 0 30px 0 0;
  	text-align: center;
}
.quick-modal .img-outer img {
 	max-width: 100%;
}
.quick-modal .table-cell.top {
  	vertical-align: top;
  	font-size: 18px;
  	text-align: left;
}
.quick-modal header {
 	text-align: left;
}
.quick-modal .product-information {
 	width: 100%;
}
.quick-modal .product-information .desc {
 	line-height: 1.7;
}
.quick-modal a.more {
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
 	text-decoration: none;
}
.quick-modal a.prev,
.quick-modal a.next {
 	display: block;
  	width: 30px;
  	height: 30px;
  	position: absolute;
  	top: 20px;
  	z-index: 20;
  	text-indent: -9999px;
  	margin: 0;
  	opacity: 1;
}
.quick-modal a.prev {
	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) 0 0 no-repeat transparent;
  	right: 100px;
  	left: auto;
}
.quick-modal a.prev:hover {
 	background-position: 0 -30px;
}
.quick-modal a.next {
	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) -30px 0 no-repeat transparent;
  	right: 60px;
}
.quick-modal a.next:hover {
 	background-position: -30px -30px;
}
.product.just {
 	text-align: justify;
}

/* pagination */

.pagination {
  	text-align: center;
  	padding: 20px 0;
}
.pagination span {
  	margin: 0 5px;
}
.pagination .current {
  	font-weight: bold;
}
.pagination a {
 	 text-decoration: none;
}

/*****************************************************************************
 * 06. Product Page
 */
.product {
	position:relative;
	margin:0;
	padding:20px 30px 60px;
	overflow:visible;
	display:block;
	text-align:left;
}
.product .theme {
 	text-align: left;
}
.breadcrumbs {
  	padding: 20px 30px 0;
 	text-align: left;
}
#ProductGallery {
	position:relative;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	width:48%;
}
#ActiveWrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:99.99%;
	/*overflow:hidden;*/
	max-width:700px;
  	min-height: 500px;
  
    border: 1px solid #18007f;
  
}
#ActiveWrapper.loading {
   	background:url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/loading.gif?v=80102107862799239311440410028) no-repeat center center;
}
#ActiveWrapper.loading:after {
  content: 'loading';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  margin-top: 15px;
  font-style: italic;
  font-size: 12px;
  font-family: 'Georgia', times new roman, serif;
}
#ActiveWrapper img {
	position:relative;
	margin:0 auto;
	padding:0;
	display:block;
	border:none;
	outline:none;
	max-width:100%;
  	-webkit-transition: opacity 0.05s ease-in;
	-moz-transition: opacity 0.05s ease-in;
	-ms-transition: opacity 0.05s ease-in;
	-o-transition: opacity 0.05s ease-in;
	transition: opacity 0.05s ease-in;
}
#ActiveWrapper.zoom-on img {
  	min-width: 150%;
 	max-width: 1000%;
}
#ActiveWrapper.loading img {
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}
#ActiveWrapperUL li {
 	float: left;
}
#ActiveWrapperUL {
 	margin: 0;
  	padding: 0;
  	list-style: none;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}
#ActiveWrapperUL.loaded {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}

/* previous / next arrows */

#ActiveWrapper .product-next,
#ActiveWrapper .product-prev {
  	display: block;
	position: absolute;
  	z-index: 100;
  	top: 50%;
  	margin-top: -25px;
  	text-indent: -9999em;
  	cursor: pointer;
  	width: 40px;
  	height: 50px;
  	background-color: rgba(0,0,0,0.3);

  	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#ActiveWrapper:hover .product-next,
#ActiveWrapper:hover .product-prev {
  	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	opacity: 1;
}
#ActiveWrapper .product-prev {
 	left: 0;
}
#ActiveWrapper .product-next {
 	right: 0;
}
#ActiveWrapper .bx-prev,
#ActiveWrapper .bx-next {
	position: relative;
  	top: 10px;
  	left: 5px;
	display: block;
  	width: 30px;
  	height: 30px;
  	opacity: 1;
  	margin: 0;
}
#ActiveWrapper .bx-prev {
   	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) 0 -30px no-repeat transparent;
}
#ActiveWrapper .bx-next {
   	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons.png?v=118372997153998466541440410027) -30px -30px no-repeat transparent;
}
#ActiveWrapper.zoom-on .bx-viewport {
 	z-index: 101;
}

#ProductThumbs{
	position:relative;
	margin:0 auto;
	padding:0;
	list-style:none;
	max-width:700px;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
  	font-size: 0.0001px;
}
#ProductThumbs:after {
  	clear: both;
 	content: '';
  	display: block;
  	width: 100%;
  	height: 0;
}
#ProductThumbs.loaded {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
}
#ProductThumbs li {
	position:relative;
	margin:0;
	padding:0;
	display:table;
  	float: left;
	width:25%;
    background-color: #84c830;
	background-image :url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/loading.gif?v=80102107862799239311440410028);
  	background-position: center center;
  	background-repeat: no-repeat;
  	vertical-align: middle;
  	height: 100%;
    background: #84c830;
  	overflow: hidden;
}
#ProductThumbs .spacer {
  	display: block;
 	position: relative;
  	width: 100%;
  	height: 0;
  	padding-top: 100%;
}
#ProductThumbs a {
	position:absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
  	z-index: 10;
}
#ProductThumbs .img-outer {
 	display: table-cell;
  	width: 100%;
  	height: 100%;
  	vertical-align: middle;
}
#ProductThumbs img {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	border:none;
	outline:none;
  	display: inline-block;
  	vertical-align: middle;
}

/* description */

.product article {
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	width:48%;
  	text-align: left;
}
.product article header {
	position: relative;
	margin: 0 0 20px;
	z-index: inherit;
	vertical-align:baseline;
  	text-align: left;
}
.product .hr {
 	margin-bottom: 30px;
}
.product article header h3 {
	color: #8b8b8b;
}
.product article .old-price {
	color: #8b8b8b;
	font-weight:normal;
  	display: inline-block;
  	vertical-align: baseline;
  	margin-left: 3px;
	font-size: 16px;
  	opacity: 0.8;
  	text-decoration: line-through;
}
.product article .vendor {
    font-size: 17px;
  	padding: 20px 0 10px;
  	display: block;
}
.product article form {
	padding:0;
	position:relative;
}
.product article form label {
    font-size: 17px;
	line-height:28px; /* 34px? */
	padding:0;
	font-weight:500;
	margin:0;
	min-width:80px;
	display:inline-block;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
}
.product article .select {
  	font-size: 0.1px;
 	margin: 0;
}
.product article .select.single,
.product .selector-wrapper,
.product article .select.qty {
	margin: 0 0 15px;
  	display: inline-block;
	padding:0;
}
@-moz-document url-prefix() {
  select {
  	background-image: none;
  }
}
.product .select.single .selector-wrapper {
 	margin: 0;
  	display: inline-block;
}
.product article .select.qty,
.product article .select.single,
.product article .select .selector-wrapper {
 	display: block;
}
.product article form select {
	margin:0;
}
.product article form .quantity {
  	text-align: center;
}
.product article form .btn {
	display:inline-block;
	margin-top:10px;
	height:45px;
  	line-height: 45px;
	padding:0 15px;
}
.product article .description {
	margin:20px 0 0 0;
	padding:0;
	display:block;
	position:relative;
}

/* tabs */

.product article .description ul.tabs {
	position:relative;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	list-style:none;
	width:100%;
	height:41px;
	overflow:visible;
	border-bottom: 1px solid #18007f;
  	white-space: nowrap;
  	font-size: 0.1px;
}
.product article .description ul.tabs li {
	position:relative;
	margin:0;
	padding:0 15px;
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:17px;
	border: 1px solid #18007f;
	border-bottom:0;
  	border-left:0;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
	/*background: #84c830;*/
  	opacity: 0.6;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	-ms-transition: background 0.25s ease-in;
	-o-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}
.product #DescriptionContent {
 	padding: 20px 0;
}
.product #DescriptionContent.tabbed {
 	padding: 20px;
}
.product article .description ul.tabs li:first-child {
  	border-left: 1px solid #18007f;
}
.product article .description ul.tabs li:hover {
    cursor:pointer;
}
.product article .description ul.tabs li.active {
    background:#ffffff;
    border-bottom:1px solid #ffffff;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  	opacity: 1;
}
.product article .description ul.tabs li.active:hover {
    cursor:default;
}
.product article .description .tab-content {
	font-weight:normal;
    font-size:18px;
  	line-height: 1.5;
	max-width:95%;
  	text-align: left;
	display:none;
}
.product article .description .tab-content.current {
	display:block;
}
.product article .description .tab-content p {
	font-weight:normal;
}
.product .tab-content .form-field,
.product .tab-content .contact-form .message {
 	margin: 0 0 15px;
}

/* zoom */

.zoom-message-outer {
	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 100%;
  	text-align: center;
  	margin-top: -15px;
  	opacity: 0;
  	z-index: 99;

    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -ms-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
}
.zoom-message {
 	background: black;
  	background: rgba(0,0,0,0.75);
  	color: #fff;
  	font-weight: bold;
  	text-transform: uppercase;
  	padding: 0 20px;
  	font-size: 11px;
  	display: inline-block;
  	height: 30px;
  	line-height: 30px;
  	cursor: pointer;
}
#ActiveWrapper:hover .zoom-message-outer {
	opacity: 1;
}
#ActiveWrapper.loading .zoom-message-outer,
#ActiveWrapper.zoom-on .zoom-message-outer,
.touch #ActiveWrapper .zoom-message-outer {
 	display: none;
}

/* meta */

.product-meta {
    font-size: 17px;
}

/**
* Add to cart modal
*/

#AddModal .product {
	max-width: 500px;
  	padding: 60px 0;
}
#AddModal .center {
  	padding: 20px;
}
#AddModal .buttons {
 	padding-top: 0;
}
#AddModal .btn {
 	margin: 0 10px;
  	text-decoration: none;
}
#AddModal li {
 	height: auto !important;
}

/* social */

.fb_iframe_widget span {
	vertical-align: top !important;
}

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

/* recently viewed */

script,
#recently-viewed-product-template {
 	display: none !important;
}
#RecentlyViewed {
  
  	border-top: 1px solid #18007f;
  
  	overflow: hidden;
  	display: none;
  	opacity: 1;
}
#RecentlyViewed.loading {
 	opacity: 0;
}
#RecentlyViewed > h4 {
    background: #84c830;
    color: #ffffff;
  	margin: 0;
  	padding: 20px 0;
}
#recently-viewed-products li {
	width: 100%;
  	height: 100%;
}
#recently-viewed-products > li {
 	display: none;
}

#recently-viewed-products li .img-outer {
    background: none !important;
    filter:none !important;
  	-ms-filter: none !important;
}

#recently-viewed-products span.title {
  	padding: 0 0 10px;
  	white-space: normal;
  	display: inline-block;
}
#recently-viewed-products span.title:after {
 	content: '';
}
#recently-viewed-products a {
 	opacity: 1;
  	width: auto;
  	height: auto;
  	line-height: 1;
  	display: block;
}

/*
 * 	Core Owl Carousel CSS
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* sharing (product, blog) */

.sharing {
	padding:20px 0;
	position:relative;
	overflow:visible;
	width:100%;
	display:block;
}
.sharing ul {
	border:0;
	margin:0;
	padding:0;
	overflow:visible;
	height:20px;
	display:block;
}
.sharing ul li {
  	float: left;
	display:inline-block;
	height:33px;
}

/****************************************************************************
/*  07. Secondary pages
*/

.page {
	position:relative;
	text-align:left;
	margin:40px auto;
	max-width:670px;
	padding:0px 30px;
}
.page .giftcard__wrap img {
  	margin: auto;
  	max-width: 400px;
}
.page.fullwidth {
 	max-width: 100%;
}
.page img,
.page iframe {
	max-width:100%;
}

/* Page Search */

.search-page {
  	margin: 20px auto 0;
  	padding: 0;
 	max-width: 100%;
}
.search-page h2.coll-heading {
 	padding: 0 0 20px;
}
.search-outer {
 	max-width: 460px;
  	padding: 0 30px;
  	margin: 10px auto 40px;
}
.search-form {
 	position: relative;
}
.search-form input[type="text"] {
 	width: 100%;
}
.search-submit {
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	border: 0;
  	padding: 0 10px;
  	margin: 0;
}

/* 404 */

.404 {
	position:relative;
	text-align:left;
	margin:20px auto;
}

/* Contact Form */

.page .contact-form {
	margin:20px 0;
}
.form-field {
	width: 100%;
  	max-width: 400px;
	margin: 0 auto 15px;
  	line-height: 1;
  	text-align: left;
}
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="email"],
.form-field textarea {
  	display: block;
 	width: 100%;
  	outline: none;
}
.contact-form .message {
	margin-top:8px;
}
.contact-form label,
.comment-form label,
.form-field label {
	font-size: 17px;
	padding-bottom: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
  	margin: 0;
	vertical-align:top;
}
form .btn {
	margin:10px 0;
	display: inline-block;
}
.page span.red {
	color: #bb0000;
}

/*  Blog */

.blog {
	position:relative;
	text-align:left;
}
.blog,
.blog p {
 	line-height: 1.75;
  	margin-bottom: 0.75em;
}
.blog .meta-top {
	padding:15px 0 0 0;
    font-size: 16px;
  	opacity: 0.9;
}
.blog .meta {
  	margin: 0;
  	padding: 0 0 10px;
	font-size: 16px;
  	opacity: 0.9;
}
.blog .separator {
 	margin: 0 5px;
  	opacity: 0.75;
}
.comments-form {
	margin-top:20px;
	position:relative;
}
.comments-form .btn {
 	margin: 10px 0;
}
.flash {
 	margin-bottom: 1em;
}
.blog .flash {
 	text-align: center;
}
.blog .comments {
	margin:10px 0 20px;
	padding-top:20px;
	position:relative;
}
.blog .comments .gravatar {
	float:left;
	margin-right:15px;
	width:50px;
}
.blog .comments .label {
	font-size: 16px;
	float: right;
}
.blog .comments .comment {
	padding-bottom:10px;
	margin-top:10px;
	border-bottom: 1px solid #18007f;
}
.blog .comment-body {
	overflow:hidden;
}
.blog .paginate {
 	text-align: center;
}
.paginate .num {
 	margin: 0 5px;
}

/*****************************************************************************
 * 08. Cart
 */

.cart {
	width:auto;
	padding:0 20px;
	position:relative;
	margin:40px auto 0;
	overflow:visible;
	display:block;
	text-align:left;
	max-width:1100px;
}
.cart .theme {
 	text-align: left;
}
.cart .empty .theme {
 	text-align: center;
}
.cart a {
 	text-decoration: none;
}
.cart .empty {
	text-align:center;
}
.cart table {
	margin:20px 0px;
  	width: 100%;
  	border: 0;
  	table-layout: fixed;
}
.cart table th {
 	border-right: 0;
    font-size: 18px;
    color: #8b8b8b;
}
.cart table thead th:last-child {
	text-align:right;
}
.cart table tbody td {
	border-top:none;
	border-left:none;
	border-right:none;
	padding:10px;
	vertical-align:middle;
	font-size:13px;
	font-weight:300;
	font-family:Josefin+Sans;
}
.cart table tbody td:last-child {
	text-align:right;
}
.cart table tbody td input:focus {
	outline:none;
}
.cart table tbody td a.remove-from-cart {
  	font-size: 11px;
  	text-transform: uppercase;
}
.cart table tbody td a.remove_from_cart:hover {
	color:white;
}
.cart table tbody td img {
	max-height:50px;
}
.cart table tfoot td {
	border:none;
}
#CartOuter {
 	width: 68%;
}
.cart-info-container {
	text-align:left;
  	width: 25%;
  	margin: 20px 0;
}
.cart-info-container small {
 	font-size: 0.9em;
}
.cart-info-container small.additional-checkout {
 	display: block;
  	line-height: 2;
}
.cart-info-container h3 span {
	font-weight:normal;
	margin-right:10px;
  	font-size: 0.9em;
}
.cart-info-container .additional {
  	text-align: center;
	margin-top:0px;
}
.cart-info-container input[type="image"] {
  	clear: both;
 	background: transparent;
}
.cart-info-container textarea {
	width:100%;
	height:100px;
  	outline: none;
  	font-size: 17px;
}
.cart input.quantity {
 	text-align: center;
}

.proceed .large-btn {
	width: 100%;
  	margin-top: 15px;
  	font-weight: bold;
 	padding: 15px;
}
.cart-extra {
 	margin: 20px 0;
}
.cart-extra small a {
 	display: inline-block;
  	line-height: 1.2;
}
#NoteForSeller,
#ShippingCalculator {
 	display: none;
    font-size: 17px;
}
#NoteForSeller {
 	margin: 0 0 20px;
}
.show-note:before,
.show-calculator:before {
  content: '+';
  display: inline-block;
  width: 16px;
}
.show-note.open:before,
.show-calculator.open:before {
  content: '\2014';
  display: inline-block;
  width: 16px;
}
#ShippingCalculator {
  	border: 1px solid #18007f;
  	padding: 20px;
}
#ShippingCalculator label {
 	display: block;
  	margin-bottom: 5px;
    font-size: 12px;
}
#ShippingCalculator input,
#ShippingCalculator select {
 	margin: 0;
  	width: 100% !important;
}
#ShippingCalculator .btn {
 	margin: 20px 0 0;
  	white-space: normal;
}
#ShippingCalculator p#shipping-rates-feedback {
    font-size: 17px;
    font-style: italic;
}
#ShippingCalculator #wrapper-response {
 	margin-top: 20px;
}
.error,
p.error,
label.error {
 	color: #bb0000;
}

/*****************************************************************************
 * 09. Account
 */

#Login.just {
 	text-align: justify;
}
#Login.just h2.theme {
 	 text-align: left;
}
#Login {
 	text-align: center;
}
#Login input[type="text"],
#Login input[type="email"],
#Login input[type="password"],
#Login label,
#Register input[type="text"],
#Register input[type="email"],
#Register input[type="password"],
#Register label{
 	width: 100%;
}
.account {
  	padding: 0 30px;
 	max-width: 1160px;
  	margin: 40px auto;
}
.account .col {
  	display: inline-block;
  	width: 45%;
}
.account form {
 	padding: 20px 0;
}
.account .forgot-password {
 	display: inline-block;
  	width: 100%;
  	padding: 20px 0;
  	text-align: right;
}
.account .forgot-password a {
  	font-size: 0.85em;
  	text-decoration: none;
}
.errors ul {
  	text-align: left;
  	color: #bb0000;
}
.action-bottom .note {
 	margin: 0 10px;
}
.note > a {
  	margin-left: 5px;
}
.align-left .form-field {
 	margin: 0 0 15px;
}

/* account landing */

.account table {
 	width: 100%;
}
.account table th {
 	background: #8b8b8b;
    color: #ffffff;
  	border: 1px solid #8b8b8b;
	-webkit-backface-visibility: visible;
}
.account-sidebar {
 	width: 22%;
}
.account-sidebar ul {
 	list-style: none;
  	margin: 0;
}
.account-sidebar li {
 	margin: 8px 0;
}
.account-main {
 	width: 74%;
}

/* account addresses */

.account-main h2.theme,
.account h4.theme {
 	text-align: left;
}
.account table.customer-address-table,
.account table.customer-address-table th,
.account table.customer-address-table td {
 	border: 0;
  	padding: 15px 0 0;
}
.account table.customer-address-table input[type="text"] {
 	width: 100%;
  	font-size: 17px;
}
.account select {
 	margin: 0;
  	width: auto !important;
}
.address-table,
#AddAddress {
 	width: 47%;
  	font-size: 17px;
  	margin-bottom: 20px;
}
.address-tables {
 	padding-top: 10px;
}
.address-actions {
 	font-size: 0.9em;
}
.account .edit-address table,
.account .edit-address form {
 	margin: 0;
  	padding: 0;
}
.account .edit-address table td {
 	padding: 0 0 15px;
}
.account .edit-address select {
 	max-width: 150px;
}
.account .edit-address label {
 	padding: 0 15px 0 0;
}

/* orders */

#OrderAddress .col {
  	width: auto;
  	margin-right: 40px;
}
#OrderInfo {
  	width: 100%;
  	margin-bottom: 30px;
}
#OrderInfo p {
   	font-size: 17px;
  	line-height: 1;
}
#OrderInfo span.status {
  font-style: italic;
}

/*****************************************************************************
 * 10. Footer
 */

footer,
footer nav ul,
footer p,
footer .newsletter-signup input[type="email"],
footer .newsletter-signup input[type="text"],
footer .newsletter-signup input.btn,
footer.footer-bottom .just > *,
#currencies {
    font-size: 17px;
}
footer {
	padding: 40px 30px 20px;
	margin:-1px 0 0 0;
	clear: both;
	overflow: visible;
	bottom:0px;
	left:0px;
	right:0px;
	display:block;
  
  	border-top: 1px solid #18007f;
  
	background: #8b8b8b;
	color: #ffffff;
}
.template-product footer {
 	margin: 0;
}
footer a {
	-webkit-transition: color 0.15s ease-in;
	-moz-transition: color 0.15s ease-in;
	-ms-transition: color 0.15s ease-in;
	-o-transition: color 0.15s ease-in;
	transition: color 0.15s ease-in;
}
footer nav {
	display: inline-block;
	position:relative;
	text-align:left;
	width:22%;
  	margin-bottom: 40px;
  	padding-right: 20px;
}
footer nav h5 {
	font-size: 18px;
	margin-bottom:15px;
	font-weight bold;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
	color: #68d621;
  	font-weight: normal;
}
footer nav ul {
	list-style: none;
	margin: 0;
}
footer nav.linklist {
 	width: 17%;
}
footer nav.newsletter {
  	width: 27%;
}
footer nav ul li {
	display:block;
	color: #ffffff;
}
footer nav ul li a {
	text-decoration:none;
	color: #ffffff;
	line-height:1.7em;
}
footer nav ul li a:hover{
  color: #ff06d9;
}
footer p {
	line-height: 1.5em;
	display:block;
	margin: 0 0 1.2em; 0;
	position:relative;
	color: #ffffff;
}
footer p a {
	text-decoration:none;
	color: #ffffff;
}
footer p a:hover {
	text-decoration:none;
	color:#ff06d9;
}
footer .newsletter-signup input[type="email"],
footer .newsletter-signup input[type="text"] {
	font-weight:normal;
	padding: 7px 20px 7px 7px;
	margin:0 0 10px;
  	font-family:Montserrat, Garamond, Baskerville, Caslon, serif;
	border: 1px solid #ffffff;
	border-right:0px;
  	background: #ffffff;
  	color: #152252;
  	width: 100%;
  	height: 35px;
}
footer .mc-field-group {
 	position: relative;
  	max-width: 300px;
}
footer .newsletter-signup input.btn {
  	position: absolute;
  	top: 0;
  	right: 0;
  	z-index: 20;
	padding: 0 15px;
	margin:0 0 10px;
	border: 0;
	font-family: "Ubuntu", Georgia, Utopia, 'Times New Roman', Times, serif;
  	height: 35px;
  	line-height: 35px;
  	background: #ffffff;
  	color: #ffffff;
}
footer .newsletter-signup input.btn:hover {
  	color: #ffffff;
 	background: #ff06d9;
}
footer .newsletter-signup input:focus {
	outline:none;
}
footer div.mce_inline_error {
 	color: #990000;
}
nav.social ul li {
	display:block;
	float:left;
	margin-right:8px;
	margin-bottom:5px;
	width: 25px;
	height: 25px;
	padding:0 0 0;
	overflow:visible;
}
nav.social ul li a {
	display:block;
	font-size:20px;
	padding:0;
	line-height:25px;
	text-align:center;
	width:25px;
	color:#ffffff;
}
nav.social ul li a:hover {
  color:#ff06d9;
}
aside.payment img {
	width: 40px;
	height: 25px;
	margin-right:5px;
}
footer.footer-bottom {
 	padding-top: 20px;
}
footer.footer-bottom .just > * {
    vertical-align: middle;
}
#currencies {
  	display: block;
  	text-align: right;
  	margin: 15px 0;
}
#currencies > span {
 	cursor: pointer;
}
#currencies > span.selected {
    border-bottom: 1px solid #ffffff;
}


/*****************************************************************************
 * 11. Utils
 */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.left{ float: left; }
.right{ float: right; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }


/**********************************************************
***********************************************************
**** MEDIA QUERIES ****************************************
***********************************************************
***********************************************************/

/* 01. BASE CONTENT STYLES ********************************/

@media screen and (max-width: 1023px) {
 	h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 14px;
    }
    h5 {
        font-size: 13px;
    }
    h6 {
        font-size: 12px;
    }
  	p,
  	.blog p {
    	line-height: 1.5;
  	}
}
@media screen and (max-width: 639px) {
  	h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 18px;
    }
    h1.theme,
    h2.theme,
    h3.theme,
    h4.theme,
    h5.theme,
    h6.theme {
    	font-size: 18px;
  	}
  	h4.theme,
    h5.theme,
    h6.theme {
    	font-size: 14px;
  	}
  	.content-wrapper {
    	padding: 0;
  	}
  	p,
  	.blog p {
    	line-height: 1.3;
  	}
  	h2.coll-heading {
    	padding: 15px 0;
  	}
}
@media screen and (max-width: 480px) {
  	h1.theme,
    /*h2.theme, */
    h3.theme,
    h4.theme,
    h5.theme,
    h6.theme {
    	margin-bottom: 1em;
  	}
  	h2.coll-heading {
    	padding: 10px 0;
  	}
}

/* 03. HEADER *********************************************/

@media screen and (max-width: 1024px) {
 	.search .search-query {
    	padding: 0 70px 0 30px;
    	height: 80px;
    	font-size: 20px;
  	}
    .search .remove-search {
        top: 20px;
        width: 40px;
        height: 40px;
    }
    .search .remove-search:before,
    .search .remove-search:after {
        width: 40px;
    }
}

@media screen and (max-width: 640px) {
    .desktop {
    	display: none;
  	}
  	.mobile,
  	#Header nav a.mobile {
    	display: block;
  	}
  	#Header h1 {
    	margin: 0 auto;
  	}
  	#Header h1 a {
    	min-height: 0;
  	}
  	#Header h1 a img {
    	width: auto;
    	height: auto;
    	max-height: 100px;
  	}
  	#TopBar #SearchToggle {
    	float: none;
    	margin-left: 15px;
  	}
  	#NavMenus {
        position: fixed;
        top: 0;
    	right: -200px;
    	bottom: 0;
        width: 200px;
        z-index: 998;
        -webkit-overflow-scrolling: touch;
		border-left: 1px solid #18007f;
    	background: #84c830;
  	}
  	.touch #NavMenus {
    	-webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
  	}
  	#NavMenus.active {
    	right: 0;
  	}
    #Header nav span.mobile {
    	display: block;
    	text-align: left;
    	padding: 10px 20px;
      	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons-carat.png?v=80475415077807367201440410027) right center no-repeat #e7e7e7;
    	cursor: pointer;
  	}
  	#Header nav ul {
		border: 0;
  	}
  	#Header #MainNav ul.submenu {
    	display: block;
    	-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    	position: fixed;
    	top: 0;
    	right: -200px;
    	bottom: 0;
    	width: 200px;
    	z-index: 999;
        background: #84c830;
  	}
  	#Header #MainNav ul.submenu a {
        color: #ffffff;
        padding: 8px 20px 0;
        height: auto;
        min-height: 35px;
        line-height: 1.2; /* line-height: 35px; */
  	}
  	#Header #MainNav ul.submenu a:hover {
    	color: #18007f;
  	}
  	#Header #MainNav ul.submenu.active {
    	right: 0;
  	}
  	#Header #MainNav li.back a {
    	margin-left: -0.5em;
  	}
   	#Header nav ul li,
  	#Header nav ul li.mobile,
    #Header nav a{
    	display: block;
    	text-align: left;
  	}
  	#Header nav ul > li {
        border-bottom: 1px solid #18007f;
    	/*position: relative; */
  	}
  	#Header nav a {
    	padding: 8px 20px;
    	min-height: 35px;
    	line-height: 1.4;
  	}
  	#TopBar a.toggle-menus {
    	display: inline-block;
    	float: right;
    	margin: 0;
    	padding: 0 20px;
    	float: right;
    	position: relative;
    	z-index: 9999;
  	}
  	.touch #TopBar a.toggle-menus {
    	-webkit-transition: right 0.4s ease-in-out;
        -moz-transition: right 0.4s ease-in-out;
        -ms-transition: right 0.4s ease-in-out;
        -o-transition: right 0.4s ease-in-out;
        transition: right 0.4s ease-in-out;
  	}
  	#TopBar {
    	padding: 0;
    	z-index: 5;
  		text-align: left;
        border-bottom: 1px solid #18007f;
  	}
  	#TopBar a {
        display: inline-block;
    	margin: 0 15px;
    	height: 35px;
    	line-height: 35px;
    	float: none;
    }
  	#TopBar #CartButton {
    	display: inline-block;
    	float: right;
    	margin: 0 0 0 15px;
  	}
  	#TopBar a.toggle-menus.open {
        background: #84c830;
        border-left: 1px solid #18007f;
    	border-bottom: 1px solid #18007f;
    	position: fixed;
    	top: 0;
    	right: 200px;
  	}
  	#Header li.has-sub-nav > a:after {
    	display: inline-block;
    	content: '\3009';
    	position: absolute;
    	top: 0;
    	right: 0;
    	height: 35px;
    	line-height: 35px;
    	width: 20px;
  	}
  	
        #Header #MainNav ul.submenu {
            left: auto;
        }
        #Header nav ul li.back {
            display: block; ;
        }
        #Header nav ul li.has-sub-nav > a:after {
            content: '';
        }
    

  	.search .search-query {
    	height: 60px;
    	font-size: 16px;
    	padding: 0 40px 0 15px;
  	}
    .search .remove-search {
    	right: 15px;
        top: 15px;
        width: 30px;
        height: 30px;
    }
    .search .remove-search:before,
    .search .remove-search:after {
        width: 30px;
    }
}

/* 04. INDEX (homepage) ********************************************/

@media screen and (max-width: 1024px) {
	.hero .slide-details {
    	padding: 20px;
  	}
  	.hero .slide-details:hover {
        top: 0;
    }
    .hero .slide-details h3 {
    	font-size: 20px;
  	}
  	.active .hero .slide-pos {
    	bottom: 40px;
  	}
}
@media screen and (max-width: 639px) {
 	.fader .slide > * {
    	vertical-align: top;
  	}
 	.hero .slide-pos,
  	.active .hero .slide-pos {
    	position: relative;
    	z-index: 1;
    	left: auto;
    	top: auto;
    	bottom: auto;
  	}
  	.hero .slide-details {
    	max-width: 100%;
    	padding: 15px 20px;
    	background: transparent;
  	}
    .hero .slide-details h3 {
    	font-size: 14px;
    	color: #8b8b8b;
  	}
	.hero .slide-details p {
    	font-size: 17px;
    	color: inherit;
  	}
    .bx-pager,
  	.bx-controls-direction {
    	display: none;
  	}
  	#FrontpageColl li {
    	width: 50%;
  	}
}
@media screen and (max-width: 480px) {
  	.hero-bottom,
  	.hero-bottom > div {
    	display: block;
    	width: 100%;
  	}
}

/* 05. COLLECTIONS ********************************************/

@media screen and (max-width: 768px) {
  	.quick-modal .img-outer {
      width: 36%;
    }
  	.quick-modal .product-information {
      width: 60%;
    }
}
@media screen and (max-height: 500px) {
    .quick-modal .img-outer {
      width: 36%;
    }
  	.quick-modal .product-information {
      width: 60%;
    }
}
@media screen and (max-width: 640px) {
    .quick-modal .product {
      max-width: 480px;
    }
    .quick-modal .img-outer,
    .quick-modal .product-information {
        width: 100%;
        margin: 0;
    }
    .quick-modal .img-outer {
        margin-bottom: 20px;
    }
  
    ul.product-grid li img {
      	max-height: 320px;
  	}

  	/* dropdown */
  	.filter-tag {
    	margin: 20px;
    	padding: 0;
    	text-align: left;
    	min-height: 0;
    	border: 0;
  	}
  	.filter-tag .mobile {
    	display: block;
    	padding: 15px;
    	cursor: pointer;
    	position: relative;
    	text-transform: capitalize;
  	}
  	.filter-tag .mobile:after {
        font-family: FontAwesome;
        content: ' \f107';
    	position: absolute;
    	right: 20px;
    	top: 35%;
    	z-index: 10;
  	}
 	.filter-tag ul {
        position: absolute;
        z-index: 99;
		background: #84c830;
        top: 100%;
        left: 0;
        right: 0;
    	max-height: 0;
    	overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
  	}
  	.filter-tag ul.visible {
    	max-height: 400px;
    	overflow-y: scroll;
  	}
  	.filter-tag li {
    	display: block;
    	border-top: 1px solid #18007f;
  	}
}

@media screen and (max-width: 480px) {
  ul.product-grid .product-information span.title,
  ul.product-grid .product-information span.price {
      width: 100%;
      max-width: 100%;
      text-align: left;
      display: block;
      padding: 0 0 6px;
  }
  ul.product-grid .product-information span.title:after {
      padding: 0;
      content: '';
  }
  ul.product-grid .product-information span.price {
      padding-bottom: 16px;
  }
  ul.product-grid .sale-box {
      display: none;
  }
  .slideup {
      display: none !important;
  }
  ul.product-grid li img {
      max-height: 200px;
  }
}
@media screen and (max-width: 320px) {
  ul.product-grid li img {
      max-height: 320px;
  }
}

/* 06. PRODUCT ********************************************/

@media screen and (max-width: 767px) {
    .product {
      padding: 20px 30px 40px;
    }
  #ProductGallery,
    .product article {
      width: 100%;
    }
    #ProductGallery {
      margin-bottom: 2em;
    }
}
@media screen and (max-width: 640px) {
   	#AddModal .product {
      max-width: 92%;
    }
}
@media screen and (max-width: 480px) {
  	.product .mobile,
    .product article .description .tab-content {
      display: block;
    }
    .product article .description .tab-content {
      margin-bottom: 30px;
      max-width: 100%;
    }
    .product article .description ul.tabs {
        display: none;
    }
    .product #DescriptionContent,
  	.product #DescriptionContent.tabbed {
      padding: 20px 0;
    }
  	#ActiveWrapper {
  		min-height: 200px;
	}
    #ActiveWrapper .product-next,
    #ActiveWrapper .product-prev,
    .zoom-message-outer {
      display: none;
    }
  	#ProductThumbs {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	width: 100%;
    	z-index: 99;
    	text-align: center;
    	background: rgba(0,0,0,0.25);
  	}
  	#ProductThumbs li {
    	float: none;
    	display: inline-block;
    	width: 10px;
    	height: 10px;
    	margin: 10px 5px;
    	background: transparent;
  	}
  	#ProductThumbs a {
    	background: #84c830;
    	text-indent: -9999px;
    	opacity: 0.5;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
  	}
  	#ProductThumbs a.active {
    	opacity: 0.8;
  	}
  	.quick-modal span.close {
    	top: 10px;
    	right: 10px;
    	width: 20px;
    	height: 20px;
    	background-position: -65px -5px;
  	}
  	.quick-modal span.close:hover {
    	background-position: -65px -35px;
  	}
  	#AddModal .center {
    	padding: 20px 40px 0;
  	}
  	#AddModal .buttons {
    	padding: 10px 40px;
  	}
  	#AddModal .btn {
    	margin: 0 10px 10px;
    	display:block;
  	}
  	.product article form .btn {
    	display: block;
    	width: 100%;
  	}
}


/* 08. CART ***********************************************/

@media screen and (max-width: 768px) {
 	.cart table tbody td img {
  		max-width: 75px;
	}
}

@media screen and (max-width: 767px) {
 	.cart table tbody td img {
  		max-width: 75px;
	}
	#CartOuter,
	.cart-info-container {
  		width: 100%;
	}
  	.cart h3 {
    	font-size: 24px;
  	}
	.cart-info-container .proceed,
	.cart-info-container .cart-extra {
    	display: inline-block;
  		width: 48%;
    	vertical-align: top;
	}
  	.cart-info-container .cart-extra {
    	margin: 10px 0 0 3%;
  	}
  	#ContinueShopping {
    	font-size: 17px;
  	}
}
@media screen and (max-width: 639px) {
  	.cart {
    	margin: 20px auto;
  	}
  	.cart .remove {
    	display: none;
  	}
 	.cart-info-container .proceed,
	.cart-info-container .cart-extra {
  		width: 100%;
    	margin: 20px 0;
	}
}
@media screen and (max-width: 480px) {
  	.cart table {
    	margin-top: 0;
  	}
 	.cart table th,
  	.cart .desc,
  	.cart .total {
    	display: none;
    }
  	.cart input.quantity {
    	font-size: 12px;
  	}
  	.cart .update {
    	padding: 10px 0;
  	}
  	.cart .update .btn {
    	margin: 0;
  	}
  	.cart table tbody tr:first-child > td {
        border-top: 1px solid #18007f;
  	}
  	.cart-info-container .proceed,
	.cart-info-container .cart-extra {
    	margin: 0 0 20px;
    }
    .mobile-small {
    	display: block;
    }
}


/* 09. ACCOUNT ********************************************/

@media screen and (max-width: 767px) {
 	.account-sidebar,
  	.account-main {
    	width: 100%;
    	margin: 0 0 20px;
  	}
  	.address-table,
  	#AddAddress {
    	width: 100%;
  	}
	.account {
    	margin: 20px 0 0;
  	}
}
@media screen and (max-width: 640px) {
 	/* dropdown */
  	.account-sidebar {
    	margin: 0 0 20px;
    	padding: 0;
    	text-align: left;
    	min-height: 0;
    	position: relative;
    	background: #84c830;
  	}
  	.account-sidebar .mobile {
    	display: block;
    	padding: 15px;
    	cursor: pointer;
    	position: relative;
  	}
  	.account-sidebar .mobile:after {
        font-family: FontAwesome;
        content: ' \f107';
    	position: absolute;
    	right: 20px;
    	top: 35%;
    	z-index: 10;
  	}
 	.account-sidebar ul {
        position: absolute;
        z-index: 999;
		background: #84c830;
        top: 100%;
        left: 0;
        right: 0;
    	max-height: 0;
    	overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
  	}
  	.account-sidebar ul.visible {
    	max-height: 640px;
  	}
  	.account-sidebar li {
    	margin: 0;
    	display: block;
    	border-top: 1px solid #18007f;
  	}
  	.account-sidebar a {
    	display: block;
    	padding: 15px;
  	}
}
@media screen and (max-width: 480px) {
  	.account {
        padding: 0 30px;
    }
    .account .col {
        width: 100%;
    }
  	.account .edit-address table td {
    	display: block;
    	padding: 0 0 10px;
  	}
  	.account table .payment-status,
  	.account table .total {
    	display: none;
  	}
  	#OrderAddress .col {
    	width: 100%;
    	margin: 0 0 15px;
    	font-size: 17px;
  	}
  	#OrderDetailsM,
  	#OrderDetailsM td {
    	border: 0;
    	vertical-align: top;
    	font-size: 17px;
  	}
  	#OrderDetailsM p {
    	font-size: 17px;
    	margin: 0;
  	}
}

/* 10. FOOTER ********************************************/

@media screen and (max-width: 880px) {
    footer {
        padding: 30px;
    }
  	.footer-inner > nav,
    footer nav.linklist,
    footer nav.newsletter {
        width: 47%;
  	}
    footer .newsletter-signup input[type="email"],
    footer .newsletter-signup input[type="text"] {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
  	#currencies {
    	text-align: left;
  	}

}
@media screen and (max-width: 480px) {
  	footer {
    	padding: 20px 30px 0;
  	}
  	footer p {
    	margin: 0;
  	}
  	.footer-inner > nav,
    footer nav.linklist,
    footer nav.newsletter {
        width: 100%;
  	}
    footer nav {
        margin-bottom: 20px;
    }
  	footer nav h5 {
    	margin-bottom: 10px;
  	}
  	footer.footer-bottom {
    	padding: 0 30px 20px;
  	}
  	.payment {
    	margin-top: 20px;
  	}
  	footer,
    footer nav ul,
    footer p,
    footer .newsletter-signup input[type="email"],
    footer .newsletter-signup input[type="text"],
    footer .newsletter-signup input.btn,
    footer.footer-bottom .just > *,
    #currencies {
        font-size: 16px;
    }
}


/* 01. Base Content Styles*/
.no-rgba body {
 	min-width: 800px;
	
}

.no-rgba select {
  	padding: 5px;
  	height: auto;
}

/* 03. Header */

.no-rgba .search .search-query {
 	line-height: 100px;
}
.no-rgba .search .remove-search:before,
.no-rgba .search .remove-search:after {
    content: '';
    position: absolute;
    width: 50px;
    top: 0;
    height: 0px;
    background: transparent;
}
.no-rgba .search .remove-search:after {
 	content: '×';
  	font-size: 100px;
  	top: -30px;
  	line-height: 1;
}

/* 04. Index */
.no-rgba .fader .slide {
    opacity: 1;
	/*filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}
.no-rgba .fader.loading .wrapper {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.no-rgba .hero .slide-details {
    background: transparent;
  	zoom: 1;
  
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff,endColorstr=#90ffffff);
  
}
.no-rgba .hero .slide-pos {
 	bottom: 68px;
}
.no-rgba .bx-prev,
.no-rgba .bx-next{
	opacity: 1;
}
.no-rgba .hero-bottom > div > a {
  	position: static;
}

/* 05. Collections */
.no-rgba ul.product-grid li {
 	width: 25%;
}
/*.no-rgba ul.product-grid li .img-outer,
.no-rgba ul.product-grid li img {
	height: auto !important;
}*/
.no-rgba ul.product-grid .table,
.no-rgba ul.product-grid .table-cell {
 	display: block;
}
.no-rgba .quick-modal {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
    zoom: 1;
}
.no-rgba #ActiveWrapper .product-next,
.no-rgba #ActiveWrapper .product-prev {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
    zoom: 1;
}



.no-rgba ul.product-grid li {
    border-right: 1px solid #18007f;
}


/* cart */

.no-rgba .content-wrapper:after {
	content: '';
  	display: inline-block;
  	width: 100%;
  	height: 1px;
  	clear: both;
}



/* EXTRA: PLUGINS ********************************************/

/* EASYDROPDOWN DEFAULT THEME */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
  	display: inline-block;
	position: relative;
	min-width: 150px;
  	padding-right: 30px;
    border: 1px solid #84c830;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  	background: url(//cdn.shopify.com/s/files/1/0969/8278/t/2/assets/icons-carat.png?v=80475415077807367201440410027) right center no-repeat #e7e7e7;
}
.dropdown.open{
	z-index: 9999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.dropdown.touch .old{
	width: 100%;
	height: 100%;
}
.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */

.dropdown .selected,
.dropdown li{
	display: block;
    font-size: 17px;
  	height: 30px;
	line-height: 30px;
  	padding: 0 5px;
    color: #959595;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown.disabled .selected{
	opacity: 0.8;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
  	background: #e7e7e7;
    border: 1px solid #84c830;
	overflow: hidden;
	opacity: 0;
}

.touch .dropdown div{
	max-height: 350px;
  	overflow-y: scroll;
}
@media screen and (max-width: 640px) {
 	.dropdown div{
		max-height: 350px;
  		overflow-y: scroll;
	}
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;

	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 0 5px;
  	margin: 0;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	position: relative;
	z-index: 3;
	font-weight: 700;
}
.dropdown li.active{
	font-weight: 700;
}