@media(min-width:990px)
{
    .header-left
    {
        width: 100% !important;
        height: unset !important;
        margin-top: unset !important;
        margin-left: unset !important;
    }

   

}



.fa-shopping-cart:before
{
    -webkit-text-stroke-color: var(--navBar_text) !important;
}



.header-left
{
    display: flex;
    justify-content: center;
}

#tttoplink_block
{
    display: flex;
    justify-content: center;
}


.right-block ul
{
    display: flex;
}


.topmenu ul li a
{
    color: #000 !important;
}


.topmenu ul li a:hover
{
    color:  var(--header_drop_down_hover_text) !important;
}


#column-left
{
    /* display: none; */
}











@media(min-width:989px)
{
    .headerBlock
    {
        padding: 25px 0;
    }
    
    .walletCombineSearch
    {
        position: absolute;
        right: 0;
        top: 0px;
    
        padding: 0px !important;
       
    }
    
    .right-block
    {
        position: absolute;
        right: 0;
    }
}







.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45.25%; 
    overflow: hidden;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px, rgba(0, 0, 0, 0.22) 0px 5px 5px;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


@media(max-width:989px)
{
    .video-container {
        
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        
    }
}










.footerWeb
{
    background: var(--footer-color) !important;
}


.footerWeb > div > div
{
    border: 0 !important;
}


.block-center p, .block-center h3, .block-center a
{
    color: #fff;
}


.block-center a
{
    font-size: 12px;
}



@media(max-width:1200px)
{
    .footerLogo
    {
        max-width: 120px;
        margin-top: 20px !important;
    }

.footerLogoMobile
{
max-width: 100px;
}

    .footer-column4
    {
        display: none;
    }
}












/* pop out banner */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 90000001;
  }
  
  .popup {
    background: #fff;
    /* padding: 20px; */
    max-width: 400px;
    text-align: center;
    position: relative;
    animation: popout 0.5s ease-out;
    -webkit-animation: popout 0.5s ease-out;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   
    
  }


  .popup img
  {
    width: 100%;
  }
  
  .close-btn {
    position: absolute;
    /* top: 10px; */
    right: 5px;
    font-size: 30px;
    cursor: pointer;
    font-weight: bold;


    margin: -20px;
    padding: 10px;
    background: rgba(255,255,255, 0.6);
  }
  

@keyframes popout {
    from{transform:scale(0)}
    80%{transform:scale(1.1)}
    to{transform:scale(1)}
}
@-webkit-keyframes popout {
    from{-webkit-transform:scale(0)}
    80%{-webkit-transform:scale(1.1)}
    to{-webkit-transform:scale(1)}
}





/* avoid header menu show at bottom layer (under right block) */
#tttoplink_block
{
    max-width: 80%;
}






.headerBlock, #headerblock,.infoBar,.noticeBar,#example,header
{
    position: relative;
    z-index: 4;
}





.typewriter h1 {
    color: #000;
    font-family: monospace;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid transparent; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
      typing 3.5s steps(30, end),
      blink-caret .5s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: transparent }
  }









  /* LOGIN Page */

  #loginButton
  {
    border-radius: 50px !important;
  }
  


  .registerLink
  {
    color: var(--loginpage_regesterLinkText) !important;
  }


  /* ======================================== */






  /* Register Page */

  #account-register .btn
  {
    border-radius: 50px !important;
  }

  /* End */




   /* Forgot Password Page */

   .forgottenSubmitBtn
   {
    background: var(--forgotten_SubmitBtn) !important;
    color: var(--forgotten_SubmitBtn_Text) !important;
    border-radius: 50px !important;
	border: 0;
   }
   
 
 
   .forgottenBackBtn
   {
    background: var(--forgotten_BackBtn) !important;
    color: var(--forgotten_BackBtn_Text) !important;
    border-radius: 50px !important;
	border: 0;
   }
 
 
   /* ======================================== */





   /* Product Detail Page */
   #dialogoverlay
   {
    z-index: 4 !important;
   }
   #product-product .product-info td
   {
      font-size: 13px !important;
   }

   .fa-star-o:before
   {
      color: #c6c6c6;
   }

   #product-product .productDetailPriceBlock h2
   {
    display: flex !important;
    align-items: center;
   }

   #product-product .productDetailPriceBlock .price-old
   {
      margin: 0 15px;
   }

   .product-product .product-image .thumbnail
   {
    border: 0 !important;
   }

   .image-additional > img
   {
    border: 0 !important;
   }

   #product-product
   {
    margin-top: 35px !important;
   }


   #product-product #price
   {
    font-size: 30px !important;
   }


   .price-old
   {
    font-weight: 400 !important;
    font-size: 14px !important;
   }



   .form-group .input-group-btn .minus-btn
  {

	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;


  }

  .form-group .input-group-btn .plus-btn
  {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }


  .glyphicon
  {
    font-weight: bold !important;
  }


  .product-details #button-cart
  {
    border-radius: 50px !important;
  }

  .product-details .pwpicn
  {
        max-width: 120px;
  }


  .product-product .nav-tabs > li > a
  {
        background: var(--product_detail_tab_default_bg) !important;
        color: var(--product_detail_tab_default_text) !important;
        border-radius: 0px !important;

        width: 130px;
        text-align: center;
        overflow: hidden;

        padding: 15px;
  }

  .product-product .nav.nav-tabs li.active a, .product-product .nav.nav-tabs li:hover a
  {
    background:   var(--product_detail_active_tab_bg) !important;
    color: var(--product_detail_active_tab_text) !important;
  }

  .product-tabs > .nav-tabs
  {
    border:0 !important;
  }

   @media(max-width:898px)
   {
        #product-product #price
        {
        font-size: 20px !important;
        }
   }
   
.rating_review_section
{
	display: flex;
	justify-content: flex-start;
	align-items: center;

    margin-bottom: 20px;



	display:none;
}


.rating_review_section .ratingStar
{
	margin-right: 10px;
}

.rating_review_section .ratingStar img
{
	width: 20px;
}

.rating_review_section .totalReview
{
	margin-right: 15px;
}

.rating_review_section .totalReview span
{
	color: var(--product-slider-rating-text);
	font-weight: normal;
	font-size: 13px;
}


.rating_review_section .totalSold
{
	margin-right: 15px;
}

.rating_review_section .totalSold span
{
	color: var(--product-slider-rating-text);
	font-weight: 600;
	font-size: 12px;
}


.fa-star
{
    color: var(--product-star-color) !important;
}

   /* ================================== */












   /* My Order */

   #account-account .fromcldbtn, #account-account .tocldbtn
   {
        border: 1px solid var(--myorder-btn-color) !important;
   }


   .nav-tab_my_order > li.active > a
   {
     background-color: var(--my_order_active_tab_bg) !important;
   }



   .writeReviewBtn
   {
    background:var(--myorder_info_write_review_btn) !important;
    color:var(--myorder_info_write_review_btn_text) !important;
    padding:5px 20px;
    margin:10px 0;
    display:block;

   }

  
   /* END */



   /* My order info */

   .download_order_detail_text
   {
    font-size: 12px;
    color: var(--download_order_detail_text);

    text-decoration: underline;
   }

   /* end */




   /* My Transaction */

   .transactionhistory_table thead tr td
   {
    background-color: var(--tansaction_history_table_header_bg) !important;
    color: var(--tansaction_history_table_header_text) !important;
   }

   /* End */





   /* Voucher Center */
   .historyLine a
   {
    color: var(--voucher_history_link_text) !important;
   }

   /* End */









   /* cart swipe butoon */
   .swipecheckoutBtn
	{
            border-radius: 5px !important;
    }


    .swipecheckoutBtn:focus
    {
          background: var(--swipe_menu_checkout_focus_btn) !important;
          color: var(--swipe_menu_checkout_focus_text) !important;
    }


    #btn_confirm_order
    {
        border-radius: 50px !important;
    }


    .swipecheckoutBtn
    {
      background: var(--swipe_menu_checkout_focus_btn) !important;
          color: var(--swipe_menu_checkout_focus_text) !important;
    }



    #btn_apply_voucher
    {
        border-radius: 50px !important;
        background: var(--apply_voucher_bg);
        border: 1px solid var(--apply_voucher_bg);
    }







    /* INFORMATION PAGE */
    #information-information .accordion a:hover, #information-information .accordion a:hover::after
    {
        color: var(--information_hideshow_hover) !important;
        font-weight: bold;
    }


    #information-information .accordion a.active, #information-information .accordion a.active::after
    {
        color: var(--information_hideshow_active) !important;
        font-weight: bold;
    }
    

    #information-information .accordion a.active
    {
        border-bottom: 1px solid #e5e5e5 !important;
        font-size: 14px;
    }

    #information-information .accordion a,  #information-information .accordion a::after,  #information-information .accordion a.active::after
    {
        font-size: 14px;
    }


    #information-information .accordion a, #information-information .accordion .content.active
    {
        padding-left: 0px !important;
    }

    /* End Information Page */










    /* For show margin top on the page, avoid stick to header */
    #checkout-checkout, #campaignPromotionList
    {
     margin-top: 35px !important;
    }



    #checkout-checkout .agree b
    {
      color: var(--checkout_agreement_text) !important;
    }










    /* My Reviews */
#account-myreviews .content 
{
	display: none;
}

#account-myreviews .reviewDivider
{
	display: none;
}

#account-myreviews .productName
{
	font-weight: bold;
	color: #000;
}

#account-myreviews .reviewDate
{
	font-size: 12px;
	color: #000;;
}

#account-myreviews .ratings .rating-box img
{
	width: 20px;
}

#account-myreviews .reviewText
{
	font-size: 12px;
}

#loadMoreReview
{
	display: block; 
	text-align:center;
	color: var(--load_More_Text);
	background-color: var(--load_More_bg);
	padding: 10px 15px;
	margin: 15px;
	font-size:15px;
	font-weight: bold;
}

#loadMoreReview.noContent
{
	background-color: lightgray !important;
	color: #000 !important;
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}


.NoRecordText
{
	display:block;
	text-align: left;
	padding-left: 16px;
	font-size: 12px;
}

/* End Myreviews */




/* Write Reviews */
#account-mywritereviews .mainBlocks
{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;

	margin-top: 35px;
}

#account-mywritereviews .mainBlocks .imageSection
{
	padding: 0 10px;
	width: 20%;
}

#account-mywritereviews .mainBlocks .imageSection img
{
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


#account-mywritereviews .mainBlocks .reviewRightBlock
{
	width: 80%;
}

#account-mywritereviews .mainBlocks .reviewRightBlock .product_review_Section
{
	display: flex;
	flex-direction: column;
	
}


#account-mywritereviews .mainBlocks .reviewRightBlock .product_review_Section .name_date_section
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}


#account-mywritereviews .mainBlocks .reviewRightBlock .product_review_Section .name_date_section .productName
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#account-mywritereviews .mainBlocks .reviewRightBlock .product_review_Section .name_date_section .dateReview
{
	font-size: 12px;
}


#account-mywritereviews .mainBlocks .reviewRightBlock .product_review_Section .ratingStar .review-container
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}



#account-mywritereviews .reviewTextarea
{
	margin-bottom: 30px;
}


#account-mywritereviews .writeAsAnonymous
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

#account-mywritereviews .writeAsAnonymous .reviewAnonymousText
{
	padding: 0 10px;
	font-size: 13px;
	color: #000;
}


#account-mywritereviews .showUserName
{
	margin-bottom: 50px;
}

#account-mywritereviews .showUserName span
{
	font-size: 10px;
	color: #ccc;
}

#account-mywritereviews .showUserName span.buyerName
{
	font-weight: bold;
}

.anonymous {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .anonymous input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .anonymousslider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .anonymousslider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .anonymousslider {
	background-color: var(--toggle_button);
  }
  
  input:focus + .anonymousslider {
	box-shadow: 0 0 1px var(--toggle_button);
  }
  
  input:checked + .anonymousslider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .anonymousslider.anonymousround {
	border-radius: 34px;
  }
  
  .anonymousslider.anonymousround:before {
	border-radius: 50%;
  }



  .submitReview
  {
	background: var(--review_submit_btn);
	color: #fff;

    margin: 65px 0;
    border-radius: 50px;
    padding: 5px 25px;
  }

  .submitReview:hover{
    color: #fff !important;
  }

 .review-container {
	width: 100%;
  }


  @media(max-width:800px)
  {
	#account-mywritereviews .mainBlocks .imageSection
	{
		width: 100%;
		max-width: 200px;
	}

	#account-mywritereviews .mainBlocks .reviewRightBlock
	{
		width: 100%;
	}

  }
  
  .star {
	background-color: transparent;
	border: 0;
	padding: 0;
	outline: 0;
  }
  .star .stararea {
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
	color: #aaa;
	font-size: 2em;
	line-height: 50px;
	cursor: pointer;
	z-index: 1;
	text-align: center;
  }
  .star .stararea:before {
	width: 50px;
	height: 50px;
	content: "★";
	display: inline-block;
	color: #95a5a6;
	position: absolute;
	left: 0;
	top: -1px;
	opacity: 0;
	z-index: -1;
  }
  .star .stararea:after {
	width: 50px;
	height: 50px;
	content: "★";
	display: inline-block;
	color: var(--rating_star);
	position: absolute;
	left: 0;
	top: -1px;
	opacity: 0;
	z-index: -2;
  }
  .star:hover .stararea {
	color: #999;
  }
  .star.active .stararea {
	-webkit-animation: starbackground 500ms 1;
	-moz-animation: starbackground 500ms 1;
	-o-animation: starbackground 500ms 1;
	animation: starbackground 500ms 1;
	animation-delay: 250ms;
	animation-fill-mode: forwards;
  }
  .star.active .stararea:before {
	-webkit-animation: staranimation 250ms 1;
	-moz-animation: staranimation 250ms 1;
	-o-animation: staranimation 250ms 1;
	animation: staranimation 250ms 1;
  }
  .star.active .stararea:after {
	-webkit-animation: staranimation 350ms 1;
	-moz-animation: staranimation 500ms 1;
	-o-animation: staranimation 500ms 1;
	animation: staranimation 500ms 1;
	animation-delay: 250ms;
  }
  
  @-webkit-keyframes staranimation {
	0% {
	  opacity: 0;
	  transform: scale(1);
	}
	50% {
	  opacity: 0.5;
	}
	100% {
	  opacity: 0;
	  transform: scale(2);
	  top: -1px;
	}
  }
  @-moz-keyframes staranimation {
	0% {
	  opacity: 0;
	  transform: scale(1);
	}
	50% {
	  opacity: 0.5;
	}
	100% {
	  opacity: 0;
	  transform: scale(2);
	  top: -1px;
	}
  }
  @-o-keyframes staranimation {
	0% {
	  opacity: 0;
	  transform: scale(1);
	}
	50% {
	  opacity: 0.5;
	}
	100% {
	  opacity: 0;
	  transform: scale(2);
	  top: -1px;
	}
  }
  @keyframes staranimation {
	0% {
	  opacity: 0;
	  transform: scale(1);
	}
	50% {
	  opacity: 0.5;
	}
	100% {
	  opacity: 0;
	  transform: scale(2);
	  top: -1px;
	}
  }
  @-webkit-keyframes starbackground {
	0% {
	  color: #aaaaaa;
	}
	100% {
	  color: var(--rating_star);
	}
  }
  @-moz-keyframes starbackground {
	0% {
	  color: #aaaaaa;
	}
	100% {
	  color: var(--rating_star);
	}
  }
  @-o-keyframes starbackground {
	0% {
	  color: #aaaaaa;
	}
	100% {
	  color: var(--rating_star);
	}
  }
  @keyframes starbackground {
	0% {
	  color: #aaaaaa;
	}
	100% {
	  color: var(--rating_star);
	}
  }

/* End Write Reviews */








/* PWP  */

.pwp_product_image
{
  position: relative !important;
}


.pwpContentTitle
{
  margin-bottom: 35px;
  padding: 85px 10px;
  background-image: linear-gradient(to bottom right, var(--heading_title_bg1), var(--heading_title_bg1), var(--heading_title_bg2)) !important;
  /* background-image: url(); */
}


.pwpContentTitle p
{
  color: var(--page_title_text);
  text-shadow: 1px 1px var(--page_title_text_shadow); /* for makaing a bit shadow */
  margin: 0;
  font-size: 40px;
  font-weight:bold;
  text-align:center;
}


.pwp_product_image img
{
	width: 100%;
}

.text-concat
{
	width: 100% !important;
}

.pwp_product_info .text-concat {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.2em;
    text-align: center;
    height: unset !important;

    font-size:13px;


    margin: 15px 0 0;



}

.pwp_product_info .text-concat a
{
	text-align: center;
	font-weight: 700;
	color: black;
}


.pwp_price {
	/* color: #333333; */
	color:var(--product-price);
	font: 600 18px/30px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0 0 10px;
	clear: both;
	font-size: 16px !important;

	padding-bottom: 0 !important;
}



.pwp_price .price-new {
	margin: 0;
	font: 600 14px/30px Arial,Helvetica,sans-serif;
	font-size:14px;

  margin-bottom: 15px;
}

.pwp_price .price-old
{
	color: #777777;
	text-decoration: line-through;
	font: 400 11px/16px Arial,Helvetica,sans-serif;
  margin: 0;

  font-size: 12px !important;
}



.pwp_price .price-new
{
	font-size: 18px !important;
	word-break: break-word !important;
}



@media(max-width:676px)
{

	.pwp_price .price-new
	{
		font-size: 16px !important;
	
	}

}





.pwp_sold_ratring_block
{
		width: 100%;

		display: flex;
		align-items: center;

		margin-bottom: 15px;
}


.pwp_sold_ratring_block .pwp_soldNo
{
	margin-right: 20px;
	padding: 0px 0;
}


.pwp_sold_ratring_block .pwp_ratingNo img
{
		max-width: 12px;
		margin-top: -3px;
}


.pwp_sold_ratring_block .pwp_ratingNo
{

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.pwp_sold_ratring_block .pwp_ratingNo span
{
		
		font-size: 12px;
		color: var(--product-slider-rating-text);
		font-weight: 700;
}


.pwp_sold_ratring_block .pwp_soldNo span
{
		font-size: 12px;
		color: var(--product-slider-sold-text);
		font-weight: 700;
}



.pwp_sold_ratring_block div
{
	text-align: right;
}



@media(max-width:565px)
{

	

	.pwp_sold_ratring_block
	{
			width: 100%;
			padding: 5px 10px;

			/* display: flex; */

			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			padding: 10px 0;

	}


	
	
}



.pwpProductContent
{
	display: flex;
	flex-wrap: wrap;


}


@media(min-width:989px)
{
	.pwpContent
	{
		background: #fff !important;
	}
	
	.pwpProductContent
	{
	
		padding: 25px 0px;
		margin-top: 25px;

    clear: both;
	}
	
}



.pwp_buttonSection
{
  display: flex;
  justify-content: center;
}

.pwp_buttonSection a
{
	/* max-width: 150px; */
	width: 100%;
	white-space: inherit !important;
}

.pwp_buttonSection .buttont_sold_out_button
{
	border-radius: 50px;
	background-color: var(--sold_out_btn);
	border: 1px solid var(--sold_out_btn_border);
	color: var(--sold_out_btn_text);

	pointer-events: none;
	cursor: default;
}


.pwp_buttonSection .buttont_add_to_cart_button
{
	border-radius: 50px;
	background-color: var(--add_to_cart_btn);
	border: 1px solid var(--add_to_cart_btn_border);
	color: var(--add_to_cart_text);
}


.pwp_buttonSection .buttont_add_to_cart_button:hover
{
	border-radius: 50px;
	background-color: var(--add_to_cart_btn_border);
	border: 1px solid var(--add_to_cart_btn_border);
	color: var(--add_to_cart_text);
}




.pwp_buttonSection .buttont_view_option_button
{
	border-radius: 50px;
	background-color: var(--view_option_btn);
	border: 1px solid var(--view_option_btn_border);
	color: var(--view_option_btn_text);
}


.pwp_buttonSection .buttont_view_option_button:hover
{
	border-radius: 50px;
	background-color: var(--view_option_btn_border);
	border: 1px solid var(--view_option_btn_border);
	color: var(--view_option_btn);
}

/* End PWP */













/* My Membership */

#account-membership .membershipCardBody
{
  background-image: url("../../../../image/card.png");
  background-size: cover;
  background-repeat: no-repeat;

  max-width: 500px;
  width: 100%;

  border-radius: 10px;
  padding:25px;


  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;


  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  
}



#account-membership .membershipCardBody .CardData1
{

  display: flex;
  flex-direction: column;

  width: 80%;

}


#account-membership .membershipCardBody .CardData1 .cardInfo
{
  margin-bottom: 150px;
}




/* Detail 1 */
#account-membership .membershipCardBody .CardData1 .cardInfo p
{

  color: var(--membership_card_text);
  text-transform: uppercase;

 

}


#account-membership .membershipCardBody .CardData1 .cardInfo .memberType
{
 
  font-weight: bold;
  font-size: 25px;
}


#account-membership .membershipCardBody .CardData1 .cardInfo .membershipText
{
  
  font-weight: normal;
  font-size: 13px;
}



/* Detail 2 */
#account-membership .membershipCardBody .CardData1 .cardExpiredDateInfo p
{

  color: var(--membership_card_text);
  

}

#account-membership .membershipCardBody .CardData1 .cardExpiredDateInfo .valid_thru_text
{
  text-transform: capitalize;

  font-size: 11px;
  margin-bottom: 5px;
}


#account-membership .membershipCardBody .CardData1 .cardExpiredDateInfo .expiredDateCard
{
  margin: 0;
}





/* Card Button  */
#account-membership .membershipCardBody .cardButtonSection
{
  display: flex;


  width: 30%;


} 


#account-membership .membershipCardBody .cardButtonSection a
{
    color: var(--membership_card_btn_text);
    font-size: 12px;

    text-decoration: none;
  
}


#account-membership .membershipCardBody .cardButtonSection .buttonInfo {
  width: 110px;
  height: 110px;
  background-image: linear-gradient(180deg, var(--membership_card_btn), var(--membership_card_btn2));
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
  /* word-break: break-all; */
 
}


#account-membership .membershipCardBody .cardButtonSection .buttonInfo a
{

  color: white;
  font-size: 10px;
  text-align: center;


  
}



@media(max-width:585px)
{
  #account-membership .membershipCardBody .CardData1 .cardInfo
  {
    margin-bottom: 80px;
  }


  #account-membership .membershipCardBody .cardButtonSection .buttonInfo a
  {
    font-size: 8px;
  }


  #account-membership .membershipCardBody .cardButtonSection .buttonInfo
  {
    width: 100px;
    height: 100px;
  }


  #account-membership .membershipCardBody .CardData1
  {
    width: 60%;
  }

  #account-membership .membershipCardBody .cardButtonSection
  {
    width: 40%;
    justify-content: flex-end;
  }
}









.loading-container {
  width: 100%;
  background-color: #e0e0e0;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  height: 4px;
}

.loading-bar {
  height: 100%;
  width: 0;
  background-color: var(--loading_bar);
  border-radius: 25px;
  animation: load 3s forwards;
}

@keyframes load {
  0% {
      width: 0;
  }
  80% {
      width: 80%;
  }
  100% {
      width: 80%;
  }
}




#account-membership .memberDetail
{

  max-width: 500px;
  border-radius: 10px;

  margin: 40px 0;
  padding: 15px;

  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}


#account-membership .memberDetail .memberIcon
{
  width: 30%;
}


#account-membership .memberDetail .detail
{
  width: 70%;
  padding: 0 10px;
}

#account-membership .memberDetail .memberIcon img
{
  max-width: 120px;
  padding: 5px;
  width: 100%;
}


#account-membership .memberDetail .detail p
{

  font-size: 12px;
  margin: 5px 0;
}




@media(max-width:585px)
{

  #account-membership .memberDetail .detail p
  {
    font-size: 10px;
  }

}

/* End */






/* My Account */
.buttonBoxMyaccount
{
  display: flex;
  align-items:center;
  justify-content:space-between;
}

.myAccountUpdateBtn
{
  margin: 0px 0px 5px 35px;
  padding: 8px 20px;
  border-radius: 50px;

  background: var(--my_account_update_btn);
  color: var(--my_account_update_text);
  
}


.myAccountUpdateBtn:hover, .myAccountUpdateBtn:focus
{
  color: var(--my_account_update_text) !important;
}


@media(max-width:500px)
{

  .buttonBoxMyaccount
  {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:flex-end;
  }


  .myAccountUpdateBtn
  {
    margin: 10px 0;
  }

}



.wallet_point_text, .wallet_point_text tr, .wallet_point_text tr td
{
  border: 0 !important;
}











/* ig module love animation */
.hearts {
  position: absolute;
  bottom: 32px;
  right: 60px;
  transform: translateX(-50%);
  }
  .hearts .heart {
  position: absolute;
  list-style: none;
  width: 15px;
  height: 15px;
  margin: 4px;
  }
  .hearts .heart:before,
  .hearts .heart:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 0;
  /* 
  width: 16px;
  height: 24px;
  */
  
  width: 8px;
  height: 4px;
  background: red;
  -moz-border-radius: 16px 16px 0 0;
  -o-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  }
  .hearts .heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  }
  .hearts.flying > .heart:nth-child(even) {
  -webkit-animation: 5.8s flyingEven linear infinite;
  -moz-animation: 4.8s flyingEven linear infinite;
  animation: 4.8s flyingEven linear infinite;
  }
  .hearts.flying > .heart:nth-child(odd) {
  -webkit-animation: 5.8s flyingOdd linear infinite;
  -moz-animation: 4.8s flyingOdd linear infinite;
  animation: 4.8s flyingOdd linear infinite;
  }
  .hearts.flying > .heart:nth-child(1) {
  animation-delay: 0.2s;
  }
  .hearts.flying > .heart:nth-child(2) {
  animation-delay: 0.35s;
  }
  .hearts.flying > .heart:nth-child(3) {
  animation-delay: 0.6s;
  }
  .hearts.flying > .heart:nth-child(4) {
  animation-delay: 1.55s;
  }
  .hearts.flying > .heart:nth-child(5) {
  animation-delay: 2.2s;
  }
  .hearts.flying > .heart:nth-child(6) {
  animation-delay: 2.9s;
  }
  .hearts.flying > .heart:nth-child(7) {
  animation-delay: 3.2s;
  }
  .hearts.flying > .heart:nth-child(8) {
  animation-delay: 3.5s;
  }
  .hearts.flying > .heart:nth-child(9) {
  animation-delay: 3.8s;
  }
  .hearts.flying > .heart:nth-child(10) {
  animation-delay: 4.1s;
  }
  .hearts.flying > .heart:nth-child(11) {
  animation-delay: 4.5s;
  }
  .hearts.flying > .heart:nth-child(12) {
  animation-delay: 8s;
  }
  @-moz-keyframes flyingEven {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(35px, 0px) scale(1.5);
    opacity: 0;
    filter: blur(5px);
  }
  }
  @-webkit-keyframes flyingEven {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(0px, -500px) scale(1);
    opacity: 0;
    filter: blur(5px);
  }
  }
  @keyframes flyingEven {
  0% {
    transform: translate(5px, 10px) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(0px, -480px) scale(1.5);
    opacity: 0;
    filter: blur(5px);
  }
  }
  @-moz-keyframes flyingOdd {
  0% {
    transform: translate(5px, 15px) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(10px, -480px) scale(1.5);
    opacity: 0;
    filter: blur(5px);
  }
  }
  @-webkit-keyframes flyingOdd {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(-35px, -480px) scale(1.5);
    opacity: 0;
    filter: blur(5px);
  }
  }
  @keyframes flyingOdd {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translate(-60px, -480px) scale(1.5);
    opacity: 0;
    filter: blur(5px);
  }
  }
  
  
  
  
  @media(max-width:898px)
  {
  
  .hearts .heart {
  
  
    display: none;
  }
  }
  













  /* Campaign */
  .product-category
  {
    margin-top:35px !important;
  }


















.cm-e-menu li.topmenu:hover > a
{
color : var(--header-hover-text-color) !important;
}
  


.footerWeb h3
{
color:var(--footer-tile-text);
}


.languageSelection > div
{
border:0 !important;
}


#footer_mobile td:nth-child(2), #footer_mobile td:nth-child(3)
{
	display:none !important;
}







 /* Contact Us */

      .contactBlock
      {
clear:both;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;

        max-width: 1200px;
       
      }

      .contactusContainer .information-informationContent,   .contactusContainer .information-informationMap
      {
        width: 50%;
      }

      .information-informationMap iframe
      {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 10px;
      }

      .contactDetail
      {
        margin: 0 0 5px 0 !important;
        padding: 15px;
      }

      .contactDetail > h4
      {
        font-size: 14px;
        font-weight: bold;

      }


      .contactDetail > h3
      {
        font-size: 16px;
        font-weight: bold;

      }


      .contactDetail > p
      {
        font-size: 12px;
        margin: 0;
      }



	  .contactDetail .secondOperationHours
		{
			margin-top:25px;
		}



      @media(max-width:650px)
      {
        .information-informationContent,   .information-informationMap
      {
        width: 100%;
      }

      .information-informationMap iframe
      {
        height: auto !important;
        
      }

      }





#mySidenav .dropdown a
{
padding:10px !important;
}


.text_transaction_history_note
{
   	margin:0px;
    font-size:10px;
    color:red;
    font-weight:bold;
	font-style:italic;
}







  @media(max-width:979px)
    {
        


        .text-marquee__text
        {
            font-size: 13px;

        }

    }

  
  
  @media(max-width:898px)
    {
       
      
        .text-marquee__text
        {
            font-size: 11px;

        }
     
      
    }
  


    @media(max-width:500px)
    {
        .text-marquee__text
        {
            font-size: 10px !important;

        }
    }








.out-of-stock-label
{

	



			   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}










.cartListing input[type=checkbox]
{
accent-color: var(--swipe_menu_cart_checked) !important;
}


#chkTerms_Conditions
{
accent-color: var(--checkout_checked) !important;
}


/* checkout agreement checkbox button */
.checkout-content.buttons div div:first-child{
	width:100% !important;
	display:flex !important;
	align-items:center !important;
} 



.contactusContainer #informationTitle
{
font-weight:bold;
}

.contactusContainer .page-title-wrapper
{
	margin:15px 0 10px !important;
}












/* Choose Delivery Method */
.chooseDeliveryMethod
{
  position: absolute;
  top: 0px;
  left: 0px;


  width: 180px;
}



.header-bottom-block.chooseDeliveryMethodOpend
{
  z-index: unset !important;
}

.header-bottom-block.fixed.chooseDeliveryMethodOpend
{
  z-index: 2 !important;

}





@-webkit-keyframes scale {
  5% {
      -webkit-transform: scale(1.1);
  }
  50% {
      -webkit-transform: scale(1);
  }
}




.modal-content{
  -webkit-animation: scale 1.5s ease-out;
}





.animation-init {
  opacity: 0;
  padding-top: 1em;
}

.animation-fade {
  opacity: 1;
  /* padding-top: 0; */
  transition: all 1s;
}



#account-account fieldset label, #account-password fieldset label
{
	box-shadow:none;
}