/* Menu Wish list and Shopping Cart  (Update 25/08/20)
===============================================================================*/
.TopSlidingCart:after { content: ""; display: block; clear: both }
.TopSlidingCart { text-align: center; height: 60px }
#slidingTopWrap {position: relative !important;display: inline-block;margin-left: 0px !important;width: 100% !important;height: 100%;}
#slidingTopFooter img { display: none }
#slidingTopWrap a:hover { text-decoration: none !important }
/*-- Button --*/
#slidingTopFooter { margin: 0px !important; width: 100% !important; display: table; height: 100% !important; text-align: center; background: none !important }
#slidingTopFooter > div {display: table-cell;vertical-align: middle;margin: 0px;float: none;position: relative }
#slidingTopFooter > div a {
	display: inline-block;
	font-size: 0px;
	width: auto;
	top: 0px;
	padding-left: 60px;
}
#slidingTopFooter > div a:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	width: 60px;
	height: 60px;
}
#slidingTopFooterLeft a:before { background: url(/Content/Archive/406/basket-b-60-110693.png) no-repeat center top }
#slidingTopFooterRight a:before { background: url(/Content/Archive/406/basket-b-60-110693.png) no-repeat center bottom }
#slidingTopFooterLeft { padding-right: 0px } /*-- for counter --*/
/*-- Basket --*/
#slidingTopContent {
	overflow: initial !important;
	border: 0px !important;
	position: absolute;
	top: calc(50% + 20px);
	width: 300px;
	padding: 0px 0px !important;
	background: none !important;
	z-index: 50;
	right: 0px;
}
#basketWrap { background: #fff !important;margin: 0px !important;padding: 0px !important; box-shadow: 0px 2px 6px rgba(0,0,0,0.08); border-radius: 4px; overflow: hidden }
#basketTitleWrap {
	position: relative;
	padding: 9px 10px !important;
	margin: 0px;
	background-color: #000 !important;
	height: auto !important;
	border: 0px !important;	
	text-align: center
}
#basketWrap #cartInfo { border-radius: 0px 0px 4px 4px; }
.EmptyBasketLabel { color: #000; padding: 10px; display: block }
#basketItemsWrap ul { padding: 0px; background: #fff }
#basketItemsWrap li { background-color: none; margin: 0px !important; padding: 10px; text-align: left }
#basketItemsWrap li a img { opacity: 0 }
#basketItemsWrap li a { float:right; width: 18px; height:18px; background: url(/Content/Archive/374/delete-16-81428.png) center center #000; border-radius: 50%; transition: all 0.2s; margin-left: 10px }
#basketItemsWrap li a:hover { background-color: #900 }
#basketItemsWrap li:nth-of-type(2n+2) { background: #f9f9f9 }
#slidingTopWrap .productQuantity:before { content: ""; display: block }
#basketSubTotal { color: #fff; background: #000; padding: 10px; font-weight: 700;  }
#TotalQuantityOnCart {
	position: absolute;
	background-color: #000;
	font-weight: 700;
	margin: auto;
	top: 0px;
	left: 24px; 
	width: 22px; 
	bottom: 4px; 
	height: 22px !important; 
	right: auto; 
	padding: 0 !important; 
	border-radius: 40px !important; 
	line-height: 22px !important;
	font-size: 12px
}

.dFlex .TopSlidingCart { height: 32px;}
.dFlex #slidingTopWrap { display: block }
.dFlex #slidingTopFooter { display: flex; justify-content:space-between }
.dFlex #slidingTopFooter > div { display: block; font-size: 0; width: 32px; position: static }
.dFlex #slidingTopFooter > div a { padding: 0; position: relative; display: block; width: 100%; height: 100%; background: url(/Content/Archive/1/cart-428579.png) no-repeat center center } 
.dFlex #slidingTopFooter > div:nth-child(2) a { background-image: url(/Content/Archive/1/pay-428591.png) }
.dFlex #slidingTopFooter > div a:before { display: none }
.dFlex #TotalQuantityOnCart { font-size: 0.75rem; z-index: 1 }

.CartButton .TopSlidingCart { text-align: left; height: auto }
.CartButton #slidingTopWrap { width: auto !important; height: auto; display: inline-block }
.CartButton #slidingTopContent { display: block !important; transition: margin 0.2s, opacity 0.2s; opacity: 0; margin-top: 10px; overflow: hidden !important; height: 0 }
.CartButton #slidingTopWrap:hover #slidingTopContent { opacity: 1; margin-top: 0; height: auto; box-shadow: 0 0 6px rgba(0,0,0,0.2) }
.CartButton #basketTitleWrap { display: none }
.CartButton #slidingTopFooterRight a:before { background: url(/Content/Archive/406/basket-b-60-110693.png) no-repeat center top -4px; background-size: 44px }
.CartButton #slidingTopFooter { width: auto !important; height: auto !important; display: flex;}
.CartButton #slidingTopFooter > div { display: block }
.CartButton #slidingTopFooter > div a {font-size: inherit; padding: 0; display: flex; align-items: center }
.CartButton #slidingTopFooter > div a:before { position: static; display: inline-block; width: 40px; height: 40px }
.CartButton #TotalQuantityOnCart { position: static; background: none; color: inherit; font-weight: inherit; margin-left: 4px }
.CartButton #TotalQuantityOnCart:before { content: "(" }
.CartButton #TotalQuantityOnCart:after { content: ")"; display: inline; position: static; background: none }
.CartButton #slidingTopFooterLeft a { display: none !important }
.CartButton #basketSubTotal { background: #fff; color: #808080; border-top: 1px solid #e4e4e4 }
.CartButton #basketItemsWrap > ul > li { padding: 15px 0; margin: 0 10px !important; background: transparent }
.CartButton #basketItemsWrap > ul > li+li { border-top: 1px solid #e4e4e4 }

.CartButton #slidingTopWrap #slidingTopContent.added { opacity: 1; margin-top: 0; height: auto; animation-name: added; animation-duration: 0.5s; box-shadow: 0 0 6px rgba(0,0,0,0.2) }
.CartButton #slidingTopWrap #slidingTopContent.done { opacity: 0; margin-top: 1px; height: 0; animation-name: remove; animation-duration: 0.5s; box-shadow: 0 0 6px rgba(0,0,0,0.2) }

.CartButton .added #basketItemsWrap > ul > li,
.CartButton .done #basketItemsWrap > ul > li { display: none !important }
.CartButton .added #basketItemsWrap > ul > li:last-child,
.CartButton .done #basketItemsWrap > ul > li:last-child { display: block !important; border: 0; margin-top: 0 }
.CartButton .added #basketItemsWrap > ul > li:last-child > a,
.CartButton .done #basketItemsWrap > ul > li:last-child > a { display: none }
.CartButton .added #basketSubTotal,
.CartButton .done #basketSubTotal { display: none }

#basketItemsWrap li li { overflow: hidden; padding: 0; background: transparent !important; margin-top: 8px !important }
#basketItemsWrap li li img { width: 20%; float: left; margin-right: 12px }

@keyframes added {
  0%   { opacity: 0; margin-top: 10px; height: auto; }
  100% { opacity: 1; margin-top: 0; height: auto; }
}
@keyframes remove {
  0%   { opacity: 1; margin-top: 0; height: auto; }
  100% { opacity: 0; margin-top: 10px; height: 0; }
}

/* FitToEdge
---------------------------------------*/
body:not(.mt) .FitToEdge .TopSlidingCart { position: absolute; right: 0px; width: 122px; height: 36px }
body:not(.mt) .FitToEdge #slidingTopFooter > div a { padding-left: 36px }
body:not(.mt) .FitToEdge #slidingTopFooter > div a:before { width: 36px; height: 36px } 
body:not(.mt) .FitToEdge #slidingTopFooter #slidingTopFooterLeft a:before { background-position: center top -12px } 
body:not(.mt) .FitToEdge #slidingTopFooter #slidingTopFooterRight a:before { background-position: center bottom -14px } 
body:not(.mt) .FitToEdge #slidingTopFooterLeft { width: 86px }
body:not(.mt) .FitToEdge #slidingTopFooterRight { width: 36px }
body:not(.mt) .FitToEdge #slidingTopFooter > #slidingTopFooterLeft a:before { right: auto }

/* Show category - List Product
===============================================================================*/
.showCategory { position: relative } 
.showCategory > h2 { margin-bottom: 20px }
.ShowCategoryDetail ul { padding-left: 18px; margin: 1em 0px; list-style: disc}
.ShowCategoryDetail li { line-height: 1.5 }
.mt .ShowCategory .page-header { padding-left: 15px; padding-right: 15px; margin-top: 0px } 
/*-- Category Detail --*/
.mt .ShowCategoryDetail { padding-left: 15px; padding-right: 15px; }
/*-- List Products --*/
.ListProducts { font-size: 0px }
.mt .ListProducts { font-size: 0px; padding-left: 15px; padding-right: 15px; }
.ListProducts > div { font-size: 14px }
.productListItem { display: inline-block; vertical-align: top; width: 23.5%; margin-left: 2%; margin-bottom: 20px; position: relative }
.productListItem:after { content: ""; display: block; clear: both }
.productListItem:nth-of-type(4n+1) { margin-left: 0px }
.productListItem .productListImage { 
	text-align: center;
	background-image: url(/Content/Archive/1/No-Image-Basic-435163.png); 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block; 
	padding-top: 100%; 
	position: relative; 	
	width: 100%; 
	height: 0px
}
.productListItem .productListImage a { background: #fff; display: block; position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px; margin: auto }
.productListItem .productListImage img { max-height: 90%; max-width: 90%; position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.productListName, .productDescription, .LoginToSeePrice { margin-top: 12px }
.OutOfStock { color: #f00; font-weight: bold }
.FullPrice.ProductPrice { text-decoration: line-through; color: #a0a0a0 }
.DiscountPrice.ProductPrice { color: #f00 }
/*-- Product button --*/
a .ShoppingCartImage { display: none }
a.ShoppingCartLink { margin-top: 10px; }
.t .productListItem .productListImage img { max-height: 160px }
.t .LoginToSeePrice > a { font-size: 13px; padding: 0px; width: 100%; text-align: center; letter-spacing: 0px }
.m .productListItem { width: 49%; margin-left: 2% }
.m .productListItem:nth-of-type(2n+1) { margin-left: 0px }

/* Style List
---------------------------------------*/
.SetLayout { margin-bottom: 20px; position: absolute; top: 0px; right: 0px; }
.SetLayout button { padding: 0px 12px 0px 4px }
.SetLayout button:before { content: ""; display: inline-block; width: 30px; height: 30px; vertical-align: top; margin-top: 5px; margin-right: 4px;background-image: url(/Content/Archive/406/thumb-list-227317.png); }
.SetLayout button[data-layout="Grid"]:before { background-position: bottom  }
.ListProducts.List .productListItem { width: 100%; margin-left: 0px }
.ListProducts.List .productListItem > * { float: right; width: 70%; text-align: left }
.ListProducts.List .productListItem > .productListImage { float: left; width: 20%; padding-top: 20% }
.ListProducts.List .LoginToSeePrice > a { width: auto; padding: 0px 20px }

/* Items Per Page
---------------------------------------*/
.ItemsPerPageSettings { text-align: right; line-height: 40px; border-top: 1px solid #ededed }
.ItemsPerPageSettings a { padding: 0px 10px; line-height: 20px; border-right: 1px solid #ccc }
.ItemsPerPageSettings a.Active { font-weight: bold }
.ItemsPerPageSettings a:last-child { border: 0px }
.ItemsPerPageSettings+.Paging { padding-top: 10px; }


/* Product Detail
===============================================================================*/
.PageProductDetails #ContentArea { max-width: 1200px; margin: auto; background: #fff }
.ProductImages,.ProductImagesList { width: 65%; float: left; padding-right: 20px }
.ProductDetails { width: 35%; float: left }
.ProductThumbImagesWrapper.es-carousel-wrapper, .ProductThumbImagesWrapper .es-carousel { background: none }
.ProductThumbImagesWrapper.es-carousel-wrapper { padding: 10px 0px; border-top: 1px solid rgba(0,0,0,0.1); border-radius: 0px }
.ProductThumbImage { font-size: 0px; list-style: none } 
.ProductThumbImageItem { margin: 0px 5px 0px 0px !important; }
/*-- image --*/
.ProductMainImage, .ProductMainImages { border: 0px !important; position: relative; }
.ProductMainImage_Item { position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px }
.ProductMainImage_Wrapper { margin: 0px !important }
.ProductMainImageCaption { background: rgba(255,255,255,0.5) !important; opacity: 1 !important; left: 0px !important; width: 100% !important; top: auto !important; bottom: 0px }
.ProductMainImageCaption > span { text-align: center; color: #000; font-weight: 700; font-size: 18px }
.ProductMainImage_Wrapper > .Prev, .ProductMainImage_Wrapper > .Next { width: 50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1 }
.ProductMainImage_Wrapper > .Prev a, .ProductMainImage_Wrapper > .Next a { background: rgba(0,0,0,0.5); display: block; padding-top: 100%;  width: 100%; top: 0px; overflow: hidden; cursor: pointer; transition: all 0.2s; border-radius: 50% }
.ProductMainImage_Wrapper > .Prev a:hover, .ProductMainImage_Wrapper > .Next a:hover { background: #000 }
.ProductMainImage_Wrapper > .Prev a:before, .ProductMainImage_Wrapper > .Next a:before { 
	content: ""; 
	display: block; 
	height: 40%; 
	width: 40%; 
	border-top: 1px solid #fff; 
	border-right: 1px solid #fff; 
	position: absolute;
	top: 0%;
	right: 20%;
	bottom: 0px; 
	left: 0px;	
	margin: auto;
	transform: rotate(45deg)
}
.ProductMainImage_Wrapper > .Prev a:before { border: 0px; border-top: 1px solid #fff; border-left: 1px solid #fff; right: 0px; left: 20%; transform: rotate(-45deg) }
/*-- thumbs image --*/
/*-- Property Detail Thumb Item --*/
.es-carousel a { font-size: 0px; height: 124px !important; line-height: 124px !important; border: 0px !important; position: relative; overflow: hidden }
.es-carousel a:before { content: ""; display: block; left: 0px; top: 0px;width: 100%; height: 100%; background: rgba(255,255,255,0.5); position: absolute; z-index: 2 }
.es-carousel a img { 
	margin: auto !important; 
	position: absolute; 
	left: 50%; 
	right: 0px; 
	top: 0px; 
	bottom: 0px;	
	max-width: none !important;
	-webkit-transform: translateX(-50%); 
	transform: translateX(-50%);
}
.es-carousel .ActiveThumb:before { z-index: -1 }
.es-nav-prev, .es-nav-next { 
	position: absolute !important;
	height: 48px !important; 
	width: 25px !important; 
	top: 50% !important; 
	margin: -24px 0px 0px 0px !important; 
	font-size: 0px; 
	background: none !important;
	overflow: hidden;
	z-index: 500;
	transition: all 0.2s
}
.es-nav-prev { left: 0% !important; opacity: 0 !important }
.es-nav-next { right: 0% !important; opacity: 0 !important }
.es-carousel-wrapper:hover .es-nav-prev { left: 2% !important; opacity: 1 !important }
.es-carousel-wrapper:hover .es-nav-next { right: 2% !important; opacity: 1 !important }
.es-nav-prev:before, .es-nav-next:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 10px solid #ededed;
	border-top: 10px solid #ededed;
	width: 34px; 
	height: 34px; 
	left:0px;
	right: 0px;
	top: 0%; 
	bottom: 0%;
	margin: auto;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}
.es-nav-prev:before { -webkit-transform: rotateZ(-45deg) translate(18%, 18%); transform: rotateZ(-45deg) translate(18%, 18%) }
.es-nav-next:before { -webkit-transform: rotateZ(0deg) translate(18%, 18%); transform: rotateZ(135deg) translate(18%, 18%); left: auto; }
.es-nav-prev:hover:before, .es-nav-next:hover:before { border-color: #000 }

/*-- product detial --*/
.ProductDetails { float: right; width: 35% }
#ProductVariantList-button { width: 100% !important; box-sizing: border-box }
.ProductVariantListTable { font-weight: 700; color: #000 }
.ProductVariantListTable td {display: block }
.ProductVariantListTable td:last-child { width: 100% }
.ProductVariantListTable #ProductVariantList { margin-bottom: 10px }
.VarianName { font-size: 18px; font-weight: 600 }
.ProductVariantDetails .Label { font-weight: bold; margin-right: 4px }
.ProductVariantDetails .Value { color: #111; font-weight:bold}
.ProductVariantDetails .blockDetail td > div { line-height: 1.8; padding-bottom:10px}
.ProductDetails .VarianDescription { font-weight: 700; color: #000; background: #ededed; padding: 15px }
.ProductDetails .VarianDescription p { font-weight: normal; margin-bottom:5px}
.ProductVariantDetails > div > form { display: inline-block }
.ProductVariantImageBlock img { margin: 20px auto; display: block } 
.ProductDetails > h2 { border-bottom: 1px solid #e7e7e7; padding-bottom: 10px }
.VarianPrice { font-size: 160%; font-weight: 400; margin-top: 12px }
.SuggestedRetailPrice { font-size: 160%; font-weight: 400 }
.FullPrice.VarianPrice { font-size: 18px; text-decoration: line-through }
.DiscountPrice.VarianPrice { margin-top: 0px }
.VarianSupDelTime { margin-bottom: 20px }
.AddVariantToCartForm {width: 100%;border-top: 1px solid rgba(0,0,0,0.1);line-height: 40px;padding-top: 10px;margin-top: 4px;}
.AddVariantToCartForm > .Quantity {  overflow: hidden; display: inline-block; vertical-align: top; margin-top: 12px}
.AddVariantToCartForm .Value { color: #f00 }
.QuantityLabel { font-weight: 700; padding-right: 4px }
.QuantityValue { font-weight: 700; padding-right: 4px }
.QuantityValue input { border-radius: 4px;  background: #fff; text-align: center; vertical-align: top; width: auto; max-width: 50px }
.AddVariantToCartForm .BuyButton { padding: 0px 58px 0px 32px; border-radius: 4px; margin-top: 12px; display: block }
.AddVariantToCartForm .select-Agent-button { padding: 0px 60px 0px 20px; border-radius: 4px; margin-top: 12px }
input.make-button.BuyButton.btn-block { background-image: url(/Content/Archive/342/cart-24-81022.png) !important }
.AddVariantToCartForm .select-Agent-button { background-image: url(/Content/Archive/406/hand-shake-305304.svg) !important }
.AddVariantToCartForm .select-Agent-button { background-position: right 12px center !important }
.AddVariantToCartForm .select-Agent-button { background-repeat: no-repeat !important }
.AddVariantToCartForm .select-Agent-button { background-size: 32px !important }
.BuyButton { background-position: right 12px center !important }
.BuyButton { background-repeat: no-repeat !important }
label.FreeShippingLabel {
	display: inline-block;
	background: url(/Content/Archive/90/free-shipping-353172.svg) no-repeat center right 10px #e4e4e4;
	background-size: 30px;
	height: 32px;
	width:120px;
	padding:0 20px 0 10px;
	line-height:30px;
	font-weight:500;
	font-size:14px;
	text-align:left
}

/* ShowVideos
---------------------------------------*/
.ShowVideos {padding: 20px 0 0 0;}

/* Tabs
---------------------------------------*/
.PageProductDetails .ui-tabs { padding: 0px; border: 0px }
.PageProductDetails .ui-tabs-nav { padding: 0px; border: 0px; background: none; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px; margin-bottom: 20px }
.PageProductDetails .ui-tabs-nav .ui-state-default { top: 0px; border: 0px; border-radius: 0px; background: none; padding: 0px }
.PageProductDetails .ui-tabs-nav .ui-state-default a { padding: 10px 20px; background: rgba(0,0,0,0.1) }
.PageProductDetails .ui-tabs-nav .ui-state-active a { background: rgba(0,0,0,0.2); }
.PageProductDetails .ui-tabs-panel { padding: 0px }

/*-- Product detail --*/
.mt .ProductDetails .productPriceWrapRight .ShoppingCartLink { width: 100%; text-align: center; margin-top: 20px }
.mt .ProductDetails .form-group { margin-left: 0px; margin-right: 0px; margin-bottom: 0px }
.mt .ProductDetails .FullPrice.VarianPrice * { text-decoration: line-through }
.mt .ProductDetails .FullPrice.VarianPrice label.col-xs-6 {  margin-right: 0px !important }
.mt .ProductDetails .Variant .col-xs-6 { width: auto; display: inline-block; font-size: inherit; padding: 0px; margin-right: 8px }
.mt .ProductDetails .Variant .form-control-static { padding: 0px; min-height: 0px }
.mt .ProductDetails .Variant .VarianSKU { margin-top: 4px }
.mt .ProductImages { width: initial; float: none;padding: 0px }
.mt .ProductImages img { vertical-align: middle }
.mt .ProductDetails { width: initial; float: none; padding: 0px 0px;}
.mt .ProductDetails .page-header { margin: 0px; padding: 0px; border: 0px }
.mt .ProductDetails .page-header h1 { font-size: 28px; margin-bottom: 20px; line-height: 1 }
.mt .swiper-container { margin: 0px }
.mt .ProductDetails #accordion { clear: both; padding: 20px 15px 0px }
.mt .ProductDetails .Variant h2 { font-size: 16px; margin-bottom: 4px }
.mt .swiper-pagination { bottom: 0px; line-height: 16px; font-size: 0px }
.mt .ProductDetails .swiper-pagination-bullet { width: 12px; height: 12px; vertical-align: middle }
.mt .ProductDetails .swiper-pagination-bullet-active { width: 16px; height: 16px }
/*-- Tab Detail --*/
.PageProductDetails #tabs-file { margin-top: 40px }
.mt .ProductDetails .ui-widget { font-family: inherit; font-size: inherit }
.mt .ProductDetails .TabHeader { padding-left: 15px }
.mt .ProductDetails .TabHeader span { left: auto; right: .5em }
.mt .ProductDetails .TabDetail { padding: 15px }

.t .ProductDetails .page-header { float: right; width: 38.5%; padding-right: 15px }
.t .ProductDetails .ProductImages { float: left; width: 58.5% }
.t .ProductDetails .Variant { float: right; width: 38.5%; padding-right: 15px }
.t .ProductVariantDescription p:first-child { margin-top: 20px }

.m .ProductDetails .page-header h1 { text-align: center }
.m .ProductDetails .page-header h1,
.m .Variant { padding-left: 15px; padding-right: 15px }
.m .Variant { padding-top: 20px } 
.m .VarintList { text-align: center }
.m .VarintList .col-xs-6 { float: none }
.m .QuantityLabel { line-height: 1; display: block; margin-bottom: 4px; text-align: left }
.m .QuantityValue { display: block; padding: 0px }
.m .QuantityValue input { max-width: 100%; width: 100%; padding: 0px }
.m .AddVariantToCartForm { margin-top: 24px; border: 0px; padding: 0px }
.m .AddVariantToCartForm > .Quantity { display: block }
.m .ProductDetails .ProductVariantDescription { margin-top: 20px }
.mt .swiper-slide { width: 100% }

/* Product relate
===============================================================================*/
.RelatedCenter {margin:40px 0 0 0;}
body:not(.mt) .ProductFlexSliderWrapper .slides > li {width: 25%;}
.mt .RelatedCenter { padding-left: 15px; padding-right: 15px; }
.t .RelatedCenter .ProductFlexSlider { overflow: hidden; }
.t .RelatedCenter .flex-viewport { margin: 0 -15px; }
.t .RelatedCenter .ProductFlexSliderWrapper .slides > li > div { width: calc(100vw / 3); }
.t .RelatedCenter .ProductFlexSliderWrapper .productListItem { width: auto; display: block; margin: 0 15px; }
.m .RelatedCenter .ProductFlexSliderWrapper .slides > li > div { width: calc(100vw - 30px); }


/* Shopping Cart Page (Update 26/11/15)
===============================================================================*/
.shoppingcart_checkout,
.BillingAndShippingArea,
.ChoosePaymentMethods,
.OmisePaymentPanel,
.CheckoutCompleted {
    max-width: 1200px;
    background: #fff;
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #ededed;
    position: relative
}

    .shoppingcart_checkout:after,
    .BillingAndShippingArea:after,
    .ChoosePaymentMethods:after,
    .OmisePaymentPanel:after,
    .CheckoutCompleted:after {
        content: "";
        display: block;
        clear: both
    }

.mt .shoppingcart_checkout,
.mt .BillingAndShippingArea,
.mt .ChoosePaymentMethods,
.mt .OmisePaymentPanel,
.mt .CheckoutCompleted {
    padding: 0px 15px;
    border: 0px
}
/*-- active step --*/
.active-step, .inactive-step { 
	float: left; 
	display: block; 
	line-height: 36px; 
	padding: 0px 43px 0px 44px; 
	margin: 0px 20px;	
	border-radius: 4px 4px 0px 0px;
	position: relative;	
	color: #ddd
}
.t .active-step, .t .inactive-step { margin-left: 0px }
.CheckoutStep div[style="clear:both"] { padding-bottom: 20px; border-bottom: 1px solid #ededed;}
.active-step:before,.inactive-step:before { 
	position: absolute; width: 24px; height: 24px; left: 0%; top: 6px; margin: auto; line-height: 24px;
	background: #ddd;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	font-family: 'arial';
}
.arrow-step.active-step:after, .arrow-step.inactive-step:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	border: 3px solid #ddd;
	border-bottom: 0px;
	border-left: 0px;
	transform: rotate(45deg);
}
.active-step:nth-child(1):before, .inactive-step:nth-child(1):before { content: "1" }
.active-step:nth-child(2):before, .inactive-step:nth-child(2):before { content: "2" }
.active-step:nth-child(3):before, .inactive-step:nth-child(3):before { content: "3" }
.active-step:nth-child(4):before, .inactive-step:nth-child(4):before { content: "4" }
.active-step:nth-child(5):before, .inactive-step:nth-child(5):before { content: "5" }
.active-step:nth-child(5):after, .inactive-step:nth-child(5):after { display: none }
.active-step { color: #111; font-weight: 700 }
.active-step:before { background: #111; }
.m .active-step, .m .inactive-step { margin: 0px; float: none; color: #808080 }
.m .active-step { color: #323232 }
.m .active-step:after, .m .inactive-step:after { transform: rotate(135deg); }
.m .active-step:before { background: #323232 }
.m .active-step:after { border-color: #323232 }

/* Header
---------------------------------------*/
.ManageShoppingCart, 
.BillingAddress > h2, 
.ShippingAddress > h2, 
.CartItemsContent > h3, 
.CheckoutCompleted > h2,
.OrderInformationTitle { margin: 20px 0px 20px 0px; font-size: 24px }

/* Order item
---------------------------------------*/
#cartInformation #cartInfo { margin: 20px 0px; border: 1px solid #eee; padding: 10px; text-align: center; font-style: italic; border-radius: 4px }
#cartInformation { margin: 20px 0px }
/*-- Table --*/
.CartItems { margin: 20px 0px; width: 100% }
/*-- Table Summary--*/
.CartSummaryContent {width: 30%;margin-left: 70%;}
.CartSummaryContent > table { width: 100%;  }
.CartSummaryContent tr td { width: 50% }
/*-- Item Header --*/
.CartItems thead tr, .CartSummaryContent thead tr { background: none; border: 1px solid rgba(0,0,0,0.05) }
.CartItems thead th, .CartSummaryContent thead th, table.OrderInformation thead th { text-align: center !important; line-height: 40px; border-right: 1px solid rgba(0,0,0,0.05); }
/*-- Item List--*/
.CartItems tbody tr td, .CartSummaryContent tbody td, .CartSummaryContent tbody th, table.OrderInformation td, table.OrderInformation tbody th { 
	border-right: 1px solid; 
	border-top: 1px solid #ededed; 
	padding: 8px; 
	vertical-align: top
}
.CartItems tbody tr td:last-child, .CartSummaryContent tbody td:last-child, .CartSummaryContent tbody th:last-child, table.OrderInformation td:last-child, table.OrderInformation tbody th:last-child {
	border-right: 0px
}
.CartItems tbody tr td:nth-last-of-type(6) { width: 5%; text-align: center }
.CartItems tbody tr td:nth-last-of-type(5) { width: 10%; text-align: center }
.CartItems tbody tr td:nth-last-of-type(4) { width: 55%; text-align: left !important; padding: 8px 12px }
.CartItems tbody tr td:nth-last-of-type(3) { width: 10% }
.CartItems tbody tr td:nth-last-of-type(2) { width: 10%; text-align: center; padding: 6px 8px; vertical-align: top; }
.CartItems tbody tr td:nth-last-of-type(2) > div { width: 80% !important; text-align: center; vertical-align: top;  }
.CartItems tbody tr td:nth-last-of-type(2) input { 	
	width: 100%;
	line-height: 24px;
	min-height: 24px;	
	margin: 0px; 
	text-align: center;
}
.CartItems tbody tr td:nth-last-of-type(2) img { margin-top: 8px }
.CartItems tbody tr td:nth-last-of-type(1) { width: 10% }
.CartItems tbody .trProductBundle td:nth-last-of-type(4) { font-weight: bold }
.CartItems tbody .trProduct td:nth-of-type(n) { padding-top: 15px; padding-bottom: 15px }
.CartItems tbody .trProduct td:nth-last-of-type(2) { padding-top: 10px; }
.CartItems tbody .trProductBundle td:nth-of-type(n) { padding-bottom: 0px; padding-top: 15px }
.CartItems tbody .trProductBundle td:nth-last-of-type(2) { padding-top: 12px }
.CartItems tbody .BundleItem td:nth-of-type(n) { border-top: 0px; padding: 4px 12px }
.CartItems tbody .BundleItem td:nth-last-of-type(4):before { content: "-"; margin-right: 4px }
.displayRecurringText { position: relative }
.displayRecurringText > * { position: absolute; left: 70%; top: 0px; line-height: 40px }
.displayRecurringText img { vertical-align: middle }

/* Button Cart
---------------------------------------*/
.ShoppingCartButton { margin: 0px; position: relative; clear: both;}
.ShoppingCartButton:after { content: ""; display: block; clear: both }
.ShoppingCartButton a.checkOut { margin-top: 0px; clear: both }
.ShoppingCartButton a.ContinueShoppingButton, .ShoppingCartButton a.saveAsDraft { margin: 0px; position: relative; top: -80px }
.ShoppingCartButton img { display: none }
input.UpdateCartButton,
.checkOut[href^="/"] ,
a.ContinueShoppingButton, 
.PrintOrderButton, 
input.ContinueButton, 
a.checkOut { min-width: 0px; background-repeat: no-repeat !important; vertical-align: top }
input.UpdateCartButton,
button.UpdateCartButton,
a.ContinueShoppingButton,
.PrintOrderButton { background-position: left 14px center !important; padding: 0px 12px 0px 44px !important; vertical-align: top }
a.BackToHomeButton { margin-top: 20px }
input.ContinueButton, 
a.checkOut { background-position: right 10px center !important; padding: 0px 44px 0px 12px !important; float: right }
/*-- Icons --*/
input.UpdateCartButton, button.UpdateCartButton {background-image: url(/Content/Archive/342/refresh-18-81054.png) !important;display:block;white-space:nowrap;position: relative; top: -84px}
input.BuyButton { background-image: url(/Content/Archive/342/cart-24-81022.png) !important }
a.checkOut,input.ContinueButton { background-image: url(/Content/Archive/406/right-18-110695.png) !important }
a.ContinueShoppingButton { background-image: url(/Content/Archive/406/left-18-110694.png) !important }
.PrintOrderButton { background-image: url(/Content/Archive/342/document-18-81061.png) !important }
.mt input.UpdateCartButton, 
.mt button.UpdateCartButton,
.mt .ShoppingCartButton a.ContinueShoppingButton, 
.mt .ShoppingCartButton a.saveAsDraft { top: 0px }
.mt .ShoppingCartButton .checkOut,
.mt input.UpdateCartButton, 
.mt button.UpdateCartButton,
.mt .ShoppingCartButton a.ContinueShoppingButton, 
.mt .ShoppingCartButton a.saveAsDraft { margin-top: 4px }
.m input.BuyButton { background-image: none !important; padding: 0px 20px }

/*-- Table Summary--*/
.CartSummaryContent { overflow: hidden }
.CartSummaryContent { float: right; width: 30%; border-left: 1px solid #ededed; margin: 0px }
.CartSummaryContent tr td { width: 50% }
/* Comment
---------------------------------------*/
.CustomerComment { float: left; width: 70%; margin-top: 18px; padding-right: 20px }
.CustomerComment label { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; display: block; }
.CustomerComment textarea { width: 100%; height: 120px; margin: 0px; vertical-align: top }
.mt .CustomerComment { float: none; width: 100%; margin: 0px; padding: 24px 0px 0px }
.mt .CustomerComment > div { float: none; padding: 0px; width: 100% }
.mt .CustomerComment > div:first-child { font-weight: bold; margin-bottom: 4px; text-align: center }
.CustomerComment + .ShoppingCartButton { margin: 40px 0px 0px 0px; padding-top: 10px; clear: both; position: relative }
.CustomerComment + .ShoppingCartButton input.UpdateCartButton, .CustomerComment + .ShoppingCartButton button.UpdateCartButton {top: -4px}
.CustomerComment + .ShoppingCartButton a.ContinueShoppingButton, .CustomerComment + .ShoppingCartButton a.saveAsDraft { margin: 0px; position: relative; top: 0px }

/* BillingAndShippingForm
---------------------------------------*/
.BillingAndShippingArea > .AccountType { margin-top: 24px }
.BillingAndShippingArea > .AccountType > label+label { margin-left: 24px }
.BillingAndShippingForm { overflow: hidden }
.BillingAndShippingForm > .BillingAddress,
.BillingAndShippingForm > .ShippingAddress,
.BillingAndShippingForm .DisplayPerson > .BillingAddress,
.BillingAndShippingForm .DisplayPerson > .ShippingAddress,
.BillingAndShippingForm .DisplayCompany > .BillingAddress,
.BillingAndShippingForm .DisplayCompany > .ShippingAddress { font-size: 0px }
.BillingAndShippingForm > .BillingAddress > *,
.BillingAndShippingForm > .ShippingAddress > *,
.BillingAndShippingForm .DisplayPerson > .BillingAddress > *,
.BillingAndShippingForm .DisplayPerson > .ShippingAddress > *,
.BillingAndShippingForm .DisplayCompany > .BillingAddress > *,
.BillingAndShippingForm .DisplayCompany > .ShippingAddress > * { font-size: 14px }
.BillingAndShippingForm .SameAddress { margin-bottom: 12px }
.BillingAndShippingForm > div .editor-wrapper { width: 50%; padding-right: 1%; display: inline-block; vertical-align: top; margin-bottom: 20px }
.BillingAndShippingForm > div .editor-wrapper:nth-of-type(2n+0) { padding-left: 1%; padding-right: 0px }
.BillingAndShippingForm .ShippingAddress .editor-wrapper:nth-of-type(n) { padding-left: 0%; padding-right: 1% }
.BillingAndShippingForm .ShippingAddress .editor-wrapper:nth-of-type(2n+1) { padding-right: 0%; padding-left:1% }
.editor-wrapper.RequestField { margin-bottom: 20px; border-bottom: 0px }
.BillingAndShippingForm .editor-field { position: relative }
.mt .BillingAndShippingForm > .BillingAddress > *,
.mt .BillingAndShippingForm > .ShippingAddress > * { font-size: 16px }
.m .BillingAndShippingForm > div .editor-wrapper,
.m .BillingAndShippingForm  .ShippingAddress .editor-wrapper { width: 100%; padding: 0px; border: 0px }
.m .BillingAndShippingForm .editor-field { width: 100% }

.BillingAddress, .ShippingAddress { display: flex; flex-wrap: wrap }
.BillingAddress > h2, .ShippingAddress h2, .ShippingAddress .SameAddress { flex-basis: 100% }

/*Shipping Method
---------------------------------------*/
.ShippingProviderProduct { margin-top: 20px; font-weight: bold }

/* Choose Payment
---------------------------------------*/
.ChoosePaymentMethods .CartItems tbody tr td:nth-last-child(4) { width: 60% }
.ChoosePaymentMethods .BuyButtonPanel { margin-top: 10px }
.ChoosePaymentMethods .BuyButton { padding-right: 48px }
.ChoosePaymentMethods .RadioListItem * { vertical-align: top }
.ChoosePaymentMethods .RadioListItem + .RadioListItem { margin-top: 4px; }
.PaymentMethodDescription[style="display: block;"] { 
	display: inline-block !important; 
	margin: 0px; 
	margin-top: 2px;
	margin-left: 8px;
	width: 8px; 
	height: 16px; 	
	border-bottom: 3px solid #5EA22B; 
	border-right: 3px solid #5EA22B;
	transform: rotate(45deg);
	font-size: 0px
}
#ChoosPaymentMethodForm .BuyButtonPanel { text-align: center }
#ChoosPaymentMethodForm input.BuyButton { background-image: url(/Content/Archive/406/cart_white-305289.png) !important; background-size: 36px; background-position: right 5px bottom 2px !important }
.mt #ChoosPaymentMethodForm .BuyButtonPanel { text-align: center; margin-top: 20px }

/* Order summary
---------------------------------------*/
.CheckoutCompleted .OrderSummaryMessage { min-height: 40px; line-height: 40px; color: #50B848; background: url(/Content/Archive/406/icon-thank-111076.png) no-repeat left top; padding-left: 52px; margin-bottom: 40px }
.m .CheckoutCompleted .OrderSummaryMessage { line-height: normal }
a.PrintOrderButton { float: right; margin-top: 20px }
.m .PrintOrderButton { float: none }
/*-- Address Table --*/
.BillingShippingConfirmation { border: 1px solid }
.BillingAndShipping { padding: 0px 10px; line-height: 40px }
.BillingShippingConfirmation > div > div { padding: 10px 0px !important; margin: 0px 12px }
.BillingShippingConfirmation .BillingAddressTitle, .BillingShippingConfirmation .ShippingAddressTitle { border-bottom: 1px solid }
/*-- Product Table --*/
.OrderInformationTitle { margin-top: 40px; padding-bottom: 10px; border-bottom: 1px solid }
.OrderInformation { width: 100%; margin-top: 20px; border-left: 1px solid #ededed }
.m .OrderInformation { border: 0px }
table.OrderInformation tbody th { color: inherit }
.OrderInformation tbody tr td:nth-last-of-type(6) { width: 5%; text-align: center }
.OrderInformation tbody tr td:nth-last-of-type(5) { width: 10%; text-align: center }
.OrderInformation tbody tr td:nth-last-of-type(4) { width: 55%; text-align: left !important; padding: 8px 12px }
.OrderInformation tbody tr td:nth-last-of-type(3) { width: 10% }
.OrderInformation tbody tr td:nth-last-of-type(2) { width: 10%; text-align: center; padding: 6px 8px; vertical-align: top; }
.OrderInformation tbody tr td:nth-last-of-type(2) > div { width: 80% !important; text-align: center; vertical-align: top;  }
.OrderInformation tbody tr td:nth-last-of-type(2) input { 	
	width: 100%;
	line-height: 24px;
	min-height: 24px;	
	margin: 0px; 
	text-align: center;
}
.OrderInformation tbody tr td:nth-last-of-type(2) img { margin-top: 8px }
.OrderInformation tbody tr td:nth-last-of-type(1) { width: 10% }
.OrderInformation tbody .trProductBundle td:nth-last-of-type(4) { font-weight: bold }
.OrderInformation tbody .trProduct td:nth-of-type(n) { padding-top: 15px; padding-bottom: 15px }
.OrderInformation tbody .trProduct td:nth-last-of-type(2) { padding-top: 10px; }
.OrderInformation tbody .trProductBundle td:nth-of-type(n) { padding-bottom: 0px; padding-top: 15px }
.OrderInformation tbody .trProductBundle td:nth-last-of-type(2) { padding-top: 12px }
.OrderInformation tbody .BundleItem td:nth-of-type(n) { border-top: 0px; padding: 4px 12px }
.OrderInformation tbody .BundleItem td:nth-last-of-type(4):before { content: "-"; margin-right: 4px }
.OrderSummary .displayRecurringText { position: relative }
.OrderSummary .displayRecurringText > * { position: static;  top: 0px; line-height: 40px }
.OrderSummary .displayRecurringText img { vertical-align: middle }
.PageOrderDetails .BillingAddress > * { flex-basis: 100% }
.PageOrderDetails .BillingAddress > h4 { margin-top: 0 }

/*-- Change --*/
.CartItems thead, .CartSummaryContent thead, table.OrderInformation > thead, .BillingAndShipping { background: #999 } /*<-- background Header color */
.CartItems thead th, .CartSummaryContent thead tr, .BillingAndShipping, table.OrderInformation th { color: #fff } /*<-- font header color */
.CartItems tbody, .CartSummaryContent tbody, table.OrderInformation > tbody, .BillingShippingConfirmation { background: #fff; border: 1px solid #e5e5e5 } /*<-- background body color */
.CartItems tbody tr, 
.CartSummaryContent tbody tr, 
.CartItems tbody tr td, 
.CartSummaryContent tbody td, 
.CartSummaryContent tbody th, 
table.OrderInformation tr,
table.OrderInformation td, 
table.OrderInformation tbody th,
.BillingShippingConfirmation,
.OrderInformationTitle,
.BillingShippingConfirmation .BillingAddressTitle, 
.BillingShippingConfirmation .ShippingAddressTitle { border-color: #e5e5e5 } /*<-- border color */

.AnonymousCheckout { text-align: right }
.shoppingcart_checkout .AnonymousCheckout { padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.05)  }

.cbp-spmenu-push .TopSlidingCart { width: 50px !important; position: absolute; top: 0px; right: 50px; height: 50px }
.cbp-spmenu-push #slidingTopFooterLeft { display: none }
.cbp-spmenu-push .text #slidingTopFooter > div a { font-size: 0px; }
.cbp-spmenu-push .text.left #slidingTopFooter > div a { padding-left: 50px }
.cbp-spmenu-push #slidingTopFooter > div a { padding-left: 50px }
.cbp-spmenu-push #slidingTopFooter > div a:after, .cbp-spmenu-push #slidingTopFooter > div a:before { width: 50px; height: 60px; background-size: 60px }
.cbp-spmenu-push #TotalQuantityOnCart { display: none }

.cbp-spmenu-push .dFlex #slidingTopFooter > div a { padding: 0 }

.t .row.orderItem, .m .row.orderItem { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 10px; margin: 10px 0px 10px 0px; }
.t .row.orderItem > div, .m .row.orderItem > div { padding: 0px }
.t .row.OrderSumaryTotal, .m .row.OrderSumaryTotal { margin: 20px 0px; font-size: 16px }
.t .row.OrderSumaryTotal .col-xs-6, .m .row.OrderSumaryTotal .col-xs-6 { padding: 0px }
.mt .row.OrderSumaryTotal .col-xs-6 { padding: 8px 0px }
.mt .row.OrderSumaryTotal .col-xs-6:nth-of-type(n+3) { border-top: 1px solid #e0e0e0 }
.mt .row.OrderSumaryTotal .col-xs-6:nth-of-type(2n+1) { font-weight: bold }

/* tBig
---------------------------------------*/
.t .tBig  .TopSlidingCart  { height: 64px; width: 64px !important; right: 64px }
.t .tBig  #slidingTopFooter > div a { padding-left: 64px }
.t .tBig  #slidingTopFooter > div a:after, 
.t .tBig  #slidingTopFooter > div a:before { width: 64px; height: 64px; background-size: 64px; background-size: 64px }


/* Attribute tab
===============================================================================*/
.AttributeGroupItem { margin-bottom: 24px; overflow: hidden }
.AttributeGroupItem pre { margin: 0px; font-family: inherit }
.AttributeGroupItem h3 { border-bottom: 2px solid #efefef; padding: 8px 12px; font-size: 24px !important }
/*-- Basic --*/
.AttributeGroupItem .AttributeText { padding: 5px 0px }
.AttributeGroupItem .AttributeText .Label { width: 35%; font-weight: 600; color: #000; padding: 4px 12px; display: inline-block; vertical-align: top; text-align: left }
.AttributeGroupItem .AttributeText .ValueList { width: 63%; padding: 4px 12px; display: inline-block; text-align: left }
.AttributeGroupItem .AttributeText .ValueList .Value { display: inline-block }
.AttributeGroupItem .AttributeText:nth-of-type(2n+2) { background: #f7f7f7 }
/*-- Certificate --*/
.AttributeGroupItem .AttributeGroupItemValue { text-align: center }
.AttributeGroupItem .AttributeGroupItemValue .AttributeImage { display: inline-block }
/*-- Table --*/
.AttributeGroupItem .AttributeTable { width: 100%; font-size: 13px; margin: 0px auto; border: 1px solid #efefef }
.AttributeGroupItem .AttributeTable thead { color: #2b3e50; font-weight: 700 }
.AttributeGroupItem .AttributeTable th { padding: 4px; vertical-align: middle }
.AttributeGroupItem .AttributeTable tbody tr:nth-of-type(2n+1) { background: #f7f7f7; }


/*-- Attribute at variant details --*/
.AddProductAttributeForm .AttributeItemName { font-weight: bold }
.AddProductAttributeForm .AttributeItemValue { display: inline-block; position: relative; min-width: 36px; line-height: normal; text-align: center; vertical-align: top; cursor: pointer; margin-bottom: 8px }
.AddProductAttributeForm .AttributeItemValue > input { position: absolute; opacity: 0 }
.AddProductAttributeForm .AttributeItemValue > label > span { background-color: #e4e4e4; display: block; line-height: 36px; min-height: 36px; transition: all 0.2s; cursor: pointer;position: relative; padding: 0 7px }
.AddProductAttributeForm .AttributeItemValue > label > span img { max-height: 72px }
.AddProductAttributeForm .AttributeItemValue > label > span:before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); top: 0; left: 0; transition: border-color 0.2s }
.AddProductAttributeForm .AttributeItemValue > input:checked + label > span { background-color: #d2d2d2;  }
.AddProductAttributeForm .AttributeItemValue > input:checked + label > span:before { border-color: #323232; border-width: 2px }
.AddProductAttributeForm .AttributeItemValue > label > span.AttributeItemValueColor,
.AddProductAttributeForm .AttributeItemValue > label > span.AttributeItemValueImage { padding: 0 }

.AttributeColorPicker .AttributeItemName { font-weight: bold }
.AttributeColorPicker .AttributeItemValue { display: inline-block; position: relative; min-width: 36px; line-height: normal; text-align: center; vertical-align: top; cursor: pointer; margin-bottom: 8px }
.AttributeColorPicker .AttributeItemValue > input { position: absolute; opacity: 0 }
.AttributeColorPicker .AttributeItemValue > label > span { background-color: #e4e4e4; display: block; line-height: 36px; min-height: 36px; transition: all 0.2s; cursor: pointer;position: relative; padding: 0 7px }
.AttributeColorPicker .AttributeItemValue > label > span img { max-height: 72px }
.AttributeColorPicker .AttributeItemValue > label > span:before,
.AttributeColorPicker .AttributeItemValue > label > span:after { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); top: 0; left: 0; transition: border-color 0.2s }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span { background-color: #d2d2d2;  }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span:before { border-color: #323232; border-width: 2px }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span:after { border-color: #fff; border-width: 2px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px }
.AttributeColorPicker .AttributeItemValue > label > span.AttributeItemValueColor,
.AttributeColorPicker .AttributeItemValue > label > span.AttributeItemValueImage { padding: 0 }


/* mobile
---------------------------------------*/
.mt .AttributeGroupItem pre { padding: 0px; background: none; border: 0px; white-space: pre-wrap; word-wrap: break-word; display: inline }
.mt .AttributeGroupItem h3 { padding: 8px 0px }	
.mt .AttributeGroupItem .AttributeText { background: none !important; border-bottom: 1px solid #efefef }
.m .AttributeGroupItem .AttributeText .Label { width: 100%; padding: 4px 0px; display: block; text-align: left }
.m .AttributeGroupItem .AttributeText .ValueList { width: 100%; padding: 4px 0px; display: block; text-align: left }	
.mt .AttributeGroupItem .AttributeText .ValueList .Value { display: block; padding-left: 14px; position: relative }
.mt .AttributeGroupItem .AttributeText .ValueList .Value:before { content: "- "; position: absolute; left: 0px; }
.m .AttributeGroupItem th, .m .AttributeGroupItem td { font-size: 12px !important }


/* tab file
===============================================================================*/
.PageProductDetails #tabs-file table { width: 100% }
.PageProductDetails #tabs-file thead { background: #ededed; line-height: 32px }
.PageProductDetails #tabs-file thead th { padding: 0px 8px }
.PageProductDetails #tabs-file tbody { line-height: 32px } 
.PageProductDetails #tabs-file tbody td { border-bottom: 1px solid #ededed } 

/* Mobile
---------------------------------------*/
.mt .TabDetail table { width: 100% }
.mt .TabDetail thead { background: #ededed; line-height: 32px }
.mt .TabDetail thead th { padding: 0px 8px }
.mt .TabDetail tbody { line-height: 32px } 
.mt .TabDetail tbody td { border-bottom: 1px solid #ededed; padding: 8px } 


/*OrderTickets
===============================================================================*/
.OrderTickets { max-width: 1200px; margin: auto; position: relative; }
/*-- Right side --*/
.OrderTicketsPanel > form,
.OrderTicketLogOnPanel { position: absolute; right: 0px; top: 56px; width: 23.5%; border: 1px solid #ededed; background: #fff }
.OrderTicketLogOnPanel .LogOnPanel { width: 100% !important }
/*-- Table --*/
.OrderTicketsPanel { max-width: 74.5%; background: #fff;  }
.OrderTicketsPanel > form { padding: 15px }
/*-- checkout step --*/
.OrderTicketsPanel .CheckoutStep { font-size: 0px; }
.OrderTicketsPanel .CheckoutStep > div { width: 30%; font-size: 14px; margin: 0px 2% 0px 2%; text-align: center }
.OrderTicketsPanel .CheckoutStep > div:first-child { margin-left: 0px }
.OrderTicketsPanel .active-step { color: #000 }
.OrderTicketsPanel .active-step:before { background: #000 }
.OrderTicketsPanel .active-step:after { border-color: #000 }
.OrderTicketsPanel .CheckoutStep div[style="clear:both"] { border: 0px !important; }
.OrderTicketsPanel .CheckoutStep > div:nth-of-type(3):after { display: none }
.OrderTicketsPanel .CheckoutStep > div:last-child { width: 100%; margin: 0px; }
/*-- Ticket item --*/
.OrderTicketsPanel .ProductItem { font-size: 0px; border: 1px solid #ededed; padding: 20px }
.OrderTicketsPanel .ProductItem+.ProductItem { margin-top: 20px }
.OrderTicketsPanel .ProductItem > div { font-size: 14px; }
.OrderTicketsPanel .ProductItem > h3 { margin: 20px 0px 10px 0px }
.OrderTicketsPanel .ProductItem .ProductVarintItem { display: inline-block; width: 23.5%; margin-left: 2%; margin-top: 20px; vertical-align: top }
.OrderTicketsPanel .ProductItem .ProductVarintItem:nth-of-type(4n+2) { margin-left: 0px }
.OrderTicketsPanel .ProductItem .VarintPrice { line-height: 40px; padding: 0px 12px; background: #ededed; font-weight: bold }
.OrderTicketsPanel .ProductItem .TicketDetails { border: 1px solid #ededed; border-top: 0px; padding: 15px }
/*-- Order form --*/
.OrderTicketsForm div:after { content: ""; display: block; clear: both }
.OrderTicketsForm .OrderTicketType label { display: block; line-height: 32px; font-size: 16px; font-weight: bold }
.OrderTicketsForm .OrderTicketType label+label { border-top: 1px solid #f7f7f7 }
.OrderTicketsForm .OrderTicketType label input { margin-left: 0px }
.OrderTicketsForm #GiftRecipientDetails h2 { line-height: 40px }
.OrderTicketsForm #GiftRecipientDetails label { margin-bottom: 4px; font-weight: bold; }
.OrderTicketsForm #GiftRecipientDetails .control-group+.control-group { margin-top: 12px }
.OrderTicketsForm .OrderDetail { border-top: 1px solid #ccc; margin-top: 12px; padding-top: 6px; }
.OrderTicketsForm .CustomerInfo > div { border-bottom: 1px solid #ededed; padding: 8px 0px }
.OrderTicketsForm .DisplayOrderItem { border-bottom: 1px solid #ededed; }
.OrderTicketsForm .DisplayOrderItem .OrderItem { padding: 8px 0px 8px 24px; position: relative }
.OrderTicketsForm .DisplayOrderItem .OrderItem .label {width: 78%;}
.OrderTicketsForm .DisplayOrderItem .OrderItem .RemoveOrderItem { position: absolute; left: 0px; top: 8px }
.OrderTicketsForm .ActionButton { margin-top: 20px }
.OrderTicketsForm .ActionButton .btn { margin-top: 20px }
.OrderTicketsForm .OrderTotal { font-weight: bold; padding: 8px 0px }
/*-- Mobile and tablet --*/
.mt .OrderTicketLogOnPanel #registerPanel { max-width: 100%; padding: 0px 15px 15px 15px }
.mt .OrderTickets { margin: 0px 15px }
.mt .OrderTicketsPanel #PopUpArticle { padding-left: 8px }
.mt .OrderTicketsPanel .ActionButton .btn { margin-top: 12px }
/*-- Mobile --*/
.m .OrderTicketsPanel { max-width: 100% }
.m .OrderTicketsPanel+div, .m .OrderTicketsPanel > form { position: static; max-width: 100%; width: 100% }
.m .OrderTicketsPanel .CheckoutStep > div { width: 100%; margin: 0px }
.m .OrderTicketsPanel .CheckoutStep > div+div { border-top: 1px solid #ededed }
.m .OrderTicketsPanel .active-step:after, .m .OrderTicketsPanel .inactive-step:after { transform: rotate(135deg); -webkit-transform: rotate(135deg) }
.m .OrderTicketsPanel .ProductItem > h3 { margin: 0px 0px 10px 0px }
.m .OrderTicketsPanel .ProductItem { padding: 10px }
.m .OrderTicketsPanel .ProductItem .ProductVarintItem { width: 100%; margin-left: 0px }
.m .OrderTicketsForm .label { text-align: left; font-size: inherit; width: 70%; white-space: normal; font-weight: normal }
.m .OrderTicketsForm .OrderDetail, .m .OrderTicketsForm .ActionButton .Agreement { padding-left: 0px }


/* Breadcrumb
===============================================================================*/
.Breadcrumb .BreadcrumbSeparate { padding: 0px 4px }
.Breadcrumb .BreadcrumbItem:last-child { opacity: 0.65 }


/* Wishlist button
===============================================================================*/
.mt .ProductWishList { padding: 0px 15px }
.AddToWishList { margin-top: 12px }
.AddToWishList .AddToWishListLink {	
	padding: 0px 32px 0px 12px; 
	line-height: 28px;
	height: 28px;	
	font-size: 12px; 
	background-image: url(/Content/Archive/406/icon-wishlist-226818.png); 
	background-position: right 6px center;
	background-size: 18px;
}
.AddToWishList .AddToWishListLink:hover, .AddToWishList .AddToWishListLink:active { 
	background-image: url(/Content/Archive/406/icon-wishlist-226818.png);
	background-position: right 6px center;
}
.RemoveWishList { position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; overflow: hidden; border-radius: 3px }
.RemoveWishList .RemoveWishListLink { 
	font-size: 0px; 
	width: 100%; 
	height: 100%; 
	line-height: 18px; 
	padding: 0px;
	background-image: url(/Content/Archive/406/icon-close-w-226817.png);
	background-position: center center;
	vertical-align: top;
	background-size: 70%;
}
.RemoveWishList .RemoveWishListLink:hover,
.RemoveWishList .RemoveWishListLink:active { background-image: url(/Content/Archive/406/icon-close-w-226817.png); }
.t .AddToWishListLink, .t .AddToWishList .AddToWishListLink:hover, .t .AddToWishList .AddToWishListLink:active { padding: 0px 12px; background-image: none }
.m .AddToWishListLink { font-size: 14px; padding: 10px 12px; line-height: normal; height: auto }
.mt .ProductDetails  .AddToWishListLink { 
	line-height: 40px; 
	height: 40px; 
	font-size: 16px; 
	width: 100%; 
	text-align: center; 
	background-image: url(/Content/Archive/406/icon-wishlist-226818.png); 
	padding: 0px 50px;
	background-position: right 12px center
}
.mt .ProductDetails  .AddToWishListLink:hover,.mt .ProductDetails  .AddToWishListLink:active {
	background-image: url(/Content/Archive/406/icon-wishlist-226818.png); 
	background-position: right 12px center
}


/* Category slide
===============================================================================*/
.CategoryItemSlide .ProductFlexSlider .slides > li { width: calc(100% / 4) }
.m .CategoryItemSlide .ProductFlexSlider .slides > li { width: 100% }
.CategoryItemSlide .ProductFlexSlider .slides > li .productListItem { width: 100% }
.CategoryItemSlide .ProductFlexSlider .slides > li .productListItem img { width: auto; }
.Space .CategoryItemSlide .ProductFlexSlider .slides > li { width: calc((100% / 100) * 23.5); margin-left: calc((1200px / 100) * 2); }
.Space.S3 .CategoryItemSlide .ProductFlexSlider .slides > li { width: calc((100% / 100) * 22.75); margin-left: calc((1200px / 100) * 3) }
.Space .CategoryItemSlide .ProductFlexSlider .slides > li:nth-of-type(4n+1) { margin-left: 0% }
.CategoryItemSlide .CategoryItemSlideShowAll { text-align: center }


/* Login
---------------------------------------*/
.shoppingcart_checkout:after { content: ""; display: block; clear: both }
.shoppingcart_checkout #logonPanel { float: left; width: 32%; max-width: 100%; margin-right: 2%; border: 1px solid #ededed; padding: 0px 20px; height: 312px; }
.shoppingcart_checkout #logonPanel > h2 { font-size: 28px; margin-top: 20px; line-height: 1 }
.shoppingcart_checkout #logonPanel form { width: 100% }
.shoppingcart_checkout #logonPanel form #UserName,.shoppingcart_checkout #logonPanel form #Password { width: 100% }
.shoppingcart_checkout .LogOnPanel form .ForgotPasswordLink { width: 100% !important }
.shoppingcart_checkout #registerPanel  { float: left; width: 32%; margin-right: 2%; max-width: 100%; border: 1px solid #ededed; padding: 0px 20px 20px 20px; height: 312px; }
.shoppingcart_checkout #registerPanel fieldset { margin: 0px; border: 0px; padding: 0px }
.shoppingcart_checkout #registerPanel legend { display: block; font-size: 28px; font-weight: 700; margin: 0px; padding: 20px 0px 10px 0px }
.shoppingcart_checkout #registerPanel button { margin-top: 20px }
.checkOut.AnonymousCheckout { position: absolute; right: 0px; margin-top: 0px;top: calc(100% + 20px); width: 32%; text-align: left } 
@media only screen and (orientation: portrait) {
	.mt .checkOut.AnonymousCheckout { height: auto; line-height: 1.3; padding: 10px 36px 10px 12px !important }
}
.m .checkOut.AnonymousCheckout { position: static; margin-top: 20px; float: none }
.m .shoppingcart_checkout #logonPanel, .m .shoppingcart_checkout #registerPanel {width: 100%;float: none; height: auto}


/* Agents
===============================================================================*/
.AgentList { margin: auto; max-width: 720px } 
.AgentList .AgentDescriptionText { margin: 1em 0px }
.AgentList table, .AgentList thead, .AgentList tbody, .AgentList tr, .AgentList th, .AgentList td { display: block }
.AgentList table { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px }
.AgentList th { margin-bottom: 10px; font-weight: bold }
.AgentList tr+tr { border-top: 1px dotted #e0e0e0; margin-top: 10px; padding-top: 10px }
.AgentList td { padding: 4px 0px; display: inline-block }
.AgentList td:last-child { float: right; padding: 0px }
.AgentList td button,.AgentList td button:hover,.AgentList td button:active { height: 29px; line-height: 27px; border: 1px solid rgba(0,0,0,0.2) }
.mt .AgentList { padding: 0px 15px }


/* ShippingQuoteConfirmation
===============================================================================*/
.ShippingQuoteConfirmation { max-width: 1220px; padding: 0px 10px; margin: auto }
.ShippingQuoteConfirmation > .ShippingQuoteConfirmation { padding: 10px; margin-bottom: 20px; background: rgba(0,0,0,.05) }
.ShippingQuoteConfirmation .btn.ConfirmShippingQuoteBtn { max-width: 200px; display: block; margin: 20px auto }
.m .ShippingQuoteConfirmation .btn.ConfirmShippingQuoteBtn { max-width: 100%; display: block; margin: 20px auto }

#ProductDetails { max-width: 1200px; margin: auto }
#ProductDetails > div { display: flex; flex-wrap: wrap; justify-content: space-between }

#ProductImage { flex-basis: 100% }
#ProductInformation { flex-basis: 100% }
#ProductVariantInformation { flex-basis: 28%; order: 3 }
#BundleProductPanel { flex-basis: 70% }
#BundleProductPanel .BundleItemList { display: flex; flex-wrap: wrap; justify-content: space-between }
#BundleProductPanel .BundleItem { flex-basis: 22.75%; margin: 20px 0 }

.BundleSelectedItem { margin-top: 16px }

.BundleSelectedItem { display: flex; justify-content: space-between; align-items: flex-start }
.BundleSelectedItem > div:nth-child(1) { flex-basis: 20%; overflow: hidden; border-radius: 4px; }
.BundleSelectedItem > div:nth-child(2) { flex-basis: 64%; margin: 0 auto;  }
.BundleSelectedItem > div:nth-child(2) > div { display: flex; align-items: center; justify-content: space-between; width: 74px; margin-bottom: 6px }
.BundleSelectedItem h4 { margin: 0; font-size: 14px; line-height: 1.3 }
.BundleSelectedItem > div:nth-child(3) { flex-basis: 6%; text-align: center; line-height: 1.3 }

.BundleSelectedItem button { padding: 0; height: auto; line-height: 1.3; background: transparent; position: relative; width: 20px; height: 20px }
.BundleSelectedItem button:before,
.BundleSelectedItem button:after { content: ""; width: 100%; height: 2px; background: #808080; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 20px; transition: background 0.2s }
.BundleSelectedItem .remove:before { transform: rotate(45deg); width: 80% }
.BundleSelectedItem .remove:after { transform: rotate(-45deg); width: 80% }
.BundleSelectedItem .remove:hover:before,
.BundleSelectedItem .remove:hover:after { background: #f00 }

.BundleSelectedItem .minus { border: 2px solid #808080; border-radius: 50px; }
.BundleSelectedItem .minus:before { width: 50% }
.BundleSelectedItem .minus:after { display: none }

.BundleSelectedItem .plus { border: 2px solid #808080; border-radius: 50px; }
.BundleSelectedItem .plus:before,
.BundleSelectedItem .plus:after { width: 60% }
.BundleSelectedItem .plus:after { transform: rotate(90deg) }
.BundleSelectedItem .quantity { width: 24px; display: inline-block; text-align: center; line-height: 20px; padding-top: 2px; background: #e4e4e4; border-radius: 4px }