/*----   Ess Grid ----------*/



.esg-filter-wrapper.eg-search-wrapper.esg-fgc-65, .esg-filter-wrapper.eg-search-wrapper.esg-fgc-66 {
  margin-top: 2px;
}


.eg-search-submit {
  padding: 0 4px;
}

/*----   End Ess Grid   ----------*/


.woocommerce div.product form.cart div.quantity {
  float: left;
  margin: 4px 4px 0 0;
}


.jksn-product-meta {margin-bottom: 10px; clear: both;}

.widget.woocommerce {
  margin-bottom: 50px;
}


.products div.star-rating {
  display: none !important;
}

.diff-ship-check {
  font-size: 14px;
  letter-spacing: 0;
  padding-left: 5px;
}

.woocommerce span.onsale {
  background-color: rgba(227, 58, 12, 1);
  border-radius: 0;
  color: #fff;
  font-size: 0.857em;
  font-weight: 700;
  left: 10px;
  line-height: 3.236;
  margin: 0;
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
  top: 10px;
}


.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
    background-color:#666666;
    color:#ffffff;
}


#woocartjakson {
  float: right;
  margin-left: 10px;
  margin-top: 3px;
}

.woocommerce ul.products li {
  border: 1px solid #dddddd;
  padding: 3px 3px 10px !important;
}

.woocommerce ul.products li h3 {min-height: 60px;}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-result-count {
  margin: 0 0 20px;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 8px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}


.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img {
    box-shadow: none;
}


.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  color: #666666;
  font-size: 1.6em;
  font-weight: 400;
  text-align: center;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  font-size: 1.4em;
  line-height: 28px;
  margin: 0;
  padding: 0.5em 10px;
  text-align: center;
}

.woocommerce #content input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce-page #content input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before {
  content: none;
  font-family: WooCommerce;
  height: 16px;
  position: absolute;
  right: -26px;
  text-indent: 0;
  top: 0.35em;
  width: 16px;
}

.wc-forward a:after, .wc-forward:after {
  content: none;
  font-family: WooCommerce;
  font-size: 0.75em;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 7px;
  text-transform: none;
}


.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #c8bfc6;
  border-radius: 0;
  box-shadow: none;
  color: #5e5e5e;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 100%;
  font-weight: 400;
  left: auto;
  line-height: 1em;
  margin: 0;
  overflow: visible;
  padding: 6px 10px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 0 transparent;
  white-space: nowrap;
}



.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    background: #EEEEEE;
    text-decoration: none;
}


.woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span {
  padding: 1em;

}


.woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button {
  background: none repeat scroll 0 0 #eeeeee;
  border-color: #666666;
  color: #666666;
  float: left;
  text-shadow: 0 0 0 transparent;
  vertical-align: middle;
}


.woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button {
  background: none repeat scroll 0 0 #eeeeee;
  border: 1px solid #dddddd;
  color: #666666;
  float: left;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1em;
  padding: 7px 11px;
  text-shadow: 0 0 0 transparent;
  vertical-align: middle;
}

.quantity.buttons_added {
  border: 1px solid #ddd;
}

.woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img {
    box-shadow: none;
}


.summary.entry-summary .amount {
  color: #666666;
  font-size: 1.7em;
}


.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
  color: #666666;
  font-size: 1em;
  font-weight: normal;
  height: 43px;
}

.woocommerce #content .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page #content .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page .quantity .plus {
  height: 19px;
}

.woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-breadcrumb:before, .woocommerce-page .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:before {
  margin: 8px 0;
}


.woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last {
  margin-bottom: 20px;
}

.attachment-shop_single.wp-post-image {
  margin-bottom: 6px;
}


.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
  background-color: transparent;
  content: none;
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  border-top: 0;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  color: #5e5e5e;
  list-style: outside none none !important;
  margin: 1em 0 !important;
  padding: 1em 1em 0.7em 1.5em !important;
  position: relative;
  text-shadow: 0 0 0;
  width: auto;
}

.woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {
  border: 1px solid #e0dadf;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  margin: 0 4px 0 0;
  outline: 0 none;
  padding: 8px 6px;
}

p.form-row.form-row-last input.button, input#place_order.button.alt, td.actions input.button, div.coupon input.button {border: 1px solid #dddddd !important;}


.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0 0 0 transparent;
}


/* -- tabs    ---*/


.description_tab, .reviews_tab, .additional_information_tab {
  background: #eeeeee !important;
  box-shadow: none !important;
}



.description_tab.active, .additional_information_tab.active, .reviews_tab.active {background-color: #ffffff !important; border-bottom: 0 !important;}


.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  border-bottom-left-radius: 0;
  border-width: 0;
  box-shadow: none;
  right: 0;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  content: none;
}


.comment-reply-title {
  border-bottom: 1px solid #dddddd;
  padding: 3px;
}

#review_form_wrapper > div {
  border: 1px solid #eeeeee;
  padding: 30px;
}

.comment-form {
  margin-top: 10px;
}



/* -- end tabs    ---*/

/* -- check out   ---*/

.woocommerce-shipping-fields > h3, h3#ship-to-different-address label.checkbox {
  font-size: 36px;
  font-weight: 400 !important;
  line-height: 30px;
}


@media screen and (max-width: 460px) {


	.woocommerce table.shop_table td, table.shop_table.cart thead tr th {
	  padding: 2px;
	
	}
	
	table.shop_table.cart thead tr th {font-size: 12px;}
	
	
	.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
	  color: #666666;
	  font-size: 14px;
	  font-weight: normal;
	  height: 28px;
	  width: 54px;
	}

}

.product-price {
  text-align: right;
}

.product-subtotal {
  text-align: right;
}


.cart-subtotal > td {
  text-align: right;
}

.shipping > td {
  text-align: right;
}


.order-total > td {
  text-align: right;
}

.shipping > th {
  line-height: 18px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  font-size: 1.4em;
}

.shipping > th {
  line-height: 1.2;
  width: 40% !important;
}




/* -- end check out   ---*/


/*   ----- Cart CSS  ----------------------------    */


.shop_table.cart {
  margin-top: 30px !important;
}

.shipping_calculator > h2 {
  font-size: 30px;
  line-height: 40px;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 130px;
}

.product-remove {
  width: 10px;
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
  width: 80px;
}

.product-thumbnail {
  width: 100px;
}

.cart_item {
  font-size: 1.4em;
}

.woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove {
  border-radius: 100%;
  color: #888888;
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  height: 1em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  width: 1em;
}


.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
  background: none repeat scroll 0 0 transparent;
  border-color: #76456c;
  color: #555;
  text-shadow: none !important;
}

.input-text {
  font-size: 14px;
  padding: 8px;
}



.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
  background-color: transparent;
  content: none;
  font-family: Times,Georgia,serif;
  font-style: italic;
}


.woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before {
  background-color: transparent;
  content: none;
  font-weight: 700;
}

.showlogin, .showcoupon {
  text-decoration: underline;
}

.woocommerce-error > li {
  color: red;
  font-size: 1.2em;
}

.form-row form-row-last .button {
  border: 1px solid #ddd;
}

ul.order_details {
  padding-left: 0;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #e0dadf;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  display: inline-block;
  margin: 0 -5px;
  padding: 0 1em;
  position: relative;
  z-index: 0;
}



.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
  width: 30%;
}

.shipping-calculator-button {
  text-decoration: underline;
}


.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  font-size: 1.2em;
  font-weight: bold;
}

/*   ----- End Cart CSS  -------------    */



/*   ----- For Custom Templates & Customisation  -------------    */

.jkwooaftershoploop {
  text-align: center;
}


.woocommerce img {
 opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;
 }
 
.woocommerce a:hover img {
 opacity: .6;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }

select {
  border: 1px solid #dddddd;
  border-radius: 0;
  padding: 3px;
}

.submit {
  border: 1px solid #dddddd !important;
}

.single_add_to_cart_button.button.alt {
  margin-top: 4px;
}


.woocommerce div.product {
  background: none repeat scroll 0 0 #ffffff;
  margin-bottom: 60px;
  padding: 20px 20px 3px;
}

.woocommerce-page ul.products li.product {
  margin-bottom: 20px;
}


.woocommerce-cart #content, .woocommerce-checkout #content, .woocommerce-account #content {
  background: none repeat scroll 0 0 #ffffff;
}


/*   ----- End For Custom Templates  --------    */



/*   ----- Widgets  --------------------------    */


.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  box-shadow: none;
  float: left;
  height: auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  width: 52px;
}

.product-categories {
  list-style: none;
}

.product-categories li {
 margin-bottom: 10px;
}

.product-categories li.cat-item {
  margin-bottom: 6px;
}


/*   ----- end Widgets  --------    */



/*   ----- Woo Media Quesries  --------    */

@media screen and (max-width: 768px) {

		.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
		  width: 44%;
		}
	
	}
	
	@media screen and (max-width: 500px) {
		.cart_item {
		  font-size: 1em;
		}
	}
	
	@media screen and (max-width: 400px) {
		.cart_item {
		  font-size: 0.8em;
		}
	}
	
	@media screen and (max-width: 320px) {
	
		.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
	
		padding: 3px;
	  
	  	}
		  .woocommerce #content table.cart td, .woocommerce #content table.cart th, .woocommerce table.cart td, .woocommerce table.cart th, .woocommerce-page #content table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page table.cart td, .woocommerce-page table.cart th {
		  font-size: 12px !important;
		}


}

.woocommerce-MyAccount-navigation-link a {
  font-size: 22px;
  line-height: 30px;
  padding: 10px 0;
}

.woocommerce-MyAccount-navigation > ul {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #ddd;
  padding: 10px 20px;
}

li.woocommerce-MyAccount-navigation-link {
  list-style: inside none disc;
  margin-bottom: 16px !important;
}


@media screen and (min-width: 992px) {

	.woocommerce-account .woocommerce-MyAccount-content {
	  float: right;
	  width: 78%;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation {
	  float: left;
	  width: 20%;
	}

}