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

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

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

body { font-family: 'Prompt', sans-serif; }
form { overflow-x: hidden; }
h1 { margin-top: 10px; font-family: 'Prompt', sans-serif; }
h2 { margin-top: 10px; }

.MainContrainer { padding-bottom: 70px; }
.TextArea { font-family: unset; }
.container { position: relative; }

.call { font-family: 'Prompt'; }

    .call .text2 { font-weight: bold; }

.close { font-size: 40px; line-height: 20px; font-weight: unset; }

label.confirm-modal-body { font-size: 15px; font-weight: normal; cursor: unset; width: 100%; }
label.confirm-modal-body2 { font-size: 15px; font-weight: normal; cursor: unset; margin: 12px; float: left; }
.form-checkbox { margin: 12px; float: left; }
p.confirm-modal-body { font-size: 18px; }
.chat { font-family: 'Prompt'; }

    .chat .text2 { font-weight: bold; }

.freeTextBox1 > .cke { width: 100% !important; }
.SalePageComponent { padding: 0; position: relative; }

hr { border-top: 2px solid #8c8b8b; margin-top: 40px; margin: 30px auto; }

.dn { display: none; }

.ProductBody { }

.ProductSubBlock { }
.product-desc { margin-top: 30px; }

.PriceText { color: red; font-family: 'Prompt', sans-serif; font-size: 50px; font-weight: bold; vertical-align: bottom; }

.BuyButton { padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; }

    .BuyButton:hover { color: aliceblue; }

.btn { border-radius: 90px; }

.sticky-contact { position: fixed; bottom: 0; z-index: 100; width: 100%; left: 0; right: 0; }

    .sticky-contact .PhoneCall, .sticky-contact .PhoneCallFullWidth, .sticky-contact .LineChat, .sticky-contact .LineChatFullWidth { display: none; text-align: center; text-transform: uppercase; }

    .sticky-contact .PhoneCall { background-color: #FF5E5E; width: 50%; float: left; }

    .sticky-contact .LineChat { background-color: #36b419; width: 50%; float: left; }

    .sticky-contact .fullwidth { width: 100%; }

    .sticky-contact a, .sticky-contact a:hover { color: #ffffff; }

    .sticky-contact .call { background: url(../../App_Themes/Modernize/Images/button/sticky-call.svg) no-repeat left center; height: 62px; font-size: 0; display: inline-block; padding: 10px 0 10px 50px; }

    .sticky-contact .chat { background: url(../../App_Themes/Modernize/Images/button/sticky-chat.svg) no-repeat left center; height: 62px; font-size: 0; display: inline-block; padding: 10px 0 10px 55px; }

    .sticky-contact .text1 { clear: left; float: left; font-size: 14px; text-align: left; line-height: 15px; margin-top: 5px; }

    .sticky-contact .text2 { clear: left; float: left; font-size: 18px; text-align: left; line-height: 20px; }

.facebookMessengerIcon { width: 45px; height: 45px; position: fixed; bottom: 120px; right: 10px; cursor: pointer; z-index: 3; background-color: #0084ff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

.lineSideIcon { width: 45px; height: 45px; position: fixed; bottom: 70px; right: 10px; cursor: pointer; z-index: 3; background-color: #00b900; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }

.phoneSideIcon { width: 45px; height: 45px; position: fixed; bottom: 70px; right: 10px; cursor: pointer; z-index: 3; background-color: #FF5E5E; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; display: none; }

.editbutton { margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }

.bg-sorting { position: absolute; background-color: rgba(230,232,233,0.8); width: auto; height: 100%; left: -1000px; right: -1000px; z-index: 1; }
.bg-sorting-mark { position: absolute; background-color: rgba(81,172,179,0.8); width: 100%; height: 100%; z-index: 3; padding: 35% 10%; color: #fff; font-size: 25px; font-weight: bold; }
.sorting-cancel { position: fixed; z-index: 99; right: 10px; top: 10px; background: url(../../Images/SalePage/Image/icons/close-icon.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; border: 0; }
.icon-btn-move { background: url(../../Images/SalePage/Image/icons/move-icon-component-gray.svg) no-repeat center; width: 40px; height: 40px; background-size: contain; position: absolute; left: 32%; top: 19px; }
.border-btn-move { position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; border: 1px dashed #a9a8a8; }
.btn.btn-info.btn-lg.btn-move-select { position: relative; width: 100%; height: 80px; background-color: #fff; color: #000; z-index: 5; font-size: 22px; border-radius: 2px; padding-top: 23px; padding-left: 50px; }
    .btn.btn-info.btn-lg.btn-move-select:hover { background-color: #047aed; color: #fff; }
        .btn.btn-info.btn-lg.btn-move-select:hover .icon-btn-move { background: url(../../Images/SalePage/Image/icons/move-icon-component-gray-hover.svg) no-repeat center; width: 40px; height: 40px; background-size: contain; }
        .btn.btn-info.btn-lg.btn-move-select:hover .border-btn-move { border: 1px dashed #fff; }
.btn-sorting-select { position: relative; width: 100%; height: 70px; background-color: #fff; border: 1px dashed #a9a8a8; margin: 10px 0; z-index: 5; font-size: 22px; background-image: url("../../Images/SalePage/Image/icons/move-icon-component-gray.svg") !important; background-repeat: no-repeat; background-size: 45px 45px; background-position-x: 30%; background-position-y: 10px; }
.isSelectItemMove { background-color: rgba(0, 138, 255, 0.5); color: #fff; font-size: 30px; font-weight: bold; font-family: 'Prompt', sans-serif; position: absolute; width: 100%; height: 100%; z-index: 10; text-align: center; display: flex; align-items: center; }
.text-bg-select { width: 100%; font-size: 25px; font-weight: bold; }
.panel { padding: unset; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.EditMode { border: 1px dashed #c3c3c3; margin: 3px; }
.SalePageComponent.HeightSpacing { border: 1px dashed #c3c3c3; margin: 3px; }

[hidden] { display: none !important; }

.edit-panel { position: relative; }

.panel-default { border-color: #ddd; background-color: #ebf0f3; margin: 10px 2%; border-radius: 10px; width: 96%; }
.panel-body h1 { font-size: 19px; }

.edit-background { position: absolute; background: linear-gradient(90deg, #0478ed, #0662bb); width: 5000px; height: 100%; bottom: 0; z-index: -5; left: calc(-2500px + 50%); }

#AddContrainer { margin: auto; padding-top: 20px; padding-bottom: 10px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { height: 34px; }
.btn:active { -webkit-box-shadow: inherit; box-shadow: inherit; }
.btn { border: unset; }
.alert-success { color: #19922a; background-color: #ccf9e2; padding: 6px 25px; line-height: 38px; }
.MessageSuccess { background: url("../../App_Themes/AdminBlueTheme/Images/Icon/enable-icon-button.png") no-repeat left center; padding-left: 45px; font-size: 16px; font-weight: normal !important; color: #19922a; display: block; }
.btn-success { background-color: #01B901; }
.btn-primary { background-color: #0084ff; }
.btn-info { background-color: #ff721f; }
    .btn-info:hover { background-color: #c95816; }
    .btn-success, .btn-success:hover, .btn-primary, .btn-primary:hover, .btn-info, .btn-info:hover { border-color: inherit; }
.btn.focus, .btn:focus, .btn:hover { color: #fff; }
.btn.active, .btn:active { background-image: none; }
.BuyButton.btn:active { background-image: url("../../Images/SalePage/Image/icons/icon-cart.svg") !important; }
.dropdown { position: inherit; }
.edit-left { text-align: left; float: left; width: 33.33%; }
.edit-center { text-align: center; float: left; width: 33.33%; }
.edit-right { text-align: right; }

.CallForPrice { padding: 40px 0 30px; }
    .CallForPrice p { font-size: 25px; font-weight: bold; }

.btn-primary:hover { background-color: #0358aa; }
.btn-primary:focus, .btn-success:focus { background-color: unset; border-color: unset; }
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-color: unset; border-color: unset; }
    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background-color: #a9a8a8; border-color: #a9a8a8; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #0358aa; }
.icon-edit-back:active, .icon-edit-back:focus { background: url(../../Images/SalePage/Image/icons/edit-view.svg) no-repeat center; }
.btn.btn-primary.btn-xs.editbutton.component-edit:active, .component-edit { background: url(../../Images/SalePage/Image/icons/edit-icon-component.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; }
.component-up { background: url(../../Images/SalePage/Image/icons/up-icon-component.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; }
.component-down { background: url(../../Images/SalePage/Image/icons/down-icon-component.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; }
.component-remove { background: url(../../Images/SalePage/Image/icons/delete-icon-component.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; }
.component-sorting { background: url(../../Images/SalePage/Image/icons/move-icon-component.svg) no-repeat center; width: 45px; height: 45px; background-size: contain; }
.component-add { background: linear-gradient(90deg, #0479eb, #0662bb); }
.btn.btn-primary.btn-lg.dropdown-toggle.component-add, .btn.btn-primary.btn-lg.dropdown-toggle.edit-default { font-size: 20px; padding: 10px 25px; }
.btn.btn-primary.btn-xs.editbutton.component-edit:hover { background: url(../../Images/SalePage/Image/icons/edit-icon-component-hover.svg) no-repeat center; }
.btn.btn-primary.btn-xs.editbutton.component-up:hover { background: url(../../Images/SalePage/Image/icons/up-icon-component-hover.svg) no-repeat center; }
.btn.btn-primary.btn-xs.editbutton.component-down:hover { background: url(../../Images/SalePage/Image/icons/down-icon-component-hover.svg) no-repeat center; }
.btn.btn-primary.btn-xs.editbutton.component-remove:hover { background: url(../../Images/SalePage/Image/icons/delete-icon-component-hover.svg) no-repeat center; }
.btn.btn-primary.btn-xs.editbutton.component-sorting:hover { background: url(../../Images/SalePage/Image/icons/move-icon-component-hover.svg) no-repeat center; }
.btn.btn-xs.btn-success.editbutton.dropdown-toggle.edit-back:hover { color: #0084ff; border: 2px solid #0084ff; background-color: rgba(255,255,255,0); }
.icon-edit-add { background: url(../../Images/SalePage/Image/icons/add.svg) no-repeat center; width: 25px; height: 34px; background-size: contain; float: left; margin-right: 10px; }
.icon-edit-link { background: url(../../Images/SalePage/Image/icons/link.svg) no-repeat center; width: 25px; height: 25px; background-size: contain; float: left; margin-left: 0; }
.icon-edit-edit { background: url(../../Images/SalePage/Image/icons/edit.svg) no-repeat center; width: 25px; height: 25px; background-size: contain; float: left; margin-right: 5px; }
.icon-edit-view { background: url(../../Images/SalePage/Image/icons/view.svg) no-repeat center; width: 25px; height: 25px; background-size: contain; float: left; margin-left: 8px; }
.icon-edit-back { background: url(../../Images/SalePage/Image/icons/edit-view.svg) no-repeat center; width: 20px; height: 20px; background-size: contain; float: left; margin: 5px; }
.btn.btn-xs.btn-success.editbutton.dropdown-toggle.edit-back:hover .icon-edit-back, .btn.btn-xs.btn-success.editbutton.dropdown-toggle.edit-back:focus .icon-edit-back, .btn.btn-xs.btn-success.editbutton.dropdown-toggle.edit-back:active .icon-edit-back { background: url(../../Images/SalePage/Image/icons/edit-view-hover.svg) no-repeat center; width: 20px; height: 20px; background-size: contain; float: left; margin: 5px; }
.icon-facebook { background: url(../../Images/SalePage/Image/icons/icon-facebook.png) no-repeat center; width: 35px; height: 35px; background-size: contain; float: right; margin-right: 30px; }
.icon-line { background: url(../../Images/SalePage/Image/icons/icon-line.png) no-repeat center; width: 35px; height: 35px; background-size: contain; float: right; margin-right: 30px; }
.icon-phone { background: url(../../Images/SalePage/Image/icons/phone-icon.svg) no-repeat center; width: 35px; height: 35px; background-size: contain; float: right; margin-right: 30px; }
.icon-text-none { background: url(../../Images/SalePage/Image/icons/icon-text-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-cart-none { background: url(../../Images/SalePage/Image/icons/icon-cart-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-image-none { background: url(../../Images/SalePage/Image/icons/icon-image-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-spacing-height { background: url(../../Images/SalePage/Image/icons/icon-spacing-height.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-imageandword1-none { background: url(../../Images/SalePage/Image/icons/icon-imageandword1-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-imageandword2-none { background: url(../../Images/SalePage/Image/icons/icon-imageandword2-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-vdo-none { background: url(../../Images/SalePage/Image/icons/icon-vdo-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.icon-map-none { background: url(../../Images/SalePage/Image/icons/icon-map-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.btn-contact { width: 250px; text-align: left; padding-left: 55px; }
.BuyButton { width: 340px; height: 70px; }
Input.BuyButton { font-size: 35px; text-align: left; padding-left: 65px; }
a.BuyButton { font-size: 35px; text-align: left; padding-left: 65px; }
a.pleaseIncludeData { color: #7d7d7d; text-decoration: unset; }
.BuyButton { background: url(../../Images/SalePage/Image/icons/icon-cart.svg) no-repeat center; background-size: 40px; background-position-x: 250px; }
    .BuyButton:hover { color: #fff; background-color: #303030; }
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-color: #0084ff; }
.SalePageComponent .panel-product .panel-productitem { background-color: #f3f3f3; }
.btn, .btn-lg { font-family: 'Kanit'; font-size: 25px; }
.display-2, .display-3, .display-4, .normal { font-family: 'Kanit'; }
.display-1 { font-family: 'Kanit'; font-size: 130px; font-weight: bold; }
.display-2 { font-size: 70px; font-weight: bold; }
.display-3 { font-size: 30px; font-weight: bold; }
.display-4 { font-size: 20px; }
.normal { font-family: 'Kanit'; font-size: 14px; }
.product-name { font-size: 40px; font-weight: bold; }
.productitem-name { font-size: 30px; font-weight: bold; line-height: 32px; text-overflow: ellipsis; padding-top: 8px; }
.product-desc { font-size: 20px; }

.productitem-desc { text-overflow: ellipsis; margin-top: 30px; margin-bottom: 30px; display: block; font-size: 14px; overflow: hidden; line-height: 20px; max-height: 60px; width: 90%; margin: 20px auto; }
.productitem-desc { text-overflow: ellipsis; margin-top: 30px; margin-bottom: 30px; display: block; font-size: 14px; overflow: hidden; line-height: 20px; max-height: 60px; }

.product-price-no .small { text-decoration: line-through; font-family: 'Prompt', sans-serif; font-size: 40px; }
.product-save { font-family: Prompt-Regular; font-size: 20px; }
.BuyButton { margin: 70px auto; color: white; }
.btn-contact { margin: 15px 0; }
.SalePageComponent-body { position: relative; }
.center-block { margin: auto; }
.panel-product { padding: 20px 50px 20px 50px; }
.background-product { background-color: #f3f3f3; height: 100%; width: 5000px; position: absolute; z-index: -1; bottom: 0; left: calc(-2500px + 50%); }
.title-welcome { color: #525252; }
.btn-secondary { background-color: #4d4b4c; }
.product-price-no .small, .product-save .small { font-weight: normal; font-size: 32px; vertical-align: middle; }
.productitem-price-no .small, .product-save .small { font-weight: normal; font-size: 24px; vertical-align: bottom; }
.ProductItemPriceText { color: red; font-family: 'Prompt', sans-serif; font-size: 34px; font-weight: bold; vertical-align: middle; line-height: 32px; }
.ProductItemSaleText { color: red; font-family: 'Prompt', sans-serif; font-size: 20px; vertical-align: middle; line-height: 20px; }
.ProductItemSalePercentText { font-size: 28px; font-weight: bold; vertical-align: middle; color: red; line-height: 28px; }
.ProductItemRetailPriceText { font-size: 24px; text-decoration: line-through; }

.SalePageComponent .display-3 { margin-top: 50px; }

.float-left-1 { float: left; }

.float-right-1 { float: right; }

#EditContrainer { }
.modal-title { text-align: left; }
.modal-header { border-bottom: unset; }
.modal-footer { border-top: unset; }
.btn.btn-default.edit-close:hover { color: #0084ff; border: 2px solid #0084ff; }
.modal-body { background-color: #ebf0f3; margin: 0 10px; border-radius: 10px; }

.edit-link, .edit-preview, .edit-property { background-color: rgba(255, 255, 255, 0); margin: 15px 10px; width: 150px; height: 40px; font-size: 18px; padding: 5px 15px; border: 2px solid; }
.edit-back { float: right; color: #000; border: 2px solid #a9a8a8; background-color: rgba(255, 255, 255, 0); padding: 5px 15px; font-size: 20px; margin-right: 20px; }
.edit-close { border: 2px solid #a9a8a8; width: 80px; height: 40px; }
.btn.btn-default.edit-close:hover { background-color: #fff; }
.edit-save { width: 80px; height: 40px; }
.edit-removeimage { width: 130px; height: 40px; }
.btn.btn-default.edit-close, .btn.btn-primary.edit-save, .btn.btn-primary.edit-copylink, .btn.btn-primary.edit-removeimage { font-size: 18px; }
    .btn.btn-primary.edit-save:focus { background-color: #0358aa; border-color: #0358aa; }
.btn.btn-primary.edit-copylink { width: auto; }
.edit-link:hover, .edit-preview:hover, .edit-property:hover { background-color: #0358aa; border-color: #fff; }
.edit-left .dropdown .dropdown-toggle.btn-success:focus, .edit-link:focus, .edit-preview:focus { background-color: #0358aa; border-color: #fff; }
.edit-link:active, .edit-preview:active, .edit-property:active { background-color: #395f84; border-color: #fff; }
    .edit-link:active:focus, .edit-preview:active:focus, .edit-property:active:focus, .edit-property:active:hover { background-color: #395f84; border-color: #fff; }
.file-caption.form-control.kv-fileinput-caption { float: none; }
.btn.btn-default.btn-file.btn-block.ellipsis, .btn.btn-default.btn-file.btn-block.ellipsis:hover { background-color: unset; }
.btn.btn-primary.btn-file { border-radius: 0px 4px 4px 0px; font-size: 16px; }
.btn.btn-primary.btn-lg.dropdown-toggle.edit-default { box-shadow: 0 0 0 2px #a9a8a8 inset; background-color: rgba(255,255,255,0); color: #000; }
    .btn.btn-primary.btn-lg.dropdown-toggle.edit-default:hover { box-shadow: 0 0 0 2px #0084ff inset; color: #0084ff; }
.icon-edit-default { background: url(../../Images/SalePage/Image/icons/icon-default.svg) no-repeat center; width: 25px; height: 25px; background-size: contain; float: left; margin-right: 10px; }
.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button { font-size: 16px; color: #fff; }
    .btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button:hover { background-color: #ff4949; }
.btn.btn-primary.btn-lg.dropdown-toggle.edit-default:hover > .icon-edit-default { background: url(../../Images/SalePage/Image/icons/icon-default-hover.svg) no-repeat center; width: 25px; height: 25px; background-size: contain; float: left; margin-right: 10px; }
.fileinput.fileinput-new > .btn { border-radius: unset; }
.btn-group.dropup { }

.spacing-panel { display: flex; align-items: center; }
    .spacing-panel .panel-body { display: inline-block; width: 100%; }

.GoToTopDiv { position: fixed; bottom: 70px; right: 10px; width: 40px; height: 40px; z-index: 100; }

.LinkToTop { display: block; border-radius: 30px; -webkit-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); -moz-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); }

.SalePageBanner .bg-select-move .img-responsive { width: 100%; margin: 0 auto; }
.SalePageBanner .SalePageComponent { padding: 0; }
.container.SalePageBanner .SalePageComponent { padding: 5px 0; }

.SalePageImagePreview { position: relative; }
.SalePageImagePreview-Btn-Remove { position: absolute; right: 5px; bottom: 5px; background-color: #f34141; height: 30px; width: 85px; color: #fff; border: #fff solid 1px; }
    .SalePageImagePreview-Btn-Remove:hover { background-color: #e12323; }

.tab-content { margin-top: 10px; }
.ComponentDesc { margin: 40px; }
.confirm-modal-body.upload-label { text-align: left; margin: 12px; }

.ExampleComponentLabel { text-align: center; margin-top: 30px; font-size: 18px; }

/*-- Component Image And Word --*/
.container-image-word { }
.FileImagePanel { padding: 10px; }
.SalePageImageAndWord .SalePageComponent { padding: 0; }
.ImageAndWordPanel.Active .ImageAndWordContainer { display: table; max-width: 1280px; width: 100%; margin: 0 auto; }
.ImageAndWordGroup { display: table-row; }
.ImageAndWordPanel { width: 100%; height: auto; min-height: unset; }
.ImageAndWord-ImageItem { width: auto; height: auto; min-height: inherit; background-size: contain; background-repeat: no-repeat; }
.ImageAndWord-Background { background-repeat: no-repeat; background-size: cover; z-index: -9999; width: 100%; height: 100%; position: absolute; }
.ImageAndWordPanel.Active { width: 100%; height: auto; }

.ImageAndWordPanel .ImageAndWord-Left, .ImageAndWordPanel .ImageAndWord-Right { display: unset; }
.ImageAndWordPanel.Active .ImageAndWord-Left, .ImageAndWordPanel.Active .ImageAndWord-Right { width: 49.5%; display: table-cell; vertical-align: middle; }
.ImageAndWordPanel.Active .ImageAndWord-Left { padding: 0; height: 420px; text-align: right; }
.ImageAndWordPanel .ImageAndWord-Left { padding: unset; }
.ImageAndWordPanel.Active .ImageAndWord-Right { padding: 20px; height: 420px; }
.ImageAndWordPanel .ImageAndWord-Right { padding: unset; }

/*-- Component Image And Word2 --*/
.ImageAndWordPanel .ImageAndWord2-Left, .ImageAndWordPanel .ImageAndWord2-Right { display: unset; }
.ImageAndWordPanel.Active .ImageAndWord2-Left, .ImageAndWordPanel.Active .ImageAndWord2-Right { width: 49.5%; display: table-cell; vertical-align: middle; }
.ImageAndWordPanel.Active .ImageAndWord2-Left { padding: 70px 20px 20px 20px; height: 420px; }
.ImageAndWordPanel .ImageAndWord2-Left { padding: unset; }
.ImageAndWordPanel.Active .ImageAndWord2-Right { padding: 0; height: 420px; text-align: left; }
.ImageAndWordPanel .ImageAndWord2-Right { width: 100%; }

/*-- Component Text --*/
.TextPanel.Active .ImageAndWordContainer { display: table; max-width: 1280px; width: 100%; margin: 0 auto; }
.TextPanel.Active .Text-Space { height: initial; padding: 20px 0; }
.TextPanel .Text-Background { background-repeat: no-repeat; background-size: cover; z-index: -9999; width: 100%; height: 100%; position: absolute; }
.TextPanel .TextGroup { display: table-row; }
.TextPanel .Text-TextItem { width: 100%; height: initial; vertical-align: middle; display: table-cell; padding: 20px 0; }
    .TextPanel .Text-TextItem p { margin: 0; }

/*-- Banner --*/
.banner-desktop { display: inline-block; width: 100%; }
.banner-mobile { display: none; width: 100%; }

.ProductItemDivOne { width: 100%; display: table; vertical-align: middle; }
.ProductItemDivTwo { width: 49%; display: inline-block; vertical-align: top; }
.ProductItemDivThree { width: 32%; display: inline-block; vertical-align: top; }
.ProductItemBuyButton { color: white; width: 70%; margin-top: 30px; margin-bottom: 30px; height: 60px; vertical-align: middle; line-height: 40px; background-color: black; white-space: nowrap; }
.ProductItemDivOne .ProductItemBuyButton { }
.productitem-col-single { float: left; width: 50%; }
.productitem-col-multiple { float: left; width: 100%; }
/*-- BackGround --*/
.BGTextImageUploadArea { padding: 10px; }

/*-- Product  --*/
.panel-productitem { padding: 10px 0; }
.ProductItemCallForPrice { font-size: 18px; }

.Col-Image { width: 100%; }
    .Col-Image .ProductItemSubBlock { width: 100%; }
.Col-Desc { width: 100%; padding: 20px 0; }

.ProductItemDivOne .Col-Image { width: 49%; display: inline-block; vertical-align: middle; }
.product-image { width: auto; object-fit: contain; max-height: 420px; }

.ProductItemDivTwo .product-image { max-height: 400px; object-fit: contain; }

.ProductItemDivOne { width: 100%; display: block; vertical-align: top; }
.ProductItemDivTwo { width: 49%; display: inline-block; vertical-align: top; }
.ProductItemDivThree { width: 32%; display: inline-block; vertical-align: top; padding: 0 5px; }
    .ProductItemDivThree .product-image { max-height: 400px; width: auto; }
.productitem-col-single { float: left; width: 50%; }
.productitem-col-multiple { float: left; width: 100%; }

.ProductItemDivOne .Col-Desc { width: 49%; display: inline-block; vertical-align: middle; padding: 20px 0; }

.ProductItemDivTwo .panel-productitem { display: table; width: 100%; }
.ProductItemDivTwo .Col-Image { width: 49%; display: table-cell; vertical-align: middle; }
.ProductItemDivTwo .Col-Desc { width: 49%; display: table-cell; vertical-align: top; padding: 20px 0; }
.ProductItemDivTwo .ProductItemSaleText { font-size: 18px; line-height: 18px; }
.ProductItemDivTwo .ProductItemSalePercentText { font-size: 22px; line-height: 22px; }
.ProductItemDivTwo .ProductItemRetailPriceText { font-size: 22px; }
.ProductItemDivTwo .ProductItemPriceText { font-size: 28px; }

.ProductItemDivThree .panel-productitem { padding: 0px; display: table; width: 100%; }
.ProductItemDivThree .Col-Image { display: table-row; }
    .ProductItemDivThree .Col-Image .ProductItemSubBlock.text-center { display: table-cell; vertical-align: middle; text-align: center; height: 400px; }

.btn-custom { min-width: 250px; padding: 10px 16px; margin: 15px 0; }

/* Custom Color Picker Desktop */
.custom-colorpicker-desktop .colorpicker-saturation { width: 200px; height: 200px; }
.custom-colorpicker-desktop .colorpicker-hue, .custom-colorpicker-desktop .colorpicker-alpha { width: 30px; height: 200px; }
.custom-colorpicker-desktop .colorpicker-color, .custom-colorpicker-desktop .colorpicker-color div { height: 30px; }
.custom-colorpicker-desktop .colorpicker-selectors.colorpicker-visible i.colorpicker-selectors-color { width: 30px; height: 30px; }
/*End Custom Color Picker Desktop */

/* Custom Color Picker Mobile */
.custom-colorpicker-mobile .colorpicker-saturation { width: 200px; height: 200px; }
.custom-colorpicker-mobile .colorpicker-hue, .custom-colorpicker-mobile .colorpicker-alpha { width: 30px; height: 200px; }
.custom-colorpicker-mobile .colorpicker-color, .custom-colorpicker-mobile .colorpicker-color div { height: 30px; }
.custom-colorpicker-mobile .colorpicker-selectors.colorpicker-visible i.colorpicker-selectors-color { width: 30px; height: 30px; }
/*End Custom Color Picker Mobile */

/* Image */
.block-image-component { display: table; margin: auto; width: auto; }
.image-url-panel { float: left; clear: both; width: auto; height: auto; }
/* End Image */

/*Form*/
.icon-form-none { background: url(../../Images/SalePage/Image/icons/icon-form-none.svg) no-repeat center; width: 100%; height: 50px; background-size: contain; float: left; clear: both; margin: 10px auto; }
.SalePageFormContainer { width: 50%; margin: auto; padding: 30px 5%; }
.SalePageFormGroup { margin: 10px; text-align: left; }
.SalePageFormHeaderPanel { width: 100%; text-align: center; }
.SalePageFormHeader { font-size: 28px; }
.SalePageFormLabel { color: #000; font-size: 20px; width: 100%; text-align: left; margin-left: 10px; overflow-wrap: break-word; }
.SalePageFormTextbox { width: 100% !important; border: 2px solid #a4a4a4 !important; border-radius: 8px; padding: 0 10px !important; height: 48px !important; font-size: 18px; margin-top: 10px; }
.formTextbox { width: 65% !important; float: right !important; border-color: #ccc !important; border-radius: 4px; }
.panel-form { border: 1px solid #ddd; background-color: #ebf0f3; margin: 10px 2%; border-radius: 10px; width: 96%; padding: 10px; }
.uxDoubleFormNotice { clear: both; color: red; line-height: 30px }
.SalePageFormMsgStatus { font-size: 20px; margin: 10px; height: 48px; line-height: 48px; border-radius: 8px; }
.SalePageCommonValidatorText { font-size: 14px; color: red }

.divWaiting { position: fixed; background: rgba(0,0,0,0.9); z-index: 2147483647 !important; overflow: hidden; text-align: center; top: 0; left: 0; height: 100%; width: 100%; color: #fff; font-size: 18px; line-height: 20px; -webkit-backface-visibility: hidden; }
.lblWait { text-align: center; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -70px; }
.imgWait { position: fixed; top: 50%; left: 50%; margin-top: -20px; margin-left: -70px; }

.btn-customtext { min-height: 55px; text-align: left; margin: 15px 0; position: relative; }
    .btn-customtext.SalepageLineBtn { padding-right: 75px; padding-left: 30px; }
        .btn-customtext.SalepageLineBtn::after { content: ""; background: url(../../Images/SalePage/Image/icons/icon-line.png) no-repeat; width: 35px; height: 35px; background-size: contain; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 28px; }
    .btn-customtext.SalepageFacebookBtn { padding-right: 75px; padding-left: 30px; }
        .btn-customtext.SalepageFacebookBtn::after { content: ""; background: url(../../Images/SalePage/Image/icons/icon-facebook.png) no-repeat; width: 35px; height: 35px; background-size: contain; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 28px; }
    .btn-customtext.SalepageTelBtn { padding-right: 75px; padding-left: 30px; }
        .btn-customtext.SalepageTelBtn::after { content: ""; background: url(../../Images/SalePage/Image/icons/phone-icon.svg) no-repeat; width: 35px; height: 35px; background-size: contain; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 28px; }

        /*Hot Deal*/
.ProductHotDeal { margin-bottom: 10px; position: relative; }

    .ProductHotDeal .CenterBlockTopTitle { }

    .ProductHotDeal .CenterBlockTopImgLeft { display: none; }

    .ProductHotDeal .CenterBlockTopImgRight { display: none; }

    .ProductHotDeal .CenterBlockLeft { margin-top: 20px; }

    .ProductHotDeal .CenterBlockRight { margin-top: 20px; }

.ProductHotDealDatalist { width: 102%; padding: 0; }

    .ProductHotDealDatalist .CommonProductItemStyle { position: relative; max-height: none; }

        .ProductHotDealDatalist .CommonProductItemStyle .CommonProductImage { width: 100%; max-height: 255px; padding: 0; margin-bottom: 5px; z-index: 0; position: relative; overflow: hidden; }

        .ProductHotDealDatalist .CommonProductItemStyle .CommonProductInfo { display: table; width: 100%; }


.CommonProductInfo { position:relative;}

.ProductHotDealDatalist { position: relative; }

.ProductHotDealDetails { /*padding-top: 20px;*/ padding-bottom: 20px; }

    .ProductHotDealDetails .CommonProductName { text-align: center; font-size: 24px; display: table; }

        .ProductHotDealDetails .CommonProductName .CommonProductNameLink { display: table-cell; vertical-align: middle; }

    .ProductHotDealDetails .ProductHotDealPriceValue { font-size: 20px; color: red; }

    .ProductHotDealDetails .ProductHotDealCountdown { float: right; text-align: center; padding: 10px 0; display: table-cell; height: 52px; width: 17.5%; }

    .ProductHotDealDetails .HotDealAddCartButtonDiv { float: right; text-align: center; padding: 5px; margin-top: 5px; width: 100%; }

        .ProductHotDealDetails .HotDealAddCartButtonDiv .AddCartButton { display: table; margin: 0 auto; }

    .ProductHotDealDetails .spanHotDealCountText { font-size: 12px; }

    .ProductHotDealDetails .CommonProductDiscountPanel { position: absolute; top: 0; left: 0; height: 52px; text-align: center; outline: 1px solid #fff; outline-offset: -4px; margin:0; width:30%; }
        .ProductHotDealDetails .CommonProductDiscountPanel .PercentLabel { color: #fff; line-height: 20px; }

        .ProductHotDealDetails .CommonProductDiscountPanel .PercentValue { color: #fff; line-height: 25px; }

.ProductHotDealDatalist .CommonProductPriceDetails { width: 100%; }
    .ProductHotDealDatalist .CommonProductPriceDetails .RetailPricePanel { float: unset; text-align: center; }
    .ProductHotDealDatalist .CommonProductPriceDetails .OurPricePanel { float: unset; text-align: center; }
        .ProductHotDealDatalist .CommonProductPriceDetails .OurPricePanel .OurPriceValue { width: 100%; }
.ProductHotDealCountdownGroup { display: table; width: 100%; height: 100%; float: left; background-color: red; }

.FlashSale { float: left; width: 90%; clear: left; margin: 10px 0; width: 100%; }
    .FlashSale .row { width: 300px !important; margin: 0 auto !important; background-color: #806ab0; float: left; }
    .FlashSale h1 { text-align: center; font-size: 30px; font-weight: bold; margin-top: 50px; margin-bottom: 25px; }
    .FlashSale ul { text-align: center; margin: 0 auto; display: table; vertical-align: middle; width: 100%; }
        .FlashSale ul .LeftTime { font-size: 20px; border: solid 1px; margin-top: 7px; width: 273px; }
    .FlashSale li { display: inline-block; font-size: 10px; list-style-type: none; padding: 10px 17px 10px; color: #fff; line-height: 1; }
        .FlashSale li span { display: block; font-size: 18px; font-weight: bold; }
.ProductHotDealCountdownBar { margin-bottom: 10px; }
.ProductHotDealCountdownBar::after { content: ""; display: block; clear: both; }

/*cookie box*/
.cookie-box { background: #fff; border-radius: 2px; box-shadow: 0 17px 17px rgb(0 0 0 / 15%), 0 27px 55px rgb(0 0 0 / 30%); font: 14px/20px Roboto, sans-serif; margin: 24px; max-height: calc(100% - 48px); max-width: calc(100% - 48px); overflow: auto; padding: 8px; position: fixed; z-index: 99999; right: 60px; bottom: 30px; }
.cookie-box-contents { color: #757575; padding: 16px; }
.cookie-box-buttons { text-align: right; }
.cookie-button { color: #039be5; padding: 8px; margin: 0 8px; border: 0; border-radius: 2px; display: inline-block; font: 700 16px Roboto, sans-serif; min-width: 56px; outline: 0; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 0.2s; vertical-align: middle; white-space: nowrap; }