<!DOCTYPE html>
<html lang="en">
    <head>
        
<meta charset="utf-8">
<title>delight.com: online shopping marketplace for fabulous products and irresistible offers</title>
<meta name="Description" content="www.Delight.com - Home">
<meta name="Keywords" content="">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="shortcut icon" href="/img/favicon.ico"><link rel="canonical" href="https://www.delight.com/"><link rel="preload" href="/plugins/font-awesome/font-awesome.min.v1772616465.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<style>


/*---------- custom font ------------*/
 @font-face{ font-display:swap; font-family: 'Calibri Light'; src:url('img/common/calibril.ttf') format("truetype"); } @font-face{ font-display:swap; font-family: 'HelveticaNeueW-Thin'; src:url('img/common/helveticaneueltcom-th.ttf') format("truetype"); } @font-face{ font-display:swap; font-family: 'Lato'; src:url('img/common/lato-regular.ttf') format("truetype"), url('img/common/lato-regular.eot') format("embedded-opentype"); } @font-face{ font-display:swap; font-family: 'Neue Helvetica'; src:url('img/common/helveticaneueltcom-lt.ttf') format("truetype"), url('img/common/helveticaneueltcom-roman.ttf') format("truetype"); } @font-face{ font-display:swap; font-family: 'NeutraText'; src:url('img/common/neutra2text-book-webfont.eot') format("embedded-opentype"), url('img/common/neutra2text-book-webfont.woff') format("woff"), url('img/common/neutra2text-book-webfont.ttf') format("truetype"); } @font-face{ font-display:swap; font-family: 'Open Sans'; src:url('img/common/opensans-regular.ttf') format("truetype"); } @font-face{ font-display:swap; font-family: 'Swis-Roman'; src:url('img/common/swiss721lightbt.ttf') format("truetype"), url('img/common/swiss721lightitalicbt.ttf') format("truetype"); } 

/*---------- base css ------------*/
 :root { --box-width: 1440px; --sidebar-width: 250px; --main_products-gap: 30px; --sidebar-menu5: 30px; --box-padding: 15px; --min-item-width: 250px; --columns: 4; --product-gap: 15px; } .dp-grid{ display: grid; grid-auto-flow: column; grid-template-columns: 1fr; } .flexfull { grid-column: 1 / -1; } .dp-flex{ margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around; column-gap: var(--product-gap); row-gap: 30px; } .flex-start{ justify-content: flex-start; } .gap50{ gap: 50px; } /* BASIC PAGE SETUP ------------------------------- */
 * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 11px; line-height: 2.3em; } body { margin: 0 auto; color: #717171; } .labelcontentedit{ width: 100%; height: 100%; word-break: break-word; overflow-y: auto; } body, .page { margin: 0; padding: 0; font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; /*min-height: 100vh;*/ } .page, .body_container { position: relative; margin: 0 auto; } iframe { border: none !important; } textarea { min-height: 100px; } input, textarea, select { color: #333333; border: 1px solid #ccc; padding: 0.5em; background-color: #ffffff; } select{ height:30px; } input::-moz-focus-inner { border: 0; } input[disabled="disabled"], input.disabled, input:disabled{ color: #999999; background: #e6e6e6; -moz-box-shadow: inset 0 0 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; } .login_layer input:disabled{ cursor: not-allowed; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { border:0; cursor: pointer; text-decoration: none; } input[type="checkbox"], input[type="radio"] { margin: 0 7px 0 0; } input:not([type="button"]).full100, textarea.full100, select.full100 { width: 100%; } input:not([type="button"]).full, textarea.full, select.full { width: 95%; } input:not([type="button"]).long, textarea.long { width: 80%; } input:not([type="button"]).middle, textarea.middle, .middle { width: 50%; } input:not([type="button"]).short, textarea.short, .shortinput { width: 20%; } #PhoneNumber, .phonecode > span > input[type="text"]{ border-bottom-left-radius: 0; border-top-left-radius: 0; } #PhoneCode, #phonecountrybox{ border-bottom-right-radius: 0; border-top-right-radius: 0; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea{ border-radius: 0.5em; } button:focus, button:active:focus, input:focus, input:active:focus, .button:focus, .button:active:focus, select:focus, select:active:focus, textarea:focus, textarea:active:focus, a.button:focus, a.button:active:focus { outline: 0 none; } input[type="number"]{ width: 60%; min-width: 50px; } .BotSideMenuOn, .BotSideMenuOff{ display: none; } .MainCountdown { margin: 0 auto; text-align: center; width: 100%; margin-bottom: 25px; } .subcat_main_img + .MainCountdown { margin-top: -18px; } .TextCountdown{ padding-top: 1em; line-height: 1em; display: inline-block; font-size: 1.5em; } .SubCountdown{ padding: 2.5em; } .ExpCountdown{ padding: 0.5em; } .BoxTime{ padding: 0 15px; display: inline-block; border-right: 1px solid #C7C7C7; } .TextBoxTime{ font-weight: bold; font-size: 1em; } .BoxTime:last-child{ border-right: 0; } .Countdown{ font-weight: bold; line-height: 1em; font-size: 1.5em; } #labelCue:checked ~ .cusLabel{ visibility: hidden; overflow: hidden; height: 0px; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; -webkit-transition: visibility 0s 1s, opacity 1s linear; -moz-transition: visibility 0s 1s, opacity 1s linear; -o-transition: visibility 0s 1s, opacity 1s linear; } .cusLabel{ visibility: visible; overflow: hidden; opacity: 1; transition: opacity 2s linear; } .boxColumn > div { display: inline-block; padding: 0 2.5em 0 5px; } .padding-ten{ padding: 10px; } .padding-5 { padding: 5px; } .pointer, .close_content { cursor: pointer; } blockquote { margin: 30px 20px 0 30px; overflow: hidden; line-height: 1.4em; } blockquote .column p { line-height: 1.4em; } /* HEADINGS ------------------------------- */
 h1, h2, h3, h4, h5, h6 { font-weight : bold; margin: 0; padding: 0; border: 0; vertical-align: baseline; } h1 { font-size: 1.4em; line-height: 1.4; } h2 { margin-bottom: .5em; font-size: 1.3em; line-height: 1.2; } h3 { letter-spacing: -1px; font-size: 1.2em; line-height: 1.3; } h4 { font-size: 1.1em; line-height: 1.25; } h5 { font-size: 1em; } h6 { font-size: 1em; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-weight: 400; } .fa-size{ font-size: 2.3em !important; } .fa-size-small{ font-size: 8pt !important; } .fa-2x{ font-size: 2em !important; } .fa-lg { font-size: 1.33em !important; line-height: 0.75em; vertical-align: -15%; } .fa.socialcell, .fab.socialcell, .far.socialcell{ font-weight: 400 !important; /*font-family: 'FontAwesome';*/ } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .positionText-Top { vertical-align: top; } .DiscountLayer{ width: 100%; display: none; position: absolute; visibility: hidden; z-index: 5; height: auto; max-height: 150px; border: 1px gray solid; background-color:#f7f6f2; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-sizing: border-box; padding: 2px; text-align: left; margin: 15px auto; } .DiscountLayer >div{ white-space: normal; padding: 20px 10px 30px 10px; box-sizing: border-box; } .DiscountLayer .btn_Close{ cursor: pointer; display: block; text-align: right; padding-right: 0 !important; } /* TYPOGRAPHY ------------------------------- */
 p, ol, ul, dl, address { margin-bottom: 1.5em; } p.center { text-align: center; } p.lineheightCh{ line-height: 2.5em !important; } ul, ol { margin: 0; padding: 0; list-style: none; } li ul, li ol { margin: 0; } hr { height: 1px; border: 0; } hr.line2px { height: 2px; } /* LINKS ------------------------------- */
 a, .linkstyle { text-decoration: underline; cursor: pointer; } /* IMAGES ------------------------------- */
 img { border: 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .product_img *:not(.on_zoom) img, .product_img > img{ max-width: 100%; } .set-img-zoom { position: absolute; top: 0; left: 0; max-width: none; } /* FORMS ------------------------------- */
 label { font-weight: normal; display: block; margin: 0; position: relative; top: 0; left: 0; } .phone_type label, .inline_label { display: inline-block !important; } /* GLOBAL OBJECTS ------------------------------- */
 .floatleft { float: left !important; } .floatright { float: right !important; } .clearboth { clear: both; } .contentwidth{ padding-left: 15px; padding-right: 15px; } #MainHeaderArea ul, #MainHeaderArea2 ul, #MainContentArea, #MainContentArea2, .footer-container > *, .contentwidth { margin-left: auto !important; margin-right: auto !important; } #MainContentArea:not(:has(.Row-1)){ margin: 15px auto !important; } .div-center, .footer_row { margin: 0 auto !important; } .text-left, .textSpecification, .first-invoice-table ul li { text-align: left !important; } .text-right, .first-invoice-table ul li.invDetail { text-align: right !important; } .text-center, .invoiceTable ul li ul .invImage, .return_header .Cell3, ul.bottomheader li { text-align: center !important; } .text-underline { text-decoration: underline !important; } .none-underline { text-decoration: none; } .text-red, .color-red { color: #ff0000 !important; } .text-purple { color: #ba00ff !important; } .color-blue{ color: blue !important; } .color-black, .text-black{ color: black !important; } .color-yellow{ color: #FFCC00 !important; } .color-green, .text-green{ color: green !important; } .BG-white{ background-color: white; } .BG-darkgray{ background-color: #747473; } .BG-lightyellow{ background-color: #ffffe0; } .show_message { display: none; position: fixed; top: -120px; padding: 15px 5px 15px; width: 114px; color: #FDDAFD; text-align: center; background-color: #808080; z-index: 10000; font-size: 11px; line-height: 20px; } .show_message-right { position: fixed; top: 40px; right: 40px; padding: 15px; line-height: 1.6em; color: #0DBC78; background-color: #ABF5D8; border: 1px solid #81E6BE; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 15; max-width: 250px; } .visible { visibility: visible; opacity: 1; } /* Fade-Out Effect */ .hidden { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s 1s, opacity 1s linear; -moz-transition: visibility 0s 1s, opacity 1s linear; -ms-transition: visibility 0s 1s, opacity 1s linear; transition: visibility 0s 1s, opacity 1s linear; } .span_hidden { visibility: hidden; opacity: 0; } .badWord { display: none; } .div-hidden, .iframe_content .ifame_hidden, .overlay_content .ifame_hidden, .moblieShow, .moblieShowHeader, .small-size, .mobile-cell { display: none !important; } .div-visible { display: block !important; } .mobile-visible { display: none !important; position: static !important; } .x-gap { clear: both; margin: 1.313em 0; border-color: transparent; background-color: transparent; } /* FIXED SLIDE STYLE ------------------------------- */
 .fixslide_left{ position:fixed; overflow:hidden; top:0px; left:0px; width:30%; height:100%; margin:0px; padding:0; } .fixslide_right{ position:absolute; overflow:hidden auto; top:0; right:0; width:70%; padding:0; } .fixslide .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; } .fixslide .content-box{ position: absolute; top:0; z-index: 1; height: 100%; width: 100%; overflow: auto; display: flex; flex-direction: row } .fixslide .content-box > div{ padding: 25px; max-height:100%; } .fixslide .content-box p{ text-align: left; } .fixslide_ordering{ overflow: auto !important; } /* CONTENT STYLE ------------------------------- */
 .container { margin: 0 auto; line-height: 1.3em; clear: both; height: 100%; /*overflow: hidden;*/ } .content-container { text-align: left; margin: 0 auto; position: relative; } .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 { text-align: center; margin: 20px 0; text-decoration: none; } .customblock h1, .customblock h2, .customblock h3, .customblock h4, .customblock h5, .customblock h6 { font-weight : normal; text-align: left; margin: 0; } #InformationContent ul, #InformationContent ol, .customblock ul, .customblock ol, .more_details ul, .more_details ol{ list-style-type: inherit; margin: auto; padding-left: 40px; } #InformationContent ol, .customblock ol, .more_details ol{ list-style-type: decimal; } #InformationContent div.topic_info:not(:first-child){ padding-top: 50px; } .content-wrap, .margintTB15 { margin: 15px 0; } #MainContentArea #RegisterForm, #MainContentArea2 #RegisterForm { margin: 0; } .page_nav .menu_selected { padding: 1px 2px 3px; } .page_section_name { text-transform: uppercase; text-align: left; font-size: 19px !important; padding: 15px 0px; } .order_notice{ text-align: center; font-size: 19px !important; margin: 50px 0px 20px; } .iframe_content .page_section_name, .margin_top { margin-top: 15px; } .row { padding: 10px 10px 0 1rem; margin-bottom: 10px; float: left; overflow: hidden; } .notice_load { position: absolute; top: 0; margin: 0px 60px; } .notice_style_lineheight { padding-top: 5pt; padding-bottom: 5pt; } .DetailOne { width: 8%; display: inline-block; vertical-align: top; margin-top:5px; } .DetailTwo { width: 90%; display: inline-block; } .DetailThree { white-space: nowrap; width: 100%; display: inline-block; text-align: center; top: 5px; vertical-align: top; margin-bottom: 10px; } .notice_text { margin: 0; margin-left: 10px; } .notice_width { width: 100%; padding: 0 10px; } .notice_text { margin: 0; margin-left: 10px; } .notice_text { margin: 0; margin-left: 10px; } .notice_padding_left { padding-left: 5px; } .notice_button { margin: 0; } .notice_button > button{ padding: 6px 15px; white-space: nowrap; } .notice_loading{ width: 7em; } /* SEARCH PAGE STYLE ------------------------------- */
 .search_info { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; margin: 10px 0 0; } .search_info > ul > li:not(:first-child) { border-left: 1px solid #ccc; } .overflow-hidden, .footer-container, .intro_survey { overflow: hidden; clear: both; } .menuMobile{ -webkit-overflow-scrolling: touch; } .inline_block { display: inline-block; } .no_margin { margin: 0 !important; } .margin-top{ margin-top: 1.5em; } .margin-bottom{ margin-bottom: 2.5em !important; } .paddingleft{ padding-left: 20px; } .paddingY{ padding-top: 20px; } .text-bold, .product_code, .myaccount-option_body label{ font-weight: 600; } .nowrap li, .nowrap { white-space: nowrap; } /* for return Product */ .return-checked{ background-color: #FFE9D4; } .returnList { margin-bottom: 20px; } /* for status report */ .main_account .statusreport_page ul { padding-left: 0 !important; } .statusreport_page figure.product_img { margin-right: 3px; } .textSpecification, .detail-info, .pdf-Weight ul li.fullblock { display: block !important; width: 100%; margin: 0; text-align: center; } .spec_column { width: 30%; } li.imageSet.pdf-width { float: right; width: 10%; padding-right: 10px !important; } .inTable ul .pdf-headW { width: 15%; text-align: center; } .inTable ul .pdf-headQty { width: 23%; } .inTable ul .pdf-infoHead{ width: 38%; min-width: 67px; } .report-head{ padding-left: 5px; margin-bottom: 1em; } .pdf-text, .pdf-headPrice, .pdf-headTotal { text-align: left; } /* for label edit */ .LabelMarginCode { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } .LabelMarginDetail { margin-bottom: 1em; } .UserStatus { padding-top: 3px; color: #17801E; } .FactoryStatus { padding-top: 3px; color: #1223FF; } .FontSizeStatus{ font-size: 0.90em !important; } .ActionButton { padding-bottom: 3px; text-align: right; font-weight: 600; } .TemplateLabel { border: 1px solid #ccc; margin: 0; padding: 0; width: 250px; height: 180px; float: left; width: 90%; } .LabelImg, .Label4Button, .LabelDetail { width: 100%; text-align: center; } .LabelButton { width: 100%; padding: 3px 15px 3px 15px; } /* for div RESERVE QUANTITY and BE INFORMED in productdisplay page */ .img_arrow{ font-weight: 100 !important; font-size: 35pt !important; position: absolute; top: 40%; padding: 5px; z-index: 13; color: #858585; } .img_arrow.fa-angle-left{ left: 3px; } .img_arrow.fa-angle-right{ right: 3px; } p.no_padding_bottom, #WarrantyContent { margin-bottom: 0px !important; } .Temporarily-Sold-Out{ text-align: center; font-weight: 600; } .box-reserve-qty{ overflow: hidden; padding: 10px 10px 0px 10px; margin: 0px; } .link-padding{ padding-top: 4px; display: block; line-height: 1.5em; } .slide_content{ /* transition: height 1s ease-out;*/ height: 0; overflow: hidden; } .product_display_position { position: absolute; width: auto; z-index: 10; font-size: 0.95em; line-height: 1.5em; left: 0; right: 0; } .product_reserve_mouseover { position: absolute; margin-top:15px; left: 0; right: 0; top: -10px; z-index: 11; width: 100%; background-color: #ffffff; visibility: hidden; border: 1px solid; padding: 7px; } .product_display_slide { padding: 10px; font-size: 0.95em; border: 1px solid transparent; } .order_more_detail_slide { margin-bottom: 5px; padding: 0px 10px 10px 10px; border: 1px solid #ccc; font-size: 0.95em; width: 100%; } input[type="text"].reserve_qty { text-align: center; font-size: 0.95em; height: 22px; width: 40px; } input[type="button"].reserve_sub { font-size: 0.95em; padding: 3px 7px 3px 7px; margin-left: 10px; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } 

/* ---------------------------------------------- */
 

/*----------------- SIDE BAR ----------------------*/
 h2.shopbycat{ clear: both; padding: 30px 0 0; } .media-slide.site-swiper{ padding-bottom: 45px; } .media-slide .swiper-slide{ background-position: right; background-size: cover; line-height: 1.2em; width:100% !important; text-align: left; margin: 0; } .media-slide .swiper-slide > div{ width: 100% !important; } .media-slide .swiper-slide > div > p{ width: 90% !important; margin-left: auto; margin-right: auto; } .media-slide > .swiper-pagination{ bottom: 20px !important; } .media-slide > .fa:before{ font-size: 2em !important; font-weight: 500; } .media-slide > .swiper-button-prev, .media-slide > .swiper-button-next{ top: auto !important; bottom: -5px; text-align: center; vertical-align: middle; } .media-slide > .swiper-button-prev{ left: 41%; } .media-slide > .swiper-button-next{ right: 41%; } .slide-img-positon{ overflow: hidden; } .slide-img-positon >img{ position: relative; z-index: 2; margin: 0 auto; } .slide-img-positon >div{ position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; } .site-swiper{ margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; height: 100%; } .site-swiper .swiper-slide img{ max-width: 100%; max-height: 100%; width: auto !important; } .site-swiper .swiper-slide > p{ position: absolute; bottom: 0; background: white; padding: 15px; margin: 0; left: 0; right: 0; opacity: 0.5; } .site-swiper.swiper-container-horizontal> .swiper-pagination-bullets{ bottom: 0; } .swiper-button-prev:focus, .swiper-button-next:focus{ outline: none; } .shopping_link { line-height: 1.5em; } .product_page { margin: 0; } .tag_icon, .relate_icon { margin: 0; min-width: auto !important; vertical-align: middle; } .product_page.table > .row { overflow: inherit; } .product_sublist { overflow: hidden; } .product_sublist ul li { margin: 0 0 5px; } .more_style { margin: 6px 0; } .subcat_main_img { margin: 5px 0 15px; text-align: center; } /* .product_area { display: grid; gap: var(--product-gap); grid-template-columns: repeat(auto-fit, minmax(min(calc(((var(--box-width) - var(--sidebar-width) - var(--box-padding) - var(--main_products-gap) - var(--sidebar-menu5)) - (var(--product-gap) * (var(--columns) - 1))) / var(--columns)), 100%), 1fr) ); min-width: calc((calc(((var(--box-width) - var(--sidebar-width) - var(--box-padding) - var(--main_products-gap) - var(--sidebar-menu5)) - (var(--product-gap) * (var(--columns) - 1))) / var(--columns)) * 2) + (var(--product-gap) * 1)); } */ .product_area { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around; gap: var(--product-gap); } .relate_main.product_area{ justify-content: flex-start; } .product_item, .product_area > div { width: min-content; padding: 0 0 20px; /* margin: 0 auto; */ min-width: calc(((var(--box-width) - var(--sidebar-width) - var(--box-padding) - var(--main_products-gap) - var(--sidebar-menu5)) - (var(--product-gap) * (var(--columns) - 1))) / var(--columns)); } .relate_main .product_item{ width: 20%; min-width: auto; } .rowitems1{ width: 100%; } .rowitems2, #IframeContent .product_item{ width: calc((100% - var(--product-gap)) / 2); } .rowitems3{ width: calc((100% - (var(--product-gap) * 2)) / 3); } .rowitems4{ width: calc((100% - (var(--product-gap) * 3)) / 4); } .rowitems5{ width: calc((100% - (var(--product-gap) * 4)) / 5); } .row_break{ flex-basis: 100%; height: 0; } .dummy_column{ flex: 1; height: 1px; min-width: 100px; visibility: hidden; } .product_content hr { height: 0px; } .collection_info, .custom_header, .search_collection{ font-size: 2em; font-weight: 400; text-align: left; text-decoration: none; font-weight: 400; margin: 15px 0; } .product_content .collection_info{ margin-top: 0.2em; } .collection_info{ margin: 0; } .pagetrack { margin: 15px 0 15px; } .ordering_page .pagetrack{ margin: 5px; } .ordering_page{ margin-top: 20px; } .pagetrack a{ text-decoration:none; } .main_products{ display: grid; gap: var(--main_products-gap); grid-template-columns: var(--sidebar-width) 1fr; margin-top: 30px; } /* page navigator */ .menu_disable{ opacity: 0.3; cursor: none; pointer-events: none; } .page_navigator { float: right; margin-bottom: 15px; } .page_navigator a, a.checkoutstep, .page_nav a, .back_to_top a, a.fa { text-decoration: none; } .page_navigator-bottom { clear: both; text-align: center; } .page_nav { display: inline-block; } .page_nav > li { padding-right: 0; display: inline-block; } .page_nav > li:not(:last-child) { padding-right: 6px; } .more_page, .more_page-bottom { position: absolute; left: -3px; top: -2px; overflow-y: auto; visibility: hidden; background-color: #ffffff; border: 1px solid #D9CAA7; min-width: 2.5em; max-height: 250px; z-index: 10; } .more_page.page_option-big, .more_page-bottom.page_option-big { min-width: 4em; left: -13px; z-index: 10; } .more_page-bottom { position: absolute; top: auto; bottom: 13px !important; min-width: 2.5em; max-height: 250px; } .page_option > li > a { width: 100%; margin: 2px auto !important; padding: 1px 0; cursor: pointer; text-align: center; display: block; } .page_option > li > a:hover { background-color: #D9CAA7; } .manageitemArea { position: absolute; visibility: hidden; z-index: 7; text-align: left; top: 15px; width: 70%; margin: 0 15%; min-width: 200px; } .item_wishlist { padding: 4px; border: 1px solid #BFBFBF; font-weight: normal !important; font-size: 11px; background-color: #FAFAFA; } .item_wishlist span { cursor: pointer; } .item_history { padding: 4px; border: 1px solid #BFBFBF; background-color: #fff; position: absolute; width: 103%; z-index: 6; font-size: 0.95em; line-height: 1.5em; visibility: hidden; } .product_wrap { padding: 5px 0; font-size: 0.95em; } .product_wrap p { margin: 0 0 7px; } .product_info { margin: 0 auto; } .product_img{ text-align: center; margin: 0; line-height: 0; padding: 0; display: inline-block; } .product_img-border{ border-style: solid; } .related_list .product_img{ display: inline-block; } .minitext { font-size: 0.95em; text-align: center; } p.shopping_link, p.discontinued_link{ margin: 15px auto 0px auto; } p.makeoffer_link { margin: 15px auto; } .tag_display { float: left; width: 100%; position: relative; padding: 5px 0 5px; } .dicount_price { padding: 3px; border: 1px solid #C0C0C0; background-color: white; } .back_to_top { right: 0; position: fixed; visibility: hidden; z-index: 8; top: calc(85%); top: -moz-calc(85%); top: -o-calc(85%); text-align: center; width: fit-content; } .product_mouseover{ position:relative; max-width:300px; } .product_details { margin-top:15px; position: absolute; left: -15px; right: -15px; top: -10px; z-index: 11; visibility: hidden; border: 1px solid; padding: 7px; } .product_details p { margin: 3px 0; } .counpon_mouseover{ position:relative; } .counpon_detail{ position: absolute; right: 0px; top: 0px; border: 1px solid; padding: 4px; visibility: hidden; text-align: right; background: #ffffff; z-index: 1; } .counpon_detail p{ margin:0; } .discontinued_link { color: #ff0000; font-weight: bold; } .cart_dashed_line { border-bottom: 1px dashed; margin-bottom: 1.5em !important; float: right !important; clear: both; } .column.third.carttotal { float: right; text-align: right; white-space: nowrap; } body:not(.onmobile) .imgover{ position: absolute; top: 0; left: 0; z-index: -1; } 

/*----------------- CONTACT PAGE ----------------------*/
 .border { overflow: hidden; margin: 0 auto 20px; padding: 10px; border: 1px solid #cccccc; } .left-label-form label { margin: 5px 0 0; } .marginAll15 { margin: 1.5em; } .thin, .setlabel_page .myaccount-border label { font-weight: 400 !important; } .ordering-nav .button, .ordering-nav button, .cart_page .button, .cart_page button { min-width: 140px; min-height: 45px; } /* mylists page ------------------------------- */
 .mylist_page .product_sublist .column { margin-bottom: 0.8em; } .product_sublist.border p { margin-bottom: 0.6em; } .padding-left { padding-left: 20px; } .orderdetails_row, .orderstatus_row { overflow: hidden; padding: 10px 10px 0; margin: 0 !important; } .orderdetails_row .column { margin: 0 !important; } /* orderstatus page ------------------------------- */
 .orderstatus_page .myaccount-body { padding: 5px !important; } div.orderstatus_row:nth-child(odd) { background: transparent; } /* account */ .myaccount_header, .show_msg { float: left; margin-bottom: 10px; } .show_msg { width: 100%; padding: 15px 0px 10px; text-align: center; position: absolute; left: 0; top: 0; color: #ff0000; font-weight: bold; } .main_account p { line-height: 1.3em; } .myaccount-border, .myboxborder { margin-bottom: 1.5em; border: 1px solid #BEBDBB; width: 100%; overflow: hidden; line-height: 1.5em; } .myboxborder{ font-size: 13px; } .myboxborder .myaccount-header{ background-color: #f0ede8; color: inherit; } .myaccount-border label, .iframe_content .setlabel_page .myaccount-border label { display: inline-block; font-weight: bold; } .iframe_content .myaccount-border label { display: block; } .iframe_content .column.fourth.mobile-hidden { /*, .theme_layer-container .mobile-hidden*/ display: none; } .myaccount-option_body, .myaccount-menu { margin: 1em 1.5em; clear: both; } .myaccount-footer { padding: 1.5em 10px 10px; clear: both; } .myaccount-body { overflow: hidden; clear: both; text-align: left; padding: 5px; } .myaccount-header.no_margin { margin: 0; } .main_account ul li { margin: 0 0 1em; } .myaccount-menu { list-style: disc; } .main_account ul, .myaccount-menu { padding-left: 2em; } .main_account ul.page_option { padding-left: 0; } /* ordering page ------------------------------- */
 #IframeContent .return_margintop { margin-top: 35px; } #resizeLinkBottom { text-align: right; margin: 0 15px 20px 0; } #resizeLinkBottom.resizeONordering { position: absolute; bottom: 50px; right: 0; z-index: 10; } /* cart page ------------------------------- */
 .item_row { padding: 0; margin: 0; display: table; width: 100%; height: auto; } .padding_bottom_10 { padding-bottom: 10px; } .item_row > div.column { padding-bottom: 10px; } .item_row > div.column, .item_row > div > div { vertical-align: bottom; display: table-cell; height: 100%; float: none; } .table, .displaytable, .socialtable { display: table; } .table, .displaytable { width: 100% !important; } .displaytable > ul, .displayrow, .socialrow, .table .row { display: table-row !important; width: 100% !important; } .tablecolumn, .displaycolumn, .socialcell { vertical-align: bottom !important; display: table-cell; height: 100%; float: none; padding-top: 5px; } .displaytable > ul > li { display: table-cell; padding: 10px; width: 25%; } .displaytable.threecolumn > ul > li { padding: 10px 0; width: 33%; } .verticaltop, .displaycolumn.verticaltop{ vertical-align:top !important; } .socialcell{ vertical-align:middle !important; } .socialcell a{ padding:3px; } /* overlay section */ .iframe_overlay { position: fixed; top: 15%; left: 0; right: 0; z-index: 19; width: 100%; height: 300px; max-height: 70%; } .overlay_content { min-height: 100px; max-height: 630px; min-width: 180px; } .overlay_content #ActionArea { text-align: left; } .no_padding { padding: 0 !important; } .overlay_loading { display: none; padding: 5px; position: fixed; font-size: 5em; color: #FFFFFF; top: 40%; left: 40%; z-index: 20; } .order_report{ max-height: 95vh; overflow: auto; } .overlay { overflow: hidden; height: auto; min-height: 100px; max-height: 95vh; width: auto; min-width: 180px; max-width: 830px; display: none; position: fixed; top: 30%; left: 50%; z-index: 20; background-color: #f7f6f2; -webkit-transform: translate(-50%, -30%); -moz-transform: translate(-50%, -30%); -ms-transform: translate(-50%, -30%); -o-transform: translate(-50%, -30%); transform: translate(-50%, -30%); -webkit-overflow-scrolling: touch; box-shadow: rgb(153, 153, 153) 0px 0px 0px 4px; padding: 15px 10px 10px 10px !important; overflow-x: hidden; overflow-y: auto !important; } .fade_area { display: none; position: fixed; left:0; right:0; bottom:0; top:0; z-index: 18; background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ filter: alpha(opacity=40); /* IE 5-7 */ -khtml-opacity: 0.4; /* Safari 1.x */ -moz-opacity: 0.4; /* Netscape */ opacity: 0.6; } .close_overlay { z-index: 17; position: fixed; top: 5px; right: 0.5em; font-size: 2.1em; cursor: pointer; } .overlay-back { width: 100%; text-align: right; padding: 0; position: absolute; top: 0; right: 0; z-index: 20; /*font-weight: bold; background: #ffffff !important;*/ } .overlay .overlay-back { border-bottom: 1px solid; line-height: 26px; } /* COOKIE POLICY SECTION ------------------------------- */
 .cookie_content{ border-style: none; background-image: url("../images/cookieinfo.jpg"); background-size: cover; background-position: top; min-height: 550px; } .cookie_content > div{ width: 60%; border-style: none; width: calc(60% - 40px); margin-left: 50px !important; padding-top: 100px; line-height: 1.6em; font-weight: 400; font-size: 25px; } .cookie_page{ max-width: 1240px; text-align: left; margin-top: 15px; margin-bottom: 1em; font-size: 16px; } .cookie_page .custom_header{ font-size: 25px; font-family: inherit !important; } .cookie_link{ color:#0065b7; font-size: 25px; } .cookie_page hr{ margin: 35px 0; } .cookie_page .span4 img{ padding-top: 15px } .cookies_box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; } .cookies_div_bottom { background-color: #45B8F2; color: #fff; font-family: verdana,geneva,sans-serif !important; font-size:14px; line-height: 1.4; position: fixed; width: 100%; bottom: 0; z-index: 7; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; min-height: 60px; padding: 15px; box-sizing: border-box; left: 0; } .cookie_div_bottom_text { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; } .close_cookie_div_bottom { position: absolute; right: 0; padding: 2rem; font-size: 3rem; cursor: pointer; top: 0; padding-top: 1rem; } .cookie_div_bottom_text a, .cookie_div_bottom_text a:hover { text-decoration: underline; color: #FFFFFF !important; } .cookies_preference_container{ display: flex; /* font-size: 16px; */ line-height: 24px; font-size: 15px; } .cookies_preference_row { margin-top: 6px; align-items: flex-start; flex-direction: column; display: flex; width: 100%; } .cookies_preference_heard_box { border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; margin-top: 0; display: flex; width: 100%; } .cookies_preference_heard_box > ul, .cookies_preference_heard_box > ul > li { display: flex; list-style: none; flex: 1 1 0%; } .cookies_preference_heard_box .cookies_links.active { border-bottom: 3px solid #39a8ef; } .cookies_preference_heard_box .cookies_links.active > a { color: #39a8ef !important; } .cookies_preference_tab { letter-spacing: 0.5px; padding: 1em 0.625em; text-align: left; display: none; } .cookies_container { display: flex; border-radius: 25px; box-shadow: rgb(153, 153, 153) 0px 0px 0px 4px; line-height: 22px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; width: auto; height: auto; background: #ffffff; box-sizing: border-box; font-size: 15px; letter-spacing: .1px; touch-action: manipulation; transition: all .5s ease; overflow: hidden; max-height: calc(97% - 30px); width: calc(100% - 30px); z-index: 20; } .cookies_row { align-items: flex-start; flex-direction: column; display: flex; width: 100%; } .cookies_heard_box { border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; background-color: #fff;; margin-top: 0; display: flex; width: 100%; position: fixed; } .cookies_heard_box > ul, .cookies_heard_box > ul > li { display: flex; list-style: none; flex: 1 1 0%; } .cookies_links > a { font-weight: 600; padding: 1em; text-decoration: none; text-align: center; width: 100%; white-space: inherit; } .cookies_heard_box .cookies_links.active { border-bottom: 3px solid #39a8ef; } .cookies_heard_box .cookies_links.active > a { color: #39a8ef !important; } .cookies_content { height: auto; overflow: auto; width: 100%; margin-top: 5.5em; } .cookies_content_box { border-bottom: 1px solid #d6d6d6; padding: 0.375em; } .cookies_fade { position: fixed; left:0; right:0; bottom:0; top:0; z-index: 18; background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ filter: alpha(opacity=40); /* IE 5-7 */ -khtml-opacity: 0.4; /* Safari 1.x */ -moz-opacity: 0.4; /* Netscape */ opacity: 0.6; } .cookies_tab { letter-spacing: 0.5px; padding: 0 0.625em; text-align: left; display: none; } .cookies_button{ padding: 0.3em 0.5em; display: inline-block; white-space: inherit; border-radius: 7px; border: 1px solid; font-size: 1.05em; background-color: #0065b7 !important; background-color: transparent; color: #fff; border-color: #0065b7; text-decoration: none; } .cookies_button:hover { background-color: #39a8ef !important; color: #fff !important; border-color: #39a8ef !important; } .content-wrap .cookies_button { padding: 0.5em; } .content-wrap .cookies_button:hover { background-color: #0065b7 !important; border-color: #0065b7 !important; } .cookies-newbox{ font-size: 16px; margin: 10px 20px 30px; text-align: left; } .cookies-content{ line-height: 1.5; } .layerRes.cookieblock #OverlayClose{ display: none; } .img_loading { position: absolute; width: 6%; max-width: 30px; left: 44%; top: 30%; } .img_loading2{ position: absolute; left: 44%; top: 30%; } #iframeFade p { position: absolute; left: 43%; top: 30%; } .more_details { overflow: auto; text-align: left; margin: 3px; max-height: 75%; font-size: 12px; } .payTT{ margin: 10px 20px; } .row:last-of-type { margin-bottom: 0; } .column { margin-bottom: 1.5em; } .column.two-fifth { width: 100%; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; margin-bottom: 5px; padding: 0 2px; } .customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 { padding: 0; text-align: left; line-height: 1.5em; /*overflow: hidden;*/ float: none; display: inline-block; vertical-align: top; } .span12 {width: 100%; } .span11 { width: 91.489%; } .span10 { width: 82.978%; } .span9 { width: 74.4680%; } .span8 { width: 65.957%; } .span7 { width: 57.446%; } .span6 { width: 50%; } .span5 { width: 40.425%; } .span4 { width: 31.914%; } .span3 { width: 25%; } .span2 { width: 14.893%; } .span1 { width: 6.382%; } .span3_5 { float: left; width: 20%; } .span2_5 { float: left; width: 16%; } .customblock.span9 { width: 75%; } .customblock.span8 { width: 66.3%; } .customblock.span7 { width: 57.44%; } .customblock.span5 { width: 42.56%; } .customblock.span4 { width: 33.3%; } .customblock.span2 { width: 20%; } .customblock.span2_5 { width: 16%; } .customblock a{ text-decoration: none !important; } .customblock.span5 { width: 42.52553191489362%; } footer .customblock { line-height: 1.8em; } /* survey class style */ #SurveyDetail{ padding:0; } .intro_survey{ margin:30px auto 5px; } .intro_survey p{ margin:0; } .join_survey { width: auto; font-size: 1.6em; text-align: left; margin: 15px 10px 5px; } #SurveyIframe { /*width: 700px;*/ width: 735px; max-width: 100%; max-height:400px; -webkit-overflow-scrolling: touch; } #iframe_details{ background: #f7f6f2; max-width: 100%; -webkit-overflow-scrolling: touch; } .OrderDetailPage .tableGen{ background-color: transparent; } .OrderDetailPage{ max-height: 95vh; } .tableGen{ clear: both; display: table; width: 100% !important; background-color: white; } .tableGen ul li{ list-style-type:none !important; padding: 0 .5em 0 .5em; /*text-align: center;*/ display: table-cell; vertical-align: top !important; } .tableGen ul li ul li { border: 1px solid transparent; vertical-align: middle !important; } .statusreport_page .tableGen ul li{ padding: 0 .5em 0 0; text-align: left !important; } .statusreport_page .imageWidth{ width: 13%; } .statusreport_page .tableGen ul li ul li{ vertical-align: top !important; } .statusreport_page .detail-info{ line-height: 1.8em; padding-bottom: 5px; } .statusreport_page .detail-info > .firstTable > div{ text-align: left; } .orderBorder { border:1px solid #bebdbb; border-collapse: collapse; margin-top: 10px; } .rightText{ float: right; text-align: center; margin-right: 0 !important; } .vertical-buttom{ vertical-align: bottom !important; white-space: nowrap; padding-right: 10px; } .ItemTable{ color:#0000ff; } .leftText{ margin-left: 0 !important; } .topli{ display: table-cell; } .secondTable{ margin-bottom: 20px; } .borderHR{ border-bottom: 1px solid #bebdbb; } .secondTable .borderHR{ padding-bottom: 10px; } .inTable, .inTable ul li ul{ width: 100% !important; /* float: right; */ } .tableProduct{ margin-top: 1em; border-top: 1px solid #bebdbb; border-left: 1px solid #bebdbb; } .tableProduct ul li, .return_header { padding: 5px; border-bottom: 1px solid #bebdbb; border-right: 1px solid #bebdbb; } .tableProduct .return_header li { border-right: none; } .return_header li.borderR { border-right: 1px solid #bebdbb; } .tableProduct ul li ul li{ text-align: center; border-bottom: none; } .tableProduct ul li ul li select { border: 1px solid #bebdbb; } .topheader{ padding: 10px !important; } .topheader li, .bottomheader li { padding: 5px !important; } .Size-Image, .status_image{ min-width: 40px; max-width: 70px; margin-bottom: 0; } .status_image{ max-width: 100px; } .Size-Image, .imageWidth .product_img, .warranty_page #WarrantyContent input{ margin-bottom: 3px; } .returnList ul:last-child .BG-yellow, .BG-Yellow{ background-color: #FFFF9F !important; color: black !important; } #MainContentArea #invoicestyle{ background-color: white; padding: 5px; } #invoicestyle{ margin-top: 1em; } .first-invoice-table{ /*margin-top: 1em;*/ padding: 5px; border: 1px solid #bebdbb; } .border-invoice-table{ border: 2px solid #bebdbb; margin-top: 1em; padding: 5px; width: 100% !important; } .invoiceTable{ margin-top: 1em; border-top: 1px solid #bebdbb; border-right: 1px solid #bebdbb; } .invoiceTable ul li{ padding: 3px; border-left: 1px solid #bebdbb; border-bottom: 1px solid #bebdbb; } .invoiceTable ul li ul li{ border: none; } .invoiceTotal>ul>li:not(:last-child){ padding-top: 0.5em; } .invoiceTotal ul li ul li{ padding: 3px; border: none; text-align: left; white-space: nowrap; } .invoiceTotal ul li:last-child ul li:last-child { border: 1px #bebdbb solid; text-align: right; width: 100%; } .invDesWidth{ width: 35%; } .invWidth45per{ width: 45%; } .fixedTop { position: fixed !important; top: 0; left: 0; z-index: 5; } 

/*--------------- login layer ------------------*/
 .image_area, .invoice_iframe, .Menu-ProductLists { position: relative; } .invoice_iframe { top: -20px; } .frame_wrap { display: none; position: relative; width: 100%; max-width: 100%; height: 430px; max-height: 430px; } .iframe_bg { background-color: #ffffff; } iframe#OrderingIFrame, iframe#loginFrame, #iframe_details { background-image: url("../images/loading.gif"); background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; } #loginFrameWrap iframe { margin-top: 5px; } #CartFrameWrap .cart_iframe { position: absolute; left: 0; top: -15px; z-index: 15; } .toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe { position: relative; border: 0px; /*width: 320%;*/ width: 1000%; height: 700px; margin-top: 18px; background-image: url("../images/loading.gif"); background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; border: 2px solid #999999; -webkit-box-shadow: 0px 0px 10px 4px #999999; -moz-box-shadow: 0px 0px 10px 4px #999999; box-shadow: 0px 0px 10px 4px #999999; z-index: 15; } .toolTip iframe.signin_page { height: 500px; } .frame_wrap.signin_page { height: 360px; min-height: 360px; } .toolTip iframe.related_small { max-width: 650px !important; } .frame_wrap.related_page { height: 100px; min-height: 100px; max-height: 200px; } .toolTip iframe.ordering_iframe { height: 700px; } .frame_wrap.ordering_iframe { height: 350px; min-height: 350px; max-height: 430px; } .toolTip, .related { position: absolute; top: -193px; left: -180px; margin: 0px 0px; padding: 0px; z-index: 2; /*background: #ffffff;*/ } .frame_wrap.show_point.last_iframe { max-height: 580px !important; height: 580px !important; margin-top: 280px; } .last_iframe .toolTip{ top: -22px !important; } .invoiceFrame iframe { position: relative; border: 0px; width: 800px; height: 540px; background-image: url("../images/loading.gif"); background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; border: 2px solid #999999; -webkit-box-shadow: 0px 0px 10px 4px #999999; -moz-box-shadow: 0px 0px 10px 4px #999999; box-shadow: 0px 0px 10px 4px #999999; z-index: 1; } .signin iframe, .invoiceFrame > iframe { width: 100%; } .signin { position: relative; margin: 0px 3px; padding: 0px; background: #ffffff; } .iframe_point { display: none; } .show_point { display: block !important; } .point_shadow, .point_shadow2, .shadow_login { border: 13px solid; border-color: transparent transparent #999999 transparent; position: absolute; bottom: -20px; left: 90px; z-index: 6; } .point, .point2, .point_login { border: 10px solid; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: -20px; left: 93px; z-index: 16; /*z-index: 7;*/ } .point_login, .shadow_login { top: -21px; bottom: inherit; } .point_login { top: -15px; } .point_shadow2 { bottom: inherit; top: -10px; left: 49.6%; } .point2 { bottom: inherit; top: -2px; left: 50%; } 

/* ------------ vimeo ifram ------------ */
 .vimeo_container{ padding: 56.25% 0 0 0; position: relative; margin: 5px; } .vimeo_container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vimeo_iframe{ padding: 5px; } .Video_thumbnail{ border: 1px solid #cccccc; background-color: #ffffff !important; padding: 3px 3px 0 3px; text-align: left; width: 80%; display: inline-block; position: relative; margin: 15px auto; } .fad.play-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 80px; cursor: pointer; color: #fccfd5; } .play-icon-opacity{ position: absolute; opacity: 0.1; background: #000; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } 

/* ------------ Warranty ------------ */
 .absolute_wrap{ position:absolute; right:0; left:0; } .WarrantyFrame { width: 99%; min-height: 320px; overflow: hidden; clear: both; margin: -15px 0 10px 5px; padding: 10px; display: none; border: 2px solid #999999; } .warranty_icon:before{ font-family: FontAwesome; content: "\f05d"; color: green; font-size: 1.5em; } .warranty_image { cursor: pointer; margin: 0 10px 0 0; display: inline-block; vertical-align: top; } .warranty_button { padding: 5px 0px 5px 0px !important; width: 100%; } .code_notfound { width: 120px; height: 147px; color: red; padding-top: 2em; } .warranty_point:after, .warranty_point:before { content: ''; position: relative; border-style: solid; border-width: 0px 15px 15px 15px; border-color: #999999 transparent; display: block; width: 0; left: 50px; clear: both; } .warranty_point:after{ border-color: #F7F6F2 transparent; top: -12px; z-index: 10; } .tableGen ul{ display: table-row; } .column.full label{ font-weight: normal; } 

/* ------------ Email Form Plugin ------------ */
 .emailform p { margin-bottom: 1em; } .emailform input[type="text"], .emailform input[type="email"], .emailform input[type="password"], .emailform input[type="number"], .emailform input[type="date"], .emailform input[type="tel"], .emailform textarea, .emailform select { width: 100%; margin: 0 0 1em 0; } .page .transparent_bg, .page.transparent_bg{ /* use for viewer */ background: transparent !important; } .custom_row { text-align: center; } .logo_desktop{ display: none; } .logo_mobile{ display: inline; } .logo_desktop, .logo_mobile{ padding: 0; margin: 0; box-sizing: border-box; } .order_sms{ line-height: 1.5em; } .phonecode > span{ display: inline-block; /* width: 100%; */ } .phonecode > input:first-of-type{ width: 15% !important; padding-right: 0px; } .phonecode > input:last-of-type{ width: 85% !important; } .phonecode > span.column > input:first-of-type{ width: 10% !important; margin-right: -5px; padding-right: 0px; padding-left: 5px; } .phonecode > span.column > input:last-of-type{ width: 85% !important; } .cartTop{ width: fit-content; right: 0; position: fixed; visibility: hidden; z-index: 9; top: calc(8%); top: -moz-calc(8%); top: -o-calc(8%); } .cartTop .fa-shopping-cart{ font-size: 2.7em; position: relative; padding-right: 10px; } .cartTop .fa-shopping-cart > span{ position: absolute; top: -4px; font-weight: bold; right: 0; text-align: center; font-size: 13px; padding: 3px; min-width: 20px; border-radius: 50%; } .iconZoomImg{ position: absolute; top: 0; left: 0; padding: 5px; box-sizing: border-box; font-size: 12pt; } .notice_area{ position: fixed; width: 100%; top: auto; right: 0; bottom: 0; left: auto; z-index: 3; } .notice_block{ margin-top: 10px; overflow: hidden; text-align: left; /* padding: 15px; */ /*box-shadow: 0 2px 5px 2px #505050;*/ -moz-box-shadow: 2px 2px 3px 1px #5b5a5a; -webkit-box-shadow: 2px 2px 3px 1px #5b5a5a; box-shadow: 2px 2px 3px 1px #5b5a5a; } .notice_content{ display: flex; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } .notice_button_area{ margin-left: 15px; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; flex-wrap: nowrap; } .notice_button2{ padding: 0.5rem 1rem; display: inline-block; white-space: nowrap; border-radius: unset; border: 1px solid; font-size: 1.05em; } #CookieActive.notice_button2:hover{ background-color: #146112 !important; /* color: #000 !important; */ } #CookieOnce.notice_button2:hover{ background-color: #fce51d !important; color: #000 !important; } #CookieNo.notice_button2:hover{ background-color: #ff3838 !important; /* color: #000 !important; */ } .cookie_title { margin-right: 15px; } .cookie_title .cookie_text { background: #0065b7; bottom: 100%; color: #fff; display: block; text-align: center; left: 0; margin-bottom: 5px; opacity: 0; padding: 15px; pointer-events: none; position: absolute; width: 100%; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } .cookie_title .cookie_text:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .cookie_title .cookie_text:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #0065b7 10px; bottom: -10px; content: " "; height: 0; left: 50%; position: absolute; width: 0; } .cookie_title:hover .cookie_text { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .h_iframe iframe { width:100%; height:100%; } .h_iframe { height: 100%; width:100%; } #google_translate_element { display: inline-block; margin-right: 5px; } .on_checkout .cart_link, .on_checkout .cart_link:hover{ cursor: default !important; color: inherit !important; } .paypal_info{ line-height: 1.5em; text-align: left; font-size: 1.2em; padding:10px; } #contentstyle h3{ text-align: left; } .paypal_info button{ font-size:1em; } .paypal_info ul{ margin:5px; list-style-type: inherit; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; } .paypal_info li{ margin:5px; } .paypal_info hr{ width: 80%; } .paypal_info .box-detail{ padding: 15px; text-align: center; } .paypal_info .paypal-btn{ width: 80%; margin:0 auto; } .box_video{ cursor: pointer; position: relative; z-index: 1; display: inline-block; vertical-align: top; padding: 0; text-align: center; margin: 0 auto; } .box_video video, .box_video iframe{ pointer-events: none; } .box_video .text-center{ word-break: break-all; } .box_play{ position: absolute; z-index: 10; top: 20%; left: 0; right: 0; text-align: center; } .box_video .fad{ font-size: 5em; cursor: pointer; } .box_video .fad:before{ color: #000000; } .box_video .fad:after{ color: #585858; } .box_video .fad:hover::before{ color: #D0D0D0; } .box_video .fad:hover::after{ color: #000000; } .ShowMoreImg{ display: table; width: auto; margin: 0 auto; padding: 0; } .ShowMoreImg >ul{ display: table-row; } .ShowMoreImg >ul >li{ display: table-cell; text-align: center; vertical-align: top; padding: 5px; } .BoxMoreImg{ max-width: 120px; display: block; padding: 0; box-sizing: border-box; word-break: keep-all; } .BoxMoreImg img{ max-height: 120px !important; max-width: 100px !important; } .BoxMoreImg video, .BoxMoreImg iframe{ height: 120px !important; width: 100px !important; } .BoxMoreImg img, .BoxMoreImg video, .BoxMoreImg iframe{ border-style: solid !important; border-width: 1px !important; background-color: #FFFFFF !important; padding: 2px !important; cursor: pointer; } .video_upload_size{ min-width: 100px; min-height: 120px; } .full_video_mobile video, .full_video_mobile iframe{ width: 100%; } .full_video video{ max-width: 800px; } .swiper-font:before, .swiper-font:before{ font-size: 2em !important; cursor: pointer; } .swiper-font:focus{ outline: none !important; } .collection_desc{ margin: 15px; position: absolute; z-index: 1; } .media_caption{ text-align: center; padding-top: 10px; font-size: 14px; cursor: pointer; } .BoxImg{ margin-top: 15px; } .media_image{ display: flex; gap: 15px; justify-content: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-top: 10px; } /* .media_image img{ max-width: 250px; } */ .media_desktop+.media_image{ margin-top:15px; } .media_desktop:not(.media_background){ font-size: 20px; font-weight: 100; margin: 0 0; } #MainProductArea .media_desktop:not(.media_background){ max-width: 965px; font-size: 22px; line-height: 1.5; background: #FDF1F3; margin: 0 auto 20px; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p) { padding: 0 35px 0 35px; margin: 0; } #MainProductArea .media_desktop:not(.media_background) table{ line-height: normal; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img), #MainProductArea .media_desktop:not(.media_background) table td:has(img){ padding: 0; margin: 0; line-height: 0; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img)+:is(div, p):not(:has(img)) { padding-top: 20px; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img)+:is(div, p):has(img) { padding-top: 5px; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):not(:has(img)):first-child { padding-top: 30px; } #MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):not(:has(img)):last-child { padding-bottom: 30px; } .product_page > .TopOfPage{ margin-bottom: 10px; } .product_area .TopOfPage{ margin-bottom: 1.5em; flex: 0 0 100%; max-width: 100%; } .media_mobile{ clear: both; width: 100%; display: none !important; } .media_desktop{ line-height: 1.5em; } .media_background{ background-size: cover; background-position: right top; background-repeat: no-repeat; } .wishList_option{ display: block; margin-left: 0px; line-height: 20px; padding-left: 5px; } .wishList_option:last-of-type { margin-bottom: 20px; } /* search page */ #basicSearch{ float: none; clear: both; text-align: left; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; overflow: hidden; } #basicSearch input[type="text"]{ width: 100%; } #basicSearch input{ line-height: 1.5em !important; } #basicSearch > div.search_mobile{ float: left; width: 80%; padding: 2px; box-sizing: border-box; margin: 0; text-align: left; } #basicSearch >div:last-of-type{ float: right; width: 20%; text-align: center; padding: 2px; box-sizing: border-box; margin: 0; } #SearchSubmit{ min-width:100px; margin-left: 10px; margin-top: 65px; } #mulitiSearch > div:first-child{ padding-right: 123px; padding-top: 10px; padding-bottom: 2px; } #basicSearch.hidesearch{ display: none; } #MainSeachBox{ width:300px; } #RetailSearch{ margin: 0 0 10px; text-align: center; } #RetailSearch p{ font-size: 1.5em; font-weight: 600; margin: 0 0 15px; } #RetailSearch > #MainSeachBox{ padding: 10px; min-width: 450px; } #RetailSearch > button{ margin-left:10px; padding-left: 20px; padding-right: 20px; } .ProductTypeList{ display: block; width: 90%; padding: 5px; margin: 0 auto; text-align: center; overflow: hidden; text-align: center; box-sizing: border-box; } .BoxProductType{ float: left; width: 25%; padding: 5px; box-sizing: border-box; } .BoxProductType .product_img-border{ cursor: pointer; border-style: solid; border-width: 1px; padding: 50px 20px; box-sizing: border-box; } #Dialogfade{ z-index: 21 !important; } #AlertDialog{ z-index: 22 !important; border-radius: 8px; box-shadow: 0 32px 68px rgb(0 0 0 / 30%); max-width: 670px; padding: 0 !important; } .confirm_dialog #OverlayDetail{ padding: 0; } .confirm_header{ background-color: lightgrey; color: black; margin: 0; padding: 10px 0; line-height: 1.5em; text-align: left; font-size: 1.1em; font-weight: bold; } .alertbox{ /*padding: 25px 20px; min-width: 300px;*/ padding: 20px; min-width: 350px; line-height: 1.5em; color: red; font-size: 1.1em; } .overlay.confirm_dialog, .alert_box{ max-width: 550px; } .alertbox .button, .alertbox button{ min-width: 65px; margin-left: 15px; margin-right: 15px; } #overlay.alert_box{ height: auto !important; } .sharelayerProductPage:hover #sharetosocialProductPage{ display: block; } .shareIconProductPage .fa:before { font-size: 12pt; } .shareIconProductPage{ display: inline-block; vertical-align: text-bottom; } .shareIconProductPage > div{ background-color: #FFFFFF; display: inline-block; padding: 2px 10px; box-sizing: border-box; border: 1px #E0E0E0 solid; height: 28px; box-sizing: border-box; margin: 0 auto; font-size: 19px; vertical-align: middle; } .shareIconProductPage > div >span{ cursor: pointer; vertical-align: top; } .shareIconProductPage > .sharelayerProductPage > div > div.fa:before, .shareIconProductPage > .sharelayerProductPage > div > div.fab:before{ font-size: 15pt; } .shareIconProductPage > .sharelayerProductPage:hover #sharetosocial{ display: block; } .shareIconProductPage > .sharelayerProductPage{ position: relative; z-index: 5; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .shareIconProductPage > .sharelayerProductPage .fa-share-alt{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .shareIconProductPage > .sharelayerProductPage > div{ background-color: #FFFFFF; position: absolute; display: none; width: 217%; text-align: center; left: -40px; margin-top: 0; z-index: 1; bottom: 26px; border: 1px solid #E0E0E0; padding: 2px; } .shareIconProductPage > .sharelayerProductPage >div >div{ /*display: block;*/ float: left; width: 50%; height: 30px; cursor: pointer; padding: 5px 3px; border-top: 1px solid #E0E0E0; box-sizing: border-box; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .shareIconProductPage > .sharelayerProductPage >div >div:nth-child(odd){ border-right: 1px solid #E0E0E0; } .shareIconProductPage > .sharelayerProductPage >div >div:nth-last-child(2), .shareIconProductPage > .sharelayerProductPage >div >div:last-child { border-top: none; } .toggle{ border-bottom: 1px solid lightgray; padding: 10px 0; } .toggle > div:last-child{ padding-top: 10px; } .toggleheader > div:first-child{ width: 95%; cursor: pointer; display: inline-block; text-align: left; font-weight: 600; } .toggleheader > span{ width: 5%; cursor: pointer; display: inline-block; text-align: right; } .close_toggle{ display: none; } .back_to_top > a > .fa.fa-arrow-circle-up{ font-size:3.5em; color:#BFBFBF; } #AIDefault{ font-size: 1.25em; line-height: 1.6em; } .viewoptionpage{ display: flex; flex-direction: row; justify-content: space-around; align-items: center; margin-bottom: 45px; } .viewoptionpage > div > p{ padding: 0; margin: 0; } .viewoptionpage > div{ border-radius: 0.5em; padding: 13px 33px; font-size: 15px; font-weight: bold; background-color: #ffc0cb; width: 25%; box-sizing: border-box; vertical-align: middle; } .viewoptionpage > div:hover{ background-color: #ff9cad; } .contentKbnakPay .content { position: relative; height: 100%; width: auto; margin: 0 auto; padding-top: 35px; flex-grow: 1; } .contentKbnakPay .payment-block { margin: 0 auto; /* padding: 2em 1.5rem; */ padding: 25px 40px; } .contentKbnakPay .payment-block h1{ padding: 0 0 15px; } .contentKbnakPay .flied { margin-bottom: 20px; min-height: 52px; text-align: left; } .contentKbnakPay .footer { margin-bottom: 0; text-align: end; color: #9E9E9E; } /* End Page Layout */ /* Style your payment form */ #card-name, #card-number, #card-expiry, #card-cvv { display: block; padding: 6px 12px; border-bottom: 1px solid #ced4da; } .card-detail { display: flex; justify-content: space-between; } .card-detail .flied { width: calc(100% * (1.5/4) - 10px - 1px); } .pay-button { display: block; min-width: 100px; padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; background-color: #c6838a; color: #fff; border: 1px solid transparent; cursor: pointer; margin: 0 auto; border-radius: 5px; } /* End Style your payment form */ /* Validate form handle */ #error-summary { display: none; margin: 0 0 15px; color: #e91e63; } #error-summary.show { display: block; } div#card-name.is-invalid, div#card-number.is-invalid, div#card-expiry.is-invalid, div#card-cvv.is-invalid { border: 1px solid #e91e63 !important; } /* /// Hide All error text */ #card-name+label, #card-number+label, #card-expiry+label, #card-cvv+label { display: none; color: #e91e63; } #card-name, #card-number, #card-expiry, #card-cvv { color: #333333; border: 1px solid #ccc; padding: 0.5em; background-color: #ffffff; } /* /// Show error text */ #card-name.is-invalid+label, #card-number.is-invalid+label, #card-expiry.is-invalid+label, #card-cvv.is-invalid+label { display: block; } .contentKbnakPay p{ margin-bottom: 0px; } #remember-card{ overflow: hidden; } .fas.fa-circle-notch{ position: absolute; left: 42%; top: 40%; transform: translate(-50%, -50%); font-size: 100px; } .fas.fa-check-circle{ position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); font-size: 100px; color: green; } .totalBox{ text-align: left; font-weight: normal; } .msg-paypment{ position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); font-size: 25px; font-weight: bold; } .fas.fa-times-circle{ position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); font-size: 100px; color: red; } .add-album-box .fas.fa-times-circle{ position: initial; transform: initial; } .msg-paypment-fail{ position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); font-weight: bold; width: 100%; } .msg-paypment-fail > span{ font-size: 18px; } .msg-paypment-fail > a{ font-size: 15px; text-decoration: underline; color: blue; } .payMerge{ width: 60%; margin: 0 auto; } .orderstatus_row > div > .lh2em { padding-top: 10px; line-height: 1.7em; } .failed-payment img{ vertical-align: middle; } .mail-unsubscribe{ padding: 15px 10px; border: 1px solid #000; background: #DEEAF6; width: fit-content; margin-bottom: 10px; } .mail-unsubscribe input[type="text"]{ width: 250px; } .mail-unsubscribe .btnYesUn{ margin-top: 15px; margin-right: 5px; } .unsubscribe .button { font-size: 12px; } .mail-unsubscribe .boxmail{ white-space: nowrap; } #SubScript ul{ margin-top: 10px; margin-left: 20px; } .main_products_title{ display: flex; flex-wrap: wrap; column-gap: var(--main_products-gap); row-gap: 10px; } .main_products_title h1{ display: inline; } @media (min-width: 1023px) { .main_products_title > :only-child { flex: 1 1 100%; /* ถ้า element เดียว → กว้างเต็ม */ } .main_products_title:has(.TopOfPage) > div:first-child{ width: 35%; } .main_products_title .TopOfPage{ width: calc(65% - var(--main_products-gap)); } .main_products_title{ row-gap: 20px; } .main_products_title .BoxImg{ margin-top:0; } } @media (min-width: 40rem) { .row { padding: 0; } /* for label edit */ .LabelImg{ width: 20%; float: left; } .Label4Button{ width: 50%; float: left; } .LabelDetail{ width: 80%; float: left; text-align: left; } } @media (max-width: 520px) { .notice_button_area { display: block !important; text-align: center; } .notice_button2, .notice_button2:hover{ width: 90%; margin-left: 0; } .cookie_title{ margin-right: 0; } } @media (max-width: 768px) { .product_page.table{ display: block; } .media_image img { max-width: 150px; } .media_image > div > .Cat-caption_Banner{ text-align: center; padding: 5px 10px 7px; bottom: 0; } .cookies-newbox{ margin: 10px 5px 30px; } .cookie_div_bottom_text { align-items: normal; } .cookies_div_bottom { text-align: left; line-height: 1.5; } .notice_content{ display: block; } .notice_button_area{ margin-left: 0; display: flex; } .slide-img-positon > div{ height: 50%; } .shareIconProductPage > .sharelayerProductPage{ z-index: 8; } .media-slide .swiper-slide{ word-break:break-word; line-height: 1.5em; } .cookie_page{ padding:0 10px; margin:0; } .cookie_page .custom_header, .cookie_link{ font-size: 17px; } .cookie_page .span4{ text-align:center; margin-bottom:30px; font-size: 15px; } .cookie_page .span4 img{ width: 250px !important; padding-top:5px; } .cookie_content{ background-image: url("../images/cookieinfo_mobile.jpg") !important; min-height: auto !important; } .cookie_content > div{ font-size: 1.45rem; padding: 30px 10px 30px 5px; margin: 0 !important; width: 65%; width: calc(65% - 10px); line-height: 1.7em; } .main_products{ grid-template-columns: 1fr; margin-top: 20px; gap: 0; } .vimeo_container{ padding: inherit; position: inherit; } .vimeo_container iframe{ position: inherit; } .viewoptionpage > div { width: 85%; margin: 10px; } .onmobile .viewoptionpage > div > p { padding-top: 5px; } .viewoptionpage{ flex-direction: column; } .mail-unsubscribe{ width: 100%; } .mail-unsubscribe input[type="text"]{ width: 100%; } .mail-unsubscribe .boxmail{ white-space: inherit; } } @media (max-width: 1130px) { .logo_slogan{ display: none !important; } } @media (min-width: 769px) { .dp-grid{ gap: 30px; } .dp-grid.information_page, .dp-grid:has(.smallmenu){ grid-template-columns: var(--sidebar-width) 1fr; } .pinkpopup_header{ line-height: 1.3em; } .cookies_heard_box{ margin-top:2.5em; } .cookies_content{ margin-top: 6.5em; } .cookies_container { max-width: 950px; } .overlay_loading { left: 45%; font-size: 10em; } .wishList_option{ display: inline-block; margin-left: 30px; } .wishList_option:first-of-type { margin-left: 0px; } .survey_bottomleft{ top: inherit; bottom: -5px; left: 10px; transform-origin: bottom left; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); max-height: 350px !important; max-width: 320px !important; min-width: 270px !important; } .survey_topleft{ top: -5px; left: 10px; transform-origin: bottom left; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); max-height: 350px !important; max-width: 320px !important; } .survey_bottomleft #SurveyIframe, .survey_topleft #SurveyIframe{ max-height: 330px; } .survey_topleft .close_overlay{ top: unset; bottom: 5px; } .DetailOne { width: 3%; } .DetailTwo { width: 86%; } .DetailThree { width: 10%; text-align: right; margin-bottom: 0px; } .fixslide_right .DetailTwo { width:78%; } .fixslide_right .DetailThree { top:0; } .signin #OrderingIFrame{ min-height:300px; } iframe#OrderingIFrame.signin_page{ min-height:250px; } .logo_desktop{ display: inline; } .logo_mobile{ display: none; } .product_content hr { margin: 5px 0 15px !important; height: 1px; } .TextCountdown{ font-size: 3em; } .Countdown{ font-size: 5em; } .emailform > .span6:not(:last-child) { padding: 0 10px 0 0; width: calc(50% - 10px); } body { overflow-y: auto !important; /*position: static !important;*/ } .bodyfixed { overflow: hidden !important; } .column { float: left; margin: 0; margin-bottom: 1.5em; } .left_padding { padding-left: 25px; } .column.full { width: 100%; } .column.two-third { width: 66.7%; } .column.two-fourth { width: 75%; } .column.two-fifth { width: 80%; } .column.two-sixth { width: 83.3%; } .column.two-seventh { width: 91.7%; } .column.half { width: 50%; } .column.third { width: 33.3%; } .column.fourth { width: 25%; } .column.fifth { width: 20%; } .column.sixth { width: 16.6%; } .ordering_page .product-desc { width: 60%; } .product-viewer { width: 40% !important; } /* fix width for overlay */ .overlay .column.third { width: 40%; } .overlay .column.two-third { width: 60%; } .column.third.product_img { /*width: 16.66%;*/ width: 33.3%; } /* for label edit */ .label-top { margin-top: 5px !important; } .product_label { margin: 0 10px 0 0; float: left; text-align: center; padding: 4px 2px 2px; background-color: #ffffff !important; border: 1px solid #cccccc; } .label_manage { float: left; } .label-link { display: inline-block; float: left; margin-left: 10px; } .label-logo { float: left; } .LabelImg{ width: 20%; float: left; } .Label4Button{ width: 50%; float: left; } .LabelDetail{ width: 80%; float: left; text-align: left; } .SaveLabel{ width: 100%; color: #ff0000; height: 0; overflow: hidden; font-weight: 600; } .LabelButton { display: block; width: auto; padding: 3px 15px 3px 15px; } .BotSideMenuOn{ position: absolute; bottom: 0px; display: block; } } .lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #000000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .click_clipboard{ margin-bottom: 10px; } .click_clipboard:before{ font-size: 1.5em; } .click_clipboard:active:before{ content: "\f00c"; } @media print { body, .productionBG, div.orderstatus_row, .topheader, .bottomheader{ background-color:#FFFFFF; } .item_row{ page-break-after:avoid; } .tableGen ul li{ text-align:left; } .returnList ul.bottomheader li{ text-align:center; } .column.fourth{ width:25%; } .column.half{ width:50%; } .column{ float: left; margin: 0; margin-bottom:1.5em; } hr{ border-bottom:1px solid #bebdbb; } .column.third.carttotal{ width:100% !important; } } 

/*---------- responsive css ------------*/
 :root { --product-gap-mobile: 10px; --mobile-columns: 2; } .album-page > .sort-text{ margin: 0 0 10px; } .album-card-style { width: 19.8%; display: inline-block; margin: 10px 0 20px; vertical-align: top; } .album-card-style > .album-title{ padding: 10px 0; width: 95%; clear: both; text-align: left; font-size: 14px; } .album-card-style > .album-title > div{ padding: 0 5px 5px; } .album-card-style > a > .album-card-box{ background: #e7e7e7; border-radius: 4px; height: 250px; padding: 5px 6px; width: 95%; } .album-card-style .album-card-box > div:first-child{ width: 230px; margin: 0 auto; } .album-items{ padding: 0; margin: 2% 2%; display: inline-block; height: 70px; width: 65px; } .album-items img { max-height: 70px; } .album-head-left{ float: left; } .album-head-left > .sidemenu_header{ padding-top: 12px; } .album-head-right{ float: left; padding: 10px; margin-left: 15px; } #addNewBox > div{ width: 95%; vertical-align: top; padding: 5px 10px; border: 2px #e7e7e7 solid; } #addNewBox > div > p:first-child{ text-align: center; font-weight: 600; font-size: 1.2em; padding: 10px; margin: 0; } .addAlbum-btn-box{ padding: 10px; } .addAlbum-btn-box > span{ display: inline-block; width: 49%; text-align: center; vertical-align: middle; font-style: normal; font-weight: 400; line-height: 17px; cursor: pointer; } .addAlbum-btn-box > span:first-of-type{ color: #09f; } .addAlbum-btn-box > span:last-of-type{ border-left: 1px solid #dfdede; } .album-title{ position: relative; } .album-edit-box{ position: absolute; top: -180px; right: 0px; background-color: #FFFFFF; border: 1px solid #E0E0E0; width: 150px; padding: 0 !important; display: none; } .album-edit-box > div{ border-bottom: 1px #e7e7e7 solid; } .album-edit-box > div:last-child{ border-bottom: 0; } .album-edit-box > div{ padding: 7px 10px; cursor: pointer; } .album-title > input:checked+.album-edit-box { display: block; } .album-title > .album-edit-txt-box{ position: absolute; top: 0; width: 100%; border: 0; display: none; padding: 5px !important; } .album-card-style input[type="text"]{ width: 100%; padding: 0.5em 0; background: transparent; border: none; border-radius: 0; border-bottom: 2px solid #ccc; } .get_icon{ display: flex; justify-content: space-between; align-items: center; } .dispay-album-name{ width: 85%; word-break: break-all; display: inline-block; } .position-box{ border: 2px #000 solid; border-radius: 25px; padding: 0px 5px; background: #fff; font-weight: bold; cursor: pointer; margin-top: 5px; display: block; width: fit-content; } .album-way > ul > li{ display: inline-block; } .album-way > ul > li:last-of-type > span{ color: #aaa; } .itmes-album-head{ width: 100%; } .itmes-album-head > h1.collection_info{ font-size: 16px; line-height: 1.3em; font-family: 'Neue Helvetica'; letter-spacing: 0.3px; color: #c6838a; margin-bottom: 0.15em; font-weight: 400; text-align: left; display: inline-block; } .album-content{ text-align: left; padding: 25px; } .album-content label{ font-weight: bold; margin-bottom: 5px; } .album-content input[type="text"]{ padding: 1em; width: 100%; } .album-frame-icon{ border: 1px #e7e7e7 solid; padding: 7px; font-size: 15px; background-color: #fff; text-align: center; width: 40px; } .itmes-album-head .album-frame-icon{ margin-left: 1rem; } .album-iconBox{ background-color: #fff; } .album-iconBox > ul > li{ font-size: 20px; padding: 12px; width: 49px; text-align: center; outline: 1px solid #e7e7e7; /* use instead of border */ margin-top: 1px; margin-left: 1px; } .album-iconBox > ul > li:hover{ background: #e7e7e7; } .markIcon{ background: #e7e7e7; } .onpage-album_icon{ vertical-align: middle; } .album-color-iconBox{ margin-bottom: 10px; } .album-color-iconBox > ul > li{ width: 49px; height: 44px; outline: 1px solid #e7e7e7; /* use instead of border */ margin-top: 1px; margin-left: 1px; display: inline-block; } .album_allalbum .album-iconBox{ background-color: initial; } .album_allalbum.album-color_onlist .album-iconBox > ul > li{ width: 33px; padding: 10px 4px; } .album_allalbum.album-color_onlist .album-color-iconBox > ul > li { width: 30px; height: 30px; } .album_allalbum{ border: none; border-radius: 0; border-bottom: 2.5px solid #ccc; } .album_icon-color.bgno{background-color: #5c5850;} .album_icon-color.black{background-color: #070813;} .album_icon-color.blue{background-color: #1a0ce9;} .album_icon-color.green{background-color: #74d326;} .album_icon-color.yellow{background-color: #fdd72a;} .album_icon-color.orange{background-color: #fe6219;} .album_icon-color.pink{background-color: #FF00FF;} .album_icon.bgno{color: #5c5850;} .album_icon.black{color: #070813;} .album_icon.blue{color: #1a0ce9;} .album_icon.green{color: #74d326;} .album_icon.yellow{color: #fdd72a;} .album_icon.orange{color: #fe6219;} .album_icon.pink{color: #FF00FF;} .albumLayer{ white-space: normal; margin-bottom: 15px !important; } .albumLayer .albemMainBox{ text-align: left; width: 85%; color: #5c5850 !important; display: flex; flex-wrap: wrap; align-items: flex-start; } .albumLayer .more-text:first-child{ margin-top: 10px; } .albumLayer .more-text{ text-align: left; padding: 10px 0; } .albumLayer .more-text div{ text-align: center; font-size: 20px; } .albumLayer .album-items { height: 65px; width: 29%; } .min-name-album .get_icon{ margin-top: 10px; } .albumLayer .min-name-album > div:first-of-type{ flex-grow: 9999; } .albumLayer .album-card-style > a > .album-card-box { height: 223px; } .albumLayer .album-card-style { width: 20%; margin: 0; margin-top: 10px; } .albumLayer .album-card-style.min-box:hover { color: #c76871; background-color: #fdf1f3; } .albumLayer .album-card-style.min-box { cursor: pointer; margin: 0; width: 19%; background-color: #e7e7e7; margin: 5px; border-radius: 4px; } .albumLayer .album-card-style.min-box > .album-title{ padding: 15px 5px;; } .layer-album-style{ display: flex; justify-content: space-between; align-items: stretch; margin:10px 0 20px; } .albumLayer .album-card-style .album-card-box > div:first-child { width: 100%; margin: 0 auto; } .albumLayer .sort-text{ text-align: left; } .albumLayer .sort-text a, .albumLayer .sort-text b{ font-size: 13px; text-decoration: underline; color: #5c5850; } #IFrameBG.mobilefixed{ overflow: auto !important; } .nextpage{ margin-bottom: 0.5em; } @media(max-width: 1150px) { .album-card-style { width: 24.8%; } #backToTop { right: 10px !important; left: initial !important; } .overlay, .secondTable ul li ul, .firstTable, .tableGen, .inTable{ width: 100%; } #IFrameHeight{ padding: 10px 15px 0 !important; } } @media(max-width: 1024px) { .album-card-style { width: 32.8%; } .product_img img{ width: auto !important; height: auto !important; } .collection_desc{ margin: 10px; } .collection_desc span{ font-size: 1rem !important; } /* .product_area{ gap: var(--product-gap); grid-template-columns: repeat(2, 1fr); } */ } @media(max-width: 950px) { #ContenerPic > figure{ width: 80%; } #myCanvas{ width: 100% !important; height: auto !important; } .vimeo_iframe{ max-width: 100%; height: 230px; padding: 0; } .vimeo_iframe.video_square{ height: 390px; } } @media(max-width: 768px) { .ph-cell { width: auto !important; } .vimeo_iframe{ max-width: 100%; } .video_mobile > div{ width: 100% !important; margin: -70px 0 -50px; } .album-card-style { width: 97%; margin: 10px 0 0px; } .album-card-style > a > .album-card-box{ width: 97%; margin: 0 auto; height: 280px; padding: 20px 0; } .album-card-style > .album-title { width: 97%; font-size: 1.2em; margin-bottom: 20px; } .album-list > ul{ width: 98%; } .album-box > a{ font-size: 15px; vertical-align: middle; } .album-items{ width: 33%; background: transparent; border: none; } .album-edit-box{ width: 165px; } .album-edit-box > div{ padding:10px; } .album-card-style input[type="text"]{ font-size: 1.1em; } .album-title > .album-edit-txt-box{ padding: 10px; } .album-edit-box{ position: absolute; top: -280px; } .swiper-shopbycat .swiper-slide{ width:100% !important; } .swiper-shopbycat .swiper-slide > p{ padding-bottom: 25px; } .nextpage{ margin-bottom: 1em; } .TopOfPage img.mobile-visible{ margin: 0 auto; } .collection_desc{ max-width: 350px; margin: 10px auto; left: 0; right: 0; } .manageitemArea{ width: 100%; margin:0; min-width: auto; } .BoxProductType{ width: 100%; } .BoxProductType .product_img-border{ padding: 20px; } #AccountMSG{ position:inherit; border-top:1px solid #cfcfcf; float:none; margin-top:5px; } .product_area .text-center img{ margin:0 auto; } .TopOfPage{ padding: 0 5px; clear: both; } .media_desktop{ display: none; } .media_mobile{ display: block !important; position: inherit; z-index: 2; } .media_mobile.bg_opacity{ opacity: 0.3; z-index: 1; } .media_mobile_bg{ padding: 10px; } .media_mobile_content{ position: relative; width: 100%; height: auto; overflow: hidden; } .media_bgcontent{ position: absolute; top: 0; left: 0; width: 100%; height: auto; object-fit: cover; opacity: 0.3; z-index: 0; } .media_mobile_text{ position: relative; z-index: 1; } .product_info{ width: 97% !important; } .product_page .row{ padding:10px 0 0; } .product_content .swiper-wrapper > .swiper-slide, .search_page .swiper-wrapper > .swiper-slide{ width: 100% !important; height: 100% !important; } .product_content .swiper-wrapper > .swiper-slide img, .search_page .swiper-wrapper > .swiper-slide img{ width: 100% !important; height: 100% !important; } .column.two-fifth.paddingleft{ /* padding left on product caontent area */ padding-left: 0 !important; } .minitext{ padding-top: 10px } .product_item{ padding: 0 0 20px; min-width: auto; } /* .product_area{ gap: var(--product-gap); grid-template-columns: repeat(var(--mobile-columns), 1fr); } */ .mobile_row1 .product_item{ width: 100%; } .mobile_row2 .product_item, .mobile_row2 > div{ width: calc(50% - var(--product-gap-mobile)); min-width: auto; } #loginWrap #loginFrameWrap{ width: 100%; } #AltProdVideo{ width: 100%; text-align:center; display: none; } .alt_video{ max-width: 250px; margin: 0; border:1px solid #cccccc } .full_video{ margin-top: 40%; } .full_video iframe, .full_video video{ width: 100%; height: auto; } .box_video .fad{ font-size: 5em; } .paypal_info button{ width: 100%; } select.currency_box{ max-width: 45px; } .swiper-font:before, .swiper-font:before{ font-size: 1.5em !important; } .BoxMoreImg{ max-width: 80px; } .NoticeContent{ margin: 60px 0px -60px !important; padding-top:5px; } .notice_area{ bottom: 40px; right: 0; left: 1%; } .notice_block{ width: 98%; } .notice_font{ font-size: 1.3em; } .onmobile > .body_container{ margin-bottom:50px; } .mobilefixed #MainContentArea, .mobilefixed .footer-container, .mobilefixed #Top-Menu{ overflow:hidden !important; right: 1000px; top: -150vh; } .mobilefixed .on_iphone #MainContentArea, .mobilefixed .on_iphone .footer-container, .mobilefixed .on_iphone #Top-Menu{ height:0vh !important; } .mobilefixed #MainHeaderArea{ margin-top:0; } .mobilefreeze{ overflow: hidden !important; } .toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe { border: 0px; z-index: 15; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .DiscountLayer{ width: 60%; left: 20%; } /*a, p{ line-height:1.6em; font-size:1.1em; }*/ .account_menu a, .menu_link{ font-size:1.3em; } .iframe_action{ /*font-size:1.5em;*/ margin-top:10px; } .button, button, input[type="button"], input[type="submit"], input[type="reset"]{ font-size:1.1em !important; line-height:2em !important; white-space:nowrap; margin-bottom:1em; display:inline-block; -webkit-appearance: none; } .button.display6{ font-size:0.8em !important; } input{ padding: 1em; } select{ height: 40px; padding: 0 10px; font-size: 14px; } #resizeLinkText, #resizeLinkBottom{ display:none; } .close_overlay{ font-size:2.8em; } .product_page .collection_info{ font-size:1.5em !important; } .product_page #MainProductArea .collection_info{ font-size:1.5em !important; width: 100%; display: table; position: relative; z-index: 8; } .product_page #MainProductArea .collection_info > span:first-child{ width: 75%; text-align: left; vertical-align: middle; display: table-cell; } .collection_info > .shareIconProductPage{ display: none; } .more_details{ max-height:none; } /*.signin #OrderingIFrame{ height:93vh !important; }*/ .bodyfixed{ position: fixed; overflow: hidden; } .mobilefixed{ overflow: hidden !important; max-width: 100vw; -webkit-overflow-scrolling:auto !important; } input[type="checkbox"], input[type="radio"]{ margin:0 7px; } .boxColumn > div{ display: block; padding: 5px 0 10px 5px; } .absolute_wrap{ position:static; } .warranty_page .column.fifth{ width: 50%; float: left; } .warranty_page .invDesWidth{ width: 90%; margin-bottom: 10px; } .warranty_list .invDesWidth{ width:80%; } #WarrantyArea input[type="checkbox"]{ float: left; margin: 2px 10px 3em 10px; } .warranty_page .myaccount-border label { width: 98%; width: calc(100% - 50px); } .reportDetail .detail-info .tableGen.firstTable, .statusreport_page .imageWidth, .pdf-text { text-align: center; } footer .customblock{ margin-left:0px !important; } .point_login, .shadow_login{ display:none; } .customblock table, .customblock tr, .customblock td, .customblock tbody { display: block !important; width: 100% !important; height: auto !important; } .body_container, .warranty_page .span6{ width:100% !important; } .body_container, .nav-menu.custom_max_w{ padding:0 !important; } .product-viewer.third{ text-align:center; } .invDetail{ margin-top:10px !important; } #backToTop{ right:30px !important; } .orderdetails_row div.column.fourth{ margin-bottom:1.5em !important; } .cart_dashed_line.span10{ width:100%; } #IframeContent .orderBorder, .overlay .orderBorder{ padding:0; } .item_row > div.column, .item_row > div > div { display: block; } .pdf_invoice-w20 { display: block !important; width: 100 !important; } .fixedTop{ top:40px !important; } #SurveyIframe { max-height:inherit !important; } #iframe_details, .column-left , .column-right , .secondTable ul li ul, .firstTable, .imageWidth, .inTable, .borderHR, .invDesWidth{ max-width: 100% !important; } .padding-left{ padding-left:0; } .product_wrap.column { width: 100% !important; margin-bottom: 30px !important; } .main_account section, .myaccount-border >label { width: 100%; } .mobile-visible, .mobile-block, .x-gap.mobile-visible { display: block !important; } .mobile-hidden, .x-gap { display: none !important; } .page_navigator, .page_navigator-bottom { text-align: right; margin-top: 10px; } .page_navigator ul, .page_navigator-bottom ul { width: 100%; margin: 15px 0; } .page_nav.mobile-visible { margin: 15px 0; } .page_nav .menu_selected{ padding: 5px; } .page_nav .menu_selected a{ font-size: 1.5em; text-decoration: none; } .overlay { width: 95% !important; max-height: 94%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 21; } .overlay.surveyframe { border-style: solid; } .overlay_content .ordering-nav{ position: static; padding: 10px 0; } .overlay_content{ max-height: none; padding: 0; /* height: 100vh; */ } .overlay_content > div { height: 99% !important; width: 100% !important; } /* .overlay_content > div.more_details{ height: 85vh !important; } */ .overlay .orderring-hidden{ padding-bottom: 0; } .onmobile .overlay { width: 93% !important; top: 31%; overflow: auto; } .overlay.alert_box, .overlay.confirm_dialog{ height: auto !important; width: 95% !important; } .onmobile .close_overlay{ font-size:3.5em; color:black; /* background: white; */ top:0; right: 0; padding: 0 10px !important; } .confirm_dialog .close_overlay{ background: transparent; } .onmobile .overlay_content, .alert_box .overlay_content{ padding: 35px 5px 5px 5px; height: 100%; } .confirm_dialog .overlay_content{ padding: 0; } #ActionArea .fa{ margin-right: 20px; } .clear-float{ float: unset !important; text-align: center; margin-bottom: 10px; } .tableGen{ display: block; background-color: transparent; } .tableGen ul, .displaytable > ul{ display: inline-block; vertical-align: top; width: 100%; padding-left: 0; } .tableGen ul li, .displaytable > ul > li{ display: block; width: 100% !important; margin: 0; } .inTable ul, .tableProduct ul li ul{ display: table-row !important; } .statusreport_page .inTable ul { display: block !important; } .inTable ul li, .mobile-cell{ display: table-cell !important; } .inTable ul li ul{ display: block; margin: 0 5px 0 5px; text-align: center; } .textSpecification{ width: 120px; } .returnList{ margin-top: 0 !important; margin-bottom: 0; } .returnList ul{ margin-bottom: 20px !important; } .returnList ul .moblie-return{ background-color: #FFFFB4; color: black; text-align: left !important; } .returnList ul:last-child .return-none, .topli{ display: none !important; } .returnList ul, .clearbackgroundPDF li { background-color: white; } .first-invoice-table ul li.invDetail { text-align: left !important; } .tableProduct{ border: none; } .tableProduct ul { width: 100% !important; margin-bottom: 30px ; border-top: 1px solid #bebdbb; border-left: 1px solid #bebdbb; border-right: 1px solid #bebdbb; padding: 0; } .tableProduct ul li{ width: 100% !important; display: table ; padding: 0; margin: 0; border-right: none; } #returnreport .tableProduct ul.clearbackgroundPDF li{ padding: 5px; text-align: left !important; } .tableProduct ul .mobile-visible{ display: table !important; } .tableProduct ul li ul li{ width: 30% !important; display: table-cell ; text-align: left; white-space: normal; word-break: break-all; padding: 5px; } .tableProduct ul li ul li:last-child{ width: 60% !important; } input[type="number"]{ width:35%; } .tableProduct ul .textHeader{ height: 20px !important; vertical-align: middle !important; } .invoiceTable{ margin: 0 0 1em; border-top: none; border-right: none; } .invoiceTable ul{ margin-top: 2em; } .invoiceTable ul li{ display: table; padding: 0 !important; border: none; } .invoiceTable ul li ul{ display: table-row !important; } .invoiceTable ul li ul li{ border-top: 1px solid #bebdbb; border-left: 1px solid #bebdbb; display: table-cell !important; width: 50% !important; padding: 8px !important; } .tableGen.invoiceTable ul { border-bottom: 1px solid #bebdbb; border-right: 1px solid #bebdbb; } .invoiceTotal{ border: 1px #bebdbb solid !important; margin: 2em 0 0; } .invoiceTotal ul li:first-child{ background: #F2F2F1; text-align: center !important; margin: 0 0 10px 0; padding: 0 0 10px 5px; border-bottom: 1px solid #bebdbb; } .invoiceTotal ul li.invWidth45per { padding: 10px 0 10px 0; margin: 0; } .invoiceTotal ul li ul li:first-child, .invoiceTotal ul li ul li:last-child{ display: table-cell; text-align: left !important; background: white; border: none !important; } .headerTable, .inTable ul li.mobileSet{ display: none !important; } .inTable, .inTable ul li ul{ float: unset; margin: 0; } .inTable{ width: 100% !important; } .inTable ul{ display: inline-block; width: 100%; } .inTable ul li{ display: block !important; width: 100% !important; padding: 0.2em; } .inTable ul li ul li, .pdf-Weight ul li.fullblock { display: inline-block !important; width: 50% !important; } .inTable ul li ul:first-child{ border-top: 1px #bebdbb solid; border-left: 1px #bebdbb solid; border-right: 1px #bebdbb solid; } .inTable ul li ul:last-child{ border-bottom: 1px #bebdbb solid; border-left: 1px #bebdbb solid; border-right: 1px #bebdbb solid; } .inTable ul.headerTable { display: none !important; } .mobileDisplay{ display: inline-block !important; } #contentstyle .moblieShowHeader{ display: block !important; width: 100% !important; text-align: center; } .secondTable .borderHR{ margin: 20px 0; } .column.third.carttotal{ width:100%; } .imageWidth .product_img { text-align: center; display: inline-block !important; margin: 0 5px 5px 0; } .customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 { display: block; width: 100% !important; margin-left: 0; margin-right: 0; } .warranty_page #WarrantyContent input{ width: 100%; } #WarrantyPage.warranty_page .warranty_button { width: 30%; float: right; margin-bottom: 25px; padding: 8px !important; } #WarrantyPage.warranty_page .add_warranty{ float: left !important; } .imageSet, li.imageSet.pdf-width{ float: none; width: 100% !important; margin: 0 auto; padding-bottom: 10px; text-align: center; } .left-label-form label{ display:block; } .left-label-form input[type="text"], .left-label-form .width93{ width:93%; } #IframeOverlay{ max-height: none; height: 100vh !important; top:0; z-index:21; } iframe#OrderingIFrame, iframe#loginFrame{ max-width: 100vw !important;; width: 100vw !important; height: 100vh !important; min-height:inherit !important; margin-top:0; top:0; } .toolTip, .invoice_iframe{ left:0 !important; right:0 !important; top:0 !important; position:fixed; height:100vh; z-index:20; } .frame_wrap.show_point{ max-height:none !important; height:100vh !important; position:inherit; z-index:20; } .point_shadow, .point, .point_shadow2, .point2{ display:none; } #IFrameHeight{ padding:10px 10px 0 !important;} .container{ height:auto; } .phone_type, .phone_type label{ margin: 0; } /* search page */ #RetailSearch .fa-search{ font-size: 15px; } #RetailSearch > #MainSeachBox{ width: 80%; min-width: unset !important; } #RetailSearch > button{ line-height: normal !important; padding: 5px 10px; } #SearchSubmit{ margin-top: 10px; } #mulitiSearch > div.inline_block{ display:block; } #MainSeachBox{ width:100%; } #basicSearch > div:first-child, #mulitiSearch > div:first-child{ padding: 0 0 10px 0; } #mulitiSearch, #boxClick:checked ~ #basicSearch{ display: none !important; } #basicSearch, #boxClick:checked ~ #mulitiSearch{ display: block !important; } #basicSearch > div:last-of-type > input[type="submit"]{ width: 100%; padding: 5px; white-space: normal; } .layer-album-style { flex-direction: column; } .album-card-style .album-card-box > div:first-child { text-align: center; } .album-items { width: 29%; } .album-edit-box { top: -245px; } } @media(max-width: 640px){ /*.tag_display .floatleft{ padding-left: 0; }*/ .product_img > img{ min-width: 75px; } .ordering_page .product_img:first-child > div, .ordering_page .product_img:first-child > div > img{ width: auto !important; height: auto !important; } .DetailThree{ margin-top:5px; margin-bottom:5px; } #MarketingContent{ margin: 60px 20px -60px !important; } .cart_page .button, .cart_page button{ width: 98%; max-width: none; } .textSpecification{ text-align: center !important; width: 100%; } .leftText{ margin-left:0; } .moblieShow{ display:inline-block !important; } .secondTable ul{ width: 100% ; margin: 0 auto; } .small-size{ text-decoration: underline; font-weight: bold; display: block !important; } input[type="checkbox"], input[type="radio"]{ padding: 0; } } 

/*---------- calendar css ------------*/
 #calendar{ width: 242px; height: 167px; text-align: center; margin: 5px auto; border: 1px solid #000; background-color: #f3f8ff; position: absolute; font: 11px Trebuchet MS; } .months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn{ margin: 1px 0 0 1px; padding: 0; width: 39px; height: 14px; line-height: 14px; float: left; text-align: center; background-color: #feefe4; color: #000; display: inline; } .emptM, .dayDisabled, .monthDisabled{ color: #d7d6d5; background-color: #f2f2f2; } .headDay{ color: #fff; background-color: #48688f; width: 33px; } .dayNormal, .dayBlank, .dayWeekend, .dayCurrent{ color: #fff; background-color: #70b0ff; width: 33px; } .dayBlank{ background-color: #f3f8ff; } .dayCurrent, .currMonth{ background-color: #71d45b; } .dayDisabled{ width: 33px; } #days{ margin-left: 1px; width: 238px; } #elements{ height: 150px; } .months a, #days a, .currMonth a{ color: #000; text-decoration: none; display: block; } .currMonth a, #days a{ color: #FFF; } .yearBrowse, #closeBtn { width: 238px; background-color: #FFF; line-height: 14px; } .yearBrowse a, #closeBtn a{ text-decoration: none; color: #f30; font-weight: bold; } .yearBrowse b{ margin: 0 5px; } 

/*---------- swiper css ------------*/
 .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-button-next, .swiper-button-prev{ background-image: none !important; top: 45% !important; display: flex; justify-content: center; align-items: center; } .swiper-button-next.fa:before, .swiper-button-prev.fa:before{ font-size: 3em; } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container, .swiper-container-ordering{ margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height: 100%; } .swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled { display: none; } .swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 

/*---------- product-homepage plugin css ------------*/
 .catslide .ph-cell{ max-width: 20% !important; padding: 5px 10px; } .ph-nav_icon { float: right; margin: 0 0 5px 7px; } .ph-block { position: relative; padding: 2px; } .ph-block .point_shadow, .ph-block .point { bottom: -17px; } .ph-productimg img { cursor: pointer; } .ph-productimg img.noPointer{ cursor: default; } .ph-caption, .ph-caption_moreinfo { opacity: 0; bottom: -41px; padding: 2px; display: table; background: #f7f6f2; position: absolute; -webkit-transition: all 0.10s ease-in-out; -moz-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; transition: all 0.10s ease-in-out; } .ph-caption_moreinfo { bottom: -36px; } .ph-block:hover .ph-caption, .ph-block:hover .ph-caption_moreinfo { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ transform: translateY(-42px); -webkit-transform: translateY(-42px); -moz-transform: translateY(-45px); -ms-transform: translateY(-42px); -o-transform: translateY(-42px); } .ph-block:hover .ph-caption_moreinfo { transform: translateY(-36px); -webkit-transform: translateY(-36px); -moz-transform: translateY(-39px); -ms-transform: translateY(-36px); -o-transform: translateY(-36px); } .ph-price { float: right; color: #655c3b; font-size: 14px; margin: 3px 10px 10px 5px; } .ph-action { width: 100%; display: table; } .ph-action > .ph-row > span { font-size: 12px; display: table-cell; width: 50%; vertical-align: bottom; } .ph-moreinfo { float: right; font-size: 10px; cursor: pointer; margin: 2px 8px 0 0; } .ph-table { overflow: hidden; width: 100%; clear: both; } .ph-row { display: table-row; } .ph-cell { text-align: center; padding: 5px 3px; vertical-align: top; /*float:left;*/ display: inline-block; position: relative; } .ph-CatTitle{ float: left; margin: 15px 0; } .ph-CatTitle strong{ font-size: 14pt; } .ph-caption_Banner{ position: absolute; right: 0; z-index: 0; cursor: pointer; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -moz-transition: all .2s ease-out 1s ease-in-out 0s; -ms-transition: all .2s ease-out 1s ease-in-out 0s; -o-transition: all .2s ease-out 1s ease-in-out 0s; -webkit-transition: all .2s ease-out 1s ease-in-out 0s; transition: all .2s ease-out 1s ease-in-out 0s; } .ph-caption_Banner > div{ margin: 0; font-size: 14px; padding: 8px 15px 9px 15px; } .ph-caption_Banner > div > span{ display: block; } .ph-halfblock .ph-caption_Banner { width: 80%; bottom: 20px; min-height: 65px; } .ph-fullblock .ph-caption_Banner { width: 100%; height: 100%; bottom: 0 !important; } .ph-fullblock .ph-caption_Banner > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center !important; } .tablewrapper{ position: relative; } .ph-nav_icon_on_imgPrev, .ph-nav_icon_on_imgNext{ position: absolute; top: 40%; z-index: 2; } .ph-nav_icon_on_imgPrev, .ph-nav_icon_on_imgPrev-mb{ left: 0; } .ph-nav_icon_on_imgNext, .ph-nav_icon_on_imgNext-mb{ right: 0; } .ph-nav_icon_on_imgPrev .far, .ph-nav_icon_on_imgNext .far{ font-weight: 100; } .ph-productimg{ line-height: 0; } .NavDot > .dot{ cursor:pointer; height: 8px; width: 8px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .NavDot{ bottom: 15px; display: block; font-size: 25px; height: 1em; left: 0; position: absolute; right: 0; text-align: center; width: auto; z-index: 2; } .ph-active, .dot:hover { background-color: #e09d00 !important; } @keyframes fa-spin-home { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-spin-home:after{ font: normal normal normal 14px/1 FontAwesome; webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; content: "\f110"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30pt; } .ph-table > .BoxImg{ display: none; position: relative; } .ph-table > .BoxImg:first-of-type{ display: block; } .ph-table{ width: 100%; height: 100%; } /* this is the important part */ .ph-table .swiper-slide { width: auto; } .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 1.5px; } .animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} @-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .animate-right{position:relative;-webkit-animation:animateright 0.4s; animation:animateright 0.4s} @-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @-webkit-keyframes animaterightoff{from{left:0px;opacity:1} to{left:-300px;opacity:0}} @keyframes animaterightoff{from{left:0px;opacity:1} to{left:-300px;opacity:0}} @-webkit-keyframes animateleftoff{from{right:0px;opacity:1} to{right:-300px;opacity:0}} @keyframes animateleftoff{from{right:0px;opacity:1} to{right:-300px;opacity:0}} @media (min-width: 1660px) { .ph-nav_icon_on_imgPrev{ left: -35px; } .ph-nav_icon_on_imgNext{ right: -35px; } } @media (max-width: 1150px) { .Tablet-Hide{ display: none; } .catslide .ph-cell{ max-width: 33.33% !important; } } @media (max-width: 768px) { .ph-nav_icon_on_imgPrev-mb, .ph-nav_icon_on_imgNext-mb{ position: absolute; top: 40%; z-index: 2; outline: none; } .ph-nav_icon_on_imgNext-mb.fa:before, .ph-nav_icon_on_imgPrev-mb.fa:before{ font-size: 1.5em; } .catslide .ph-cell{ max-width: 100% !important; } } @media (max-width: 640px) { .NavDot{ bottom: 0; } .Tablet-Hide{ display: inline-block; } .Mobile-Hide{ display: none; } .ph-caption, .ph-caption_moreinfo { bottom: 0px; opacity: 0.8; } .ph-block:hover .ph-caption, .ph-block:hover .ph-caption_moreinfo { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .ph-block:hover .ph-caption_moreinfo { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } } 

/*---------- customer-review plugin css ------------*/
 .CustReview1{ clear: both; display: block; width: 100%; padding: 5px; margin: 10px 0; box-sizing: border-box; overflow: hidden; } .CustReview1 >div:first-of-type{ float: left; width: 40%; box-sizing: border-box; } .CustReview1 >div:last-of-type{ float: right; width: 60%; box-sizing: border-box; padding-bottom: 10px; } .StarByReview .fa-star, .BoxCustRating1 .fa-star, .BoxCustRating1 .fa-star-half-alt{ padding: 0 1px; box-sizing: border-box; color: #FF9900; font-size: 13pt; } .CustReview1 .DetailReview{ display: table; width: 100%; border: 0; padding: 10px 0; margin: 0; box-sizing: border-box; } .CustReview1 .DetailReview >ul{ display: table-row; } .CustReview1 .DetailReview >ul >li{ display: table-cell; vertical-align: top; } .CustReview1 .DetailReview >ul >li:first-of-type{ width: 50px; padding-right: 10px; box-sizing: border-box; } .CustReview1 .DetailReview .text-middle{ vertical-align: middle; } .CustReview1 .DetailReview .text-middle, .CustReview1 .DetailReview .text-top{ text-align: right; } .CustReview1 .fa-quote-left, .CustReview1 .fa-plus{ font-size: 20pt; color: #D0D0D0; } .CustReview1 .fa-minus{ font-size: 40pt; color: #D0D0D0; } .CustReview1 .fa-plus, .CustReview1 .fa-minus{ cursor: pointer; padding-left: 10px; box-sizing: border-box; } .CustReview1 hr{ clear: both; background-color: #D0D0D0; } .CustReview1 >div:first-child >div{ padding: 5px 0; font-weight: bold; } .CustReview1 .DetailReview >ul >li div{ padding-bottom: 20px; box-sizing: border-box; } .CustReviewLink{ padding-top: 10px; text-align: right; text-decoration: underline; box-sizing: border-box; } .BoxCustRating1{ display: table; width: auto; padding: 10px 0; margin: 0 auto; text-align: center; box-sizing: border-box; } .BoxCustRating1 >ul{ display: table-row; } .BoxCustRating1 >ul>li{ display: table-cell; vertical-align: middle; text-align: left; } .BoxCustRating1 >ul>li:first-of-type{ padding-right: 15px; text-align: center; box-sizing: border-box; } .BoxCustRating1 >ul>li:first-of-type >div>span:not(.fa-star):first-of-type{ font-size: 25pt; } .BoxCustRating1 >ul>li:first-of-type >div:last-of-type{ padding-top: 10px; box-sizing: border-box; } .BoxCustRating1 a{ text-decoration: underline !important; } 

/*---------- header ------------*/
 #cookiesTitle{ font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; } .header3 #mainheader{ padding: 35px 0 0 !important; } /*#MainContentArea{ padding-top: 65px !important; }*/ #menu-product, #menu-top{ vertical-align: top; } .header3 .signin #OrderingIFrame { float: left; } #loginFrameWrap { display: none; width: 99%; margin: 0 auto 10px; top: 3px !important; left: 0; } .header3, .header3 a{ text-decoration: none; } .header3 { margin-bottom: 10px; } .containerHead { margin: 0; padding: 0; line-height: 1.3em; clear: both; } .header-fixed{ position: fixed; z-index: 11; /* transition: top 0.3s;*/ } .fixslide_right .header-fixed{ width:70%; } .header-container { clear: both; margin: 0; padding: 0; display: block; width: 100%; } .logo-center{ display: block; text-align: center; padding: 15px 0; } .nav-menu{ display: inline-block; text-align: center; margin-bottom: 15px; } .nav-menu >div { display: table; width: 100%; } .nav-menu >div >ul >li{ text-align: center; white-space: nowrap; display: inline-block; margin: 0 ; } #menu-product >div >ul >li:first-child{ padding: 0; } .nav-menu >div >ul >li >a{ display: inline-block; padding: 10px 0 5px; } .icon_area a{ padding: 7px 0 5px !important; font-size: 15pt; color: #AEA8A5; font-weight: 300; } .boxpositionSet{ left: 0; right: 0; } .ImgShowInfo a:hover{ background-color: transparent !important; } .LineEachBox{ border-left: 1px solid #ebebe8; } #google_translate_element{ margin-right:0; } .box_currency{ padding-right: 10px; position: relative; } .box_currency>div{ text-align: right; cursor: pointer; padding: 0px !important; } .box_currency >div .fas{ padding-left: 5px; } .currency_option{ visibility: hidden; display: none; position: absolute; right: 0; z-index: 2; border-width: 1px; border-style: solid; min-width: 100px; } .box_currency:hover >ul{ visibility: visible; display: block; } .currency_option >li{ white-space: nowrap; text-align: right !important; } .currency_option >li >span, .currency_option >li >a{ cursor: pointer; display: block; padding: 5px; } .menu_mobile >ul, .account_mobile >ul{ display: none; } .submenu-cat{ display: none !important; } .header3 h1 { font-size: 1em; } .header3 input[type="search"] { max-width: 150px; } .GG_translate > *{ margin-left: 0;float:left; padding-right:5px; } .GGBox{ margin-left: 0px !important; } .search_area.icon_area{ padding: 0 0 0 25px !important; font-size: 15pt; } .icon_area { padding: 0 0 0 50px !important; } li a.account_link:before { font-family:"FontAwesome"; content: "\f007"; } .icon_area .fa-star:before{ color: inherit; font-size: inherit; } .star-icon-header{ margin-right: 5px; height: 20px; vertical-align: bottom; } .icon_area .fa-shopping-basket:before{ font-size: 17pt; } /*.search_area { max-width: 150px; display: inline-block; position: relative; }*/ #boxSearch{ display: none; } .body_container:not(.fixslide_right) #mainheader{ float:right; width:100%; } .header-container #boxSearch:checked ~ .box_search_area{ display: inline-block; } .header-container > div .box_search_area { /*max-width: 200px; position: absolute; left: 0; right: 12%;*/ min-width: 450px; display: none; padding:0; position: absolute; left: -115px; top: -20px; z-index: 10; text-align: left; /*height: 80px; background: #f5f4f2; border: 1px solid #f5f4f2;*/ } .searchDestop{ color: #888888; width: 100%; margin-right: 5px; padding: 10px; border: 1px solid #cccccc; border-radius: 5px; background: white; padding-left: 40px; height: 35px; /*margin-top: 20px;*/ } .show-nav-search{ text-align: left; margin: 10px auto 15px; } .show-nav-search .searchDestop{ width: 95%; } .box_search_area form{ position: relative; display: inline; } .box_search_area .search-label:before{ top: 0; left: 10px; right: inherit; color: #8f8f8f; } .fa-search, .box_search_area .fa-search{ cursor: pointer; font-size: 1.5em; } .search-label:before { content: "\f002"; font-family: FontAwesome; position: absolute; top: -21px; right: 2px; cursor: pointer; padding: 5px; font-weight: 300; } .bag-label:before { content: "\f290"; font-family: FontAwesome; cursor: pointer; } .close_search{ top:5px; margin-right: 5px; display: inline-block; } .account-link, .search_area{ position: relative; } .account-link:hover .topaccount-bar{ display: block; } .topaccount-bar{ position: absolute !important; border-radius: 4px; /*box-shadow: 0 0.6rem 2rem 0 rgba(0,0,0,.2);*/ box-shadow:0 3px 10px rgba(0,0,0,.3); min-width: 150px; left: 0; transition-delay: 0.2s; top: 100%; display: none; z-index: 1; } .topaccount-bar > ul > li{ text-align: left; padding: 3px 15px; font-size: 0.8em; } .topaccount-bar > ul > li > a{ font-size: 15px; } /*.logo_desktop{ position: relative; }*/ .logo_slogan{ display: block; padding: 8px 0 0; color: #AEA8A5; } .cartTop{ top: calc(78%); } .cartTop .fa-shopping-cart{ color:#828282; } .cartTop .fa-shopping-cart > span { background: #E2A829; } .back_to_top > a > .fa.fa-arrow-circle-up{ color:#828282; } .menu-bar{ position: absolute; left: 27px; top: 50px; transform: translate( 0, -50%); z-index: 3; background: #fff; padding: 3px 0 8px; border: solid 1px #e2a829; border-radius: 0.5em; } .menu-bar, .cart-bar{ width: 60px; } .cart-bar{ position: absolute; right: 0; top: 122px; transform: translate(0, -50%); padding: 2px 5px; cursor: pointer; font-weight: bold; font-size: 8pt; z-index: 9; } .cart-bar .cart-number{ /*This creates a 1px solid red border around your element(div) */ background-color: #FFFFFF; padding: 2px 4px;; /* border-radius 50% will make it fully rounded. */ border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; margin-right: 5px; } #iconMenu:checked ~ * .header-fixed{ opacity: 1; } #iconMenu:checked ~ * .menu-box, #iconMenu:checked ~ * .opacity-box, .showblock .menu-box, .showblock .opacity-box{ display: block; } .showblock .menu-bar, #iconMenu:checked ~ * .menu-bar{ opacity: 0.2; } #HeaderFix.showblock{ opacity: 1 !important; } .menu-bar > label, .close-box > label{ font-size: 20pt; line-height: 0.5; cursor: pointer; } .menu-bar > label > span, .close-box > label > span{ font-size: 8pt; } .opacity-box{ display: none; position: fixed; width: 100%; height: 100%; opacity: 0.8; z-index: 2; background: #AEA8A5; top:0; left: 0; } .menu-box{ display: none; position: fixed; top:20px; right: 20px; width: 93%; max-width: 1245px; height: 95%; z-index: 10; opacity: 1; padding: 20px 50px; } .menu_content{ height: 95%; overflow: hidden; } .menu_content > div.show-nav{ overflow-y: auto; width: 100%; -webkit-overflow-scrolling: touch; height: 65%; } .menu_content > div.show-nav > nav:not(.nav-menu-mobile){ margin-top: 5px; float: left; text-align: left; } .menu_content > div.show-nav > nav.show-cat{ width: 75%; } .menu_content > div.show-nav > nav.top-menu{ width: 25%; } .show-cat > div { float: left; } .show-cat > div > ul > li{ float: left; margin-right: 50px; margin-bottom: 25px; /*display: inline-block; width: 30%; vertical-align: top; padding: 0 50px 25px 0; margin: 0;*/ } .show-cat > div > ul > li > ul{ padding-top: 20px; line-height: 1.8; } nav.top-menu > ul > li:not(.head-text){ line-height: 1.8; } nav.top-menu > ul > .head-text{ padding-top: 20px; padding-bottom: 20px; } .head-text{ font-weight: 400; color: #E2A829 !important; } nav.top-menu > ul > .head-text:first-of-type{ padding-top: 0px; } .topleftmenu > ul{ list-style-image:none; list-style-position:outside; list-style-type:none; } .close-box{ position: absolute; padding: 0px 9px 9px; right: -18px; top: 4%; transform: translate(0, -4%); background: #E2A829; } #iconMenu{ display: none; } .bodyfreeze{ overflow: hidden !important; } .show-cat-moblie > input[type="checkbox"]{ display: none; } .show-cat-moblie > label{ display: none; } .show-cat ul li.groupName:first-of-type{ padding-top: 0; } .groupName { cursor: default; padding: 10px 5px 5px 0; } .menu-bar span:not(.txtMenu){ width: 70%; max-width: 37px; height: 1px; background-color: black; margin: 7px auto; display: block; } .menu-bar .txtMenu, .close-box .txtMenu{ display: block; font-size: 9pt; padding-top: 2px; } .icon_close { width: 32px; height: 32px; display: block; margin-bottom: 3px; } .icon_close:before, .icon_close:after { position: absolute; content: ' '; height: 38px; width: 1px; background-color: #000; } .icon_close:before { transform: rotate(60deg); } .icon_close:after { transform: rotate(-60deg); } #DragHeader, .mobilelogo{ display: none; } .icon_area .fa-heart:before { color: inherit; font-size: inherit; } .account-box, .box_search_area_mobile, .nav-menu-mobile, #boxSearchMobile{ display: none; } #boxSearchMobile:checked ~ .box_search_area_mobile{ display: inline-block; } .show-cat-moblie > ul > li > ul{ display: none; } .show-cat-moblie > ul > li > label{ display: none; } #HeaderFix.hide-header{ width: 10px; white-space: nowrap; } .menu-box > .menu_content > .logo-center{ height: 20vh; } .menu-box > .menu_content > .show-nav-search{ height: 5vh; } .menu-box .logo_image { max-height: 15vh !important; } .Show_mastercate a .fa-sort-down:before{ bottom: 3px !important; } .nav-menu >div >ul >li >a, .Show_mastercate >ul >li >a{ padding: 10px 0 10px; } @media (max-width: 768px) { .menu-box > .menu_content > .logo-center{ height: 10vh; } .menu-box{ padding: 20px 10px 20px 30px !important; } .icon_area .star-icon-header{ vertical-align: top; padding-right: 2px; } .mobilelogo{ display: block; } .show-cat > div > ul > li > ul{ width: 100%; padding-top: 10px; line-height: 2; } .show-cat-moblie h4.head-text > span{ vertical-align: middle; } .show-cat-moblie h4.head-text > span:first-of-type{ margin-right: 10px; } .show-cat-moblie > label{ display: inline-block; font-weight: 0; } .show-cat-moblie > ul > li > label{ display: inline-block; } .show-cat-moblie > ul > li > ul > li{ padding-left: 15px; width: 100%; opacity: .8; text-align: left; display: block; margin: 0 0 5px; list-style: initial; } .show-cat-moblie > ul > li > ul > li a:before{ content: "•"; padding-right: 7px; } .fixslide_right .header-fixed { width: 100%; } a.myaccount_link:before { font-family: "FontAwesome"; content: "\f007"; font-size: 1.3em; margin-right: 5px; } .menu-box { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 95%; height: 95%; padding: 20px 0 0 50px; } .close-box { right: -8px; } .menu-bar{ top: 40%; left: 10px; border: none; background: transparent; } .menu_content > div.show-nav > nav { clear: both; width: 100%; } .topaccount-bar { display: none; } .menu_content > div.show-nav > nav.show-cat{ width: 100%; } .menu_content > div.show-nav > nav.top-menu{ width: 100%; } .show-cat > div > ul > li{ float: left; margin-right: 0px; margin-bottom: 25px; width: 100%; } .show-cat > div{ width: 100%; } .show-cat > div > ul > li > ul { display: none; } .show-cat-moblie .fa-plus:before{ font-size: 14pt; } .show-cat-moblie > input[type="checkbox"]:checked ~ ul, .show-cat-moblie > ul > li > input[type="checkbox"]:checked ~ ul{ display: block; } .show-cat-moblie > input[type="checkbox"]:checked ~ label > h4 > .fa-plus:before, .show-cat-moblie > ul > li > input[type="checkbox"]:checked ~ label > .fa-plus:before{ content: "\f068"; } .show-cat-moblie > ul{ padding-left: 25px; } .show-cat-moblie > ul > li > label > .fa-plus:before{ font-size: 12pt; } .menu_content > div.show-nav > nav.top-menu { margin-top: 0px; } .menu_content > div.show-nav{ padding-bottom: 20px; } #DragHeader{ position: fixed; z-index: 20; left: 0; right: 0; top: -40.6px; /* transition: top 0.3s;*/ display: none; } #DragHeader.fa-angle-double-down:before { border-bottom: 5px solid #adadad; padding: 7px 0px; font-size: 2em; width: 100%; display: block; } .show-nav-search{ height: 5%; } .top-menu{ overflow: hidden; } .menu_content > div.show-nav{ height: 85%; } .header-container #mainheader .box_search_area { min-width: 350px !important; left: -4rem !important; } .header3 #mainheader { padding: 10px 0 0 !important; } /*.menu-bar{ top: 42px; }*/ .cart-bar{ top: 84px; } .nav-menu-mobile{ display: block; text-align: left; margin: 25px 0 40px 0; position: relative; } .nav-menu-mobile > ul > li{ position: initial; } .nav-menu-mobile ul > li.icon_area.search_area{ padding-left: 30px !important; } .nav-menu-mobile ul > li, .account-box ul > li{ display: inline-block; } .account-box{ display: block; text-align: left; margin-bottom: 25px; } .account-box .account_logout:before{ font-family:"FontAwesome"; content: "\f2f5"; } .account-box .account_logout:before, .account-box a.account_link:before{ font-size: 17px; padding-right: 5px; } .account-box ul > li.menu_acc:nth-of-type(even){ text-align: center; } .account-box ul > li.menu_acc{ width: 50%; white-space: nowrap; } .box_search_area_mobile{ position: absolute; top: 0; left: 0; right: 0; } .box_search_area_mobile > input{ display: inline-block; width: 85%; } .box_search_area_mobile > label{ display: inline-block; width: 5%; vertical-align: middle; } #HeaderFix{ border-bottom: 5px solid #adadad; } .logo_image{ padding-left: 40px; padding-right: 0 !important; } } .animation-cateleft{position:relative;-webkit-animation:cateaction 0.5s;animation:cateaction 0.5s;} @-webkit-keyframes cateaction{from{left:480px;width: 0;} to{left: 0;width: 100%;max-width: 480px;}} @keyframes cateaction{from{left:480px;width: 0;} to{left: 0;width: 100%;max-width: 480px;}} .animation-cateright{position:relative;-webkit-animation:caterightaction 0.5s;animation:caterightaction 0.5s;} @-webkit-keyframes caterightaction{from{left:-480px;width: 0;} to{left: 0;width: 100%;max-width: 480px;}} @keyframes caterightaction{from{left:-480px;width: 0; } to{left: 0;width: 100%;max-width: 480px;}} 

/*---------- menu ------------*/
 .nav4side-menu >.SidebarMenu{ width: 93%; max-width: 400px; margin: 0 auto; padding: 10px 0; } .fliter_menu{ display: block; width: 100%; padding: 5px; margin: 0 auto; overflow: hidden; } .fliter_menu label{ cursor: pointer; } .fliter_menu >div{ float: left; width: 55%; } .fliter_menu >div:first-child{ padding-right: 5px; text-align: right; width: 45%; } .fliter_menu >div:last-child{ text-align: left; } .fliter_menu select{ font-size: 15px; padding: 0 0.5em; height: 33px; } .filter_btn{ text-align: center; padding: 10px 0; } .Filter_Search{ display: block; width: 100%; margin: 0 auto; overflow: hidden; } .Filter_Search >div{ float: left; width: auto; padding: 3px 10px 3px 0; } .Filter_advance{ display: block; width: 100%; margin: 0 auto; overflow: hidden; } .Filter_advance >div.sidemenu_header{ text-align: left; float: left; } .Filter_advance >div.Filter_clear{ text-align: right; float: right; } .dl_filter{ padding-top: 15px; } .dl_filter select{ border-radius: 5px; width: 55%; max-width: 150px; height: auto; } .delight_filter .rowlist{ display: inline-block; width: auto; padding-right: 7%; padding-bottom: 10px; padding-top:5px; } .delight_filter .each-grid{ background-color: #ACACAC; text-align: center; padding: 10px 5px; } .delight_filter .grid3{ cursor: pointer; grid-template-columns: 10px 10px 10px; } .delight_filter .grid4{ cursor: pointer; grid-template-columns: 10px 10px 10px 10px; } .delight_filter .grid5{ cursor: pointer; grid-template-columns: 10px 10px 10px 10px 10px; } /*.menu_sidebar .text-bold.menu_selected{ padding-left:5px; }*/ .SidebarMenu{ line-height:1.5em; } .faicon:before { font-family: FontAwesome; padding-right: 8px; margin-left: -15px; cursor: pointer; } .menu_sidebar .fa-angle-down:before{ content: "\f107"; font-size: 1em; } .menu_sidebar .fa-angle-right:before{ content:"\f105"; font-size:1em; } .menu_sidebar .fa-minus:before{ content: "\f068"; font-size: 0.5em; } .sidemenu_header.colorblack{ color: inherit !important; margin-bottom: 5px; } .sidemenu_header{ font-size:1.15em; line-height:1.3em; } .mylist_page .menu_sidebar:not(:first-child) .sidemenu_header{ margin-top:1.5em; } .mylist_page .menu_sidebar:first-child .sidemenu_header{ margin-top:0.5em; } .menu_sidebar a { text-decoration:none; } .menu_sidebar ul, .invoiceTotal ul li{ padding:0; } .menu_sidebar li{ margin:0; } #MainSideMenu .menu_sidebar > li:not(.sidemenu_header) { padding: 0 5px !important; } #MainSideMenu .menu_sidebar{ margin-top:5px; } .menu_sidebar li a { display: block; padding: 8px 2px; margin: 10px 0; } .mylist_page .menu_sidebar li a, .invoice_menu li a { padding: 13px 0; } .mylist_page li.menu_selected a { padding: 13px 2px; } .invoice_menu .sidemenu_header{ margin-bottom: 15px !important; } .sidebar ul { margin-bottom: 20px; overflow: hidden; } .sidebar ul:last-child { margin-bottom: 0; overflow: hidden; } .product_sublist{ font-size:0.95em; } .product_sublist ul li{ margin:0 0 10px; } .product_sublist li a{ text-decoration:none; padding: 2px; } .sidebar-split{ margin:10px 0 0; } .sidebar p{ margin-bottom:5px; } .sidebar hr{ margin: 20px 0; } .button.nav-center-btn{ font-size: 0.85em !important; padding: 7px 10px !important; } .menu_selected{ background:#cccccc; } .SidebarMenu input[type=checkbox].buttonSide{ display: none; position: absolute; top:-9999px; left: -9999px; } .SidebarMenu label.buttonSide { display: none; cursor: pointer; user-select: none; } .search_page .menu_sidebar > p { padding:0 5px; } #MainSideMenu .menu_sidebar li > ul > li{ padding-left:15px; } #MainSideMenu .menu_sidebar li > ul > li a{ display:block; transition:padding-left 0.3s; } ul.menu_sidebar > li a.menu_selected{ width: 100%; display: inline-block; } ul.menu_sidebar > li a, .search_result-option > li a{ transition:padding-left 0.3s; } ul.menu_sidebar > li a:hover, .search_result-option > li a:hover{ padding-left:10px; font-weight: 600; } .search_result-option .sidemenu_header{ margin-top: 20px; } #MainSideMenu .menu_sidebar li > ul > li a:hover{ padding-left:10px; } #MainSideMenu .menu_sidebar li > ul > li a:before{ content: "\2022"; padding-right: 7px; } #MainSideMenu .sidebar_search .menu_sidebar li > ul > li a:before{ content: ""; padding-right: 0; } #MainSideMenu .sidebar_search .menu_sidebar li > ul > li a{ display:inline-block; } #MainSideMenu .sidebar_search .menu_sidebar > li:not(.sidemenu_header) > ul > li:not(.sidemenu_header) { padding-left: 0; } .sidebar_search .sidemenu_header{ padding-top: 20px; padding-left: 5px; } .sidebar_search li a { display: block; } @media (max-width: 768px) { #MainSideMenu{ display: none; } .menu_sidebar .fa-angle-right:before{ margin-top:3px; } .menu_sidebar li a, .product_sublist li a{ padding: 5px 2px; font-size: large; } .search_page .menu_sidebar > p { margin: 0 0 15px; padding: 0; } .SidebarMenu .menuMobile{ font-size: 1em; position: fixed; display: none; height: 100%; width: 100%; padding: 15px 0 0 40px; line-height: 1.5; background: #FFFFFF; overflow: auto; z-index: 18; top: 0; left: 0; } .SidebarMenu label.buttonSide { position: fixed; display: block; width: 10px; height: 28px; top:40%; left: 0; background: #000000; opacity: .5; z-index: 19; width: 20px; height: 40px; background-color: black; border-bottom-right-radius: 100px; border-top-right-radius: 100px; border: 2px solid gray; border-left: 0; } .SidebarMenu label.buttonSide:before { font-family: FontAwesome; position: absolute; right: 5px; top: 9px; font-size: 3em; content: "\f105"; } .SidebarMenu input[type=checkbox].buttonSide:checked ~ label.buttonSide:before{ content:"\f104"; } .SidebarMenu input[type=checkbox].buttonSide:checked ~ .menuMobile{ display:block; } .SidebarMenu .menuMobile li { width: 100%; opacity: .8; text-align: left; display: block; margin: 0 0 10px; padding: 0; list-style: initial; } .search_page .menuMobile .sidemenu_header{ margin-top: 25px; } .menu_sidebar{ padding: 0 15px 0 5px; } } 

/*---------- account ------------*/
 .ContentMylist .button{ padding: 3px 10px; } .acc_link, .account_page a:not(.button):not(.fas){ text-decoration: none; font-style: italic; font-weight: bold; } .myaccount-border label{ font-style: normal; font-weight: 100; } .coupon_desc{ padding-left: 30px; margin-top: 10px; font-size: 0.85em; } .acc_summary{ /*line-height: 2em;*/ overflow: hidden; } .myaccount_form{ max-width: 600px; margin: 0 auto; } h1.account3_header{ text-align: left; } .account3_header{ line-height: 1.5em; font-style: italic; text-align: left; margin: 20px 0 30px !important; padding: 0 !important; } .content_main{ width: 95%; margin: 0 auto; max-width: 1050px; } .fixslide_right .content_main.inline_style { max-width: 600px; } .myaccount-footer { text-align:left; } .myaccount-footer .button { margin-right: 50px; min-width: 150px; } #MyAccountContent .topaccount_info > h1{ margin: 20px 0 5px; } #MyAccountContent .topaccount_info > div > div:first-of-type{ float: left; } #MyAccountContent .topaccount_info > div > div:last-of-type{ float: right; } #MyAccountContent .topaccount_info > div > div:last-of-type > a{ margin-left: 30px; font-size: 12px; text-decoration: none; } #MyAccountContent .topaccount_info > div > div:last-of-type > a:hover{ text-decoration: underline; } .myaccount-footer .cancel_button{ background: #868684; } .phone_type > span > label{ font-weight: normal; } /*.show_order{ font-size:0.9em; }*/ .BoxOrderAcc3 .item_row{ font-size:0.8em; } .acc_error{ text-align:left; color:red; } .topaccount_info{ padding-bottom: 70px; } .ShowOrderStatus{ display: block; width: 100%; padding: 5px; overflow: hidden; margin: 0 auto; border-top-style: solid; border-width: 1px; } .ShowOrderStatus:not(.highlight_color){ cursor: pointer; } input.inline_style, select.inline_style, .inline_style select, .inline_style input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]), .main_account input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) { /*line-height: 2;*/ line-height: 0; border: none; border-bottom: 1px solid #ccc; background-color: transparent !important; font-size: 0.95em; /*padding: 0px;*/ padding: 10px 0 15px; border-radius: 0; height: auto; } select.inline_style, .inline_style select{ line-height: 1; } .content_main .full.inline_style, .content_main.inline_style .full{ width: 97% !important; } .content_main .column.half:first-child{ padding-right: 15px; } .ShowOrderStatus { padding: 15px 10px; white-space: nowrap; } .ShowOrderStatus >div{ display: block; float: left; text-align: left; } .ShowLastLine{ border-bottom-style: solid; border-width: 1px; } .account_padding_box { padding: 0 10px 0 0; margin-bottom: 0; } .AccProductReview{ display: table; width: 100%; margin: 0 auto; } .AccProductReview >ul{ display: table-row; } .AccProductReview >ul >li{ display: table-cell; padding: 15px 5px; margin: 0 auto; vertical-align: top; } .AccProductReview >ul >li:first-of-type{ width: 20%; text-align: center; padding: 0px 30px 0 0; } .AccProductReview >ul >li:last-of-type{ width: 80%; padding-bottom: 20px; border-bottom-style: solid; border-width: 1px; } /*.AccProductReview >ul >li> img{ width: 90%; }*/ #Box2MyWishList p.account_highlight, p.BoxShowStar{ margin-bottom: 0.5em; } .GetReviewbox{ display: table; width: 100%; padding: 0; margin: 0 auto; box-sizing:border-box; } .GetReviewbox >ul{ display: table-row; } .GetReviewbox >ul >li{ display: table-cell; padding: 0 0 1rem 0; vertical-align: top; } .GetReviewbox >ul >li:first-of-type{ /*text-align: right;*/ widows: 15% } .GetReviewbox >ul >li:last-of-type{ text-align: left; } .GetReviewbox >ul >li >span, .BoxShowStar >span{ font-size: 13pt; color: #FF9900; margin-right: 3px; cursor: pointer; } .BoxIconLink{ display: block; padding: 0; margin: 0; font-size: 0.8em; } .BoxIconLink span .fa, .BoxIconLink span .fab, .BoxIconLink span .fas{ font-size: 1.5em; vertical-align: middle; padding-right: 4px; } .BoxIconLink >div{ display: inline-block; padding-right: 25px; vertical-align: top; } .BoxIconLink >div:last-of-type{ min-width: 150px; position: relative; right: 0; left: 0; } .BoxShowStar{ padding:10px 0; } .BoxShowStar > span{ cursor: auto !important; } .GetShareLink{ position: absolute; left: 0; z-index: 1; display: none; text-align: center; border: 1px solid #ccc; background: #ffffff; padding: 2px !important; max-width: 100px; } .GetShareLink >div{ display: inline-block; text-align: center; font-size: 2em !important; padding: 5px 0; width: 45%; border: 1px solid #ccc; margin: 1px 2px; line-height:1 } .BoxLimitStock{ padding: 15px 0; text-align: center; font-weight: bold; line-height: 1.3em; font-size: 0.85em; } .account_highlight{ font-weight: 600; font-size: 1.3em; } .account_highlight.acc_price{ font-size: 1.1em; } #Box2MyShowReview .column{ margin-bottom: 0; } .BoxReviewProduct{ clear:both; padding-top: 15px; } .main_account ul li { /* overflow: hidden;*/ } #Box2MyShowOrder .Order4Box > hr{ display: none; } .BoxOrderAcc3 .btn-action > span:first-of-type{ line-height: 1.5; } .BoxOrderAcc3 .item_row .column{ vertical-align: top !important; } .BoxOrderAcc3 .item_row .product_img-border, .AccProductReview >ul:first-of-type >li:last-of-type{ border-top-style: solid; border-width: 1px; } .BoxOrderAcc3{ display: block; padding: 20px 0; margin: 0 auto; } .BoxOrderAcc3 .item_row{ padding: 5px 0 10px; } .BoxOrderAcc3 .item_row .two-sixth { padding: 0 10px; } .BoxOrderAcc3 .item_row .span12{ line-height: 2em; } .BoxOrderAcc3 .item_row .span2{ vertical-align: top; } /*.BoxOrderAcc3 .item_row .product_img-border{ border-top-style: none; border-width: 0; } .BoxOrderAcc3 .item_row .product_img.product_img-border{ border-top-style: solid; border-width: 1px; }*/ .BoxOrderAcc3 .product_img-border > .column.two-sixth{ padding-left: 1.5em; } .BoxOrderAcc3 .product_img-border > .column.two-sixth > div { border-top-style: solid; border-width: 1px; padding-top: 10px; } .BoxOrderAcc3 .item_row .product_img{ width: 40%; margin: 0 auto; } .BoxOrderAcc3 .item_row .column.sixth{ padding-bottom: 0 !important; } .BoxOrderAcc3 .column, .acc_summary > div:first-child{ margin-bottom: 15px !important; } .SubBoxAcc3{ display: block; width: 100%; padding: 15px 10px; } .SubBoxAcc3 >div.highlight_color{ padding-bottom: 1.5em; } .acc3-order-detail.account-3 > .span7{ padding-top: 15px; } .acc_head{ padding-top: 20px; font-size: 1.3em; } .acc_input{ /*font-size: 1.3em !important;*/ font-size: 1em !important; padding-left: 7px; border: 0; border-bottom: 1px solid #cccccc; background-color: transparent; } .acc_input:hover{ border-bottom: 1px solid #000000; } .acc_input:focus::placeholder { color: transparent; } .acc_input:focus{ border-bottom: 2px solid #0000FF !important; transition: border-bottom .2s, border-color .2s, border-width .2s, border .2s ease-in-out; } .acc_input.need_value{ border-bottom: 2px solid #FF0000 !important; } .show_block{ display: block !important; } .need_value + .show_block + .text-red{ display: none; } select.acc_input option:first-of-type{ color: #808080; } .acc_input_title{ /*color: #808080;*/ visibility: hidden; position: relative; top: 30px; font-size: 0.8em; font-weight: normal !important; } .acc_input_title_visible{ visibility: visible !important; top: 0 !important; transition: .2s ease-out; } .error_icon{ display: none; position: relative; top: -35px; right: -5px; float: right; text-align: right; font-size: 1.5em; color: #FF0000; height: 1px; } .linktobox > a{ font-style: normal !important; font-weight: normal !important; } .linktobox{ display: block; } .viewmorebox > a, #viewmorebox{ font-style: normal !important; cursor: pointer; border-bottom: 1px solid #E2A829; padding-bottom: 2px; font-size: 0.9em; color: #31261D; } .font085em, .ScrollToTop{ font-size: 0.8em; text-align: center; } #MyAccountContent .main_box.info_link > a{ font-style: normal !important; font-weight: normal !important; cursor: pointer; /*font-size: 0.85em;*/ } .myreview{ overflow: hidden; } .myreview >div:not(:last-of-type){ width: 50%; float: left; text-align: right; } .myreview >div:first-of-type{ text-align: left; } .myreview >div:last-of-type{ width: 100%; } .box-summary{ letter-spacing: 0px; } .box-summary .column.two-fifth { width: 70% !important; } .box-summary .column.fifth{ width: 30% !important; } @media (max-width: 768px) { input.inline_style, select.inline_style, .inline_style select, .inline_style input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]), .main_account input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) { padding: 5px 0; line-height: 2; } .content_main.inline_style{ padding: 0 10px; } .myaccount-footer .button{ min-width: 130px; } .myaccount-footer .cancel_button{ float: right; margin-right: 0; } h1.account3_header{ text-align: center; line-height: normal; } .login_layer .button:last-child{ margin-right: 0; } .phone_type, .phone_type label{ margin: 0.5em 0; } .content_main .full.inline_style, .content_main.inline_style .full{ width: 93% !important; } .BoxIconLink { font-size: 1em; } .BoxIconLink >div:last-of-type{ /*width: 180px;*/ } .GetShareLink{ max-width: 180px; } .GetShareLink >div { width: 47%; font-size: 2.3em !important; padding: 5px; } .content_main { width: 100%; } ul.ContentReview >li > img{ width: 50%; } .AccProductReview .ContentReview > li:first-child{ text-align: center; width: 100% !important; margin: 0 auto; padding: 5px; } .BoxIconLink >div{ padding-top: 10px; } .ContentMylist{ position: relative; } .ContentMylist > li:last-child .span6 .account_highlight, .BoxShowStar{ margin-top: 0; padding-top: 0; } .ContentMylist > li:last-child > div.column.fifth{ /*position: absolute; top: 0; right: 0;*/ } .ContentMylist > li .account_highlight, .BoxShowStar{ margin-bottom: 0; } .ContentMylist .mini-button{ margin-bottom: 10px; padding: 5px 15px; font-size: 0.9em !important; } .ShowOrderStatus >div.span5{ float: left; width: 50%; } .ShowOrderStatus >div:last-child{ text-align: right; } .acc3-order-detail.account-3 > .span7{ padding: 15px 10px; } .ShowOrderStatus.ContentOrderAcount3 > div:not(.span2){ width: 50% !important; } .ShowOrderStatus.ContentOrderAcount3 > div.span2{ width: 100% !important; text-align: right; } .ShowOrderStatus.ContentOrderAcount3 > div:nth-of-type(even){ text-align: right !important; } .ShowOrderStatus.ContentOrderAcount3 .fa-plus:before,.ShowOrderStatus.ContentOrderAcount3 .fa-minus:before{ font-size: 12px; } .ShowOrderStatus.ContentOrder > div:last-child{ float: right; text-align: left; margin-top: 5px; } .span12.product_img-border > .table > div{ line-height: 1.6em; } .BoxOrderAcc3 .item_row > div > .product_img{ margin: 0; width: 100%; margin-top: 0px !important; } .BoxOrderAcc3 .item_row .span12 { padding: 2px; } .BoxOrderAcc3 .product_img-border > .column.two-sixth > div:last-child { border: 0; } .topaccount_info, .topaccount_info h1{ text-align: center !important; } .AccProductReview, .AccProductReview >ul{ display: block; padding: 5px; } .BoxLimitStock{ padding: 0; } .AccProductReview >ul >li{ display: inline-block; } .AccProductReview >ul >li:first-of-type{ width: 45%; margin: 0; text-align: left; } .AccProductReview >ul >li:nth-of-type(even){ display: inline-block !important; width: 55%; text-align: center; margin: 0; } .AccProductReview >ul >li:nth-of-type(even) p.account_highlight{ margin: 0; } .AccProductReview >ul >li:last-of-type{ width: 100%; } .AccProductReview >ul:first-of-type >li:last-of-type{ border-top-style: none; } .BoxOrderAcc3 .linkmobile{ white-space: nowrap; } .BoxOrderAcc3 .linkmobile .button{ padding: 2px; text-align: center; } .box-star{ display: flex; flex-direction: column; } .box-star > .span6{ width: 100%; } .box-star > .span6:first-of-type{ order:2; } .box-star > .span6:last-of-type{ order:1; } .BoxIconLink span .fa{ font-size: 1.2em; vertical-align: middle; } .acc3-order-detail > div{ width: 100%; } .account-3 .carttotal{ width: 100%; } .box-summary { line-height: 1.5em; } .box-summary .column.two-fifth { width: 70% !important; display: inline-block; padding-left: 0; } .box-summary .column.fifth{ width: 30% !important; display: inline-block; vertical-align: top; padding-right: 2px; } .linktobox{ display: none; } #MyAccountContent .topaccount_info > div > div:first-of-type { float: initial; } .topaccount_info { padding-bottom: 35px; } .myreview{ display: block; width: 100%; padding: 0; margin: 0; } .myreview >div:not(:last-of-type){ width: 100%; display: block; text-align: center; } } 

/*---------- productdisplay ------------*/
 #ProductDetailTitle{ /*font-weight: 400; font-size: 1.2em; line-height: 1.5em;*/ margin: 20px 0; text-align: left; } .main_products{ display: block !important; } .layoutImg{ padding: 5px; } .layoutImg > div:first-child{ position: relative; } .canvas_box{ transform: scale(0); transition: all .5s ease-in; position: absolute; top: 0; opacity: 0; overflow: hidden; } #ContenerPic .canvas_box{ top: 3px; } .discount_area{ text-align: right; } .SaleLabel{ position: absolute; bottom: 0; right: 0; z-index: 3; background-color: #FFFFFF; padding: 10px 5px; } .SaleLabel >.fad{ color: #e2a829; font-size: 1.5em !important; } .SaleLabel >span{ display: inline !important; } .product_area div.product_item{ clear:unset; vertical-align: top; padding: 0 5px; display: inline-block; } #MainSideMenu.fourth, .product_area .product_row_num, .menu_sidebar .fa-angle-right:before { display:none !important; } .product_area div.product_item > .product_wrap{ border-top: 1px solid black !important; padding: 10px 0 20px 0; } .product_list_page .product_area{ text-align: center; } .product_area .product_img{ border: 0; } .product7_desc{ text-align: left; padding-bottom: 10px; font-size: 1.4rem; line-height: 1.5; } .product_info:hover .product7_desc{ color: #AEA8A5; } .Top_box{ display: block; width: 100%; clear: both; padding: 0; margin: 0 auto; text-align: center; } .FontSizeReviews { font-size: 14px; } .special_note{ text-align: center; } .textThk{ color:#E754FD; } .OriginalPrice{ /* color: maroon;*/ } .has_discount{ /* color: #AEA8A5;*/ text-decoration: line-through; /* vertical-align: super !important; /* font-size: 15px;*/ padding-right: 0.5rem; } .product_info > .image_area{ line-height: 0; text-align: center !important; } .Price_Review{ clear: both; display: block; width: 100%; padding: 5px 0; overflow: hidden; } .ShowItemPrice{ float: left; text-align: left; } .ShowRateReview{ float: right; text-align: right; } .BoxOfOption{ padding-left: 20px !important; } .product_desc{ font-size: 1.3em; margin-bottom:30px !important; } .info_link a, .ordering_box a, .ordering_box2 a { text-decoration: none !important; } .back_link{ display: flex; flex-flow: row; text-align:center; justify-content: center; margin-top: 3rem; } #divElement{ text-align: center; display: none; font-size: 15px; position: absolute; height:auto; max-height:90%; overflow: auto; width: auto; min-width:200px; margin: auto; z-index: 99; padding: 15px; background-color: #f7f6f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px 2px #ccc; -moz-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; top: 20%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fa-facebook-messenger:before { color: #0084ff; content: "\f39f"; } .fa-line:before ,.fa-whatsapp-square:before { color: #00B900; } .fa-whatsapp-square:before { color: #50C65C; } .MobileNamePicImg{ margin-top: 5%; font-weight: 600; } .none-underline { text-decoration: none !important; } .display_per_pc p{ display: inline-block; padding-right:20px; } .price_text p:nth-child(even){ color:#7C009F; font-size:1.1em; } .price_text{ text-align: center; } .discount_text{ text-decoration: line-through; } .dicount_price{ font-size: 1.2em; padding: 5px; } .overlay_content .orderign_box select.ordering_height{ display: none; } .display6, .display6:hover{ border: 0px solid #cccccc !important; } .ordering_height:not(.button){ vertical-align: top; padding: 0 !important; min-width: 40px; } .ordering_action > div{ text-align: center; } .chicken_track { font-size: smaller; text-align: center; } .item-detail > form > h1.main_box { font-style: italic; } .item-detail > form > div.main_box, p.main_box { text-align: center; line-height: normal; margin-bottom: 1.5rem !important; margin-top: 1.5rem !important; } .option_box{ display: flex; justify-content: center; flex-wrap: wrap; line-height: 2 !important; } .item-detail > form > div.option_box > div{ font-size: 0.85em; margin: 0 15px; display: inline-block; } .item-detail > form > div.option_box > div > i{ font-size: 1.3em; margin-right: 5px; } .detail-prefer{ margin-top: 15px; margin-left: 15px; font-size: 15px; display: inline-block; vertical-align:top; } .Alternative_Option{ text-align: left; padding: 5px; background-color: #FFFFFF; display: inline-block; margin-bottom: 0px !important; margin-top: 0px !important; margin-right: 20px; } .Alternative_Option:last-child{ margin-right: 0; } .Alternative_Option.linkstyle{ text-decoration: underline; } .Alternative_Option.selected{ background: #DADADA; border-radius: 4px; } .ordering_height.button.display6.none_radius, button.ordering_height.button.display6.none_radius, .ordering_height.none_radius{ border-radius: 0 !important; border-right: 1px !important; border-left: 1px !important; } .button.display6.ordering_height.right_none_radius, button.ordering_height.right_none_radius{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; /*border-right: 0px !important;*/ } .button.display6.ordering_height.left_none_radius, button.ordering_height.left_none_radius{ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; /*border-left: 0px !important;*/ } .button.display6.ordering_height, button.ordering_height{ padding-top: 0; padding-bottom: 0; vertical-align: top !important; /*vertical-align: middle;*/ /* font-size: 1em;*/ } .ordering_height.button.display6.padding_left{ padding: 0 !important; } .LineThrough{ text-decoration: line-through !important; } .button.display6.color_pink{ background-color: #E05FF7 !important; color: #FFFFFF !important; } .ordering3icon .fa:before, .fa-heart:before { font-size: 15pt; } .fa-heart:before { color: #E05FF7; } /*.fa-rotate-60 { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }*/ .fa-star-of-david { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .fa-star:before, .fa-star-half-alt:before, .far.fa-star-of-david { color: #e2a829;; } .fa-facebook-square:before { color: #3D5A99; } .fa-google-plus-square:before { color: #DC4A38; } .fa-twitter-square:before { color: #2DAAE2; } .fa-pinterest-square:before { color: #BD081C; } .ordering3icon{ display: inline-block; width: 55%; padding: 20px 0; text-align: right; margin: 0; } .ordering3icon >div{ line-height: 1; background-color: #FFFFFF; display: inline-block; font-size: 1.5em; padding: 5px 15px; border: 1px solid #E0E0E0; } .ordering3icon >div >span{ cursor: pointer; } .sharelayer:hover #sharetosocial{ display: block; } .sharelayer #sharetosocial{ top: 14px !important; font-size: 1.5em; } #sharetosocial{ display: inline-grid; position: absolute; } .sharelayer{ display: block; position: relative; /*z-index: 1;*/ } .sharelayer >ul{ background-color: #FFFFFF; position: absolute; display: none; width: 100%; text-align: center; left: 0; margin-top: 5px; z-index: 1; } .sharelayer >ul >li{ display: block; cursor: pointer; padding: 3px; border: 1px #E0E0E0 solid; } .layer_overlay_box { position: fixed; text-align: left; display: none; height:auto; max-height:90%; overflow: auto; width: fit-content; margin: auto; z-index: 20; padding: 25px; background-color: #f7f6f2; border: 1px solid #919191; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px 2px #6b6b6b; -moz-box-shadow: 0 0 5px 2px #6b6b6b; box-shadow: 0 0 5px 2px #6b6b6b; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #fadeAreaTem7{ opacity: 0.75; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } .Top_box{ clear: both; display: block; width: 100%; } .discount-price{ /* font-size: smaller;*/ margin-right: 1rem; /* color: #a0a0a0; /* vertical-align: super;*/ } .makeofferDetail{ padding:0 10px; } .product_desc_right{ line-height: 1.8em; } .reviewsProduct, #coustomdetail, #detailSetpcustom, #orderDetail{ display: block; } #customlabel, #iconOrderLabel{ cursor: pointer; } .ReviewsBox{ margin-bottom: 15px; line-height: normal; } .reviews-display-block{ display: block !important; } .reviews-display-none{ display: none; } .boxProductLink .fa:before, .ordering_height .fa:before{ font-size: 1em; } #orderbox:checked ~ .boxProductLink #orderDetail{ display: none; } #AnotherImageLink{ margin: 0px auto; text-align: left; max-width: 350px; position: relative; } .AnotherImageBox{ white-space: nowrap; overflow: hidden; } .nav-img-box, .nav-img-right{ padding: 1.5rem 0.5rem; background-color: #495057; position: absolute; color: #FFFFFF; font-size: 20px; opacity: 0.7; top: 50%; /* position the top edge of the element at the middle of the parent */ transform: translate(0, -50%); } .nav-img-left{ left: 0; } .nav-img-right{ right: 0; } .barImg{ width: 100%; /*max-width: 500%;*/ margin: 0 auto; padding: 2px; overflow: hidden; } #NamePicImg{ float: left; width: 60%; margin-top: 8px; } /*.barImg >span{ width: 33.3333333333%; text-align: center; }*/ .barImg > .left, .barImg > .right{ float: left; text-align: left; width: 20%; } .barImg > .right{ text-align: right; } .barImg >span:nth-child(1), .barImg >span:nth-child(3){ cursor: pointer; font-size: 2.5em; } .imgmore{ display: inline-block; padding: 3px; margin: 5px 0; /*width: 25%;*/ vertical-align: top; text-align: center; } /*.imgmore:first-of-type { display: block; }*/ .iframe_content .bottomfixed{ position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; } .boxPadding{ padding: 0px 20px 0 10px !important; } .ordering_box, .ordering_box2{ white-space: initial; line-height: 1.4em; vertical-align: middle; /*padding: 0 15px;*/ display: inline-block; } .ordering_box2{ width: 60%; text-align: right; } .ordering_box{ width: 40%; } .ordering_box > p{ padding: 0px !important; margin: 0px !important; } .rate_box{ margin: 0 5px; } .orderring-btn .fa-caret-right{ font-size:19px; color:#DE9D1F; padding: 0 10px; } .padding_bottom{ padding-bottom: 25px; } .padding_box{ padding: 0 25px 0 30px !important; } .visibility{ visibility: hidden; } .order_detail_head { display: inline-block; margin: 0 auto; text-align: left; vertical-align:top; } .order_detail_head > div{ padding: 20px 0; font-size: 1.2em; width: 100%; } .order_detail_row { width: 100%; padding: 0 0 10px 0; margin: 0 auto; text-align: left; } .order_detail_row > div:first-child{ padding: 0 5px 10px; line-height: 1.5em; } .active { display: block; width: 100%; margin: 0 auto; text-align: left; } .notoggleBtn { display: block; width: 100%; margin: 0 auto; text-align: left; } .notoggleBtn > div{ padding: 20px 0; font-size: 1.2em; width: 100%; } .notoggleBtn.subList > div{ font-size: 1em; padding: 10px 0; } .toggleBtn { display: block; width: 100%; /*padding: 20px 2px 0 2px;*/ margin: 0 auto; text-align: left; } .toggleBtn > label{ cursor:pointer; padding: 20px 0; font-size: 1.2em; width: 100%; } .below { display: none; width: 100%; padding: 0 10px 10px; margin: 0 auto; text-align: left; } .below > div:first-child{ padding: 0 5px 10px; line-height: 1.5em; } .below.active { display: block; } .hr2bottom{ border-bottom: 1px solid #E0E0E0; clear: both; } .hr2top{ border-top: 1px solid #E0E0E0; clear: both; } .boxProductLink{ display: block; width: 100%; padding: 30px 20px 0 10px; margin: 0 auto; text-align: left; border-bottom: 1px solid #E0E0E0; overflow: hidden; } .boxProductLink > div { width: 100%; float: left; margin-top:10px; border-top: 1px solid #E0E0E0; } /*.boxProductLink > div > div { border-bottom: 1px solid #E0E0E0; }*/ /*.boxProductLink >div{ border-top: 1px solid #E0E0E0; padding: 0; width: 48%; margin-left: 1%; margin-right: 1%; float: left; display: block; } .boxProductLink >div:nth-child(even){ float: right; }*/ .boxProductLink > div > div > label{ padding: 20px 5px 20px 5px; font-size: 1.2em; } /*.boxProductLink > div > div:last-of-type{ border-bottom: 1px solid #E0E0E0; }*/ .boxProductLink > div > div > div{ /* font-size: 0.9em;*/ padding: 5px; line-height: 1.5em; } .boxProductLink .fa{ cursor: pointer; } /* The Close Button */ .close { font-size: 20pt; font-weight: bold; } .close:hover, .close:focus { /*color: #FFF;*/ text-decoration: none; cursor: pointer; } /* Add Animation */ @-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } .text_italic{ font-style: italic; } .item:hover .item-overlay.top { top: 88%; } .page-left { width: 30% !important; float: left !important; } .row_Qty { display: inline-block; margin-left: 10%; } .overlay_bt{ display: flex; flex-flow: row; justify-content: space-between; } .overlay_bt .button_overlay_left{ order: 1; /*width: fit-content;*/ margin-top: 15px; background: #868684; } .overlay_bt .button_overlay_right{ order: 2; /*width: fit-content;*/ margin-top: 15px; } .ordering_page{ display: flex; flex-wrap: wrap; text-align: center; } .ordering_page > div#ImageArea{ display: flex; justify-content: center; align-items: start; width: 45%; vertical-align: top; margin-top: 0 !important; } .item-detail { display: flex; justify-content: start; align-items: start; width: 55%; overflow: hidden; margin-top: 0 !important; text-align: left; padding: 0 20px; } .item-detail> form{ width: 100%; } .item-overlay { position: absolute; top: 0; right: 0; bottom: 3px; left: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; background: hsl(0, 0%, 100%, 0.5); color: red; overflow: hidden; text-align: center; margin: 0 auto; width: 50%; -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .item-overlay.top { top: 100%; } .item > div > span { margin-top:10px; display: block; } .ordering_page .product2column{ display: block; width: 100%; clear: both; padding: 0; margin: 0; overflow: hidden; } .ordering_page .product2column >div{ float: left; width: 50%; margin: 0; padding: 0; } .fa-viber{ color: #8176d6; } .ShareLink{ position: absolute; z-index: 5; display: none; text-align: left; border: 1px solid #ccc; background: #ffffff; padding: 2px !important; max-width: 100px; } .ShareLink >div{ display: inline-block; text-align: center; font-size: 2em !important; padding: 5px 0; width: 45%; border: 1px solid #ccc; margin: 1px 2px; line-height:1; } .ordering_page .product2column >div:first-of-type{ padding: 2px 10px 8em 0; } .ordering_page .product2column >div:last-of-type{ padding: 2px 2px 2px 10px; } .orderign_box input{ font-size: 1.5rem; } .ordering_table{ display: table; width: 100%; padding: 2px; margin: 15px 0 15px 0; line-height: 1.2; } .ordering_table >ul{ display: table-row; } .ordering_table>ul>li{ display: table-cell; } .ordering_table>ul>li.relativeP{ position: relative; } .ordering_table p { font-size: 10.5pt; } .product2column .product_option h6{ margin: 0; text-align: unset; } #IframeContent .ordering_page{ margin:20px 0 60px 0; } .ordering_border{ /*padding:5px 10px;*/ border:1px solid #ccc; } .ordering_page p, .ordering_page h3, .ordering_page h5, .ordering_page h4 { margin-bottom:0.5em; } .ordering_border:not(:last-child) { border-bottom:none; } .product_option{ margin-bottom:1em; width:100%; display: block; padding-top: 15px; } .overlay .ordering_page{ margin-bottom:5em; } .product_option .product_option-row:nth-child(even){ background-color: transparent; } .product_option .product_option-row:nth-child(odd){ background-color:#ffffff; } .product_option .column{ margin:5px 0; } .product_option select{ width:75px; padding: 0 0.5em; } .width100per{ width: 100%; } .paddingLeft5per{ padding-left: 5%; } .product_option-row{ display:table; width:100%; } .product_option-row > div { float:none; display:table-cell; padding:7px 0; vertical-align:middle; } .ordering-nav { text-align: center; border-top: 1px solid #cccccc; z-index: 50; padding: 5px 0; } .overlay_content .ordering-nav, .iframe_content .ordering-nav { position: absolute; bottom: 0; left: 0 !important; right: 0 !important; background-color: #fff; } .iframe_content .ordering-nav{ position:fixed; } .ordering-nav .button, .ordering-nav button{ max-width:150px; margin: 5px 15px; } .product-desc{ text-align:left; } .product_area .product_img{ padding: 2px; } #AltProdImages .product_img figcaption{ margin-top: 4px; line-height: normal; } #AltProdImages{ margin-bottom: 1rem; overflow: hidden; position: relative; /*width: 90%;*/ /*margin: auto;*/ } .orderring-btn{ display: inline-block; width: max-content; margin: 0px auto; font-size: 1em !important; } .related_list{ line-height: normal; position: relative; } .RelateMove{ position: absolute; bottom:30%; /* font-size: 5em;*/ } .NoPage{ color: #DBDCE2; } .MoveColor:hover{ color:#898D9C; } .MoveColor{ cursor:pointer; } #MainRelated{ text-align: center; } .boxrelate{ display: inline-block; width: 32.5%; text-align: center; font-size: .85em; margin-bottom: 0.6em; line-height: 1.4em; } #MainRelated > div{ width: 90%; margin: 0 auto; display: inline-block; text-align: center; } .RelateRow > div{ display: inline-block !important; margin: 5px; float: initial; vertical-align: top; width: 30%; } #OrderingImage{ position: relative; max-width: max-content !important; } #NextRelate{ right: 5px; } .related_list .span2{ width:16%; padding-left:20px; } /* The Layer (background) */ .Layer { display: none; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } /* Layer Content */ .Layer-content { border: 1px solid; bottom: 0; /*background-color: #FFF;*/ width: 100%; } .Layer-content .product_option p{ margin:0; padding: 7px 0; } .product_option_box_left{ text-align: center !important; width: 30%; display: inline-block; } .product_option_box_right{ width: 70%; display: inline-block; } .relateItemBox{ width: 100%; display: block; padding: 0; margin: 0; } .orderign_box{ display:table; width:100%; padding: 10px; } .orderign_box > div { display:table-row; vertical-align:middle; } .orderign_box > div > div { clear: both; float:none; display:table-cell; vertical-align:middle; text-align: left; padding: 5px 0; } .orderign_box > div > div:last-of-type{ width: 65%; text-align: center; } .ordering_variation_div { margin-top: 15px; margin-bottom: 5px; } .ordering_variation_div input[type="radio"] { display:none; } .ordering_variation_div label { transition: all 0.8s; margin: 0 15px 15px 0; display: inline-flex; padding: 10px 15px; border: 1px solid #BBBBBB; cursor: pointer; } .ordering_variation_div input[type="radio"]:checked + label { background-color: #343434; border: 1px solid #343434; color: #FFFFFF; } /*.ordering_variation_div label:hover { background-color: #343434; color: #FFFFFF; }*/ .ordering_variation_div label.disabled { color: #BFBFBF; border: 1px solid #BFBFBF; } /*.ordering_variation_div label:hover.disabled { background-color: #343434; color: #FFFFFF; border: 2px solid #343434; }*/ .div_table > h6 { margin: 0px; width: fit-content; display: inline-block; } .product_option.fit_content { width: fit-content !important; width: -moz-max-content !important; } .set-img-zoom { position: absolute; top: 0; left: 0; max-width: none; } .reviewsProduct, #detailSetpcustom, #orderDetail{ display: block; } .hidePreference { position: absolute; /*left: -240px !important; right: 0px;*/ margin: 0 auto; overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .showPreference { position: absolute; /*left: -240px !important; right: 0px;*/ margin: 0 auto; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 1000px; overflow: hidden; } #resizeLinkBottom.resizeONordering{ position: static !important; } .quote-orderitem { position: relative; width: 100%; align-self: center; padding: 10px 0 20px !important; } .quote-orderitem label { padding: 0 30px; } .quote-orderitem span, .dateRate { font-size: 1.3rem; right: 10px; font-style: italic; display: block; } .quote-orderitem span { position: absolute; } .dateRate{ margin-right: 5px; } .quote-orderitem span.cust-comment { color: #000; font-size: 1.7rem; top: -10px; font-style: inherit; right: 10px; } .quote-orderitem:after { color: #585858; position: absolute; content: "“"; font-size: 6rem; line-height: 0; top: 35px; left: 1px; } .quote-product-list { width: 100%; position: relative; align-self: center; text-align: left; padding: 5px 0 15px 5px; margin: 5px auto 0; border-bottom: solid 1px #d6d6d6; /*border-top: solid 1px #d6d6d6; padding: 5px 0; margin: 10px auto;*/ } .quote-product-list:after { color: #7D7D7D; position: absolute; content: "“"; font-size: 4rem; line-height: 0; top: 25px; left: 1px; } .quote-product-list label { font-size: 14px; position: relative; padding: 0 18px; margin-bottom: 7px; line-height: 1.5; /*text-align: left;*/ /*margin-left: 32px;*/ /*color: #FFFFFF; font-size: 40px; font-weight: 800; line-height: 1; margin: 0;*/ } .quote-product-list span { font-size: 10px; position: absolute; bottom: -15px; right: 5px; font-style: italic; /*position: relative;*/ /*color: #292a2b; font-size: 1.4rem; font-weight: normal; line-height: 1; margin: 0; padding-top: 20px; z-index: 1;*/ } .quote-product-list span.cust-comment { color: #585858; font-size: 14px; top: 0px; font-style: inherit; right: 1px; } .order3table{ display: table; width: 100%; padding: 0; margin: 0; /*line-height: 20px;*/ } .order3table >ul{ display: table-row; } .order3table >ul >li{ display: table-cell; padding: 5px 0; margin: 0; padding-left: 10px; } .order3table >ul >li:first-of-type{ white-space: nowrap; width: 15%; padding-left: 25px; min-width: 100px; } .order3table >ul >li:not(:first-of-type){ text-align: left; word-break: break-word; } .DetailOfOption{ width: fit-content !important; width: -moz-max-content !important; min-width: 235px; text-align: left; z-index: 1; } .radio { margin-left: 10px !important; } .selectPreference{ width: 50%; display: inline-block; height: auto; } .rating{ font-size: 11pt; color: #FF9900; margin-right: 5px; } .add_review{ margin: 20px 0 30px; } #AddReview{ text-align: center; background: #E8E8E8; padding: 10px 25px; margin: 10px; } .review-orderitem{ display: table; line-height: 2; margin-top: 0.5rem; } .review-orderitem > div{ display: table-row; } .review-orderitem > div > div{ display: table-cell; } .review-orderitem > div > .review-title{ text-align: left; font-size: 1em; } .review-orderitem > div > .review-star > span{ font-size: 1.5rem !important; padding: 0 5px; } .review-orderitem-rate{ display: inline-block; vertical-align: top; padding-right: 3em; } .review-orderitem-comment{ text-align: right; display: inline-block; width: 60%; } .review-orderitem-comment > label{ font-size: 1em; margin-top: 10px; text-align: left; } .review-orderitem-comment > textarea{ min-height: 110px; } .average-star-rate{ display: flex; flex-wrap: wrap; line-height: 20px; } .average-star-rate-left{ flex: 20%; padding-right:5rem; } .average-star-rate-right{ flex: 70%; line-height: 1.5; } .div-table{ display: table; width: auto; padding: 0; white-space: nowrap; line-height: 20px; } .div-table >ul{ display: table-row; } .div-table >ul >li{ display: table-cell; padding: 5px 2px; margin: 0; text-align: center; word-break: break-word; } .review-product-list{ display: inline-block; white-space: nowrap; width: 100%; } .review-product-list > div{ float: left; } .review-product-list > .review-title{ width: 60%; text-align: left; } .review-product-list > .review-star{ width: 40%; } .review-product-list > .review-star > span{ font-size: 13pt; color: #FF9900; margin-right: 3px; } .review-product-list > .review-star > span:last-of-type{ margin-right: 0px; } .ReviewsList hr{ height: 1px; margin: 10px 0 !important; } .ShowLink{ text-decoration: none; } .topicBox{ margin: 0 30px 15px; } .topicBox > div{ display: none; } span.font-small{ font-size: small !important; } .ScrollToTop .fa-caret-up{ vertical-align: bottom; padding-right: 10px; font-size: 1.5em; } /*.product_info .ordering_table h6, .font085em { color: #AEA8A5 !important; margin: 0; }*/ .discount-box{ padding: 0 30px 10px 30px; } /*.view-more > p > span:first-of-type:not(#showinNum){ cursor: pointer; text-decoration: underline; text-decoration-color: #E2A829; }*/ .view-more{ text-align: center; clear: both; } .tag_display { font-size: 9pt; } #fixLeft{ padding-top: 30px; } .item_link{ text-align:left; padding: 0 30px 10px 30px; clear: both; } .item_link.text-red{ padding-bottom: 0 !important; } div.subList:nth-child(n+4) { display:none; } #confirmBox{ display: block; background-color: #eee; border-radius: 5px; border: 1px solid #aaa; position: fixed; width: 300px; left: 50%; margin-left: -150px; padding: 6px 8px 8px; text-align: center; } #confirmBox .button { background-color: #ccc; display: inline-block; border-radius: 3px; border: 1px solid #aaa; padding: 2px; text-align: center; width: 80px; cursor: pointer; } #confirmBox .button:hover{ background-color: #ddd; } #confirmBox .messag { text-align: left; margin-bottom: 8px; } .ClassNotJpg, img.ClassNotJpg{ background-color: transparent !important; border: 0 !important; } #ChickenTrack, #ChickenTrack span, #ChickenTrack a { font-size: 16px; } .item-detail > form > h1.main_box{ font-size: larger; text-align: left; margin-bottom: 5px; } #ContenerPic { padding: 0 6px; margin: 0; text-align: left; } .image_area .swiper-button-prev, .image_area .swiper-button-next{ font-size: 8px; width: auto; height: auto; border-radius: 100%; border: 1px solid #666666; background: #fff; } .image_area .swiper-button-prev:focus, .image_area .swiper-button-next:focus{ outline: 0 none; } .image_area .swiper-button-prev:before, .image_area .swiper-button-next:before{ padding: 8px; } .image_area .swiper-button-prev{ left: -5px; } .image_area .swiper-button-next{ right: -5px; } .product_info{ border: 1px solid transparent; } /*.product_info:hover{ border-color: #666666; }*/ .image_area .hidden{ webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .product_con{ padding: 0 5px; } .heartBox{ display: none; position: absolute; right: 15px; top: 15px; z-index: 2; } .heartBox .fa-heart:before, .option_box .fa-heart:before{ color: #D6AD3E; } .product_info:hover .ordering_table p, .product_info:hover .ordering_table h6{ color: initial !important; } .product_info:hover .heartBox{ display: block; } .star-icon{ height: 17px; vertical-align: text-bottom;opacity: 0.8; } .star-wl-box img{ margin-right: 5px; } .product_topic .notoggleBtn > h3{ text-align:left; margin: 5px; } .product-detail{ text-align: left; clear: both; width: 100%; /*max-width: 1497px;*/ } .relateSlide > div.pointer :hover {opacity: 0.9} .swiper-relate-item{ position: relative; overflow: hidden; margin: 0 6px; } .swiper-alt-item{ /*width: max-content; margin: 0px auto;*/ } .swiper-alt-item > div.swiper-wrapper { width: max-content; margin: auto; } .swiper-alt-item > div.swiper-wrapper > div.swiper-slide { margin: auto; } .box_video{ position: relative; width: 100%; overflow: hidden; padding-top: 110%; } .box_video > iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } .main_box.option_box.star-wl-box > div:first-child{ margin-left: 0px; } .main_box.product_desc{ text-align: left; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } @media (max-width: 1700px){ .ordering_page > div#ImageArea{ width: 50% !important; } .item-detail{ width:50%; } } @media (max-width: 1480px){ #ContenerPic{ text-align: center; } .ordering_page > div#ImageArea{ width: 100% !important; } .item-detail{ width:100% !important; } .main_box.option_box.star-wl-box{ text-align: center !important; } .main_box.product_desc{ text-align: center; } } @media (max-width: 1280px){ .ordering_page > div#ImageArea{ width: 45% !important; } .item-detail{ width: 55% !important; } .main_box.option_box.star-wl-box{ text-align: left !important; } .main_box.product_desc{ text-align: left; } } @media (max-width: 1120px) { .ordering_page > div#ImageArea{ width: 100% !important; } .item-detail{ width: 100% !important; } .average-star-rate-left { padding-right: 0 !important; } .ordering_page > div{ display: block !important; width: 100% !important; float: none !important; } .main_box.option_box.star-wl-box{ text-align: center !important; } .main_box.product_desc{ text-align: center; } /*.ordering_page > div:first-child#ImageArea{ width: 100% !important; }*/ /*#ImageArea .ShowMoreImg{ width: 80% !important; } #ImageArea .ShowMoreImg > ul{ display: inline-block; } #ImageArea{ width: 100% !important; text-align: center; }*/ } @media (min-width: 768px){ .nav2show > form >ul >li{padding-right:5px !important;} } @media (max-width: 768px) { .order3table >ul >li:first-of-type{ width: 30%; min-width: 150px; } .relateSlide{ margin-left: 0; } .product_info:hover .product7_desc{ color: inherit !important; } .product_item .ShowItemPrice, .product_item .ShowRateReview{ float: none; text-align: center; line-height: 0.8em; } #PriceErase{ font-size: larger; } .average-star-rate-right, .average-star-rate-left { flex: 100%; margin-top: 1rem; } .average-star-rate-left > .div-table, .review-orderitem-rate, .review-orderitem-comment, .review-orderitem-comment > .orderring-btn.review-btn { width: 100% !important; } .average-star-rate-left { margin: 0 auto; } .product_area div.product_item{ padding: 0; } #MainProductArea{ padding-right: 0; } .main-header, .currency_option, .header3 .header-container { background-color: #f7f6f2; } .product_topic{ padding: 0 10px; } .product_topic .notoggleBtn > h3{ margin: 15px 0; } /*#ChickenTrack { text-align: left; }*/ .RelateMove { display: none; } .footer_row:first-of-type { padding-left: 4rem; padding-right: 4rem; } .footer_row:last-of-type { padding: 1rem; } .row_Qty { float: right; margin: 0; } .ShareLink{ max-width: 180px; } .ShareLink >div { width: 47%; padding: 5px; } .overlay_bt{ display: flex; flex-flow: column; } .overlay_bt .button_overlay_left{ order: 2; width: 100%; text-align: center; } .overlay_bt .button_overlay_right{ order: 1; width: 100%; text-align: center; } .order3table >ul >li{ width: 50%; font-size: 1.3rem; } .order3table >ul >li:first-of-type{padding-left: 0; } .topicBox{ margin: 0; } .product_desc{ font-size: 1.1em; } .BoxOfOption{ margin-bottom: 10px !important; } .box_video video, .box_video iframe{ max-width: 100%;max-height: 100%; } .ordering_variation_div{ clear:both; } .left_none_radius, .right_none_radius{ padding:0 10px !important; font-size: 1.2em !important; } .ordering_box, .ordering_box2{ padding: 0; } .sharelayer #sharetosocial{ font-size: 2em; } .sharelayer >ul >li{ padding: 5px 3px; } .padding_box{ padding:0 10px 0 0 !important; } .ordering_page > div:first-child#ImageArea{ display: none; } .item-detail { width: 100% !important; padding: 0 10px; } .item_link{ padding: 0 0 15px; font-size: 1em; } .item-detail > form > div.option_box > div{ margin: 0 15px 10px 0; } p.back_link{ flex-flow: column; margin-bottom: 2rem !important; } .back_link .ordering_box, .back_link .ordering_box2{ width:100%; text-align:center; padding: 10px 0; } .back_link .ordering_box{ order: 2; } .back_link .ordering_box2{ order: 1; } #MainRelated > div > div{ width: 90%; text-align: center; padding-left: 10px; padding-right: 10px; } #MainRelated > div > div > div > span:last-child{ font-size: 8pt !important; } #changebtnImage{ display: none; } /*.Alternative_Choices{ width: 100% !important; margin-left: 0px !important; margin-top: 15px !important; margin-bottom: 15px !important; padding: 0 !important; }*/ .Alternative_Mobile{ display: flex; } .ordering3icon{ width: 60%; float: right; } .boxProductLink{ padding-top: 0 !important; border: none !important; } .orderring-btn{ width: 100% !important; margin: 0; } .review-btn{ min-width: inherit !important; } .reviews-display-block .orderring-btn{ min-width: initial; width: 100% !important; } .ReviewsBox .review-product-list > .review-title{ width: auto; } .review-product-list > .review-star{ float: right; padding-right: 10px; } #AddReview{ padding: 10px 10px; margin: 0; } #AddReview .review-orderitem > .review-star .fa-star{ font-size: 1em !important; } #AddReview .review-orderitem > .review-title{ width: 49%; } .review-orderitem{ margin: 5px 0; width: 100%; } #ReviewText{ min-height: 10em !important; } .selectPreference{ height: 37px; } .DetailOfOption{ width: 100% !important; } .radio { margin-left: 10px !important; display: inline-block !important; } .close { font-size: 25pt; } .setdisplayrow { line-height: 50px; } /* .orderign_box > div > div{ padding: 0; } */ .logo_desktop { display: none; } .product_option{ padding-top: 15px; width:100% !important; } .product_option_box_left{ vertical-align: center; /*text-align: center !important;*/ width: 40%; /*clear: both;*/ } .variationSize{ font-size: 12pt; } .product_option_box_right{ line-height: 3.5em; width: 60%; /*clear: both;*/ } .product_option_box_main { padding-bottom: 20px; } .product_option_box_main > p { padding: 0px !important; } .mobile_img{ max-width: none; } button.display6{ line-height: normal !important; } /*.ordering_height{ height: 40px !important; }*/ /*.Layer-content-first { bottom: -250px !important; }*/ .product_option-row{ padding:8px 0; } .product_option-row > div{ padding:0; } #AltProdImages .product_img{ width:33%; vertical-align:top; } #IframeContent .ordering_page{ margin:1em auto; } .clearbr{ display:none !important; } .product_option .column{ width:100%; display:block; } .related_list{ padding-top:15px; } .related_list .span2{ width:50%; padding:10px 0; } #NextRelate{ right:0; } .ordering-nav{ position:initial !important; background:transparent !important; } .ordering-nav .button, .ordering-nav button{ margin:0.8em auto; width:95%; max-width:none !important; } .button.ordering_height, button.ordering_height{ font-size: 1em !important; line-height: 1em !important; margin-bottom: inherit; } .ordering_height.button.display6.padding_left{ padding: 0 0.5em !important; } .product_option.fit_content { width: 100% !important; } .ordering_page .product2column >div{ float: none; width: 100%; } .ordering_page .product2column >div:first-of-type{ padding: 2px 10px 2px 0; } .ordering_page .product2column >div:last-of-type{ padding: 2px 10px 5px 0; } .ordering_page .product2column{ overflow: inherit !important; } .relateItemBox{ -webkit-overflow-scrolling: touch; width:100%; overflow-x:scroll; white-space:nowrap; display: block; } .boxrelate{ padding: 0 5px; white-space:nowrap; text-align: center; display: inline-block; width:auto; } .bottomfixed > .column.third{ display: none !important; } .barImg{ display: inline-block; } .imgmore{ display: none; } .ordering3icon >div{ font-size: 2em; line-height: 1; } .reviewsProduct, #coustomdetail, #orderDetail{ display: none; } #customlabel, #iconOrderLabel{ cursor: pointer; } #orderbox:checked ~ .boxProductLink #orderDetail{ display: block; } #listMobileProductDetail{ padding-top: 0 !important; } #coustomdetail, #orderDetail{ display: none; } .product_info:hover{ border: 0; } .product_info:hover .product_img{ padding: 2px; } .heartBox{ top: 0; right: 0; padding: 15px !important; display: block; } .product_con{ padding: 0; } .notoggleBtn > div > span{ display: inline-block; } .notoggleBtn > div > span:first-child{ width: 30%; } .notoggleBtn > div > span:last-child{ width: 70%; } .ordering_height.none_radius { min-width: 20px; width: 20px !important; } .order3table >ul >li{ white-space: nowrap; } .ordering_box2 i, #AddReview i{ vertical-align: middle !important; } .product_info:hover .ordering_table p, .product_info:hover .ordering_table h6 { color: #AEA8A5; } .detail-prefer{ margin-top: 0; } } @media (max-width: 428px) { #TextBack, .ordering3icon{ width: 100%; text-align: center; } #ShowReview > div > div > .ordering_box{ width: 100%; text-align: center; margin-bottom: 1rem; } #ShowReview > div > div > .ordering_box2{ width: 100%; text-align: center; display: flex; } } 

/*---------- login ------------*/
 input[disabled="disabled"], input.disabled, input:disabled{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .homepage_login a:not(.button), .login_layer.content_main a{ text-decoration: underline; } .login_layer .acc_input{ padding-left: 0; } .reset_pass_content{ max-width: 700px; margin-left: auto; margin-right: auto; } .login_form .error_icon{ display: none; } .login_form, .login_layer.content_main{ max-width: 600px !important; margin: 0 auto; } .login-footer{ margin: 40px 0 50px;; } .login_layer .acc_error, .login-footer{ text-align: left; } .login_layer .button { margin-right: 50px; min-width: 100px; } h1.login_header{ text-align: left; } .login_header{ line-height: 1.5em; font-style: italic; text-align: left; margin: 20px 0 30px !important; padding: 0 !important; } #IframeOverlay{ background-color: transparent; } #IframeOverlay > #IframeLogin{ max-width: 500px !important } .popup_header{ font-size: 1.3em !important; line-height: 1.3em; font-style: italic; text-align: left; font-weight: bold; margin: 15px 0 5px !important; padding: 0 !important; } .homepage_login.p_activate, .p_activate .popup_header{ line-height: 2.3rem; } .homepage_login{ max-width: 400px !important; padding: 0 !important; margin: 0 auto 30px; line-height: 1.9rem; } .homepage_login .logo_image{ max-width: 300px; margin-bottom: 10px; padding: 0; } /*.homepage_login form > div, .homepage_login form > p, .homepage_login .login_form > p{ font-size: 1.35rem; }*/ .homepage_login p:not(.popup_header){ margin-bottom: 1em !important; } .homepage_login .button:not(.cancel_button){ background: #E09D00 !important; color: white !important; white-space: initial; } .homepage_login .acc_input{ border-width: 1px !important; } .homepage_login .botton-resendactivate > .button{ margin-right: 0; width: 100%; } .register_note{ font-size: 0.9em !important; } .login-action .button{ padding: 7px 15px; line-height: 1.5em !important; } .login_mobile .login-action .button{ padding: 5px 10px; /*font-size: 0.85em !important;*/ line-height: 2em !important; } .title-box > label.thin{ display: inline-block; padding-right: 20px; } /*#IFrameHeight .homepage_login{ padding: 10px !important; }*/ @media (max-width: 768px) { .login_mobile{ padding: 0 10px !important; } #IframeOverlay{ /*width: 95vw !important;*/ width: auto !important; margin: 10px; height: 75vh !important; top: 5%; } .homepage_login input[type="text"].acc_input, .homepage_login input[type="password"].acc_input { border-radius: 0; padding: 0.5em 0; } .homepage_login input[type="checkbox"], .homepage_login input[type="radio"]{ transform: scale(1.2); margin: 1em 5px 0 0; } .login-footer{ margin-top: 50px; text-align: center; } .login_layer .button:last-child{ margin-right: 0; } } 

/*---------- cart ------------*/
 .item_detail{ margin-top: 15px; } .item_detail > div:not(:last-child){ font-size: 1.5rem; line-height: 2.2rem; } .item_detail > div:last-child{ margin-top: 10px; } .ShipCart{ margin-bottom:1.5em; } #CartFrameWrap .cart_iframe{ z-index: 14; } .Order4show{ display: block; width: 100%; padding: 10px; margin: 0 auto; overflow: hidden; } .Order4show >div{ float: left; display: block; padding: 5px; } .Order4Box, .Order4Box >.item_row{ display: block; width: 100%; margin: 0 auto; padding: 0; } .Order4Box .column.third.carttotal.floatright{ width: 30% !important; text-align: right; } .Order4Box .column.third.carttotal.floatright > .cart_info{ display: block !important; } .Order4Box .column.two-third.floatleft.text-left{ width: 70% !important; } .SubBox4Cart{ display: block; width: 100%; padding: 15px; } .SubBox4Cart >div.highlight_color{ padding-bottom: 10px; } .Box2Cart4{ display: block; width: 100%; margin: 0 auto; padding: 20px 10px; } .cart_page .Box2Cart4{ padding: 0 10px 20px; } .Box2Cart4 .btn-action > span:first-of-type{ line-height: 1.5; } .Box2Cart4 .item_row .column{ vertical-align: top !important; } .Box2Cart4 .item_row .product_img-border{ border-top-style: solid; border-width: 1px; } .Box2Cart4 .item_row{ padding: 5px 0; } .Box2Cart4 .item_row .two-sixth { padding: 0 10px; } .Box2Cart4 .item_row .span12{ padding: 5px; line-height: 2em; } .Box2Cart4 .item_row .span2{ vertical-align: middle; } .MainArea { width: 96%; margin: 0 auto; max-width: 1200px; } .fixslide_right .MainArea{ max-width: 1100px; } #IframeLogin { width: 100%; height: 100%; background-image: url("../images/loading-lg.gif"); background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; background-size: 4%; } .overlay { max-width: 880px; } .cart_page .button{ font-size: 1.05em; letter-spacing: 0.7px; } .button.CheckoutB, .button.CheckoutB:hover { color: #0E7301 !important; } .button.Danger, .button.Danger:hover { color: red !important; } .cart_info { margin-top: 11px; } .no_image-cart { max-width: 120px; } .couponText label, .iframe_content .couponText label{ display: inline; font-weight: normal; padding:0; cursor: pointer; } .couponText{ overflow: hidden; padding: 0 10px 30px 10px; font-size: 1.5rem; line-height: 2.2rem; } .column .couponText:last-child { padding: 0 10px 0 10px; } .payment_option .column { margin-bottom: 0; } .couponText .span11{ padding-left: 5px; } .couponContent{ border: 1px solid #cccccc; overflow: hidden; } .couponContent > p.highlight_padding, .couponContent > p.highlight_padding_PRODUCTION{ width: 100%; background: #bebdbb; padding: 10px; margin-top: 0; } .classNowrap{ white-space: nowrap; } .menuMobile{ -webkit-overflow-scrolling: touch; } .ShipCart span{ margin-top: 5px; display: block; } .paddingleft{ padding-left: 20px; } .paddingY10{ padding-top: 10px; } .btn_Close{ position: absolute; top:3px; right: 5px; cursor: pointer; } .vertical-top{ vertical-align: top !important; } .text-bold{ font-weight: 600; } .no_borderBottom{ border:1px solid #BEBDBB; border-bottom: none; } .NoPage{ color: #DBDCE2; } .margin-top{ margin-top: 1.5em; } .SpCart .column.span1{ padding-bottom: 4px !important; } .bottom1em { margin-bottom: 1em !important; } .shipOption{ display: block; width: 100%; padding: 5px 0 5px 10px; } .shipOption >label{ display: inline; } .ShowGiftBox{ display: block; width: 100%; } .ShowGiftBox >div{ display: none; z-index: 3; position: absolute; width: 300px; padding: 5px; margin: 0 auto; word-break: break-word; white-space: initial; } .ShowGiftBox >div img{ vertical-align: middle; } .ShowGiftBox>div>div:not(.clearboth){ width: 50%; text-align: center; display: inline-block; } .ShowGiftBox>div>div.clearboth{ padding:15px 10px 5px; } .ImgGift{ cursor: pointer; } .ImgGift:hover ~ .ShowGiftBox >div{ display: block; } @media (max-width: 768px) { .couponText, .item_detail > div:not(:last-child){ font-size: 1.35rem; } .MainArea{ width: 100%; } .cart_page .Box2Cart4{ padding: 0; } .couponText .span1{ width: 12%; max-width: 35px; } .couponText .span11{ width: 88%; } .cart_page .item_row .two-sixth{ padding-right: 0; } .cart_page .order_box_main { padding: 15px 0; overflow: hidden; } .cart_page .order_box_main >div:first-child{ float: right; } .cart_page .order_box_main >div:last-child{ float: left; } .order_box_main .linkstyle{ padding-right: 50px; } .ShowGiftBox >div{ left: 10px; right: 10px; width: 80%; margin: 0 auto; } .order_report .product_img { margin: 10px 5px; } .top_checkout { position: relative; text-align: right; top: 5px !important; } .linkmobile{ font-size: 1.2em !important; } .SpCart .product_img { text-align: center; display: inline-block !important; /*width: 30%;*/ padding: 5px; } .SpCart .item_row{ display: block; } .SpCart .item_row > div.column, .SpCart .item_row > div > div{ display: block; text-align: center !important; } .SpCart div.cart_dashed_line.span10{ width: 100%; } .SpCart .column.two-sixth .span10{ width: 100%; } .SpCart .row .span6{ text-align: left !important; } .SpCart .row .span3{ text-align: center !important } .SpCart .row .span2:last-child{ text-align: right !important; padding-right: 0; } .SpCart .span1.btn-action{ width: 100%; } .Order4show >div{ float: none; width: 100% !important; } .Box2Cart4 .item_row .product_img-border{ border-top-style: none; border-width: 0; } .Box2Cart4 .item_row .product_img.product_img-border{ border-top-style: solid; border-width: 1px; } .Box2Cart4 .item_row.product_img-border{ border-top-style: solid; border-width: 2px; margin-top: 10px; } .Box2Cart4 .item_row .product_img{ width: 40%; margin: 0 auto; } .Box2Cart4 .item_row .column.sixth{ padding-top: 10px; padding-bottom: 0 !important; } .Box2Cart4 .column{ margin-bottom: 5px !important; } .Order4Box .column.third.carttotal.floatright, .Order4Box .column.two-third.floatleft.text-left{ clear: both; float: none; width: 100% !important; } .Order4Box .column.third.carttotal.floatright .span7{ white-space: pre-wrap !important; } } @media (max-width: 640px){ .full .text-center span.button { display: block; width: 100%; } } .set100width{ width: 100%; } .set70width{ width: 70%; } .Box2ShowCart{ display: block; width: 100%; padding: 0; margin: 0 auto; } .ShowCartDetail{ display: table; padding: 10px; margin: 0 auto; text-align: left !important; } .ShowCartDetail >ul{ display: table-row; } .ShowCartDetail >ul >li{ display: table-cell; vertical-align: top; padding: 10px; line-height: 2em; text-align: left !important; } .ShowCartDetail >ul:not(:last-of-type) >li.product_img-border{ border-bottom-style: solid; border-width: 1px; } .ShowCartDetail >ul:first-of-type >li.product_img-border{ border-top-style: solid; border-width: 1px; } .BoxHeaderCoupon{ font-weight: bold; text-align: right; padding: 15px 5px 15px 0; display: block; } .order-detail > div:last-of-type{ clear: both; } .order-detail .cart_info > .span7{ text-align: right; white-space: nowrap; } @media(max-width: 768px) { .Box2Cart4 .item_row .product_img-border { border-top-style: none; border-width: 0; width: 100%; } .Box2Cart4 .linkmobile .button{ padding: 2px; text-align: center; } .Box2Cart4 .item_row{ display: block; } } 

/*---------- checkout ------------*/
 #TaxButtonI, #TaxButtonP{ font-size: 1rem; padding: 6px 10px; margin-left: 5px; } .checkout_tem2 .column.two-fourth{ padding-left: 1em; } .checkout_tem2 .full-collum > .two-sixth{ margin-bottom: 0; } .checkout_tem2 .acc_input{ padding-left: 0; margin-bottom: 10px; } select.acc_input{ -webkit-appearance: none; -moz-appearance: none; } h1.header { margin-bottom: 1rem; margin-top: 0; padding-top: 0; } .display_style { white-space: nowrap; right: 35px; position: relative; } .fixslide_right .checkout_tem2, .fixslide_right .checkout2_completed { max-width: 1000px; } .tax_infomation > div{ padding-top: 10px; } .checkout_tem2{ margin: 7px auto 40px; } .checkout2_completed{ margin-bottom: 40px; } .checkout2_completed hr { margin: 20px 30px; } .checkout_padding{ padding-left: 20px; } .notetext, .item_desc{ /*font-size: 0.8em;*/ font-size: 1.35rem; line-height: 2.2rem; } .checkout_tem2 .Box2Cart4{ padding: 0; } .style_button{ margin: 10px 0 0 !important; background-color: silver; padding: 10px 30px; } .top_account_text{ padding: 15px 30px 0 30px; } .top_account_detail{ padding: 0 30px; /*font-size: 1.2em;*/ /*font-style: italic;*/ line-height: 1.5; margin-bottom: 1em; } .top_account_detail > span { display: block; } .title_text{ font-style: italic; padding: 15px 0; margin-bottom: 1rem; font-weight: bold; text-align: left !important; margin: 0 !important; } .orderlist_container{ display: block; width: 100%; margin: 5px 0; } .orderlist_img{ width: 25%; display: inline-block; vertical-align: top; text-align: left; } .orderlist_detail{ width: 75%; display: inline-block; padding-left: 2em; } .orderlist_detail > div{ border-top: 1px solid; padding: 15px 0; } .lint_height.ShippingVal{ padding: 0 0px 20px; line-height: 0; } .item_row > .column:first-child{ padding-top: 0; } .checkout_tem2 .ShippingVal label{ display: inline-block; } .lint_height.checkout_line{ margin-bottom: 15px; } .lint_height .small{ padding: 0px 0 5px; } .ShippingVal{ padding-top: 0px; /*margin-left: 2px;*/ } input.full.inline_style { width: 100% !important; } select.dropdown_style, .div_sub select{ background: transparent; -webkit-appearance: none; -moz-appearance: none; } select.dropdown_style{ width: 100%; } input.inline_style, .checkout_tem2 .ShippingVal select { border: none; border-bottom: 1px solid #ccc; background-color: transparent; font-size: 0.95em; padding: 0px; } #MyAccountContent { margin: 0px !important; } .EstimateInfo { border: 1px solid; padding: 10px; z-index:1; font-size: 0.9em; } .BoxTaxInput{ margin-top: 15px; font-size: 0.9em; } .div_sub{ margin-top: 10px; padding-left: 20px !important; width: 100%; padding: 0; text-align: left; display: none; padding: 0; } .exist_order .myaccount-option_body{ margin:0; } .exist_order .myaccount-option_body > .half{ padding:1em 5px 1em 1.5em; margin-bottom: 0; width: 45%; } .exist_order .myaccount-option_body > .half:first-child{ border-right: 1px solid #c2c2c2; width: 55%; } .action-button{ padding: 3px 5px; border: 1px solid; text-align: center; cursor: pointer; font-size: 1.3rem; width: 100%; min-width: min-content; } .action-button:last-child{ margin-top:15px; } .full-collum { width: 100% !important; display: inline-block !important; } .halffull label{ display: inline; font-weight: normal; padding:0; cursor: pointer; } .btn_Close{ position: absolute; top:3px; right: 5px; cursor: pointer; } .not-allowed { opacity: 0.3 !important;; cursor: not-allowed !important;; } .pointer {cursor: pointer !important;} .halffull{ width:50%; } .text-italic{ font-style: italic; } .text-size-normal{ font-weight: normal; } .padding_summary{ padding: 0 30px; } .vertical_sub{ vertical-align: sub; } .padding_right_30{ padding-left: 0; padding-right: 30px; margin-bottom: 3px; } .padding_left_30{ padding-left: 30px; margin-bottom: 3px; } .no_padding{ padding: 0px !important; } .account-table{ display: inline-block; padding: 0 20px; margin-bottom: 10px; box-sizing: border-box; position: relative; overflow-y: auto !important; overflow-x: hidden !important; vertical-align: top; } .account-table.left{ width: 40%; padding: 0 20px 0 30px; } .account-table.right{ width: 60%; } .complete-page-box-left{ width: 65%; display: inline-block; margin-bottom: 10px; } .complete-page-box-right{ width: 35%; display: inline-block; text-align: right; vertical-align: top; } .complete-page-box-left-totle{ padding-left: 30px; width: 65%; display: inline-block; background-color: silver; padding-top: 10px; padding-bottom: 10px; } .complete-page-box-right-totle{ padding-right: 30px; width: 35%; display: inline-block; text-align: right; background-color: silver; padding-top: 10px; padding-bottom: 10px; } .account-table >ul >li{ text-align: left; padding: 10px 0px; margin: 0; box-sizing: border-box; word-break: break-word; /* max-width: 300px;*/ width: 100%; } .account-table >ul >li >label{ display: block; font-weight: bold; /* font-size: 1.2em;*/ text-align: left; box-sizing: border-box; padding-bottom: 15px; } .boxspec{ clear: both; display: block; width: 100%; padding: 0; box-sizing: border-box; margin-bottom: 30px; } .checkout3{ padding-bottom: 30px; } .checkout3 .row{ clear: both; float: none; overflow: visible; } .checkout3Payment .column.full{ clear: both; display: block; width: 100%; padding: 0; margin: 0; } .box-with-float{ overflow: hidden; } .box-step{ overflow: visible !important; } .checkout3-schdule{ padding: 7px 0; box-sizing: border-box; display: block; width: 100%; margin: 0 auto; } .checkout3-schdule:first-child{ padding-top: 0; } .checkout3-schdule p{ padding-left: 15px; box-sizing: border-box; } .checkout3-schdule label, .boxbuttonCheckout3 label{ display: inline; cursor: pointer; } .boxbuttonCheckout3{ display: block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; text-align: right; } .boxbuttonCheckout3 >div>.button{ width: 100%; } .boxbuttonCheckout3 >div{ display: inline-block; padding: 5px; box-sizing: border-box; width: 100%; } .MultipleAddress{ display: inline-block; margin-left: 20px; } .AutoMobile{ width: auto; } .AutoMobile1{ width: 135px; } .shipping_desc{ padding: 0 0 0 25px; font-size: 0.8em; line-height: 1.5em; } .boxbuttonCheckout3 > #paypal-btn{ padding: 0px; /*margin-top: -20px;*/ } #paypal-btn{ vertical-align: middle; position: relative; z-index: 0; } .spinner.loading { position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; opacity: 0.7; background: #000; z-index: 11; } .spinner.loading:before { content: ""; height: 75px; width: 75px; margin: -15px auto auto -15px; position: absolute; top: calc(50vh - 80px); left: calc(50% - 40px); border-width: 8px; border-style: solid; border-color: #2180c0 #ccc #ccc; border-radius: 100%; animation: rotation .7s infinite linear; } .detal-price{ overflow: hidden; } .detal-price .column.two-fifth, .detal-price .column.fifth{ margin-bottom: 10px; } .order_box_main { width: 100%; /*display: inline-block;*/ } .account-table.chk_mobile{ display: none; } .sub_box_slide{ padding: 0px; display: block; line-height: 1.5em; padding: 0; margin-bottom: 1.5rem; } .chk_mobile{ display: none; } .no_chk_mobile{ display: block; } .line_height_box{ line-height: 2; /*padding-left: 20px;*/ } .checkout2_completed .line_height_box{ padding: 0; } .line_height_box .title_text{ line-height: 0 !important; } .checkour2_shipping{ display: block; margin-left:20px; line-height: 2; } .product_img.product_img-border{ margin-top: 0; } .full-collum.product_img-border{ padding-top: 10px; } #FeedbackBox2 > p{ line-height: 2em; font-size: 0.95em; } #FeedbackBox .button{ margin-right:0; } .checkout_padding > div{ line-height: 25px; } .box-feedback{ padding: 0 30px; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .detal-price .column.padding_right_30, .subTotal .column.padding_right_30{ padding-right: 10px !important; } .detal-price .column.two-fifth, .subTotal .column.two-fifth, .Total .column.two-fourth{ width: 70% !important; } .detal-price .column.fifth, .subTotal .column.fifth, .Total .column.fourth { width: 30% !important; } .detal-price { letter-spacing: 0px !important; } /*@media(max-width: 1024px) { .account-table:last-child{ width: 100%; } .check2.myaccount-border{ padding: 0px !important; } }*/ @media (max-width: 1280px) { .detal-price .column.two-fifth, .subTotal .column.two-fifth, .Total .column.two-fourth{ width: 65% !important; } .detal-price .column.fifth, .subTotal .column.fifth, .Total .column.fourth { width: 35% !important; } } @media(min-width: 769px) { .checkout_tem2, .checkout2_completed{ width: 96%; margin: 0 auto; max-width: 1200px; } .item_desc{ padding-right: 5px; } } @media(max-width: 768px) { .checkout_tem2 .Box2Cart4 .item_row .two-sixth{ padding: 0; } .subTotal div:first-child{ padding-left: 0; width: 40%; display: inline-block; } .subTotal div:last-child{ padding-right: 0; width: 60%; display: inline-block; } .detal-price .padding_left_30{ padding-left: 0; } .detal-price .padding_right_30{ padding-right: 5px; } .detal-price .column.fifth{ text-align: right; } .detal-price .column.two-fifth, .detal-price .column.fifth{ width: 50%; display: inline-block; vertical-align: top; } .product_img-border.action-button:first-child { float: left; } .product_img-border.action-button:first-child { float: right; } /*.full-collum.product_img-border.item_desc { line-height: 2.5; }*/ .display_style { right: 0; } .checkout_line{ border-top: 1px solid #d6d6d6 !important; } .account-table.left > .checkout_line:first-child{ padding-top: 10px; margin-top: 10px; } .checkout_padding{ padding-left: 0; } .order_summary.checkout_line{ margin-top: 15px; } .complete-page-box-left-totle{ padding-left: 10px; } .complete-page-box-right-totle{ padding-right: 10px; } .padding_summary{ padding: 0 5px; } .line_height_box{ /*line-height: 3;*/ padding-left:0; } .no_chk_mobile{ display: none; } .full.lint_height.small.chk_mobile{ margin: 0 -15px; } .style_button{ padding: 10px 15px !important; } .order_summary{ line-height: 1.5; } .chk_mobile, .account-table.chk_mobile{ display: block; } .account-table.right > .order_box{ display: none; } .order_box_main .Box2Cart4 .item_row .product_img-border{ border-width: 1px !important; border-top-style: solid !important; } .orderlist_detail .product_img-border{ margin-left: 10px; } .product_img-border.action-button{ width: 100% !important; border-width: 1px !important; border-top-style: solid !important; } .order_box_main .product_img-border.action-button{ display: inline-block !important; width: 40% !important; border-width: 1px !important; border-top-style: solid !important; } .action-button:last-child { margin-top: 0; } .item_row > div.column { display: table-cell; } .item_row > div.column:first-of-type { width: 25%; } .item_row > div.two-fourth, .sub_box_slide{ padding-left: 10px; } .top_account_text{ padding: 0 !important; margin: 0 !important; text-align: center !important; padding-top: 15px !important; } .top_account_detail{ font-size: 1em; text-align: center; } .bg-header-account{ background-color: unset !important; } .order_box_main { display: flex; flex-flow: column; margin: 0 auto; } .account-table.left { order: 1; width: 100%; padding: 0; } .account-table.right { order: 2; width: 100%; } .orderlist_container{ margin: 0px 0 5px; } /*.title_text { padding: 15px 0 5px; }*/ /*.div_sub{ margin-left: 0px; }*/ /*.detal-price{ padding: 0 15px; }*/ .detal-price > .clearboth > .padding_right_30{ padding-left: 0; } .detal-price .column.two-fourth:not(.style_button), .detal-price .column.fourth:not(.style_button){ width: 50%; display: inline-block; vertical-align: top; padding: 10px 5px !important; margin-bottom: 0; } .detal-price .Total{ display: table; width: 100%; } .detal-price .Total .column.two-fourth, .detal-price .Total .column.fourth{ width: 50%; display: table-cell; padding: 10px 5px !important; vertical-align: middle; } .checkout3-schdule{ padding: 7px 0px; } .shipping_desc{ padding: 0 0 0 35px; } .AutoMobile, .AutoMobile1{ width: auto; max-width: 100%; } .boxbuttonCheckout3{ margin-bottom: 10px; } .halffull{ width:100%; } .checkout_options .column.full .span1, .checkout_options .row .span1{ width:12%; text-align:right; } .checkout_options .column.full .span11, .checkout_options .row .span11{ width:88%; } .checkout_options input[type="checkbox"], .checkout_options input[type="radio"]{margin:0 10px 0 0; vertical-align:middle;} .account-table, .account-table >ul, .account-table >ul >li{ display: block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; max-width: 100%; } .account-table >ul >li:not(:first-of-type){ width: 100%; } .account-table >ul >li{ margin-bottom: 20px; } .border_inside .border_inside{ border:1px solid #c2c2c2; } .account-table >ul >li >div:not(.header-nopadding), .header-nopadding >div{ padding:10px; } .account-table >ul >li >label, .header-highlight{ text-align: left; padding: 10px; box-sizing: border-box; } .account-table >ul >li:first-of-type >label{ text-align: left; } .checkout3Payment .column.full{ padding: 10px 0; } .display-inline label{ display: inline !important; } section.box-step.instockBG.myaccount-border, section.box-step.productionBG.myaccount-border{ border: 0; background-color: transparent; } .checkout3Payment .span11{ padding-left: 15px; box-sizing: border-box; } .check2.myaccount-border{ border: 0; } .check2 .span8{ width: 55%; } .check2 .span2{ width: auto; } .exist_order .myaccount-option_body{ padding:0 1.5em; } .exist_order .myaccount-option_body > .half:first-child{ border-right: none; border-bottom: 1px solid #c2c2c2; padding: 0; } .exist_order .myaccount-option_body > .half{ padding:0; width: 100% !important; } .exist_order .order_notice{ margin: 20px 0; } .account-table.check2:last-of-type{ padding-left: 0 !important; } .box-feedback{ order: 3; padding: 0; } .checkout2_completed .account-table.left > div:first-child > div:first-child { line-height: 1 !important; } } 

/*---------- navigation ------------*/
 .icon-filter{ -ms-transform: rotate(270deg) scaleY(-1); /* IE 9 */ transform: rotate(270deg) scaleY(-1); } .productfullpage{ width: 100% !important; margin: 0 auto !important; } .nav4left-menu{ display: none; position: fixed; width: 30%; top: 0px; left: 0px; bottom: 0px; z-index: 20; background-color: #FFFFFF; } .close4left-menu{ position: absolute; top: 0; right: 0; z-index: 22; } .close4left-menu >label{ cursor: pointer; padding: 0 10px 5px 10px; } .close4left-menu .icon-close{ width: 32px; height: 23px; display: block; text-align: center; } .close4left-menu .icon-close:before, .close4left-menu .icon-close:after{ position: absolute; content: ' '; height: 38px; width: 1px; background-color: #000000; } .close4left-menu .icon-close:before{ transform: rotate(60deg); } .close4left-menu .icon-close:after{ transform: rotate(-60deg); } .close4left-menu span:last-child{ font-size: 9pt; } .nav4side-menu{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 21; width: 100%; height: 100%; padding: 5px; overflow-y: scroll; overflow-x: hidden; } /* width */ .nav4side-menu::-webkit-scrollbar { width: 10px; } /* Track */ .nav4side-menu::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ .nav4side-menu::-webkit-scrollbar-thumb { background-color: #e2a829; border-radius: 10px; } .grid-container { display: grid; grid-gap: 2px; padding: 0; } .grid3{ grid-template-columns: 5px 5px 5px; /*Make the grid smaller than the container*/ } .grid4{ grid-template-columns: 5px 5px 5px 5px; /*Make the grid smaller than the container*/ } .grid5{ grid-template-columns: 5px 5px 5px 5px 5px; /*Make the grid smaller than the container*/ } .each-grid{ background-color: #ACACAC; text-align: center; padding: 5px 0; } .grid-container:hover .each-grid{ background-color: #e2a829; } .active-grid .each-grid{ background-color: #e2a829; } .productlist_page_navigator-bottom{ text-align: center; padding-top: 45px; font-size: 1.5em; clear: both; } .productlist_page_navigator-bottom .page_option > li > a{ padding:10px 0; } .productlist_page_navigator-bottom > ul.page_nav{ width:auto; } .productlist_page_navigator-bottom .page_nav > li { margin: 12px 20px !important; vertical-align: middle; } .productlist_page_navigator-bottom .page_nav > li:first-child, .productlist_page_navigator-bottom .page_nav > li:last-child{ margin-left:0 !important; } .productlist_page_navigator-bottom .page_nav > li > a, .productlist_page_navigator-bottom .page_nav > li > span > a{ padding: 0 !important; display: initial; min-width: none; } .s_style, .c_style{ min-width: 80px; } .c_style{ float: right; } .nav2show label{ position: static; cursor: pointer; } .nav2show{ width: 98%; margin: 0 0 15px auto; padding: 0 15px 40px 0; position: relative; } .nav2show > form{ width: 100%; } .nav2show > form >ul >li{ float: left; cursor: pointer; padding-right: 25px; } .nav2show .orderring-btn{ width: auto !important; margin: 0 0 5px !important; } .subnav{ display: block; width: 100%; padding: 0; margin: 0; } .navhead{ padding: 5px; } .navhead .fas{ padding-left: 5px; } .navHover{ font-size: 1.2rem; display: none; bottom: -25px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); z-index: 12; } .navHover >.product_img-border{ position: absolute; z-index: 1; background-color: #F6F6F6; border-style: solid; border-width: 1px; padding: 5px; width: max-content; margin: 0 auto; right: 0; top: 36px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .nav2show > form > ul > li:last-of-type > div.subnav > div.navHover >.product_img-border, .max_content{ width: max-content !important; } .nav2show .navhead.active, .nav2show .product_img-border.active{ background: white !important; border: 1px solid #d6d6d6 !important; border-bottom: 0 !important; position: relative; z-index: 3; } .activeTop{ border-top: 1px solid #FFFFFF !important; } .navHover h6{ text-align: left; font-weight: normal; margin: 0; } .navHoverDetail{ padding: 5px 0 0 5px; } .navbox{ min-width: 180px; display: none; position: absolute; z-index: 2; top: 34px; } .navbox > .product_img-border{ white-space: initial !important; } .nav2show > form > ul:first-of-type{ float: left; } .nav2show > form > ul{ float: right; } .nav2show > form > ul > li > div{ position: relative; } .nav2show > form > ul > li:last-of-type > div > div:last-of-type{ right: 0; left: unset; min-width: 300px; } .nav2show > form > ul > li:last-of-type > div > div.navHover > div.product_img-border{ left: 0; } .button_clear{ border: 2px #c6838a solid; padding: 3px !important; cursor: pointer; color: #c6838a; } .navbox >.product_img-border{ background-color: #FFFFFF; border-style: solid; border-width: 1px; white-space: nowrap; } .navbox >.product_img-border > div > div > ul > li, .navbox >.product_img-border > li{ padding: 5px 10px 5px 10px; } .navbox input[type="checkbox"], .Option-Box input[type="radio"] { transform: scale(1); vertical-align: middle; margin: 0 3px 3px 0; } .navhder{ padding: 5px 10px 5px 10px; display: block; background: #ffffff; } .fixTop{ border-bottom: 0px !important; position: absolute; background: #ffffff; width: 100%; z-index: 10; } .fixBottom{ padding-top: 35px; } .nav-center-btn{ /*border-style: solid !important;*/ /*border-width: 1px !important;*/ /*box-sizing: border-box !important;*/ width: 100% !important; padding: 5px !important; border-radius: 0px !important; /*cursor: pointer;*/ margin: 0 !important; /*background-color: #fdf1f3 !important;*/ /*text-align: center;*/ } .navContent{ max-height: 250px; overflow: auto; } /*.nav2show >ul >li:last-of-type .navbox{ right: 2px; } .nav2show >ul >li:last-of-type .navHover{ right: 2px; width: 100%; }*/ .headHover{ border-bottom-style: solid; border-width: 1px; text-transform: uppercase; } .nav2column{ display: block; width: 100%; padding: 0; margin: 0; box-sizing:border-box; overflow: hidden; } .nav2column >div{ float: left; box-sizing:border-box; } .nav2column >div:first-child{ padding: 10px 2px 0 0; } .SelectList{ display: block; padding: 5px; margin: 0; background-color: #FFFFFF; } .nav2show > form >ul >li:last-of-type .SelectList{ min-width: 80px; } .SelectList input[type="radio"], .SelectList input[type="checkbox"]{ display: none; } .SelectList >ul{ border-style: solid; border-width: 1px; padding: 0; } .SelectList >ul:first-child{ cursor: pointer; } .SelectList >ul >li{ padding: 5px; } .SelectList >ul:last-child{ display: none; position: absolute; z-index: 2; background-color: #FFFFFF; /*width: 58%;*/ } .SelectList >ul:last-child li:hover{ background-color: #E0E0E0; } #ShowNavBox11 label:hover{ background-color: #E0E0E0; } #ShowNavBox11 label{ padding: 5px 10px 5px 10px; } label.option_selected:after{ font-weight: 400 !important; font-family: 'FontAwesome'; content: "\f00c"; padding-left: 15px; /*position: absolute; right: 5px;*/ } .UnSelectList{ background-color: unset; padding: 0; border: 0; } .NavMobile{ display: none; } .SidebarMenu.column.fifth{ float: unset !important; } .search_line{ margin: 15px 0; } @media(max-width: 768px) { .mobile_navselect{ background-color: #f0f0f0; } .nav2show, .SidebarMenu{ display: none; } .NavMobile{ display: block; margin-top: 20px; margin-bottom: 15px; } .HerderNav{ display: inline-block; width: 100%; } .NavMobile > form > div.HerderNav > div{ border-style: solid; border-width: 1px; float: left; text-align: center; padding: 10px 2px; border-right: 0px; cursor: pointer; white-space: nowrap; } .product_page .NavMobile > form > div.nav_3filter_width > div{ width: 24%; } .product_page .NavMobile > form > div.nav_2filter_width > div{ width: 36%; } .NavMobile > form > div.nav_3filter_width > div{ width: 28.5%; } .NavMobile > form > div.nav_2filter_width > div{ width: 43%; } .NavMobile > form > div.HerderNav > div:last-child, .NavMobile > form > div.HerderNav > div.nav_config{ width: 14% !important; } .NavMobile > form > div.HerderNav > div:last-child{ border-right: 1px solid; } .shareIconProductPage{ margin-left: 0; } .shareIconProductPage > .sharelayerProductPage > div{ bottom: 30px; right: 0; left: -19px; width: 150px; } .shareIconProductPage > .sharelayerProductPage >div >div{ height: 40px; } .shareIconProductPage > .sharelayerProductPage > div > div.fa:before, .shareIconProductPage > .sharelayerProductPage > div > div.fab:before{ font-size: 20pt; } .shareIconProductPage > div{ background-color: transparent; border: none; vertical-align: middle; padding: 0; height: 20px; } .shareIconProductPage > div >span{ vertical-align: middle; } .shareIconProductPage .fa:before{ font-size: 15pt; vertical-align: middle; } .noborder{ border-width: 0px !important; } .SelectNav { width: 90%; height: 100%; /*color: #818181;*/ } .sidenav { -webkit-overflow-scrolling: touch; height: 100%; width: 100%; display: none; position: fixed; top: 0; left: 0; background-color: #fff; overflow-y: scroll; overflow-x: hidden; /*transition: 0.3s;*/ z-index: 90; /*color: #818181;*/ } .sidenav a { padding: 15px; text-decoration: none; display: block; /*transition: 0.3s;*/ /*color: #818181;*/ border-bottom: 1px solid #CCCCCC; background-color: #FEFAFB; } #sub-filter1, #sub-filter2, .navShopby >ul >li{ padding: 0 5px 0 15px !important; } .navShopby >ul >li >a{ padding: 10px; border-bottom: none !important; display: block !important; background-color: transparent; } .sidenav > a > span:last-child { float: right; font-size: 1.3em; } .sidenav > a:last-of-type { margin-bottom: 60px; } .sidenav > .closebtn { position: absolute; top: 0; right: 0; font-size: 36px; margin-left: 50px; } .sidenav > .topSideNav { font-size: 1.1em; /*border-top: 1px solid;*/ border-bottom: 1px solid #CCCCCC; padding: 15px; position: fixed; width: 100%; /*transition: 0.3s;*/ z-index: 1; /*color: #818181;*/ background-color: #fdf1f3; } .sidenav > .topSideNav > span:last-child { float: right; font-size: 1.5em; cursor: pointer; } .sidenav > .bottomSideNav { cursor: pointer; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; position: fixed; bottom: 0; width: 100%; /*transition: 0.3s;*/ z-index: 1; /*color: #818181;*/ } .sidenav > .bottomSideNav > div { background-color: #fdf1f3; width: 50%; float: left; padding: 15px; text-align: center; } .sidenav > .bottomSideNav > span { background-color: #fdf1f3; display: block; padding: 20px; text-align: center; } .sidenav > .bottomSideNav > div:last-child{ background-color: #FEFAFB; border-left: 1px solid; } .navShopby .bottomSideNav div{ width: 100%; border-left: 0px !important; } .subSidenav{ padding-bottom: 10px; border-bottom: 1px solid #CCC; padding-left: 0; line-height: 2; } #Sort .subSidenav{ padding-left: 0; /*font-size: 1.7rem;*/ } #Sort .subSidenav > li{ padding: 10px 5px; border-top: none; border-bottom: 1px solid #ebedee; } #Sort input[type="radio"]{ /*visibility: hidden; margin: 0;*/ margin-left: 20px; } #Config .subSidenav a{ border-top: 1px solid #CCCCCC; line-height: 2.3rem; } #Config input[type="radio"], #Config input[type="checkbox"]{ /*transform: none;*/ margin-left: 30px !important; transform: scale(1.3); } #Config .product_img-border{ margin-left: 0 !important; } #Config .subSidenav { padding-left: 0; } #Config .subSidenav strong{ margin-top: 35px; display: block; } #Config .subSidenav > div{ margin-bottom: 15px; } #Config .ConfigSideNav ul > li{ margin: 10px 0 0 0; } .ConfigSideNav{ margin-top: 58px; } .sidenav > a:first-of-type { margin-top: 56px; } .sidenav > ul.subSidenav:last-of-type { margin-bottom: 70px; margin-top: -50px; border-bottom: 0px; } /*.menu_mobile >ul, .account_mobile >ul, .currency4Mobile >ul{ -webkit-overflow-scrolling: touch; display: block; position: fixed; top: 0; bottom: 0; height: 100%; width: 0; overflow-y: auto; overflow-x: hidden; background-color: #FFFFFF; -webkit-transition: all 0.5s linear; /* Safari 3.1 to 6.0 */ /*transition: all 0.5s linear;*/ /*}*/ } 

/*---------- category ------------*/
 .cat_product_block{ border: 1px solid rgba(0,0,0,.3); margin-bottom: 10px; margin-right: 10px; max-height: 175px; } .mastercat_page .cat_product_block a{ width: auto; } .cat_product_block a{ width: auto !important; padding: 50px 15px; display: block; font-size: 1.5em; line-height: 1.5em; text-decoration: none; } .product_page.cat_page{ margin-top:25px; } .no_menu_selected .menu_selected{ background-color: transparent !important; } .Cat-Display{ text-align: center; margin-bottom: 30px; clear: both; } .Cat-cell{ text-align: center; padding: 5px 3px; vertical-align: top; display: inline-block; position: relative; min-width: 250px; max-width: 265px; } .mastercat_page .Cat-cell{ max-width: initial; width: 33%; } .fixslide_right .mastercat_page{ text-align:left; } .fixslide_right .mastercat_page .Cat-cell{ width: 49.5%; } .Cat-block{ /*border: 1px solid silver;*/ background: #fff; position: relative; /*padding: 2px;*/ } .cat2-Cat-productimg{ line-height: 0; width: 100%; cursor: pointer; } .cat2-Cat-productimg img { border: 1px #e6e6e6 solid; cursor: pointer; max-height: 245px; } .cat2-Cat-caption_Banner{ width: 100%; } .mastercat_page .cat2-Cat-caption_Banner{ padding: 0 40px; } .mastercat_page .cat2-Cat-productimg img{ max-height: none !important; } .cat2-Cat-caption_Banner h2{ margin-bottom: 5px; } .cat2-Cat-caption_Banner h3{ cursor: pointer; } .cat2-Cat-caption_Banner > div{ font-style: italic; } @media(max-width: 768px) { .cat2-Cat-productimg img { max-height: 330px; } .Cat-cell { max-width: 100%; min-width: 100%; } .cat_product_block a { padding: 50px 0 !important; max-width: 100%; } .cat_product_block { margin: 0; } .mastercat_page .cat2-Cat-caption_Banner{ padding: 0; } } /*.Cat-block:hover .Cat-caption_Banner{color:#fff;background-color:rgba(215,160,18,.9)}*/ 

/*---------- custom css ------------*/
 :root { --box-width: 1300px; } /* font style */ body, .container.content-container { font-family: 'Roboto'; } .container.content-container { font-size: 18px; } header { font-family: 'Roboto'; font-size: 15px; } footer { font-family: 'Roboto'; font-size: 15px; } .button, button, a.button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 20px; } h1 { font-family: 'Roboto'; font-size: 40px; } h2 { font-family: 'Roboto'; font-size: 35px; } h3 { font-family: 'Roboto'; font-size: 30px; } h4 { font-family: 'Roboto'; font-size: 20px; } h5 { font-family: 'Roboto'; font-size: 22px; } h6 { font-family: 'Roboto'; font-size: 20px; } .FontForPrice, .dicount_price { font-size: 18px; } .FontForDiscount { font-size: 14px; } .logo_slogan { font-size: 23px; } .notice_font { font-family: 'Roboto'; font-size: 15px; } .notice_icon { font-size: 20px; } /* end font style */ ::-webkit-input-placeholder { color: #7a7a7a; } hr { background: #d6d6d5; } UseDefaultTheme { : -1; } body { color: #000000; } a, .linkstyle { color: #373a36; } a:hover, .linkstyle:hover { color: #373a36 !important; } a, .linkstyle { text-decoration: none; } body { width: 100%; } body, .Layer-content { background-color: transparent; } body { background: transparent; } .alertbox { color: #373a36; } .bg-reserve-qty { background-color: transparent; color: #b429ff; } .body_container { background-color: #ffffff; padding: 1px; } .boxCateShow { background-color: #e6e6e6; } .BoxTime { border-color: #c7c7c7; } .Cat-block-bg:hover a:hover, .Cat-block:hover .Cat-caption_Banner { background-color: #e6e6e6 !important; } .Cat-block-text:hover a:hover, .Cat-block:hover .Cat-caption_Banner { color: #000000 !important; } .Cat-caption_Banner { color: #000000 !important; } .Cat-caption_Banner, .Cat-caption_Banner { background-color: transparent; } .Cat-productimg { max-width: 280px; } .Cat-productimg, .Cat-productimg { background-color: #e6e6e6; border-color: #e6e6e6; } .collection_info { background-color: transparent; } .contentwidth, .footer-container > *, #MainHeaderArea > ul, .iframe_overlay { max-width: var(--box-width); } .Countdown { color: #f008d7; } .error_style, .informed-back2stock { background-color: #8f0040; color: #fff600; } .footer-container { background-color: #f2f1ef; color: #373a36; } .footer-container a { color: #373a36; } .footer-container a:hover { color: #373a36 !important; } .header4_top_position { background-color: #fff3e3; } .header_logo a { color: #373a36; } .header_logo a:hover { color: #373a36 !important; } .point, .point2, .point_login{ border-color:transparent transparent #f2f1ef transparent; } .iframe_content, #IFrameBG { background-color: #f2f1ef; } .iframe_overlay, #BodyWrap iframe:not(.box_video iframe) { max-width: 900px !important; } .instockBG, .myaccount-border.instockBG { background-color: #ffffff; } .inSubBoxShow a:hover, .subBoxShowDetail .inSubBoxShow a:hover, .currency_option > li > span:hover, .inSubBoxShowImg >ul >li:hover { color: #373a36 !important; } .inSubBoxShow-demo:hover, .subBoxShowDetail .inSubBoxShow a:hover, .currency_option > li > span:hover, .inSubBoxShowImg >ul >li:hover { background-color: #e6e6e6; } .logo_image { max-width: 500px; } .logo_image_mobile { max-width: 330px; } .main-header, .top_menu .main-header, .currency_option, .header3 .header-container { background-color: #ffffff; } .main-header, .top_menu .main-header { color: #373a36; } .main-header a { color: #373a36; } .main-header a:hover { color: #373a36 !important; } .MainCountdown { background-color: #000000; color: #ffffff; } .menu_bg, #listLanguage { background-color: transparent; } .menu_bg { color: #373a36; } .menu_bg a, .header5 .menu_bg, .header2 .menu_bg a { color: #373a36; } .menu_bg a:hover, .header5 .menu_bg:hover, .header2 .menu_bg a:hover { color: #373a36 !important; } .menu_selected, .page_option > li > a:hover, .subcat_selected3 { background-color: #f9bb2b; } .menu_sidebar a, .more-text a { color: #000000; } .menu_sidebar a:hover, .more-text a:hover { color: #000000 !important; } .menu_sidebar { padding: 0px; } .notice_block { color: #ffffff; } .notice_block a { color: #ffffff; } .notice_block a:hover { color: #ffffff!important; } .notice_button2 { color: #ffffff!important; } .notice_icon { color: #fd8f2d; } .notice_menu { color: #262626; } .notice_menu a { color: #329c93; } .notice_menu a:hover { color: #329c93!important; } .overlay, .overlay-back, .product_details { background-color: #f7f6f2; } .overlaywidth { max-width: 1000px; } .productionBG, div.orderstatus_row:nth-child(even), .myaccount-border.productionBG, .product_option .product_option-row:nth-child(even) { background-color: #ffffff; } .product_display_slide { background-color: #ebebeb; color: #b429ff; border-color: #d7b7e8; } .product_img-border { border-width: 1px; } .product_img-border, .currency_option, .alt_video, .BoxMoreImg img, .BoxMoreImg video, .BoxMoreImg iframe, .base_border { border-color: #d6d6d6!important; } .SidebarMenu { background-color: transparent; } .sidemenu_header { background-color: transparent; color: #158c26; } .subBoxShowDetail a { color: #373a36!important; } .subTitle { color: #e2a829; } .surveyframe { border-color: #000000; border-width: 2px; } .TextBoxTime { color: #ffffff; } .top_menu { background-color: #e2a829; color: #000000; } .top_menu a { color: #000000; } .top_menu a:hover { color: #373a36 !important; } .use_highlight a, .use_highlight, a.use_highlight { color: #c79b34; } .use_highlight a:hover, .use_highlight:hover, a.use_highlight:hover { color: #ffffff !important; } .highlight_color, .myaccount-header.highlight_color { color: #aea8a5; } .Lineheight { line-height: 1.0em; } .ListPrefer, .detailOption_background { background-color: #f2f1ef; } .ListPrefer, .ListPrefer >div:not(:last-of-type) { border-color: #cccccc; } .myaccount-border { background-color: transparent; border-color: #d6d6d6; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .myaccount-header, .topheader, .moblieShowHeader { background-color: #e6e6e6; } .myaccount-header, .bottomheader, .topheader { color: #373a36; } .myaccount-header, .myaccount-body { padding: 10px; } .myaccount-subheader, .bottomheader { background-color: transparent; } .button, button, a.button:hover, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #e2a829; } .button:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #f9bb2b !important; } .button, button, a.button:hover, input[type="button"], input[type="reset"], input[type="submit"] { color: #ffffff; } .button:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #ffffff !important; } .button, button, a.button, input[type="button"], input[type="reset"], input[type="submit"] { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; border-color: #f9bb2b; } .display6, .display6:hover { background-color: transparent !important; color: #372e2c !important; } .display6_reverse, .display6_reverse:hover { background-color: #d0b87a !important; color: #372e2c !important; } .item-overlay { background-color: #e0e0e0; color: #ff0000; } .ordering_height { height: 23px; } .highlight_error { background-color: #ffc68c; } .notice_block { background-color: #0065b7; } .notice_button2, .notice_button2:hover { background-color: #0065b7!important; } .notice_menu { background-color: #fceac7; } .survey_page, .intro_survey, .surveyframe .overlay_content { background-color: #ffffff; } .survey_page, .intro_survey, .surveyframe .close_overlay { color: #000000; } @media (max-width: 768px) { .header4 .top_menu, .header4 .menu_link{background-color: #ffffff;} .header4 .top_menu, .header4 .menu_link{color: #373a36;} .top_menu input[type=checkbox]:checked ~ ul, .Language_area ul li ul, .header5 .top_menu-right input[type=checkbox]:checked ~ ul{background-color: transparent;} .top_menu input[type=checkbox]:checked ~ ul a, .top_menu input[type=checkbox]:checked ~ ul a:hover, .Language_area ul li ul a, .header5 .top_menu-right input[type=checkbox]:checked ~ ul a{color: #373a36;} .account-table >ul >li{border-color: #d6d6d6;} .account-table >ul >li{border-top-left-radius: 3px;} .account-table >ul >li{border-top-right-radius: 3px;} .account-table >ul >li{border-bottom-right-radius: 3px;} .account-table >ul >li{border-bottom-left-radius: 3px;} #returnreport .topheader, .bg-header-account{background-color: #e6e6e6;} #returnreport .topheader{color: #373a36;} #ff0000{color: #ff0000;} } 

/*---------- default slide plugin css ------------*/
 .ph-caption_Banner, .Cat-caption_Banner{ background-color: rgba(, , , 0.9); color:#000000; } .ph-block:hover .ph-caption_Banner, .Cat-block-text:hover a:hover, .Cat-block:hover .Cat-caption_Banner{ background-color: rgba(, , , 0.9); color:#000000; } .ph-block .ph-caption_Banner > div, .Cat-caption_Banner h4{ font-size:30px; font-family:0; text-align:center; font-weight:400; }.ph-fullblock .ph-caption_Banner{ background-color: rgba(, , , 0.3); } .ph-fullblock .ph-block:hover .ph-caption_Banner{ background-color: rgba(, , , 0.6); } .ph-caption_Banner, .Cat-cell .Cat-caption_Banner{ bottom: 2px !important; } 

/*---------- other slide plugin css ------------*/
 #Page18658 #ShowProduct-2-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-3-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-4-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page19154 #ShowProduct-9-1-1 .ph-caption_Banner{color: #e2a829;background-color: transparent;}#Page19154 #ShowProduct-9-1-1 .ph-block:hover .ph-caption_Banner{color: #e2a829;background-color: transparent;}#Page19154 #ShowProduct-9-1-1 .ph-caption_Banner > div{ font-size:20px;}#Page19188 #ShowProduct-3-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-4-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-5-1-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-1-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-1-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-2-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-3-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-4-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-3-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-4-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-5-2-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-2-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-2-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-2-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-2-3-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-3-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-3-3-1 .ph-caption_Banner > div{ font-size:30px;}#Page18658 #ShowProduct-4-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page18658 #ShowProduct-4-3-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-3-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-3-3-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-4-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-4-3-1 .ph-caption_Banner > div{ font-size:30px;}#Page19188 #ShowProduct-5-3-1 .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-3-1 .ph-block:hover .ph-caption_Banner{color: #666666;background-color: transparent;}#Page19188 #ShowProduct-5-3-1 .ph-caption_Banner > div{ font-size:30px;} 

/*---------- advance css ------------*/
 .cookiepolicypage .FooterBlock-1-2, .cookiepolicypage .FooterBlock-1-3, .cookiepolicypage #togglediv-2-2, .cookiepolicypage #togglediv-2-3, .cookiepolicypage .mobile_privacy{ display:none !important; } .cookiepolicypage #IDFooterRow-1 > div{ width: 33%; } .discount-price{ color:#e2a829; } .discount-price.LineThrough{ color:#a0a0a0; } .productlist_page_navigator-bottom{ font-size: unset; } .row h1.collection_info span, h1.main_box{color: #828282;} .product_area > div:not(.frame_wrap) > .product_wrap{border-top: 1px solid #ACACAC !important;} .cartTop .fa-shopping-cart > span{ background: #E2A829; } .BoxHeaderCoupon input[type="button"]{ font-size: 0.85em; padding: 5px 10px; } .product_page .collection_info{ word-break: break-word;} .product_page.table > .row{overflow: visible;} .text-italic{ font-style: normal; } .ordering_table{ margin: 0 0 15px 0 !important; } .product_img.product_img-border{ margin-top: 15px !important; } .product_img.pointer.product_img-border{ border-color: transparent !important; } .product_con{ padding: 0 5px !important; } .arrow-container{ width: 75px; height: 100px; margin: 0 auto; position: absolute; bottom: 0; right: 12%; } .arrow-1{ width: 80px; height: 80px; background: #F1948A; opacity: 0.5; border-radius: 50%; position: absolute; } .arrow-2{ width: 45px; height: 45px; background: #F1948A; border-radius: 50%; position: absolute; top: 17px; left: 17px; z-index: 1; display: table; } .arrow-2:before{ width: 42px; height: 42px; content: ""; border: 2px solid #a3574e; border-radius: 50%; position: absolute; top: 0; left: 0; } .arrow-2 i.fa{ font-size: 20px; display: table-cell; vertical-align: middle; text-align: center; color: #a3574e; } /* Custom Animate.css */ .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); } 50% { opacity: 0.5; } 100% { opacity: 0; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); } 50% { opacity: 0.5; } 100% { opacity: 0; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .cat2-Cat-productimg img{ border-radius: 40px; } .ContentMediaBox.contentimgD{ padding: 20px; } .NoticeContent .contentwidth{ max-width:1100px; } .notice_menu{ min-height: 55px; } .fade_area{z-index:18;} .swiper-slide img{width: 100% !important;} .table{ display: block; } .currency_option, .header3 .header-container { background-color: transparent; } .menu-box, .topaccount-bar{ background-color: #f7f6f2; } .content-box > div{ width: 100%; } input[type="button"], input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;} h1, .text-bold{ font-weight: 700 !important; } h2{font-weight: 400 !important;} h3{font-weight: 400 !important; font-style: italic !important;} h1, h2, h3, h4, h5, h6{ letter-spacing: normal; font-style: italic !important; } #RetailSearch > p:first-child{display: none;} #RetailSearch > button{vertical-align: top;font-size: 12px;} #Box2MyWishList .mini-button{ font-size: 15px; } #BtSend, #BtUpdatSend{ font-size: 15px; padding: 7px 20px; } .iframe_signin *{ font-size: 1.5rem !important; } .iframe_signin h1, .iframe_signin h1 *{ font-size: 2.5rem !important; } .alertbox{ font-size:15px; letter-spacing:0.2px; padding:20px; } .alertbox *{ font-size: 15px !important; } #DelightByDreamplay .fa-angle-left, #DelightByDreamplay .fa-angle-right{ color:#A9A9A9; } .NavMobile > form > div.HerderNav > div{ border-color: #CCCCCC !important; } .swiper-pagination-bullet-active{ background: #e2a829 !important; } .checkout_tem2 .order_box_main.instockBG{ margin-bottom: 30px; padding-bottom: 30px; padding-top: 10px; } .sitemap_header{ font-size:22px !important; } #SitemapPage{ max-width: 1000px; margin: 0 auto; } #SitemapPage a { line-height: 1.5em; font-size:15px !important; } #InformationContent{ max-width: 800px; margin: 0 auto; padding-left: 5%; } #DelightFooter{ padding: 40px 10px 25px 10px; } .dicount_price{ font-size: 17px; } .menu-box{ padding:20px 30px; } .show-cat{ width: 50% !important; } .top-menu.topleftmenu{ width: 50% !important; } .topleftmenu > ul { float: left; width: 50%; padding-right: 10px; padding-bottom: 20px; } #MainActivateNotice{ position: fixed; left: 0; right: 0; width: 100%; z-index:20; } .homepage_login form > div, .homepage_login form > p, .homepage_login .login_form > p{ font-size: 1.45rem; } .TopOfPage { max-width: 1300px; } .nav2show .active{ background:transparent; } .product_content .nav2show, .product_content .navHover h6{ font-size: 17px !important; } .navbox{ font-size: 17px; min-width: 200px; top:31px; } .activeTop{ top:30px !important; } .navHover > .product_img-border{background:#ffffff;} #LogMessg p.use_highlight:hover{ color: #c79b34 !important; } .cancel_button, .button.cancel_button:hover, .button_clear, .button.button_clear:hover, .button.Danger, .button.Danger:hover { background: #616161 !important; } .button_clear, .button.button_clear:hover { border: 2px solid #616161 !important; color: #ffffff; } .account3_header, .login_header{ line-height: 1.4em; } .ordering_page > div:first-child#ImageArea{ margin-top: -15px; } #ShowNavBox55 .SelectList, #ShowNavBox55 .SelectList ul:last-child{ max-width: 130px; padding: 5px 0; } #ShowNavBox55 .SelectList{ margin-left:5px; } #ShowNavBox55 .fa-lg { font-size: 1.2em !important; padding-top: 5px; } #IframeLogin, .iframe_content, #IFrameBG{ background: #F2F1EF; } #IframeOverlay{ max-width: 850px; } #Page18606 #HeaderText{ display:none; } #Page18606 #MainContentArea{ padding-top:10px; } .error_icon{ top: -40px; right: 2px; } #AccountMSG{ border-top:none; } .activate_page{ width: 50%; } .activate_page hr{ display:none; } .activate_page .page_section_name{ display: block; text-align: center; font-size: 40px !important; text-align: center; margin: 0 0 0.8em; padding-top: 30px; } .activate_page form > div { max-width: initial !important; } a.button{ text-decoration: none; } .checkout_tem2, .checkout2_completed{ max-width: 1000px; } .content_main{ max-width: 850px; } .myaccount-header.no_margin{ margin: 0 !important; padding: 5px; font-size: 17px; } .item-detail > form > div.option_box > div{ font-size: 16px; } .topicBox .reviews-display-block > p:first-child{ margin-top:0; } div:not(.hr2top) > .notoggleBtn{ margin-top:40px; } #fixLeft #ImageArea{ padding-top:30px; padding-right:30px; } #fixLeft #ContenerPic{ text-align:right !important; } #Page18756 .content-container > div, #Page18605 .content-container > div, #Page18658 .content-container > div, #Page18752 .content-container > div, #Page18613 .content-container > div{ margin-left:auto; margin-right:auto;} #Page18658 .tablewrapper{ padding:0 2px; } #Page18658 .ph-cell{ padding:0 3px 10px; min-width: auto !important; width: auto !important; } #Page18658 .ph-cell:last-child{ padding:0 3px 5px; } #mainheader .searchDestop{ border-radius:4px; height: 35px; } .show-nav-search .searchDestop{ padding-left: 10px; border: none; } .body_container:not(.fixslide_right) #ContentArea{ width:100%; max-width:100vw; float:right; padding-right: 20px; } .body_container.fixslide_right #ContentArea{ padding-left: 20px; } .product_list_page .product_area{ text-align:center; } .search_header, .mylist_page{ padding-top: 10px !important; } #Contact_table td{ border-top: 1px solid #d6d6d6; padding: 10px 15px; } #Contact_table{ border-bottom: 1px solid #d6d6d6; } #Contact_table2{ padding:0 15px; } .Sub-Main-box{ line-height: 1.6em; } .Option-Box input[type="checkbox"], .Option-Box input[type="radio"] { transform: scale(1.3); } .ordering_table p{ color:#AEA8A5; } #LoadingTime, #Page18657 #MainContentArea .footer-container{ display:none; } .body_container{ padding:0 !important;line-height:1.5em; } /* #Page18658 #MainActivateNotice{ z-index: 20000001; } #Page18658 #fadeArea2, #Page18658 #fadeArea{ z-index: 20000002; } #Page18658 #IframeOverlay{ z-index: 20000003; } #Page18658 .overlay{ z-index: 20000004; } .arrow-container{ z-index: 20000000; } */ #Page18658 #mainheader{ z-index: 1; } .frontpage_logo{ color:#ffffff; position: absolute; top:10%; right:20%; text-align: center; } .frontpage_right{position: absolute; bottom: 7%; right: 5%; max-width: 350px; text-align:right; color:#ffffff !important; } .frontpage_left{ line-height:1.5em; position: absolute; bottom: 13%; left: 5%; max-width: 250px; color:#000000 !important; } .page, .container.content-container { letter-spacing: 0.5px; } .more_details { font-size: 1.4em; line-height: 1.3em; } .chicken_track{ margin: 2em 0 1em; text-align:center; } .chicken_track, .chicken_track a, .chicken_track a:hover{ color:#AEA8A5 !important; font-size:11px !important; } .header_logo{ font-size:60px; } .Show_mastercate > ul>li .fa-sort-down:before{ color:#919191; } .subBoxShowDetail .subTitle{ text-align: center; border-bottom: 1px solid #d6d6d6 !important; text-transform: uppercase; } .header-fixed{ opacity:0.9; } .body_container:not(.fixslide_right) #mainheader{ float:right; width:70% !important; } #IDFooterRow-1{ max-width: 1100px; } .faq_block{ width: 60%;margin: 0 auto; } #ContentArea > div, #ContentArea > div > div{ margin-left: auto; margin-right: auto; } .custom_contact > div{ overflow:hidden; clear:both; padding:5px 20px; } .custom_contact > hr{ clear:both; } .contact_icon > span{ font-size: 25px; padding: 0 0 0 10px; } .custom_contact .floatright{ text-align:right; } .custom_contact2 .column{ padding-left:20px; padding-right:20px; } .custom_contact2 > div > p{ text-align:left; } .custom_contact2 > div > p:first-child{ font-size:26px; margin:20px 0; } .footer_row p{ text-align:left; } p.color_highlight, .color_highlight{ color:#E2A829; font-size:16px; margin:0; } .footer-container .contentwidth, .footer-container > *{ max-width: initial; } #FormName-12{ width: 96%; margin: 10px auto; } #FormName-12 > div > .emailform:first-child{ background-color:#FFFFFF; text-align: center; padding:10px 0; border-radius:2px; } #FormName-12 input[type="text"], #FormName-12 input[type="email"]{ border: none; border-bottom:1px solid #d6d6d6; padding: 0.8em 0; } #FormName-12 textarea { resize:none; margin-top:15px; border-radius:5px; } .fixslide .content-box > div{ margin: 0 auto; } .custom_aboutpage{ max-width: 333px; line-height: 1.5em; padding-left:10px; } .about_topic{ font-size: 20px; margin: 1.5em 0 1em; } .custom_aboutpage .about_topic:first-child{ margin: 0 0 1em; } .custom_about .color_highlight{ font-size:22px; line-height: 1.5em; } .custom_about h1{ text-align:center; } .custom_about { max-width:550px; } .custom_about > * { margin: 25px auto !important; } .product_page.cat_page{ margin-top:5px !important; } #MyAccountContent .topaccount_info > h1{ font-size:40px; } .custom_topic, .custom_about .custom_topic, .product_page .collection_info, .myaccount-header{ font-size:40px; padding:50px 20px 10px; margin:30px auto !important; text-align:center; line-height: 1.3em !important; } .myaccount-header{ margin-top:0 !important; padding: 30px 20px !important; } .product_page .collection_info{ text-align:center; line-height: 0.9em; margin: 5px auto 20px !important; width: 100%; float: right; font-style: italic; padding-top: 20px; } .product_page .collection_info, #RetailSearch{ width: 100%; max-width: 1300px; float: right; } .product_page .collection_info > span{ max-width: 1400px; } .confirm_header{ padding: 10px !important; font-size: 20px; margin-bottom: 0 !important; } #MyAccountContent{ margin: 20px auto 30px; padding-bottom:40px; } #MyAccountContent > div.column, #MyAccountContent form > div.column { width:100%; float:none; padding:0;} .page_section_name, .field_required, #Page18610 #ContentArea > hr{ display:none; } #Page18606 .padding-ten{ margin:0 auto; } #Page18606 .main_account .myaccount-border, #Page18607 .myaccount-border, #Page18614 .myaccount-border, .myaccount-border{ border:none; } .main_account ul{ list-style-type:none; padding-left:0; } .show_msg{ position: initial; } .myaccount-body{ max-width:850px; margin:0 auto; } .feedback_page .myaccount-header{ margin:0 !important; } .feedback_page .myaccount-body, .feedback_page form > div{ padding:0 !important;max-width:none; } .feedback_page #AddMessage{ border:none; } #MainSideMenu.fourth, .product_area .product_row_num, .menu_sidebar .fa-angle-right:before { display:none !important; } .cat_product_block a{ padding: 70px 15px; } .two-fourth.Cat-Display{ width:100%; text-align:center; } .Cat-cell .Cat-caption_Banner, .ph-halfblock .ph-caption_Banner{ min-height: 45px; width: 100%; bottom:0 !important; } #Page18658 .custom_row > div:not(#Shop-by-Category) .ph-caption_Banner, #Page18658 .custom_row > div:not(#Shop-by-Category) .ph-block:hover .ph-caption_Banner{ max-width: 300px; margin: 0 auto; left: 0; right: 0; bottom: 10px !important; } #Shop-by-Category .ph-block .ph-caption_Banner{ background:transparent !important; bottom: -40px !important; } #Shop-by-Category .ph-cell{ margin-bottom:70px; } .boxCateShow{ width:100% !important; } .inSubBoxShow >ul >li> a{ font-size:14px !important; } .Cat-Display:not(.mastercat_page) .Cat-cell{ display: block; margin-bottom: 30px; max-width: 500px; } .button.CheckoutB, .button.CheckoutB:hover, .button.Danger, .button.Danger:hover{ color:#fff !important; font-size: 0.8em; } .fixslide_right .cart_page .border{ border:none; } .cart_page #PrintArea1 .sixth{ text-align: center !important; } .cart_page header{ font-size:1em; } .ordering_page .page-right > form { width: 75%; float: right; } .back_link { margin-bottom: 50px !important; } #Page18617 .page_section_name{ display: block; background-color: #E6E6E6; padding: 55px 20px; text-align: center; line-height: 0.9em; margin: 20px 0; font-size: 40px !important; text-transform: capitalize; font-style: italic; } #Page18617 .page_section_name hr, #Page18617 #ContentArea > hr{ display:none; } .sidemenu_header{ color: #e2a829 !important; } #Page18965 .ph-cell{ padding: 2px 3px !important; } @media (max-width: 1500px) { .logo_slogan{ display:none; } } @media (max-width: 1280px) { #KissIcon{ float: none; max-width: 290px; max-height: 280px; } #Page19158 .DestopContentImg{ min-height: 340px; } .frontpage_logo{ top:2%; right:auto; left:0; } .frontpage_logo img{ width: auto; height: auto; } .fixslide_left{ display:none; } .fixslide_right, .fixslide_right .header-fixed{ width: 100%; } .FooterRow-1{ max-width: 1280px; } .logo_image{ max-width: 400px; } .body_container .header3 #mainheader{ padding: 20px 0 0 !important; width: 100% !important; } .product_page .collection_info{ padding: 40px 20px; } #MainSideMenu, .SidebarMenu, .product_content .nav2show, .product_content .navHover h6, .navbox, .search_page .nav2show{ font-size: 1.3rem !important; } #MainContentArea{ padding: 0 10px; } #Page18617 .body_container.fixslide_right #ContentArea{ padding-left: 0 !important; } #Page18617 .fixslide_left{display:none;} #Page18617 .fixslide_right, #Page18617 .fixslide_right .header-fixed{ width: 100%; } #MainProductArea{ padding-right:10px; } .product_list_page #ContentArea{ padding-left: 0 !important; padding-right: 0 !important; } .search_page, .search_header, .mylist_page{ padding:0 10px; } .fixslide_right .search_page, .fixslide_right .mylist_page, .fixslide_right #SearchHead, .fixslide_right #mulitiSearch, .fixslide_right .feedback_page, .fixslide_right .cart_page{ padding:0 15px; } .fixslide_right .information_page{ padding:0; } .fixslide_right .product_page >div > .two-fifth, .fixslide_right .mylist_page .two-fifth{ width: calc(100% - 220px) !important; } .fixslide_right #ProductLists-Page-Top > div{ width: 45%; } .fixslide_right .ProductLists-Page{ max-width: 650px; } .fixslide_right .content_main.inline_style{ max-width: 700px } } @media (max-width: 768px) { .mylist_page .NavMobile > form > div.nav_3filter_width > div{ width: 24%; } #Page18658 .ph-table { text-align: center !important; } .arrow-container{ bottom: 1%; right: 0; left: 0; height: 75px; } #IDRow-1{padding:0 !important;} #MobileFooter .customblock table:not(.mobile_privacy) tr{ width: 100% !important; padding-bottom: 10px; } #MobileFooter .customblock td{ display: inline-block !important; width: 23.5% !important; } #MobileFooter .customblock .mobile_privacy td{ width: auto !important; } .mobile_privacy a{ text-decoration:underline !important; } #InformationContent{ padding-left:5px; } .main_account .login_layer{ padding:0 10px; } .myaccount-footer .button{ min-width: 115px !important; } h1{ line-height: normal; } h1, .custom_topic, .custom_about .custom_topic, .product_page .collection_info, .myaccount-header{ font-size:32px; } h2{ font-size:28px; } h3{ font-size:26px; } h4{ font-size:20px; } h5, h6, .container.content-container{ font-size:18px; } .order3table >ul >li, .topicBox .reviews-display-block{ font-size:17px; } .body_container #ContentArea{ padding-left: 0 !important; padding-right: 0 !important; } .order_box_main{padding:0 10px;} .onmobile .close_overlay{ background: transparent; } .onmobile .overlay{ height: inherit !important; } .onmobile .overlay_content{ padding:35px 10px 10px; } .account-box a{ font-size:20px; } #HeaderText{ display:none; } .product_page .swiper-wrapper > .swiper-slide img, .search_page .swiper-wrapper > .swiper-slide img, .mylist_page .swiper-wrapper > .swiper-slide img{ min-width: 100% !important; } #IFrameHeight.iframe_signin { padding: 10px 20px !important; } .checkout2_completed h1{ margin-bottom: 1em !important; } .footer-container > *{ font-size: 18px !important; margin: 1.2rem 0; } .order3table >ul >li, .order3table >ul >li:first-of-type { white-space: break-spaces; } .swiper-button-next.fa:before, .swiper-button-prev.fa:before{ font-size: 1.2em; } .subSidenav strong { font-weight: 100 !important; } .sidenav a{ background-color:#f7f7f7; } .sidenav > .topSideNav { background-color: #E6E6E6 !important; } .sidenav > .bottomSideNav > span, .sidenav > .bottomSideNav > div:first-of-type{ background-color: #505050 !important; color: #FFFFFF !important; } .sidenav > a:first-of-type, .ConfigSideNav{ margin-top: 60px !important; } .footer_row:first-of-type{ padding-left: 3rem; padding-right: 3rem; } .show-cat ul > li, .topleftmenu> ul > li, .show-cat .color_highlight{ font-size: 18px !important; margin: 1.2rem 0; } .footer_row .fab{ font-size: 28px !important; } .show-cat, .top-menu.topleftmenu, .topleftmenu > ul{ width: 100% !important; } #socialcell-2{ margin-bottom: 25px; } #socialcell-2 td{ display:table-cell !important; width:auto !important; min-width: 60px; line-height: 2em; padding-bottom: 10px; } .login_form{ padding-bottom:20px; } .button, button, input[type="button"], input[type="submit"], input[type="reset"]{ line-height: 1.5em !important; } input[type="text"], input[type="password"] { border-radius: 0; } #MainProductArea, .mylist_page section.column.two-fifth, .search_page section.column.two-fifth{ width: 100%; } #Contact_table td, #Contact_table2 td{ text-align:center !important; } #Page18658{ overflow: auto; } .frontpage_right{ max-width: 90%; bottom: auto; top: 50%; max-height:100%; } .frontpage_logo{ max-width: 220px; left: 25px; } .faq_block{ width: 85%; } .FooterRow-1{ padding-left: 20px; padding-right: 20px; } .footer-container{ width: 95%; margin: 0 auto; } .custom_contact2 .half { margin-bottom: 50px; } #Shop-by-Category .ph-cell { width: 49%; } #Shop-by-Category .ph-block .ph-caption_Banner{ bottom:-40px !important; } .mobile_center{ text-align:center !important; } .onmobile #BodyWrap{ margin-bottom:0; } .Sub-Main-box{ padding: 0 20px; } .product_page.table{ display:table; } .product_page .collection_info{ line-height:1.3em; padding:0; margin:0 !important; } .body_container:not(.fixslide_right) #mainheader{ width: 100% !important; } .logo_image{ width: 85% !important; padding-right: 40px; } .menu-box .logo-center{ text-align:left; } .SidebarMenu label.buttonSide:before {top:4px;font-size: 2.5em;} .search_page .SidebarMenu{ width: auto; } } .leftslide-padding{ padding:5%; } .DetailTwo > .notice_font.notice_text.inline_block > span > span { white-space: break-spaces; } #link_needhelp { margin: 0 1rem; } @media (min-width: 900px) { .DetailTwo { line-height: 1.8em; max-width: 950px; width: max-content !important; padding-right: 30px; } } @media (min-width: 1450px) { .leftslide-padding{ padding:15%; } } @media (min-width: 1281px) { .arrow-container{ bottom: 5%; right: 13%; } .TopOfPage{ max-width: 1264px; } .FooterRow-1, div:not(.product_list_page) .body_container:not(.fixslide_right) #MainContentArea{ float: right; width: 70% !important; max-width: 1300px !important; } .FooterRow-1{ width: 100% !important; } #BodyWrap.product_list_page #ContentArea{ width:100% !important; max-width: 1700px !important; float:right !important; padding-right: 20px !important; } } @media (min-width: 770px) { .product_page{ overflow: hidden; } #LeftSlideArea .swiper-pagination{bottom: 35px !important;} } @media (min-width: 768px){ .nav2show > form >ul >li{padding-right:5px !important;} } @media (max-width: 768px){ #MainProductArea{ padding-right: 0; } .main-header, .currency_option, .header3 .header-container { background-color: #f7f6f2; } } @media (max-width: 1300px){ .item-detail{ width:50% !important; float:right !important; } #Page18756 .customblock.span4{} } 

/*---------- custom block css ------------*/
 #Page18605 .Row-1 { max-width:600px; border-style:none; } #Page18605 .Row-2 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; margin-top:10px; margin-bottom:10px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; width: 100%; padding-left:10px; padding-right:10px; } #Page18605 .Row-3 { max-width:600px; border-style:none; padding-top:30px; padding-bottom:50px; } #Page18605 #DelightByDreamplay { border-style:none; } #Page18605 .Row-4 { border-style:none; margin-bottom:20px; } #Page18605 .Row-5 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page18605 .Row-6 { max-width:600px; border-style:none; padding-top:30px; margin-bottom:20px; } #Page18613 .Row-1 { max-width:620px; border-style:none; padding-top:20px; padding-bottom:30px; } #Page18658 .Row-1 { border-style:none; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px; } #Page18658 .Block-1-1 { max-width:500px; border-style:none; } #Page18658 .Row-2 { border-style:none; } #Page18658 .Block-2-1 { width:25%; border-style:none; } #Page18658 .Block-2-2 { width:50%; border-style:none; } #Page18658 .Block-2-3 { width:25%; border-style:none; } #Page18658 .Row-3 { border-style:none; } #Page18658 .Block-3-1 { width:50%; border-style:none; } #Page18658 .Block-3-2 { width:25%; border-style:none; } #Page18658 .Block-3-3 { width:25%; border-style:none; } #Page18658 .Row-4 { border-style:none; } #Page18658 .Block-4-1 { width:50%; border-style:none; } #Page18658 .Block-4-2 { width:25%; border-style:none; } #Page18658 .Block-4-3 { width:25%; border-style:none; } #Page18718 #DelightFooter { max-width:1100px; margin-left:auto !important; margin-right:auto !important;border-style:none; } .customblock.FooterBlock-1-1 { width:24%; border-style:none; } .customblock.FooterBlock-1-2 { width:16%; border-style:none; } .customblock.FooterBlock-1-3 { width:22%; border-style:none; } #Page18718 #socialcell-2 { width:16%; border-style:none; } .customblock.FooterBlock-1-5 { width:18%; border-style:none; } #Page18718 #MobileFooter { border-style:none; } .customblock.FooterBlock-2-1 { border-style:none; } #Page18752 .Row-1 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; margin-top:20px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page18752 .Row-2 { max-width:800px; border-style:none; margin-top:30px; margin-bottom:30px; } #Page18752 .Row-3 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page18752 .Row-4 { max-width:800px; border-style:none; margin-top:30px; margin-bottom:30px; } #Page18752 .Row-5 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page18752 .Row-6 { max-width:800px; border-style:none; margin-top:30px; margin-bottom:30px; } #Page18752 .Row-7 { border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page18752 .Row-8 { max-width:800px; border-style:none; margin-top:30px; margin-bottom:50px; } #Page18757 .Row-1 { border-style:none; } #Page18757 .Block-2-1 { max-width:550px; border-style:none; } #Page18757 .Row-3 { border-style:none; margin-bottom:50px; } #Page19151 .Row-2 { max-width:1200px; border-style:none; margin-top:50px; margin-bottom:30px; margin-left: auto; margin-right: auto; } #Page19154 .Row-1 { border-style:none; background-image: url(https://www.delight.com/images/common/bgimage-18747-1-0.jpg);background-size: cover;background-position: top; } #Page19154 .Row-2 { border-style:none; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px; } #Page19154 .Block-2-1 { max-width:500px; border-style:none; } #Page19154 .Row-3 { border-style:none; } #Page19154 .Block-3-1 { width:25%; border-style:none; } #Page19154 .Block-3-2 { width:50%; border-style:none; } #Page19154 .Block-3-3 { width:25%; border-style:none; } #Page19154 .Row-4 { border-style:none; } #Page19154 .Block-4-1 { width:50%; border-style:none; } #Page19154 .Block-4-2 { width:25%; border-style:none; } #Page19154 .Block-4-3 { width:25%; border-style:none; } #Page19154 .Row-5 { border-style:none; } #Page19154 .Block-5-1 { width:25%; border-style:none; } #Page19154 .Block-5-2 { width:25%; border-style:none; } #Page19154 .Block-5-3 { width:50%; border-style:none; } #Page19154 .Row-6 { border-style:none; background-color:#e6e6e6; padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px; } #Page19154 .Block-6-1 { border-style:none; } #Page19154 .Block-6-2 { border-style:none; padding-left:25px; padding-right:10px; padding-top:80px; } #Page19154 .Row-7 { border-style:none; padding-top:50px; padding-bottom:30px; } #Page19154 .Row-8 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page19154 .Row-9 { border-style:none; margin-top:20px; margin-bottom:30px; } #Page19154 .Block-9-1 { border-style:none; } #Page19154 .Row-10 { max-width:1300px; border-style:none; background-color:#e6e6e6; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:50px; width: calc(100% - 60px); margin-left:30px; margin-right:30px; } #Page19154 .Row-11 { max-width:850px; margin-left:auto !important; margin-right:auto !important;border-style:none; margin-top:70px; margin-bottom:50px; } #Page19154 .Block-11-1 { border-style:none; padding-left:10px; padding-right:10px; width: calc(50% - 20px); margin-right:20px; } #Page19154 .Block-11-2 { border-style:none; padding-left:10px; padding-right:10px; width: calc(50% - 20px); margin-left:20px; } #Page19154 .Row-12 { max-width:850px; margin-left:auto !important; margin-right:auto !important;border-style:none; margin-bottom:50px; } #Page19154 .Block-12-1 { border-style:none; padding-left:10px; padding-right:10px; width: calc(50% - 20px); margin-right:20px; } #Page19154 .Block-12-2 { border-style:none; padding-left:10px; padding-right:20px; width: calc(50% - 20px); margin-left:20px; } #Page19157 .Row-2 { max-width:1200px; border-style:none; margin-top:50px; margin-bottom:30px; margin-left: auto; margin-right: auto; } #Page19157 .Row-3 { border-style:none; padding-top:80px; } #Page19157 .Row-4 { border-style:none; padding-top:50px; padding-bottom:100px; } #Page19162 .Row-2 { max-width:1200px; border-style:none; margin-top:50px; margin-bottom:30px; margin-left: auto; margin-right: auto; } #Page19162 .Row-3 { border-style:none; padding-top:80px; } #Page19162 .Row-4 { border-style:none; padding-top:50px; padding-bottom:100px; } #Page19188 .Row-1 { border-style:none; background-image: url(https://www.delight.com/images/common/bgimage-18658-1-0.11);background-size: cover;background-position: top; } #Page19188 .Row-2 { border-style:none; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px; } #Page19188 .Block-2-1 { max-width:500px; border-style:none; } #Page19188 .Row-3 { border-style:none; } #Page19188 .Block-3-1 { width:25%; border-style:none; } #Page19188 .Block-3-2 { width:50%; border-style:none; } #Page19188 .Block-3-3 { width:25%; border-style:none; } #Page19188 .Row-4 { border-style:none; } #Page19188 .Block-4-1 { width:50%; border-style:none; } #Page19188 .Block-4-2 { width:25%; border-style:none; } #Page19188 .Block-4-3 { width:25%; border-style:none; } #Page19188 .Row-5 { border-style:none; } #Page19188 .Block-5-1 { width:50%; border-style:none; } #Page19188 .Block-5-2 { width:25%; border-style:none; } #Page19188 .Block-5-3 { width:25%; border-style:none; } @media (max-width: 768px) { #Page18605 .Row-5 { width: 100%; padding-left:10px; padding-right:10px; } .customblock.FooterBlock-1-1 { padding-top:20px; } .customblock.FooterBlock-1-5 { margin-top:40px; } #Page18752 .Row-1 { width: 100%; padding-left:10px; padding-right:10px; } #Page18752 .Row-3 { width: 100%; padding-left:10px; padding-right:10px; } #Page18752 .Row-5 { width: 100%; padding-left:10px; padding-right:10px; } #Page18752 .Row-7 { width: 100%; padding-left: 5px; padding-right: 5px; } }:root { --mobile-columns: 2; --columns: 3; }
</style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">	<script src="/js/jquery-2.1.1.min.v1772616465.js"></script>
	<script src="/js/swiper.min.js"></script>
    
    <script>
    // Define dataLayer and the gtag function.
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
 
    // Set default consent to 'granted' as a placeholder 
    // Determine actual values based on your own requirements
        gtag('consent', 'default', {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied',
        'personalization_storage': 'denied'
    });
    window.uetq = window.uetq || [];
    window.uetq.push('consent', 'default', { 
        'ad_storage': 'denied'
    });
    </script>
    
            <!-- Google Tag Manager - Google Analytics -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WL836GZ');

            var GoogleAnalytics=1;
            var GoogleTagManager=1;
            window.dataLayer = window.dataLayer || [];
            dataLayer.push({ ecommerce: null });
                    </script>
        <!-- End Google Tag Manager -->
                    <!-- Piwik -->
            <script type="text/javascript">
                var _paq = _paq || [];
                                _paq.push(['trackPageView']);
                _paq.push(['enableLinkTracking']);
                (function() {
                    var u="//admin.dynamicode.com/TrafficStats/";
                    _paq.push(['setTrackerUrl', u+'matomo.php']);
                    _paq.push(['setSiteId', '8']);
                    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                    g.type='text/javascript'; g.async=false; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
                })();
            </script>
            <!-- End Piwik Code -->
        <!--Start of Zendesk Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){
z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='https://v2.zopim.com/?5PmneKiK9hd0wFKvkfrLdBdjXT9TM8Zi';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');

$zopim(function() {
    $zopim.livechat.theme.setColor('#E4a727');
    $zopim.livechat.theme.reload();
    $zopim.livechat.window.setTitle('Delight VIP Concierge');
  });
</script>
<!--End of Zendesk Chat Script-->    </head>

    <body id="Page18658">
        <!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WL836GZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->         <div id="BodyWrap" class="page">
            <div id="OverlayArea">
                <div id="IframeOverlay" class="iframe_overlay body_container" style="display:none;">
                    <iframe id="IframeLogin" src="about:blank"></iframe>
                </div>
                <div id="fadeArea2" class="fade_area"></div>
            </div>

            <div id="LeftSlideArea" class="fixslide fixslide_left mobile-hidden"><div class="swiper-wrapper"><div class="swiper-slide"><div class="FullContentSlide"><a href="https://www.delight.com/bysforza/" class="ImgSlide" style="background-image:url(/images/common/media-2723.jpg);"></a></div></div><div class="swiper-slide"><div class="FullContentSlide"><a href="https://www.delight.com/product/delight-designers/adiore/handmade-jewelry/" class="ImgSlide" style="background-image:url(/images/common/media-2747.jpg);"></a></div></div><div class="swiper-slide"><div class="FullContentSlide"><a href="https://www.delight.com/product/delight-designers/sparkle-by-7k/swarovski-jewelry/" class="ImgSlide" style="background-image:url(/images/common/media-2754.jpg);"></a></div></div></div><div class="swiper-pagination"></div></div>            <link rel="stylesheet" href="/css/swiper.min.css">
            <script src="https://unpkg.com/swiper@6.4.1/swiper-bundle.min.js"></script>
            <style type="text/css">
                .FullContentSlide{
                    position: relative;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                }

                .ImgSlide{
                    position: absolute;
                    /*                width: 100%;*/
                    /*                height: 100%;*/
                    z-index: 2;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }
                .ContentSlide{
                    position: absolute;
                    z-index: 3;
                    width: 100%;
                    text-align: left;
                }
            </style>
            <script type="text/javascript">
                window.addEventListener('load', function() {
                    setTimeout(function(){
                        var swiper = new Swiper('.fixslide',{
                            effect: 'fade',
                            speed: 1500,
                            autoplay: {
                                delay: 3000,
                                disableOnInteraction: false
                            },
                            loop: true,
                            pagination: {
                                el: '.fixslide .swiper-pagination',
                                clickable: true,
                            }
                        });
                        }, 1000);
                })
            </script>
                <div id="PageTop" class="body_container fixslide_right">
                <div id="MainActivateNotice"></div>                <div id="cartTop" class="cartTop mobile-hidden"><a href="https://www.delight.com/cart" id="cartTopLink"><div class="fa fa-shopping-cart"><span class="main-header" id="AllCartShow-cartTop">0</span></div></a></div>

                <!-- to show message after add to cart -->
                <div id="show_message2" class="show_message">&nbsp;</div>
                                    <!-- Start Header and Menu -->
                    <div id="MainHeaderArea" class="">
                        <input type="hidden" id="fixLoadCSS" value="/css/alllayouts.v1772616465.css">
<input id="iconMenu" type="checkbox" onclick="javascript:freezeBody(this);">
<input type="checkbox" style="display: none;" id="topmenu" name="checkboxGroup" onclick="javascript:if(this.checked){ OpenMenu(1);  }else{ OpenMenu(0);  }">
<input type="checkbox" style="display: none;" id="account" onclick="javascript:if(this.checked){document.body.className='mobilefreeze';}else{document.body.classList.remove('mobilefreeze');};">
<header class="header3 containerHead ">
    <div id="HeaderFix" class="header-container">
        <div class="opacity-box">
        </div>
        
        <div id="mainheader" class="main-header">
            <div class="contentwidth">
                <div class="logo-center menu_bg">

                    <div class="logo_desktop" style="display:block"><a href="https://www.delight.com/"><img src="/img/Logo-13.png" alt="Company Logo" title="Shop wholesale jewelry at delight.com" class="logo_image"></a>
</div><h3 class="logo_slogan"><i>A Marketplace Dedicated to Delighting You</i></h3>                </div>
                <div class="menu-bar pointer" onmouseover="javascript:document.getElementById('HeaderFix').className='header-container header-fixed showblock'; setMargin4Box(0);menuBox(1);" onmouseout="javascript:document.getElementById('HeaderFix').className='header-container header-fixed'; setMargin4Box(0);menuBox(0);">
                    <label for="iconMenu"><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span class="txtMenu">Menu</span></label>
                </div>

                <nav id="menu-top" class="nav-menu menu_bg">
                    <div>
                        <ul style="position: relative;">
                            <li class="icon_area search_area">
                                <label for="boxSearch"><span class="search-label"></span></label>
                                <input type="checkbox" id="boxSearch" onclick="javascript:document.getElementById('searchDestop').focus();">
                                <div class="box_search_area">
                                    <form name="search_form" method="post" action="/search" id="SearchBox">
                                        <input type="hidden" id="SearchAtHeader" name="q" value="">
                                        <input type="hidden" name="ResultType" value="broad">

                                        <span class="search-label" onclick="javascript:ManageSearch('', 'searchDestop');"></span>
                                        <input type="text" id="searchDestop" onkeydown="javascript:if(event.keyCode == 13){ManageSearch('', 'searchDestop'); }" value="" placeholder="Search..." class="searchDestop">
                                    </form>
                                    <label for="boxSearch" class="close_search"><span class="fa fa-times" style="font-size:25px;"></span></label>
                                </div>
                            </li>
                            <li class="icon_area account-link">
                                <a href="https://www.delight.com/signin" class="account_link"></a>
                                                            </li>
                            <li class="icon_area">
                                <a href="javascript:void(0);" onclick="javascript:if(document.getElementById('AllWishListItem').innerHTML==0){alert('You have no item in Wish List'); return false;}else{LinkToPage('https://www.delight.com/mylists/wishlist');}" id="MyListLink">
                                    <span><img src="images/star.v1.png" class="star-icon-header" alt="star" border="0"></span><span id="AllWishListItem"></span></a>
                                <input type="hidden" id="WishlistPageURL" value="https://www.delight.com/mylists/wishlist">
                            </li>
                            <li class="icon_area">
                                <a href="javascript:void(0);" onclick="javascript:LinkToPage('https://www.delight.com/cart');">
                                    <span class="fal fa-shopping-basket"></span> <span class="cart-number">0</span></a>
                            </li>
                                                    </ul>
                    </div>
                </nav>
            </div>
        </div>

        <div class="menu-box main-header" onmouseover="javascript:menuBox(1);" onmouseout="javascript:menuBox(0);">
            <div class="close-box top_menu"><label for="iconMenu"><span class="icon_close"></span><span class="txtMenu">Close</span></label></div>
            <div class="menu_content">
                <div class="logo-center menu_bg">
                    <div class="logo_desktop" style="display:block"><a href="https://www.delight.com/"><img src="/img/Logo-13.png" alt="Company Logo" title="Shop wholesale jewelry at delight.com" class="logo_image"></a>
</div><span class="logo_slogan"><i>A Marketplace Dedicated to Delighting You</i></span>                </div>
                <p class="show-nav-search mobile-hidden">
                    <input type="text" id="SearchInLayer" onkeydown="javascript:if(event.keyCode == 13){ ManageSearch('', 'SearchInLayer'); }" value="" placeholder="Search..." class="searchDestop" style="padding-left:10px;">
                </p>

                <div class="show-nav">
                    <nav class="nav-menu-mobile">
                        <ul>
                            <li class="icon_area search_area">
                                <label for="boxSearchMobile"><span class="search-label"></span></label>
                                <input type="checkbox" id="boxSearchMobile" onclick="javascript:document.getElementById('searchDestop').focus();">
                                <div class="box_search_area_mobile">
                                    <input type="text" id="SearchInLayerMobile" onkeydown="javascript:if(event.keyCode == 13){ ManageSearch('', 'SearchInLayerMobile'); }" value="" placeholder="Search..." class="searchDestop" style="padding-left:10px;">

                                    <label for="boxSearchMobile"><span class="fa fa-times" style="font-size:25px;"></span></label>
                                </div>
                            </li>
                            <li class="icon_area">
                                <a href="javascript:void(0);" onclick="javascript:if(document.getElementById('AllWishListItemMobile').innerHTML==0){alert('You have no item in Wish List'); return false;}else{LinkToPage('https://www.delight.com/mylists/wishlist');}" id="MyListLink">
                                    <span><img src="images/star.v1.png" class="star-icon-header" alt="star" border="0"></span><span id="AllWishListItemMobile"></span></a>
                                <input type="hidden" id="WishlistPageURL" value="https://www.delight.com/mylists/wishlist">
                            </li>
                            <li class="icon_area">
                                <a href="javascript:void(0);" onclick="javascript:LinkToPage('https://www.delight.com/cart');">
                                    <span class="fal fa-shopping-basket"></span> <span class="cart-number">0</span></a>
                            </li>
                                                    </ul>
                    </nav>
                    <div class="account-box">
                        <ul>
                            <li class="menu_acc"><a href="https://www.delight.com/signin" class="account_link">Log In</a></li>                        </ul>
                    </div>
                    <nav class="show-cat">
                        <div>
                            <ul style="list-style-image:none;list-style-position:outside;list-style-type:none;">

                                <li class="show-cat-moblie"><input type="checkbox" id="checkShow0"><label for="checkShow0"><h4 class="head-text"><span class="fa fa-plus"> </span>Delight Offers</h4></label> <h4 onclick="javascript:location.href='https://www.delight.com/category/delight-offers';" class="head-text mobile-hidden pointer">Delight Offers</h4><ul style="list-style-image:none;list-style-position:outside;list-style-type:none;"><li><a href="https://www.delight.com/product/delight-offers/especially-for-you/irresistables">Lotus Jewelry 30% to 50% Off</a></li></ul></li>
						<li class="show-cat-moblie"><input type="checkbox" id="checkShow1"><label for="checkShow1"><h4 class="head-text"><span class="fa fa-plus"> </span>Delight Designers</h4></label> <h4 onclick="javascript:location.href='https://www.delight.com/category/delight-designers';" class="head-text mobile-hidden pointer">Delight Designers</h4><ul style="list-style-image:none;list-style-position:outside;list-style-type:none;"><li><a href="https://www.delight.com/product/delight-designers/kiss-my-jewel/jewelry-magic">Kiss My Jewel</a></li><li><a href="https://www.delight.com/product/delight-designers/sparkle-by-7k/swarovski-jewelry">Sparkle by 7K</a></li><li><a href="https://www.delight.com/product/delight-designers/adiore/handmade-jewelry">ADIORE</a></li><li><a href="https://www.delight.com/product/delight-designers/la-preciada/gemstones-jewelry">La Preciada</a></li><li><input type="checkbox" style="display:none;" id="checkShowSubcat420"><label for="checkShowSubcat420"><span class="fa fa-plus"></span> bySforza</label> <a href="https://www.delight.com/product/delight-designers/bysforza/circle-of-life" class="mobile-hidden">bySforza</a><ul><li><a href="https://www.delight.com/product/delight-designers/bysforza/circle-of-life">Circle Of Life</a></li><li><a href="https://www.delight.com/product/delight-designers/bysforza/bamboo">Bamboo</a></li><li><a href="https://www.delight.com/product/delight-designers/bysforza/gocce-preziose">Precious Charms</a></li><li><a href="https://www.delight.com/product/delight-designers/bysforza/engagment-rings">Engagment Rings</a></li><li><a href="https://www.delight.com/product/delight-designers/bysforza/fuga-nella-natura">Fuga Nella Natura</a></li></ul></li></ul></li>
						
                            </ul>
                        </div>
                    </nav>
                    <nav class="top-menu topleftmenu">
                        <ul><li class="head-text"><h4 class="head-text">Info & Support</h4></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Welcome to Delight"pointer ><span class="nameAcc">Welcome to Delight</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Delight Guarantees & Return Policy"pointer ><span class="nameAcc">Delight Guarantees & Return Policy</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Payments, Shipping and Duties"pointer ><span class="nameAcc">Payments, Shipping and Duties</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Ring Size"pointer ><span class="nameAcc">Ring Size</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Bracelet Size"pointer ><span class="nameAcc">Bracelet Size</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Chain Lengths"pointer ><span class="nameAcc">Chain Lengths</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="How to care for your jewelry"pointer ><span class="nameAcc">How to care for your jewelry</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Glossary (Jewelry)"pointer ><span class="nameAcc">Glossary (Jewelry)</span></a></li></ul><ul><li class="head-text mobile-hidden"><h4 class="head-text">Account</h4></li><li class="mobile-hidden"><a href="https://www.delight.com/signin" class="mobile-hidden" aria-label="Sign In"pointer ><span class="nameAcc">Sign In</span></a></li><li class="mobile-hidden"><a href="https://www.delight.com/mylists/wishlist" class="mobile-hidden" aria-label="Wish List"pointer ><span class="nameAcc">Wish List</span></a></li><li class="head-text"><h4 class="head-text">Contact</h4></li><li class=""><a href="https://www.delight.com/contact" class="" aria-label="+66 98 942 9692<br>Contact Delight.com"pointer ><span class="nameAcc">+66 98 942 9692<br>Contact Delight.com</span></a></li><li class="head-text"><h4 class="head-text">About</h4></li><li class=""><a href="https://www.delight.com/about_us" class="" aria-label="About Delight.com"pointer ><span class="nameAcc">About Delight.com</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Next Holiday"pointer ><span class="nameAcc">Next Holiday</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Online Security"pointer ><span class="nameAcc">Online Security</span></a></li><li class="head-text"><h4 class="head-text">Legal</h4></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Privacy Policy"pointer ><span class="nameAcc">Privacy Policy</span></a></li><li class=""><a href="https://www.delight.com/" class="" aria-label="Terms of Use"pointer ><span class="nameAcc">Terms of Use</span></a></li></ul>                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
                    </div>
                    <div id="CartFrameWrap" style="position:relative;"></div>
                    <!-- End Header and Menu -->
                
                <!-- Start Content -->
                <div class="container content-container" id="MainContentArea">
                    <div class="Row-1 clearboth"><div id="IDRow-1" class="custom_row contentwidth"><div class="customblock span12 Block-1-1"><div class="clearboth mobile-visible"><div>
<p style="text-align: center;"><span style="color:#666666;">Delight is a marketplace dedicated to delighting you with fabulous products and irresistible offers.</span></p>
</div></div></div></div></div><div class="Row-2 clearboth"><div id="IDRow-2" class="custom_row contentwidth"><div class="customblock span4 Block-2-1"><div class="clearboth"><style> #ShowProduct-2-1-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-2-1-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-2-1-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-2-1-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-2-1-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-2-1-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-2-1-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-2-1-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-2-1-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-2-1-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-2-1-1" value="47"><input type="hidden" name="InBlock" id="InBlock-2-1-1" value="1"><input type="hidden" class="SpeedTrans" name="SpeedTrans-2-1-1" id="SpeedTrans-2-1-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-2-1-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2035" onclick="location.href='https://www.delight.com/product/delight-designers/la-preciada/gemstones-jewelry';"><a href="https://www.delight.com/product/delight-designers/la-preciada/gemstones-jewelry" aria-label="La Preciada"><img src="/img/product-bg.png" data-url="/images/common/media-2818-3/Preciada.jpg" width="320" height="312"  alt="La Preciada" fetchpriority="high"></a></div></div></div>
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2036" onclick="location.href='https://www.delight.com/product/delight-designers/kiss-my-jewel/jewelry-magic';"><a href="https://www.delight.com/product/delight-designers/kiss-my-jewel/jewelry-magic" aria-label="Kiss My Jewel"><img src="/img/product-bg.png" data-url="/images/common/media-2819-3/Kiss-Jewel.jpg" width="320" height="312"  alt="Kiss My Jewel" fetchpriority="high"></a></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-2-1-1" style="display:none;"></div></div></div></div><div class="customblock span4 Block-2-2"><div class="clearboth"><style> #ShowProduct-2-2-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-2-2-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-2-2-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-2-2-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-2-2-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-2-2-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-2-2-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-2-2-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-2-2-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-2-2-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-2-2-1" value="48"><input type="hidden" name="InBlock" id="InBlock-2-2-1" value="2"><input type="hidden" class="SpeedTrans" name="SpeedTrans-2-2-1" id="SpeedTrans-2-2-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-2-2-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2034" onclick="location.href='https://www.delight.com/product/delight-designers/adiore/handmade-jewelry';"><a href="https://www.delight.com/product/delight-designers/adiore/handmade-jewelry" aria-label="ADIORE JEWELS"><img src="/img/product-bg.png" data-url="/images/common/media-2450-8/Adiore-Jewels.jpg" width="650" height="634"  alt="ADIORE JEWELS" fetchpriority="high"></a></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-2-2-1" style="display:none;"></div></div></div></div><div class="customblock span4 Block-2-3"><div class="clearboth"><style> #ShowProduct-2-3-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-2-3-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-2-3-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-2-3-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-2-3-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-2-3-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-2-3-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-2-3-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-2-3-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-2-3-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-2-3-1" value="49"><input type="hidden" name="InBlock" id="InBlock-2-3-1" value="3"><input type="hidden" class="SpeedTrans" name="SpeedTrans-2-3-1" id="SpeedTrans-2-3-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-2-3-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2037" onclick="location.href='https://www.delight.com/product/delight-designers/sparkle-by-7k/swarovski-jewelry';"><a href="https://www.delight.com/product/delight-designers/sparkle-by-7k/swarovski-jewelry" aria-label="Sparkle by 7K"><img src="/img/product-bg.png" data-url="/images/common/media-2451-5/Sparkle.jpg" width="320" height="312"  alt="Sparkle by 7K" fetchpriority="high"></a></div></div></div>
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2025" onclick="location.href='https://www.delight.com/product/delight-offers/especially-for-you/irresistables';"><a href="https://www.delight.com/product/delight-offers/especially-for-you/irresistables" aria-label="Lotus Jewelry 30%-50% OFF"><img src="/img/product-bg.png" data-url="/images/common/media-2452-5/Lotus-Jewelry-Off.jpg" width="320" height="312"  alt="Lotus Jewelry 30%-50% OFF" fetchpriority="high"></a></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-2-3-1" style="display:none;"></div></div></div></div></div></div><div class="Row-3 clearboth"><div id="IDRow-3" class="custom_row contentwidth"><div class="customblock span4 Block-3-1"><div class="clearboth"><style> #ShowProduct-3-1-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-3-1-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-3-1-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-3-1-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-3-1-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-3-1-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-3-1-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-3-1-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-3-1-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-3-1-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-3-1-1" value="79"><input type="hidden" name="InBlock" id="InBlock-3-1-1" value="1"><input type="hidden" class="SpeedTrans" name="SpeedTrans-3-1-1" id="SpeedTrans-3-1-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-3-1-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-" onclick=""><img src="/img/product-bg.png" data-url="/images/common/media-2677-3/About-Bysforza.jpg" width="650" height="634"  alt="About BySforza"></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-3-1-1" style="display:none;"></div></div></div></div><div class="customblock span4 Block-3-2"><div class="clearboth"><style> #ShowProduct-3-2-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-3-2-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-3-2-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-3-2-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-3-2-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-3-2-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-3-2-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-3-2-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-3-2-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-3-2-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-3-2-1" value="80"><input type="hidden" name="InBlock" id="InBlock-3-2-1" value="2"><input type="hidden" class="SpeedTrans" name="SpeedTrans-3-2-1" id="SpeedTrans-3-2-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-3-2-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2027" onclick="location.href='https://www.delight.com/product/delight-designers/bysforza/bamboo';"><a href="https://www.delight.com/product/delight-designers/bysforza/bamboo" aria-label="Bamboo"><img src="/img/product-bg.png" data-url="/images/common/media-2774-2/Bamboo.jpg" width="320" height="312"  alt="Bamboo"></a></div></div></div>
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2028" onclick="location.href='https://www.delight.com/product/delight-designers/bysforza/circle-of-life';"><a href="https://www.delight.com/product/delight-designers/bysforza/circle-of-life" aria-label="Circle of Life"><img src="/img/product-bg.png" data-url="/images/common/media-2775-2/Circle-Life.jpg" width="320" height="312"  alt="Circle of Life"></a></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-3-2-1" style="display:none;"></div></div></div></div><div class="customblock span4 Block-3-3"><div class="clearboth"><style> #ShowProduct-3-3-1 .ph-cell { width: calc((100% - (10px * 1)) / 2); } @media (min-width: 1150px) { #ShowProduct-3-3-1 .ph-cell {
            min-width: calc(((var(--box-width) - var(--box-padding)) - (10px * 1)) / 2); 
        }}@media (max-width: 1150px) { #ShowProduct-3-3-1 .ph-cell {
                width: calc((100% - (10px * 3)) / 4);
                min-width: calc(((var(--box-width) - var(--box-padding)) - (20px * 3)) / 4);
            } </style><div id="ShowProduct-3-3-1" class="tablewrapper ph-halfblock"><input type="hidden" name="WishNopicked" id="WishNopicked-3-3-1" value="fal fa-star"><input type="hidden" name="Wishpicked" id="Wishpicked-3-3-1" value="fas fa-star"><input type="hidden" name="AddWish" id="AddWish-3-3-1" value="Save to Wishlist"><input type="hidden" name="RemoveWish" id="RemoveWish-3-3-1" value="Added to Wish List :)"><input type="hidden" name="txtwishlist" id="txtwishlist-3-3-1" value="wish list"><input type="hidden" name="InPageID" id="InPageID-3-3-1" value="18658"><input type="hidden" name="SubCatId" id="SubCatId-3-3-1" value="81"><input type="hidden" name="InBlock" id="InBlock-3-3-1" value="3"><input type="hidden" class="SpeedTrans" name="SpeedTrans-3-3-1" id="SpeedTrans-3-3-1" value="400"><input type="hidden" name="slideIndex" id="slideIndex-3-3-1" value="1"><i class="product_row_num" style="display:none;"></i><div class="ph-table " style="text-align: Left;"><div class="BoxImg">
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2030" onclick="location.href='https://www.delight.com/product/delight-designers/bysforza/engagment-rings';"><a href="https://www.delight.com/product/delight-designers/bysforza/engagment-rings" aria-label="Engagement Rings"><img src="/img/product-bg.png" data-url="/images/common/media-2776-2/Engagement-Rings.jpg" width="320" height="312"  alt="Engagement Rings"></a></div></div></div>
<div class="ph-cell"><div class="ph-block" style="border:0;padding:0;"><div class="ph-productimg Timer-2029" onclick="location.href='https://www.delight.com/product/delight-designers/bysforza/gocce-preziose';"><a href="https://www.delight.com/product/delight-designers/bysforza/gocce-preziose" aria-label="Precious Charms"><img src="/img/product-bg.png" data-url="/images/common/media-2777-2/Precious-Charms.jpg" width="320" height="312"  alt="Precious Charms"></a></div></div></div></div></div><div class="fa-spin-home" id="LoadingBox-3-3-1" style="display:none;"></div></div></div></div></div></div>                </div>
                <!-- End Content -->

                <!-- Start Footer and Copyright -->
                <footer class="footer-container">
    <nav>
        <div id="DelightFooter" class="FooterRow-1 footer_row mobile-hidden clearboth"><div id="IDFooterRow-1" class="custom_row contentwidth"><div class="customblock span2 FooterBlock-1-1"><div class="clearboth mobile-hidden"><p class="color_highlight"><span style="font-size:22px;"><strong><em><span style="color:#e2a829;">Delight.com</span></em></strong></span></p>

<p style="line-height:2;">&copy;2026<br>
ALL RIGHTS RESERVED<br>
<span class="hidelink"><a href="https://www.delight.com/site_map/">Site Map</a><br>
eCommerce by <a href="http://www.mini.net/">Mini Net</a></span></p></div></div><div class="customblock span2 FooterBlock-1-2"><div class="clearboth mobile-hidden"><h4><em><span style="color: rgb(226, 168, 41);">About</span></em></h4>

<p style="line-height: 2em;"><a href="https://www.delight.com/about_us/">About Delight.com</a><br>
<a href="https://www.delight.com/information/next-holiday/">Next Holiday</a><br>
<a href="https://www.delight.com/information/online-security/">Online Security</a></p>

<h4><em><span style="color: rgb(226, 168, 41);">Legal</span></em></h4>

<p style="line-height: 2em;"><a href="https://www.delight.com/information/privacy-policy/">Privacy Policy</a><br>
<a href="https://www.delight.com/information/terms-of-use/">Terms of Use</a><br>
<a href="https://www.delight.com/cookies-policy/?CookiesPreference=1">Cookies&nbsp;Preference</a></p></div></div><div class="customblock span2 FooterBlock-1-3"><div class="clearboth mobile-hidden"><h4><em><span style="color:#e2a829;">Info &amp; Support</span></em></h4>

<p style="line-height:2em;"><a href="https://www.delight.com/information/welcome-to-delight/">Welcome to Delight</a><br>
<a href="https://www.delight.com/information/satisfaction-guarantee-return-policy/">Delight Guarantees &amp; Return Policy&nbsp;</a><br>
<a href="https://www.delight.com/information/payments-shipping-duties/">Payments, Shipping and Duties</a><br>
<a href="https://www.delight.com/information/ring-size/">Ring Size</a><br>
<a href="https://www.delight.com/information/bracelet-size/">Bracelet Size</a><br>
<a href="https://www.delight.com/information/chain-lengths/">Chain Lengths</a><br>
<a href="https://www.delight.com/information/how-to-care-for-your-jewelry/">How to care for your jewelry</a><br>
<a href="https://www.delight.com/information/glossary/">Glossary (Jewelry)</a></p></div></div><div id="socialcell-2" class="customblock span2 FooterBlock-1-4"><div class="clearboth mobile-hidden"><h4><em><span style="color: rgb(226, 168, 41);">Contact</span></em></h4>

<p style="line-height: 2em;"><span style="line-height: 1;"><span>+66 98 942 9692</span><br>
<a href="https://www.delight.com/contact/">Contact Delight.com</a></span></p>

<div>
<table border="0" cellpadding="3" cellspacing="1" style="vertical-align: text-bottom;">
	<tbody>
		<tr>
			<td><a href="https://www.facebook.com/Delightcom-107542047721504/" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Facebook - DelightCom"><span class="fab fa-facebook-square">&nbsp;</span></a></td>
			<td><a href="https://www.pinterest.com/delightecommerce/" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Pinterest - Delight eCommerce"><span class="fab fa-pinterest-square">&nbsp;</span></a></td>
			<td><a href="https://twitter.com/Delightecommer1" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Twitter - Delight eCommerce"><span class="fab fa-twitter-square">&nbsp;</span></a></td>
			<td><a href="http://www.instagram.com/delight.ecommerce/" style="font-size: 26px; font-family: FontAwesome;" target="_blank" title="Instagram - Delight eCommerce"><span class="fab fa-instagram">&nbsp;</span></a></td>
		</tr>
		<tr>
			<td><a href="https://line.me/R/ti/p/@346talcc" style="font-family: FontAwesome; font-weight: 900; text-align: right;" target="_blank" title="Line - Delight Customer Service"><img alt="" src="https://admin.dynamicode.com/Hola/common/Line-Mini.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://join.skype.com/invite/Wn5TRGUDf9v2" target="_blank" title="Skype - Delight Customer Service"><img alt="" src="/images/common/skype-icon.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://api.whatsapp.com/message/6SD4MP3RXGUUL1" target="_blank" title="Whatsapp - Delight Customer Service"><img alt="" src="/images/common/whatsapp-icon.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://msng.link/o/?66989429692=vi" target="_blank" title="Viber - Delight Customer Service"><img alt="" src="/images/common/viber-icon.png" style="width: 25px; height: 25px;" /></a></td>
		</tr>
		<tr>
			<td><a href="https://msng.link/o/?https%3A%2F%2Fu.wechat.com%2FIM222-DNwgaj35iSeuwa-8g=wc" target="_blank" title="Wechat - Delight CS"><img alt="" src="https://admin.dynamicode.com/Hola/common/wechat.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://t.me/Delight" target="_blank" title="Telegram - CS Delight"><img alt="" src="https://admin.dynamicode.com/Hola/common/telegram.png" style="width: 25px; height: 25px;" /></a></td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>
</div></div></div><div class="customblock span2 FooterBlock-1-5"><div class="clearboth mobile-hidden"><h4><em><span style="color:#e2a829;">Our Mission</span></em></h4>

<div>&nbsp;</div>

<h6>To delight our planet</h6>

<div>with contributions to protecting and growing wild life.</div>

<div>&nbsp;</div>

<h6>To delight our clients</h6>

<div>with amazing products and great offers.</div>

<div>&nbsp;</div>

<h6 class="hidelink">To delight our...</h6>

<div class="hidelink"><a href="https://www.delight.com/about_us/"><span style="color:#0000FF;">Read More</span></a></div></div></div></div></div><div id="MobileFooter" class="FooterRow-2 footer_row mobile-visible clearboth"><div id="IDFooterRow-2" class="custom_row contentwidth"><div class="customblock span12 FooterBlock-2-1"><div class="clearboth mobile-visible"><div id="togglediv-2-1" class="toggle"><div class="toggleheader" onclick="javascript:opentoggle(494957);"><div>Our Mission</div><span id="toggle494957" class="toggle_icon fa fa-plus"></span></div><div id="toggle-494957" class="close_toggle"><h6>To delight our planet</h6>

<div>with contributions to protecting and growing wild life.</div>

<div>&nbsp;</div>

<h6>To delight our clients</h6>

<div>with amazing products and great offers.</div>

<div>&nbsp;</div>

<h6>To delight our...</h6>

<div><a href="https://www.delight.com/about_us/"><span style="color: rgb(0, 0, 255);">Read More</span></a></div></div></div></div><div class="clearboth mobile-visible"><div id="togglediv-2-2" class="toggle"><div class="toggleheader" onclick="javascript:opentoggle(494958);"><div>About</div><span id="toggle494958" class="toggle_icon fa fa-plus"></span></div><div id="toggle-494958" class="close_toggle"><div style="line-height: 2em;"><a href="https://www.delight.com/about_us/">About Delight.com</a><br>
<a href="https://www.delight.com/information/next-holiday/">Next Holiday</a><br>
<a href="https://www.delight.com/information/online-security/">Online Security</a></div></div></div></div><div class="clearboth mobile-visible"><div id="togglediv-2-3" class="toggle"><div class="toggleheader" onclick="javascript:opentoggle(494959);"><div>Info</div><span id="toggle494959" class="toggle_icon fa fa-plus"></span></div><div id="toggle-494959" class="close_toggle"><div style="line-height:2em;"><a href="https://www.delight.com/information/welcome-to-delight/">Welcome to Delight</a><br>
<a href="https://www.delight.com/information/satisfaction-guarantee-return-policy/">Delight Guarantees &amp; Return Policy&nbsp;</a><br>
<a href="https://www.delight.com/information/payments-shipping-duties/">Payments, Shipping and Duties</a><br>
<a href="https://www.delight.com/information/ring-size/">Ring Size</a><br>
<a href="https://www.delight.com/information/bracelet-size/">Bracelet Size</a><br>
<a href="https://www.delight.com/information/chain-lengths/">Chain Lengths</a><br>
<a href="https://www.delight.com/information/how-to-care-for-your-jewelry/">How to care for your jewelry</a><br>
<a href="https://www.delight.com/information/glossary/">Glossary (Jewelry)</a></div></div></div></div><div class="clearboth mobile-visible"><div id="togglediv-2-4" class="toggle"><div class="toggleheader" onclick="javascript:opentoggle(494960);"><div>Contact</div><span id="toggle494960" class="toggle_icon fa fa-plus"></span></div><div id="toggle-494960" class="close_toggle"><div style="line-height: 2em;"><span style="line-height: 1;"><span>+66 98 942 9692</span><br>
<a href="https://www.delight.com/contact/" style="font-family: swis-roman;">Contact Delight.com</a></span></div></div></div></div><div class="clearboth mobile-visible"><div>
<div>&nbsp;</div>

<table border="0" cellpadding="3" cellspacing="1" style="vertical-align: text-bottom;">
	<tbody>
		<tr>
			<td><a href="https://www.facebook.com/Delightcom-107542047721504/" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Facebook - DelightCom"><span class="fab fa-facebook-square">&nbsp;</span></a></td>
			<td><a href="https://www.pinterest.com/delightecommerce/" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Pinterest - Delight eCommerce"><span class="fab fa-pinterest-square">&nbsp;</span></a></td>
			<td><a href="https://twitter.com/Delightecommer1" style="font-family: FontAwesome; font-size: 26px; font-weight: 900;" target="_blank" title="Twitter - Delight eCommerce"><span class="fab fa-twitter-square">&nbsp;</span></a></td>
			<td><a href="http://www.instagram.com/delight.ecommerce/" style="font-size: 26px; font-family: FontAwesome;" target="_blank" title="Instagram - Delight eCommerce"><span class="fab fa-instagram">&nbsp;</span></a></td>
		</tr>
		<tr>
			<td><a href="https://line.me/R/ti/p/@346talcc" style="font-family: FontAwesome; font-weight: 900; text-align: right;" target="_blank" title="Line - Delight Customer Service"><img alt="" src="https://admin.dynamicode.com/Hola/common/Line-Mini.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://join.skype.com/invite/Wn5TRGUDf9v2" target="_blank" title="Skype - Delight Customer Service"><img alt="" src="/images/common/skype-icon.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://api.whatsapp.com/message/6SD4MP3RXGUUL1" target="_blank" title="Whatsapp - Delight Customer Service"><img alt="" src="/images/common/whatsapp-icon.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://msng.link/o/?66989429692=vi" target="_blank" title="Viber - Delight Customer Service"><img alt="" src="/images/common/viber-icon.png" style="width: 25px; height: 25px;" /></a></td>
		</tr>
		<tr>
			<td><a href="https://msng.link/o/?https%3A%2F%2Fu.wechat.com%2FIM222-DNwgaj35iSeuwa-8g=wc" target="_blank" title="Wechat - Delight CS"><img alt="" src="https://admin.dynamicode.com/Hola/common/wechat.png" style="width: 25px; height: 25px;" /></a></td>
			<td><a href="https://t.me/Delight" target="_blank" title="Telegram - CS Delight"><img alt="" src="https://admin.dynamicode.com/Hola/common/telegram.png" style="width: 25px; height: 25px;" /></a></td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>
</div></div><div class="clearboth mobile-visible"><table border="0" cellpadding="1" cellspacing="1" class="mobile_privacy">
	<tbody>
		<tr>
			<td><a href="https://www.delight.com/information/privacy-policy/">Privacy</a>&nbsp; &nbsp;</td>
			<td><a href="https://www.delight.com/information/terms-of-use/">Terms of Use</a>&nbsp; &nbsp;</td>
			<td><a href="https://www.delight.com/site_map/">Site Map</a></td>
            <td><a href="https://www.delight.com/cookies-policy/?CookiesPreference=1">Cookies&nbsp;Preference</a></td>
              
		</tr>
	</tbody>
</table>

<p style="line-height:2;">Delight.com&nbsp; &copy;2026<br>
ALL RIGHTS RESERVED<br>
eCommerce by <a href="http://www.mini.net/"><span style="color:#0000FF;">Mini Net</span></a></p></div></div></div></div>    </nav>
</footer>

                <!-- End Footer and Copyright -->
                <div id="backToTop" class="back_to_top"><a href="#PageTop" aria-label="Back to top"><i class="fa fa-arrow-circle-up pointer"></i></a></div>
            </div>
        </div>

        <script src="https://www.delight.com/js/alerttext-en.v1772616465.js" Async></script>
	<script src="/js/java_function.v1772616465.js"></script>
	<script src="https://www.delight.com/js/alllayouts.v1772616465.js"></script><input type="hidden" id="NotSigninPage" value="1">        <input type="hidden" id="GlobalDecimals" name="GlobalDecimals" value="2">
        <input type="hidden" id="IsMaximize" value="0">
        <input type="hidden" id="CID" value="-1060197">
        <input type="hidden" id="OrderingStyle" value="2">
        <div>
            <div id="overlay_loading" class="overlay_loading" style="display:none;">
                <span class="fad fa-spinner-third fa-spin"></span>
            </div>
            <div id="overlay" class="overlay overlaywidth" style="display:none;">
                <span id="OverlayClose" class="fal close_overlay fa-times" onclick="javascript:ExplanationLayer(0, 0, '');"></span>
                <div id="OverlayDetail" class="overlay_content"><img src="/images/loading.gif" class="img_loading2" alt="loading"></div>
            </div>
            <div id="fadeArea" class="fade_area"></div>

            <!-- Dialog box for alert/confirm -->
            <div id="AlertDialog" class="overlay overlaywidth" style="display:none;"></div>
            <div id="Dialogfade" class="fade_area"></div>
            <!-- for close overlay on clicking fade area -->
            <script>
                window.addEventListener("DOMContentLoaded", function(e){
                                        document.getElementById('fadeArea').onclick=function() { manageLayer('none', 'auto'); };
                    document.getElementById('fadeArea2').onclick=function() { manageLayer('none', 'auto'); };
                    document.getElementById('Dialogfade').onclick=function() { CloseAlert(); };
                                    });
                            </script>
        </div>

                    <div id="cookiesTitle" class="cookies_box">
                <div class="cookies_container">
                    <div class="cookies_row">
                        <div class="cookies_heard_close">
                            <span class="fa fa-times pointer" onclick="javascript:document.getElementById('cookiesTitle').style.display='none';"></span>
                        </div>
                        <div class="cookies_heard_box">
                            <ul>
                                <li id="consent_links" class="cookies_links" onclick="TabCookies('consent_links', 'CookieConsent');"><a href="javascript:void(0);">Cookies Consent</a></li><li id="about_links" class="cookies_links" onclick="TabCookies('about_links', 'CookieAbout');"><a href="javascript:void(0);">About Cookies</a></li><li id="privacy_links" class="cookies_links" onclick="TabCookies('privacy_links', 'PrivacyPolicy');"><a href="javascript:void(0);">Privacy Policy</a></li>                            </ul>
                        </div>
                        <div class="cookies_content">
                            <div class="cookies_content_box">
                                <div id="CookieConsent" class="cookies_tab"><p>Delight.com uses <span style="color:#0065b7">cookies</span> to create outstanding and personal shopping experience.</p><p>Because Cookies affect your privacy, the law requires us to ask for your permission before creating Cookies on your device.</p><p>For more information, please visit <a href="javascript:void(0);" onclick="javascript:TabCookies('about_links', 'CookieAbout');" style="color:#0065b7">About Cookies</a>, <a href="javascript:void(0);" onclick="javascript:TabCookies('privacy_links', 'PrivacyPolicy');" style="color:#0065b7">Privacy Policy</a>.</p><p><strong>Please select your Cookies preferences on Delight.com:</strong></p><p>To enjoy a fully functioning Delight.com, smooth shopping experience and all advance services - please select:</p><p><a href="javascript:void(0);" class="cookies_button" id="CookieActive" onclick="javascript:setCookieAllow('CookieAllow', 1, 36135);">ALLOW ALL COOKIES</a></p><p>Clicking the ESSENTIAL COOKIES option will disable features that are critical for Delight.com to function. Your shopping experience will be limited, and you will miss out on most of our advance services.</p><p><a href="javascript:void(0);" class="cookies_button" id="CookieOnce" onclick="javascript:setCookieAllow('CookieAllow', -1, 36135);">ALLOW ONLY ESSENTIAL COOKIES</a></p><p>Clicking the NO COOKIES option will disable the website altogether and you will not be able to browse our website or shop with us.</p><p><a href="javascript:void(0);" class="cookies_button" id="CookieNo" onclick="javascript:setCookieAllow('CookieAllow', 0, 36135);">CONTINUE WITH NO COOKIES</a></p><p>Remember, you can change your <a href="javascript:void(0);" onclick="javascript:TabCookies('consent_links', 'CookieConsent');" style="color:#0065b7">Cookies Consent</a> at any time.</p></div><div id="CookieAbout" class="cookies_tab"><p><strong>What are Cookies?</strong></p><p>Cookies are small text files that are stored on your device’s browser directory or program data subfolders.</p><p><strong>Why we use Cookies?</strong></p><p>We use cookies for the purpose of functionality - to create an outstanding, personal, and secured shopping experience.</p><p><strong>About 3rd party cookies:</strong></p><p>For the main purpose of serving your orders and marketing to you, our website links to other sites such as payment gateways, shipping carriers, social networks, search engines.</p><p>These 3rd party websites have their own set of cookies and privacy policies. We cannot be held accountable for their behavior and accepts no responsibility for these linked Web sites.</p><p><strong>We need your consent please:</strong></p><p>Because Cookies affect your privacy, the law requires us to ask for your permission before creating Cookies on your device.</p><p>Please note: All your information and data stays on our servers and is encrypted to protect your identity - we DON’T share any of your personal information with any other sources, including 3rd party websites</p><p>Please set your <a href="javascript:void(0);" onclick="javascript:TabCookies('consent_links', 'CookieConsent');" style="color:#0065b7">Cookies Consent</a></p><p>For more information, please visit <a href="javascript:void(0);" onclick="javascript:TabCookies('privacy_links', 'PrivacyPolicy');" style="color:#0065b7">Privacy Policy</a></p></div><div id="PrivacyPolicy" class="cookies_tab"><p><strong>PRIVACY POLICY FOR Delight.com</strong></p>

<p><strong>Introduction</strong></p>

<p>This policy provides information about the procedures we follow in the collection, processing and handling of personal information and data, and the measures we take and in order to protect the security and rights of users of Delight.com.</p>

<p>Delight.com is committed to respecting our customer&rsquo;s privacy by complying with international privacy standards, rules and regulations.</p>

<p>By visiting Delight.com, you accept and consent to the practices described in this Privacy Policy and the Terms of Use.</p>

<p><strong>Why we collect personal data</strong></p>

<p>We collect and use the personal data of customers and users of Delight.com solely for our own purpose and only to the extent necessary to fulfill and process their orders and to process their requests, and with the purpose of improving their shopping experience and simplifying the order processing.&nbsp;</p>

<p>We may collect, use, disclose and/or process their personal data for several reasons. These reasons include, but are not limited to:</p>

<ul>
	<li>
	<p>process your application and/or transaction with us or third parties.</p>
	</li>
	<li>
	<p>use and manage our services, website, and user account.</p>
	</li>
	<li>
	<p>enforce terms, policies, and agreements.</p>
	</li>
	<li>
	<p>protect your&nbsp;personal privacy and safety, and of others.</p>
	</li>
	<li>
	<p>maintain and administer any software updates.</p>
	</li>
	<li>
	<p>provide customer services.</p>
	</li>
	<li>
	<p>contact you&nbsp;via voice call, text message and/or fax message, email and/or postal mail that may include incidental disclosure such as disclosure of your delivery information on delivery packages.</p>
	</li>
	<li>
	<p>conduct research, analysis and development activities to improve our services or products and/or to enhance your experience.</p>
	</li>
	<li>
	<p>conduct marketing relating to products and/or services that we may be selling, marketing or promoting, whether such products or services exist now or are created in the future.</p>
	</li>
	<li>
	<p>respond to or comply with legal processes as required by any applicable law, governmental or regulatory requirements.</p>
	</li>
	<li>
	<p>any other purpose which we notify you of at the time of obtaining your consent.</p>
	</li>
</ul>

<p><strong>Types of personal data we collect</strong></p>

<p>The information we collect includes, but is not limited to:</p>

<ul>
	<li>
	<p>name, postal address, email address, and mobile or other telephone numbers.</p>
	</li>
	<li>
	<p>username and password.</p>
	</li>
	<li>
	<p>payment data such as credit card number, expiration date, authorization number or code, delivery address, and billing address.</p>
	</li>
	<li>
	<p>purchase and transaction information.</p>
	</li>
	<li>
	<p>customer service inquiries, comments, and repair history.</p>
	</li>
	<li>
	<p>photographs, comments and other content you provide.</p>
	</li>
	<li>
	<p>personal or professional interests, date of birth, marital status, opinions and the like.</p>
	</li>
	<li>
	<p>information provided about relatives, friends or other people our customers would like us to contact.</p>
	</li>
	<li>
	<p>information obtained from third-party service providers.</p>
	</li>
</ul>

<p><strong>How and when we collect personal data</strong></p>

<p>Personal data about our customers is collected when they engage with Delight.com in any of several possible situations. These situations include, but are not limited to:&nbsp;</p>

<ul>
	<li>
	<p>in our stores</p>
	</li>
	<li>
	<p>on our websites</p>
	</li>
	<li>
	<p>using our apps</p>
	</li>
	<li>
	<p>through other social media channels</p>
	</li>
	<li>
	<p>at our events</p>
	</li>
	<li>
	<p>through surveys</p>
	</li>
	<li>
	<p>via text messages</p>
	</li>
	<li>
	<p>on the telephone</p>
	</li>
</ul>

<p><strong>Sharing the personal data</strong></p>

<p>We do not disclose or share the personal information we collect about our customers except as described herein.&nbsp;</p>

<p>We may share personal information with service providers who perform services on our behalf based on our instructions, when needed to process the contractual relationship in the context of processing orders. We do not authorize these service providers to use or disclose the information we give them except as necessary to perform services on our behalf or to comply with legal requirements.</p>

<p>We may disclose personal information to service providers from several categories. These categories include, but are not limited to:</p>

<ul>
	<li>
	<p>shipping service providers</p>
	</li>
	<li>
	<p>payment service providers</p>
	</li>
	<li>
	<p>merchandise management service providers</p>
	</li>
	<li>
	<p>order processing service providers</p>
	</li>
	<li>
	<p>web hosting providers</p>
	</li>
	<li>
	<p>IT service providers</p>
	</li>
	<li>
	<p>drop shipping retailers</p>
	</li>
</ul>

<p>In all cases, we strictly adhere to the legal requirements. The amount of data shared is limited to a minimum.</p>

<p>Accessing, modifying and deleting your personal data</p>

<p>If you would like to update, correct, modify or delete any personal data you have already submitted to us, please do so by accessing and updating your profile.&nbsp;</p>

<p>If you delete some or all of your personal data, you may not be able to use our services in the future without re-submitting that information.</p>

<p>You also have the right to ask us for access to the information that you have given us and that we hold about you. If you wish to exercise this right, please contact us. We will comply with such requests as soon as reasonably practical, unless directed otherwise by legal authorities.&nbsp;</p>

<p><strong>COPPA (Children Online Privacy Protection Act)</strong></p>

<p>We do not specifically market to children under 13 years old.</p>

<p><strong>Cookies&nbsp;</strong></p>

<p>Our website uses cookies. Cookies are small text files that are stored on a computer&#39;s browser directory or program data subfolders.</p>

<p>When you visit our website, cookies will be created.</p>

<p>We use cookies for the purpose of functionality and for making your shopping experience with us more user-friendly, effective and secure.</p>

<p>If you wish to prevent the storage of cookies and have control over the use of cookies and the data contained therein, you can apply appropriate technical settings in your internet browser. Already saved cookies can be deleted at any time.&nbsp;</p>

<p>Please note that by disabling or deleting cookies, you may not be able to use all the features of this website in full.</p>

<p>The link below contains information about how to manage (and disable) cookies on major browsers:<br />
<a href="https://www.aboutcookies.org/">https://www.aboutcookies.org/</a></p>

<p><strong>Newsletters and email advertising</strong></p>

<p>You can unsubscribe from the newsletters or email advertising at any time using the corresponding links in the newsletters or emails, through your customer account or by notifying us. Your email address will then be removed from the mailing lists.</p>

<p><strong>Links, plugins, third-party cookies and services</strong></p>

<p>Our website links to other sites for the purpose of marketing and providing services, such as PayPal, Google, Facebook, other social networks or service providers.</p>

<p>However, we do not actively send these sites any personal data.</p>

<p>These sites have their own set of cookies and privacy policies. We cannot be held accountable for their behavior and accepts no responsibility for these linked Web sites.</p>

<p>For more information about the collection and use of data by these third-party sites, your rights, and ways to protect your privacy, please refer to their respective privacy policies.</p>

<p>Here are links to some of these third-party sites&rsquo; privacy policies:</p>

<p><a href="https://www.paypal.com/en/legalhub/paypal/privacy-full">PayPal</a><br />
<a href="https://www.google.com/policies/privacy/">Google</a><br />
<a href="https://www.facebook.com/privacy/policy/">Facebook<br />
​</a><a href="https://policies.google.com/privacy?hl=en">YouTube</a></p>

<p><strong>Notice to European customers&nbsp;(European Economic Area and Switzerland)</strong></p>

<p>If you are a resident of the European Economic Area (EEA) or Switzerland, you have certain data protection rights. It is the goal of Delight.com to take reasonable steps to allow you to correct, amend, delete, or limit the use of your personal data.</p>

<p>If you wish to be informed what personal data we hold about you, or if you want your personal data to be removed from our systems, please contact us.</p>

<p>In certain circumstances, you have the following data protection rights:</p>

<ul>
	<li>
	<p><strong>The right to access</strong>, update or to delete the information we have on you.</p>
	</li>
	<li>
	<p><strong>The right of rectification.</strong> You have the right to have your information rectified if that information is inaccurate or incomplete.</p>
	</li>
	<li>
	<p><strong>The right to object.</strong> You have the right to object to our processing of your Personal Data.</p>
	</li>
	<li>
	<p><strong>The right of restriction. </strong>You have the right to request that we restrict the processing of your personal information.</p>
	</li>
	<li>
	<p><strong>The right to data portability. </strong>You have the right to be provided with a copy of your Personal Data in a structured, machine-readable and commonly used format.</p>
	</li>
	<li>
	<p><strong>The right to withdraw consent.</strong> You also have the right to withdraw your consent at any time where Delight.com relied on your consent to process your personal information.</p>
	</li>
</ul>

<p>​Please note that we may ask you to verify your identity before responding to such requests.</p>

<p>You have the right to complain to a Data Protection Authority about our collection and use of your personal data. For more information, please contact your local data protection authority in the European Economic Area (EEA).</p>

<p><strong>Security of personal data</strong></p>

<p>We maintain administrative, technical and physical safeguards designed to protect your personal information against accidental, unlawful or unauthorized destruction, loss, alteration, access, disclosure or use.</p>

<p><strong>Retention of personal data</strong></p>

<p>We will retain your personal data for the period necessary to fulfil the purposes outlined in this Privacy Policy unless a longer retention period is required or permitted by law.</p>

<p><strong>Policy changes and questions</strong></p>

<p>From time to time we may update our privacy policy.&nbsp; Please note that the use of the information we collect at any time remains subject to the updated privacy policy.</p>

<p>Whenever changes are made, we will post the updated policy on this site. We encourage you to review our privacy policy occasionally.</p>

<p>By using our website subsequent to the posting of a change in the privacy policy, you consent to the updated policy. If you have any questions or concerns regarding our privacy policy, please do not hesitate to contact us.</p>

<p><strong>Contact</strong></p>

<p>If you wish to withdraw your consent to our use of your personal information, request access to and/or correction of your personal information; if you have any queries, comments or concerns, or require any help on technical or cookie-related matters, please feel free to contact us and our Data Protection Officer at anytime.</p>

<p>Last updated: January 14, 2019</p></div>                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <style>
                .cookies-newbox .cookies_button{
                    border-radius: 0.5em;
                    padding: 13px 33px;
                    font-size: 15px;
                    border: none;
                    font-weight: bold;
                    background-color: #ed3d80 !important;
                }
                .cookies-newbox .cookies_button:hover{
                    background-color: #e11665 !important;
                }
                .pinkpopup_header{
                    font-size: 18px;
                    text-align: center !important;
                    font-weight: 600;
                    margin: 10px 0 15px;
                    line-height: 1.5em;
                }
                .cookies_heard_close .fa-times{ 
                    position: fixed;
                    right: 3%;
                    top: 1%;
                    font-size: 1.5em;
                    cursor: pointer;
                }
                @media (max-width: 768px) {
                    .cookieblock.white_bg{ min-width: 95% !important; }
                    .cookies_heard_close .fa-times{ display: none; }
                    .layerRes.cookieblock {
                        width: 93% !important;
                        padding: 0 !important;
                    }
                    .layerRes.cookieblock .overlay_content{
                        height: auto;
                    }
                }
            </style>
        <script>
            window.addEventListener("DOMContentLoaded", function(e){
                document.getElementById('fadeArea').onclick=function() { e.preventDefault(); return false; };
            });
            document.getElementById('overlay').classList.add('cookieblock');CookiePopup();            function CookiePopup(){
                document.getElementById('overlay').classList.add('layerRes');
                document.getElementById('fadeArea').classList.add('fadeAreaColor');
                document.getElementById('OverlayDetail').innerHTML='<img src="img/loading.gif" class="img_loading2" alt="loading">';
                var xmlhttp = GetXmlHttpObject();
                xmlhttp.open('POST', "/actions/ajax-action.php");
                xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                xmlhttp.onreadystatechange=function(){
                    if(xmlhttp.readyState==4 && xmlhttp.status==200){
                        if(xmlhttp.responseText){
                            manageLayer('block', '590px');
                            document.getElementById('OverlayDetail').innerHTML = xmlhttp.responseText;
                        }
                    }
                }
                xmlhttp.send('FileForAction=../cookiepage.php&LayerType=1');
            }
            function setCookieAllow(cname, cvalue, exdays){
                var d = new Date();
                d.setTime(d.getTime() + (exdays*24*60*60*1000));
                var expires="expires=" + d.toGMTString();
                document.cookie=cname+"="+cvalue+"; path=/; Secure; SameSite=Strict; "+expires;

                consentAdStorage("update", cvalue);
                var xmlhttp = GetXmlHttpObject();
                if(xmlhttp != null){
                    xmlhttp.open("POST", "actions/ajax-action.php");
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send("AllowLevel="+cvalue);

                    document.getElementById('overlay').classList.remove('layerRes');
                    document.getElementById('overlay').classList.remove('cookieblock');
                    document.getElementById('OverlayDetail').innerHTML='<img src="img/loading.gif" class="img_loading2" alt="loading" style="left:40%;">';
                    if(typeof showCatImageBlock === 'function') {
                        showCatImageBlock(0);
                    }else{
                        ExplanationLayer(0, 0, '');
                    }
                    if(document.getElementById("cookiesTitle")){
                        document.getElementById("cookiesTitle").style.display = "none";
                    }
                }
            }
            function TabCookies(id_tab, id_content) {
                document.getElementById('cookiesTitle').style.display='block';
                var i, tabcontent, tablinks;
                tabcontent = document.getElementsByClassName("cookies_tab");
                for (i = 0; i < tabcontent.length; i++) {
                    tabcontent[i].style.display = "none";
                    tabcontent[i].scrollTop = 0;
                }
                tablinks = document.getElementsByClassName("cookies_links");
                for (i = 0; i < tablinks.length; i++) {
                    tablinks[i].className = tablinks[i].className.replace(" active", "");
                }
                document.getElementById(id_content).style.display = "block";
                document.getElementById(id_tab).classList.add("active");
            }
        </script>
        </body>
</html>