/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
* {
	-ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}
@media (min-width: 992px) {
	video {
		width: 100%;
		max-height: 100%;
	}
	.top-video-desktop{
		display: block;
	}
	.top-video-mobile{
		display: none;
	}
}
@media (max-width: 991px) {
	video {
		width: 100%;
		max-height: 100%;
	}
	.top-video-desktop{
		display: none;
	}
	.top-video-mobile{
		display: block;
	}
}
.grecaptcha-badge{
	display: none !important;
}
.no-white-bg{
	background: #FFF5F5;
}
.beige-bg{
	background: #EAE4E1;
}
.back-icon{
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	font-weight: 700;
	vertical-align: middle;
	margin-left: 15px;
}
.page-title-mini-bg{
	background: #FEFBFB;
	padding: 15px 32px;
}
.page-title-mini-bg h1{
	font-size: 18px;
	color: #1C1C1E;
	font-weight: 700;
}
.alert-gray{
	background: #F7F7F8;
	border-radius: 8px;
}
.alert-pink{
	background: #FFF5F5;
	border-radius: 8px;
}
.alert-green-lowest{
	background: #F2F2D3;
	border-radius: 8px;
}
.alert-white{
	background: #FFFFFF;
	border-radius: 8px;
	line-height: 34px;
}
.alert-gray a,.alert-white a{
	color:#5256C2;
} 
.alert-warning a{
	text-decoration: underline !important;

}

.alert-gray a i,.alert-white a i{
	color:#5256C2;
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
}

#footer .container {
	width: 100%;
	max-width: none;
	padding: 0 50px;
}

.contact-footer-white {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 15px 15px 20px 15px;
	margin-bottom: 10px;
}	
.contact-footer-green {
	background: #F2DCD9;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
}
.contact-footer-white h4,.contact-footer-green h4{
	font-size: 15px;
}
.contact-footer-green .call-phone{
	font-size: 15px;
}
.whatsappchat{
	display: inline-block;
	margin-top: 15px;
	font-size: 15px;
	font-weight: bold;
}
#logo {
	margin: 0px 0px 0px 20px;
}
#side-panel-logo {
	text-align: center;
}

#home-feature-box {
	background: transparent;
}
.header-misc a.button {
	margin-top: 5px;
}
.home-banner {
	position: relative;
	margin-bottom: 80px;
}
.home-banner img {
	width: 100%;
	z-index: 0;
	border-radius: 16px;
}
.home-banner .shadow,.swiper-slide .shadow  {
	width: 100%;
	height: 100%;
	background: #115550;
	opacity: 0.5;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 16px;
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
}
.swiper-slide .shadow {
	border-radius: 0;
	display:none;
}
.home-banner .shadow.right {
	width: 50% ;
	right: 0 ;
	left: auto ;
	display:none;
	border-radius: 0px 16px 16px 0;
}
.home-banner .shadow.left {
	width: 50% ;
	left: 0 ;
	border-radius: 16px 0px 0px 16px;
	display:none;
}
.banner-content.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFFFFF;
	width: 50%;
}
.banner-content.right {
	position: absolute;
	bottom: 5%;
	right: 5%;
	text-align: right;
	background-color: #FFFFFF;
	width: 35%;
	border-radius: 8px;
	padding: 12px;
}
.banner-content.left {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(0%, -50%);
	text-align: left;
	color: #FFFFFF;
	width: 40%;
}
a.home-feature-box {
	background: #FFF5F5;
	border-radius: 12px;
	display: block;
	padding: 15px;
	margin-bottom: 1.5rem;
}
a.home-feature-box.nobg {
	background: #FFFFFF;
	border-radius: 12px;
	display: block;
	padding: 15px;
	margin-bottom: 1.5rem;
}
a.home-feature-box:not(.nobg):hover {
	background: #F2DCD9;
}
a.home-feature-box:not(.nobg):hover .feature-box-img-bg {
	background: #fff;
}

.home-feature-box .feature-box-icon {
	text-align: center;
}
.home-feature-box .feature-box-img-bg {
	width: 130px;
	height: 130px;
	background: #FFFs;
	border-radius: 100%;
	margin: 0px auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.home-feature-box .feature-box-icon img {
	width: 80px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
a.home-feature-box.nobg .feature-box-icon img {
	width: 120px;
}
.home-feature-box .feature-box-content h3 {
	text-align: center;
	color: #1C1C1E;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.daily-food-category{
	background-color: #FFF5F5;
	border-radius: 8px;
	padding: 16px 16px;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.daily-food-category .daily-food-category-img {
	width: 40px;
	margin: 0px auto;
}
.home-daily-category-food .owl-stage,#home-daily-food .owl-stage,#home-package .owl-stage {
    right: -24px;
}
.pink-link{
	color: #FF8F8F;
	font-weight: 700;
	line-height: 35px;
}
.orange-link{
	color: #CCA009 !important;
}
.green-link{
	color: #147E4E !important;
}
.daily-food-category .daily-food-category-title {
	text-align: center;
	padding-top: 15px;
	margin: 0px;
}
.home-diet{
	background: linear-gradient(125.05deg, #FFEAEA 0.68%, #FFCECE 44.85%, #FF8F8F 99.18%);
	border-radius: 8px;
	padding: 24px;
	overflow: hidden;

}

.each-diet{
	background: white /*url(../images1/diet/bg.svg)*/ no-repeat 0 0;
	border-radius: 8px;
	padding: 16px 12px;
}
.home-diet .each-diet.no-bg{
	background: transparent;
	border-radius: 8px;
	padding: 16px 12px;

}
.each-diet .each-diet-img, .each-diet .each-diet-img img{
	height: 45px;
	max-width: 45px;
	margin: 0px auto;
}
.each-diet .each-diet-title {
	text-align: center;
	padding-top: 15px;
	margin: 0px;
}
#home-daily-food {
	margin-bottom: 0px;
	background: #FFF5F5;
	padding: 24px 12px;
	border-radius: 8px;
	overflow: hidden;
}
.home-daily-category-food,#home-package{
	overflow: hidden;
}
.brand {
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 24px;
	height:100%;
}
.brand .brand-img {
	position: relative;
	display: flex;
	overflow: hidden;
}
.brand .brand-img .dummy {
	margin-top: 100%;
}
.brand .brand-img img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.brand .brand-content {
	padding: 10px;
	position: relative;
	clear: both;
}
.brand .brand-order {
	padding: 5px 10px;
	position: relative;
	clear: both;
}
.brand .brand-content h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.brand .brand-content h2 span{
	float: left;
	font-size: 12px;
	color: #115550;
}
.brand .brand-content p {
	max-height: 70px;
	overflow: hidden;
	font-size: 13px;
	text-align: justify;
}

.brand-property {
	padding: 10px;
	background: #FEF8F7;
	margin: 5px 10px;
	border-radius: 20px;
	padding: 10px 15px 10px 15px;
}
.brand-property span{
	color: #D7B8B2;
	font-weight: bold;
}
.brand-property a{
float: left;
}
.daily-food {
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 24px;
	height:100%;
}
.daily-food .daily-food-img {
	position: relative;
	display: flex;
}
.daily-food .daily-food-img .dummy {
	margin-top: 100%;
}
.daily-food .daily-food-img img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.daily-food-content {
  display: flex;
  justify-content: space-between;
}

.daily-food .daily-food-content {
	padding: 10px;
	position: relative;
	clear: both;
}
.daily-food .daily-food-order {
	padding: 5px 10px;
	position: relative;
	clear: both;
}
.daily-food .daily-food-content h3 {
	font-size: 16px;
	font-weight: bold;
	color: #115550;
	margin-bottom: 10px;
}
.daily-food .daily-food-content ul {
	list-style: none;
	margin-bottom: 10px;
	height: 125px;
	overflow-y: auto;
}
.daily-food .daily-food-content ul li{
	font-size: 12px;
	color: #7E7E8C;
	list-style: none;
	margin-bottom: 5px;
}
.daily-food .daily-food-content ul li:before{
	content: "• ";
	color: #B5CBB3;
	font-size: 18px;
	vertical-align: middle;
}
.daily-food-property {
	padding: 10px;
	background: #FEF8F7;
	margin: 5px 10px;
	border-radius: 20px;
	padding: 10px 15px 10px 15px;
}
.daily-food-property span{
	color: #D7B8B2;
	font-weight: bold;
}
.daily-food-property a{
float: left;
}

.each-package {
	background: #FFFFFF;
	box-shadow: 0px 1px 8px #EDEDED;
	border-radius: 8px;
	margin-bottom: 24px;
	padding: 16px;
}
.each-package .package-content {
	padding: 12px 0px 0px 0px;
}
.each-package .package-content h4 i{
	float: left;
	font-size: 16px;
	color:#1C1C1E;
	font-weight: 700;
}
.each-package .package-image img {
	border-radius: 8px;
	overflow: hidden;
	width: 100%;
}
.each-package .package-content p {
	color: #7E7E8C;
	font-size: 12px;
	line-height: 24px !important;
	height: 70px;
	max-height: 100px;
	margin-top: 10px;
	margin-bottom: 2px;
	overflow: hidden;
}
.each-package .package-button-holder {
	text-align: center;
}
.each-package .package-button-holder .button {
	margin-bottom: 10px;
}
.button-pink {
	color: #000;
	border: 1px solid #FFEAEA;
	background: #FFEAEA ;
}
.button-pink:hover {
	color: #F19592;
}
.button-white {
	color: #000;
	border: 1px solid #1C1C1E;
	background: white ;
}
.button-fullwidth {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 10px 0px;
	font-weight: bold;
}
.forgotpasswordlink {
	margin-bottom: 10px;
}
.forgotpasswordlink a {
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	line-height: 28px;

}
.package-top-banner,.product-top-banner {
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;
}
.product-top-banner img{
	width: 100%;
}
.all-package-options {
	clear: both;
}
.form-group.final-recipt{
	position: relative;
	margin-top: 15px;
	border-radius: 0 0 8px 8px !important;
}
.form-group.final-recipt::before{
	background: url('../images1/icons/packages/recipt.svg') top left repeat-x;
	width: 100%;
	height: 10px;
	content: '';
	position: absolute;
	top: -5px;
	left: 0;

}
.all-package-options .form-group {
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 10px;
	padding: 16px;
	box-shadow: 0px 1px 8px #FFE6E6;
}
.package-moreinfo {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 12px;
}
.package-moreinfo h4 {
	font-size: 15px;
	color: #161B1D;
}
.package-option-title {
	font-weight: 700;
	font-size: 14px;
	color: #000000;
	display: block;
	margin-bottom: 20px;
}
.package-option-description {
	color: #848C95;
	font-size: 12px;
	font-weight: 400;
	float: left;

}
.package-option-title img{
	margin-left: 8px;
}
.package-radio-style input{
	display: none;
}
.package-radio-style .row{
	display: flex;
}
.package-radio-style .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.package-radio-style label{
	border: 1px solid #D9DBDE;
	border-radius: 8px;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	padding: 12px;
	font-size:14px;
	font-weight: 700;
	display: flex;
	align-items: center;
 	justify-content: center;
	flex-direction: column;
}
.package-radio-style input:checked+label {
	background: #F2F2D3;
	border: 1px solid #D1F22F;
}
.package-radio-style label span{
	display: block;
	color: #848C95;
	font-weight: 400;
	font-size: 12px;
	margin-top: 5px;
}

.home-testimonials {
	margin-bottom: 80px;
}
.testi-content h4 {
	font-size: 16px;
	font-weight: bold;
	color: #161B1D;
	margin-bottom: 5px;
}
.testi-content h5 {
	font-size: 12px;
	font-weight: normal;
	color: #7E7E8C;
	margin-bottom: 5px;
}
.testi-comment {
	font-size: 14px;
	color: #7E7E8C;
	clear: both;
	margin-top: 20px;
	line-height: 30px;
}
.promo-home {
	margin-left: 8%;
	margin-right: 8%;
	padding: 38px 48px;
	margin-bottom: 40px;
}
.promo p {
	color: #ADB2B8;
	font-size: 14px;
}
.footer-joule {
	background-size: contain;
	width: 85%;
}
.footer-border{
	border: 1px solid #FF8F8F;
	width: 100%;
	height: 1px;
	opacity: 0.3;
}
.footer-title{
	font-size: 14px;
	font-weight: 400;
}
form#newsletter {
	padding-top: 20px;
}
.textOnInput {
    position: relative;
	margin-bottom: 10px;
}
.textOnInput label.inputText {
    position: absolute;
    top: -12px;
    right: 10px;
    padding: 2px;
    z-index: 1;
	color: #848C95;
	font-size: 12px;
}
.textOnInput .inputPostFix{
	position: absolute;
	top: 13px;
	left: 20px;
	color: #848C95;
}
.textOnInput label.inputText:after {
    content: " ";
    background-color: #fff;
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.close-shopcart {
	float: left;
}
.delete_shopcart_button {
	display: block;
	cursor: pointer;
	border: 0px transparent;
	padding: 0;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 1.5rem;
	font-weight: normal;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	border-radius: 6px;
	color: #FF8F8F;
}
.pricing-box {
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 12px;
	border: none;
	padding: 25px;
}
.pricing-box img {
	margin-bottom: 15px;
	width: auto !important;
	display: inline-block !important;
}
.jouleplus-price{
	background: #FFF5F5;
	padding: 13px 53px;
	border-radius: 30px;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	color: #FF8F8F;
	display: inline-block;
	max-width: 500px;
}
.limit-image{
	max-width: 500px;
	margin: 15px auto;
}
.limit-image-1{
	padding-left: 3rem;
}
.limit-image-2{
	padding-left: 8rem;
}
.jouleplus_bg {
	background: #F6FAF6;
}
.promotion-text{
	font-size: 22px;
	color: #FF4A4A;
}
.flower-4{
	position:absolute;
	top: -70px;
	right: 0px;
	
}
.p50 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.inline-form {
	display: inline-block;
}
.choose-radio.active{
	background: #F2F2D3;
	border: 1px solid #D1F22F;
}
.checkout_box{
	background: #FFFFFF;
	border: 1px solid #D9DBDE;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 16px;
}
.checkout_box_title{
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;	
	color: #1C1C1E;
}
.checkout_box_sub_title{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #848C95;
	margin-right: 10px;
}
#shopcart-holder {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 1000;
}
.shopcart {
	background: #FFF5F5;
	border-radius: 0px;
	padding: 15px;
	height: calc(100vh - 64px);
	overflow: hidden;
}
.shopcart .shopcart-main-title {
	font-size: 16px;
	margin-bottom: 8px;
}
.shopcart .shopcart-main-title span {
	display: inline-block;
	margin-left: 10px;
}
.shopcart .shopcart-item-title {
	display: inline-block;
	font-size: 18px;
	margin: 0px 5px;
}
.mobile-shopcart-items{
	height: calc(100vh - 190px);
	overflow-y: scroll;
}
.shopcart .shopcart-empty h4 {
	font-weight: normal;
	font-size: 16px;
	color: #ADB2B8;
	margin: 0px 15px;
}
.shopcart .each-total-row,.shopcart .shopcart-item-holder,.shopcart .shopcart-empty,.shopcart .shopcart-item-detail {
	padding: 10px 0px;
}
.shopcart .each-total-row .total-title {
	font-weight: normal;
	font-size: 16px;
}
.shopcart .each-total-row .total-value {
	font-weight: bold;
	font-size: 18px;
	float: left;
}
.shopcart .each-total-row .total-value.sub {
	font-size: 16px;
}

.shopcart .shopcart-item-detail .shopcart-item-detail-title {
	font-weight: normal;
	font-size: 16px;
	margin: 0px;
}
.shopcart .shopcart-item-detail .shopcart-item-detail-title span.price {
	float: left;
	font-size: 13px;
}
.shopcart .shopcart-item-detail .cart-item-info {
	font-size: 12px;
	font-weight: normal;
	color: #ADB2B8;
	width: 50%;
	display: inline-block;
	float: right;
}
.shopcart .more-detail {
	background: #E2EAE2;
	display: inline-block;
	border-radius: 100%;
	padding: 13px 13px 7px 13px;
	float: left;
	margin-left: 15px;
}
.shopcart .more-detail.up {
	transform: rotate(180deg);
}
.shopcart .more-detail:hover {
	background: #B5CBB3;
}
.shopcart .complete-detail.hide {
	display: none;
}
.form-control {
    box-shadow: none !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.ajax-notification {
	display: none;
}
.product-right-menu {
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 8px;
}
.product-right-menu h3.right-menu-title{
	background: #F6FAF6;
	border-radius: 8px 8px 0px 0px;
	font-weight: bold;
	font-size: 18px;
	color: #4C6D46;
	padding: 25px;
	margin-bottom: 25px;
}
.product-right-menu .product-filter {
	list-style: none;
	padding: 0px 25px;
}
.product-right-menu .product-filter li {
	margin-bottom: 20px;
}
.product-right-menu .product-filter li a {
	color: #262F25;
	font-size: 16px;
}
.product-right-menu .product-filter li.activeFilter a {
	color: #4C6D46;
	font-weight: bold;
}
.product-right-menu .product-filter li.activeFilter a:before {
	content: "•";
	color: #B5CBB3;
	font-size: 18px;
	vertical-align: middle;
	margin-left: 8px;
}
.short_description ul{
	color: red;
}
.short_description li {
	color: #E3D0D0;
	line-height: 35px;
}
.short_description li div{
	color: #AFAFB3;
}
.bgcolorful {
	background: #FEF8F7;
}
.sticky-item-holder-all {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sticky-item-holder-all .make-me-sticky-all {
  position: -webkit-sticky;
	position: sticky;
	top: 0;
  padding: 0 15px 1px 15px;
}
.product-right-menu .button-holder {
	padding: 0px 25px 25px 25px;
}
.product-right-menu .button-holder a.button {
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
}
.product-right-menu .button-holder a.button-white{
	color: #4C6D46;
	border: 2px solid #A5B3A1;
	background: white !important;
}
.each-faq {
	background: white;
	padding: 15px;
	border-radius: 12px;
	margin-bottom: 20px;
}
.each-faq .acc_content{
    font-weight:bold;
}
.white-content {
	background: white;
	border-radius:12px;
	padding:20px;
	margin-bottom: 20px;
}
.contact-info-line {
	margin-bottom: 12px;
	background: #FFFFFF;
	box-shadow: 0px 1px 8px #FFE6E6;
	border-radius: 8px;
	padding: 16px;
}
.contact-info-line i{
	color: #FF8F8F;
	margin-left:8px;
	font-size: 16px;
	vertical-align: middle;
}
.back-green {
	background: #B5CBB3;
	opacity: 0.5;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 500px;
	z-index: 1;
}
.content-wrap-contactus {
	width: 70%;
	position: relative;
	z-index: 2;
	margin: 0px auto;
}
.white-content form {
	padding: 20px;
}
.no-bg {
	background: transparent !important;
}
.package-more-detail{
	font-size: 14px !important;
	font-weight: normal !important;
	display: flex;
  	align-items: center;
	color: #1C1C1E !important;
}
.shopcart_total{
	background: #FFFFFF /*url('../images1/icons/userpanel/favjoule.svg')*/ center center no-repeat;
	position: relative;
	margin-bottom: 30px;
	padding: 15px 0px;

}
.shopcart_total::before{
	content: '';
	width: 100%;
	height: 10px;
	background: url('../images1/icons/userpanel/top.svg') repeat-x 0 0;
	position: absolute;
	top: -6px;
	left: 0;
}
.shopcart_total::after{
	content: '';
	width: 100%;
	height: 10px;
	background: url('../images1/icons/userpanel/bottom.svg') repeat-x 0 0;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.shopcart_coupon {
	background: white;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 15px;
}
.shopcart_button {
	background: white;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 15px;
	}
.shopcart-box-header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.each_price_info_line {
    padding: 10px;
	border-bottom: 1px dashed #E4E5E7;
}
.each_price_info_line:last-child {
	border-bottom: none;
}
.price_info_title {
	font-weight: 700;
	font-size: 14px;
}
.cart_button_holder .price_info_title {
	font-size: 12px;
	color: #87878C;
	margin-bottom: 7px;
	font-weight: 400;
}
.cart_button_holder .price_info_value {
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: #1C1C1E;
}
.top-border {
	border-top: 2px solid #F6FAF6;
}
.page_content_holder {
	background: white;
	border-radius: 12px;
	padding: 25px;
	min-height: 350px;
	margin-top: 25px;
}
.shopcart_item {
	background: white;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 20px;
}
.shopcart_item_title {
	color: #161B1D;
	margin-bottom: 3px;
}
.shopcart-item-info {
	font-size: 12px;
	font-weight: normal;
	color: #ADB2B8;
	width: 50%;
	display: inline-block;
	margin: 3px 0px;
}
.shopcart-item-price {
	text-decoration: none;
}
.shopcart-price{
	background: #FAFAFA;
	border-radius: 8px;
	margin-top: 15px;
	overflow: hidden;
}
.shopcart-price-info-line{
	border-bottom: 1px dashed #D9DBDE;
	padding: 12px;
}
.shopcart-item-price ins {
	text-decoration: none;
}
.shopcart-item-update,.shopcart-item-delete {
	display: inline-block;
	margin-right: 10px;
}
.shopcart_coupon .textOnInput,.shopcart_coupon  .form-group {
	margin-bottom: 0px;
}
.login-bg{
	background: transparent url('../images1/wall%20login-38%20(3.html)final-02.svg');
}
.login-holder {
	width: 420px;
	margin: 2% 0px;
	background: transparent;
	border-radius: 16px;
}
.login-form-title{
	border: 3px solid #D1F22F;
	border-radius: 50% 50% 0 0;
	border-bottom: none;
	text-align: center;
	background: white;
	height: 400px;
	padding-top: 50px;
}
.login-form-title h4{
	margin-top: 15px;
}
.login-holder .login-form {
	border: 3px solid #D1F22F;
	border-top: none;
	background: white;
	padding: 20px;
	margin-top: -200px;
	min-height: 550px;
	position: relative;
}
.password-holder{
	position: relative;
}
#togglePassword {
	position: absolute;
	left: 15px;
	top: 13px;
	cursor: pointer;
}
.radio-label {
	color: #6C6C6C;
	font-size: 12px;
	margin: 0px;
}
.stopwatch {
	text-align: center;
	color: #B5CBB3;
}
.overlay-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-align: center;
	background: rgba(0,0,0,0.25);
	display: none;
}
.loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 97px;
	height: 97px;
	animation-name: rotateAnim;
		-o-animation-name: rotateAnim;
		-ms-animation-name: rotateAnim;
		-webkit-animation-name: rotateAnim;
		-moz-animation-name: rotateAnim;
	animation-duration: 0.56s;
		-o-animation-duration: 0.56s;
		-ms-animation-duration: 0.56s;
		-webkit-animation-duration: 0.56s;
		-moz-animation-duration: 0.56s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}

.loader div {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid rgb(0,0,0);
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.loader div:nth-child(odd) {
	border-top: none;
	border-left: none;
}
.loader div:nth-child(even) {
	border-bottom: none;
	border-right: none;
}
.loader div:nth-child(2) {
	border-width: 2px;
	left: 0px;
	top: -4px;
	width: 12px;
	height: 12px;
}
.loader div:nth-child(3) {
	border-width: 2px;
	left: -1px;
	top: 3px;
	width: 18px;
	height: 18px;
}
.loader div:nth-child(4) {
	border-width: 3px;
	left: -1px;
	top: -4px;
	width: 23px;
	height: 23px;
}
.loader div:nth-child(5) {
	border-width: 3px;
	left: -1px;
	top: 4px;
	width: 31px;
	height: 31px;
}
.loader div:nth-child(6) {
	border-width: 4px;
	left: 0px;
	top: -4px;
	width: 39px;
	height: 39px;
}
.loader div:nth-child(7) {
	border-width: 4px;
	left: 0px;
	top: 6px;
	width: 49px;
	height: 49px;
}
.hidden {
	display: none;
}
.nomargin {
	margin: 0px !important;
}
.login-holder .login-form h4 {
	text-align: center;
	font-size: 18px;
}
.login-holder .bg-login-col img{
	width: 100%;
}
.modal-body ul {
	margin: 0px 20px;
}
.user-info {
	background:#FFFFFF;
	padding: 20px;
	border-radius: 8px;
}
.user-fullname {
	font-weight: bold;
}
.user-mobile {
	color: #848C95;
	font-size: 14px;
	font-weight: 700;
	margin-top: 5px;
	display: inline-block;
}
.user-panel-right {
	background: transparent;
	border-radius: 12px;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 20px;
}
.user-info-image {
	border-radius: 100%;
	float: right;
	overflow: hidden;
}

.user-info-title {
	float: right;
	padding: 12px;
}
.user-info i {
	float: left;
	font-size: 16px;
	margin-top: 22px;
	color: #848C95;
}
.userpanel-menu {
	padding: 20px;
	margin-top: 15px;
	background: #FFFFFF;
	border-radius: 8px;
}
.userpanel-menu .right-menu-login {
	list-style: none;
}
.userpanel-menu .right-menu-login li{
	padding: 10px 0px;
	color: #161B1D;
	margin: 5px 0px;
	border-bottom:1px solid #E4E5E7;
}
.userpanel-menu .right-menu-login li:last-child{
	border:none;
}
.userpanel-menu .right-menu-login li a {
	color: #1C1C1E;
	display: inline-block;
	width: 100%;
}
.userpanel-menu .right-menu-login li a img {
	margin-left: 10px;
}
.userpanel-menu .right-menu-login li a i{
	float: left;
}
.userpanel-menu .right-menu-login li:hover,.userpanel-menu .right-menu-login li.active{
	border-bottom:1px solid #D1F22F;
}
.userpanel-menu .right-menu-login li:hover a,.userpanel-menu .right-menu-login li.active a{
	color: #5256C2;
}
.dashboard-logo{
	position: absolute;
	left: 50px;
	top: 25px;
	z-index: 1;
}
.dashboard-info-box {
	position: relative;
	background: linear-gradient(360deg, #1C1C1E 14.69%, #343438 100%);
	border-radius: 8px;
	padding: 30px 50px;
	margin-bottom: 20px;
}
.dashboard-info-box h4 {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	background: linear-gradient(180deg, #FFD76F 0%, rgba(255, 237, 192, 0.29) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.dashboard-info-box h5 {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	background: linear-gradient(180deg, #FFD76F 0%, rgba(255, 237, 192, 0.29) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.dashboard-info-box a {
	background: #1C1C1E;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #FFFFFF;
	border-radius: 26px;
	display: inline-block;
	padding: 7px 20px;
}
.dashboard-bmi-box{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 20px 15px;
	font-size: 14px;
	font-weight: 700;
}
.dashboard-order-box{
	margin-top: 20px;
}
.body_type_bar{
	position: relative;
	width: 300px;
	margin: 0px auto;
}
.body_type_bar_dot{
	position: absolute;
	top: 5px;
}
.body_type_bar_dot.first{
	left: 12px;
}
.body_type_bar_dot.secound{
	left: 35px;
}
.body_type_bar_dot.third{
	left: 60px;
}
.body_type_bar_dot.fourth{
	left: 95px;
}
.body_type_bar_dot.fifth{
	left: 125px;
}
.body_type_bar_dot.sixth{
	left: 160px;
}
.body_type_bar_dot.seventh{
	left: 200px;
}
.body_type_bar_dot.eighth{
	left: 265px;
}
.transaction{
	background: #FFFFFF url('../images1/icons/userpanel/favjoule.svg') center center no-repeat;
	position: relative;
	margin-bottom: 30px;
}
.transaction::before{
	content: '';
	width: 100%;
	height: 10px;
	background: url('../images1/icons/userpanel/top.svg') repeat-x 0 0;
	position: absolute;
	top: -6px;
	left: 0;
}
.transaction::after{
	content: '';
	width: 100%;
	height: 10px;
	background: url('../images1/icons/userpanel/bottom.svg') repeat-x 0 0;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.transaction-line{
	padding: 10px 15px;
	border-bottom: 1px dashed #E4E5E7	;
}
.transaction-line:last-child{
	border: none;
}
.transaction-title{
	font-weight: 400;
	font-size: 12px;
	color: #1C1C1E;
}
.transaction-value{
	font-weight: 700;
	font-size: 12px;
	color: #1C1C1E;
	float: left;
}
.userpanel-box {
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
}
.add_address{
	min-width: 300px;
}
.address-form-holder{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.open-mobile-address-form-holder{
	display: none;
}
.each_address_line {
	padding: 16px;
	border: 1px solid #D9DBDE;
	border-radius: 8px;
	margin-bottom: 16px;
}
.each_address_line .address {
	line-height: 30px;
}
.each_address_line  .fullname {
	color: #ADB2B8;
	margin-left: 10px;
}
.each_address_line .delete button,.delete_coupon_button{
	background: transparent;
	border: none;
}
.each_address_line .delete,.each_address_line .edit {
	margin-left: 10px;
}
.each_address_line .delete button i,.delete_coupon_button i {
	font-size: 20px;
	color: red;
	line-height: 22px;
}
#orders-tabs{
	background: #ffffff;
	box-shadow: 0px 1px 8px #EDEDED;
	border-radius: 32px;
	margin-bottom: 25px;
}
#faq-nav{
	margin-bottom: 25px;
	margin-top:25px;
	align-items: center;
	justify-content: center;
}
#faq-nav li a{
	box-shadow: 0px 1px 8px #FFE6E6;
}
.faq-toggle{
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 1px 8px #FFE6E6;
	padding: 16px;
	border: none;
}
.faq-toggle .toggle-header{
	padding: 0px;
}
.faq-toggle .toggle-content{
	color: #FF8F8F !important;
	font-weight: 700;
	font-size: 14px;
	padding: 0px;
	padding-top: 10px;
}
.each_order{
	background: #ffffff;
	border-radius: 8px;
	padding: 15px;
}
.each_order h5{
	margin-bottom: 5px;
}
.userpanel-box h5 img {
	margin-left: 10px;
}
.each_coupon_info_line {
    padding: 5px 0px;
    position:relative;
}
.each_coupon_info_line:not(:last-child) {
    border-bottom: 1px solid #E6CFCB;
}
div.coupon_price {
    color: #DB4952;
    float: left;
	margin-top: 5px;
}
.delete_coupon_button {
    background: none;
    border: none;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px;
    color: #DB4952;
}
.userinfo-row {
	clear:both;
}
.userinfo-row div {
	padding: 15px 20px;
}
.userinfo-row.body-info {
	margin: 0px 5px;
	background: #F6FAF6;
	border-radius: 8px;
}
.userinfo-row .userinfo-title {
	color: #ADB2B8;
}
.userinfo-row .userinfo-value {
	color: #161B1D;
	font-weight: bold;
}
.security-link {
	margin: 10px 20px;
	padding: 10px;
	border-bottom: 1px solid #F6FAF6;
}
.security-link:last-child {
	border: none;
}
.security-link a img {
	margin-left: 20px;
}
.help-block {
	font-size: 13px;
	color: #848C95;
}
.delivery_datetime-title {
	display: inline-block;
	width: 250px;
	margin-left: 15px;
}
.delivery_date_holder {
	padding: 10px;
	border-bottom: 1px solid #E6CFCB;
}
.delivery_date_holder:last-child {
	border: none;
}
.price_offer {
	margin-bottom: 20px;
}
.dissmiss-map-modal{
	display: none;
}
.price_offer .row{
	margin-left: calc(var(--bs-gutter-x) / -4);
	margin-right: calc(var(--bs-gutter-x) / -4);
}
.price_offer .row > * {
	padding-left: calc(var(--bs-gutter-x) / 4);
	padding-right: calc(var(--bs-gutter-x) / 4);
}
.price_offer h5 {
	color: #848C95;
	font-size: 13px;
	font-weight: normal;
}
.price_offer .each_offer {
	background: #FFFFFF;
	border: 1px solid #D9DBDE;
	border-radius: 8px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px 0px;
	margin-bottom: 15px;
}
.price_offer .each_offer:hover,.price_offer .each_offer.active {
	background: #FFEAEA;
	border: 1px solid #FF8F8F;
}
.jouleplus_box {
	background: #F2F2D3;
	border: 1px dashed #D1F22F;
	border-radius: 12px;
	padding: 10px 20px;
	margin: 20px 40px;
}

.jouleplus_box span{
	display: inline-block;
	padding: 10px;
}
.checkout_finish_message {
	width: 50%;
	margin: 0px auto;
	height: 450px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 16px;
	padding: 50px 25px;
	text-align: center;
	position: relative;
}
.message_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.checkout_finish_message.success h4 {
	margin-top: 25px;
	color: #4C6D46;
}
/* # Chat layout
================================================== */

.chat { 
  max-height: 570px; 
  overflow: auto; 
  margin: 0 0 20px 0; 
  border-bottom: 1px solid #ddd; 
  background-color: #fff; 
}
.chat .moment { 
  font-weight: 600; 
  color: #999; 
  clear: both; 
  text-align: center; 
  padding-bottom: 20px; 
}

.message-img { 
  position: absolute; 
  left: 0; 
  width: 40px; 
  height: 40px; 
  margin-right: 30px; 
}
.message-img img { 
  display: block; 
  width: 100%; 
}
.reversed .message-img { 
  left: auto; 
  right: -30px; 
  border-radius: 100%;
  overflow:hidden
}

.chat .message .message-body { 
  margin-left: 58px; 
  padding: 12px 14px; 
  position: relative; 
  color: #333; 
  background-color: #fff; 
  border: 1px solid #e5e5e5; 
  border-radius: 7px;
}
.chat .message.reversed .message-body { 
  margin-left: 0; 
  margin-right: 58px; 
  color: #333; 
  background-color: #fff; 
  border: 0; 
  border: 1px solid #e5e5e5; 
} 
.chat .message { 
  float: left; 
  clear: both; 
  max-width: 80%; 
  padding: 0 0 20px 0; 
  position: relative; 
}
.chat .message:first-child { 
  padding-top: 20px; 
}
.chat .message.reversed { 
  float: right; 
}
.chat .message .attribution { 
  margin: 6px 0 0 0; 
  font-size: 11px; 
  line-height: 1; 
  color: #777; 
  opacity: 0.8; 
  filter: alpha(Opacity=80); 
  display: block; 
  white-space: nowrap; 
}
.chat .reversed .attribution { 
  color: #777; 
}


.usual .message-body:before { border-top: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid #e5e5e5; border-bottom: 7px solid rgba(0, 0, 0, 0); left: -7px; top: 13px; position: absolute; content: ''; }
.usual .message-body:after { border-top: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid #fff; border-bottom: 6px solid rgba(0, 0, 0, 0); left: -6px; top: 14px; position: absolute; content: ''; }

.reversed .message-body:before { position: absolute; top: 12px; right: 0; display: inline-block; border-top: 7px solid rgba(0, 0, 0, 0); border-left: 7px solid #e5e5e5; border-bottom: 7px solid rgba(0, 0, 0, 0); content: ''; margin-right: -7px; }
.reversed .message-body:after { position: absolute; top: 13px; right: 1px; left: auto; display: inline-block; border-top: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid #fff; border-bottom: 6px solid rgba(0, 0, 0, 0); border-right: 0; content: ''; margin-right: -7px; }

.notmargin {
	margin-top: 0px;
}
.each-delivery {
	background: #FFFFFF;
	/* Main-shadow */
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 12px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
.each-delivery h4 {
	font-size: 13px;
	color: #4C6D46;
	margin-bottom: 7px;
}
.delivery_time {
	margin: 10px 0px;
	font-size: 13px;
	border-radius: 12px 12px 0px 0px;
	padding: 10px;
	border-bottom: 2px solid #F6FAF6;
	text-align: center;
}
.buttons_holder {
	text-align: center;
}
.delivery_content {
	padding: 10px;
}
.delivery_address,.delivery_price {
	margin: 10px 0px;
	font-size: 13px;
}
.delivery_address span,.delivery_price span {
	font-weight: bold;
} 
.each-delivery h4 span {
	float: left;
}
.delivery_status {
	text-align: center;
}
.delivery_status img {
	width: 30px;
	height: 30px;
	padding-bottom: 10px;
}
.dashoard-icon-info {
	background: #FFFFFF;
	/* Main-shadow */
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 12px;
	padding-bottom: 10px;
	margin-bottom: 24px;
}
.dashoard-icon-info i {
	display: block;
	float: none;
	text-align: center !important;
	width: 50px !important;
	margin: 0px auto !important;
	font-size: 40px !important;
}
.dashoard-icon-info .counter,.dashoard-icon-info .counter span {
	font-size: 17px !important;
}
.dashoard-icon-info h5 {
	font-weight: bold;
}
.grid-filter {
	background: #FFFFFF;
	/* Main-shadow */
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 12px;
}
.aff-content-holder {
	position: relative;
}
.userpanel-address {
	clear: both;
}
.aff-content-right {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}
.aff-content-left {
	width: 80%;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
}
.affiliate_register {
	padding: 25px 0px;
	margin: 0px auto;
	text-align: center;
}
.affiliate_register img {
	margin-bottom: 20px;
}
.affiliate_register p.reginfo {
	padding: 20px 80px;  
}
.affiliate_register_form {
	background: #F6FAF6;
	border-radius: 12px;
	padding: 25px;
	text-align: right;
}
#secoundary-menu-trigger {
	display: none;
}
.mobile-bottom-menu {
	display: none;
}
.mobile-bottom-menu a svg:last-child {
	display: none;
}
.mobile-bottom-menu a:hover svg:first-child,.mobile-bottom-menu a.active svg:first-child {
	display: none;
}
.mobile-bottom-menu a:hover svg:last-child,.mobile-bottom-menu a.active svg:last-child {
	display: inline-block;
}
.product-mobile-filter ul {
	align-items: flex-start;
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
	margin: 1rem 0;
	overflow-x: scroll;
	padding: 0 0 0 1rem;
	scroll-padding-left: 1rem;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	cursor: move; /* fallback if grab cursor is unsupported */
    cursor: move;
    cursor: -moz-move;
    cursor: -webkit-move;
}
.product-mobile-filter::-webkit-scrollbar,.product-mobile-filter ul::-webkit-scrollbar {
  display: none;
}
.product-mobile-filter li {
	flex: 0 0 auto;
	display: inline-block;
	background: #FFFFFF;
	/* Main-shadow */
	box-shadow: 0px 4px 8px rgba(80, 115, 74, 0.1);
	border-radius: 16px;
	padding: 8px 19px;
	margin-left: 7px;
	color: #161B1D;
	scroll-snap-align: start; /* or: center */
	scroll-snap-stop: always;
}
.product-mobile-filter li.activeFilter {
	background: #F0F294;
	border: 1px solid #D1F22F;
}
.product-price-text{
	padding-top: 10px;
	font-size: 13px;
	font-weight: 400;
	color: #848C95;
}
.support-img {
	display: none;
}
@media (max-width: 991.98px) {
	.raychat_main_button {
		margin-bottom: 70px !important;
	}
	body.no_mobile_bottom_menu .raychat_main_button {
		margin-bottom: 10px !important;
	}
	.container {
		padding: 0px 10px;
	}
	.white-content form {
		padding: 0px !important;
	}
	body {
		background: #F8FAF6;
	}
	#header,#header .container {
		background: #FFFFFF;
	}
	body.no_mobile_bottom_menu,body.no_mobile_bottom_menu #content {
		background: #FFFFFF;
	}
	body.no_mobile_bottom_menu .login-holder {
		box-shadow: none;
	}
	.login-form h4 {
		text-align: right !important;
		margin-bottom: 50px;
	}
	
	.bg-login-col {
		display: none;
	}
	.login-holder {
		width: 100%;
		max-width: 420px;
		margin: 0px auto;
	}
	.login-holder>.row {
		height: 100%;
	}
	form[name=login-form] {
		height: 100%;
	}
	.content-wrap {
		padding: 20px 0px 80px 0px;
	}
	.home-feature-box .feature-box-icon {
		border-radius: 12px;
	}
	.home-feature-box .feature-box-content h3 {
		margin-bottom: 0px;
	}
	.login-holder .login-form {
		padding: 30px 20px;
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 100%;
		height: 100%;
	}
	
	.mobile-bottom-menu {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0px;
		background: #FFFFFF;
		text-align: center;
		padding: 10px 0px;
		z-index: 10;
	}
	#header {
		height: 80px;
		z-index: 2;
	}
	#footer {
		display: none;
	}
	#copyrights {
		display: none;
	}
	.header-misc {
		display: none !important;
	}
	#primary-menu-trigger {
		margin-top: 15px;
	}
	#secoundary-menu-trigger {
		display: block !important;
		position: absolute !important;
		left: 0px !important;
		top: 19px !important;
	}
	#logo {
		position: absolute;
		left: 50%;
		top: 10px;
		margin: 0px;
		transform: translate(-50%, 0);

	}
	.slider-caption p.description{
		display: none !important;
	}
	.feature-box-row {
		padding: 0px !important;
	}
	.owl-carousel .owl-stage-outer {
		overflow: visible !important;
	}
	.content-wrap-home {
		margin-top: 0 !important;
		padding-top: 40px !important;
	}
	.promo-home {
		margin: 0px 0px 40px 0px !important;
		padding: 20px;
	}
	.home-banner h2 {
		margin: 0 !important;
	}
	.home-banner p {
		margin-bottom: 0 !important;
	}
	.banner-content.center {
		width: 100% !important;
	}
	.banner-content.right {
		width: 60%;
		right: 5%;
	}
	.home-banner .shadow.right,.home-banner .shadow.left {
		width: 60% ;
	}
	/* Force table to not be like tables anymore */
	table.row-mobile,table.row-mobile thead,table.row-mobile tbody,table.row-mobile th,table.row-mobile td,table.row-mobile tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.row-mobile thead tr { 
		position: absolute;
		top: -9999px;
		right: -9999px;
        vertical-align: middle;
	}
	
	table.row-mobile tr { border: 1px solid #ccc; vertical-align: middle; margin-bottom: 15px; }
	
	table.row-mobile td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-right: 50%; 
        vertical-align: middle;
	}
	
	table.row-mobile td:before { 
		position: absolute;
		top: 6px;
		right: 6px;
		width: 45%; 
		white-space: nowrap;
        vertical-align: middle;
	}
	tr.detail_row:not(.show_row) {
	    display: none !important;
	}
	/*
	Label the data
	*/
	table.row-mobile td:before { content: attr(data-label); }
    table.row-mobile tr.detail_row>td {
        padding-right: 0.5rem !important;
    }

	#shopcart-holder {
		top: 0px !important;
	}
		
	.sticky-item-holder-all {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.sticky-item-holder-all .make-me-sticky-all {
	  position: -webkit-sticky;
		position: sticky;
		top: 0;
	  padding: 0 15px 1px 15px;
	}
	.user-panel-right {
		display: none;
	}
	.price-offer-holder {
		overflow-x: scroll;
		white-space: nowrap;
		padding: 10px 0px;
	}
	.right-menu-login li {
		position: relative;
	}
	#side-panel-left #side-panel-trigger-close {
		float: right;
		width: 50px;
		margin-top: 25px;
	}
	.userpanel-menu .right-menu-login li {
		border-bottom: 1px solid #F4F4F4;
	}
	.userpanel-menu .right-menu-login li:hover, .userpanel-menu .right-menu-login li.active {
		background: #fff;
	}
	.userpanel-menu .right-menu-login li:hover a, .userpanel-menu .right-menu-login li.active a{
		color: #F19592;
	}
	.content-wrap-contactus {
		width: 100%;
	}
	.checkout_finish_message {
		width: 100%;
	}
	.p50 {
		width: 100%;
	}

}
@media (max-width: 767px) {

	.support-img {
			display: block;
			margin: 0px auto;
		}
	.aff-content-right {
		width: 100%;
		position: relative;
		top: 0%;
		left: 0%;
		transform: translateY(0%);
		padding: 25px;
	}
	.aff-content-left {
		width: 100%;
		position: relative;
		top: 0%;
		right: 0%;
		transform: translateY(0%);
		padding: 25px;
	}
	.login-bg{
		background: #EAE4E1;
	}
	.address-form-holder{
		display: block;
		background: #FFFFFF;
		position: relative;
		top: -49px;
		z-index: 1200;
		padding: 25px;
		border-radius: 50px;
		transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
	}
	.address-form-holder .open-mobile-address-form-holder{
		display: block;
		width: 32px;
		height: 32px;
		background: transparent url('../images1/icons/userpanel/up-address.svg');
		position: absolute;
		top: -16px;
		left: 50%;
		transform: translateX('-16px');
		cursor: pointer;
		z-index: 1201;
		transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
	}
	.address-form-holder.open{
		display: block;
		background: #FFFFFF;
		position: relative;
		top: -560px;
		z-index: 1200;
		padding: 25px;
		border-radius: 50px;
	}
	.address-form-holder.open .open-mobile-address-form-holder{
		background: transparent url('../images1/icons/userpanel/down-address.svg');
	}
	#remote_modal.address .modal-body{
		overflow: hidden;
		padding: 0px
	}
	.dissmiss-map-modal{
		background-color: #ffffff;
		display: inline-block;
		width: 39px;
		height: 39px;
		border-radius: 8px;
		text-align: center;
		opacity: 1 !important;
	}
}
@media all and (max-width:767px) {
	.slider-caption h2 {
		margin-bottom: 15px;
	}
	.slider-caption h3 {
		margin-bottom: 10px;
	}
}
@media all and (max-width:576px) {
	.banner-content.right,.banner-content.left {
		width: 96% !important;
		transform: translate(0%, 0%) !important;
	}
	.banner-content.right {
		width: 60%;
		right: 2%;
	}
	.home-banner .shadow.right,.home-banner .shadow.left {
		width: 100% ;
	}
	.package-option-title {
		display: block;
	}
	.slider-caption h2 {
		margin-bottom: 15px;
	}
	.slider-caption h3 {
		margin-bottom: 10px;
	}
}
@media all and (min-width:768px) {
	div.add-pwa {
	display: none;
	}
}

@media all and (max-width:767px) {
	div.add-pwa {
		display: block;
		width: 100vw;
		height: 100vh;
		background: #F6FAF6;
		position: fixed;
		top: 0px;
		left: 0px;
		text-align: center;
		padding: 10px 25px;
		z-index: 1000000000000;
	}
	div.add-pwa p {
		border-bottom: 1px solid #ccc;
		padding: 15px 0px;
		text-align: right;
	}
	
	div.add-pwa p span {
		font-weight: bold;
		color: red;
	}
	div.add-pwa ul li {
		list-style: none;
		text-align: right;
		padding: 7px 0px;
	}
	div.add-pwa ul li span {
		font-weight: bold;
	}
}
@keyframes rotateAnim {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-o-keyframes rotateAnim {
	from {
		-o-transform: rotate(360deg);
	}
	to {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes rotateAnim {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotateAnim {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes rotateAnim {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}