/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 20-Jan-2016, 09:44:54
    Author     : Laszlo Kruchio
*/

/*
 * =============================================================================
 * GENERAL
 * =============================================================================
 */

.woo_left {float: left;}
.woo_right {float: right;}
.woo_half {width: 50%;}
.woo_full {width: 100%;}
.woo_quarter {width: 25%;}
.woo_third {width: 33.33%;}

.center_outer {width: 100%; height: 100%; display: table; table-layout:fixed;}
.center_outer .center_inner {width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}

.font_trade {font-family: "Trade Gothic LT Std"; font-weight: normal; font-style: normal;}
.effect, .effect > a, #shop_container #shop_inner #shop_right .products li img {-o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

.woocommerce-message {display: none !important;}

/* Custom Checkboxes */
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label { padding-left:40px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; font-size:16px; vertical-align:middle; cursor:pointer; color: #000000; font-family: "Trade Gothic LT Std"; font-weight:bold; padding-top:2px; margin:0 0 20px;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -20px;}
label.css-label {background-image:url('../images/bg_checkbox.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide placeholders */
.woocommerce ::-webkit-input-placeholder { color: #fff;}
.woocommerce :-moz-placeholder {color: #fff; opacity:1;}
.woocommerce ::-moz-placeholder {color: #fff; opacity: 1;}
.woocommerce :-ms-input-placeholder {color: #fff;}

/* Arrows */
.shop_arrows {width: 100%; float: left; text-align: center; }
.shop_arrows .shop_arrow {height: 18px;}
.shop_arrows .shop_arrow:after {display: inline-block; font-family: 'Bewleys';font-style: normal; font-weight: normal;line-height: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; content: '\0055'; color: #c16c18; font-size: 15px; text-align: center; -webkit-animation-timing-function: cubic-bezier(0.14, 0.75, 0.2, 1.01); animation-timing-function: cubic-bezier(0.14, 0.75, 0.2, 1.01);}
.shop_arrows .shop_arrow-1:after {animation: bounce 1000ms ease infinite; -webkit-animation: bounce 1000ms ease infinite;}
.shop_arrows .shop_arrow-2:after {animation: bounce2 1000ms ease 50ms infinite; -webkit-animation: bounce2 1000ms ease 50ms infinite;}
.shop_arrows .shop_arrow-3:after {animation: bounce3 1000ms ease 100ms infinite; -webkit-animation: bounce3 1000ms ease 100ms infinite;}
.single-product .shop_arrows {text-align: left;}

/* Basket animation */
.top-bar .country .woocommerce .bw-icon span {top:6px; left:0px;}
.top-bar .country .woocommerce .bw-icon {position: relative;}
.top-bar .country .woocommerce .bw-icon.updated {-webkit-animation: cart_effect 1.2s ease-out; -moz-animation: cart_effect 800ms ease-out; -o-animation: cart_effect 800ms ease-out; animation: cart_effect 1.2s ease-out;}

.woocommerce-error {width: 100%; float: left; margin:10px 0 25px; padding: 10px; background-color:#c16c18; color:#FFFFFF;}
.form-row.woocommerce-invalid-required-field {border-color:red !important;}

/*
 * =============================================================================
 * SINGLE PRODUCT PAGE
 * =============================================================================
 */

/* Top left side */
.product #ebow_product_top {position: relative;}
.product #ebow_product_top > .woo_left.woo_half {padding: 70px 0; background: #f6f6f6;}
.product #ebow_product_top .woo_prod_info {float: right; width: 600px; color:#000000; font-size: 16px; line-height: 20px; padding-right: 40px;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info h1 {margin-bottom:0px !important; font-size: 46px;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info h1:after {content:none;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info h3 {font-size: 24px; padding-bottom:35px; margin-bottom: 35px !important; color:#000000;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info h3:after {left:0px; bottom:0px; margin-left: 0;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info h3 a {color:#000000;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info .price {font-size: 24px; color: #c16c18; margin-bottom:50px; font-family: "Trade Gothic LT Std";}
.product #ebow_product_top .ebow_product_fields {list-style: none; margin:0 0 15px; padding-bottom:40px; border-bottom:1px solid #cbc4bc;}
.product #ebow_product_top .ebow_product_fields > li {padding: 15px 18px 15px; border-right: 1px solid #cbc4bc; min-height: 130px;}
.product #ebow_product_top .ebow_product_fields > li:first-child {padding-left: 0;}
.product #ebow_product_top .ebow_product_fields > li:last-child {padding-right: 0; border-right:0;}
.product #ebow_product_top .ebow_product_fields > li span {font-weight: bold; display: inline-block; float: left; width: 100%; margin-bottom:10px;}
.product #ebow_product_top .ebow_product_fields > li .beans {margin-right: 9px; float: left;}
.product #ebow_product_top .ebow_product_fields > li .beans .bean {width: 12px; height: 16px; background: url('../images/icons/icon_bean.png') no-repeat center center; margin-right: 4px; float: left;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info .ebow_availability {float:left; font-weight: bold; margin-bottom: 10px;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info .stock {float: right; margin-bottom: 10px;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart {float: left; width: 100%; margin-bottom:35px;}
.quantity {float: left; width: 160px; position: relative;}
.quantity:before {content: 'QTY'; color: #000000; font-size: 12px; font-weight: bold; position: absolute; top:10px; left:15px;}
.quantity input.qty {box-shadow:none; float: left; width: 100%; background-color: #FFFFFF; border: 1px solid #cbc4bc; -webkit-appearance: textfield; padding:35px 15px 10px; font-style: normal; font-size: 16px; margin:0;}
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.quantity .num_button {line-height: 28px; color:#653819; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; right: 15px; top:10px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.quantity .num_button.dec {bottom:5px; right: 20px; top: auto;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info #delivery_info {text-decoration: underline; color: #c16c18; font-weight: bold;}
.product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart button {float: right; width:360px; margin:0; padding:19px;}

.product #ebow_product_top .product_navigation a {display:block; cursor: pointer; z-index: 10; position: absolute; top:50%; width:60px; height: 60px; margin-top:-30px; background-color: #c16c18; text-indent: -9999px; text-transform: capitalize; background-repeat: no-repeat; background-position: center center;}
.product #ebow_product_top .product_navigation.prev_product a:hover,
.product #ebow_product_top .product_navigation.prev_product a:active,
.product #ebow_product_top .product_navigation.prev_product a:focus {background-position: 10px center;}
.product #ebow_product_top .product_navigation.next_product a:hover,
.product #ebow_product_top .product_navigation.next_product a:active,
.product #ebow_product_top .product_navigation.next_product a:focus {background-position: 36px center;}
.product #ebow_product_top .product_navigation.prev_product a {left:0px; background-image: url('../images/icons/icon_arrow_left.png');}
.product #ebow_product_top .product_navigation.next_product a {right:0px; background-image: url('../images/icons/icon_arrow_right.png');}

/* Top right side */
.product #ebow_product_top > .woo_right.woo_half {position:relative; background:#FFFFFF; padding: 70px 0;}
.product #ebow_product_top > .woo_right.woo_half .story_scroll {position: absolute; left:80px; bottom:35px; text-align: left; color:#000000; font-size:24px;}
.product #ebow_product_top > .woo_right.woo_half .story_scroll > div:first-child {display: none;}
.product #ebow_product_top > .woo_right.woo_half .story_scroll .arrow {text-align: left;}
.product #ebow_product_top > .woo_right.woo_half .story_scroll .arrows {margin-top:15px;}

/* Story */
#ebow_product_story {background:#000000; width:100%; float: left;}
#ebow_product_story .ebow_product_story_inner {width: 980px; margin:0 auto; float: none; padding:80px 0; text-align: center; color: #FFFFFF;}
#ebow_product_story .ebow_product_story_inner h2 {color: #FFFFFF;}
#ebow_product_story .ebow_product_story_inner p {font-size: 18px;}

/* Related products */
.related.products {text-align: center; padding:100px 0;}
.related.products ul.products {width: 980px; list-style: none; margin:0 auto; clear:both;}
.related.products ul.products li {float: left; width:33.33%;}
.related.products ul.products li h3 {font-size: 18px; margin-bottom:0 !important;}
.related.products ul.products li h3:after {content: none;}
.related.products ul.products li img {max-height: 300px; height:auto; width: auto; max-width: 100%; margin-bottom:30px;}
.related.products ul.products li .price {color:#c16c18; font-size: 18px; font-family: "Trade Gothic LT Std";}

/* Gifts */
#ebow_product_gift {height: 800px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
#ebow_product_gift h2 {color:#FFFFFF;}

/* Delivery info popup */
#delivery_info_wrapper {display:none; position: fixed; top:0px; left:0px; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 9999;}
#delivery_info_wrapper .delivery_info {width: 960px; height: 450px; background: #e6e2df; position: absolute; left:50%; top:50%; margin-left:-480px; margin-top:-225px; z-index: 9999; padding:0 180px 0;}
#delivery_info_wrapper .delivery_info .close {width: 26px; height: 26px; background: url('../images/icons/icon_close.png'); position: absolute; top:40px; right: 40px; cursor: pointer;}
#delivery_info_wrapper .delivery_info h1 {font-size: 46px;}
#delivery_info_wrapper .delivery_info p {font-size: 18px; margin-bottom: 40px; line-height: 30px; color:#000000;}
#delivery_info_wrapper .delivery_info span {font-weight: bold; color:#000000;}

/* Beans select */
.bean_select {float:right; width: 300px; padding:0;}
.bean_select .select_wrapper {background-color:#FFFFFF; width:100%; position: relative; float: left; border:1px solid #cbc4bc; padding:28px 15px 8px; margin:0 0 20px; min-height: 66px;}
.bean_select .select_wrapper:before {content: 'Bean option'; position: absolute; top:10px; left: 15px; color: #000000; font-size: 12px; font-weight: bold;}
.bean_select .select_wrapper select {-webkit-appearance: none; width: 100%; float: left; border:0; background-color:#FFFFFF; margin:0; padding: 0; height: 18px; outline: none; background-image: url(../images/icons/icon_arrow_down.png); background-size:16px 8px;}
.bean_select .overflow {height: auto;}
.bean_select .reset_variations {display:none;}

table.variations, table.variations tbody, table.variations tr, table.variations td {display: block;}
table.variations {float:right; margin:0;}
.coffee_project .quantity {float:left;}
.woocommerce-variation-price {margin-top:45px; float:left;}
.variations{width:auto!important;}

/*
 * =============================================================================
 * PRODUCTS PAGE
 * =============================================================================
 */

/* Header */
#shop_header {background-position: center center; background-size: cover; text-align: center; background-color:#f7f7f7; }
#shop_header .shop_inner {width: 1200px; height: 300px; margin:0 auto; clear: both;}
#shop_header h1 {color: #FFFFFF; position: relative;}
#shop_header h1 .back_btn {color:#000000; position: absolute; display: block; left: 0px; top:50%; margin-top:-13px; font-size:16px; background: url('../images/icons/icon_arrow_left_gold.png') no-repeat left center; line-height: 26px; padding-left:30px;}
#shop_header h1 .back_btn:hover, #shop_header h1 .back_btn:active, #shop_header h1 .back_btn:focus {color:#c16c18;}

/* Shop content */
#shop_container {width: 100%; float: left; clear: both; position: relative; background: #f7f7f7;}
#shop_container:after {width: 50%; height: 100%; top:0px; right: 0px; position: absolute; background: #FFFFFF;}
#shop_container #shop_inner {width: 1200px; margin: 0 auto; clear: both; position: relative; padding-left:200px;}
#shop_container #shop_inner #shop_left {width: 200px; background: #f7f7f7; position: absolute; top:0px; left:0px; height: 100%; padding:30px 0;}
#shop_container #shop_inner #shop_left .side_title {color: #000000; padding-top:8px; padding-bottom:35px; border-bottom: 1px solid #cbc4bc; margin-bottom: 40px; font-weight: bold; width:160px; font-size: 22px;}
#shop_container #shop_inner #shop_left ul {list-style: none; float: left; width: 100%; padding: 0; margin:0;}
#shop_container #shop_inner #shop_left ul li {float: left; width: 100%;}
#shop_container #shop_inner #shop_left ul li a {display: block; float: left; color:#000000; font-size: 18px; padding:10px 0;}
#shop_container #shop_inner #shop_left ul li a.active {font-weight: bold;}
#shop_container #shop_inner #shop_right {width: 100%; float: left; background: #FFFFFF; padding: 30px 40px;}
#shop_container #shop_inner #shop_right .prod_main_cats {list-style: none; float: left; text-align:center; width: 100%; padding: 0; margin:0; display:table; border-bottom: 1px dashed #cbc4bc; padding-bottom: 30px; margin-bottom:30px;}
#shop_container #shop_inner #shop_right .prod_main_cats li {float:none; /*display: table-cell;*/display:inline-block; white-space: nowrap;}
#shop_container #shop_inner #shop_right .prod_main_cats li a {color:#000000; font-size:22px; display: table; margin: 0 auto; padding:5px 15px;}
#shop_container #shop_inner #shop_right .prod_main_cats li a.active {color:#653819; border:1px solid #653819; border-radius: 3px;}
#shop_container #shop_inner #shop_right .products {list-style: none; float: left; width: 100%; margin: 0; padding: 0;}
#shop_container #shop_inner #shop_right .products li {width: 33.33%; float: left; text-align: center; margin-bottom:50px;}
#shop_container #shop_inner #shop_right .products li:nth-child(3n + 3) {clear:right;}
#shop_container #shop_inner #shop_right .products li:nth-child(3n + 1) {clear:left;}
#shop_container #shop_inner #shop_right .products li h3 {font-size: 18px; margin-bottom:0 !important;}
#shop_container #shop_inner #shop_right .products li h3:after {content: none;}
#shop_container #shop_inner #shop_right .products li img {max-height: 250px; height:auto; width: auto; max-width: 250px; margin-bottom:30px;}
#shop_container #shop_inner #shop_right .products li .price {color:#c16c18; font-size: 18px; font-family: "Trade Gothic LT Std";}

/* Mobile categories */
#shop_mobile_cats {display: none;}
.filters_wrapper {display: none;}

/* Filters */
.top_filters_wrapper { display: block; float: left; width: 100%; position: relative;}
.top_filters_wrapper .filters {display: block; float: left; width: 100%; overflow-x:scroll; position: relative;}
.top_filters_wrapper .overlay {display:none; position: absolute; top:0px; right:-2px; height: 41px; width:55px; z-index: 2;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.top_filters_wrapper .overlay .overlay_arrow {background:url('../images/icons/icon_arrow_right_gold.png') no-repeat center center; width: 100%; height:100%; position: absolute; background-size: 9px 15px;}

/* Load more */
.lmp_load_more_button .lmp_button {padding: 0.9375rem 3.75rem; font-size: 1.5rem; color: #FFFFFF; background-color: #c16c18;}
.lmp_load_more_button .lmp_button:hover {background-color: #c16c18; color: #FFFFFF;}


/*
 * =============================================================================
 * CART
 * =============================================================================
 */

.top-bar .socials, .top-bar .logo, .top-bar .country {z-index: 10;}
.top-bar .country .woocommerce {cursor:pointer;}
.cart_counter {color:#c16c18;}
/* .site-header .title-bar .title-bar-title {z-index:8;} */
.site-header .title-bar .woocommerce {z-index: 9;}

/* Dropdown cart */
#ebow_cart {display:none; position: absolute; top: 40px; right: -17px; background:#f8f8f8; z-index:10; border: 1px solid #cbc4bc; padding:30px 40px; width: 400px; cursor: auto;}
#ebow_cart .arrow {width: 40px; height: 20px; background: url('../images/icons/icon_arrow_top.png') no-repeat center center; position: absolute; top: -20px; right: 13px;}
#ebow_cart h4 {font-size: 24px; margin:0 0 5px !important; color: #000000; text-align: left;}
#ebow_cart h4.centered {text-align: center;}
#ebow_cart h4:after {content: none;}
#ebow_cart h4 .number {color:#653819; display: inline-block;}
#ebow_cart a.button.return { color: white; font-weight: normal; }
#ebow_cart > ul {padding: 0; margin: 0; list-style: none; width: 100%; float: left;}
#ebow_cart > ul > li {float: left; width: 100%; border-bottom: 1px solid #cbc4bc; padding:15px 0; text-align: left; color:#000000; font-size: 16px; font-weight: normal; position: relative;}
#ebow_cart > ul > li a {color:#000000; font-size: 16px; font-weight: normal; border:0; padding: 0; display:block; width: 73%;}
#ebow_cart > ul > li a:hover, #ebow_cart > ul > li a:focus, #ebow_cart > ul > li a:active {color:#c16c18;}
#ebow_cart > ul > li .prod_price {position: absolute; top:15px; right: 0px; color: #c16c18; font-size: 16px; }
#ebow_cart .prod_subtotal {text-align: left; color:#000000; font-size: 16px; font-weight: normal; padding:15px 0; float: left; width: 100%; border-bottom: 1px solid #cbc4bc;}
#ebow_cart .prod_subtotal span {position: static; float: right; color:#c16c18; font-size: 16px; font-family: "Trade Gothic LT Std"; font-weight: normal;}
#ebow_cart .btn {display:block; width: 48%; float: left; margin-top:20px; border:2px solid #c16c18; color:#c16c18; text-align: center; line-height: 40px; font-weight: normal; font-size:18px; font-family: "Scherzo Std", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
#ebow_cart .btn.right {float: right; background: #c16c18; color: #FFFFFF;}

/* Cart header */
.woocommerce-cart #shop_header .shop_inner {height: 240px;}
.woocommerce-cart #shop_header h1 {color: #000000; font-size: 46px; margin:0 !important;}
.woocommerce-cart #shop_header h1 .cart_subtitle {color:#000000; font-size: 24px;}
.woocommerce-cart #shop_header h1 .cart_subtitle span {color:#c16c18;}

/* Cart content */
.woocommerce-cart #shop_container {background: #FFFFFF;}
.woocommerce-cart #shop_container #shop_inner {padding: 60px 0;}
.woocommerce-cart #shop_container table.cart {float: left; width: 720px; background:#FFFFFF;}
.woocommerce-cart #shop_container table.cart thead {background:#FFFFFF; border:0; border-bottom:1px solid #cbc4bc; font-size:16px; color:#000000; font-family: "Trade Gothic LT Std"; font-weight: normal;}
.woocommerce-cart #shop_container table.cart thead .product-subtotal {text-align: right;}
.woocommerce-cart #shop_container table.cart thead .product-remove {text-align: center;}
.woocommerce-cart #shop_container table.cart thead th {padding:0 0 25px;}
.woocommerce-cart #shop_container table.cart tbody {background:#FFFFFF; border:0;}
.woocommerce-cart #shop_container table.cart tbody tr:nth-child(even) {background:#FFFFFF;}
.woocommerce-cart #shop_container table.cart tbody tr {border:0; border-bottom:1px solid #cbc4bc;}
.woocommerce-cart #shop_container table.cart tbody tr:last-child {border:0;}
.woocommerce-cart #shop_container table.cart tbody tr td {padding: 40px 5px; vertical-align: top;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-name dl.variation {margin-bottom: 5px;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-name dl.variation dt {float:left; line-height: 24px; margin-right:10px; font-weight:normal; font-size:16px;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-name dl.variation dd {line-height: 24px; font-size:16px;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-name dl.variation dd p {line-height: 24px; font-size:16px; font-family: "Scherzo Std","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-subtotal {color:#c16c18; font-family: "Trade Gothic LT Std"; font-weight: normal; text-align: right; padding-top:60px; }
.woocommerce-cart #shop_container table.cart tbody tr td.product-remove {text-align: center; padding-top:60px;}
.woocommerce-cart #shop_container table.cart tbody tr td.product-remove a {display:inline-block; width: 26px; height: 26px; background: url('../images/icons/icon_close.png') no-repeat center center; cursor: pointer; text-indent: -9999px; text-transform: capitalize;}
.woocommerce-cart #shop_container .cart-collaterals {float: right; width: 400px; margin-bottom: 70px;}
.woocommerce-cart #shop_container table.cart tbody tr td .button {float: right; margin:0;}

/* Coupons */
.coupon {float: left; clear: both;}
.coupon input[type='submit'] {float: left; margin-left:20px; color:#c16c18; line-height: 60px; text-decoration: underline; font-size: 16px; font-weight: bold; border:0; background: 0;}
.coupon .form-row {float: left; position: relative; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 10px; width:240px;}
.coupon .form-row #coupon_code {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:18px; font-style: normal;}
.coupon .form-row label {color: #000000; font-size: 16px; font-weight: bold; position: absolute; top:50%; margin-top:-8px; line-height: 16px; left:15px; -o-transition: all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.coupon .form-row.active label {font-size: 12px; top:10px; left:15px; margin:0;}

/* Cart totals */
.cart_totals .top_side_title {font-size: 16px; color: #000000; font-weight: bold; margin:0 0 10px; border-bottom:1px solid #cbc4bc; float: left; width: 100%; padding-bottom:25px;}
.cart_totals .shop_table {float: left; width: 100%; background:#FFFFFF; font-family: "Trade Gothic LT Std"; margin:0;}
.cart_totals .shop_table tbody {background:#FFFFFF; border:0;}
.cart_totals .shop_table tbody tr:nth-child(even) {background:#FFFFFF;}
.cart_totals .shop_table tbody tr {border:0; border-bottom:1px solid #cbc4bc;}
.cart_totals .shop_table tbody tr:last-child {border:0;}
.cart_totals .shop_table tbody tr td {padding:10px 0;}
.cart_totals .shop_table tbody tr td .side_title {font-size: 16px; color: #000000; font-weight: bold; margin:0 0 10px;}
.cart_totals .shop_table tbody tr td p {font-size:16px; font-weight: normal; color:#000000;}
.cart_totals .shop_table tbody tr td p a {color: #c16c18; text-decoration: underline; font-weight: bold;}
.cart_totals .shop_table tbody tr td .available {font-size:16px; font-weight: bold; color: #000000;}
.cart_totals .shop_table tbody tr td .available span {display: inline-block; float: right; color:#c16c18; font-weight: normal;}
.cart_totals .shop_table tbody tr.cart-subtotal th {padding:15px 0; text-align: left; font-size: 16px; color: #000000; font-weight: bold;}
.cart_totals .shop_table tbody tr.cart-subtotal td {text-align: right; color:#c16c18; font-weight: normal;}
.cart_totals .shop_table tbody tr.order-total th {padding:30px 0; text-align: left; font-size: 16px; color: #000000; font-weight: bold;}
.cart_totals .shop_table tbody tr.order-total td {text-align: right; color:#c16c18; font-weight: normal; font-size: 24px;}
.cart_totals .button {margin:0; width:100%; font-family: 'Scherzo Std';}
.cart_totals .shop_table tbody tr td .shipping-calculator-form .form-row {float: left; position: relative; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 10px;}
.cart_totals .shop_table tbody tr td .shipping-calculator-form .form-row input {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:18px; font-style: normal;}
.cart_totals .shop_table tbody tr td .shipping-calculator-form .form-row label {color: #000000; font-size: 16px; font-weight: bold; position: absolute; top:50%; margin-top:-8px; line-height: 16px; left:15px; -o-transition: all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.cart_totals .shop_table tbody tr td .shipping-calculator-form .form-row.active label {font-size: 12px; top:10px; left:15px; margin:0;}
.cart_totals .shop_table tbody tr td .shipping-calculator-form #calc_shipping_postcode_field {margin:0 0 10px 2%; width: 48%; float: right;}
.cart_totals .shop_table tbody tr td .shipping-calculator-form #calc_shipping_state_field {margin:0 2% 10px 0; width: 48%; float: left;}
.cart_totals .shop_table tbody tr td .select_wrapper {width:100%; position: relative; float: left; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 20px;}
.cart_totals .shop_table tbody tr td .select_wrapper:before {content: 'Select Country'; position: absolute; top:10px; left: 15px; color: #000000; font-size: 12px; font-weight: bold;}
.cart_totals .shop_table tbody tr td .select_wrapper select {-webkit-appearance: none; width: 100%; float: left; border:0; background-color:#FFFFFF; margin:0; padding: 0; height: 18px; outline: none; background-image: url(../images/icons/icon_arrow_down.png); background-size:16px 8px;}

.update_cart_btn {color:#c16c18; float:right; line-height: normal; text-decoration: underline; font-weight: bold; font-size: 16px;}

/*
 * =============================================================================
 * CHECKOUT
 * =============================================================================
 */

/* Checkout header */
.woocommerce-checkout #shop_header .shop_inner {height: 240px;}
.woocommerce-checkout #shop_header h1 {color: #000000; font-size: 46px; margin:0 !important;}

/* Checkout container */
.woocommerce-checkout #shop_container {background: #FFFFFF;}
.woocommerce-checkout #shop_container #shop_inner {padding: 60px 0;}

/* Coupons */
.checkout_coupon {float: left; clear: both; width:100%; margin:15px 0; display:none;}
.checkout_coupon input[type='submit'] {float: left; margin:0 0 0 20px; padding:0; color:#c16c18; line-height: 60px; text-decoration: underline; font-size: 16px; font-weight: bold; border:0; background: 0;}
.checkout_coupon .form-row-first {float: left; position: relative; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 10px; width:240px;}
.checkout_coupon .form-row-first #coupon_code {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:18px; font-style: normal;}
.checkout_coupon .form-row-first label {color: #000000; font-size: 16px; font-weight: bold; position: absolute; top:50%; margin-top:-8px; line-height: 16px; left:15px; -o-transition: all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.checkout_coupon .form-row-first.active label {font-size: 12px; top:10px; left:15px; margin:0;}

/* Customer details */
#customer_details {float:left; width: 720px; margin-bottom:70px;}
#customer_details h3 {text-align: left; font-size: 24px; margin-bottom: 30px !important; padding-bottom:25px; width: 100%;}
#customer_details h3:after {left: 0px; right:auto; margin-left:0px; width:40px; bottom:0px !important;}
#customer_details .col-1 {margin-bottom:40px;}
#customer_details .form-row {position: relative; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 20px; float: left; display: inline-block; width: 100%;}
#customer_details .form-row label {color: #000000; font-size: 16px; font-weight: bold; position: absolute; top:50%; margin-top:-8px; line-height: 16px; left:15px; -o-transition: all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
#customer_details .form-row.active label {font-size: 12px; top:10px; left:15px; margin:0;}
#customer_details .form-row input {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:18px; font-style: normal;}
#customer_details .form-row select {-webkit-appearance: none; width: 100%; border:0; background-color:#FFFFFF; margin:0; padding: 0; height: 18px; outline: none; background-image: url(../images/icons/icon_arrow_down.png); background-size:16px 8px;}
#customer_details .form-row textarea {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:100px; font-style: normal; resize:none;}
#customer_details #billing_country_field label, #customer_details #shipping_country_field label {font-size: 12px; top:10px; left:15px; margin:0;}
#customer_details #billing_first_name_field, #customer_details #billing_state_field, #customer_details #shipping_city_field {width: 48%; margin-right: 2%;}
#customer_details #billing_last_name_field, #customer_details #billing_postcode_field {width: 48%; margin-left: 2%; float: right;}
#customer_details #shipping_first_name_field, #customer_details #shipping_state_field, #customer_details #billing_city_field {width: 48%; margin-right: 2%;}
#customer_details #shipping_last_name_field, #customer_details #shipping_postcode_field {width: 48%; margin-left: 2%; float: right;}
#customer_details .create-account {clear:both; float: left; width: 100%;}

/* Order review */
#order_review_heading {float: right; width: 400px;}
#order_review {float:right; width: 400px; background:#FFFFFF; font-family: "Trade Gothic LT Std"; margin:0;}
#order_review .shop_table {float: left; width: 100%; background:#FFFFFF; font-family: "Trade Gothic LT Std"; margin:0;}
#order_review .shop_table thead, #order_review .shop_table tbody, #order_review .shop_table tfoot {background:#FFFFFF; border:0;}
#order_review .shop_table th {padding:0;}
#order_review .shop_table tr:nth-child(even) {background:#FFFFFF;}
#order_review .shop_table tr {border:0; border-bottom:1px solid #cbc4bc;}
#order_review .shop_table tr:last-child {border:0;}
#order_review .shop_table tr td {padding:15px 0;}
#order_review .shop_table tr td.product-name {font-size: 16px; color: #000000; font-weight: bold;}
#order_review .shop_table tr td.product-total {color:#c16c18; font-weight: normal; text-align: right;}
#order_review .shop_table tr.recurring-totals {font-size: 16px; color: #000000; font-weight: bold; margin: 0 0 10px; border-bottom: 1px solid #cbc4bc; }
#order_review .shop_table tr.recurring-totals th {padding: 25px 0;}
#order_review .shop_table tfoot .side_title {display: none;}
#order_review .shop_table .top_side_title {font-size: 16px; color: #000000; font-weight: bold; margin:0 0 10px; border-bottom:1px solid #cbc4bc; float: left; width: 100%; padding-bottom:25px;}
#order_review .shop_table tr.shipping td {border-top:1px solid #cbc4bc; font-size: 16px; color: #000000; font-weight: bold;}
#order_review .shop_table tr.shipping td span {display:inline-block; float: right; color:#c16c18; font-weight: normal; font-size: 18px;}
#order_review .shop_table tr.order-total th {font-size: 16px; color: #000000; font-weight: bold;}
#order_review .shop_table tr.order-total td, #order_review .shop_table tr.recurring-total td {color:#c16c18; font-weight: normal; text-align: right; font-size:24px;}

/* Payment */
#payment h3 {text-align: left; font-size: 24px; margin-bottom: 30px !important; padding-bottom:25px; width: 100%; margin-top:40px; float: left;}
#payment h3:after {left: 0px; right:auto; margin-left:0px; width:40px; bottom:0px !important;}
#payment p {color:#000000; font-size: 16px;}
#payment .wc_payment_methods {list-style: none; margin:0; background:#f0efef; float: left; width: 100%; padding:20px 0 20px;}
#payment .wc_payment_methods li {float: left; width: 100%; padding: 5px 15px 5px;}
#payment .wc_payment_methods .payment_box {display: none !important;}
#payment .button {width: 100%; font-family: 'Scherzo Std';}

/* Custom Radio Buttons */
#payment .wc_payment_methods input[type=radio] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
#payment .wc_payment_methods input[type=radio] + label {padding-left:40px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; font-size:16px; vertical-align:middle; cursor:pointer; color: #000000; font-family: "Trade Gothic LT Std"; font-weight:bold;}
#payment .wc_payment_methods input[type=radio]:checked + label {background-position: 0 -20px;}
#payment .wc_payment_methods label {background-image:url('../images/bg_radio.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#payment .wc-terms-and-conditions {float: left; width: 100%; margin-top:20px;}

/* Login */
.checkout_top {float: left; width: 720px; clear: both;}
.checkout_top .form-row {position: relative; border:1px solid #cbc4bc; padding:30px 15px 10px; margin:0 0 20px;}
.checkout_top .form-row label {color: #000000; font-size: 16px; font-weight: bold; position: absolute; top:50%; margin-top:-8px; line-height: 16px; left:15px; -o-transition: all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
/*.checkout_top .form-row.active label {font-size: 12px; top:10px; left:15px; margin:0;}*/
.checkout_top .form-row input {background:#FFFFFF; border:0; outline:none; box-shadow:none; padding:0; width: 100%; margin:0; height:18px; font-style: normal;}
.login .form-row-first {width: 48%; float: left; margin-right: 2%;}
.login .form-row-last {width: 48%; float: right; margin-left: 2%;}
.login .remember_field {float: left; width: 50%;}
.login .button {float: right; margin-top:0;}
.login .lost_password {float: left; width: 100%; text-align: right;}

/*
 * =============================================================================
 * THANK YOU
 * =============================================================================
 */

/* Thank you page content */
#thank_you #thank_you_top {background:url('../images/bg_thankyou.jpg') no-repeat right center; background-size: cover; color: #FFFFFF;}
#thank_you #thank_you_top .thank_you_inner {width: 430px; margin:0 auto; clear: both; height: 800px; }
#thank_you h1 {color:#FFFFFF; }
#thank_you h5 {color:#FFFFFF; font-size: 24px; font-weight: bold; margin: 0 0 10px !important;}
#thank_you h5:after {content: none;}
#thank_you h5.bottom_text {font-weight: normal; margin-top: 100px !important;}
#thank_you p.large {font-size: 18px;}
#thank_you p.small {font-size: 14px;}

/* Related products */
.related.products.after_purchase {text-align: center; padding:100px 0; width: 1200px; margin: 0 auto;}
.related.products.after_purchase ul {float: left; width: 100%; list-style: none; margin:0 0 30px; clear:both;}
.related.products.after_purchase ul li {float: left; width:20%;}
.related.products.after_purchase ul li h3 {font-size: 18px; margin-bottom:0 !important;}
.related.products.after_purchase ul li h3:after {content: none;}
.related.products.after_purchase ul li img {max-height: 300px; height:auto; width: auto; max-width: 100%; margin-bottom:30px;}
.related.products.after_purchase ul li .price {color:#c16c18; font-size: 18px; font-family: "Trade Gothic LT Std";}

/*
 * =============================================================================
 * MY ACCOUNT
 * =============================================================================
 */

 .woocommerce-account #shop_header .shop_inner {height: 240px;}
 .woocommerce-account #shop_header h1 {color: #000000; font-size: 46px; margin:0 !important;}
 .woocommerce-account #shop_container {background-color:#FFFFFF;}
 .woocommerce-account #shop_container #shop_inner {padding:60px 0;}

/*
 * =============================================================================
 * RESPONSIVE DESIGN - SMALL DESKTOP & TABLET LANDSCAPE
 * =============================================================================
 */

@media only screen and (max-width: 1199px) and (min-width: 1023px) {

    /* Layout */
    #shop_header .shop_inner {width: 100%;}
    .top-bar .dropdown.menu .menu-item > .dropdown.menu {max-width: 100%;}
    #shop_header h1 .back_btn {left: 30px;}

    /* Products page */
    #shop_container #shop_inner {width: 100%;}
    #shop_container #shop_inner #shop_left {padding-left:15px;}
    #shop_container #shop_inner #shop_left ul li a {font-size: 16px;}
    #shop_container #shop_inner #shop_right .products li img {max-width: 150px; max-height: 150px;}

    /* Single product */
    .product #ebow_product_top .woo_prod_info {width: 100%; padding-left:40px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart button {width: 260px;}
    .product #ebow_product_top > .woo_right.woo_half .images {width: 300px; display: inline-block;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll {left:40px;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll .arrows {margin-top:0px;}
    .product_navigation {display: none;}
    .related.products ul.products li img {max-width: 200px; max-height: 200px;}

    /* Cart */
    .woocommerce-cart #shop_container #shop_inner {padding:60px 30px;}
    .woocommerce-cart #shop_container table.cart {width:100%;}
    .woocommerce-cart #shop_container .cart-collaterals {width: 100%;}
    .cart_totals .button {width:auto; float:right;}
    .woocommerce-shipping-calculator {float:left; width: 100%; margin-bottom:30px;}

    /* Checkout */
    .woocommerce-checkout #shop_container #shop_inner {padding:60px 30px;}
    #customer_details {width: 100%;}
    #order_review {width: 100%;}
    #payment .button {width:auto; float: right;}

    /* Thank you page */
    .related.products.after_purchase {width:100%; padding:100px 30px;}

}

/*
 * =============================================================================
 * RESPONSIVE DESIGN - TABLET PORTRAIT ONLY
 * =============================================================================
 */

@media only screen and (max-width: 1023px) and (min-width: 768px) {

    /* Layout */
    #shop_header .shop_inner {width: 100%;}
    .top-bar .dropdown.menu .menu-item > .dropdown.menu {max-width: 100%;}
    #shop_header h1 .back_btn {left: 30px;}

    /* Products page */
    #shop_container #shop_inner {width: 100%;}
    #shop_container #shop_inner #shop_left {padding-left:15px;}
    #shop_container #shop_inner #shop_left ul li a {font-size: 16px;}
    #shop_container #shop_inner #shop_right .products li img {max-width: 150px; max-height: 150px; }
    #shop_container #shop_inner #shop_right .prod_main_cats {padding: 0; display:block; margin:0; border:0;}
    .top_filters_wrapper {display: block; float: left; width: 100%; border-bottom:1px dashed #cbc4bc; background:white; padding: 0 0 30px; margin-bottom:30px;}
    .top_filters_wrapper .prod_main_cats {list-style: none; margin:0;}
    #shop_container #shop_inner #shop_right .prod_main_cats li a {margin:0 20px;}
    .top_filters_wrapper .prod_main_cats button {z-index:2; position: absolute; top:0px; height: 100%; width: 65px; text-transform: capitalize; text-indent: -9999px; outline: none;}
    .top_filters_wrapper .prod_main_cats button.slick-next {
        background-repeat: no-repeat;
        background-position: right center;
        background-image:url('../images/icons/icon_arrow_right_gold.png');
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);;
        right: -2px;
    }
    .top_filters_wrapper .prod_main_cats button.slick-prev {
        background-repeat: no-repeat;
        background-position: left center;
        background-image:url('../images/icons/icon_arrow_left_gold.png');
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);;
        left: -1px;
    }
    .top_filters_wrapper .prod_main_cats li {font-size: 16px; margin:0 10px 0;}
    .top_filters_wrapper .prod_main_cats li a {display: inline-block; padding: 0 12px 0; line-height: 30px; color:#000000;}
    .top_filters_wrapper .prod_main_cats li .active {border:1px solid #653819; border-radius: 3px; color:#653819;}

    /* Single product */
    .product #ebow_product_top .woo_prod_info {width: 100%; padding:0 25px;}
    .product #ebow_product_top > .woo_left.woo_half {background: #f7f7f7; padding:50px 0;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart button {width: 260px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info h1 {font-size: 36px; line-height: 40px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info h3 {font-size: 20px; line-height: 24px;}
    .product #ebow_product_top .ebow_product_fields {border-bottom:1px solid #cbc4bc; padding:0;}
    .product #ebow_product_top .ebow_product_fields > li {min-height: 0px; width:50%; border:0; }
    .product #ebow_product_top .ebow_product_fields > li:first-child {width: 100%; border-bottom:1px solid #cbc4bc;}
    .product #ebow_product_top .ebow_product_fields > li:nth-child(2) {padding-left:0;}
    .product #ebow_product_top .ebow_product_fields > li .beans {margin-bottom: 10px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart button {float: left; margin-top:30px;}
    .product #ebow_product_top > .woo_right.woo_half {background:#FFFFFF;}
    .product #ebow_product_top > .woo_right.woo_half .images {width: 300px; display: inline-block;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll {left:40px;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll .arrows {margin-top:0px;}
    #ebow_product_story .ebow_product_story_inner {width:100%; padding:30px 20px;}
    .related.products {padding:30px 20px;}
    .related.products ul.products {width:100%;}
    .related.products ul.products li img {width: 130px; max-height: auto; height:auto; }
    .product_navigation {display: none;}
    #ebow_product_gift {height: 500px;}
    #ebow_product_gift .button {width: auto; min-width: 200px;}

    /* Cart */
    .woocommerce-cart #shop_container #shop_inner {padding:60px 30px;}
    .woocommerce-cart #shop_container table.cart {width:100%;}
    .woocommerce-cart #shop_container .cart-collaterals {width: 100%;}
    .cart_totals .button {width:auto; float:right;}
    .woocommerce-shipping-calculator {float:left; width: 100%; margin-bottom:30px;}
    .woocommerce-cart #shop_container table.cart tbody tr td .button {width:auto;}

    /* Checkout */
    .woocommerce-checkout #shop_container #shop_inner {padding:60px 30px;}
    #customer_details {width: 100%;}
    #order_review {width: 100%;}
    #payment .button {width:auto; float: right;}

    /* Thank you page */
    .related.products.after_purchase {width:100%; padding:100px 30px;}
    .related.products.after_purchase ul li {width:33.33%;}
    .related.products.after_purchase ul li:nth-child(4), .related.products.after_purchase ul li:nth-child(5) { display: none !important;}

}

/*
 * =============================================================================
 * RESPONSIVE DESIGN - PHONE PORTRAIT & LANDSCAPE
 * =============================================================================
 */

@media only screen and (max-width: 767px) {

    /* Layout */
    #shop_header .shop_inner {width: 100%; height: 150px;}
    .top-bar .dropdown.menu .menu-item > .dropdown.menu {max-width: 100%;}
    #shop_header h1 {margin-bottom: 25px !important;}
    #shop_header h1 .back_btn {left: 30px;}
    .quantity {width:100%;}
    .quantity .num_button {font-weight: normal; font-size: 60px; top:13px; right:65px; font-family: "Trade Gothic LT Std";}
    .quantity .num_button.dec {bottom:28px; top:13px;}
    .woo_half {width:100%;}

    /* Products page */
    #shop_container #shop_inner {width: 100%; padding:0;}
    #shop_container #shop_inner #shop_left {padding-left:15px;}
    #shop_container #shop_inner #shop_left ul li a {font-size: 16px;}
    #shop_container #shop_inner #shop_right .products li img {width: 100px; max-height: auto; height:auto; float:left; margin-right: 25px;}
    #shop_container #shop_inner #shop_right .products li h3 {text-align: left; margin-top:25px;}
    #shop_container #shop_inner #shop_right .products li .price {float: left;}
    #shop_container #shop_inner #shop_right .prod_main_cats {display: none;}
    #shop_container #shop_inner #shop_left {position: static;}

    #shop_mobile_cats { display: block; float: left; width: 100%;}
    #shop_mobile_cats .mobile_wrapper {display: block; float: left; width: 100%; border-bottom:1px dashed #cbc4bc; background:white; padding: 30px 0;}
    #shop_mobile_cats .prod_main_cats {list-style: none; margin:0;}
    #shop_mobile_cats .prod_main_cats button {z-index:2; position: absolute; top:0px; height: 100%; width: 65px; text-transform: capitalize; text-indent: -9999px; outline: none;}
    #shop_mobile_cats .prod_main_cats button.slick-next {
        background-repeat: no-repeat;
        background-position: center center;
        background-image:url('../images/icons/icon_arrow_right_gold.png');
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
        background-image:url('../images/icons/icon_arrow_right_gold.png'),
        linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);;
        right: 0px;
    }
    #shop_mobile_cats .prod_main_cats button.slick-prev {
        background-repeat: no-repeat;
        background-position: center center;
        background-image:url('../images/icons/icon_arrow_left_gold.png');
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        background-image:url('../images/icons/icon_arrow_left_gold.png'),
        linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);;
        left: 0px;
    }
    #shop_mobile_cats .prod_main_cats li {font-size: 16px; margin:0 10px 0;}
    #shop_mobile_cats .prod_main_cats li a {display: inline-block; padding: 0 12px 0; line-height: 30px; color:#000000;}
    #shop_mobile_cats .prod_main_cats li .active {border:1px solid #653819; border-radius: 3px; color:#653819;}

    #shop_container #shop_inner #shop_right .products li {width: 100%; margin-bottom: 15px;}
    #shop_container #shop_inner #shop_left .side_title {display: none;}
    #shop_container #shop_inner #shop_left ul {margin:20px 0;}

    /* Single product */
    .product #ebow_product_top .woo_prod_info {width: 100%; padding-left:40px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .button {width: 100%; margin-top:20px;}
    .product #ebow_product_top > .woo_right.woo_half .images {width: 300px; display: inline-block;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll {left:40px;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll .arrows {margin-top:0px;}
    .product_navigation {display: none;}
    .product #ebow_product_top .woo_prod_info {padding:0 20px;}
    .product #ebow_product_top .woo_prod_info .summary {position: relative;}
    .product #ebow_product_top > .woo_left.woo_half {padding:30px 0;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info h1 {font-size: 38px; line-height: 40px; margin-bottom:10px !important; max-width: 70%; float:left; font-size:24px; line-height: 28px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info h3 {max-width: 70%; float:left; font-size: 16px; line-height:  20px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .price {position:absolute; right: 0px; top:0px; max-width:30%;}
    .product #ebow_product_top .ebow_product_fields {border-bottom:1px solid #cbc4bc; padding:0;}
    .product #ebow_product_top .ebow_product_fields > li {min-height: 0px; width:50%; border:0; }
    .product #ebow_product_top .ebow_product_fields > li:first-child {width: 100%; border-bottom:1px solid #cbc4bc;}
    .product #ebow_product_top .ebow_product_fields > li:nth-child(2) {padding-left:0;}
    .product #ebow_product_top .ebow_product_fields > li .beans {margin-bottom: 10px;}
    #ebow_product_story .ebow_product_story_inner {width:100%; padding: 40px 30px;}
    .product #ebow_product_top > .woo_right.woo_half .story_scroll {display: none;}
    .related.products {padding:30px 20px;}
    .related.products ul.products {width:100%;}
    .related.products ul.products li {width:100%; margin-bottom:20px;}
    .related.products ul.products li img {width: 100px; max-height: auto; height:auto; float:left; margin-right: 25px;}
    .related.products ul.products li h3 {text-align: left; margin-top:25px;}
    .related.products ul.products li .price {float: left;}
    .quantity input.qty {margin-bottom:15px;}
    .product #ebow_product_top > .woo_left.woo_half .woo_prod_info .cart button {width:100%;}
    #ebow_product_gift {height: auto; padding:50px 0;}
    #ebow_product_gift h2 {margin-bottom: 20px !important;}
	table.variations{width:100%;}

    /* Popup */
    #delivery_info_wrapper .delivery_info {width: 96%; left:2%; height:auto; margin-left:0; padding:20px;}
    #delivery_info_wrapper .delivery_info h1 {font-size:38px; line-height: 40px; margin:30px 0 15px !important;}
    #delivery_info_wrapper .delivery_info .close {top:20px; right: 20px;}

    /* Cart */
    .woocommerce-cart #shop_header h1 {font-size: 32px; padding-top:32px;}
    #shop_header h1 .back_btn {top:-10px; left:50%; margin-left:-60px;}
    .woocommerce-cart #shop_header h1 .cart_subtitle {font-size: 20px;}
    .woocommerce-cart #shop_container #shop_inner {padding:60px 20px;}
    .woocommerce-cart #shop_container table.cart {width:100%; margin-bottom: 0;}
    .woocommerce-cart #shop_container .cart-collaterals {width: 100%;}
    .cart_totals .button {width:auto; float:right;}
    .woocommerce-shipping-calculator {float:left; width: 100%; margin-bottom:30px;}

    .woocommerce-cart #shop_container table.cart thead {display: none;}
    .woocommerce-cart #shop_container table.cart tbody tr {display:block ;float:left; width: 100%; clear: both; margin-bottom:30px;}
    .woocommerce-cart #shop_container table.cart tbody tr td {display: block; float:left; padding:10px 0;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-thumbnail {width: 30%;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-name {width: 70%; padding-left:10px;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-name a {display:inline-block; width:100%;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-quantity {width:100%;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-subtotal {width:50%; text-align:left;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-subtotal:before {content:'Item Total'; font-family: "Trade Gothic LT Std"; font-weight: normal; font-style: bold; margin-right: 10px; font-size: 16px; color:#000000;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-remove {width: 50%; text-align:right;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-remove a {color: transparent;}
    .woocommerce-cart #shop_container table.cart tbody tr td.product-remove:before {content:'Remove'; font-family: "Trade Gothic LT Std"; font-weight: normal; font-style: bold; font-size: 16px; color:#000000; margin-right: 10px;}

    .coupon .form-row {width:210px;}
    .coupon input[type='submit'] {margin-left:10px; text-align: right;}
    .woocommerce-cart #shop_container table.cart tbody tr td .button {width:100%; margin-top:20px;}
    .cart_totals .shop_table tbody tr td .shipping-calculator-form #calc_shipping_state_field,
    .cart_totals .shop_table tbody tr td .shipping-calculator-form #calc_shipping_postcode_field {width:100%; margin:0 0 10px;}
    .cart_totals .button {width:100%;}

    /* Checkout */
    .woocommerce-checkout #shop_container #shop_inner {padding:60px 20px;}
    #customer_details {width: 100%;}
    #order_review {width: 100%;}
    #payment .button {width:auto; float: right;}
    #customer_details #billing_first_name_field, #customer_details #billing_state_field, #customer_details #billing_address_2_field,
    #customer_details #billing_last_name_field, #customer_details #billing_postcode_field, #customer_details #billing_city_field,
    #customer_details #shipping_first_name_field, #customer_details #shipping_state_field, #customer_details #shipping_address_2_field,
    #customer_details #shipping_last_name_field, #customer_details #shipping_postcode_field, #customer_details #shipping_city_field {width:100%; margin:0 0 15px;}
    #payment .button {width:100%;}

    /* Thank you page */
    .related.products.after_purchase {width:100%; padding:100px 20px;}
    #thank_you #thank_you_top .thank_you_inner {width:100%; padding:0 20px;}
    .related.products.after_purchase ul li {width:100%; margin-bottom: 20px;}

}

/*
 * =============================================================================
 * CSS ANIMATIONS
 * =============================================================================
 */

@-webkit-keyframes cart_effect {
	0% {
		-webkit-transform:translateY(-100%);
	}
	5% {
		-webkit-transform:translateY(-100%);
	}
	15% {
		-webkit-transform:translateY(0);
		padding: 4px auto;
	}
	20% {
		-webkit-transform:translateY(-80%);
	}
	25% {
		-webkit-transform:translateY(0%);
		padding: 4px auto;
	}
	30% {
		-webkit-transform:translateY(-70%);
	}
	35% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	40% {
		-webkit-transform:translateY(-60%);
	}
	45% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	50% {
		-webkit-transform:translateY(-50%);
	}
	55% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	60% {
		-webkit-transform:translateY(-30%);
	}
	65% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	70% {
		-webkit-transform:translateY(-15%);
	}
	75% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	80% {
		-webkit-transform:translateY(-10%);
	}
	85% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	90% {
		-webkit-transform:translateY(-5%);
	}
	95% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
	100% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes cart_effect {
  0% {
	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-moz-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-moz-transform:translateY(-50%);
  }
  40% {
  	-moz-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-moz-transform:translateY(-30%);
  }
  70% {
  	-moz-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-moz-transform:translateY(-15%);
  }
  90% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-moz-transform:translateY(-10%);
  }
  97% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-moz-transform:translateY(-5%);
  }
  100% {
  	-moz-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes cart_effect {
  0% {
	-o-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateY(-50%);
  }
  40% {
  	-o-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateY(-30%);
  }
  70% {
  	-o-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateY(-15%);
  }
  90% {
  	-o-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateY(-10%);
  }
  97% {
  	-o-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateY(-5%);
  }
  100% {
  	-o-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes cart_effect {
  0% {
	transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateY(-50%);
  }
  40% {
  	transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateY(-30%);
  }
  70% {
  	transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateY(-15%);
  }
  90% {
  	transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateY(-7%);
  }
  97% {
  	transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateY(-3%);
  }
  100% {
  	transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}