@font-face{
	font-family: 'ElegantIcons';
	src:url('../../../../system/admin/fonts/ElegantIcons.eot');
	src:url('../../../../system/admin/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../../../../system/admin/fonts/ElegantIcons.woff') format('woff'),
		url('../../../../system/admin/fonts/ElegantIcons.ttf') format('truetype'),
		url('../../../../system/admin/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


.shopButton {display: block; padding: 15px 40px; background:#E86000; border: 1px solid #E86000; box-sizing: border-box; font-size:16px; color:#fff; text-align:center; position: relative; cursor:pointer; transition: 0.2s ease-in all;}
.shopButton:hover {background:#fff;color:#E86000;}
.shopButton.rounded {border-radius: 20px;}

/* ----------------------- */
/* ----- SEARCH PAGE ----- */
/* ----------------------- */
.search_page {margin-bottom: 30px;}
.search_page.category_page .cat-hidden {display:none !important;}
.search_page.product_page .prod-hidden {display:none !important;}

/* search header */
.search_header_wrap {background: #fff; border-bottom:1px solid #F4F4F4;}
.search_header {display:flex; align-items: center; justify-content: space-between; height: 65px;}
.search_results_found {}
.search_results_found span {font-size: 14px; color: #535353;}
.search_order {display:flex; align-items: center; gap:10px;}
.search_order span {display:block; font-size:14px; color: #535353; font-weight: 600;}
.sort_search {height:35px; padding: 0 10px; box-sizing: border-box; border:1px solid #E5E2E2; background-color: #fff; width:180px; font-size:14px; color: #535353; background-size: 10px;}

.catHeader:not(.hidden), .catFooter:not(.hidden){margin:20px 0 0 0; padding:0 10px;}

.search_title_wrap {padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center;}
.search_title h1 {font-size:45px; padding: 0 5px; font-weight: bold;}

/* Search Results */
.search_results {display:flex; align-items: flex-start; flex-wrap:wrap;padding: 20px 0;}

/* -- Product Block -- */
.product { width: 33.333333%; }
.product .product_box { margin: 0 5px 40px 5px; box-sizing: border-box; box-shadow: 0px 3px 7px 0px rgba(148, 148, 148, 0.25); background: #fff; position: relative;}
.product .pb_sale { background: #F06C00; border-radius: 28px; line-height: 42px; padding:0 30px; color: #fff; font-size: 18px; position: absolute; top:15px; left:15px; z-index: 1;}
.product .pb_image { height: 300px; width: 100%; position: relative; background: #fff; border-bottom: 1px solid #F8F8F8; box-sizing: border-box; }
.product .pb_image a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; }
.product .pb_image img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
.product .pb_info { padding: 10px 20px 30px 20px; box-sizing: border-box;}
.product .pb_title {text-align: left; height: 58px; overflow: hidden; }
.product .pb_title>a { color: #363636; font-size: 19px; line-height: 26px; font-weight: 600;}
.product .pb_price { display: flex; align-items: center; justify-content: flex-start; position: relative; height: 35px; margin-bottom: 15px;}
.product .pb_price .nowprice { color: #317142; font-size: 19px; font-weight: bold; }
.product .pb_price .wasprice:not(.hidden) { display: flex; align-items: center; gap: 20px; }
.product .pb_price .now-price {color: #317142; font-size: 19px; font-weight: bold; }
.product .pb_price .was-price { font-size: 16px; color: #789877; text-decoration: line-through; }

.product .pb_buttons{display: flex; align-items: center; width: 100%; flex-direction: column; gap:10px;}
.product .pb_buttons > a{height: 100%; font-size: 15px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; 
	transition: ease-in-out all .3s; line-height: 45px; width: 100%; border:solid 1px; transition: ease-in-out all .3s;}
.product .pb_buttons > a.pb_view{background: #F06C00; border-color: #F06C00;}
.product .pb_buttons > a.pb_add_cart{background: #317142; border-color: #317142;}
.product .pb_buttons > a.pb_view:hover{background: #fff; color: #F06C00;}
.product .pb_buttons > a.pb_add_cart:hover{background: #fff; color: #317142;}

/*Add to cart Popup*/
.smallAddtoCart{display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;}
.smallAddtoCart .satc_header{font-weight: bold; font-size: 20px; width: 100%; display: flex; justify-content: space-between;}
.satc_close{background: url(../images/close.svg) center no-repeat; height: 30px; width: 30px;}
.smallAddtoCart .satc_image{width: 100px; width: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #e1e1e1;}
.smallAddtoCart .satc_image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.smallAddtoCart .satc_details{display: flex; flex-direction: column; gap: 10px; flex: 1;}

.satc_details .satc_title{font-size: 16px;}
.satc_variation{display: flex; flex-direction: column; gap: 5px;}
.satc_variation select{width: 100%; height:36px; border: 1px solid #e1e1e1; padding: 0 10px; box-sizing: border-box;}
.satc_pricing{font-size: 16px;}
.satc_buttons{display: flex;}

.addedtocart_inner{}
.addedtocart_inner > div{display: flex; gap: 10px;}

.satc_details .quantity{width: 170px;}
.satc_buttons a{width: 100%;}

/* -- Category Block -- */
.category{width: 33.3333333%}
.category .category_block{padding: 0 10px 20px 10px; box-sizing: border-box; cursor: pointer;}
.category .catImage{height: 314px;}
.category .catTitle{height: 110px; display: flex;flex-direction: column; gap:15px; padding: 10px 20px; box-sizing: border-box; background: #317142;
	justify-content: center;}
.category .catTitle a{color: #fff; font-size: 23px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.category .catTitle span{color: #FFFFFF; font-size:20px;}

/* -- PAGER -- */
.search_pager {display:flex; align-items: center;  width: auto; justify-content: center; gap:10px; flex-wrap: wrap; position: relative;} 
.pager_link { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: #fff;} 
.pager_link a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 26px; color: #000; border: 1px solid #F0F0F0;
	font-weight: bold;} 
.pager_link.hidden {display: none !important;} 
.pager_link:is(.pager_next_button, .pager_prev_button) a::before {content:""; display: block; width: 10px; height: 10px; border: solid #000; transform:rotate(45deg);}  
.pager_link.pager_next_button a::before {border-width: 3px 3px 0 0;}  
.pager_link.pager_prev_button a::before {border-width: 0 0 3px 3px;}  
.pager_current_page a { color: #fff; background: #F06C00; } 


/* ------------------- */
/* ----- MODULES ----- */
/* ------------------- */

/* -- Product Module -- */
.product_module {padding: 20px 0; box-sizing: border-box;}
.product_module.bg_on:not(.list) {background: #F4F4F4;}
.product_module.full_width.bg_on:not(.list) {background: url(../images/product_module_bg.jpg) center no-repeat; background-size: cover; padding: 50px 0;}
.product_module.full_width {width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw;}
.pm_container {padding: 0 10px; box-sizing: border-box; position: relative;}
.pm_title {display: flex; justify-content: flex-start; align-items: center;}  
.pm_title span {font-size:50px; line-height:60px; color: #317142; font-weight: 600;}  
.pm_subtitle {display: flex; align-items: center; justify-content: flex-start;}
.pm_subtitle span {font-size: 20px; line-height: 28px; color: #535353;}
.pm_gal_wrap{margin-top: 20px;} 

.product_module.full_width.bg_on:not(.list) :is(.pm_title, .pm_subtitle) span{color: #fff;}

/* List View */
.pm_gal_wrap.list {display: flex; flex-wrap:wrap; }

/*Carousel View*/
.pm_gal_wrap.carousel{display: flex; align-items: flex-start; overflow: hidden; position: relative; flex-direction: column;}
.pm_gal_wrap.carousel .owl-stage{ display: flex; align-items: flex-start;}
.pm_gal_wrap.carousel .product .product_box{margin-bottom: 0;}
.pm_gal_wrap.carousel .product{width: 100%;}

.product_module .prod_owl_dots.disabled, .product_module .prod_owl_nav.disabled{display: none;}

/*Pagination Dots*/
.product_module .prod_owl_dots{width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; height: 20px; 
  gap: 8px; margin-top: 20px;}
.product_module .prod_owl_dots button{height: 10px; width: 10px; box-sizing: border-box; transition: ease-in-out all .5s; padding: 0;
  cursor: pointer; background: #fff; outline: 0; border: 1px solid #317142; border-radius: 100%;} 
.product_module .prod_owl_dots button.active{background: #317142;}

/*Pagination Arrows*/
.product_module .prod_owl_nav{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.product_module .prod_owl_nav button{position: absolute; cursor: pointer; height: 80px; width: 40px; padding: 0; border: 0; 
  transition: ease-in-out all .3s; background: none;}
.product_module .prod_owl_nav button > span{display: none;}
.product_module .prod_owl_nav button:after{content: ""; height: 14px; width: 14px; border:solid #317142; border-width: 4px 4px 0 0; transform: rotate(45deg);
	position: absolute; top: calc(50% - 9px); left: 8px; }
.product_module .prod_owl_nav button.owl-prev{left:-40px; transform: rotate(180deg);}
.product_module .prod_owl_nav button.owl-next{right:-40px;}
.product_module .prod_owl_nav button:hover{animation: shadow-pulse 1s;}

.product_module.full_width.bg_on .prod_owl_nav button:after{border-color: #fff;}

/* -- Category Module -- */
.category_module {padding: 20px 0; box-sizing: border-box; }
.category_module.bg_on {background: #fff;}
.category_module.full_width {width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw;}
.cm_container {padding: 0 10px; box-sizing: border-box; position: relative;}
.cm_title {display: flex; justify-content: flex-start; align-items: center;}  
.cm_title span {font-size:50px; line-height:60px; color: #317142; font-weight: 600;}  
.cm_subtitle {display: flex; align-items: center; justify-content: flex-start;}
.cm_subtitle span {font-size: 20px; line-height: 28px; color: #535353;}
.cm_gal_wrap{margin-top: 20px;} 

/* List View */
.cm_gal_wrap.list {display: flex; flex-wrap:wrap; }

/*Carousel View*/
.cm_gal_wrap.carousel{display: flex; align-items: flex-start; overflow: hidden; position: relative; flex-direction: column; touch-action: none;}
.cm_gal_wrap.carousel .owl-stage{ display: flex; align-items: flex-start;}
.cm_gal_wrap.carousel .category{width: 100%;}
.cm_gal_wrap.carousel .category_container .category_block{margin-bottom: 0;}

.category_module .cat_owl_dots.disabled, .category_module .cat_owl_nav.disabled{display: none;}

/*Pagination Dots*/
.category_module .cat_owl_dots{width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; height: 20px; 
  gap: 8px; margin-top: 20px;}
.category_module .cat_owl_dots button{height: 10px; width: 10px; box-sizing: border-box; transition: ease-in-out all .5s; padding: 0;
  cursor: pointer; background: #fff; outline: 0; border: 1px solid #317142; border-radius: 100%;} 
.category_module .cat_owl_dots button.active{background: #317142;}

/*Pagination Arrows*/
.category_module .cat_owl_nav{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.category_module .cat_owl_nav button{position: absolute; cursor: pointer; height: 80px; width: 40px; padding: 0; border: 0; 
  transition: ease-in-out all .3s; background: none;}
.category_module .cat_owl_nav button > span{display: none;}
.category_module .cat_owl_nav button:after{content: ""; height: 14px; width: 14px; border:solid #317142; border-width: 4px 4px 0 0; transform: rotate(45deg);
	position: absolute; top: calc(50% - 9px); left: 8px; }
.category_module .cat_owl_nav button.owl-prev{left:-40px; transform: rotate(180deg);}
.category_module .cat_owl_nav button.owl-next{right:-40px;}
.category_module .cat_owl_nav button:hover{animation: shadow-pulse 1s;}


/* ------------------------ */
/* ----- DETAILS PAGE ----- */
/* ------------------------ */

body[data-page=product] .content_wrap{background: #F4F4F4}
.details_page {}
.details_page_container {display:flex; align-items: flex-start; flex-wrap:wrap; padding: 30px 0 60px 0;}
.details_page_left {width: 50%; padding-right: 10px; box-sizing: border-box;}

/* Product Image Gallery*/
.main_image{display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; align-items: center; border: 1px solid #E9E5E5; position: relative;}
.main_image a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff;}
.main_image img{max-width: 100%; max-height: 565px; width: auto; height: auto;}
.main_image .owl-stage-outer{position: relative;}
.main_image .owl-stage{display: flex; justify-content: flex-start;}
.main_image .owl-nav{width: 100%; display: flex; justify-content: space-between; pointer-events: none; position: absolute; top: 50%; 
	transform: translateY(-50%);}
.main_image :is(.owl-prev, .owl-next){height: 50px; width: 30px; background: #F3F1F1; border: 0; cursor: pointer; 
  position: relative; transition: ease-in-out all .3s; pointer-events: initial;}
.main_image :is(.owl-prev, .owl-next) span{display: none;}
.main_image .owl-prev:before{content: ""; height: 8px; width: 8px; border: solid #000000; border-width: 0 0 2px 2px; transform: rotate(45deg) translateY(-50%); 
  position: absolute; left: 8px; top: 50%; transition: ease-in-out all .3s;}
.main_image .owl-next:before{content: ""; height: 8px; width: 8px; border: solid #000000; border-width: 2px 2px 0 0; transform: rotate(45deg) translateY(-50%); 
  position: absolute; left: 7px; top: 50%; transition: ease-in-out all .3s;}
.main_image :is(.owl-prev, .owl-next):hover{background: #317142;}
.main_image :is(.owl-prev, .owl-next):hover::before{border-color: #fff;}
.main_image .owl-nav.disabled{display: none;}

.details_page_right {width: 50%; padding-left: 10px; box-sizing: border-box;}

/* product details */
.productDetails_wrap {}
.productTitle {justify-content: center;}
.productTitle h1 {font-weight: 600; color: #4B4B4B; font-size: 36px;}
.productSaleTitle {font-size:18px; color: #f00; padding: 10px 0}
.product_sale { background: #F06C00; border-radius: 28px; line-height: 42px; padding:0 30px; color: #fff; font-size: 18px;  margin:10px 0 20px 0; float: left;}
.productPrice {gap:20px; padding: 10px 0; display: flex; align-items: center;}
.productPrice > div {font-size:30px; color:#317142; font-weight: 600;}
.productPrice .mainPrice {}
.productPrice .wasPrice {font-size:30px; color: #789877; text-decoration: line-through;}

.productLabel_wrap {display: flex; align-items: center; justify-content: flex-start; gap:20px; padding: 10px 0;}
.productLabel {display: flex; align-items: center; justify-content: center; height: 35px; background: #EFEFEF; padding: 0 25px;}
.productLabel span {font-size: 13px; color: #000;}
.productLabel span small {font-weight: 600;}

/* variations */
.variations {width:100%;}
.variation_wrap {padding: 10px 0;  width:100%}
.variation_label {font-size:17px; color: #000; padding: 5px 0;}
.variation_wrap select {width:100%; height: 50px; background-color: #fff; border: 1px solid #A3A3A3; font-size:17px; padding: 0 10px; box-sizing: border-box; cursor:pointer;}

/* quantity */
.quantity_wrap {width:160px;}
.quantity_wrap .quantity_label {font-size:17px; color: #4B4B4B; padding: 5px 0; font-weight: 600;}
.quantity {display:flex; align-items: center; height:50px; width:100%; box-sizing: border-box; border: 1px solid #E9E5E5; background: #fff;}
.quantity a {display:flex; align-items: center;justify-content: center; width: 50px; height:100%; background: #EAEAEA;
	font-size:30px; color: #000; font-weight:500;}
.quantity input {width: calc(100% - 100px); height:100%; background: none; border: solid #E9E5E5; border-width: 0 1px; box-sizing: border-box; font-size:17px; color: #535353; font-weight: 600; text-align: center;}

/* add to cart */
.addToCartRow {display:flex; align-items: flex-end; gap:20px; padding: 10px 0;}
.addToCartRow .shopButton{background: #317142; border-color: #317142; padding:16px 54px; font-weight: 600;}
.addToCartRow .shopButton:hover{background: none; color: #317142;}

/* Added to cart */
.addedtocart_inner { padding: 20px 20px 20px 20px; position: relative; margin: -20px -20px -30px -20px; background: #fff;}
.addedtocart_header {display: flex; align-items: center; justify-content: center; padding: 20px 0;}
.addedtocart_header span {font-size: 33px; text-align: center; color: #000; font-weight: bold;}
.addedtocart_buttons {display: flex; align-items: center; justify-content: center; flex-wrap:wrap; padding: 20px 0; gap:20px;}

/* Delivery */
.deliveryText:not(.hidden) {display: flex; align-items: center; justify-content: flex-start; padding: 20px 0 0 0; color: #535353; font-size: 19px;}
.deliveryText strong{font-weight: 600;}

/* Description */
.productDescription_wrap {padding: 20px 0;}
.productDescription_title {}
.productDescription_title span {font-size: 19px; color:#535353; font-weight: 600;}
.productDescription p{color: #535353; line-height: 25px;}

/*-- Associations --*/
.associations_wrap {padding: 40px 0; background: #fff;}
.associations_wrap h2 {color: #4B4B4B; font-size: 36px; font-weight: 600;}
.associations {display:flex; align-items: flex-start; justify-content: flex-start; flex-wrap:wrap; padding: 20px 0;}

/* ---------------------- */
/* ------ CHECKOUT ------ */
/* ---------------------- */

/*----- LARGE CART -----*/
.cart_title {padding:10px 0;}
.cart_title span {font-size: 34px; font-weight: 500; color: #fff; font-family: 'Montserrat', sans-serif;}

.cart_products {}
.cart_product {display: flex; justify-content: space-between; background: #fff; box-sizing: border-box; margin: 10px 0; padding: 10px; gap:10px;}
.cart_product_left {display: flex; gap:10px;}
.cart_product_image { box-sizing: border-box; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; border: 1px solid #E8E8E8;}
.cart_product_image img {max-width:100%; max-height: 100%; width: auto; height: auto;}
.cart_product_details { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.cart_product_title {}
.cart_product_title span {font-size: 13px; line-height: 18px; color: #363636;}
.cart_product_variations {}
.cart_product_variations span {font-size: 13px; line-height: 18px; color: #363636; display: flex; gap:5px; flex-wrap: wrap;}
.cart_product_variations span small {font-weight: 600;}
.cart_product_sku {}
.cart_product_sku span {font-size: 13px; line-height: 18px; color: #363636;}
.cart_product_sku span small {}

.cart_product_right {display: flex;}
.cart_product_quantity_wrap {box-sizing: border-box;}
.cart_product_quantity_label {font-size: 12px; color: #363636; font-weight: 600; line-height: 20px;}
.cart_product_quantity {display: flex; align-items: center; justify-content: center; width: 115px; height: 40px; background: #fff; border: 1px solid #D8E1EB;}
.cart_product_quantity a {display: flex; align-items: center; justify-content: center; width: 30%; height: 60%; background: none;}
.cart_product_quantity a.minus {font-size: 30px; border-right: 1px solid #D8E1EB;}
.cart_product_quantity a.plus {font-size: 30px; border-left: 1px solid #D8E1EB;}
.cart_product_quantity input {width: 40%; height: 100%; text-align: center; background: none; border:0;}
.cart_product_update {padding-top:5px;}
.cart_product_update a {display: flex; align-items: center; justify-content: flex-start; gap:5px;}
.cart_product_update a span {font-size: 12px; color: #363636; text-decoration: underline;}
.cart_product_update a::before {content:""; display: block; width: 15px; height: 15px; background: url(../images/update.svg) no-repeat center; background-size: contain;}
.cart_product_price {display: flex; flex-direction:column; align-items: center; justify-content: center; gap:5px; height: 100%; width: 110px;}
.cart_product_price span {font-size: 16px; color: #3B3B3D; }
.cart_product_remove {display: flex; align-items: center; justify-content: center; margin: -10px -10px -10px 0;}
.cart_product_remove a {display: flex; align-items: center; justify-content: center; width: 55px; height: 100%; background: url(../images/bin.svg) no-repeat center #f06c00;}

.cart_lines {padding: 20px 0;}
.cart_line {display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #D8E1EB;}
.cart_line.total {border:0;}
.cart_line > div {font-size: 18px; color: #FFFFFF;}
.cart_line.discount_line > div {color: #b60c0c;}
.cart_line.total > div {font-weight: bold;}

.shoppingCheckout p{color: #fff;}

/*----- CHECKOUT -----*/
.site_body[data-page=checkout] .site_header,
.site_body[data-page=checkout] .site_footer {display: none;}

.checkout_page {display: flex; min-height: 1000px;}
.checkout_left {padding: 40px 20px 200px 20px; padding-left: calc( (100vw - 1200px) / 2); width: 50%; box-sizing: border-box; background: #fff;}
.checkout_right {padding: 130px 20px 200px 20px; padding-right: calc( (100vw - 1200px) / 2);  width: 50%; box-sizing: border-box; background: #317142;}

.backtoshopping_wrap {padding: 10px 0 20px;}
.backtoshopping_wrap a {font-size: 16px; color: #000; text-decoration: underline;}

.checkout_logger {padding: 10px 0;}
.checkout_logger_title {padding: 5px 0;}
.checkout_logger_title span {font-size: 16px; line-height: 20px; color: #000; font-weight: bold;}
.checkout_logger_text {padding: 5px 0;}
.checkout_logger_text span {font-size: 16px; line-height: 20px; color: #000; }
.checkout_logger_text span a {font-size: 16px; line-height: 20px; color: #000; text-decoration: underline;}

/* logger popup */
.login_popup {}
.login_popup_title {padding: 10px 0;}
.login_popup_title span {font-size: 18px; color: #3B3B3D; font-weight: 600;}
.login_popup .login_form {}
.login_popup .login_form_field {padding: 10px 0;}
.login_popup .login_form_label {font-size: 14px; color: #3B3B3D; font-weight: 600; padding: 5px 0;}
.login_popup .login_form_input {width: 60%;}
.login_popup .login_form_input input {width: 100%; height: 35px; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing:  border-box;}

.checkout_card {background: #F7F7F7; width: 100%; margin: 20px 0; padding: 20px; box-sizing: border-box;}
.checkout_card_header {}
.checkout_card_title {display: flex; align-items: center; gap:10px;}
.checkout_card_title span {font-size: 19px; font-weight: bold; color: #317142; display: flex; align-items: center; gap:10px;}

.checkout_card[data-card=delivery] .checkout_card_title span::before{content: ""; height: 14px; width: 19px; 
	background: url(../images/truck.svg) center no-repeat;}

.checkout_card_inner {padding: 10px 0; box-sizing: border-box;}
.checkout_card_subtitle {}
.checkout_card_subtitle span {font-size: 16px; color: #3B3B3D;}
.checkout_card_field {padding: 10px 0;}
.checkout_card_input {display: flex; align-items: center; justify-content: flex-start; gap:10px;}
.checkout_card_input span {font-size: 16px; line-height:18px; color: #3B3B3D; }
.checkout_card_input input,
.checkout_card_input select {width: 100%; height: 45px; background: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.checkout_card_input input:focus,
.checkout_card_input select:focus {box-shadow: 0px 0px 6px #4476BA80;}
.checkout_card_input input[type=checkbox] {width: 20px; height: 20px; margin:0; padding: 0; border-color: #778492; border-radius: 2px; accent-color: #4476BA;}

.delivery_radiobox { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #D8E1EB; padding-bottom: 10px; } 
.delivery_radiobox:last-child { border:0; padding:0;} 
.delivery_radio { display: block; width: 20px; height: 20px; background: #fff; border: 1px solid #778492; position: relative; border-radius: 100%; } 
.delivery_radio.active::before { content: ""; display: block; width: 14px; height: 14px; background: #868686; border-radius: 100%; position: absolute; top: calc(50% - 7px); left: calc(50% - 7px); }
.delivery_radiobox span {font-size: 16px; color: #3B3B3D;} 

.delivery_update_message {font-size: 14px; color: #990a0a; padding: 10px 0;}

.checkout_card.expandable .checkout_card_header {position: relative; cursor:pointer;}
.checkout_card.expandable .checkout_card_header::after {content:""; display: block; width: 8px; height: 8px; border: solid #868686; border-width: 0 2px 2px 0; transform: scale(1,1) rotate(45deg); position: absolute; right: 15px; top:calc(50% - 6px); transition: 0.2s ease-in-out all;}
.checkout_card.expandable .checkout_card_header.active::after { transform: scale(-1, -1) rotate(45deg);}
.checkout_card.expandable .checkout_card_content {display: none;}

.checkout_card[data-card=details] {}
.checkout_card[data-card=details] .checkout_card_title {}
.checkout_card[data-card=details] .checkout_card_title span {font-size: 24px;}
.checkout_card[data-card=details] .checkout_card_subtitle {padding: 10px 0;}
.checkout_card[data-card=details] .checkout_card_subtitle span {font-size: 16px; color: #363636; font-weight: bold;}
.checkout_card[data-card=details] .checkout_card_title span::before{content: ""; height: 22px; width: 25px; 
	background: url(../images/cart.svg) center no-repeat;}

.checkout_form {}
.checkout_form_field {padding: 10px 0;}
.checkout_form_label {font-size:16px; color: #3B3B3D; padding: 5px 0;}
.checkout_form_input {}
.checkout_form_input input,
.checkout_form_input select {width: 100%; height: 45px; background: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.checkout_form_input input:focus,
.checkout_form_input select:focus {box-shadow: 0px 0px 6px #6FAAE580;}

.checkout_card[data-card=tnc] {padding: 0 20px;}
.checkout_card[data-card=tnc] .checkout_card_input span a {color: #4476BA; text-decoration: underline; }

.checkout_card[data-card=paymethods] {padding: 0px 20px 20px;}
.checkout_card[data-card=paymethods] .checkout_card_subtitle {padding: 10px 0;}
.checkout_card[data-card=paymethods] .checkout_card_subtitle span {font-size: 16px; color: #363636; font-weight: bold;}

.paymentOptions {display: flex; flex-wrap: wrap; gap:10px;}
.paymentOption { border: 1px solid #D8E1EB; padding: 10px; background: #fff; width: calc(50% - 5px); box-sizing: border-box; cursor:pointer;} 
.payopt_row {display: flex; align-items: center; gap:10px;}
.payopt_row.payopt_image {padding: 10px 0 0;}
.payopt_title {font-size: 15px; font-weight: bold; line-height: 24px;} 
.payopt_radio { display: flex; flex-grow: 0; flex-shrink: 0; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #868686; border-radius: 50%; padding: 3px; cursor: pointer; } 
.paymentOption.paymentOptionSelected .payopt_radio::after { content: ""; width: 100%; height: 100%; display: block; background: #868686; border-radius: inherit; } 
.paymentOption img { max-width: 80%; max-height: 35px; margin-left: 30px;} 

.continueButton {background:#317142; line-height:50px; display:block; text-align:center; color: #fff; font-weight: bold; text-transform: capitalize;}
.continueButton span {font-weight: bold; text-transform: uppercase;}

/* .address_block.checkout {display: flex; background: #fff;} 
.address_block.checkout .select_address_wrap {} 
.address_block.checkout .select_address_wrap .selectedAddress { display: block; width: 20px; height: 20px; background: #fff; border: 1px solid #778492; position: relative; border-radius: 100%; }  
.address_block.checkout .select_address_wrap .selectedAddress.checked::before { content: ""; display: block; width: 14px; height: 14px; background: #4476BA; border-radius: 100%; position: absolute; top: calc(50% - 7px); left: calc(50% - 7px); }  
.address_block.checkout .address_button_wrap {display: none;}  */

/*Payment Page*/
.payment_header{padding: 0 10px; margin: 0 0 25px; box-sizing: border-box; display: flex; flex-direction: column;}
.payment_header > div{display: flex; flex-wrap: wrap;}
.payment_header h1{color: #000000; font-weight: bold; font-size: 30px; margin: 0 0 15px; padding: 0;}
.payment_header > div > div{width: 30%; font-size: 12px; color: #000; line-height: 24px;}
.payment_header > div > div:nth-child(3), .payment_header > div > div:nth-child(6){width: 50%;}
.payment_header > div > div:first-child, .payment_header > div > div:nth-child(4){width: 20%;}

.payment_content{padding: 0 10px; margin: 0 0 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap:10px;}
.payment_content h3{color: #000; font-weight: bold; font-size: 18px; margin: 0 0 10px; padding: 0; position: relative;}
.payment_content .payment_order_summary{width: calc(50% - 5px); padding: 10px; box-sizing: border-box; background: #f9f9f9;}
.payment_content .payment_delivery{width: calc(50% - 5px); padding: 10px; box-sizing: border-box; font-size: 12px; background: #f9f9f9;}
.payment_content .payment_delivery p{font-size: 12px; color: #000; padding: 0 0 15px; line-height: 20px;}

.payment_content .payment_order_summary span{font-weight: bold; font-size: 12px; line-height: 28px;}
.payment_content .payment_order_summary .payment_cart_products > div{border-bottom: 1px solid #F2EFEF; display: flex; align-items: center; justify-content: space-between; }
.payment_content .payment_order_summary .payment_cart_products > div > div{line-height: 20px; padding:  5px 0; font-size: 12px; color: #000; }
.payment_content .payment_cart_calculations{border-bottom: 1px solid #F2EFEF; padding: 5px 0;}
.payment_content .payment_cart_calculations > div{padding:  5px 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #000; line-height: 20px;}
.payment_content .payment_total{ display: flex; align-items: center; justify-content: space-between;  border: 0;}
.payment_content .payment_total > div{padding: 5px 0; font-size: 12px; color: #000; line-height: 20px; font-weight: bold;}

.payment_pay{padding: 0 10px; box-sizing: border-box;}
.payment_pay h1{color: #000000; font-weight: bold; font-size: 30px; margin: 0; padding: 0;}
.payment_pay label{font-size: 16px; color: #000000; font-weight: normal;}
.payment_pay .paymentButtonContainer{display: flex; justify-content: space-between; align-items: center;}
.payment_pay .paymentButtonContainer p{line-height: 24px; color: #000000; font-size: 16px; padding: 0;}
.payment_pay .paymentButtonContainer img{margin: 10px 0 0 ;}
.payment_pay .paymentButton{cursor: pointer; line-height: 40px; padding: 0 20px;}
.payment_pay .paymentFields{margin-bottom: 25px;}

.payment_footer {display: flex; align-items: center;justify-content: center; padding: 20px; margin: 20px 0 30px; box-sizing: border-box; background: #f9f9f9;}
.payment_footer p {font-size: 16px; color: #000; line-height: 24px; text-align: center; padding: 0; }

.groupArea, .iconGroupArea {border: 1px solid #aaa; margin: 5px 0; padding: 2px;}


/* ------------------------ */
/* ------ MEMBERSHIP ------ */
/* ------------------------ */

/* ----- SIGNUP PAGE ----- */
body[data-page=member] .content_wrap{background:#F4F4F4; }

.signup_page {padding: 50px 0;}
.signup_tabs_wrap {}
.signup_tab_headers {display: flex; align-items: flex-start; justify-content: flex-start; gap:10px;}
.signup_tab_header {display: flex; align-items: center; justify-content: center; gap:10px; height: 55px; padding: 0 30px; background: #8d8d8d; border: solid #efefef; border-width: 1px 1px 0; position: relative; z-index:0; cursor:pointer;}
.signup_tab_header.active {background: #fff; z-index:2;}
.signup_tab_header::before {content:""; display: block; width:20px; height: 20px;}
.signup_tab_header[data-tab=signup]::before {background: url(../images/member_white.svg) no-repeat center;}
.signup_tab_header[data-tab=signup].active::before{background-image: url(../images/member_orange.svg);}
.signup_tab_header[data-tab=login]::before {background: url(../images/login.svg) no-repeat center;}
.signup_tab_header[data-tab=login].active::before {background-image: url(../images/login_orange.svg);}
.signup_tab_header span {font-size: 18px; color: #FFFFFF; font-weight: bold;}
.signup_tab_header.active span{color: #363636;}
.signup_tab_content {border: 1px solid #efefef; background: #fff; margin-top:-1px; z-index:1; position: relative;}

.signup_tab {display: none; padding: 20px;}
.signup_tab.active {display: block; position: relative; z-index:1;}
.signup_tab_left {width: 45%; padding-right: 10px; box-sizing: border-box;}
.signup_tab_right {width: 55%; padding-left: 10px; box-sizing: border-box;}
.signup_tab_text {color: #363636; font-size: 17px; font-weight: 500; line-height: 26px;}

.signup_page .signup_form,
.signup_page .login_form {padding: 10px 0;}
.signup_form_field {padding: 10px 0;}
.signup_form_label {font-size: 16px; color: #3B3B3D; font-weight: 500; padding: 5px 0;}
.signup_form_input {width: 100%;}
.signup_form_input input {width: 100%; height: 46px; background: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.3s ease-in-out all;}
.signup_form_input input:focus {border-color: #E86000;}

.signup_page_button {margin: 10px 0; line-height: 55px; background: #E86000; color: #fff; font-weight: bold; text-transform:uppercase; 
	display: block; text-align: center; font-weight: 900; font-size: 14px;}
.signup_page_button span {font-weight: bold; text-transform: uppercase;}
.forgotButton {color: #255E99;}

.login_error { text-align: center; font-size: 16px; color: #990000; line-height: 40px; } 
.login_form { margin-bottom: 20px; } 

/* forgot password popup */
.forgot_password.login_form { flex-direction: column; align-items: center; } 
.forgot_password.login_form span { display: block; font-size: 20px; color: #1C1B1B; margin: 0 0 10px; text-align: center; } 


/* ----- DASHBOARD ----- */
.user_dashboard {padding: 20px 0;}
.dashboard_header {display: flex; align-items: center; justify-content: flex-start; padding: 20px 0;}
.dashboard_header span {display: block; font-size: 43px; color: #363636; line-height: 50px; font-weight: 600;}

.dash_tab {border: 1px solid #E0E0E0; background: #fff; margin: 10px 0; transition: 0.3s ease-in-out all;}
.dash_tab.active {background: #fff;}
.dash_tab_header {display: flex; align-items: center; justify-content: space-between; padding: 20px; cursor:pointer;}
.dash_tab_header span {font-size: 21px; color: #363636; line-height: 30px; font-weight: bold;}
.dash_tab_header::after {content:""; display: block; width: 8px; height: 8px; border: solid #317142; border-width: 0 2px 2px 0; transform: scale(1,1) rotate(45deg); transition: 0.2s ease-in-out all;}
.dash_tab.active .dash_tab_header::after {transform: scale(1, -1) rotate(45deg);}
.dash_tab_content {display: none; border-top: 1px dashed #E0E0E0;}
.dash_tab_inner {padding: 20px;}

/*Dashboard Orders*/
.acc-content-order { padding: 20px; box-sizing: border-box;}
.orderHeading { background: #FECE3D; display: flex; align-items: center; height: 42px; padding: 0 10px; }
.orderHeading>div { font-size: 14px; color: #25242B; font-weight: bold; }
.orderHeading>div{ width: 20%; }
.orderOrders {padding: 20px 10px; height: 40px; display: flex; align-items: center;  }
.orderOrders>div { width: 20%; color: #25242B; font-size: 14px; line-height: 20px; display: flex; flex-direction:column; gap:5px;}
.orderOrders>div>span{font-weight: bold;}

.orderOrders>div a.order_invoice {display: flex; align-items: center; gap: 5px;}
.orderOrders>div a.order_invoice::before {content: ""; height: 12px; width: 17px; background: url(../images/view.svg) center no-repeat; }

.acc-content-order .orderOrders{border-bottom: 1px solid #DEDEDE;}
.acc-content-order .orderOrders:last-child{border: 0;}

.dash_forms_wrap {display: flex;}
.dash_form {width: 50%; padding: 0 10px 0 0; box-sizing: border-box;}
.dash_form:nth-child(2n) {padding: 0 0 0 10px;}
.dash_form_field {padding: 10px 0;}
.dash_form_label {font-size: 16px; color: #3B3B3D; padding: 5px 0;}
.dash_form_input {width: 100%;}
.dash_form_input input, 
.dash_form_input select {width: 100%; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.dash_form_input input:focus {box-shadow: 0px 0px 6px #6FAAE580;}
.dash_form_button_row {padding: 10px 0;}

.delivery_addresses {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap:wrap; gap:20px;}
.add_address_wrap {display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 10px 0;}
.addAddress {}


.address_block { width: 220px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; } 
.address_block .select_address_wrap {padding: 0 10px;} 
.address_block.dashboard .select_address_wrap {display: none;} 
.address_block .address_button_wrap {display: flex; align-items: center; justify-content: flex-end; gap:10px;} 
.address_block .address_button_wrap > a {width: 30px; height: 30px; background: url(../images/edit-blue.svg) no-repeat center;} 
.address_block .address_button_wrap > a.deleteAddress { background: url(../images/trash-blue.svg) no-repeat center; } 
.address_block>a { position: absolute; bottom: 5px; left: 5px; right: 5px; line-height: 30px; background: #153965; color: #fff; font-size: 12px; text-align: center; border-radius: 5px; flex: 0 0 auto;} 
.address_block_address {height: 220px; font-size: 16px; color: #515254; line-height: 24px;}

.address_edit_overlay {display: none; position: fixed; top:0; left:0; width: 100vw; height: 100vh; z-index:10; background: #ffffff80;}
.address_edit {display: flex; flex-direction: column; width: 600px; background: #fff; border: 1px solid #ccc; padding: 10px; position: absolute; top:10%; left: calc(50% - 300px); z-index: 11;} 
.address_edit_title {font-size: 20px; color: #3B3B3D; font-weight: 600; padding: 10px 0;}
.address_edit_close {display: block; width: 20px; height: 20px; background: url(../images/x-circle-grey.svg) no-repeat center; background-size: contain; position: absolute; top:15px; right: 15px; }
.address_edit_form input:not([type=submit]),
.address_edit_form select,
.address_edit_form textarea { width: 100%; border: 1px solid #ccc; height: 40px; padding: 0 5px; margin: 5px 0; box-sizing: border-box; font-size: 14px; font-family:inherit; } 
.address_edit_form select { padding: 0; } 
.address_edit_form textarea { padding: 5px; font-family: inherit; height: 90px; resize: none; } 
.address_edit_form > div { display: flex; align-items: center; justify-content: space-between; gap:10px; } 
.saveAddress {}


/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {




    
}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */


/* --------------------------------------- */
/*-------------DESKTOP < 1199px------------*/
/* --------------------------------------- */
@media (min-width: 960px) and (max-width:1199px) {

  /* ----- SEARCH PAGE ----- */

  .search_title h1 {font-size: 40px;}

  /*Pager*/
  .pager_link {height: 40px; width: 40px;}
  .pager_link a{font-size: 18px;}

  /*Product Block*/
  .product .pb_image{height: 240px;}
 
  /*Category BLock*/
  .category .catImage {height: 220px;}
  .category .catTitle {height: 85px;}
  .category .catTitle a{font-size: 20px;}
  .category .catTitle span{font-size: 18px;}

  /* ----- DETAILS PAGE ---- */
  

  
  /* ----- CHECKOUT ---- */
  .checkout_left {padding-right: 10px; padding-left: calc( (100vw - 950px) / 2);}
  .checkout_right {padding-left: 10px; padding-right: calc( (100vw - 950px) / 2);}

  .cart_product_quantity {width: 100px; height: 35px;}



}  
/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */

/* ------------------------------------------------- */
/* --------------TABLET & MOBILE ------------------- */
/* ------------------------------------------------- */
@media (max-width: 959px) {

  /* ----- MODULES ----- */

  /* -- Product Module -- */
  .pm_gal.list {gap:11px;}
  .pm_gal.list .product_block {width: 242px;}
  .pm_gal.list .product_image {height: 180px;}
  .pm_gal_wrap.carousel .pm_gal_nav {display:none;} 
  .pm_gal.carousel .product_block {width: 242px; margin: 0 5.5px;} 
  .pm_gal.carousel .product_image {height: 180px;} 
  
  /* -- Category Module -- */
  .cm_gal.list {gap:8px;}
  .cm_gal.carousel .cm_gal_nav {display: none;} 
  .cm_gal.carousel .category_block {margin: 0 4px;}


  /* ----- CHECKOUT ---- */
  .checkout_page {flex-wrap:wrap;}
  .checkout_left {width: 100%; padding: 40px 20px 20px;}
  .checkout_right {width: 100%; padding: 20px 20px 100px;}

  /*Dashboard*/
  .orderOrders { flex-wrap: wrap; height: initial; padding: 10px 15px; gap: 10px; }
  .orderOrders>div { display: flex; justify-content: space-between; gap: 5px; font-size: 12px;}
  .orderOrders>div>span { color: #000000; font-weight: bold; font-size: 12px; }
  .orderOrders>div, .orderOrders>div:nth-child(4) { width: 100%; }
  .orderOrders>div.order_buttons { width: 100%; flex-direction: row; gap: 10px; }
  .orderOrders>div.order_buttons>a { flex-grow: 1; }


}  /* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */


/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {

  /* ----- Search Page ----- */
  .search_title h1 {font-size: 32px;}

  /*Pager*/
  .pager_link {height: 40px; width: 40px;}
  .pager_link a{font-size: 18px;}

  /* -- Product Block -- */
  .product .pb_title>a, .product .pb_price .nowprice, .product .pb_price .now-price{font-size: 14px;}
  .product .pb_info{padding: 10px;}
  .product .pb_image{height: 180px;}
  
  /* -- Category Block -- */
  .category{width: 50%;}
  .category .catImage {height: 180px;}
  .category .catTitle {height: 80px;}
  .category .catTitle a{font-size: 18px;}
  .category .catTitle span{font-size: 14px;}

  /*Details Page*/
  .productTitle h1{font-size: 21px; line-height: 30px;}
  .productPrice > div, .productPrice .wasPrice {font-size: 20px;}
  .addToCartRow .shopButton {padding: 16px 30px;}
  .productDescription_title span, .deliveryText:not(.hidden) {font-size: 16px;}
  .associations_wrap h2{font-size: 26px;}

  /* ---------------------- */
  /* ----- MEMBERSHIP ----- */
  /* ---------------------- */

  /* ----- Dashboard ------ */
  .dash_order_row > div {width: 24%;}


} /* -------------------------------------------------------------------------------------------------------- TABLET END  */


/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {

  .label {float: none;width: 100%;}
  .value {float: none;width: 100%;}

  /* ----- Search Page ----- */

  /* search header */
  .search_page {background: #fff;}

  .search_header_wrap {border:0;}
  .search_title_wrap { flex-direction: column; justify-content: center;}
  .search_results_found {width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #E6E6E6; }
  .search_order { padding: 20px 15px; width: 100%; gap:15px; box-sizing: border-box;}
  .search_order span {display: flex;align-items: center; width: 55px;}
  .sort_search {width: calc(100%);}

  .search_title h1 {font-size:27px;}

   /*Pager*/
  .pager_link {height: 30px; width: 30px;}
  .pager_link a{font-size: 14px;}

  /* -- Product Block -- */
  .product{width: 50%;}
  .product .pb_image{height: 125px;}
  .product .pb_info{padding: 8px;}
  .product .pb_title{height: 50px;}
  .product .pb_title>a{font-size: 12px; line-height: 16px}
  .product .pb_price .nowprice, .product .pb_price .now-price, .product .pb_price .was-price{font-size: 12px;}
  .product .pb_price .wasprice:not(.hidden) {gap:10px;}
  .product .pb_buttons {gap:5px;}
  .product .pb_buttons > a {font-size: 12px; line-height: 30px;}

  /* -- Category Block -- */
  .category{width: 100%;}
  .category .catImage {height: 150px;}
  .category .catTitle {height: 70px; padding: 10px 15px;}
  .category .catTitle a{font-size: 14px;}
  .category .catTitle span{font-size: 11px;}

  /* ----- Details Page ---- */
  .details_page_left {width: 100%; padding:0;}
  .details_page_right {width: 100%; padding:10px;}
  .details_page_container{padding: 20px 0 30px;}
  .productTitle h1{font-size: 21px; line-height: 30px;}
  .productPrice > div, .productPrice .wasPrice {font-size: 16px;}
  .deliveryText:not(.hidden){flex-direction: column; align-items: flex-start; font-size: 16px; gap:5px;}
  .addToCartRow{flex-direction: column; align-items: flex-start; gap:10px;}
  .addToCartRow .shopButton {width: 100%;}
  .productDescription_title span{font-size: 16px;}
  .associations_wrap h2{font-size: 23px; text-align: center;}
  .associations_wrap .product .product_box{margin: 0 5px 20px 5px;}


  /* ----- CHECKOUT ----- */
  .checkout_card {padding: 10px;}
  .checkout_card_title {padding: 10px 0;}
  .checkout_card[data-card="paymethods"] {padding: 10px;}
  .paymentOption {width: 100%;}

  .cart_product {flex-wrap:wrap; justify-content: flex-start; gap:10px;}
  .cart_product_left {width: 100%;}
  .cart_product_right {width: 100%; justify-content: space-between;}
  .cart_product_quantity {height: 30px; width: 90px;}
  .cart_product_remove {margin:0;}
  .cart_product_remove a {width: 35px; height: 35px; border: 1px solid #BEBEBE; box-sizing: border-box;}
	.cart_line > div {font-size: 14px;}

  /*Payment Page*/
  .payment_header h1, .payment_pay h1{font-size: 28px; }
  .payment_header > div > div{width: 100% !important;}
  .payment_content .payment_order_summary, .payment_content .payment_delivery{width: 100%; padding: 0; margin-bottom: 10px;}
  .payment_pay .paymentButtonContainer{flex-direction: column-reverse; align-items: flex-start;}
  .payment_pay .paymentButtonContainer p{font-size: 14px;}
  .payment_pay .paymentButton{margin-bottom: 10px;}
  .paymentFields .GooglePayButton-logo{position: static !important; background-size: contain; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
  .paymentFields * {max-width: 320px;}

  .payment_order_summary > div, .payment_delivery > div {padding: 5px; box-sizing: border-box; display: none;}
  .payment_order_summary > h3, .payment_delivery > h3 {margin:0; padding: 0 5px;}
  .payment_order_summary > h3 > span, .payment_delivery > h3 > span {height: 32px; width: 32px; background: #BEBABA; border-radius: 100%; position: absolute; right:10px; top: calc(50% - 15px); cursor:pointer;}
  :is(.payment_order_summary, .payment_delivery) > h3 > span:after { content: ""; background: #fff; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px);}
  :is(.payment_order_summary, .payment_delivery) > h3 > span:before { content: ""; background: #fff; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); transform: rotate(90deg); transition: opacity 0.3s ease-in-out 0s;}
  :is(.payment_order_summary.open, .payment_delivery.open) > h3 > span:before {opacity: 0;}

  /**** Module ****/

  /*Product Module*/
  .pm_title span{font-size: 36px; line-height: 40px;}
  .pm_subtitle span{font-size: 16px;}
  .product_module.full_width.bg_on:not(.list){padding: 30px 0;}

   /*Category Module*/
  .cm_title span{font-size: 36px; line-height: 40px;}
  .cm_subtitle span{font-size: 16px;}

  /****** MEMBERSHIP ******/
	/*Login Page*/
	.account_form .account_tab_select > div{background-image: none; padding: 20px 15px; font-size: 14px;}
	.signup_form, .login_form{flex-direction: column;}
	.signup_form_left, .signup_benefit, .login_form > div{box-sizing: border-box; padding: 0 10px;}
	.signup_benefit span{font-size: 16px;}
	.signup_form .signup_form_left span, .login_form span{font-size: 14px;}
  .signup_tab_left, .signup_tab_right {width: 100%;}
  .signup_tab_headers {gap:0;}
  .signup_tab_header {padding: 0 10px;}
  .signup_tab_header:first-child {border-right: 0;}
  .signup_tab_header span {font-size: 14px;}

  /* Dashboard */
  .dashboard_header span {font-size:24px; line-height: 28px;}
  .dash_tab_inner {padding: 10px;}

  .dash_form {width: 100%;}




} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */