/** Shopify CDN: Minification failed

Line 3098:30 Unexpected "*"

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

1. CSS RESET

2. VARIABLES
2.1 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.1 FORMS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 MEGAMENU
8.3 NIVOSLIDER
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. CSS Edits made by TSGProducts

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



/********************************************************************************************************
                                                     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;
	line-height:inherit;
	font-weight:inherit;
}
b, strong {
	font-weight: bold;
	vertical-align:baseline;
}
i, dfn {
	font-style: italic;
}

img {
	max-width: 100%;
}



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



/* 2.1 CSS3 TRANSITIONS */













































/*#6ad12b*/









































/*#facf04*/










































/*#014c9b*/


/********************************************************************************************************
                                    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;
}

#_atssh {
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !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: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.jq-selectbox__dropdown {
	width: 100%;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}

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



/* misc */
#at15s {
	z-index: 999 !important;
}

#habla_window_div {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}



/* hex2rgb color converter */




















/* add to cart message */
.cart_popup {
	width: 100%;
	height: 86px;
	font-size: 25px;
	line-height: 85px;
	color: #fff;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0 !important;
	z-index: 1000;
	background: rgba(51,51,51,.9);
	display: none;
}



/* cookies policy message */
.cookies_container {
	min-height: 60px;
	background: #191919;
	display: none;
}

.cookies_container p {
	display: inline-block;
	margin: 0;
	font-size: 17px;
	line-height: 60px;
	color: #888;
}
.cookies_container p b {
	vertical-align: baseline;
	color: #fff;
}

.cookies_container .cookie_btn {
	height: 40px;
	display: inline-block;
	margin: 10px 0 10px 6px;
	padding: 0 20px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	font-size: 17px;
	line-height: 38px;
	color: #fff;
	-webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
	                border-radius: 4px;
	

-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.cookies_container .cookie_ok {
	margin: 10px 0 10px 20px;
	background: #18a439;
	border-color: #18a439;
}
.cookies_container .cookie_no {
	border-color: #585858;
}

.cookies_container .cookie_btn:hover {
	background: #585858;
	border-color: #585858;
}



/* google maps */
#google_map,
#google_map iframe {
	width: 100% !important;
	height: 300px !important;
	background: #e7e7e6;
}

#google_map img {
	max-width: none !important;
}



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




body {
	font-family: Lato;
	font-size: 15px;
	color: #2f3333;
}



/* 4.1 HEADINGS */



h1,
h2,
h3,
h4,
h5,
h6 {
	font: 36px/0.85em Lato;
	color: #333333;
}

h2,
h3 {
	font-size: 36px;
}
h4 {
	font-size: 18px;
}

h5,
h6 {
	font-size: 17px;
}

.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {
	margin: 15px 0;
}

.column_center .page_heading,
.page_heading {
	text-align: center;
	margin: 0;
	letter-spacing: -1px;
	font: 700 36px/0.85em Lato;
	color: #333333;
}
.column_center .page_heading a {
	float: right;
}
.page_heading span {
	font-weight: 100;
}



/* 4.2 PARAGRAPHS & LISTS */
p {
	margin: 15px 0;
	padding: 0;
	line-height: 1.6em;
}

.column_center ul {
	list-style-type: square;
	list-style-position: inside;
    padding-left: 20px; /* Indents the unordered list */
}
.column_center ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.column_center ul li, .column_center ol li {
    margin-bottom: 10px; /* Adds space between list items */
}



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



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product_name {
	font-weight: normal;
	font-size: 15px;
	color: #2f3333;
}
.product_name a {
	font-weight: normal;
	color: #2f3333;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.product_name a:hover {
	color: #fa7103;
}

/* Styles for the article title as h1 element */
h1.product_name {
  font-weight: bold; /* Or normal, as preferred */
  font-size: 32px; /* Replace with desired font size */
  color: #333333; /* Replace with desired color */
  margin: 20px 0; /* Adjust margins if needed */
  line-height: 1.4; /* Adjust line height for readability */
}




.product_desc {
	font-size: 13px;
	color: #777777;
}


.money {
	color: #fa7103;
}
.compare-at-price {
	text-decoration: line-through;
	color: #333333;
  	white-space: nowrap;
}



/* 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: 22px;
}
.rte h3 {
	font-size: 18px;
}
.rte h4 {
	font-size: 14px;
}
.rte h5 {
	font-size: 13px;
}
.rte h6 {
	font-size: 12px;
}

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



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

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

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 #e0e0e0;
	font: normal 13px 'Arial';
	color: #2f3333;
	-webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	                box-sizing: border-box;
	border-radius: 0;
	box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {
	height:34px;
	line-height:18px;
	padding-top:7px;
	padding-bottom:7px;
}

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 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:focus,
.btn a,
.btn-info,
.btn-primary {
	border: 0px !important;
	padding: 16px 42px;
	font-size: 19px;
	color: #ffffff;
	background: #04cffa;
	border-radius: 0 !important;
	box-shadow: none !important;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}

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



.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
	background: #bd20c7;
	color:#ffffff;
}



/********************************************************************************************************
                                                     6. GLOBAL PAGE LAYOUT
********************************************************************************************************/
/* outdated browsers notification */
.old_browsers a {
	display: block;
	padding: 20px 0;
	background: #ffa200;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
}
.old_browsers a i {
	margin: 0 5px 0 0;
	font-size: 30px;
	color: #e90b00;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
.old_browsers a:hover {
	color: #e90b00;
	
}



html, body {
	height: 100%;
}

.page_preloader {
	width: 100%;
	height: 100%;
	background: url(//jigsaw2order.com/cdn/shop/t/7/assets/bx_loader.gif?v=48914817761367347031794341603) 50% 50% no-repeat #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}

#wrapper {
	position: relative;
	z-index: 1;
	background:  #ffffff;
}
#wrapper2 {
	overflow: hidden;
}

.container {
	padding: 0;
}

#main {
	margin-top: 15px;
}

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

.template-index #main_content {
	margin-bottom: 0 !important;
}



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

/* NO SIDEBAR */
.sidebar_none {
}


/* LEFT SIDEBAR */
.sidebar_left {
}
.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 */
.sidebar_right {
}


/* BOTH SIDEBARS */
.sidebar_both {
}
.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 0 0 0;
}



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

/* 8.1 HEADER */
header {
	padding-bottom: 35px;
}
.header_ins {
	background: #015eba;
}



#logo {
	margin-top: 27px;
	margin-left: -28px;
    max-width: 502px;
	float: left;
}
#logo a {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#logo b {
	font-size: 20px;
}
#logo a:after {
	position: absolute;
	z-index: -1;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: -3px;
	left: -3px;
	content: "";
	border: 0px solid #ffffff;
  	background:#015eba;

	
-webkit-transition: .5s ease-in-out;
	     -moz-transition: .5s ease-in-out;
	        -ms-transition: .5s ease-in-out;
	         -o-transition: .5s ease-in-out;
	                transition: .5s ease-in-out;
	
}
#logo a:hover:after {
	opacity: 1;  	

}
#logo img {	
  	-moz-transform:    scale(1);
	-o-transform:      scale(1);
	-webkit-transform: scale(1);
	transform:         scale(1);
  	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
#logo:hover img {
  	-moz-transform:    scale(0.6);
	-o-transform:      scale(0.6);
	-webkit-transform: scale(0.6);
	transform:         scale(0.6);
  	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}

  


.header_right {
	float: right;
}


.header_user {
	display: inline-block;
	padding-top: 1px;
}
.header_user li {
	display: inline-block;
	margin-right: 17px;
	position: relative;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 
}
.header_user li a {
	font-size: 15px;
	color: #ffffff;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 
}
.header_user li i {
	margin: 2px 7px 0 0px;
	font-size: 14px;
	line-height: 1.5em;
	color: #facb04;
}
.header_user li a:after {
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: 50%;
	left: 50%;
	content: "";
	border-bottom: 2px solid #ffffff;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.header_user li a:hover:after {
	opacity: 1;
	border-bottom-color: #facb04;
	left: 0;
	right: 0;
}

.header_user li a:hover {
	color: #facb04;
}



.header_currency {
	display: inline-block;
}
.header_currency select {
	width: 0 !important;
  	height: 0 !important;
  	overflow: hidden !important;
}
.header_currency .jq-selectbox {
	width: 45px;
}
.header_currency .jq-selectbox__select {
	height: 25px;
	padding: 0 12px 0 0px;
	color: #ffffff;
}
.header_currency .jq-selectbox__select-text {
	line-height: 24px;
}
.header_currency .jq-selectbox__trigger i {
	right: 2px;
	top: 4px;
	color: #facb04;
}

.header_currency .jq-selectbox__dropdown {
	width: 100% !important;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	top: 24px !important;
}
.header_currency .jq-selectbox__dropdown ul {
	text-align: center;
}
.header_currency .jq-selectbox__dropdown ul li + li {
	margin-top: 1px;
}

.header_currency .jq-selectbox__dropdown ul li.sel,
.header_currency .jq-selectbox__dropdown ul li:hover {
	color: #ffffff;
	background: #6ad12a;
}



.header_cart {
	text-align: right;
	margin-bottom: 47px;
}
.header_cart a {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 148px;
	text-align: center;
	padding: 6px 6px 18px 0px;
}
.header_cart a:before {
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top:-11px;
	bottom:-1px;
	content: "";
	background: #6ad12a;
	-moz-transform:    rotate(5deg) translateZ(0);
	-o-transform:      rotate(5deg);
	-webkit-transform: rotate(5deg) translateZ(0);
	transform:         rotate(5deg) translateZ(0);
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.header_cart a i {
	padding-right: 15px;
	font-size: 43px;
	color: #ffffff;
}
.header_cart a .cart-total-items {
	display: inline-block;
	padding-top: 14px;
	font-weight: bold;
	font-size: 24px;
	color: #ffffff;
}
.header_cart a:hover:before {
	background: #fa7103;
}



.header_search {
	float:right;
	z-index: 1;
	position: relative;
	margin-top: -3px;
}
.header_search:before {
	top:-8px;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: -15px;
	position: absolute;
	background: #e0e0e0;
	content:"";
	-moz-transform:    rotate(-3deg) translateZ(0);
	-o-transform:      rotate(-3deg) translateZ(0);
	-webkit-transform: rotate(-3deg) translateZ(0);
	transform:         rotate(-3deg) translateZ(0);
	}
.header_search form {
	position:relative;
	width:270px;
	padding-right:45px;
}
.header_search #search-field {
	border:none;
	height:57px;
	width:100%;
	padding-top:18px;
	padding-bottom:18px;
	padding-left: 5px;
}
.header_search #search-submit {
	position:absolute;
	right:0px;
	top:0px;
	bottom:16px;
	font-size:24px;
	width:62px;
	padding-top:11px;
	color:#333333;
	
-webkit-transition: .5s ease-in-out;
	     -moz-transition: .5s ease-in-out;
	        -ms-transition: .5s ease-in-out;
	         -o-transition: .5s ease-in-out;
	                transition: .5s ease-in-out;
	 
}
.header_search #search-submit:hover {
	color:#bd20c7;
	-moz-transform:    rotate(-360deg) scale(2) translateZ(0);
	-o-transform:      rotate(-360deg) scale(2) translateZ(0);
	-webkit-transform: rotate(-360deg) scale(2) translateZ(0);
	transform:         rotate(-360deg) scale(2) translateZ(0);
	    
}



.header_top {
	margin-bottom: 31px;
}



/* 8.2 MEGAMENU */
.isStuck_wrapper {
	z-index: 100;
	height: 34px;
	background: #015eba;
}
.isStuck_wrapper > div {
	position: relative;
}
#megamenu {
	height: 50px;
	z-index: 999;
	float: left;
}


.sf-menu {
	position: relative;
}
.sf-menu > li {
	float: left;
	margin-right: 9px;
}
.sf-menu > li > a {
	display: block;
	line-height: 1em;
	font-size: 24px;
	position: relative;
	padding: 15px 21px;
	font-size: 24px;
	font-weight: bold;
	z-index: 1;
	color: #ffffff;
}

.sf-menu > li > a:before {
	z-index: -1;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: -12px;
	bottom: -13px;
	background: #04cffa;
	-o-transform:      rotate(5deg) translateZ(0);
	-webkit-transform: rotate(5deg) translateZ(0);
	transform:         rotate(5deg) translateZ(0);
  
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}



.sf-menu > li.sfHover > a:before,
.sf-menu > li > a:hover:before,
.sf-menu > li > a.active:before {
	background: #777777;
}

.sf-menu .menu_badge {
	display: block;
	padding: 2px 5px;
	background: #04cffa;
	font-size: 9px;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	right: -10px;
	top: -10px;
}

.sf-menu > li > ul {
	width: 100%;
	position: absolute;
	left: 0;
	top:86px;
	display: none;
	-webkit-box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	background: #ffffff;
}
.sf-menu .submenu {
	padding: 20px}


.sf-menu > li > a.sf-with-ul:after {
    position: relative;
    padding: 10px 0 0 10px;
    font-size: 24px;
    font-weight: 400;
    content:"\f107";
    font-family: FontAwesome;
}
.submenu h3 {
	padding-bottom: 10px;
}
.submenu h3 a {
	color: #015eba;
}
.submenu h3 a:hover {
	color: #fa7103;
}
.submenu ul li + li {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #e0e0e0;
}
.submenu ul li a {
	color: #777777;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 }
.submenu ul li a:hover {
	color: #bd20c7;
}
.submenu h3.blog_title {
	padding-bottom: 0;
	font-size: 19px;
	padding-top: 5px;
}
.submenu .blog_content {
	font-size: 11px;
	line-height: 1.1em;
}



/* CUSTOM LINK */
.sf-menu .megamenu__1 a {
	padding: 6px 19px;
	font-size: 44px;
}
.sf-menu .megamenu__1 a:before {
	-o-transform:      rotate(-11deg) translateZ(0);
	-webkit-transform: rotate(-11deg) translateZ(0);
	transform:         rotate(-11deg) translateZ(0);
}



/* CATALOG */
.megamenu__2 .submenu {
	
}

.megamenu__2 h3 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14pt;
}
.megamenu__2 h3 a {
	font-weight: bold;
}

.sf-menu .megamenu__2 a:before {
	background: #6ad12a;
}


.sf-menu .megamenu__3 a:before {
	background: #fab703;
	-o-transform:      rotate(-3deg) translateZ(0);
	-webkit-transform: rotate(-3deg) translateZ(0);
	transform:         rotate(-3deg) translateZ(0);
}



/* SALE */
.submenu .product_img a {
	display: block;
	padding: 10px;
	background: #e0e0e0;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 
}
.submenu .product_img a:hover {
	background: #04cffa;
}
.submenu .product_name {
	margin: 10px 0px 0px;
}
.submenu .product_price .money {
	font-size: 20px;
}


.sf-menu .megamenu__4 a:before {
	background: #fa7103;
	-o-transform:      rotate(3deg);
	-webkit-transform: rotate(3deg) translateZ(0);
	transform:         rotate(3deg) translateZ(0);
	}



/* CUSTOM LINK */

.sf-menu .megamenu__5 a:before {
	background: #fb3144;
	-o-transform:      rotate(-3deg) translateZ(0);
	-webkit-transform: rotate(-3deg) translateZ(0);
	transform:         rotate(-3deg) translateZ(0);
	}


/* CUSTOM LINK */
.sf-menu .megamenu__6 a:before {
	background: #bd20c7;
}


/* STICK UP MENU STYLES */
.isStuck_wrapper.isStuck {
	width: 100%;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}
.isStuck_wrapper.isStuck .menu_badge {
	display: none;
}

.isStuck_wrapper.isStuck .sf-menu > li > a {
	font-size: 22px;
}
.isStuck_wrapper.isStuck .sf-menu > li > a:before {
	bottom: -2px;
}
.isStuck_wrapper.isStuck .sf-menu > li > a {
	padding: 8px 21px;
}
.isStuck_wrapper.isStuck .sf-menu > li > ul {
	top: 34px;
}
.isStuck_wrapper.isStuck .header_search:before {
	bottom: 10px;
}
.isStuck_wrapper.isStuck .header_search #search-submit:hover {
	-moz-transform: rotate(0deg) scale(1) translateZ(0);
	-o-transform: rotate(0deg) scale(1) translateZ(0);
	-webkit-transform: rotate(0deg) scale(1) translateZ(0);
	transform: rotate(0deg) scale(1) translateZ(0);
}



/* 8.3 NIVOSLIDER */

.slider_parallax_wr {
    margin-top:55px;
    height: 693px;
    overflow: hidden;
    position: relative;
}
.slider_parallax_wr .slider_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.nivoSlider {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.nivoSlider img {
	max-width: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.nivo-main-image {
	width: 100% !important;
	display: block !important;
	position: relative !important;
}

.nivoSlider a.nivo-imageLink {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 6;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
}

.nivo-slice {
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
}

.nivo-box {
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}
.nivo-box img {
	display: block;
}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {
	display: none;
}


.slider_wrap {
	height: 100%;
	position: relative;
	z-index: 1;
}

.nivo-caption {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	display: none;
}

.nivo-prevNav {
	left: 0;
	padding-right: 3px;
}
.nivo-nextNav {
	right: 0;
	padding-left: 3px;
}

.nivo-directionNav {
	position: absolute;
	top: 320px;
	left: 0;
	right: 0;
}
.nivo-directionNav a {
	width: 47px;
	height: 47px;
	display: block;
	vertical-align: top;
	position: absolute;
	top: 0%;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	background: #e0e0e0;
	-webkit-box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	box-shadow: 0 0px 12px rgba(0,0,0,0.15);
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 
}
.nivo-directionNav a:hover {
	background: #333333;
}
.nivo-directionNav a span {
	display: none;
}
.nivo-directionNav a i {
	display: inline-block;
	padding-top: 4px;
	font-size: 38px;
	color: #333333;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 }
.nivo-directionNav a:hover i {
	color:#ffffff;
}



/* 8.4 SHOWCASE */
#showcase {
	margin-top: 47px;
}
#showcase .page_heading {
	padding-bottom: 19px;
}
.custom_showcase {
	margin-top: 30px;
}
.custom_showcase .ins {
	padding-bottom: 24px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.custom_showcase a {
	display: block;
	position: relative;
}
.custom_showcase a:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 1px solid #e0e0e0;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 
}
.custom_showcase a:hover:before {
	-o-transform:      rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform:         rotate(-5deg);
}


.title1 {
	text-transform: uppercase;
	font-size: 57px;
	font-weight: 700;
	line-height: 0.85em;
	letter-spacing: -3px;
	color: #333333;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 }
.title1 span {
	font-weight: 300;
	display: block;
	font-size: 47px;
}

.custom_showcase a:hover .title1 {
	color: #015eba;
}



/*HOMEPAGE BANNER*/
.banner a {
	display: block;
	text-align: center;
	padding-top: 108px;
	padding-bottom: 121px;
}
.banner__1 {
  	display: none;
	margin: 50px 0 48px;
	background-color: #5cbe24;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 } 
.banner__1:hover {
	background-color: #6ad12a;
} 
.banner p {
	color: #ffffff;
}

.banner__2 {
	margin: 50px 0 41px;
	background-color: #fa7103;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 } 
.banner__2:hover {
	background-color: #fab703;
} 

.title2 {
	font-size: 86px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.88em;
	letter-spacing: -6px;
	padding-bottom: 5px;
	text-align: left;
	color: #ffffff;
}
.title2 span {
	display: block;
	font-weight: 100;
}

.parallax_box.banner__1 a {
	
}
.parallax_box.banner__2 a {
	
        background-image: url(//jigsaw2order.com/cdn/shop/t/7/assets/banner2_img.png?v=152636312592269888951794341603);
	        background-position: 100% 0;
	        background-repeat: no-repeat;
	
}


/* BLOG */
.homepage_blog {
	position: relative;
	margin-top: 50px;
	padding-top: 109px;
	text-align: center;
	padding-bottom: 123px;
	
background: url(//jigsaw2order.com/cdn/shop/t/7/assets/homepage_blog_bg.jpg?v=9435309745319419181794341603) 50% 0 no-repeat;
	
}
.homepage_blog__article {
	margin-top: 44px;
}
.homepage_blog__title {
	min-height: 70px;
	margin-bottom: 24px;
}
.homepage_blog__title a {
	font-size: 24px;
	font-weight: bold;
	color: #04cffa;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 }
.homepage_blog__article + .homepage_blog__article .homepage_blog__title a {
	color: #5cbe24;
}
.homepage_blog__article + .homepage_blog__article + .homepage_blog__article .homepage_blog__title a {
	color: #fab703;
}
.homepage_blog__title a:hover {
	color: #ffffff !important;
}

.homepage_blog__content {
	color: #ffffff;
}
.homepage_blog__content img {
	margin-bottom: 5px;
}
.homepage_blog__content p {
	line-height: 1.55em;
}
.homepage_blog__article .btn {
	padding: 0;
	background: none;
	text-decoration: underline;
	font-size: 19px;
	margin-top: 2px;
}
.homepage_blog__article .btn:hover {
	color: #fa7103;
}



/* 8.5 MAIN PRODUCT LISTING */

.product .prod_inside {
	text-align: center;
	padding: 20px 20px 32px;
	position: relative;
	z-index: 1;
	border: 1px solid #e0e0e0;
}
.product .product_img a {
	display: block;
	position: relative;
	padding: 30px 10px;
	background: #ffffff;
}
.product .product_img a .product_img_ins {
	position: relative;
	display: block;
}
.product .product_img {
	margin-bottom: 22px;
}
.product .product_name {
	margin-top: 12px;
	min-height: 44px;
}
.product .product_links {
	margin-top: 17px;
}

.product .product_links .btn:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product .prod_inside:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
    background: -webkit-linear-gradient(45deg, #015eba 0%,#5cbe24 25%,#fab703 50%,#fb3144 75%,#bd20c7 100%);
    background: linear-gradient(45deg, #015eba 0%,#5cbe24 25%,#fab703 50%,#fb3144 75%,#bd20c7 100%);
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.product .prod_inside:hover:before {
	opacity: .1;
}

.product_listing_main .product {
	margin: 30px 0 0 0;
}

.product_listing_main .product_img img {
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}
.product_listing_main .product_img .img__2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
}

.product_listing_main .product_img span.product_badge {
	display: block;
	padding: 5px 10px;
	color: #ffffff;
	position: absolute;
	top: 0;
	z-index: 100;
}
.product_listing_main .product_img span.new {
	background: #333333;
	left: 0;
}
.product_listing_main .product_img span.sale {
	background: #04cffa;
	right: 0;
}


.product .product_desc {
	padding-top:10px;
}

.product .product_price .money {
	font-size: 45px;
}
.product_listing_main .product_price .compare-at-price {
	font-size: 27px;
  	color:#fb3144;
  	font-weight:300;
}

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



/* HOMEPAGE CAROUSEL */
.index-scope .bx-wrapper {
	max-width: 100% !important;
	margin: 48px 0 0 0;
}



.homepage_carousel .product {
	margin: 0;
}



.index-scope .bx-controls a {
	width: 30px;
	height: 30px;
	display: block;
	overflow: hidden;
	margin: -15px 0 0 0;
	text-align: center;
	position: absolute;
	top: 50%;
	z-index: 99;
	background: #015eba;
	-webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	                border-radius: 50%;
	

-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}

.index-scope .bx-controls a:hover {
	background: #bd20c7;
}

.index-scope .bx-controls a:before {
	display: block;
	font: 12px/31px 'FontAwesome';
	color: #ffffff;
}

.index-scope .bx-prev:before {
	content: '\f053';
	padding: 0 1px 0 0;
}
.index-scope .bx-next:before {
	content: '\f054';
	padding: 0 0 0 1px;
}

.index-scope .bx-prev {
	left: -50px;
}
.index-scope .bx-next {
	right: -50px;
}



/* 8.6 FOOTER */
footer {
	padding-top:30px;
	background:#015eba;
}
footer,
footer a {
	color:#ffffff;
}

.footer_block h3 {
	padding-top:30px;
	font-size: 24px;
	font-weight: bold;
	min-height: 50px;
	color: #ffffff;
}
.footer_block ul {
	margin-top:25px;
}
.footer_block ul li {
	max-width: 100%;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footer_block ul li + li {
	margin-top:10px;
}
.footer_block ul li a {
	font-size:15px;
	position:relative;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	;
}


.footer_block ul li.active a,
.footer_block ul li a:hover,
.footer_block ul li a:hover:before {
	color:#fefb01;
}


.footer_block__5 {
	float: right;
}


.footer_block__5 .socials_block {
	padding-top: 8px;
	text-align: right;
	margin-top: 0;
	margin-top:30px;
}
.footer_block__5 .socials_block li {
	display:inline-block;
	margin:0px 0px 0 3px;
	display: inline-block;
	overflow: visible !important;
}
.socials_block li a {
  	display:block;
 	position:relative;
  	z-index:1;
}
.socials_block li i {
	text-align: center;
	font-size:28px;
	padding-top:28px;
	width:83px;
	height:83px;
	display:block;
	border-radius:50%;
	z-index: 1;
	    position:relative;
	background:#bd20c7;
	color:#ffffff;
	
-webkit-transition: .5s ease-in-out;
	     -moz-transition: .5s ease-in-out;
	        -ms-transition: .5s ease-in-out;
	         -o-transition: .5s ease-in-out;
	                transition: .5s ease-in-out;
	;
}
.socials_block li a:after {
	z-index: -1;
	position:absolute;
	left:-1px;
	right:-1px;
	bottom:-1px;
	top:-1px;
	border:2px solid #015eba;
	content:"";
	border-radius:50%;
	
-webkit-transition: .5s ease-in-out;
	     -moz-transition: .5s ease-in-out;
	        -ms-transition: .5s ease-in-out;
	         -o-transition: .5s ease-in-out;
	                transition: .5s ease-in-out;
	;
}

.socials_block li a:hover:after {
	position:absolute;
	left:-5px;
	right:-5px;
	bottom:-5px;
	top:-5px;
	content:"";
	border-radius:50%;
	border:2px solid #fa7103;
}
.socials_block li a i:hover {
	background: #fa7103;
}

.socials_block li i.fa-twitter {
	background: #36e8f8;
}
.socials_block li i.fa-facebook {
	background: #4465f6;
}
.socials_block li i.fa-youtube {
	background: ;
}
.socials_block li i.fa-instagram {
	background: ;
}
.socials_block li i.fa-pinterest {
	background: #fc0937;
}
.socials_block li i.fa-google-plus {
	background: ;
}
.socials_block li i.fa-tumblr {
	background: ;
}



footer .copyright {
	margin-top: 68px;
	padding-bottom:40px;
	background: #014c9b;
}
footer .copyright p {
	margin-top: 19px;
	font-size: 12px;
	font-weight: 300;
}
footer .copyright a {
	color: #ffffff;
}
footer .copyright a:hover {
	color: #fa7103;
}



/* BACK TO TOP BUTTON */
#back_top {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 0 0 615px;
	background: #bd20c7;
	text-align: center;
	position: fixed;
	left: 50%;
	bottom: 50px;
	z-index: 999;
	border-radius:50%;
}
#back_top i {
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
}
#back_top:hover {
	background: #fb3144;
}



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

/* 9.1 PAGES CONTENT */
ul.tags {
	margin: 10px 0 0 0;
	list-style-type: none;
}
ul.tags li {
	float: left;
	margin: 5px 5px 0 0;
}
ul.tags li a {
	display: block;
	padding: 5px 10px;
	background: #333333;
	color: #ffffff;
	
-webkit-transition: .5s ease-in-out;
	     -moz-transition: .5s ease-in-out;
	        -ms-transition: .5s ease-in-out;
	         -o-transition: .5s ease-in-out;
	                transition: .5s ease-in-out;
	;
}

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

.short-description {
  margin-bottom: 20px;
  font-size: 1.6rem; /* Increase font size */
  color: #333;
  text-align: center; /* Center the text */
  line-height: 1.5; /* Optional: Increase line height for better readability */
  padding: 10px 0; /* Optional: Add some padding to the top and bottom */
}



.collection_info {
	margin-top: 15px;
}
.collection_info .collection_img {
	text-align: center;
  	margin-bottom:15px;
}
.collection_info .collection_desc .rte {
	margin: 0;
}



.sort_by {
	margin: 15px 0;
	padding: 10px 0;
	border: 1px solid #e0e0e0;
	border-width: 1px 0;
	text-align: right;
}
.sort_by label {
	margin: 0 4px 0 0;
	line-height: 30px;
}
.sort_by select {
	width: auto !important;
	height: 30px;
	display: inline-block;
	padding: 5px 4px;
	cursor: pointer;
}



/* 9.2 BREADCRUMBS */
.breadcrumb {
	margin: 20px 0 35px;
	color:#ffffff;
	background:#fa7103;
	padding:10px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.breadcrumb a,
.breadcrumb > li + li:before {
	color:#ffffff;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	;
}
.breadcrumb a:hover {
	color:#333333;
}



/* 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;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#pagination span {
	display: block;
	float: left;
}
#pagination span ~ span {
	margin-left: 1px;
}

#pagination span a,
#pagination span.deco,
#pagination span.current {
	display: block;
	padding: 4px 16px;
	background: #333333;
	color: #ffffff;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	;
}

#pagination span.current,
#pagination span a:hover {
	background: #fa7103;
	color: #ffffff;
}
#pagination span.current {
	cursor: default;
}


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


.column .widget h3.widget_header,
h3.widget_header {
	margin: 0;
	padding: 0 0 10px 0;
	font: 700 36px Lato;
	color: #333333;
}
h3.widget_header span {
	font-weight: 300;
}
.widget_best_sellers h3.widget_header {
	text-align:center;
}




/* 10.1 LINKS LIST */
.column .widget ul.list {
	border-bottom: 1px solid #e0e0e0;
}
.column .widget ul.list li {
	padding: 10px 0;
}
.column .widget ul.list li + li {
	border-top: 1px solid #e0e0e0;
}
.column .widget ul.list li a {
	color:#2f3333;
}

.column .widget ul.list li.active a,
.column .widget ul.list li a:hover {
	color:#fa7103;
}


/* 10.2 SIDEBAR PRODUCT LISTING */
.best-sellers-home .product {
	margin-top:30px;
}

.widget_best_sellers .product_price {
	color: #fab703;
}
.widget_best_sellers .product_price .compare-at-price {
	font-weight: 300;
	font-size: 27px;
	color: #fb3144;
}
.widget_best_sellers .product_links form {
	display: inline-block;
}

.product_listing_sidebar .product {
	margin-top:20px;
}
.product_listing_sidebar .product .prod_inside {
	padding:20px 10px 32px;
	text-align:left;
}
.product_listing_sidebar .product_img {
	max-width:90px;
	float:left;
	margin-right:15px;
}
.product_listing_sidebar .product_img a {
	padding:5px}
.product_listing_sidebar .product_info {
	overflow:hidden;
}

.product_listing_sidebar .product_price .money {
	font-size:25px;
}
.product_listing_sidebar .product_price .money.compare-at-price {
	font-size:18px;
}

.product_listing_sidebar .product_links .btn {
	padding:7px 12px 9px;
}
.product_listing_sidebar .product_links .btn:hover {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	  
}



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

#searchresults {
	margin: 0;
}
#searchresults .search-form {
	margin: 15px 0 0 0;
}
#searchresults .search-form input {
	width: 100%;
	float: left;
	padding: 7px 34px 7px 10px;
}
#searchresults .search-form button {
	width: 34px;
	height: 34px;
	float: left;
	margin: 0 0 0 -34px;
	background: none;
	border: none;
	font-size: 20px;
	color: #fa7103;
}
#searchresults .search-form button:hover {
	color: #333333;
}
#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 #e0e0e0;
}
#searchresults ol li {
	overflow: hidden;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #e0e0e0;
}
#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
********************************************************************************************************/


/* 12.1 PRODUCT IMAGES */
/* BIG IMAGE + ZOOM */
.zoomWrapper,
#elevatezoom_big {
	width: 345px !important;
	height: auto !important;
	position: relative !important;
}

#elevatezoom_big ~ #elevatezoom_big {
	width: 0 !important;
	height: 0 !important;
}

.zoomWrapper {
	border: 1px solid #e0e0e0;
}

.zoomContainer {
	z-index: 1 !important;
}
.zoomLens {
	z-index: 1 !important;
}
.zoomWindow {
	margin: -1px 0 0 0 !important;
}



/* THUMBS */
.product_images .bx-wrapper {
	max-width: 100% !important;
	margin: 12px 0 0 0;
	padding: 0 30px;
	position: relative;
}

#elevatezoom_gallery a {
	width: 87px !important;
	display: block;
	margin: 0 12px 0 0;
	border: 1px solid #e0e0e0;
}

.product_images .bx-controls a {
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;
	margin: -10px 0 0 0;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 50%;
	background: rgba(51,51,51,.7);
	
-webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	                border-radius: 50%;
	

-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	
}
.product_images .bx-controls a:hover {
	background: rgba(51,51,51,1);
	}

.product_images .bx-controls a:before {
	font: 10px/21px 'FontAwesome';
	color: #ffffff;
}

.product_images .bx-controls a.bx-prev {
	left: 0;
}
.product_images .bx-controls a.bx-prev:before {
	content: '\f053';
}
.product_images .bx-controls a.bx-next {
	padding: 0 0 0 1px;
	right: 0;
}
.product_images .bx-controls a.bx-next:before {
	content: '\f054';
}



/* 12.2 PRODUCT INFO */
.product_wrap .product_name {
	margin: -2px 0 0 0;
	font-size: 20px;
}


.product_wrap .product-price {
	margin: 15px 0 0 0;
	padding: 0;
}
.product_wrap .product-price .money {
	margin: 0 5px 0 0;
	font-size:45px;
}
.product_wrap .product-price .money.compare-at-price {
	margin: 0 5px 0 0;
	font-size:27px;
}


#purchase > label {
	display: inline-block;
	margin: 15px 10px 0 0;
	padding: 0 !important;
	line-height: 37px;
}
#purchase #quantity {
	width: 50px;
	height: 37px;
	display: inline-block;
	margin: 15px 10px 0 0;
	padding: 9px 0 8px;
	outline: none;
	text-align: center;
}

#purchase .variants-wrapper {
  	float: left;
	display: block;
	margin: 15px 0px 0 0;
}
#purchase .variants-wrapper select {
	width: auto;
	height: 37px;
	max-width: 150px;
	padding: 9px 6px;
}
#purchase .selector-wrapper {
 	float:left; 
  	margin-right: 10px;
}
#purchase .selector-wrapper label {
  	margin-right: 10px;
}

#purchase #add-to-cart {
	height: 37px;
	margin: 15px 0px 0 0;
	padding: 0px 15px;
}
.product_wrap #purchase label,
.product_wrap #purchase #quantity,
.product_wrap #purchase #add-to-cart {
 	float:left; 
}

        
.product_wrap .product_details {
	margin: 15px 0 0 0;
	padding: 10px 0 15px 0;
	border: 1px solid #e0e0e0;
	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_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%;
	overflow: hidden;
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
}
.product_wrap .pagination_product li.left-arrow {
	float: left;
}
.product_wrap .pagination_product li.right-arrow {
	float: right;
}



/* 12.4 RELATED PRODUCTS */
.widget_related_products h3 {
	margin: 30px 0 0 0;
	font-weight:700;
    text-align: center;
}

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

ul.product_listing_related .product_img a {
	padding:10px;
}
ul.product_listing_related .product_name {
	min-height:0px;
	margin-top:5px;
}
ul.product_listing_related .product_price .money {
	font-size:30px;
}



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

/* 13.1 POSTS LISTING */
#blog {
}

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

.article_header {
	padding: 15px 0;
	border-bottom: 1px solid #e0e0e0;
}
.article_header .product_name {
	font-size:30px;
}
.article_header .product_name a {
	font-size:30px;
}

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

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

.blog-article_meta-tags a {
	text-decoration: underline;
	
-webkit-transition: .3s ease-in-out;
	     -moz-transition: .3s ease-in-out;
	        -ms-transition: .3s ease-in-out;
	         -o-transition: .3s ease-in-out;
	                transition: .3s ease-in-out;
	 }



/* 13.2 SINGLE POST */
.article_meta-comments {
	float: right;
	padding: 17px 0 0 15px;
}
.article_meta-tags a {
	text-decoration: underline;
}

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



#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;
	font-size:20px;
	margin:30px 0px;
}
.customer_name .divider {
	margin: 0 7px;
}
.customer_name .email {
	color: #2f3333;
}
.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;
}


.address_table .address_title {
	vertical-align: baseline;
  	line-height:1.5em;
}
.address_table .address_title .address_actions {
	vertical-align: baseline;
	float: right;
	margin: 0 0 0 15px;
	text-transform: none;
}
.address_table .address_title .address_actions span {
	vertical-align: baseline;
}


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



/* 14.4 ORDERS */
.order_date {
	margin: 15px 0 0 0;
}

#order_details {
	margin: 30px 0 0 0;
}
#order_details .money {
	color:#333333;
}
#customer_orders th {vertical-align:middle;border-top:1px solid #e0e0e0;}



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

/* 15.1 CART PRODUCTS */
.cart-list {
	overflow: hidden;
}

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

.cart-list .item_image {
	text-align: center;
}
.cart-list .item_image a img {
	max-width: 100%;
	margin-bottom:15px;
}

.cart-list .product_name {
	margin-right: 20px;
}

.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: #fa7103;
}

.cart-list .row h3.item_vendor {
	border-bottom: 1px solid #e0e0e0;
	color: #888;
}

.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: 9px 5px 8px;
	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 #e0e0e0;
}
.cart_subtotal h3 .money {
	float: right;
	font-size: inherit;
}

.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 #google_map {
	margin: 15px 0;
}


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


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



/* 404 PAGE */
.template-404 h2,
.template-404 h2 a {
	vertical-align: baseline;
  	font-size:25px;
  	line-height:1.2em;
}

/**/
Banner Area Css
------------------------------*/



.banner-grid .banner-block{
    position: relative;
    overflow: hidden;
}
.banner-grid .banner-content h3 span{
    font-weight: 400;
    font-size: 18px;
}
.banner-grid .banner-content h3{
    font-size: 22px;
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 800;
    text-transform: capitalize;
}
.banner-grid .banner-content{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 15px;
    text-align: left!important;
}
.banner-grid .banner-content.text-top{
    top: 10px;
    bottom: unset;
    transform: translateY(10%);
}
.banner-grid .banner-content.text-bottom{
    bottom: 10px;
    transform: translateY(-10%);
    top: unset;
}
@media (max-width : 1199px){
    .banner-grid .banner-content a{
        font-size: 12px;
        letter-spacing: 0;
    }
    .banner-grid .banner-content h3,
    .banner-grid .banner-content h4{
        font-size: 20px;
    }
}
@media (max-width: 991px){
    .banner-grid .banner-content h3, .banner-grid .banner-content h4{
        font-size: 18px;
    }
}

@media (max-width: 992px){
.banner-grid .nth-child {
    padding: 15px;
}
}

#shopify-section-162143283450539227 > div > div > div > div{
 text-align: center; 
}

@media (max-width: 700px){
#shopify-section-162143283450539227 > div > div > div > div > div > div > div > div > a > img {
    max-width: 85%;
}
}

#ImageUploaderContainer .upload-button{
padding: 0px 15px;
    text-align: center;
    height: 37px;
}

.product_wrap #purchase #add-to-cart {
    width: auto;
    float: none;
    clear: left;
    display: inline-block;
}
body #ImageUploaderContainer {
    width: auto;
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 0px;
    clear: left;
    float: none;
    display: inline-block;
}

#ImageUploaderContainer #ImageUploader *, #ImageUploaderContainer #ImageUploader *::before, #ImageUploaderContainer #ImageUploader *::after{
	text-align:left;
}

.column_center ul.product-details {
    list-style-type: none;
    margin-top: 6px;
    font-size: 13px;
}

span.product-details__item-label {
    font-weight: bold;
}

.cart-item .product_name a{
	font-size: 16px;
}

.product_wrap #purchase label {
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
}

#purchase #quantity{
    margin-top: 0px;
    margin-right: 0px;
    height: auto;
}

#ImageUploaderContainer .upload-button:hover {
    background: #bd20c7 !important;
}

.sf-menu > li > ul {
    width: 150%;
}

#main_content > div > h2{
 	margin: 30px 0 15px 0; 
}

/********************************************************************************************************
                                                     17. CSS edits made by TSG Products
********************************************************************************************************/

/* Targeting the collection description */
.rte {
  font-family: 'Arial', sans-serif; /* Change to your preferred font */
  font-size: 1.6rem; /* Increase font size for better readability */
  line-height: 1.5; /* Increase line height for spacing between lines */
  color: #333; /* Set a readable text color */
  padding: 10px 0; /* Add some padding for spacing */
  margin-top: 20px; /* Add space between the description and other elements */
}

/* Optional: Additional styling for links within the description */
.rte a {
  color: #0066cc; /* Set link color */
  text-decoration: underline; /* Ensure links are distinguishable */
  font-size: 1.6rem; /* Increase font size for better readability */
}

/* Styling for h2 */
.rte h2 {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 25px;
  line-height: 1.5; /* Increase line height for spacing between lines */
}

/* Styling for h3 with added spacing above */
.rte h3 {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 20px; /* Adjust this value to increase the space above the h3 */
  line-height: 1.5; /* Increase line height for spacing between lines */
}

/* Styling for hr to make it thicker */
.rte hr {
  border: none; /* Remove default border */
  height: 2px; /* Set the thickness of the hr */
  background-color: #333; /* Set the color of the hr */
  margin: 20px 0; /* Optional: Add margin above and below */
}

/* Add spacing between items in lists */
.rte ul li,
.rte ol li {
  margin-bottom: 5px; /* Adjust this value for more or less space between list items */
  line-height: 1.4;   /* Adjust line height if necessary */
}

.puzzle-table {
  width: 100%;
  border-collapse: collapse; /* Ensures borders are collapsed for a cleaner look */
  table-layout: fixed; /* Makes columns have fixed widths */
  margin-bottom: 20px; /* Adds space below the table */
}

.puzzle-table th,
.puzzle-table td {
  padding: 10px; /* Adds space inside the table cells */
  text-align: left; /* Aligns text to the left */
  border: 1px solid #ddd; /* Adds a border to cells for clarity */
}

.puzzle-table th {
  width: 35%; /* Sets the width of the first column */
}

.puzzle-table td {
  width: 65%; /* Sets the width of the second column */
}

.puzzle-table th, .puzzle-table td {
  word-wrap: break-word; /* Ensures content wraps properly */
}

/* Style the Go To Cart Button on Product Pages */
.btn-secondary {
    background-color: #04cffa;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.btn-secondary:hover {
    background-color: #bd20c7;
}

/* J2O: Theme asset images are resolved dynamically via Shopify asset_url in this Liquid source. */