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

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

17. ANDARY CUSTOMIZATIONS

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

/***************************************************************************
                           1. CSS RESET
***************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none !important;
	vertical-align: top;
	background: transparent;
	font-weight: normal;
	line-height: 1.5em;
}

ol, ul {
	list-style:none;
}
a, span {
	vertical-align:baseline;
}
b, strong {
	font-weight: bold;
}
i, dfn {
	font-style: italic;
}

img {
	max-width: 100%;
}

/***************************************************************************
                           2. VARIABLES
***************************************************************************/

/* 2.1 GRADIENTS */

/* 2.2 CSS3 TRANSITIONS */

/***************************************************************************
                           3. GLOBAL THEME STYLES
***************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {
	display: none;
}
 
.left {
	float: left;
}
.right {
	float: right;
}

/* fancybox styles */
#fancybox-wrap {
	padding: 0 !important;
}
#fancybox-content {
	width: 100% !important;
	text-align: center;
}

#fancybox-title {
	left: 50% !important;
}
#fancybox-title #fancybox-title-float-wrap {
	margin: 0 0 0 -50% !important;
}

/* jquery.formstyler styles for selects */
.jq-selectbox {
	display: block;
	z-index: 1000 !important;
	cursor: pointer;
}

.jq-selectbox__select-text {
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jq-selectbox__trigger i {
	position: absolute;
	top: 0;
	right: 0;
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	
}
.jq-selectbox__dropdown {
	width: 100%;
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	
}

.jq-selectbox.opened .jq-selectbox__trigger i {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
	}

/***************************************************************************
                           4. TYPOGRAPHY
***************************************************************************/

body {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #202020;
  	min-width: 300px;
}

body#andary {}

/* 4.1 HEADINGS */

.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {
	margin: 15px 0;
	padding: 0 0 5px 0;
/*	border-bottom: 1px solid #202020; */
	border-bottom: 1px solid #FFD700;  /* Gold */
	font: 18px Open Sans;
/*	color: #202020;  */
    color  : #FFD700;  /* Gold */
	text-transform: uppercase;
}

.column_center h2,
.column_center h3,
.column_center h4 {
	font-size: 15px;
}

.column_center h5,
.column_center h6 {
	font-size: 13px;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6 {
  	font: 18px Open Sans;
}
.column_center .page_heading {
	margin: 15px 0 21px;
	padding: 13px 0 5px 0;
	border: none;
	font: 18px Open Sans;
	color: #202020;
	text-transform: uppercase;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
  	position: relative;
  	display: inline-block;
}
.column_center .page_heading a {
	float: right;
}
.column_center .page_heading:before {
 	position: absolute;
 	content: "";
 	top: 0;
 	left: 0;
 	width: 116px;
  	max-width: 100%;
 	height: 3px;
  	background: #1c1c1c;
}

/* 4.2 PARAGRAPHS & LISTS */
p {
	margin: 15px 0;
	padding: 0;
}

.column_center ul {
	list-style-type: square;
	list-style-position: inside;
}
.column_center ol {
	list-style-type: decimal;
	list-style-position: inside;
}

/* 4.3 LINKS */
a {
	color: #181818;
	text-decoration: none;
}
a:hover, a:focus {
	color: #d1d1d1;
}

/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product_name {
  	margin-top: 9px;
  	margin-bottom: 11px;
	font-weight: bold;
	font-size: 13px;
/*	color: #202020; */
    color  : #FFD700;  /* Gold */
}
.product_name a {
  	font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
	font-weight: bold;
/*	color: #202020; */
    color  : #FFD700;  /* Gold */
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}

.product_name a:hover {
	color: #d1caca;
}
.product_links form {
 	margin-top: 17px; 
}

.product_desc {
  	line-height: 22px;
	font-size: 13px;
	color: #202020;
}

.product .money {
  	letter-spacing: 2px;
  	margin-top: 14px;
  	display: inline-block;
  	font: bold 24px/26px Open Sans;
/*	color: #d1caca;  -JRA- */
	color: black;
}

.product .compare-at-price {
	text-decoration: line-through;
  	font-size: 16px;
	line-height: 1em;
  	margin-top: 5px;
}

/* 4.5 RTE */
.rte {
	margin-top: 15px;
	margin-bottom: 15px;
	color: inherit;
}

.rte a {
	color: inherit;
	text-decoration: underline;
}
.rte a:hover {
	text-decoration: none;
}

.rte h1 {
	font-size: 19px;
}

.rte h2 {
	font-size: 17px;
}

.rte h3 {
	font-size: 14px;
}

.rte h4 {
	font-size: 13px;
}

.rte h5 {
	font-size: 12px;
}

.rte h6 {
	font-size: 11px;
}

.rte img {
	margin-top: 15px;
	margin-bottom: 15px;
}

/***************************************************************************
                           5. FORMS & COMPONENTS
***************************************************************************/

/* 5.1 FORMS */
label {
	font-weight: bold;
	font-size: 13px;
}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {
	padding: 6px;
	border:1px solid #1c1c1c;
	font: normal 13px 'Arial';
	color: #202020;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0;
	box-shadow: none;
	}

select,
select.form-control {
	padding: 8px 3px;
}

textarea,
textarea.form-control {
	min-width: 100%;
	max-width: 100%;
}

.form-control:focus {
	border-color: #aaa;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
	}

.form-group {
	vertical-align: top !important;
	margin-top: 15px;
	margin-bottom: 0;
}

.form-horizontal {
}

.form-horizontal label {
	padding-top: 0 !important;
	text-align: right;
	line-height: 34px;
}

.form-horizontal select {
	width: 100%;
}

.action_bottom span.note {
	margin-left: 5px;
}
.action_bottom span.note a {
	margin-left: 5px;
}

/* 5.2 ALERTS */

.alert {
	margin: 15px 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	}

.alert > p,
.alert > ul,
.alert > ol {
	list-style-type: none;
	margin: 0;
}

.alert > p + p,
.alert > ul + ul {
	margin: 10px 0 0 0;
}

/* 5.3 BUTTONS */

.btn,
.btn a,
.btn-info,
.btn-primary {
	border-radius: 0 !important;
	box-shadow: none !important;
  	font-size: 14px;
  	color: #1c1c1c;
    line-height: 26px;
    display: inline-block;
    padding: 0px;
  	border-bottom: solid 3px #1c1c1c;
    font-weight: bold;
  	text-transform: uppercase;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
  	background: none !important;
  	border-top: none;
  	border-left: none;
  	border-right: none;
}

.btn a {
	padding: 0 !important;
	border: none !important;
}

.btn i {
    content: '';
    width: 22px;
    height: 20px;
  	font-size: 22px;
  	line-height: 22px;
    margin: 0px 0 0 8px;
}

.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
  	color: #d1caca !important;
  	border-bottom: solid 3px #d1caca !important;
}

/***************************************************************************
                           6. GLOBAL PAGE LAYOUT
***************************************************************************/


/***************************************************************************
                           6. GLOBAL PAGE LAYOUT
***************************************************************************/

html, body {
	height: 100%;
width : 960px;
}

/***************************************************************************
  Wraps all page content
***************************************************************************/

#wrapper 
{
	background-color : #dedede;
}

/***************************************************************************
  Wraps page header content
***************************************************************************/

#wrapper2 
{
 	background : #ffffff;
	overflow   : hidden;
}

.container {
	padding: 0;
}

/***************************************************************************
  Wraps page body content
***************************************************************************/

#main 
{
	margin-top     : 15px;
 	padding-bottom : 15px;
	position       : inline;
}

.bord_bot {
 	position: absolute;
  	left: 0px;
  	right: 0px;
  	bottom: 0px;
  	height: 52px;
  	background: #f6f6f6;
}

.bord_top {
  	height: 37px;
  	background: #f6f6f6;
}

.bord_bot_white {
  	height: 37px;
  	background: #ffffff;
}

#main_content,
.column .widget 
{
	/*margin-bottom: 30px !important;*/
}

/***************************************************************************
                           7. SIDEBAR CONFIGURATION
***************************************************************************/

/* NO SIDEBAR */

/* LEFT SIDEBAR */

.sidebar_left .column_center {
	width: 100%;
}

.sidebar_left .column_center #main_content {
	margin: 0 0 0 25%;
}

.sidebar_left .column_left {
	margin-left: -100%;
}

/* RIGHT SIDEBAR */

/* BOTH SIDEBARS */

.sidebar_both .column_center {
	width: 100%;
}

.sidebar_both .column_center #main_content {
	margin: 0 25%;
}

.sidebar_both .column_left {
	margin-left: -100%;
}
.sidebar_both .column_right {
	margin-left: -25%;
}

/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {
	margin: 0;
}

/***************************************************************************
                           8. MAIN PAGE
***************************************************************************/

/* 8.1 HEADER */

.header_top {
  	background: #1c1c1c; 
  	margin-bottom: 25px;
}

#logo {
  	position: relative;
  	text-align: center;
  	padding-top: 0px;
  	padding-bottom: 4px;
}

#logo a {
  	display: inline-block;
  	position: relative;
  	font-family: 'Changa One', cursive;
  	font-size: 48px;
  	font-weight: bold;
  	text-transform: uppercase;
  	padding: 33px 32px 0px;
  	letter-spacing: 8px;
  	line-height: 1em;
  	z-index: 50;
  	transition: color .4s ease;
}

#logo a:after {
  	position: absolute;
  	display: block;
  	left: 0;
  	right: 0;
  	bottom: -32px;
  	content: "";
  	border-bottom: 3px solid #1c1c1c;
  	z-index: 1000;
  	background: #ffffff;
  	height: 30px;
}

#logo:before {
  	position: absolute;
  	display: block;
  	margin: 0 auto;
	width: 116px;
  	content: "";
	left: 0;
	right: 0;
	top: 9px;
  	border-top: 3px solid #1c1c1c;
}

#logo a span {
 	display: block; 
  	color: #e2e2e2;
  	font-size: 14px;
  	line-height: 14px;
  	font-family: 'Open Sans', sans-serif;
  	letter-spacing: 4px;
  	transition: color .4s ease;
}

#logo a:hover span {
  	color: #1c1c1c;
}

.header_user {	
  	float: left;
}

.header_user li {
  	display: inline-block;
    margin-right: 18px;
    padding: 0 25px;
    border-bottom: solid 5px #1c1c1c;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.header_user li a {
    display: inline-block;
    color: #ffffff;
    line-height: 53px;
    font-weight: bold;
  	transition: all .4s ease;
}

.header_user li:hover {
    border-bottom: solid 5px #ffffff;
}

.header_user li a:hover {
  	color: #6d6a6a;
}

.header_user li a i {
	margin: 16px 5px 0 0;
	line-height: 1.5em;
}

.header_search {
  	float: right;
  	position: relative;
	margin: 12px 0 0;
	clear: right;
	width: 270px;
	padding-right: 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	background: #3c3c3c;
}

.header_search #search-field {
	padding: 6px 15px;
	height: 34px;
	background: none;
	border: none;
	color: #6d6a6a;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
  	width: 100%;
}

.header_search #search-submit {
  	position: absolute;
  	right: 0px;
  	top: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	width: 34px;
	top: 0;
	bottom: 0;
	font-size: 15px;
	line-height: 34px;
	color: #ffffff;
}

.header_search #search-submit i {
 	line-height: 34px;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.header_search #search-submit:hover {
  	color: #6d6a6a;
}

.header_currency {
  	float: right;
  	margin-right: 20px;
  	margin-top: 5px;
}

.header_currency .jq-selectbox {
	width: 74px;
}

.header_currency .jq-selectbox__select {
	height: 34px;
	padding: 0 34px 0 0px;
  	background: #1c1c1c;
  	color: #ffffff;
  	text-align: center;
}

.header_currency .jq-selectbox__select-text {
	line-height: 34px;
}

.header_currency .jq-selectbox__trigger i {
	right: 0px;
	top: 0px;
  	width: 34px;
  	height: 34px;
  	text-align: center;
  	line-height: 34px;
  	background: #e2e2e2;
  	color: #1c1c1c;
}

.header_currency .jq-selectbox__dropdown {
	background: #ffffff;
	border: 1px solid #1c1c1c;
	top: 34px !important;
}

.header_currency .jq-selectbox__dropdown ul li {
  	padding: 0 10px;
}

.header_currency .jq-selectbox__dropdown ul li:hover {
  	background: #d1caca;
}

.header_center { height: 61px;}

.header_cart {
  	float: right;
  	
}

.header_cart a {
  	display: block;
  	margin: 5px 0px 10px 0;
  	color: #3c3c3c;
  	background: #f6f6f6;
  	line-height: 35px;
  	font-weight: bold;
  	padding: 0px 61px 0px 48px; 
  	position: relative;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.header_cart a i {
  	position: absolute;
  	left: 0px;
  	top: 0px;
  	line-height: 34px;
  	width: 34px;
  	text-align: center;
  	background: #1c1c1c;	
  	color: #ffffff;
  	font-size: 22px;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.header_cart a:hover i {
  	background: #d1caca;
  	color: #1c1c1c;
}

.header_cart a:hover {
	background: #d1caca;
}

.header_cart a b {
  	line-height: 34px;
  	font-weight: bold;
  	text-transform: capitalize;
  	vertical-align: middle;
}

.header_cart a span,
.header_cart a span.money {
  	font-weight: bold;
  	color: #1c1c1c;
}

.header_cart a span.count {
  	margin: 0 4px;
}

.header_cart a b,
.header_cart a > span,
.header_cart a > span, .header_cart a > span.money {
 	line-height: 1em !important;
  	vertical-align: middle !important;
}

/* 8.2 NAVIGATION */

#navigation { 
	position: relative;
	float: left;
}

#navigation nav {
	position: relative;
	z-index: 9;
}

.header_sticky.isStuck {
	width: 100%;
	left: 0;
	top: 0;
  	z-index: 100;
  	background: #ffffff;
  	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}

#navigation select.menu_mobile {
	width: 100%;
	height: 30px !important;
	display: block;
	background: #eee;
}

.sf-menu {
	padding-top: 5px;
	padding-bottom: 5px;
}

.sf-menu li {
	position: relative;
}

/*================================>> 1 Level <<========================================*/

.sf-menu > li {
	display: inline-block;
	text-align: left;
	position: relative;
	z-index: 99;
	margin-right: 10px;
}

.sf-menu > li > a {
	color: #1c1c1c;
	font-size: 14px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 8px 20px 10px;
	text-transform: uppercase;
	font-weight: bold;
	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.sf-menu > li.active > a,
.sf-menu > li:hover > a {
	color: #ffffff;
	background: #1c1c1c;
}

.sf-menu > li > a.sf-with-ul:after {
	position: absolute;
	content:"";
	left: 50%;
	margin-left: -2px;
	right: 0;
	bottom: 1px;
	-moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    -webkit-transition: top 0.3s ease-out;
	border: 4px solid;
	border-color: #1c1c1c transparent transparent transparent;
	width: 0;
	height: 0;
}
.sf-menu > li > a.sf-with-ul:hover:after,
.sf-menu > li.active > a.sf-with-ul:after,
.sf-menu > li.sfHover > a.sf-with-ul:after {
	border-color: #ffffff transparent transparent transparent;
}

/*================================>> 2 Level <<========================================*/

.sf-menu ul {
	width: 192px !important;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 99;
	background: #ffffff;
	box-shadow: 0 4px 8px rgba(0,0,0,0.12);
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  	border: 1px solid #6d6a6a;
}

.sf-menu ul li + li {
	border-top: 1px solid #6d6a6a;
	border-bottom-width: 0;
}

.sf-menu ul li a {
	display: block;
	padding: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #3c3c3c;
	padding: 6px 15px;
}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {
	color: #ffffff;
	background: #3c3c3c;
}

#navigation select.menu_mobile {display: none;}

/* 8.4 SHOWCASE */

.custom_showcase a {
 	display: block;
  	text-align: right;
  	position: relative;
  	background: #1c1c1c;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}
.custom_showcase a:hover {
  	background: #198599;
}

.custom_showcase a .inside {
    padding: 6.5% 5% 0 7.5%;
    position: absolute;
    height: 100%;
  	background: #1c1c1c;
  	top: 0px;
  	left: 0px;
  	right: 50%;
  	bottom: 0px;
  	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  	text-align: left;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.custom_showcase a:hover .inside {
  	background: #198599;
}

.custom_showcase a .inside h3 {
	font-size: 18px;
    line-height: 22px;
  	color: #ffffff;
    text-transform: uppercase;
    font-family: Open Sans;
    margin-bottom: 5px;
  	font-weight: bold;
}

.custom_showcase a .inside h4 {
    font-size: 18px;
    line-height: 20px;
  	color: #8a8a8a;
    text-transform: uppercase;
    display: block;
  	font-weight: bold;
  	padding-top: 2px;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.custom_showcase a .inside h4 span {
 	font-size: 24px;
  	line-height: 16px;
  	font-weight: bold;
}

.custom_showcase a .inside:after {
 	position: absolute;
 	content: "";
 	bottom: 13px;
 	right: 13px;
 	height: 0;
 	width: 0;
 	border: 6px solid;
  	border-color: transparent transparent #ffffff transparent;	 
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.custom_showcase a .inside:before {
 	position: absolute;
 	content: "";
 	bottom: 12px;
 	right: 14px;
 	height: 0;
 	width: 0;
 	border: 6px solid;
 	border-color: transparent #ffffff transparent transparent;	 
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.custom_showcase a:hover .inside:after {
  	border: 15px solid;
  	border-color: transparent transparent #d1caca transparent;
}

.custom_showcase a:hover .inside:before {
  	border: 15px solid;
  	border-color: transparent #d1caca transparent transparent;	
}

.custom_showcase a:hover .inside h4 { color: #ffffff;}
.custom_showcase a img {
 	opacity: 1;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
  	background: #198599;
}

.custom_showcase a:hover img {
 	opacity: 0.8;
}

.bottom_position {
 	margin-top: 27px; 
}

.bottom_pos {
  	position: relative;
  	color: #ffffff;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.bottom_pos img {
 	float: left;
  	margin: 25px 16px 0px 6px;
}

.bottom_pos .inside {
 	overflow: hidden; 
}

.bottom-1 .inside,
.bottom-3 .inside{
 	padding: 20px 0px 17px; 
}

.bottom-2 .inside,
.bottom-4 .inside{
 	padding: 14px 0px; 
}

.bottom_pos h3 {
  	display: inline-block;
  	border-bottom: none;
  	color: #ffffff;
  	margin: 0px;
  	padding: 0px;
  	font-size: 14px;
	line-height: 18px;
  	font-weight: bold;
}

.bottom_pos h4 {
  	display: inline-block;
  	font-size: 24px;
  	border-bottom: none;
  	color: #ffffff;
  	margin: 0px;
  	padding: 0px;
	line-height: 1em;
  	font-weight: bold;
}

.bottom-1 {
  	background: #1c1c1c;
}

.bottom-2 {
	background: #3c3c3c;
}

.bottom-3 {
  	background: #535353;
}

.bottom-4 {
  	background: #6d6a6a;
}

.bottom-1:hover {
  	background: #535353;
}

.bottom-2:hover {
	background: #6d6a6a;
}

.bottom-3:hover {
  	background: #1c1c1c;
}

.bottom-4:hover {
  	background: #3c3c3c;
}

.bottom-1 h4,
.bottom-3 h4 {
  	display: inline-block;
  	margin-top: -7px;
}

/* 8.5 MAIN PRODUCT LISTING */

.product_listing_main + .product_listing_main {
	margin-top: 40px;
}

.product_listing_main .product_links form {
  border     : 5px solid white;
	display: inline-block;
}

/* 8.6 FOOTER */

.error {
	margin: 15px 0 0 0;
	font-style: italic;
	color: #de0000;
}

.success {
	margin: 15px 0 0 0;
	font-weight: bold;
	font-style: italic;
	color: #208d20;
}

footer { overflow: hidden;}

.footer_top {
  	background: #f6f6f6;
  	padding-bottom: 30px;
}

.footer_block h3 {
  	margin: 15px 0 10px;
	padding: 13px 0 5px 0;
	border: none;
	font: 18px Open Sans;
	color: #202020;
	text-transform: uppercase;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
  	position: relative;
  	display: inline-block;
}

.footer_block h3:before {
  	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 116px;
    height: 3px;
    background: #1c1c1c;
}

.footer_block ul {
  	list-style: none;
}

.footer_block ul li {
  	display: block;	
  	line-height: 24px;
}

.footer_block ul li a {
  	position: relative;
  	display: inline-block;
  	color: #1c1c1c;
    text-decoration: none;
  	line-height: 22px;
    padding-left: 14px;
  
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

.footer_block ul li a:hover {
  color: #198599;
}

.footer_block ul li a:before {
  	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
  	position: absolute;
  	left: 0px;
  	top: 1px;
    content: '\f0da';
    font-size: 10px;
}

.contacts_address {
 	line-height: 18px;
  	margin-bottom: 16px;
}

.footer_block__4 h3 {
  	margin-bottom: 13px;
}

footer .copyright {
}

footer .copyright p {
  	font-weight: bold;
  	margin: 30px 0px;
}

footer .copyright a {
  	font-weight: bold;
}

footer .copyright a:hover {
  	text-decoration: underline;
  	color: #1c1c1c;
}

/***************************************************************************
                           9. COLLECTION PAGES
***************************************************************************/

/* 9.1 PAGES CONTENT */

ul.tags {
	margin-top: 15px;
  	margin-bottom: 15px;
	list-style-type: none;
}

ul.tags li {
	float: left;
}

ul.tags li + li {
	margin: 0 0 0 5px;
}

ul.tags li a {
	display: block;
	padding: 5px 10px;
	color: #181818;
  	border: 2px solid #181818;
  	font-weight: bold;
    
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

ul.tags li a:hover,
ul.tags li.active a {
	background: #181818;
	color: #ffffff;
}

.collection_info {
	margin-top: 15px;
  	padding-bottom: 30px;
}

.collection_info .collection_img {
	text-align: center;
}

.collection_info .collection_desc .rte {
	margin: 0;
}

/* 9.2 BREADCRUMBS */

.breadcrumb {
	margin: 0 0 15px 0;
  	background: #ffffff;
  	border: 2px solid #1c1c1c;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	margin-top: 75px;
}

.breadcrumb li a {
 	text-decoration: none; 
  	color: #3c3c3c;
}

.breadcrumb li a:hover {
 	text-decoration: underline; 
  	color: #3c3c3c;
}

.breadcrumb li:before,
.breadcrumb li a,
.breadcrumb li span {
 	font-weight: bold; 
}

/* 9.3 COLLECTION LISTING */

.collection_listing .collection {
	margin: 30px 0 0 0;
}

/* 9.4 PAGINATION */

#pagination {
	display: inline-block;
	overflow: hidden;
	margin: 30px 0 0 0;
	border: 2px solid #1c1c1c;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	}

#pagination span {
	display: block;
	float: left;
}

#pagination span ~ span {
	border-left: 2px solid #1c1c1c;
}

#pagination span a,
#pagination span.deco,
#pagination span.current {
	display: block;
	padding: 4px 14px;
	color: #1c1c1c;
  	font-weight: bold;
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
}

#pagination span a:hover,
#pagination span.current {
	background: #1c1c1c;
	color: #ffffff;
}

#pagination span.current {
	cursor: default;
}

/***************************************************************************
                           10. SIDEBAR WIDGETS
***************************************************************************/

.column .widget h3.widget_header {
	margin: 15px 0 21px;
	padding: 13px 0 5px 0;
	border: none;
	font: 18px Open Sans;
	color: #202020;
	text-transform: uppercase;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
  	position: relative;
  	display: inline-block;
}

.column .widget h3.widget_header:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 116px;
    max-width: 100%;
    height: 3px;
  	background: #1c1c1c;
}

/* 10.1 LINKS LIST */

.column .widget ul.list {
	padding-bottom: 25px;
}

.column .widget ul.list li {
	padding: 5px 0;
}

/* 10.2 SIDEBAR PRODUCT LISTING */

.product_listing_sidebar .product {
  	margin-bottom: 20px;
}

.product_listing_sidebar .product + .product {
	padding-top: 20px;
  	border-top: 1px solid #e2e2e2;
}

.product_listing_sidebar .product_img {
  	float: left;
  	margin-right: 15px;
  	width: 30%;
}

.product_listing_sidebar .product_img img {
 	width: 100%; 
}

.product_listing_sidebar .product_price .money {
  	margin-top: 0px;
}

.product_listing_sidebar .product_links form {
	display: inline-block;
}

/***************************************************************************
                           11. SEARCH RESULTS PAGE
***************************************************************************/

#searchresults {
	margin: 0;
}

#searchresults .search-form {
	margin: 15px 0 0 0;
}

#searchresults .search-form input {
	width: 100%;
  	height: 34px;
  	line-height: 18px;
	float: left;
	padding: 7px 34px 7px 10px;
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#searchresults .search-form button {
	width: 34px;
	height: 34px;
	float: left;
	margin: 0 0 0 -34px;
	background: none;
	border: none;
	font-size: 20px;
	color: #181818;
}

#searchresults .search-form button:hover {
	color: #d1d1d1;
}

#searchresults .search-form button i {
	line-height: 32px;
}

#searchresults h3 {
	margin: 0;
	padding: 0;
} 

#searchresults ol {
	list-style-type: none;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #1c1c1c;
}

#searchresults ol li {
	overflow: hidden;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #1c1c1c;
}

#searchresults ol li .search-result_image {
	float: left;
	margin-right: 15px;
}

#searchresults ol li .search-result_container {
	padding: 15px 0 0 0;
}

/***************************************************************************
                           12. PRODUCT PAGE
***************************************************************************/

.product_wrap {
  	margin-bottom: 30px;
}

/* 12.1 PRODUCT IMAGES */

#product_image-container {
	overflow: hidden;
}

.product_image .bx-wrapper {
	overflow: hidden;
}

.product_wrap #bx-pager {
	width: 360px;
}

.product_wrap #bx-pager a {
	width: 105px;
	overflow: hidden;
	margin: 15px 15px 0 0;
  	background: #3c3c3c;
}

/* 12.2 PRODUCT INFO */

.product_wrap .product_name {
	margin: -2px 0 0 0;
}

.product_wrap .product-price {
	padding: 0;
}
.product_wrap .product-price .money {
	margin: 0 5px 0 0;
  	letter-spacing: 2px;
    display: inline-block;
    font: bold 20px/26px Open Sans;
  	color: #d1caca;
}

.product_wrap .product-price .compare-at-price {
  	font-size: 12px;
}

.product_wrap .variants-wrapper {
	padding: 15px 0 0 0;
}

.product_wrap .variants-wrapper label {
	margin-right: 10px;
}

.product_wrap #purchase label {
	display: inline-block;
	margin: 0;
	padding: 0 !important;
	line-height: 37px;
}

.product_wrap #purchase #quantity {
	width: 50px;
	height: 37px;
  	line-height: 18px;
  	padding: 9px 0 8px;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	display: inline-block;
	margin: 0 10px;
	outline: none;
	text-align: center;
}

.product_wrap #purchase #add-to-cart {
	margin-top: 0px;
}

.product_wrap #purchase #add-to-cart i {
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.5em;
	position: relative;
	top: -2px;
}  

.product_wrap .product_details {
	margin: 15px 0 0 0;
	padding: 10px 0 15px 0;
	border: 1px solid #1c1c1c;
	border-width: 1px 0;
}

.product_wrap .product_details > div {
	padding: 5px 0 0 0;
}

.product_wrap #product_description h4 {
	padding-bottom: 0;
	border: none;
	text-transform: none;
}

.product_wrap .addthis_toolbox {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #1c1c1c;
}

.product_image-additioanl a {
	width: 33%;
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	}

/* 12.3 PRODUCT PAGINATION */

.product_wrap .pagination__product {
	width: 100%;
	margin: 15px 0;
}

.product_wrap .pagination__product ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 15px !important;
}

.product_wrap .pagination__product ul li.left-arrow {
	float: left;
}

.product_wrap .pagination__product ul li.right-arrow {
	float: right;
}

/* 12.4 RELATED PRODUCTS */

.product_img a {
 	display: block;
  	position: relative;
  	background: #3c3c3c;
}

.product_img .border {
  	position: absolute;
 	content: "";
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0; 	
 	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
 	border: 0px solid;
}

.product_img a:hover .border {
	border: 21px solid #1c1c1c;
}

.product_img a .sale {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 3px 5px;
	background: #1c1c1c;
	color: #ffffff;
}

.product_img a img {
  	
-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	    -ms-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
	;
  	width: 100%;
}

.widget_related_products h3 {
	margin: 15px 0 21px;
    padding: 13px 0 5px 0;
    border: none;
    font: 18px Open Sans;
	color: #202020;
    text-transform: uppercase;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    display: inline-block;
}

.widget_related_products h3:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 116px;
    max-width: 100%;
    height: 3px;
  	background: #1c1c1c;
}

ul.product_listing_related {
	list-style-type: none;
}

/***************************************************************************
                           13. BLOG
***************************************************************************/

/* 13.1 POSTS LISTING */

.blog-article {
	padding: 15px 0 0 0;
}

.article_header {
	padding: 15px 0;
	border-bottom: 1px solid #1c1c1c;
}

.blog-article_meta-comments {
	float: right;
	padding: 9px 0 0 15px;
}

.blog-article_date,
.blog-article_meta-tags {
	font-style: italic;
}

.blog-article_meta-tags a {
	text-decoration: underline;
}

/* 13.2 SINGLE POST */

.article_meta-comments {
	float: right;
	padding: 2px 0 0 15px;
}

.article_meta-tags a {
	text-decoration: underline;
}

.article_date,
.article_meta-tags,
.article_meta {
	font-style: italic;
}

.article .addthis_toolbox {
	margin: 20px 0;
}

#comments ul {
	list-style-type: none;
}

.comment-form #comment-author,
.comment-form #comment-email,
.comment-form #comment-body {
	width: 100%;
}

.comment-form #comment-body {
	min-height: 100px;
	margin-bottom: 15px;
}

.article_comments-form {
	padding-bottom: 10px;
	margin-top: 1em;
	padding-top: 10px;
}

.section-title {
	margin-bottom: 2px;
	padding-bottom: 8px;
}

.comment-form .row {
	margin-bottom: 1em;
}

/***************************************************************************
                           14. CUSTOMER PAGES
***************************************************************************/

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */

.customer_name {
	text-transform: none !important;
}

.customer_name .divider {
	margin: 0 7px;
}

.customer_name .email {
	color: #202020;
}

.customer_name a {
	float: right;
}

/* 14.3 ADDRESSES */

.customer_addresses ul.customer_addresses_actions {
	list-style-type: none;
	margin: 15px 0;
}

.customer_addresses ul.customer_addresses_actions li a i {
	margin: 0 5px 0 0;
	line-height: inherit;
}

.customer_addresses .col-sm-offset-4 label {
	line-height: 1.6em;
}

ul.address {
	list-style-type: none;
}

/* 14.4 ORDERS */

.order_date {
	margin: 15px 0 0 0;
}

#order_details {
	margin: 30px 0 0 0;
}

/***************************************************************************
                           15. CART PAGE
***************************************************************************/

/* 15.1 CART PRODUCTS */

.cart-list {
	overflow: hidden;
}

.cart-list > .row {
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #d1caca;
}

.cart-list .item_image {
	text-align: center;
}

.cart-list .item_image a img {
	max-width: 100%;
}

.cart-list .product_name {
	margin-top: 15px;
}

.cart-list .item_remove {
	margin: 0 0 0 10px;
}

.cart-list .item_remove a {
	font-size: 20px;
	color: #fe2a2a;
}

.cart-list .item_remove a:hover {
	color: #181818;
}

.cart-list .row h3.item_vendor {
	border-bottom: 1px solid #d1caca;
	color: #6d6a6a;
}

.cart-list .item_price {
	padding: 10px 0 0 0;
}

.cart-list .item_price .price {
	line-height: 37px;
}

.cart-list .item_price label {
	padding: 0;
	line-height: 37px;
}

.cart-list .item_price .input-small {
	width: 60px !important;
	height: 37px;
	display: inline-block;
	padding: 5px;
	text-align: center;
}

.cart-list .item_price .total {
	text-align: right;
}

.cart-list .item_price .total h3 {
	vertical-align: baseline;
	border: none;
}

.cart_subtotal h3 {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #d1caca;
}

.cart_subtotal h3 .money {
	float: right;
}

.cart_buttons {
	margin: 30px 0;
}

.cart_instructions textarea {
	width: 100%;
}

#payment-methods {
	overflow: hidden;
}

#payment-methods ul {
	list-style-type:none;
	list-style-position: outside;
}

#payment-methods ul li {
	float:left;
	padding: 15px 15px 0 0;
}

/* 15.2 GUEST CHECKOUT */

#guest {
	padding: 30px 0 0 0;
}

#guest form {
	padding: 15px 0 0 0;
}

/***************************************************************************
                           16. CONTACTS PAGE
***************************************************************************/

.contact-scope iframe {
	width: 100%;
	margin: 15px 0;
	border: 1px solid #1c1c1c;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="telephone"],
.contact-form textarea {
}

.contact-form textarea {
	width: 100%;
}