"); } .filter-blog-image.slick-loading { } .slick-slide:focus { outline: none; } .slick-slide a:focus { outline: none; } .slick-dots { max-width: 90%; position: inherit !important; margin-left: 5% !important; margin-right: 5% !important; } .product_show_list .slick-next, .product_show_list .slick-prev { top: 101% !important; z-index: 1; } .slider-for, .slider-nav, .product_show_list { display: none; } @media screen and (max-width: 768px) { .product_show_list .slick-next, .product_show_list .slick-prev { top: 102% !important; } } .header_message { color: rgb(255, 255, 255); border-radius: 0px; background: rgb(33, 32, 30); overflow: hidden; margin: 0px; border: none; text-overflow: ellipsis; white-space: nowrap !important; padding: 10px 42px !important; text-align: center !important; } .header_message .closebtn { position: absolute; right: 15px; top: 3px; width: 30px; height: 30px; padding: 5px; font-size: 18px; font-weight: 600; cursor: pointer; } .btn-outline-dark { color: rgb(55, 55, 55); font-weight: 600; background-color: transparent; background-image: none; border: 1px solid rgb(193, 193, 193); font-size: 13px; padding-bottom: 8px; margin-bottom: 5px; margin-top: 5px; } .btn-outline-dark:hover { background-color: rgb(235, 235, 235); } .top-bar-icon { width: 15px; margin-right: 3px; padding-bottom: 2px; vertical-align: middle !important; } .top-bar-icon { fill: rgb(255, 255, 255); } .carets { margin-left: 5px; vertical-align: middle; } .price .discount .discount-items { font-weight: bold; font-size: 1.2em; display: inline-block; padding: 8px 10px; border-radius: 6px; border: 2px solid; margin-bottom: 5px; } @media (max-width: 500px) { .price .discount .discount-items { font-size: 1em !important; } } select { background: url("") calc(100% - 10px) center / 15px no-repeat rgb(255, 255, 255); } .category-hr { margin: 0px 30px 10px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .main-content { opacity: 0; animation: 0.2s ease-in 0s 1 normal forwards running fadeIn; } @keyframes translateY { 0% { y: 0px; } 100% { y: 100px; } } .translate-y { animation: 0.1s ease-in 0s 1 normal forwards running translateY; } .isDisabled { color: currentcolor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .timerShell, .timerShell-none { height: 5.5em; position: relative; min-height: 5.5em; } .timerShell p { margin: 0px; } .timerShell p:first-child { padding-top: 5px; padding-bottom: 5px; font-size: 1.1em; } .timer { font-size: 1.2em; width: 90%; margin: 0px auto; } .timerShell, .timer { border-radius: 5px; text-align: center; } #expiredTimer { font-size: 1.2em; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .expiredTimer { font-size: 1.2em; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1200px) { .timer { font-size: 1em; } .timerShell p:first-child { padding-top: 10px; } } @media screen and (max-width: 960px) and (min-width: 768px) { #countdown-container { line-height: 1.2; } } .image-timer .timerShell p:first-child { display: inline-block; font-size: 14px; padding-top: 5px; } .image-timer .timer { display: inline-block; background-color: inherit; color: rgb(255, 255, 255); width: 70%; font-size: 14px; padding-top: 5px; } .image-timer .timerShell { height: 45px; min-height: 45px; border-radius: 0px; font-size: 14px; opacity: 0.8; vertical-align: middle; text-align: center; padding: 7px 0px; display: flex; } .image-timer .timerShell p:first-child:not(.expiredTimer) { width: 8%; position: absolute; } .image-timer .timerShell p:first-child:not(.expiredTimer) { left: 7%; } .image-timer { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 1; } .image-bottom { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 1; pointer-events: none; } .image-bottom > * + * { margin-top: 5px; } .image-bottom .image-timer { position: unset; } .expiredTimer { font-size: 16px !important; width: 100%; } @media screen and (max-width: 768px) { .image-timer .timer { font-size: 12px; padding-top: 5px; width: auto; margin: auto; } .image-timer .timerShell { font-size: 14px; } .expiredTimer { font-size: 14px; } } @media screen and (max-width: 375px) { .image-timer .timerShell p:first-child { width: 10%; } .image-timer .timer { font-size: 11px; width: auto; margin: auto; padding-top: 1px; } } @media screen and (max-width: 343px) { .image-timer .timerShell p:first-child { width: 8%; left: 5%; } .image-timer .timer { font-size: 11px; width: auto; margin: auto; padding-top: 1px; } } .product-list .timer { width: 80%; font-size: 15px; } .product-list .timerShell { } .value-button { display: inline-block; border: 1px solid rgb(221, 221, 221); margin: 0px; width: 40px; height: 20px; text-align: center; vertical-align: middle; padding: 11px 0px; background: rgb(255, 255, 255); user-select: none; } .value-button:hover { cursor: pointer; } .decrease { text-align: center; border-radius: 3px 0px 0px 3px; border: 1px solid rgb(221, 221, 221); align-self: flex-start; display: inline-block; width: 50px; padding: 10px; cursor: pointer; height: 41px; } .increase { text-align: center; border-radius: 0px 3px 3px 0px; border: 1px solid rgb(221, 221, 221); display: inline-block; align-self: flex-end; width: 50px; padding: 10px; cursor: pointer; height: 41px; } .increase:active { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .decrease:active { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .product-qty-row { display: flex; align-items: center; } .input-wrap { margin: 0px 10px 0px 0px; text-align: center; align-items: center; width: 108px; display: -webkit-inline-flex; } input.quantity_num { text-align: center; display: inline-block; border-radius: 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-image: initial; border-left: none; border-right: none; font-size: 18px; padding: 5px; background: rgb(255, 255, 255); margin: 0px; width: 40px; height: 41px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .ion-ios-close, .ion-ios-close-outline { font-size: 20px; } #checkout { font-size: 16px; } #checkout .header-text, .control-label, .delivery-method left-content { font-size: 16px; } #checkout .checkout-header { margin-bottom: 40px; } #checkout .checkout-header .title { font-size: 24px; font-weight: 600; letter-spacing: -0.4px; text-align: center; } #checkout .checkout-header div.profileSteps { margin: 20px 0px 0px; text-align: center; } #checkout .checkout-header div.profileStep { position: relative; top: 30px; height: 50px; display: inline-block; } #checkout .checkout-header div.profileStep.profileStepShort { width: 130px; } #checkout .checkout-header div.profileStep.profileStepLong { width: 180px; } #checkout .checkout-header div.profileStep .connect { position: absolute; top: 10px; left: 8px; height: 3px; background-color: rgb(0, 0, 0); } #checkout .checkout-header div.profileStep .connect.short { width: 122px; } #checkout .checkout-header div.profileStep .connect.long { width: 255px; } #checkout .checkout-header div.profileStep .icon { position: absolute; top: 0px; right: -13px; width: 21px; height: 21px; background-color: rgb(0, 0, 0); border-radius: 10px; color: rgb(255, 255, 255); z-index: 5; } #checkout .checkout-header div.profileStep .info { position: absolute; top: -30px; width: 150px; color: rgb(0, 0, 0); letter-spacing: -0.4px; text-align: center; } #checkout .checkout-header div.profileStep .info.short { left: 57px; } #checkout .checkout-header div.profileStep .info.long { left: 105px; } #checkout .checkout-header div.profileStepPassive .connect { background-color: rgb(216, 216, 216); } #checkout .checkout-header div.profileStepPassive .icon { background-color: rgb(216, 216, 216); } #checkout .checkout-step.step-3 { display: none; } #checkout .checkout-step .section-header { background-color: rgb(229, 229, 229); border-radius: 6px; height: 46px; padding: 8px 18px; font-size: 20px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 18px; } #checkout .checkout-step .member-login { border-bottom: 1px solid rgb(216, 216, 216); padding: 0px 3px 14px; margin-bottom: 30px; font-weight: 500; letter-spacing: -0.4px; margin-left: 18px; margin-right: 18px; } #checkout .checkout-step .member-login .btn-login { min-width: 109px; padding: 8px 22px; color: rgb(255, 255, 255); border: none; border-radius: 6px; margin-left: 13px; } #checkout .checkout-step .contact-info { margin-bottom: 19px; } #checkout .checkout-step .form-group { padding: 10px; margin: 0px; } #checkout .checkout-step .member-form { padding-top: 0px; padding-bottom: 0px; } #checkout .checkout-step .form-group .control-label { margin: 0px; font-weight: 500; letter-spacing: -0.4px; } #checkout .checkout-step .form-group .form-control { padding: 7px 15px; border-radius: 6px; height: 40px; } #checkout .checkout-step .delivery-info .delivery-desc { padding: 14px 12px; background-color: rgb(246, 246, 246); letter-spacing: -0.4px; margin-bottom: 30px; } #checkout .checkout-step .delivery-info .no-shipping-method { padding: 14px 12px; background-color: rgb(246, 246, 246); letter-spacing: -0.4px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; } #checkout .checkout-step .delivery-info .delivery-desc a { color: rgb(74, 144, 226); } #checkout .checkout-step .delivery-info .delivery-area { margin-bottom: 30px; } #checkout .checkout-step .delivery-info .delivery-area .control-label { margin-bottom: 15px; } #checkout .checkout-step .delivery-info .delivery-method { margin-bottom: 25px; } #checkout .checkout-step .delivery-info .delivery-method .xshipping-header { margin-bottom: 15px; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item { padding: 15px; margin-bottom: 5px; min-height: 65px; border: 1px solid transparent; transition: all 0.5s ease 0s; cursor: pointer; position: relative; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item.checked { border: 1px solid rgb(199, 199, 199); border-radius: 6px; cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item input[type="radio"] { position: absolute; opacity: 0; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .left-content { text-align: justify; width: calc(100% - 120px); margin: 0px 5px; display: inline-block; cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .right-content { display: inline-block; cursor: pointer; float: right; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .chosen-selector { float: right; position: absolute; bottom: 8px; right: 9px; font-size: 10px; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .chosen-selector .fa { color: rgb(29, 177, 0); font-size: 16px; transition: all 0.2s ease 0s; } #checkout .checkout-step .delivery-info .delivery-method .detail-container, #checkout .checkout-step .delivery-info .delivery-method .detail-container2, #checkout .checkout-step .delivery-info .delivery-method .detail-container3, #checkout .checkout-step .delivery-info .delivery-method .detail-container4 { padding: 17px 13px; background-color: rgb(246, 246, 246); margin-bottom: 12px; display: none; } #checkout .payment-method-container { padding: 17px 13px; background-color: rgb(246, 246, 246); margin-bottom: 15px; } #checkout .payment-method-container .btn-block { display: block; } #checkout .payment-method-container .buttons { padding-left: 0px; padding-right: 0px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container .shipping-contact { border: 1px solid rgb(199, 199, 199); border-radius: 6px; padding: 19px 15px; margin: 0px 10px 20px 0px; position: relative; } #checkout .checkout-step .delivery-info .delivery-method .detail-container .edit-shipping-contact { position: absolute; top: 10px; right: 8px; cursor: pointer; color: rgb(74, 144, 226); } #checkout .checkout-step .delivery-info .delivery-method .detail-container .form-group { padding: 0px 10px 0px 0px; margin: 0px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #googleMap { margin-bottom: 25px; width: 100%; height: 250px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail { margin-top: 10px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #shopDetail, #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail { padding: 0px; line-height: 1.4; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #shopDetail table td, #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail table td { vertical-align: top; padding-left: 5px; padding-right: 5px; font-size: 14px; letter-spacing: -0.1px; } #checkout .locker-choice-title { text-decoration: underline; margin-left: 5px; margin-bottom: 13px; display: table; } #checkout .checkout-step .delivery-info .delivery-datetime { padding: 17px 13px; background-color: rgb(246, 246, 246); } #checkout .checkout-step .delivery-info .delivery-datetime .control-label { margin-bottom: 10px; } #checkout .checkout-step .delivery-info .delivery-datetime input, #checkout .checkout-step .delivery-info .delivery-datetime select { margin-top: 0px; } #checkout .checkout-step .delivery-info .delivery-datetime #input-delivery-date { border-radius: 6px 0px 0px 6px; } #checkout .checkout-step .delivery-info .delivery-datetime #input-delivery-date[readonly] { background-color: rgb(255, 255, 255) !important; cursor: pointer !important; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon { cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon.addBorder { border-color: rgb(120, 124, 144); outline: 0px; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon { transition: border 0.2s linear 0s; } #checkout .checkout-step .contact-delivery-info .section-content { border: 1px solid rgb(199, 199, 199); border-radius: 6px; padding: 19px 15px; margin: 0px 10px 20px 0px; position: relative; } #checkout .checkout-step .contact-delivery-info .contact-delivery-summary { margin-right: 80px; } #checkout .checkout-step .contact-delivery-info .edit-contact-delivery { top: 40%; right: 25px; position: absolute; cursor: pointer; color: rgb(74, 144, 226); } #checkout .checkout-step .btn-payment { padding: 16px; margin-top: 16px; min-width: 204px; position: relative; } #checkout .checkout-step .btn-payment .right-arrow { position: absolute; right: 15px; top: 20px; } #checkout .radio-box .radio { height: 30px; } @media screen and (max-width: 767px) { #checkout .checkout-step .member-login { margin-left: 0px; margin-right: 0px; } #checkout .checkout-step .member-login .checkout-login-text { text-align: left; display: block; } #checkout .checkout-step .member-login .checkout-login-button { text-align: right; display: block; } #checkout .checkout-step .member-login .checkout-login-button .btn-login { margin-top: 5px; } #checkout .checkout-step .delivery-info .delivery-area .shipping-zone { margin-top: 15px; } #checkout .checkout-header { margin-bottom: 10px; } #checkout .checkout-step .section-header { margin-left: -20px; margin-right: -20px; border-radius: 0px; } #checkout .checkout-step .form-group { padding: 0px; } #checkout .contact-payment-info .section-header { margin-bottom: 20px !important; } #checkout .contact-payment-info .hr-row { margin-right: -10px !important; margin-left: -10px !important; } #checkout .payment-method-container { margin-right: 0px !important; margin-left: 0px !important; } .contact-payment-info .payment-method_info { padding-left: 0px; padding-right: 0px; } .show_detail_btn { padding-top: 10px !important; } } .payment-method_info { padding-right: 0px; } #checkout .payment-method_info .btn-block { display: block; width: 100%; } #checkout .buttons { padding-left: 0px; padding-right: 0px; } #checkout .contact-payment-info .hr-row { margin-right: 0px; margin-left: 0px; } .checkout_input_error_border { border-color: rgb(255, 59, 59) !important; } .check_out_shipping_error { color: rgb(255, 59, 59); } .checkout_product_detail_table tbody tr td { vertical-align: middle; height: 150px; font-weight: 500; font-size: 14px; } .checkout_product_detail_table tbody tr td:last-child { text-align: right; } .checkout_product_detail_table tbody tr:last-child td { border-bottom: 1px solid rgb(229, 229, 229); } .checkout_product_detail_table tbody tr td:first-child { width: 100px; } .nopadding { padding: 0px !important; margin: 0px !important; } .little-margin { margin: 10px -10px 8px; } #checkout_order_total tr td { font-size: 14px; padding: 3.5px; } #checkout_order_total tr td { border-top: none; } #checkout_order_total tr td:last-child { text-align: right; } #checkout_order_total tr:last-child td { font-weight: 400; } #checkout .contact-payment-info .section-header { margin-bottom: 0px; } .show_detail_btn { color: rgb(74, 144, 226); font-size: 1em; padding-top: 0px; cursor: pointer; margin-top: -10px; } #mobile_order_total { font-size: 15px; word-break: break-all; padding-top: 10px; padding-bottom: 10px; } #mobile_order_total > div:last-child { font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 15px; } #checkout .mobile_product_detail .product_total { padding-right: 0px; } @media (max-width: 768px) { #checkout, #checkout .control-label { font-size: 15px; } #checkout .checkout-step .section-header { font-size: 17px; padding: 10px 18px; } } @media (max-width: 767px) { #checkout .checkout-step .delivery-info .delivery-method .detail-container { margin-top: 10px; } } #checkout .checkout-step .form-group .control-label.instant-register-input-password-label { padding-left: 20px; display: inline-block; } @media screen and (max-width: 767px) { #checkout .checkout-step .form-group .control-label.instant-register-input-password-label { display: inline-block; padding-left: 15px; margin-top: 5px !important; height: 20px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #checkout .checkout-step .form-group .control-label-input-container { display: inline-block; } #checkout .checkout-step .member-form { padding-left: 15px !important; } #instant-register-btn, #input-instant-register-confirm, input[name="instant_register_password"] { margin: 5px 0px !important; } #instant-register-btn { width: 100%; } #checkout .checkout-step .btn-payment, .contact-payment-info .btn { width: 100%; margin-top: 15px; font-size: 1em; padding-top: 13px; padding-bottom: 11px; } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons > div, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons { width: 100%; } #checkout .checkout-step .btn-payment-theme { margin-left: -10px; margin-right: -10px; } .delivery-area .control-label, .delivery-area .required, .delivery-method .control-label, .delivery-method .radio-container { padding: 0px !important; } #checkout .checkout-step .member-login .btn-login { min-width: 0px; margin-left: 8px; } #checkout .checkout-step .btn-payment .right-arrow { right: 15px; top: 20px; } #checkout .checkout-step .btn-payment { width: 100% !important; } #checkout .checkout-step .comment-container { padding-left: 0px !important; padding-right: 0px !important; } } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons { min-width: 204px; } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn { text-align: center; font-size: 16px; min-width: 204px; padding: 14px; } #checkout .payment-info .payment-method .payment-item { padding: 10px 15px; margin-bottom: 5px; min-height: 50px; border: 1px solid transparent; transition: all 0.5s ease 0s; cursor: pointer; position: relative; } #checkout .payment-info .payment-method .payment-item.checked { border: 1px solid rgb(199, 199, 199); border-radius: 6px; cursor: pointer; } #checkout .payment-info .payment-method .payment-item input[type="radio"] { position: absolute; opacity: 0; } #checkout .payment-info .payment-method .payment-item .left-content { width: calc(100% - 100px); margin: 0px 5px; display: inline-block; cursor: pointer; } #checkout .payment-info .payment-method .payment-item .right-content { display: inline-block; cursor: pointer; float: right; } #checkout .payment-info .payment-method .payment-item .chosen-selector { float: right; position: absolute; top: 10px; right: 15px; font-size: 10px; } #checkout .payment-info .payment-method .payment-item .chosen-selector .fa { color: green; font-size: 16px; transition: all 0.5s ease 0s; } #payment_html_content { min-height: 200px; } #checkout .checkout-step .btn-payment { width: 50%; } .checkout-bottom-container { margin-left: 0px; margin-right: 0px; } .checkout-total-container { margin-bottom: 15px; } #checkout .checkout-step .comment-container { padding: 0px 15px; margin: 0px; } #instant_register .form-group { margin-bottom: 15px; } #instant_register .modal-content .close { text-shadow: none; opacity: 1; font-size: 25px; } #instant_register h2 { margin-top: 5px; margin-bottom: 10px; font-size: 22px; letter-spacing: 1px; } #instant_register .modal-body { padding-left: 30px; padding-right: 30px; padding-top: 0px; } #instant_register .modal-dialog { width: 425px; max-width: 100%; } #instant_register .modal-header { background: none; } #instant_register .modal-content { background: rgb(255, 255, 255); } #instant_register-input-email:focus, input[name="instant_register_password"]:focus { border: 1px solid rgb(120, 124, 144); } #instant_register { background-color: rgba(0, 0, 0, 0.4); padding-top: 7%; font-size: 16px; } #instant_register .or { position: relative; } #instant_register hr { margin-bottom: 10px; } #instant_register .or, #instant_register .forgotten { font-size: 14px; } #instant_register .center-item { text-align: center; } #instant_register #instant-register-btn { width: 100%; margin-bottom: 10px; font-size: 15px; } #instant_register .well { margin-bottom: 10px; } #instant_register .register { display: block; text-align: center; font-size: 16px; } #input-instant-register-confirm, input[name="instant_register_password"] { display: block; border-radius: 4px; height: 50px; font-size: 15px; padding: 12px 15px; } #instant-register-btn, #input-instant-register-confirm, input[name="instant_register_password"] { margin: 5px 0px; } #instant-register-btn { margin-left: 10px; font-size: 1em; } .checkout-register-error { color: rgb(255, 59, 59); } .checkout-register-error-border { border: 1px solid rgb(255, 59, 59) !important; } .register_fixed { overflow: hidden !important; } #checkout .contact-order-info { padding-left: 15px; padding-right: 15px; } #checkout .btn.disabled, #checkout .btn[disabled], fieldset[disabled] .btn { background-color: rgb(199, 200, 199); border-color: rgb(199, 200, 199); } #checkout .intl-tel-input.allow-dropdown #input-checkout-telephone, #checkout .intl-tel-input.allow-dropdown #input-ship-telephone { padding-right: 6px; padding-left: 52px; margin: 5px 0px; } #checkout .intl-tel-input.allow-dropdown { display: block; margin: 5px 0px; } .lds-text { text-align: center; } .lds-ring { display: flex; position: relative; width: 80px; height: 80px; margin: auto; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-radius: 50%; animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running lds-ring; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } html.swal2-shown, body.swal2-shown { overflow-y: hidden !important; } .select-shipping-address { height: 380px; } .select-shipping-address #swal2-content { height: 300px; } .select-shipping-address-scroll-bar { height: 100%; width: 100%; overflow: hidden auto; margin: auto; } .select-shipping-address-scroll-bar::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(240, 243, 246); } .select-shipping-address-scroll-bar::-webkit-scrollbar { width: 8px; background-color: rgb(240, 243, 246); } .select-shipping-address-scroll-bar::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(85, 85, 85); } .btn-select-address { padding: 5px; margin-top: 5px; width: 100%; background: inherit; color: rgb(35, 34, 36); border: 1px solid rgb(191, 191, 191); border-radius: 4px; font-size: 13px; font-weight: normal; cursor: pointer; } .btn-select-address:hover { background-color: rgb(223, 227, 229); } .btn-search { padding: 5px; margin-right: 10px; margin-left: auto; } .btn-search-header { display: flex; } .select-shipping-input-row { display: flex; padding-top: 5px; } #areaSearch, #zoneSearch { flex: 0.9 1 0%; height: auto; border-radius: 4px 0px 0px 4px; border-right: 0px; margin-top: 0px; margin-bottom: 0px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #areaSearch { font-size: 16px; } #zoneSearch { font-size: 16px; } } .search-address-btn { border-radius: 0px 4px 4px 0px; } .zone-search { display: flex; align-items: center; flex-wrap: wrap; } .zone-search .btn-search { padding: 9.5px 15px; border-radius: 0px 6px 6px 0px; margin-right: 0px; } .zone-search select { border-right: none; margin-right: -2px; flex: 1 1 0%; border-radius: 6px 0px 0px 6px !important; } .zone-search .check_out_shipping_error { width: 100%; } .news-title { float: left; font-weight: bold; font-size: 1.4em; text-align: left; margin-bottom: 0.5em; } .news-content { float: left; text-align: left; line-height: 1.8em; font-size: 14px; } .news, .news_mobile { margin-bottom: 1rem; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; height: 18rem; transition: box-shadow 0.5s ease 0s; } .news:hover { box-shadow: rgb(230, 230, 230) 5px 5px 10px; color: initial; } .news_mobile:hover .news-content { color: initial; } .news-info { float: left; } .adk-confirm { width: 100%; } .success-page-header { font-size: 20px !important; background: none !important; margin-bottom: 0em !important; margin-top: 20px !important; } .success-page-text { font-size: 16px !important; } @media (max-width: 480px) { .success-page-text { font-size: 13px !important; } .success-page-header { font-size: 17px !important; } } .delivery_info_box { display: flex; width: fit-content; border: 1px solid rgb(229, 229, 229); padding: 5px; vertical-align: middle; cursor: pointer; } .delivery_info_box span { margin-right: 5px; } .delivery_info_box .delivery_agent_icon { display: inline-block; width: 22px; height: 22px; margin-right: 5px; } .order-info-table { table-layout: fixed; } .hidden-500 { display: table; } .visible-500 { display: none; } @media (max-width: 500px) { .hidden-500 { display: none; } .visible-500 { display: table; } .visible-500 .item-title { margin-right: 8px; } .visible-500.table.table-bordered.table-hover.order-info-table { margin-bottom: 5px; } } #member_info_popup .modal-dialog { width: 425px; max-width: 95%; font-size: 1.5rem; font-weight: 600; letter-spacing: 0px; } #member_info_popup .modal-body { padding-top: 0px; } #member_info_popup .modal-body > .row { margin-left: 0px; margin-right: 0px; } #member_info_popup .center-item { padding-left: 0px; padding-right: 0px; text-align: center; } #member_info_popup .modal-content, #member_info_popup .modal-header { background-color: rgb(255, 255, 255); border: none; } #member_info_popup .welcome_text { font-size: 3rem; font-weight: bold; } #member_info_popup .member_group_adv, #member_info_popup .user_info, #member_info_popup .user_shopping_info { text-align: center; } #member_info_popup .user_info, #member_info_popup .user_shopping_info { margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-bottom: 5px; } #member_info_popup .member_group_adv { } #member_info_popup .member_group_adv img { } #member_info_popup .user_info .username { font-size: 1.8rem; } #member_info_popup .user_shopping_info { border: 1px solid rgb(208, 208, 208); border-radius: 4px; text-align: center; vertical-align: middle; padding: 5px 0px; } #member_info_popup .user_shopping_info_detail { float: left; width: 49.6%; } #member_info_popup .divider { width: 0.5%; float: left; height: 48px; border: 0.5px solid rgb(208, 208, 208); } #member_info_popup .user_shopping_info_data, #member_info_popup .link_to_account { color: rgb(74, 144, 226); } #member_info_popup .user_shopping_info_data { font-size: 1.6rem; } #member_info_popup .link_to_account { padding: 10px; font-weight: 700; display: block; font-size: 1.7rem; } .padding-left-0 { padding-left: 0px; padding-right: 7.5px; } .padding-right-0 { padding-right: 0px; padding-left: 7.5px; } .margin-0 { margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .mobile_menu_member_info { font-size: 13px; font-weight: 600; letter-spacing: 0px; } .mobile_menu_member_info .no-border { border: none !important; } .mobile_menu_member_info .user_shopping_info { border: 1px solid rgb(255, 255, 255); border-radius: 4px; text-align: center; vertical-align: middle; padding: 5px 0px; margin-left: -5px; margin-right: -5px; margin-top: 5px; } .mobile_menu_member_info .user_shopping_info_detail { float: left; width: 49.6%; } .mobile_menu_member_info .divider { width: 0.1%; float: left; height: 45px; border: 0.5px solid rgb(208, 208, 208); } .mobile_menu_member_info .user_shopping_info_data, .mobile_menu_member_info .link_to_account { color: rgb(74, 144, 226); } .mobile_menu_member_info .user_shopping_info_data { font-size: 14px; } .mobile_menu_member_info .member_group_adv, .mobile_menu_member_info .user_info, .mobile_menu_member_info .user_shopping_info { text-align: center; } .mobile_menu_member_info .user_info { text-align: left; } .mobile_menu_member_info .user_info .username { font-size: 16px; font-weight: 700; } @media (max-width: 991px) { .margin-0 { margin: 0px !important; } .mobile_menu_member_info .center-item { padding-left: 5px; padding-right: 5px; } .mobile_menu_member_info .user_info { text-align: center; } .mobile_menu_member_info .row.user_shopping_info { margin-bottom: 5px; } .mobile_menu_member_info .user_shopping_info { margin-left: 0px; margin-right: 0px; } } .smartbanner { bottom: 0px; position: fixed !important; top: auto !important; } .cart-page .additional-box .cart-ex-button { margin: 0px; padding: 7px 5px; border: 1px solid rgb(217, 217, 217); border-top-right-radius: 4px; border-bottom-right-radius: 4px; min-width: 90px; } .cart-ex-title { font-weight: bold; display: inline-block; position: relative; } .cart-ex-reward-title::before { content: "|"; position: absolute; top: -5px; left: 0px; padding-left: 5px; } .cart-ex-small-title { font-size: 0.9em; font-weight: bold; position: relative; padding-left: 15px; } .btn-exchange-cancel { text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 5px; font-size: 0.9em; letter-spacing: -1px; } .btn-exchange-cancel:hover { cursor: pointer; } .btn-exchange-confirm { width: 100%; text-align: center; } #exchange_modal .modal-content, #exchange_modal .modal-header { background: rgb(255, 255, 255); } #exchange_modal .exchange-modal-title { font-weight: bold; font-size: 16px; padding: 10px 5px; display: inline-block; } #exchange_modal .exchange-modal-desc { padding: 15px; color: rgb(107, 107, 107); background-color: rgb(244, 244, 245); display: inline-block; width: 100%; } #exchange_modal .close { opacity: 1; font-size: 42px; } #exchange_modal .modal-header { border-bottom: 0px; } #exchange_modal .modal-dialog { max-width: 579px; } #exchange_modal .modal-body { padding-top: 0px; padding-bottom: 0px; } #exchange_modal .exchange_error { color: red; font-weight: bold; } #exchange_modal .exchange-modal-row { padding-left: 0px; display: inline-flex; align-items: center; width: 100%; } #exchange_modal .exchange-input { margin: 0px; background-color: rgb(252, 252, 252); } #exchange_modal .exchange-to-text { padding: 0px; font-size: 12px; } #exchange_modal .exchange-to-credit-row { max-width: 200px; display: inline-block; padding-right: 0px; } #exchange_modal .exchange-to-credit-input { background-color: rgb(226, 242, 232); color: rgb(115, 181, 147); border: 0px; font-weight: bold; } #exchange_modal .reward_total { font-weight: bold; font-size: 1.1em; } .ma-btn-filter:focus { outline: 0px; } .ma-btn-filter { color: rgb(0, 0, 0); background: transparent; border-color: rgb(0, 0, 0); padding: 12px 0px; border-radius: unset; text-transform: capitalize; max-width: 200px; text-align: center; min-width: 100%; } .ma-btn-filter:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } #filter-close-btn { position: absolute; top: 50%; height: 44px; width: 44px; transform: translate(-50%, -50%); cursor: pointer; background: transparent; border-radius: 50%; border: none; outline: none; } #filter-close-btn span { position: absolute; width: 20px; height: 2px; top: 50%; left: 50%; background: rgb(255, 255, 255); border-radius: 1px; overflow: hidden; transition: all 0.3s linear 0s; } #filter-close-btn span::before { content: ""; position: absolute; width: 0px; height: 100%; top: 0px; right: 0px; background: gray; transition: all 0.3s linear 0s; } #filter-close-btn span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-first-on; } #filter-close-btn span:nth-child(2) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-third-on; } #filter-close-btn.on:hover span::before { width: 100%; transition: all 0.3s linear 0s; } #filter-close-btn.on span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-first-on; } #filter-close-btn.on span:nth-child(2) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-third-on; } @keyframes span-first-on { 0% { transform: translate(-50%, -300%); } 30% { transform: translate(-50%, -50%); } 100% { transform: translate(-50%, -50%) rotate(-45deg); } } @keyframes span-first-off { 0% { transform: translate(-50%, -50%) rotate(-45deg); } 30% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -300%); } } @keyframes span-third-on { 0% { transform: translate(-50%, 200%); } 30% { transform: translate(-50%, -50%); } 100% { transform: translate(-50%, -50%) rotate(45deg); } } @keyframes span-third-off { 0% { transform: translate(-50%, -50%) rotate(45deg); } 30% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, 200%); } } .price-info-box { border: 1px solid rgb(233, 233, 233); border-radius: 4px; padding: 15px; margin: 15px auto; } .price-info-box.no-border { border: none; padding: 20px 0px 0px; box-shadow: none; margin: 0px; } .price-info-box .customer-group-name { display: flex; align-items: center; font-weight: bold; padding-bottom: 5px; } .price-info-box .customer-group-name > span:first-child { display: flex; align-items: center; align-content: center; } .price-info-box .customer-group-name img { margin-right: 10px; } .price-info-box .customer-earn { display: flex; align-items: center; flex-wrap: wrap; margin-left: -10px; } .price-info-box .price-info { display: flex; align-items: baseline; padding-bottom: 5px; } .price-info-box .price-info > span:nth-child(1) { padding-right: 7px; } .price-info-box .price-info > span:nth-child(2) { padding-left: 7px; padding-right: 7px; } .product-info .price .price-info-display.price-new { font-size: 1.2em; } .price-info-box .price-info > span.price-info-display { position: relative; font-weight: bold; } .price-info-box .price-info > span.price-info-reward { font-size: 0.9em; display: flex; align-items: center; } .price-info-box .price-info > span.price-info-display.no-slash::after { content: " "; background: none; } .price-info-box .price-info .price-info-price { font-size: 1.3em; margin-left: 3px; letter-spacing: 0px; } .price-info-box.no-border .customer-group-name { padding-top: 10px; } .customer-earn > .customer-earn-box { border-radius: 15.5px; border: 1px solid rgb(203, 203, 203); padding: 3px 2px 3px 0px; display: flex; align-items: center; margin-left: 10px; margin-top: 3px; width: fit-content; } .customer-earn > .customer-earn-box > .icon { display: flex; align-items: center; padding: 0px 5px; } .customer-earn > .customer-earn-box .icon.star { padding-right: 3px; padding-left: 4px; } .customer-earn > .customer-earn-box .icon.usd { padding-left: 6.5px; padding-right: 5.5px; } .customer-earn > .customer-earn-box > span:last-child { padding-right: 5px; display: flex; align-items: center; font-size: 0.95em; } .price-info-price-old { color: rgb(132, 132, 132); padding-top: 15px; } .price.np { padding: 0px; } .price.p-10 { padding: 10px 0px; } .points-rebate-ori { position: relative; padding-left: 10px; } .points-rebate-ori::before { content: " "; display: block; position: absolute; height: 11px; background: black; width: 1px; left: 0px; top: 4px; } .grey-text { color: rgb(140, 140, 140); } .custom-field { padding-top: 10px; font-size: 1.2em; font-weight: 600; } .product-info .price .price-new.p10 { padding: 10px 0px; display: inline-block; } .order-info-fancy-box { display: none; } .order-info-fancy-box.fancybox-content { border-radius: 5px; padding: 20px 15px 10px; } .order-info-fancy-box div + .btn-action.btn-payment-order-status { margin-left: 10px; } .order-info-fancy-box .btn-action.btn-payment-order-status button { background-color: rgb(95, 112, 129); color: rgb(255, 255, 255); border-radius: 25px !important; } .shipany-tracking-box .ship-status-tl-container { scrollbar-color: rgb(85, 85, 85) rgb(196, 196, 196); scrollbar-width: thin; } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(196, 196, 196); } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar { width: 8px; } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(85, 85, 85); } .shipany-tracking-box .ship-status-tl-container { margin: 15px auto auto; padding: 0px 15px 0px 90px; display: block; position: relative; max-height: 500px; min-height: 100px; overflow: hidden auto; } .shipany-tracking-box .ship-status-tl-container ul.tl { padding: 0px; display: flex; flex-wrap: wrap; margin-bottom: 0px; } .shipany-tracking-box .ship-status-tl-container ul.tl { padding-top: 10px; } .shipany-tracking-box .ship-status-tl-container ul.tl li { list-style: none; min-height: 50px; min-width: 100px; border-left: 2px solid rgb(223, 227, 229); padding: 25px 0px 10px 13px; position: relative; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child { padding-top: 0px; } .shipany-tracking-box .ship-status-tl-container ul.tl li::before { position: absolute; left: -10px; content: " "; border-radius: 500%; background: rgb(223, 227, 229); height: 17px; width: 17px; transition: all 500ms ease-in-out 0s; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child::before { color: transparent; border-radius: 50%; background: rgba(38, 138, 217, 0.9); animation: 1.5s linear 0s infinite normal none running breathe; } @keyframes breathe { 0% { box-shadow: rgba(122, 172, 251, 0.8) 0px 0px 0px 5px; } } .shipany-tracking-box { font-size: 16px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .item-detail { border-radius: 3px; padding: 0px 10px 10px 0px; margin-top: 5px; min-width: 300px; color: rgb(132, 132, 132); font-size: 15px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .action-time { position: absolute; left: -98px; top: 21px; width: 85px; font-size: 12px; color: rgb(132, 132, 132); text-align: center; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child .action-time { top: -1px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .action-time > .time { font-size: 20px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .item-timestamp { color: rgb(0, 0, 0); font-weight: 500; display: flex; align-items: center; margin-top: -4px; } .shipany-tracking-box .title { font-size: 20px; } .shipany-tracking-box .title .tk-no { color: rgb(0, 123, 211); } .promotions .head { font-size: 16px; font-weight: 400; text-transform: uppercase; } .promotions-label { background-color: var(--promotions-theme-price-color); color: rgb(255, 255, 255); padding: 2px 5px; border-radius: 4px; margin: 0px; text-wrap: nowrap; } .promotions-label-addon { background-color: var(--promotions-theme-addon-color); } .promotions-label-gift { background-color: var(--promotions-theme-gift-color); } .notify-string { color: rgb(183, 13, 50); } .btn .notify-string { color: inherit; } .promotion-info .btn { display: flex; position: relative; margin-top: auto; } .promotion-info .btn.expire { background-color: rgb(224, 224, 224); border: 2px solid rgb(224, 224, 224); color: rgb(255, 255, 255) !important; } .promotion-info .btn.empty, .cart-info .btn.empty { background-color: transparent; border: 2px solid rgb(191, 36, 70); color: rgb(191, 36, 70) !important; } .promotion-info .btn.contained, .promotion-info .btn.empty:hover, .cart-info .btn.contained, .cart-info .btn.empty:hover { background-color: rgb(191, 36, 70); border: 2px solid rgb(191, 36, 70); color: rgb(255, 255, 255) !important; } .promotions .expand-btn { font-size: 20px; width: 38px; height: 38px; } .promotions .expand-btn:hover { background-color: rgb(248, 248, 248); } .promotions.box-product { padding: 16px; } @media screen and (max-width: 768px) { .promotion-info .btn.contained i + div { margin-left: 10px; } } .product .add-to-cart-btn .btn-primary > i { display: none; } .product-info .price .price-new.al__price__box { background-color: rgb(164, 22, 51); color: rgb(255, 255, 255); padding: 5px; font-size: 18px; margin-right: 10px; } .product-info .al__price__row { display: flex; align-items: center; flex-wrap: wrap; } .product-info .al__discount__total { flex: 1 1 100%; font-size: 15px; } .product-info .al__option__title { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: rgb(237, 242, 245); font-size: 20px; font-weight: bold; } .product-info .al__option { padding-bottom: 0px; } .product-info .al__option .radio-title-group .input-container .radio-title-image label { display: block; } .product-info .al__option .radio-title-group .input-container .radio-title { display: block; } .product-info .al__option .radio-title-group .input-container .radio-title-image .radio-title-label span:first-child, .product-info .al__option .radio-title-group .input-container .radio-title.checkbox-title .checkbox-title-text { min-height: 20px; } .product-info .al__option .radio-title-group .input-container .radio-title { background-color: rgb(30, 125, 89); } .product-info .al__option .radio-title-group .input-container .radio-title-image label { color: rgb(255, 255, 255); } .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title { border-color: inherit; background-color: rgb(205, 166, 11); box-shadow: rgb(0, 0, 0) 0px 0px 5px inset; color: rgb(255, 255, 255); } .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title .radio-title-label, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title .radio-title-label, .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title .radio-title-label.select-to-radio span:last-child, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title.checkbox-title .checkbox-title-text span:last-child { color: rgb(255, 255, 255); } .product-info .addtional-func.al__addtional__func { display: flex; justify-content: center; align-items: center; padding: 5px; margin-top: 10px; background-color: rgb(237, 242, 245); } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a > i { color: rgb(164, 22, 51); padding: 5px; } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a > span { color: rgb(71, 72, 75); } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a { display: flex; justify-content: center; align-items: center; border-radius: 0px !important; border: none !important; width: 100px !important; } .product .add-to-cart-btn .btn-primary.cart-loading > i { display: block; font-size: 20px; } .product .add-to-cart-btn .btn-primary.cart-loading > img { display: none; } .product-info .product-qty-row .value-button.increase[disabled="disabled"], .product-info .product-qty-row .value-button.decrease[disabled="disabled"] { opacity: 0.7; color: rgb(199, 200, 199); } .cart-page .cart-info .value-button[disabled="disabled"] { opacity: 0.7; color: rgb(199, 200, 199); } .swiper-wrapper .swiper-slide { background: transparent; } .swiper-slide a { width: 100%; } .swiper-slide img { display: block; width: 100%; object-fit: cover; } .swiper-slide { text-align: center; font-size: 18px; background: rgb(255, 255, 255); } .swiper-wrapper { align-items: center; } .swiper-lazy-preloader { border: none; animation: auto ease 0s 1 normal none running none; } .k-slideshow-loader { position: relative; width: 12px; height: 12px; top: calc(50% - 6px); left: calc(50% - 6px); border-radius: 12px; background-color: rgb(204, 204, 204); transform-origin: 50% 50%; animation: 1s ease-in-out 0s infinite normal none running k-slideshow-loader; } .k-slideshow-loader::before { content: ""; position: absolute; background-color: rgba(204, 204, 204, 0.8); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px; } .k-slideshow-loader::after { content: ""; position: absolute; background-color: rgba(204, 204, 204, 0.8); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px; } @-webkit-keyframes k-slideshow-loader { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @keyframes k-slideshow-loader { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } input[type="number"] { } #toast-container.toastr-bi-alert { top: 60px; right: 15px; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } #toast-container.toastr-bi-alert .toast { background-color: rgb(255, 255, 255); color: rgb(41, 44, 53); margin: 0px; opacity: 1; max-width: 300px; padding: 0px; display: flex; flex-direction: column; width: 300px; border-radius: 6px; animation: 0.2s ease 0s 1 normal none running toastr-slide-in; background-image: none !important; &:hover { box-shadow: rgb(153, 153, 153) 0px 0px 12px; } } @media screen and (max-width: 768px) { #toast-container.toastr-bi-alert { align-items: flex-start; } #toast-container.toastr-bi-alert.toastr-backdrop { width: 100%; height: 100%; top: 0px; left: 0px; transform: none; pointer-events: unset; } #toast-container.toastr-bi-alert.toastr-backdrop::before { content: ""; width: 100%; height: 100%; background: rgb(0, 0, 0); display: block; opacity: 0; position: absolute; } #toast-container.toastr-bi-alert .toast { --top: 20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 90%; transition: top 0.2s ease-in-out 0s; } div:has(#new-mobile-header.nav-up) ~ #toast-container.toastr-bi-alert .toast { top: var(--top) !important; } div:has(#new-mobile-header.nav-up .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( var(--mobile-checkout-header-height, 30px) + var(--top) ) !important; } div:has(#new-mobile-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 60px + var(--top) ); } div:has(#new-mobile-header .alert.header_message) ~ #toast-container.toastr-bi-alert .toast { top: calc( 100px + var(--top) ); } div:has(#new-mobile-header .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 60px + var(--mobile-checkout-header-height, 30px) + var(--top) ); } div:has(#new-mobile-header .alert.header_message ~ .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 100px + var(--mobile-checkout-header-height, 30px) + var(--top) ); } } #toast-container.toastr-bi-alert .toast-message a, #toast-container.toastr-bi-alert .toast-message label { color: rgb(0, 0, 0); } .toastr-bi-alert .toast .toast-message { position: relative; padding: 15px 60px 15px 55px; color: rgb(41, 44, 53); font-size: 13px; letter-spacing: 0px; } .toastr-bi-alert .toast .toast-message::first-line { font-size: 15px; } .toastr-bi-alert .toast .toast-message::before { content: ""; position: absolute; top: 15px; left: 20px; width: 25px; height: 25px; display: inline-block; flex-shrink: 0; mask-size: 25px; mask-repeat: no-repeat; mask-position: center center; justify-content: center; align-items: center; } .toastr-bi-alert .toast.toast-success .toast-message::before, .toastr-bi-alert .toast.toast-bi-check .toast-message::before { mask-image: url(""); background-color: rgb(71, 190, 125); } .toastr-bi-alert .toast.toast-info .toast-message::before { mask-image: url(""); background-color: rgb(94, 98, 120); } .toastr-bi-alert .toast.toast-error .toast-message::before, .toastr-bi-alert .toast.toast-warning .toast-message::before, .toastr-bi-alert .toast.toast-bi-warning .toast-message::before { mask-image: url(""); background-color: rgb(255, 199, 0); } .header-customer-group-select .btn.btn-customer-group-select { border: none; border-radius: 0px; width: 100%; } .btn-customer-group img { padding-right: 10px; } .btn.btn-default.btn-customer-group:hover { background-color: rgb(242, 246, 249) !important; color: rgb(0, 0, 0) !important; } .customer-group-select { width: 60%; } .customer-group-select > .dropdown-menu { padding: 10px 0px; width: 100%; border-radius: 0px; } .customer-group-select > .dropdown-menu > li > button { border: 0px; width: 100%; display: flex; align-items: center; border-radius: 0px; } .add-new-cus-gp-container { padding: 10px 10px 0px; } .btn.btn-customer-group-select { display: flex; align-items: center; padding: 8px; min-height: 44px; border-color: rgb(208, 208, 208) !important; } .btn.mobile-btn-customer-group-select { display: none; border-width: initial; border-style: none; border-image: initial; border-radius: 0px; width: 100%; justify-content: space-between; align-items: center; padding: 8px 8px 8px 0px; min-height: 44px; background-color: rgb(255, 255, 255); border-color: rgb(208, 208, 208) !important; } .btn.mobile-btn-customer-group-select.dropdown-toggle { padding-left: 3px; } .btn:hover.mobile-btn-customer-group-select { background: rgb(240, 240, 240); } .btn.mobile-btn-customer-group-select > div > img { padding-right: 10px; } .btn.mobile-btn-customer-group-select div { display: flex; justify-content: center; align-items: center; } .btn.mobile-btn-customer-group-select .member_status { color: black; } .btn.mobile-btn-customer-group-select .member_status_title { font-size: 15px; font-weight: 400; margin-right: 25px; } .btn.mobile-btn-customer-group-select > i { color: rgb(195, 195, 195); } .btn-customer-group-select img { padding-right: 10px; } .btn-customer-group-select > span:nth-of-type(1) { margin-right: auto; } .header-customer-group-select .btn-customer-group-select > span:nth-of-type(1) { margin-right: 25px; } .btn-customer-group-select > span:nth-of-type(2), .btn-customer-group > i { margin-left: auto; } .header-customer-group-select .btn-customer-group-select > span:nth-of-type(2) { margin-left: 0px; } .header-customer-group-select .btn-customer-group-select > i { margin-left: auto; } .btn-add-new-customer-group > i { margin-right: auto; } .btn-add-new-customer-group > span { margin-right: auto; } .btn-add-new-customer-group { width: 100%; display: flex; align-items: center; } .account-page .btn-organization { width: 100%; height: 100%; } .btn.organization_select { border: none; border-radius: 0px; width: 100%; display: flex; align-items: center; } .btn-organization > .dropdown-menu { width: 100%; } .organization_select img { padding-right: 10px; } .organization_select i { margin-left: auto; } .btn.btn-default.organization_select:hover { background-color: rgb(242, 246, 249) !important; color: rgb(0, 0, 0) !important; } .account-page .organization_info { width: 100%; border: 1px solid rgb(208, 208, 208); border-radius: 4px; margin-bottom: 10px; padding: 5px 5px 5px 15px; display: flex; align-items: center; flex-direction: column; } .account-page .organization_button { width: 100%; display: flex; align-items: center; justify-content: space-between; border-width: 0px; border-style: solid; border-image: initial; padding: 5px 10px; border-color: rgb(208, 208, 208) !important; } @media screen and (max-width: 1024px) { .customer-group-select { width: 100%; } .btn.btn-customer-group-select { display: none; } .btn.mobile-btn-customer-group-select { display: flex; } } .toastr-bi-alert .toast .toast-message::after { content: ""; position: absolute; right: 20px; top: 12.5px; background-image: url("data:image/svg+xml,
"); background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; width: 30px; height: 30px; border-radius: 3px; transition: background-color 0.2s ease 0s; } .toastr-bi-alert .toast:hover .toast-message::after { background-color: rgb(248, 248, 248); } .toastr-bi-alert .toast .toast-close-button { order: 2; position: static; color: rgb(138, 138, 138); font-size: 14px; font-weight: 500; letter-spacing: 0px; text-shadow: none; text-align: center; opacity: 1; margin: 5px auto 15px 50px; padding: 5px; transition: text-decoration-color 0.2s ease 0s; text-decoration-color: transparent; &:hover { text-decoration: underline 1px rgb(138, 138, 138); text-underline-offset: 3px; } } .toastr-bi-alert .toast .toast-close-button + .toast-message { padding-bottom: 0px; } @keyframes toastr-slide-in { 0% { transform: translateX(110%); } } .combo-row { display: flex; flex-direction: column; gap: 5px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; padding: 5px; width: 100%; } .combo-value-no-image { width: 27px; height: 27px; margin: 0px 5px 3px 0px; } .combo-value-row { display: flex; align-items: center; gap: 10px; &:hover { padding: 0px 5px; margin: 0px -5px; background-color: rgb(248, 248, 248); } } .combo-value-row .combo-value-quantity { margin-left: auto; font-weight: 600; display: flex; padding: 5px 5px 5px calc(10px + 1rem); justify-content: center; align-items: center; position: relative; &::before { transform: rotate(45deg); } &::after { transform: rotate(135deg); } &::before, &::after { content: ""; width: 1rem; height: 2px; left: 5px; position: absolute; z-index: 1; background-color: rgb(80, 82, 91); border-radius: 1px; } } .combo-value-price { &::before { content: "("; } &::after { content: ")"; } } div .heading-1 { display: block; font-size: 2em; margin-block: 0.67em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-2 { display: block; font-size: 1.5em; margin-block: 0.83em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-3 { display: block; font-size: 1.17em; margin-block: 1em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-4 { display: block; margin-block: 1.33em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-5 { display: block; font-size: 0.83em; margin-block: 1.67em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-6 { display: block; font-size: 0.67em; margin-block: 2.33em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } .price-range { gap: 5px; } .price-up .price-up-text { font-size: 0.9em; } .price-range-wrapper .price-range, .price-range-wrapper.show-range .price_value, .price-up .price-up-text, .price-up .price-range, .price-up.show-range .price_value { display: none; } .price-range-wrapper.show-range .price-range, .price-range-wrapper.show-range .price-range .price_value, .price-up:not(.show-range) .price_value, .price-up.show-range .price-up-text, .price-up.show-range .price-range, .price-up.show-range .price-range .price_value { display: inline-flex; }
"); } .filter-blog-image.slick-loading { } .slick-slide:focus { outline: none; } .slick-slide a:focus { outline: none; } .slick-dots { max-width: 90%; position: inherit !important; margin-left: 5% !important; margin-right: 5% !important; } .product_show_list .slick-next, .product_show_list .slick-prev { top: 101% !important; z-index: 1; } .slider-for, .slider-nav, .product_show_list { display: none; } @media screen and (max-width: 768px) { .product_show_list .slick-next, .product_show_list .slick-prev { top: 102% !important; } } .header_message { color: rgb(255, 255, 255); border-radius: 0px; background: rgb(33, 32, 30); overflow: hidden; margin: 0px; border: none; text-overflow: ellipsis; white-space: nowrap !important; padding: 10px 42px !important; text-align: center !important; } .header_message .closebtn { position: absolute; right: 15px; top: 3px; width: 30px; height: 30px; padding: 5px; font-size: 18px; font-weight: 600; cursor: pointer; } .btn-outline-dark { color: rgb(55, 55, 55); font-weight: 600; background-color: transparent; background-image: none; border: 1px solid rgb(193, 193, 193); font-size: 13px; padding-bottom: 8px; margin-bottom: 5px; margin-top: 5px; } .btn-outline-dark:hover { background-color: rgb(235, 235, 235); } .top-bar-icon { width: 15px; margin-right: 3px; padding-bottom: 2px; vertical-align: middle !important; } .top-bar-icon { fill: rgb(255, 255, 255); } .carets { margin-left: 5px; vertical-align: middle; } .price .discount .discount-items { font-weight: bold; font-size: 1.2em; display: inline-block; padding: 8px 10px; border-radius: 6px; border: 2px solid; margin-bottom: 5px; } @media (max-width: 500px) { .price .discount .discount-items { font-size: 1em !important; } } select { background: url("") calc(100% - 10px) center / 15px no-repeat rgb(255, 255, 255); } .category-hr { margin: 0px 30px 10px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .main-content { opacity: 0; animation: 0.2s ease-in 0s 1 normal forwards running fadeIn; } @keyframes translateY { 0% { y: 0px; } 100% { y: 100px; } } .translate-y { animation: 0.1s ease-in 0s 1 normal forwards running translateY; } .isDisabled { color: currentcolor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .timerShell, .timerShell-none { height: 5.5em; position: relative; min-height: 5.5em; } .timerShell p { margin: 0px; } .timerShell p:first-child { padding-top: 5px; padding-bottom: 5px; font-size: 1.1em; } .timer { font-size: 1.2em; width: 90%; margin: 0px auto; } .timerShell, .timer { border-radius: 5px; text-align: center; } #expiredTimer { font-size: 1.2em; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .expiredTimer { font-size: 1.2em; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1200px) { .timer { font-size: 1em; } .timerShell p:first-child { padding-top: 10px; } } @media screen and (max-width: 960px) and (min-width: 768px) { #countdown-container { line-height: 1.2; } } .image-timer .timerShell p:first-child { display: inline-block; font-size: 14px; padding-top: 5px; } .image-timer .timer { display: inline-block; background-color: inherit; color: rgb(255, 255, 255); width: 70%; font-size: 14px; padding-top: 5px; } .image-timer .timerShell { height: 45px; min-height: 45px; border-radius: 0px; font-size: 14px; opacity: 0.8; vertical-align: middle; text-align: center; padding: 7px 0px; display: flex; } .image-timer .timerShell p:first-child:not(.expiredTimer) { width: 8%; position: absolute; } .image-timer .timerShell p:first-child:not(.expiredTimer) { left: 7%; } .image-timer { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 1; } .image-bottom { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 1; pointer-events: none; } .image-bottom > * + * { margin-top: 5px; } .image-bottom .image-timer { position: unset; } .expiredTimer { font-size: 16px !important; width: 100%; } @media screen and (max-width: 768px) { .image-timer .timer { font-size: 12px; padding-top: 5px; width: auto; margin: auto; } .image-timer .timerShell { font-size: 14px; } .expiredTimer { font-size: 14px; } } @media screen and (max-width: 375px) { .image-timer .timerShell p:first-child { width: 10%; } .image-timer .timer { font-size: 11px; width: auto; margin: auto; padding-top: 1px; } } @media screen and (max-width: 343px) { .image-timer .timerShell p:first-child { width: 8%; left: 5%; } .image-timer .timer { font-size: 11px; width: auto; margin: auto; padding-top: 1px; } } .product-list .timer { width: 80%; font-size: 15px; } .product-list .timerShell { } .value-button { display: inline-block; border: 1px solid rgb(221, 221, 221); margin: 0px; width: 40px; height: 20px; text-align: center; vertical-align: middle; padding: 11px 0px; background: rgb(255, 255, 255); user-select: none; } .value-button:hover { cursor: pointer; } .decrease { text-align: center; border-radius: 3px 0px 0px 3px; border: 1px solid rgb(221, 221, 221); align-self: flex-start; display: inline-block; width: 50px; padding: 10px; cursor: pointer; height: 41px; } .increase { text-align: center; border-radius: 0px 3px 3px 0px; border: 1px solid rgb(221, 221, 221); display: inline-block; align-self: flex-end; width: 50px; padding: 10px; cursor: pointer; height: 41px; } .increase:active { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .decrease:active { box-shadow: rgb(0, 0, 0) 0px 0px 1px inset; } .product-qty-row { display: flex; align-items: center; } .input-wrap { margin: 0px 10px 0px 0px; text-align: center; align-items: center; width: 108px; display: -webkit-inline-flex; } input.quantity_num { text-align: center; display: inline-block; border-radius: 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-image: initial; border-left: none; border-right: none; font-size: 18px; padding: 5px; background: rgb(255, 255, 255); margin: 0px; width: 40px; height: 41px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .ion-ios-close, .ion-ios-close-outline { font-size: 20px; } #checkout { font-size: 16px; } #checkout .header-text, .control-label, .delivery-method left-content { font-size: 16px; } #checkout .checkout-header { margin-bottom: 40px; } #checkout .checkout-header .title { font-size: 24px; font-weight: 600; letter-spacing: -0.4px; text-align: center; } #checkout .checkout-header div.profileSteps { margin: 20px 0px 0px; text-align: center; } #checkout .checkout-header div.profileStep { position: relative; top: 30px; height: 50px; display: inline-block; } #checkout .checkout-header div.profileStep.profileStepShort { width: 130px; } #checkout .checkout-header div.profileStep.profileStepLong { width: 180px; } #checkout .checkout-header div.profileStep .connect { position: absolute; top: 10px; left: 8px; height: 3px; background-color: rgb(0, 0, 0); } #checkout .checkout-header div.profileStep .connect.short { width: 122px; } #checkout .checkout-header div.profileStep .connect.long { width: 255px; } #checkout .checkout-header div.profileStep .icon { position: absolute; top: 0px; right: -13px; width: 21px; height: 21px; background-color: rgb(0, 0, 0); border-radius: 10px; color: rgb(255, 255, 255); z-index: 5; } #checkout .checkout-header div.profileStep .info { position: absolute; top: -30px; width: 150px; color: rgb(0, 0, 0); letter-spacing: -0.4px; text-align: center; } #checkout .checkout-header div.profileStep .info.short { left: 57px; } #checkout .checkout-header div.profileStep .info.long { left: 105px; } #checkout .checkout-header div.profileStepPassive .connect { background-color: rgb(216, 216, 216); } #checkout .checkout-header div.profileStepPassive .icon { background-color: rgb(216, 216, 216); } #checkout .checkout-step.step-3 { display: none; } #checkout .checkout-step .section-header { background-color: rgb(229, 229, 229); border-radius: 6px; height: 46px; padding: 8px 18px; font-size: 20px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 18px; } #checkout .checkout-step .member-login { border-bottom: 1px solid rgb(216, 216, 216); padding: 0px 3px 14px; margin-bottom: 30px; font-weight: 500; letter-spacing: -0.4px; margin-left: 18px; margin-right: 18px; } #checkout .checkout-step .member-login .btn-login { min-width: 109px; padding: 8px 22px; color: rgb(255, 255, 255); border: none; border-radius: 6px; margin-left: 13px; } #checkout .checkout-step .contact-info { margin-bottom: 19px; } #checkout .checkout-step .form-group { padding: 10px; margin: 0px; } #checkout .checkout-step .member-form { padding-top: 0px; padding-bottom: 0px; } #checkout .checkout-step .form-group .control-label { margin: 0px; font-weight: 500; letter-spacing: -0.4px; } #checkout .checkout-step .form-group .form-control { padding: 7px 15px; border-radius: 6px; height: 40px; } #checkout .checkout-step .delivery-info .delivery-desc { padding: 14px 12px; background-color: rgb(246, 246, 246); letter-spacing: -0.4px; margin-bottom: 30px; } #checkout .checkout-step .delivery-info .no-shipping-method { padding: 14px 12px; background-color: rgb(246, 246, 246); letter-spacing: -0.4px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; } #checkout .checkout-step .delivery-info .delivery-desc a { color: rgb(74, 144, 226); } #checkout .checkout-step .delivery-info .delivery-area { margin-bottom: 30px; } #checkout .checkout-step .delivery-info .delivery-area .control-label { margin-bottom: 15px; } #checkout .checkout-step .delivery-info .delivery-method { margin-bottom: 25px; } #checkout .checkout-step .delivery-info .delivery-method .xshipping-header { margin-bottom: 15px; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item { padding: 15px; margin-bottom: 5px; min-height: 65px; border: 1px solid transparent; transition: all 0.5s ease 0s; cursor: pointer; position: relative; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item.checked { border: 1px solid rgb(199, 199, 199); border-radius: 6px; cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item input[type="radio"] { position: absolute; opacity: 0; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .left-content { text-align: justify; width: calc(100% - 120px); margin: 0px 5px; display: inline-block; cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .right-content { display: inline-block; cursor: pointer; float: right; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .chosen-selector { float: right; position: absolute; bottom: 8px; right: 9px; font-size: 10px; } #checkout .checkout-step .delivery-info .delivery-method .shipping-item .chosen-selector .fa { color: rgb(29, 177, 0); font-size: 16px; transition: all 0.2s ease 0s; } #checkout .checkout-step .delivery-info .delivery-method .detail-container, #checkout .checkout-step .delivery-info .delivery-method .detail-container2, #checkout .checkout-step .delivery-info .delivery-method .detail-container3, #checkout .checkout-step .delivery-info .delivery-method .detail-container4 { padding: 17px 13px; background-color: rgb(246, 246, 246); margin-bottom: 12px; display: none; } #checkout .payment-method-container { padding: 17px 13px; background-color: rgb(246, 246, 246); margin-bottom: 15px; } #checkout .payment-method-container .btn-block { display: block; } #checkout .payment-method-container .buttons { padding-left: 0px; padding-right: 0px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container .shipping-contact { border: 1px solid rgb(199, 199, 199); border-radius: 6px; padding: 19px 15px; margin: 0px 10px 20px 0px; position: relative; } #checkout .checkout-step .delivery-info .delivery-method .detail-container .edit-shipping-contact { position: absolute; top: 10px; right: 8px; cursor: pointer; color: rgb(74, 144, 226); } #checkout .checkout-step .delivery-info .delivery-method .detail-container .form-group { padding: 0px 10px 0px 0px; margin: 0px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #googleMap { margin-bottom: 25px; width: 100%; height: 250px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail { margin-top: 10px; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #shopDetail, #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail { padding: 0px; line-height: 1.4; } #checkout .checkout-step .delivery-info .delivery-method .detail-container #shopDetail table td, #checkout .checkout-step .delivery-info .delivery-method .detail-container #secondShopDetail table td { vertical-align: top; padding-left: 5px; padding-right: 5px; font-size: 14px; letter-spacing: -0.1px; } #checkout .locker-choice-title { text-decoration: underline; margin-left: 5px; margin-bottom: 13px; display: table; } #checkout .checkout-step .delivery-info .delivery-datetime { padding: 17px 13px; background-color: rgb(246, 246, 246); } #checkout .checkout-step .delivery-info .delivery-datetime .control-label { margin-bottom: 10px; } #checkout .checkout-step .delivery-info .delivery-datetime input, #checkout .checkout-step .delivery-info .delivery-datetime select { margin-top: 0px; } #checkout .checkout-step .delivery-info .delivery-datetime #input-delivery-date { border-radius: 6px 0px 0px 6px; } #checkout .checkout-step .delivery-info .delivery-datetime #input-delivery-date[readonly] { background-color: rgb(255, 255, 255) !important; cursor: pointer !important; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon { cursor: pointer; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon.addBorder { border-color: rgb(120, 124, 144); outline: 0px; } #checkout .checkout-step .delivery-info .delivery-datetime .input-group-addon { transition: border 0.2s linear 0s; } #checkout .checkout-step .contact-delivery-info .section-content { border: 1px solid rgb(199, 199, 199); border-radius: 6px; padding: 19px 15px; margin: 0px 10px 20px 0px; position: relative; } #checkout .checkout-step .contact-delivery-info .contact-delivery-summary { margin-right: 80px; } #checkout .checkout-step .contact-delivery-info .edit-contact-delivery { top: 40%; right: 25px; position: absolute; cursor: pointer; color: rgb(74, 144, 226); } #checkout .checkout-step .btn-payment { padding: 16px; margin-top: 16px; min-width: 204px; position: relative; } #checkout .checkout-step .btn-payment .right-arrow { position: absolute; right: 15px; top: 20px; } #checkout .radio-box .radio { height: 30px; } @media screen and (max-width: 767px) { #checkout .checkout-step .member-login { margin-left: 0px; margin-right: 0px; } #checkout .checkout-step .member-login .checkout-login-text { text-align: left; display: block; } #checkout .checkout-step .member-login .checkout-login-button { text-align: right; display: block; } #checkout .checkout-step .member-login .checkout-login-button .btn-login { margin-top: 5px; } #checkout .checkout-step .delivery-info .delivery-area .shipping-zone { margin-top: 15px; } #checkout .checkout-header { margin-bottom: 10px; } #checkout .checkout-step .section-header { margin-left: -20px; margin-right: -20px; border-radius: 0px; } #checkout .checkout-step .form-group { padding: 0px; } #checkout .contact-payment-info .section-header { margin-bottom: 20px !important; } #checkout .contact-payment-info .hr-row { margin-right: -10px !important; margin-left: -10px !important; } #checkout .payment-method-container { margin-right: 0px !important; margin-left: 0px !important; } .contact-payment-info .payment-method_info { padding-left: 0px; padding-right: 0px; } .show_detail_btn { padding-top: 10px !important; } } .payment-method_info { padding-right: 0px; } #checkout .payment-method_info .btn-block { display: block; width: 100%; } #checkout .buttons { padding-left: 0px; padding-right: 0px; } #checkout .contact-payment-info .hr-row { margin-right: 0px; margin-left: 0px; } .checkout_input_error_border { border-color: rgb(255, 59, 59) !important; } .check_out_shipping_error { color: rgb(255, 59, 59); } .checkout_product_detail_table tbody tr td { vertical-align: middle; height: 150px; font-weight: 500; font-size: 14px; } .checkout_product_detail_table tbody tr td:last-child { text-align: right; } .checkout_product_detail_table tbody tr:last-child td { border-bottom: 1px solid rgb(229, 229, 229); } .checkout_product_detail_table tbody tr td:first-child { width: 100px; } .nopadding { padding: 0px !important; margin: 0px !important; } .little-margin { margin: 10px -10px 8px; } #checkout_order_total tr td { font-size: 14px; padding: 3.5px; } #checkout_order_total tr td { border-top: none; } #checkout_order_total tr td:last-child { text-align: right; } #checkout_order_total tr:last-child td { font-weight: 400; } #checkout .contact-payment-info .section-header { margin-bottom: 0px; } .show_detail_btn { color: rgb(74, 144, 226); font-size: 1em; padding-top: 0px; cursor: pointer; margin-top: -10px; } #mobile_order_total { font-size: 15px; word-break: break-all; padding-top: 10px; padding-bottom: 10px; } #mobile_order_total > div:last-child { font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 15px; } #checkout .mobile_product_detail .product_total { padding-right: 0px; } @media (max-width: 768px) { #checkout, #checkout .control-label { font-size: 15px; } #checkout .checkout-step .section-header { font-size: 17px; padding: 10px 18px; } } @media (max-width: 767px) { #checkout .checkout-step .delivery-info .delivery-method .detail-container { margin-top: 10px; } } #checkout .checkout-step .form-group .control-label.instant-register-input-password-label { padding-left: 20px; display: inline-block; } @media screen and (max-width: 767px) { #checkout .checkout-step .form-group .control-label.instant-register-input-password-label { display: inline-block; padding-left: 15px; margin-top: 5px !important; height: 20px !important; padding-top: 0px !important; padding-bottom: 0px !important; } #checkout .checkout-step .form-group .control-label-input-container { display: inline-block; } #checkout .checkout-step .member-form { padding-left: 15px !important; } #instant-register-btn, #input-instant-register-confirm, input[name="instant_register_password"] { margin: 5px 0px !important; } #instant-register-btn { width: 100%; } #checkout .checkout-step .btn-payment, .contact-payment-info .btn { width: 100%; margin-top: 15px; font-size: 1em; padding-top: 13px; padding-bottom: 11px; } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons > div, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons { width: 100%; } #checkout .checkout-step .btn-payment-theme { margin-left: -10px; margin-right: -10px; } .delivery-area .control-label, .delivery-area .required, .delivery-method .control-label, .delivery-method .radio-container { padding: 0px !important; } #checkout .checkout-step .member-login .btn-login { min-width: 0px; margin-left: 8px; } #checkout .checkout-step .btn-payment .right-arrow { right: 15px; top: 20px; } #checkout .checkout-step .btn-payment { width: 100% !important; } #checkout .checkout-step .comment-container { padding-left: 0px !important; padding-right: 0px !important; } } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn, #checkout .checkout-step .btn-payment, .contact-payment-info .buttons { min-width: 204px; } #checkout .checkout-step .btn-payment, .contact-payment-info .buttons .btn { text-align: center; font-size: 16px; min-width: 204px; padding: 14px; } #checkout .payment-info .payment-method .payment-item { padding: 10px 15px; margin-bottom: 5px; min-height: 50px; border: 1px solid transparent; transition: all 0.5s ease 0s; cursor: pointer; position: relative; } #checkout .payment-info .payment-method .payment-item.checked { border: 1px solid rgb(199, 199, 199); border-radius: 6px; cursor: pointer; } #checkout .payment-info .payment-method .payment-item input[type="radio"] { position: absolute; opacity: 0; } #checkout .payment-info .payment-method .payment-item .left-content { width: calc(100% - 100px); margin: 0px 5px; display: inline-block; cursor: pointer; } #checkout .payment-info .payment-method .payment-item .right-content { display: inline-block; cursor: pointer; float: right; } #checkout .payment-info .payment-method .payment-item .chosen-selector { float: right; position: absolute; top: 10px; right: 15px; font-size: 10px; } #checkout .payment-info .payment-method .payment-item .chosen-selector .fa { color: green; font-size: 16px; transition: all 0.5s ease 0s; } #payment_html_content { min-height: 200px; } #checkout .checkout-step .btn-payment { width: 50%; } .checkout-bottom-container { margin-left: 0px; margin-right: 0px; } .checkout-total-container { margin-bottom: 15px; } #checkout .checkout-step .comment-container { padding: 0px 15px; margin: 0px; } #instant_register .form-group { margin-bottom: 15px; } #instant_register .modal-content .close { text-shadow: none; opacity: 1; font-size: 25px; } #instant_register h2 { margin-top: 5px; margin-bottom: 10px; font-size: 22px; letter-spacing: 1px; } #instant_register .modal-body { padding-left: 30px; padding-right: 30px; padding-top: 0px; } #instant_register .modal-dialog { width: 425px; max-width: 100%; } #instant_register .modal-header { background: none; } #instant_register .modal-content { background: rgb(255, 255, 255); } #instant_register-input-email:focus, input[name="instant_register_password"]:focus { border: 1px solid rgb(120, 124, 144); } #instant_register { background-color: rgba(0, 0, 0, 0.4); padding-top: 7%; font-size: 16px; } #instant_register .or { position: relative; } #instant_register hr { margin-bottom: 10px; } #instant_register .or, #instant_register .forgotten { font-size: 14px; } #instant_register .center-item { text-align: center; } #instant_register #instant-register-btn { width: 100%; margin-bottom: 10px; font-size: 15px; } #instant_register .well { margin-bottom: 10px; } #instant_register .register { display: block; text-align: center; font-size: 16px; } #input-instant-register-confirm, input[name="instant_register_password"] { display: block; border-radius: 4px; height: 50px; font-size: 15px; padding: 12px 15px; } #instant-register-btn, #input-instant-register-confirm, input[name="instant_register_password"] { margin: 5px 0px; } #instant-register-btn { margin-left: 10px; font-size: 1em; } .checkout-register-error { color: rgb(255, 59, 59); } .checkout-register-error-border { border: 1px solid rgb(255, 59, 59) !important; } .register_fixed { overflow: hidden !important; } #checkout .contact-order-info { padding-left: 15px; padding-right: 15px; } #checkout .btn.disabled, #checkout .btn[disabled], fieldset[disabled] .btn { background-color: rgb(199, 200, 199); border-color: rgb(199, 200, 199); } #checkout .intl-tel-input.allow-dropdown #input-checkout-telephone, #checkout .intl-tel-input.allow-dropdown #input-ship-telephone { padding-right: 6px; padding-left: 52px; margin: 5px 0px; } #checkout .intl-tel-input.allow-dropdown { display: block; margin: 5px 0px; } .lds-text { text-align: center; } .lds-ring { display: flex; position: relative; width: 80px; height: 80px; margin: auto; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-radius: 50%; animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running lds-ring; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } html.swal2-shown, body.swal2-shown { overflow-y: hidden !important; } .select-shipping-address { height: 380px; } .select-shipping-address #swal2-content { height: 300px; } .select-shipping-address-scroll-bar { height: 100%; width: 100%; overflow: hidden auto; margin: auto; } .select-shipping-address-scroll-bar::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(240, 243, 246); } .select-shipping-address-scroll-bar::-webkit-scrollbar { width: 8px; background-color: rgb(240, 243, 246); } .select-shipping-address-scroll-bar::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(85, 85, 85); } .btn-select-address { padding: 5px; margin-top: 5px; width: 100%; background: inherit; color: rgb(35, 34, 36); border: 1px solid rgb(191, 191, 191); border-radius: 4px; font-size: 13px; font-weight: normal; cursor: pointer; } .btn-select-address:hover { background-color: rgb(223, 227, 229); } .btn-search { padding: 5px; margin-right: 10px; margin-left: auto; } .btn-search-header { display: flex; } .select-shipping-input-row { display: flex; padding-top: 5px; } #areaSearch, #zoneSearch { flex: 0.9 1 0%; height: auto; border-radius: 4px 0px 0px 4px; border-right: 0px; margin-top: 0px; margin-bottom: 0px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #areaSearch { font-size: 16px; } #zoneSearch { font-size: 16px; } } .search-address-btn { border-radius: 0px 4px 4px 0px; } .zone-search { display: flex; align-items: center; flex-wrap: wrap; } .zone-search .btn-search { padding: 9.5px 15px; border-radius: 0px 6px 6px 0px; margin-right: 0px; } .zone-search select { border-right: none; margin-right: -2px; flex: 1 1 0%; border-radius: 6px 0px 0px 6px !important; } .zone-search .check_out_shipping_error { width: 100%; } .news-title { float: left; font-weight: bold; font-size: 1.4em; text-align: left; margin-bottom: 0.5em; } .news-content { float: left; text-align: left; line-height: 1.8em; font-size: 14px; } .news, .news_mobile { margin-bottom: 1rem; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; height: 18rem; transition: box-shadow 0.5s ease 0s; } .news:hover { box-shadow: rgb(230, 230, 230) 5px 5px 10px; color: initial; } .news_mobile:hover .news-content { color: initial; } .news-info { float: left; } .adk-confirm { width: 100%; } .success-page-header { font-size: 20px !important; background: none !important; margin-bottom: 0em !important; margin-top: 20px !important; } .success-page-text { font-size: 16px !important; } @media (max-width: 480px) { .success-page-text { font-size: 13px !important; } .success-page-header { font-size: 17px !important; } } .delivery_info_box { display: flex; width: fit-content; border: 1px solid rgb(229, 229, 229); padding: 5px; vertical-align: middle; cursor: pointer; } .delivery_info_box span { margin-right: 5px; } .delivery_info_box .delivery_agent_icon { display: inline-block; width: 22px; height: 22px; margin-right: 5px; } .order-info-table { table-layout: fixed; } .hidden-500 { display: table; } .visible-500 { display: none; } @media (max-width: 500px) { .hidden-500 { display: none; } .visible-500 { display: table; } .visible-500 .item-title { margin-right: 8px; } .visible-500.table.table-bordered.table-hover.order-info-table { margin-bottom: 5px; } } #member_info_popup .modal-dialog { width: 425px; max-width: 95%; font-size: 1.5rem; font-weight: 600; letter-spacing: 0px; } #member_info_popup .modal-body { padding-top: 0px; } #member_info_popup .modal-body > .row { margin-left: 0px; margin-right: 0px; } #member_info_popup .center-item { padding-left: 0px; padding-right: 0px; text-align: center; } #member_info_popup .modal-content, #member_info_popup .modal-header { background-color: rgb(255, 255, 255); border: none; } #member_info_popup .welcome_text { font-size: 3rem; font-weight: bold; } #member_info_popup .member_group_adv, #member_info_popup .user_info, #member_info_popup .user_shopping_info { text-align: center; } #member_info_popup .user_info, #member_info_popup .user_shopping_info { margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-bottom: 5px; } #member_info_popup .member_group_adv { } #member_info_popup .member_group_adv img { } #member_info_popup .user_info .username { font-size: 1.8rem; } #member_info_popup .user_shopping_info { border: 1px solid rgb(208, 208, 208); border-radius: 4px; text-align: center; vertical-align: middle; padding: 5px 0px; } #member_info_popup .user_shopping_info_detail { float: left; width: 49.6%; } #member_info_popup .divider { width: 0.5%; float: left; height: 48px; border: 0.5px solid rgb(208, 208, 208); } #member_info_popup .user_shopping_info_data, #member_info_popup .link_to_account { color: rgb(74, 144, 226); } #member_info_popup .user_shopping_info_data { font-size: 1.6rem; } #member_info_popup .link_to_account { padding: 10px; font-weight: 700; display: block; font-size: 1.7rem; } .padding-left-0 { padding-left: 0px; padding-right: 7.5px; } .padding-right-0 { padding-right: 0px; padding-left: 7.5px; } .margin-0 { margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .mobile_menu_member_info { font-size: 13px; font-weight: 600; letter-spacing: 0px; } .mobile_menu_member_info .no-border { border: none !important; } .mobile_menu_member_info .user_shopping_info { border: 1px solid rgb(255, 255, 255); border-radius: 4px; text-align: center; vertical-align: middle; padding: 5px 0px; margin-left: -5px; margin-right: -5px; margin-top: 5px; } .mobile_menu_member_info .user_shopping_info_detail { float: left; width: 49.6%; } .mobile_menu_member_info .divider { width: 0.1%; float: left; height: 45px; border: 0.5px solid rgb(208, 208, 208); } .mobile_menu_member_info .user_shopping_info_data, .mobile_menu_member_info .link_to_account { color: rgb(74, 144, 226); } .mobile_menu_member_info .user_shopping_info_data { font-size: 14px; } .mobile_menu_member_info .member_group_adv, .mobile_menu_member_info .user_info, .mobile_menu_member_info .user_shopping_info { text-align: center; } .mobile_menu_member_info .user_info { text-align: left; } .mobile_menu_member_info .user_info .username { font-size: 16px; font-weight: 700; } @media (max-width: 991px) { .margin-0 { margin: 0px !important; } .mobile_menu_member_info .center-item { padding-left: 5px; padding-right: 5px; } .mobile_menu_member_info .user_info { text-align: center; } .mobile_menu_member_info .row.user_shopping_info { margin-bottom: 5px; } .mobile_menu_member_info .user_shopping_info { margin-left: 0px; margin-right: 0px; } } .smartbanner { bottom: 0px; position: fixed !important; top: auto !important; } .cart-page .additional-box .cart-ex-button { margin: 0px; padding: 7px 5px; border: 1px solid rgb(217, 217, 217); border-top-right-radius: 4px; border-bottom-right-radius: 4px; min-width: 90px; } .cart-ex-title { font-weight: bold; display: inline-block; position: relative; } .cart-ex-reward-title::before { content: "|"; position: absolute; top: -5px; left: 0px; padding-left: 5px; } .cart-ex-small-title { font-size: 0.9em; font-weight: bold; position: relative; padding-left: 15px; } .btn-exchange-cancel { text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 5px; font-size: 0.9em; letter-spacing: -1px; } .btn-exchange-cancel:hover { cursor: pointer; } .btn-exchange-confirm { width: 100%; text-align: center; } #exchange_modal .modal-content, #exchange_modal .modal-header { background: rgb(255, 255, 255); } #exchange_modal .exchange-modal-title { font-weight: bold; font-size: 16px; padding: 10px 5px; display: inline-block; } #exchange_modal .exchange-modal-desc { padding: 15px; color: rgb(107, 107, 107); background-color: rgb(244, 244, 245); display: inline-block; width: 100%; } #exchange_modal .close { opacity: 1; font-size: 42px; } #exchange_modal .modal-header { border-bottom: 0px; } #exchange_modal .modal-dialog { max-width: 579px; } #exchange_modal .modal-body { padding-top: 0px; padding-bottom: 0px; } #exchange_modal .exchange_error { color: red; font-weight: bold; } #exchange_modal .exchange-modal-row { padding-left: 0px; display: inline-flex; align-items: center; width: 100%; } #exchange_modal .exchange-input { margin: 0px; background-color: rgb(252, 252, 252); } #exchange_modal .exchange-to-text { padding: 0px; font-size: 12px; } #exchange_modal .exchange-to-credit-row { max-width: 200px; display: inline-block; padding-right: 0px; } #exchange_modal .exchange-to-credit-input { background-color: rgb(226, 242, 232); color: rgb(115, 181, 147); border: 0px; font-weight: bold; } #exchange_modal .reward_total { font-weight: bold; font-size: 1.1em; } .ma-btn-filter:focus { outline: 0px; } .ma-btn-filter { color: rgb(0, 0, 0); background: transparent; border-color: rgb(0, 0, 0); padding: 12px 0px; border-radius: unset; text-transform: capitalize; max-width: 200px; text-align: center; min-width: 100%; } .ma-btn-filter:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } #filter-close-btn { position: absolute; top: 50%; height: 44px; width: 44px; transform: translate(-50%, -50%); cursor: pointer; background: transparent; border-radius: 50%; border: none; outline: none; } #filter-close-btn span { position: absolute; width: 20px; height: 2px; top: 50%; left: 50%; background: rgb(255, 255, 255); border-radius: 1px; overflow: hidden; transition: all 0.3s linear 0s; } #filter-close-btn span::before { content: ""; position: absolute; width: 0px; height: 100%; top: 0px; right: 0px; background: gray; transition: all 0.3s linear 0s; } #filter-close-btn span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-first-on; } #filter-close-btn span:nth-child(2) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-third-on; } #filter-close-btn.on:hover span::before { width: 100%; transition: all 0.3s linear 0s; } #filter-close-btn.on span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-first-on; } #filter-close-btn.on span:nth-child(2) { animation: 0.5s ease-in-out 0s 1 normal forwards running span-third-on; } @keyframes span-first-on { 0% { transform: translate(-50%, -300%); } 30% { transform: translate(-50%, -50%); } 100% { transform: translate(-50%, -50%) rotate(-45deg); } } @keyframes span-first-off { 0% { transform: translate(-50%, -50%) rotate(-45deg); } 30% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -300%); } } @keyframes span-third-on { 0% { transform: translate(-50%, 200%); } 30% { transform: translate(-50%, -50%); } 100% { transform: translate(-50%, -50%) rotate(45deg); } } @keyframes span-third-off { 0% { transform: translate(-50%, -50%) rotate(45deg); } 30% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, 200%); } } .price-info-box { border: 1px solid rgb(233, 233, 233); border-radius: 4px; padding: 15px; margin: 15px auto; } .price-info-box.no-border { border: none; padding: 20px 0px 0px; box-shadow: none; margin: 0px; } .price-info-box .customer-group-name { display: flex; align-items: center; font-weight: bold; padding-bottom: 5px; } .price-info-box .customer-group-name > span:first-child { display: flex; align-items: center; align-content: center; } .price-info-box .customer-group-name img { margin-right: 10px; } .price-info-box .customer-earn { display: flex; align-items: center; flex-wrap: wrap; margin-left: -10px; } .price-info-box .price-info { display: flex; align-items: baseline; padding-bottom: 5px; } .price-info-box .price-info > span:nth-child(1) { padding-right: 7px; } .price-info-box .price-info > span:nth-child(2) { padding-left: 7px; padding-right: 7px; } .product-info .price .price-info-display.price-new { font-size: 1.2em; } .price-info-box .price-info > span.price-info-display { position: relative; font-weight: bold; } .price-info-box .price-info > span.price-info-reward { font-size: 0.9em; display: flex; align-items: center; } .price-info-box .price-info > span.price-info-display.no-slash::after { content: " "; background: none; } .price-info-box .price-info .price-info-price { font-size: 1.3em; margin-left: 3px; letter-spacing: 0px; } .price-info-box.no-border .customer-group-name { padding-top: 10px; } .customer-earn > .customer-earn-box { border-radius: 15.5px; border: 1px solid rgb(203, 203, 203); padding: 3px 2px 3px 0px; display: flex; align-items: center; margin-left: 10px; margin-top: 3px; width: fit-content; } .customer-earn > .customer-earn-box > .icon { display: flex; align-items: center; padding: 0px 5px; } .customer-earn > .customer-earn-box .icon.star { padding-right: 3px; padding-left: 4px; } .customer-earn > .customer-earn-box .icon.usd { padding-left: 6.5px; padding-right: 5.5px; } .customer-earn > .customer-earn-box > span:last-child { padding-right: 5px; display: flex; align-items: center; font-size: 0.95em; } .price-info-price-old { color: rgb(132, 132, 132); padding-top: 15px; } .price.np { padding: 0px; } .price.p-10 { padding: 10px 0px; } .points-rebate-ori { position: relative; padding-left: 10px; } .points-rebate-ori::before { content: " "; display: block; position: absolute; height: 11px; background: black; width: 1px; left: 0px; top: 4px; } .grey-text { color: rgb(140, 140, 140); } .custom-field { padding-top: 10px; font-size: 1.2em; font-weight: 600; } .product-info .price .price-new.p10 { padding: 10px 0px; display: inline-block; } .order-info-fancy-box { display: none; } .order-info-fancy-box.fancybox-content { border-radius: 5px; padding: 20px 15px 10px; } .order-info-fancy-box div + .btn-action.btn-payment-order-status { margin-left: 10px; } .order-info-fancy-box .btn-action.btn-payment-order-status button { background-color: rgb(95, 112, 129); color: rgb(255, 255, 255); border-radius: 25px !important; } .shipany-tracking-box .ship-status-tl-container { scrollbar-color: rgb(85, 85, 85) rgb(196, 196, 196); scrollbar-width: thin; } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(196, 196, 196); } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar { width: 8px; } .shipany-tracking-box .ship-status-tl-container::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(85, 85, 85); } .shipany-tracking-box .ship-status-tl-container { margin: 15px auto auto; padding: 0px 15px 0px 90px; display: block; position: relative; max-height: 500px; min-height: 100px; overflow: hidden auto; } .shipany-tracking-box .ship-status-tl-container ul.tl { padding: 0px; display: flex; flex-wrap: wrap; margin-bottom: 0px; } .shipany-tracking-box .ship-status-tl-container ul.tl { padding-top: 10px; } .shipany-tracking-box .ship-status-tl-container ul.tl li { list-style: none; min-height: 50px; min-width: 100px; border-left: 2px solid rgb(223, 227, 229); padding: 25px 0px 10px 13px; position: relative; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child { padding-top: 0px; } .shipany-tracking-box .ship-status-tl-container ul.tl li::before { position: absolute; left: -10px; content: " "; border-radius: 500%; background: rgb(223, 227, 229); height: 17px; width: 17px; transition: all 500ms ease-in-out 0s; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child::before { color: transparent; border-radius: 50%; background: rgba(38, 138, 217, 0.9); animation: 1.5s linear 0s infinite normal none running breathe; } @keyframes breathe { 0% { box-shadow: rgba(122, 172, 251, 0.8) 0px 0px 0px 5px; } } .shipany-tracking-box { font-size: 16px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .item-detail { border-radius: 3px; padding: 0px 10px 10px 0px; margin-top: 5px; min-width: 300px; color: rgb(132, 132, 132); font-size: 15px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .action-time { position: absolute; left: -98px; top: 21px; width: 85px; font-size: 12px; color: rgb(132, 132, 132); text-align: center; } .shipany-tracking-box .ship-status-tl-container ul.tl li:first-child .action-time { top: -1px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .action-time > .time { font-size: 20px; } .shipany-tracking-box .ship-status-tl-container ul.tl li .item-timestamp { color: rgb(0, 0, 0); font-weight: 500; display: flex; align-items: center; margin-top: -4px; } .shipany-tracking-box .title { font-size: 20px; } .shipany-tracking-box .title .tk-no { color: rgb(0, 123, 211); } .promotions .head { font-size: 16px; font-weight: 400; text-transform: uppercase; } .promotions-label { background-color: var(--promotions-theme-price-color); color: rgb(255, 255, 255); padding: 2px 5px; border-radius: 4px; margin: 0px; text-wrap: nowrap; } .promotions-label-addon { background-color: var(--promotions-theme-addon-color); } .promotions-label-gift { background-color: var(--promotions-theme-gift-color); } .notify-string { color: rgb(183, 13, 50); } .btn .notify-string { color: inherit; } .promotion-info .btn { display: flex; position: relative; margin-top: auto; } .promotion-info .btn.expire { background-color: rgb(224, 224, 224); border: 2px solid rgb(224, 224, 224); color: rgb(255, 255, 255) !important; } .promotion-info .btn.empty, .cart-info .btn.empty { background-color: transparent; border: 2px solid rgb(191, 36, 70); color: rgb(191, 36, 70) !important; } .promotion-info .btn.contained, .promotion-info .btn.empty:hover, .cart-info .btn.contained, .cart-info .btn.empty:hover { background-color: rgb(191, 36, 70); border: 2px solid rgb(191, 36, 70); color: rgb(255, 255, 255) !important; } .promotions .expand-btn { font-size: 20px; width: 38px; height: 38px; } .promotions .expand-btn:hover { background-color: rgb(248, 248, 248); } .promotions.box-product { padding: 16px; } @media screen and (max-width: 768px) { .promotion-info .btn.contained i + div { margin-left: 10px; } } .product .add-to-cart-btn .btn-primary > i { display: none; } .product-info .price .price-new.al__price__box { background-color: rgb(164, 22, 51); color: rgb(255, 255, 255); padding: 5px; font-size: 18px; margin-right: 10px; } .product-info .al__price__row { display: flex; align-items: center; flex-wrap: wrap; } .product-info .al__discount__total { flex: 1 1 100%; font-size: 15px; } .product-info .al__option__title { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: rgb(237, 242, 245); font-size: 20px; font-weight: bold; } .product-info .al__option { padding-bottom: 0px; } .product-info .al__option .radio-title-group .input-container .radio-title-image label { display: block; } .product-info .al__option .radio-title-group .input-container .radio-title { display: block; } .product-info .al__option .radio-title-group .input-container .radio-title-image .radio-title-label span:first-child, .product-info .al__option .radio-title-group .input-container .radio-title.checkbox-title .checkbox-title-text { min-height: 20px; } .product-info .al__option .radio-title-group .input-container .radio-title { background-color: rgb(30, 125, 89); } .product-info .al__option .radio-title-group .input-container .radio-title-image label { color: rgb(255, 255, 255); } .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title { border-color: inherit; background-color: rgb(205, 166, 11); box-shadow: rgb(0, 0, 0) 0px 0px 5px inset; color: rgb(255, 255, 255); } .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title .radio-title-label, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title .radio-title-label, .product-info .al__option .radio-title-group .input-container .radio-button:checked + .radio-title .radio-title-label.select-to-radio span:last-child, .product-info .al__option .radio-title-group .input-container .checkbox-button:checked + .radio-title.checkbox-title .checkbox-title-text span:last-child { color: rgb(255, 255, 255); } .product-info .addtional-func.al__addtional__func { display: flex; justify-content: center; align-items: center; padding: 5px; margin-top: 10px; background-color: rgb(237, 242, 245); } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a > i { color: rgb(164, 22, 51); padding: 5px; } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a > span { color: rgb(71, 72, 75); } .product-info .addtional-func.al__addtional__func .wish_heart.lg > a { display: flex; justify-content: center; align-items: center; border-radius: 0px !important; border: none !important; width: 100px !important; } .product .add-to-cart-btn .btn-primary.cart-loading > i { display: block; font-size: 20px; } .product .add-to-cart-btn .btn-primary.cart-loading > img { display: none; } .product-info .product-qty-row .value-button.increase[disabled="disabled"], .product-info .product-qty-row .value-button.decrease[disabled="disabled"] { opacity: 0.7; color: rgb(199, 200, 199); } .cart-page .cart-info .value-button[disabled="disabled"] { opacity: 0.7; color: rgb(199, 200, 199); } .swiper-wrapper .swiper-slide { background: transparent; } .swiper-slide a { width: 100%; } .swiper-slide img { display: block; width: 100%; object-fit: cover; } .swiper-slide { text-align: center; font-size: 18px; background: rgb(255, 255, 255); } .swiper-wrapper { align-items: center; } .swiper-lazy-preloader { border: none; animation: auto ease 0s 1 normal none running none; } .k-slideshow-loader { position: relative; width: 12px; height: 12px; top: calc(50% - 6px); left: calc(50% - 6px); border-radius: 12px; background-color: rgb(204, 204, 204); transform-origin: 50% 50%; animation: 1s ease-in-out 0s infinite normal none running k-slideshow-loader; } .k-slideshow-loader::before { content: ""; position: absolute; background-color: rgba(204, 204, 204, 0.8); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px; } .k-slideshow-loader::after { content: ""; position: absolute; background-color: rgba(204, 204, 204, 0.8); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px; } @-webkit-keyframes k-slideshow-loader { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @keyframes k-slideshow-loader { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } input[type="number"] { } #toast-container.toastr-bi-alert { top: 60px; right: 15px; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } #toast-container.toastr-bi-alert .toast { background-color: rgb(255, 255, 255); color: rgb(41, 44, 53); margin: 0px; opacity: 1; max-width: 300px; padding: 0px; display: flex; flex-direction: column; width: 300px; border-radius: 6px; animation: 0.2s ease 0s 1 normal none running toastr-slide-in; background-image: none !important; &:hover { box-shadow: rgb(153, 153, 153) 0px 0px 12px; } } @media screen and (max-width: 768px) { #toast-container.toastr-bi-alert { align-items: flex-start; } #toast-container.toastr-bi-alert.toastr-backdrop { width: 100%; height: 100%; top: 0px; left: 0px; transform: none; pointer-events: unset; } #toast-container.toastr-bi-alert.toastr-backdrop::before { content: ""; width: 100%; height: 100%; background: rgb(0, 0, 0); display: block; opacity: 0; position: absolute; } #toast-container.toastr-bi-alert .toast { --top: 20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 90%; transition: top 0.2s ease-in-out 0s; } div:has(#new-mobile-header.nav-up) ~ #toast-container.toastr-bi-alert .toast { top: var(--top) !important; } div:has(#new-mobile-header.nav-up .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( var(--mobile-checkout-header-height, 30px) + var(--top) ) !important; } div:has(#new-mobile-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 60px + var(--top) ); } div:has(#new-mobile-header .alert.header_message) ~ #toast-container.toastr-bi-alert .toast { top: calc( 100px + var(--top) ); } div:has(#new-mobile-header .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 60px + var(--mobile-checkout-header-height, 30px) + var(--top) ); } div:has(#new-mobile-header .alert.header_message ~ .mobile-checkout-header) ~ #toast-container.toastr-bi-alert .toast { top: calc( 100px + var(--mobile-checkout-header-height, 30px) + var(--top) ); } } #toast-container.toastr-bi-alert .toast-message a, #toast-container.toastr-bi-alert .toast-message label { color: rgb(0, 0, 0); } .toastr-bi-alert .toast .toast-message { position: relative; padding: 15px 60px 15px 55px; color: rgb(41, 44, 53); font-size: 13px; letter-spacing: 0px; } .toastr-bi-alert .toast .toast-message::first-line { font-size: 15px; } .toastr-bi-alert .toast .toast-message::before { content: ""; position: absolute; top: 15px; left: 20px; width: 25px; height: 25px; display: inline-block; flex-shrink: 0; mask-size: 25px; mask-repeat: no-repeat; mask-position: center center; justify-content: center; align-items: center; } .toastr-bi-alert .toast.toast-success .toast-message::before, .toastr-bi-alert .toast.toast-bi-check .toast-message::before { mask-image: url(""); background-color: rgb(71, 190, 125); } .toastr-bi-alert .toast.toast-info .toast-message::before { mask-image: url(""); background-color: rgb(94, 98, 120); } .toastr-bi-alert .toast.toast-error .toast-message::before, .toastr-bi-alert .toast.toast-warning .toast-message::before, .toastr-bi-alert .toast.toast-bi-warning .toast-message::before { mask-image: url(""); background-color: rgb(255, 199, 0); } .header-customer-group-select .btn.btn-customer-group-select { border: none; border-radius: 0px; width: 100%; } .btn-customer-group img { padding-right: 10px; } .btn.btn-default.btn-customer-group:hover { background-color: rgb(242, 246, 249) !important; color: rgb(0, 0, 0) !important; } .customer-group-select { width: 60%; } .customer-group-select > .dropdown-menu { padding: 10px 0px; width: 100%; border-radius: 0px; } .customer-group-select > .dropdown-menu > li > button { border: 0px; width: 100%; display: flex; align-items: center; border-radius: 0px; } .add-new-cus-gp-container { padding: 10px 10px 0px; } .btn.btn-customer-group-select { display: flex; align-items: center; padding: 8px; min-height: 44px; border-color: rgb(208, 208, 208) !important; } .btn.mobile-btn-customer-group-select { display: none; border-width: initial; border-style: none; border-image: initial; border-radius: 0px; width: 100%; justify-content: space-between; align-items: center; padding: 8px 8px 8px 0px; min-height: 44px; background-color: rgb(255, 255, 255); border-color: rgb(208, 208, 208) !important; } .btn.mobile-btn-customer-group-select.dropdown-toggle { padding-left: 3px; } .btn:hover.mobile-btn-customer-group-select { background: rgb(240, 240, 240); } .btn.mobile-btn-customer-group-select > div > img { padding-right: 10px; } .btn.mobile-btn-customer-group-select div { display: flex; justify-content: center; align-items: center; } .btn.mobile-btn-customer-group-select .member_status { color: black; } .btn.mobile-btn-customer-group-select .member_status_title { font-size: 15px; font-weight: 400; margin-right: 25px; } .btn.mobile-btn-customer-group-select > i { color: rgb(195, 195, 195); } .btn-customer-group-select img { padding-right: 10px; } .btn-customer-group-select > span:nth-of-type(1) { margin-right: auto; } .header-customer-group-select .btn-customer-group-select > span:nth-of-type(1) { margin-right: 25px; } .btn-customer-group-select > span:nth-of-type(2), .btn-customer-group > i { margin-left: auto; } .header-customer-group-select .btn-customer-group-select > span:nth-of-type(2) { margin-left: 0px; } .header-customer-group-select .btn-customer-group-select > i { margin-left: auto; } .btn-add-new-customer-group > i { margin-right: auto; } .btn-add-new-customer-group > span { margin-right: auto; } .btn-add-new-customer-group { width: 100%; display: flex; align-items: center; } .account-page .btn-organization { width: 100%; height: 100%; } .btn.organization_select { border: none; border-radius: 0px; width: 100%; display: flex; align-items: center; } .btn-organization > .dropdown-menu { width: 100%; } .organization_select img { padding-right: 10px; } .organization_select i { margin-left: auto; } .btn.btn-default.organization_select:hover { background-color: rgb(242, 246, 249) !important; color: rgb(0, 0, 0) !important; } .account-page .organization_info { width: 100%; border: 1px solid rgb(208, 208, 208); border-radius: 4px; margin-bottom: 10px; padding: 5px 5px 5px 15px; display: flex; align-items: center; flex-direction: column; } .account-page .organization_button { width: 100%; display: flex; align-items: center; justify-content: space-between; border-width: 0px; border-style: solid; border-image: initial; padding: 5px 10px; border-color: rgb(208, 208, 208) !important; } @media screen and (max-width: 1024px) { .customer-group-select { width: 100%; } .btn.btn-customer-group-select { display: none; } .btn.mobile-btn-customer-group-select { display: flex; } } .toastr-bi-alert .toast .toast-message::after { content: ""; position: absolute; right: 20px; top: 12.5px; background-image: url("data:image/svg+xml,
"); background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; width: 30px; height: 30px; border-radius: 3px; transition: background-color 0.2s ease 0s; } .toastr-bi-alert .toast:hover .toast-message::after { background-color: rgb(248, 248, 248); } .toastr-bi-alert .toast .toast-close-button { order: 2; position: static; color: rgb(138, 138, 138); font-size: 14px; font-weight: 500; letter-spacing: 0px; text-shadow: none; text-align: center; opacity: 1; margin: 5px auto 15px 50px; padding: 5px; transition: text-decoration-color 0.2s ease 0s; text-decoration-color: transparent; &:hover { text-decoration: underline 1px rgb(138, 138, 138); text-underline-offset: 3px; } } .toastr-bi-alert .toast .toast-close-button + .toast-message { padding-bottom: 0px; } @keyframes toastr-slide-in { 0% { transform: translateX(110%); } } .combo-row { display: flex; flex-direction: column; gap: 5px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; padding: 5px; width: 100%; } .combo-value-no-image { width: 27px; height: 27px; margin: 0px 5px 3px 0px; } .combo-value-row { display: flex; align-items: center; gap: 10px; &:hover { padding: 0px 5px; margin: 0px -5px; background-color: rgb(248, 248, 248); } } .combo-value-row .combo-value-quantity { margin-left: auto; font-weight: 600; display: flex; padding: 5px 5px 5px calc(10px + 1rem); justify-content: center; align-items: center; position: relative; &::before { transform: rotate(45deg); } &::after { transform: rotate(135deg); } &::before, &::after { content: ""; width: 1rem; height: 2px; left: 5px; position: absolute; z-index: 1; background-color: rgb(80, 82, 91); border-radius: 1px; } } .combo-value-price { &::before { content: "("; } &::after { content: ")"; } } div .heading-1 { display: block; font-size: 2em; margin-block: 0.67em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-2 { display: block; font-size: 1.5em; margin-block: 0.83em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-3 { display: block; font-size: 1.17em; margin-block: 1em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-4 { display: block; margin-block: 1.33em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-5 { display: block; font-size: 0.83em; margin-block: 1.67em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } div .heading-6 { display: block; font-size: 0.67em; margin-block: 2.33em; margin-inline: 0px; font-weight: bold; unicode-bidi: isolate; } .price-range { gap: 5px; } .price-up .price-up-text { font-size: 0.9em; } .price-range-wrapper .price-range, .price-range-wrapper.show-range .price_value, .price-up .price-up-text, .price-up .price-range, .price-up.show-range .price_value { display: none; } .price-range-wrapper.show-range .price-range, .price-range-wrapper.show-range .price-range .price_value, .price-up:not(.show-range) .price_value, .price-up.show-range .price-up-text, .price-up.show-range .price-range, .price-up.show-range .price-range .price_value { display: inline-flex; } @media (max-width: 1160px) { .responsive #top .header-links { display: inline-block; } } @media (max-width: 960px) { .responsive .standard-body .full-width .container { padding-left: 20px; padding-right: 20px; } .responsive .standard-body .fixed .container { padding-left: 30px; padding-right: 30px; } .responsive .main-fixed .container, .responsive .fixed-body .container { padding-left: 30px; padding-right: 30px; } .responsive .standard-body .container .container, .responsive .fixed-body .container .container { padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { .responsive .row { margin-left: -10px; margin-right: -10px; } .responsive .row > div { padding-left: 10px; padding-right: 10px; } .responsive .standard-body .full-width .container { padding: 0px 20px; } .responsive .standard-body .fixed { padding: 0px; } .responsive .standard-body .fixed .container { padding: 0px 20px; } .responsive .fixed-body { padding: 0px; } .responsive .fixed-body .container { padding: 0px 20px; } .responsive .standard-body .container .container { padding-left: 0px; padding-right: 0px; } .responsive #top-bar .container { text-align: center; } .responsive #top-bar .welcome-text { padding: 3px 0px 1px; } .responsive #top-bar form { float: none; display: inline-block; } .responsive #top-bar .dropdown { float: none; display: inline-block; margin: 5px 6px 0px 17px; border: none; padding: 0px; text-align: left; } .responsive #top-bar .top-bar-links { display: block; float: none; text-align: center; padding: 3px 0px 0px; } .responsive #top .container { padding-top: 10px; padding-bottom: 8px; } .responsive #top .logo { text-align: center; } .responsive #top h1 { text-align: center; } .responsive #top .header-links { display: none; } .responsive #top .search_form { display: block; margin-left: 0px; width: 100% !important; } .responsive #top #cart_block { width: 100%; display: block; margin-left: 0px; text-align: center; } .responsive #top #cart_block .dropdown-menu { width: 100%; padding: 10px; } .responsive .mini-cart-info .image { padding: 0px 10px 10px 0px; } .responsive .mini-cart-info .image img { max-width: 50px; } .responsive .mini-cart-info .name { padding: 0px 0px 10px; } .responsive .mini-cart-info .quantity { padding: 0px 5px 10px; } .responsive .mini-cart-info td.total { padding: 0px 10px 10px 5px; } .responsive .mini-cart-info .remove { padding: 0px 2px 10px 0px; } .responsive .breadcrumb .container { padding-top: 0px !important; } .responsive .main-content .pattern > .container, .responsive .standard-body .main-content .pattern > .container { padding-bottom: 20px; } .responsive .fullwidthbanner-container, .responsive .camera_wrap { margin-top: 20px !important; } .responsive #slider .fullwidth .fullwidthbanner-container, .responsive #slider .fullwidth .camera_wrap { margin-top: 0px !important; } .responsive .camera_wrap .owl-controls .owl-pagination span { margin-bottom: 7px; } .responsive .center-column { padding-top: 5px; } .responsive .banners > div { padding-top: 20px; } .responsive .box { padding-top: 0px; } .responsive .col-sm-3 .box, .responsive .col-sm-4 .box { display: none; } .responsive .box-category { display: block !important; } .responsive .box-category { margin-top: 25px; } .responsive .box .box-heading { margin-top: 0px; margin-bottom: 20px; padding-top: 25px; } .responsive .box-category .box-heading { margin: 0px; } .responsive .box > .prev, .responsive .box > .next { margin-top: 26px; } .responsive .inner-page .pattern > div > .row:first-child > div { margin-top: 0px !important; } .responsive .inner-page .pattern > div > .row:first-child > div { float: none; } .responsive .inner-page .pattern > div > .row:first-child > div:first-child { margin-top: -5px !important; } .responsive .product-grid .product-actions { display: none !important; } .responsive .product-grid, .responsive .center-column .product-grid { margin-top: -20px; } .responsive .product-grid .product, .responsive .center-column .product-grid .product { margin-top: 20px; } .responsive .center-column .product-grid { margin-bottom: 20px; } .responsive .product-grid .row > div.col-xs-6:nth-child(2n+1) { clear: both; } .responsive .box-product .carousel .item .product-grid .row > div { display: none; } .responsive .box-product .carousel .item .product-grid .row:first-child > div:first-child, .responsive .box-product .carousel .item .product-grid .row:first-child > div:nth-child(2) { display: block; } .responsive .product-list > div { margin-bottom: 30px; } .responsive .product-list .product-actions { padding-top: 6px; } .responsive .product-list .price { padding-top: 10px; } .responsive .category-info { padding: 0px 0px 10px; } .responsive .category-list-text-only { margin-bottom: 15px; } .responsive .category-list .row > div { margin-bottom: 16px; } .responsive .category-list-text-only .row > div { margin-bottom: 6px; } .responsive .product-filter { margin: 0px 0px 20px; } .responsive .product-filter .options { float: none; margin: 0px; clear: both; } .responsive .product-filter .list-options { float: none; margin: 0px; width: auto; } .responsive .product-filter .list-options .sort { padding-top: 10px; } .responsive .product-filter .list-options .limit { padding-left: 0px; } .responsive .product-info .thumbnails li, .responsive .product-info .thumbnails-left li { width: 25%; float: left; } .responsive .product-info .thumbnails ul { margin-left: -20px; } .responsive .product-info .thumbnails li p { padding: 0px 0px 20px 20px; } .responsive .product-info .description, .responsive .product-info .price, .responsive .product-info .options, .responsive .product-info .cart { padding: 20px 0px; } .responsive .product-info .product-center { margin-bottom: 20px; } .responsive .product-info .review { padding-top: 10px; } .responsive div.pagination-results { padding-top: 20px; } .responsive div.pagination-results .text-left, .responsive div.pagination-results .text-right { text-align: center; } .responsive .login-content .left, .responsive .login-content .right, .responsive .main-content .content .left, .responsive .main-content .content .right, .responsive .checkout-content .left, .responsive .checkout-content .right { float: none; width: 100%; } .responsive .product-block { margin-bottom: 20px; } .responsive .center-column .tab-content { margin: 17px 0px 20px; padding: 0px 0px 17px; } .responsive .custom-footer .pattern { padding: 5px 0px 15px; } .responsive .custom-footer h4 { padding-top: 20px; margin-bottom: 20px; } .responsive .footer .pattern { padding: 5px 0px 16px; } .responsive .footer h4 { margin-top: 0px; } .responsive div.footer-panel:nth-child(3) { clear: both; } .responsive .copyright { text-align: center; } .responsive .copyright ul { padding: 5px 0px 10px; float: none; } .responsive .zoomContainer { display: none !important; } .responsive .banner { margin-top: 20px; } .responsive #quickview .thumbnails { margin: 0px; } .responsive #quickview .thumbnails ul { margin: 0px 0px 0px -20px; } .responsive #quickview .thumbnails li { width: 25%; float: left; } .responsive #quickview .thumbnails li p { margin: 0px; padding: 0px 0px 20px 20px; } .responsive .modal-footer { text-align: center; } .responsive .modal-footer .btn { float: none; display: inline-block; } .responsive .owl-carousel { margin-right: -20px; } .responsive .owl-carousel .owl-item .item { margin-right: 20px; } } .post-item { margin: 0px; padding: 0px 0px 20px; border-top: 1px solid rgb(230, 230, 230); } .post-item:first-child { border-top: none; margin-top: 6px; } .post-item h2 { font-size: 20px; line-height: 24px; font-weight: 400; padding: 20px 0px 15px; border-bottom: 1px solid rgb(215, 215, 215); margin: 0px 0px 15px; } .post-item:first-child h2 { padding-top: 0px; } .post-content .post-img, .blog-post-img { margin: 0px 20px 20px 0px; float: left; padding: 2px; border: 1px solid rgb(230, 230, 230); } .post-content .post-img img, .blog-post-img img { display: block; } .leading-blogs .post-img, .blog-post-img { margin: 0px 0px 20px; float: none; } .post-text img { padding: 2px; border: 1px solid rgb(230, 230, 230); margin: 0px 0px 20px; display: block; } .post-text img[align="left"] { margin: 0px 20px 10px 0px; } .post-text img[align="right"] { margin: 0px 0px 10px 20px; } .post-item .post-more { float: right; margin: 10px 0px; } .post-content { margin: 0px 0px 10px; } .post-item .post-content { margin: 0px; } .post-item-panel { margin: 0px 0px 5px; } .post-item-panel ul { list-style: none; margin: 0px; padding: 0px; } .post-item-panel ul li { float: left; margin: 0px 20px 0px 0px; } .post-item-panel ul li p { padding: 0px; } .post-item-panel ul li p i { padding-right: 4px; } .tags { } .tags ul { display: inline-block; margin: 0px 0px 13px 10px; padding: 0px; list-style: none; } .tags ul li { display: inline-block; margin: 5px 10px 5px 0px; } .tags ul li a { display: block; font-size: 14px; padding: 2px 8px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); border-radius: 2px; } .children-inner img { padding: 2px; border: 1px solid rgb(230, 230, 230); display: block; } .comments { } .comments .comment { padding: 0px 0px 30px; } .comments .comment .comment { padding: 30px 0px 0px 80px; } .comments .comment .avatar { width: 60px; position: absolute; } .comments .comment .comment-entry { padding: 20px; position: relative; margin: 0px 0px 0px 80px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); border-radius: 2px; } .comments .comment .comment-entry::before { position: absolute; display: block; border-color: transparent rgb(222, 222, 222) transparent transparent; border-style: solid; border-width: 10px 10px 10px 0px; content: ""; top: 20px; left: -11px; } .comments .comment .comment-entry::after { position: absolute; display: block; border-color: transparent rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 10px 10px 10px 0px; content: ""; top: 20px; left: -10px; } .comments .comment .comment-entry p { padding: 0px; margin: 0px; } .comments .comment .comment-entry .comment-author { padding: 0px 0px 5px; } .comments .comment .comment-entry .comment-author strong { padding-right: 5px; font-size: 14px; } .comments .comment .comment-entry .comment-author span.date { color: rgb(153, 153, 153); } .comments .comment .comment-entry .comment-author span.reply { float: right; } #comment-add .input-group { margin: 0px 0px 10px; width: 100%; } #comment-add label { display: block; float: none; width: 100%; } #comment-add img { display: block; } #comment-add textarea { width: 100%; height: 250px; } .blog-children { margin: 0px 0px 10px; } .blog-children h3 { margin-top: 10px; } .blog-children .sub-description { padding-top: 10px; } .blog-comments { position: relative; margin: 0px 0px -20px; } .blog-comments div.pav-comment { padding: 20px 0px; border-top: 1px solid rgb(230, 230, 230); } .blog-comments div.pav-comment:first-child { border: none; padding-top: 0px; } .blog-comments div.pav-comment img { border: 1px solid rgb(230, 230, 230); padding: 2px; margin-right: 10px; } .blog-comments div.pav-comment .comment-author { font-weight: 500; } #categorymenu { border-top: 1px solid rgb(230, 230, 230); } #categorymenu ul { list-style: none; padding: 0px; margin: 0px; } #categorymenu > ul > li { border-bottom: 1px solid rgb(230, 230, 230); padding: 0px; } #categorymenu ul li a { line-height: 28px; } #categorymenu ul li .head a { font-size: 14px; line-height: 29px; padding-right: 5px; } #categorymenu ul li ul li { border-top: 1px solid rgb(230, 230, 230); padding: 0px 0px 0px 20px; } .box-blog-latest { position: relative; margin: 0px 0px -10px; } .box-blog-latest h4 { margin: 0px 0px 14px; } .box-blog-latest img { display: block; border: 1px solid rgb(230, 230, 230); padding: 2px; margin: 0px 0px 17px; } .col-sm-3 .blog-latest { margin: 0px; } .col-sm-3 .blog-latest > div { float: none; width: 100%; border-top: 1px solid rgb(230, 230, 230); padding: 20px 0px 0px; margin: 20px 0px 0px; } .col-sm-3 .blog-latest > div:first-child { border: none; margin: 0px; padding: 0px; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; font: inherit; padding: 0px !important; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; user-select: none; } .owl-carousel.owl-grab { cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out 0s; } .owl-carousel .owl-item { } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease 0s; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0px; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: rgb(0, 0, 0); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("") no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: transform 100ms ease 0s; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease 0s; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: rgb(255, 255, 255); font-size: 14px; margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: rgb(134, 151, 145); color: rgb(255, 255, 255); text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgb(214, 214, 214); display: block; backface-visibility: visible; transition: opacity 200ms ease 0s; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgb(134, 151, 145); } #menu { position: relative; overflow: visible; } #menu .background-menu { position: absolute; inset: 0px; z-index: -1; } #megaMenuToggle { display: none; } .container-megamenu, .container-megamenu .container { padding-top: 0px !important; padding-bottom: 0px !important; } .container-megamenu.container .container { width: auto !important; } .megamenu-wrapper { position: relative; z-index: 4; } ul.megamenu { margin: 0px; padding: 0px; list-style: none; position: relative; z-index: 0; background: url("") left bottom repeat-x; } .container-megamenu.container ul.megamenu { padding-left: 25px; } ul.megamenu::before, ul.megamenu::after { display: table; content: " "; } ul.megamenu::after { clear: both; } ul.megamenu > li { float: left; width: auto; margin: 0px 30px 0px 0px; } ul.megamenu > li:first-child { background: none; } ul.megamenu > li.pull-right { float: right; } ul.megamenu > li .close-menu { display: none; } ul.megamenu > li.search { background: none; margin: 0px; } #top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form { padding: 0px; margin: 10px 0px; width: auto; } #top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input { height: 36px; min-height: 36px; display: block; } ul.megamenu > li > a { display: block; position: relative; color: rgb(46, 47, 54); font-size: 16px; padding: 16px 15px 0px; margin: 0px -15px; height: 55px; } ul.megamenu > li > a strong { font-weight: 600; } ul.megamenu > li > a:hover, ul.megamenu > li.active > a { color: rgb(157, 158, 168); } ul.megamenu > li > a::before { position: absolute; content: ""; display: block; width: auto; height: 2px; background: rgb(73, 75, 86); bottom: 0px; left: 15px; right: 15px; visibility: hidden; } ul.megamenu > li > a:hover::before, ul.megamenu > li.active > a::before { visibility: visible; } ul.megamenu > li.home > a::before { visibility: visible; } ul.megamenu:hover > li.home > a::before { visibility: hidden; } ul.megamenu > li.home:hover > a::before { visibility: visible; } ul.megamenu > li > a > .fa-home { display: block; font-size: 17px; margin: 4px 0px 0px; } ul.megamenu > li > a img { margin-right: 10px; height: 28px; vertical-align: middle; } ul.megamenu > li > a.description { line-height: 1; } ul.megamenu > li > a.description strong { font-size: 14px; } ul.megamenu > li > a.description img { float: left; } ul.megamenu > li > a.description .description { font-size: 11px; opacity: 0.9; } ul.megamenu > li > a.description .description-left { float: left; width: auto; } ul.megamenu > li > .sub-menu { position: absolute; z-index: 20; display: none; } ul.megamenu .sub-menu .content > .row { padding-top: 30px; } ul.megamenu .sub-menu .content > .border { padding-top: 30px; background: url("") left bottom repeat-x; } ul.megamenu .sub-menu .content > .row:first-child { padding: 0px; } ul.megamenu li .product { position: relative; padding: 7px 0px 0px; } ul.megamenu li .product .image { padding: 0px; } ul.megamenu li .product .image img { } ul.megamenu li .product .name { padding: 15px 0px 0px; } ul.megamenu li .product .name a { font-size: 14px; line-height: 18px; } ul.megamenu li .product .price { font-size: 18px; font-weight: 700; padding: 5px 0px; } ul.megamenu li .sub-menu .content .static-menu a.main-menu { display: block; font-weight: 800; font-size: 16px; background: url("") left bottom repeat-x; padding: 0px 0px 9px; margin: 7px 0px 14px; } ul.megamenu li .sub-menu .content .static-menu .menu ul { list-style: none; margin: 0px; padding: 0px; line-height: 30px; } ul.megamenu li .sub-menu .content .static-menu .menu > ul > li { padding: 25px 0px 0px; } ul.megamenu li .sub-menu .content .static-menu .menu > ul > li:first-child { padding: 0px; } ul.megamenu li .sub-menu .content .static-menu .menu ul ul ul { padding: 0px 10px; } ul.megamenu li .sub-menu .content .hover-menu .menu ul li a { display: block; line-height: 30px; } ul.megamenu li .sub-menu .content .hover-menu .menu ul { list-style: none; margin: -2px 0px; padding: 0px; position: relative; } ul.megamenu li .sub-menu .content .hover-menu { min-width: 500px !important; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: none; margin-top: -41px; width: 250px; padding: 30px 35px; position: absolute; z-index: 10; left: 100%; background: rgb(255, 255, 255); border: 2px solid rgb(73, 75, 86); } ul.megamenu li .sub-menu .content .hover-menu .menu ul li { display: block !important; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li { position: relative; } #megaMenuToggle { display: none; cursor: pointer; } .megamenuToogle-wrapper { position: relative; z-index: 20; } .container-megamenu.container .megamenuToogle-wrapper .container .background-megamenu { padding-left: 14px; } .megamenuToogle-wrapper .container .background-megamenu { color: rgb(46, 47, 54); font-size: 16px; font-weight: 600; background: url("") left bottom repeat-x; padding: 10px 0px 8px; } .megamenuToogle-wrapper .container .background-megamenu > div { float: left; width: 15px; margin: 4px 9px 0px 0px; } .megamenuToogle-wrapper .container > div span { display: block; width: 100%; height: 3px; margin-top: 2px; background: rgb(46, 47, 54); } @media (max-width: 767px) { .responsive ul.megamenu .sub-menu .content .border { display: none; } .responsive ul.megamenu .sub-menu .content { padding: 0px; } .responsive ul.megamenu .sub-menu .content .row { margin: 0px; padding: 0px; } .responsive ul.megamenu .sub-menu .content > .row > div { padding: 20px; background: url("") left top repeat-x; } .responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child { background: none; } .responsive ul.megamenu .sub-menu .content .row .row > div { padding: 0px; } .responsive ul.megamenu li .sub-menu .content .static-menu .menu > ul > li { padding: 10px 0px 0px; } .responsive ul.megamenu li .sub-menu .content .static-menu .menu > ul > li:first-child { padding: 0px; } } @media (max-width: 960px) { .responsive #megaMenuToggle { display: block; } .responsive .megamenu-wrapper { display: none; position: relative; background: rgb(255, 255, 255) !important; } .responsive ul.megamenu { background: none; margin: 0px -20px; padding: 0px !important; } .responsive .container-megamenu.container ul.megamenu { margin: 0px; } .responsive ul.megamenu > li { display: block; width: auto; position: relative; margin: 0px; float: none !important; } .responsive ul.megamenu > li.home, ul.megamenu > li.search { display: none; } .responsive ul.megamenu > li > a { margin: 0px; padding: 10px 20px; height: auto; color: rgb(46, 47, 54); } .responsive ul.megamenu > li > a::before { content: ""; position: absolute; width: 100%; height: 1px; background: url("") left bottom repeat-x; bottom: 0px; left: 0px; right: 0px; display: block !important; visibility: visible !important; } .responsive ul.megamenu > li.active > a, .responsive ul.megamenu > li:hover > a { background: rgb(242, 242, 242) !important; } .responsive ul.megamenu > li.click::before, .responsive ul.megamenu > li.hover::before { content: ""; font-family: FontAwesome; color: rgb(206, 155, 58); font-weight: 400; font-size: 16px; position: absolute; right: 0px; top: 0px; z-index: 10; padding: 13px 17px 10px 50px; } .responsive ul.megamenu > li.active .close-menu { display: block; position: absolute; z-index: 10; top: 0px; right: 1px; width: 85px; height: 100%; padding: 12px 0px 0px 40px; background: rgb(242, 242, 242); text-align: center; cursor: pointer; } .responsive ul.megamenu > li.active .close-menu::before { content: ""; font-family: FontAwesome; color: rgb(206, 155, 58); font-weight: 400; font-size: 18px; } .responsive .horizontal ul.megamenu > li > .sub-menu { width: 100% !important; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { margin: 2px 10px; width: auto; padding: 0px; position: static; left: 0px; background: none; border: none; display: block !important; } } @media (min-width: 961px) { .megamenu-wrapper { display: block !important; } } @font-face { font-family: FontAwesome; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .filter-product { } .filter-product .filter-tabs { background: url("") left bottom repeat-x; list-style: none; padding: 15px 60px 0px 0px; font-size: 16px; font-weight: 800; color: rgb(46, 47, 54); text-transform: uppercase; margin: 40px 0px 30px; } .filter-product .filter-tabs ul { list-style: none; margin: 0px; padding: 0px; } .filter-product .filter-tabs ul > li { float: left; margin: 0px 30px 0px 0px; padding: 0px 0px 11px; position: relative; } .filter-product .filter-tabs ul > li > a { position: relative; display: block; line-height: 20px; color: rgb(46, 47, 54); } .filter-product .filter-tabs ul > li.active > a, .filter-product .filter-tabs ul > li > a:hover, .filter-product .filter-tabs ul > li.active > a:focus { color: rgb(157, 158, 168); } .filter-product .filter-tabs ul > li::before { position: absolute; content: " "; width: 0px; height: 2px; background: rgb(73, 75, 86); bottom: 0px; left: 0px; transition: width 0.3s ease 0s; } .filter-product .filter-tabs ul > li.active::before { width: 100%; } .tab-content { position: relative; } .tab-content .prev-button, .tab-content .next-button { position: absolute; right: 0px; margin: 0px; width: 30px; height: 30px; background: rgb(204, 204, 204); transition: background 0.3s ease 0s; top: -60px; } .tab-content .prev-button:hover, .tab-content .next-button:hover { background: rgb(73, 75, 86); } .tab-content .prev-button { right: 40px; } .tab-content .prev-button span, .tab-content .next-button span { display: block; width: 6px; height: 8px; margin: 12px auto 0px; background: url("") no-repeat; transform: rotate(0deg); transition-timing-function: ease-out; transition-duration: 250ms; } .tab-content .next-button span { background: url("") no-repeat; } .tab-content .prev-button:hover span, .tab-content .next-button:hover span { transform: rotate(360deg); } @media (max-width: 767px) { .responsive .filter-product .filter-tabs { margin: 20px 0px; } .responsive .tab-content .prev-button, .responsive .tab-content .next-button { top: -50px; } .responsive .filter-product .filter-tabs ul > li { margin-right: 15px; font-size: 13px; } } body, .center-column .tab-content { color: rgb(43, 43, 43); } .price .discount .discount-items { color: rgb(43, 43, 43); } h1, h2, h3, h4, h5, h6, .center-column h1, .center-column h2, .center-column h3, .center-column h4, .center-column h5, .center-column h6, .box .box-heading, .product-block .title-block { color: rgb(43, 43, 43); } a, .box-category ul li .head a, .product.slick-slide .price, .slick-slide .product .price { color: rgb(43, 43, 43); } a:hover, div.testimonial p { color: rgb(255, 107, 0); } .table .price-new, .product-grid .product .price, .product-list .actions > div .price, .product-info .price .price-new, .product-info .price .price-only, ul.megamenu li .product .price, .mini-cart-total td:last-child, .cart-total table tr td:last-child, .mini-cart-info td.total, #quickview .price .price-new, .price > .price-new, .product-list .price { color: rgb(43, 43, 43); } .product-grid .product .price .price-new, .product-list .price .price-new, .table .price-new, .product-info .price .price-new { color: rgb(255, 107, 0); } .price-old, .product-info .price .price-old { color: rgb(133, 133, 133) !important; } body { background: rgb(255, 255, 255); } .main-fixed, .standard-body .fixed .background { background: rgb(255, 255, 255); } .product-grid .product .image .product-quantity-box .input-wrap { background-color: rgb(51, 51, 51); } .add-to-cart-btn .btn-primary svg path { fill: rgb(255, 255, 255) !important; stroke: rgb(255, 255, 255) !important; } .product-grid .product .image .product-quantity-box .input-wrap i, .product-grid .product .image .product-quantity-box .input-wrap .quantity_num { color: rgb(255, 255, 255) !important; } .product-grid .product .image .product-quantity-box .decrease, .product-grid .product .image .product-quantity-box .increase { background-color: rgb(107, 107, 107) !important; } #top-bar .top-bar-links li .search_form .search-query::placeholder { color: rgb(255, 255, 255); } #top-bar .container, #top-bar .container > div > div > div > a, #top-bar .container > div > div > form > div > a, #top-bar .top-bar-links li a, #top-bar .top-bar-links li .search_form .search-query, #top-bar .top-bar-links li .search_form .search-query:focus, #top-bar .top-bar-links li a, #top-bar .container > div > div > div > a.dropdown-toggle, #top-bar .container > div > div > form > div > a.dropdown-toggle { color: rgb(255, 255, 255); } #top-bar .top-bar-links li .search_form .search-query:focus { border-color: rgb(255, 255, 255); } #top-bar .dropdown .caret { border-top-color: rgb(255, 255, 255); } #top-bar { border-bottom-width: 1px; border-bottom-style: solid; border-color: rgb(1, 30, 99) !important; } #top-bar .background { background-color: rgb(1, 30, 99); } #top-bar .autocomplete-results li { padding: 0px; display: inline; } #top-bar .autocomplete-results li a { color: rgb(51, 51, 51); } .header_message { background: rgb(255, 107, 0) !important; } .header_message { color: rgb(255, 255, 255) !important; } ul.megamenu > li > a, .megamenuToogle-wrapper .container .background-megamenu { color: rgb(1, 30, 99); } .megamenuToogle-wrapper .container > div span { background: rgb(1, 30, 99); } ul.megamenu > li > a:hover, ul.megamenu > li.active > a { color: rgb(255, 107, 0); } ul.megamenu > li > a::before { background: rgb(255, 255, 255); } ul.megamenu > li > a > .fa-home { color: rgb(255, 107, 0); } .megamenu-wrapper, .megamenuToogle-wrapper { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 99%); } .button, .btn, .product-list .product-actions div a, .swal2-styled.swal2-confirm.button { color: rgb(255, 255, 255) !important; } .btn-primary svg path { fill: rgb(255, 255, 255) !important; stroke: rgb(255, 255, 255) !important; } .add__to__cart { --color: #ffffff; --icon: var(--color); --cart: #ffffff; --shadow: rgba(0, 9, 61, 0.3); } .lds-ring div { border-width: 8px; border-style: solid; border-image: initial; border-color: rgb(255, 107, 0) transparent transparent; } .lds-text { color: rgb(255, 107, 0); } .button, .btn, .product-list .product-actions div a, .swal2-styled.swal2-confirm.button { background: rgb(255, 107, 0); border-color: rgb(255, 107, 0); } .add__to__cart { --background: #FF6B00; } .add-to-cart-btn .btn-default { border-color: rgb(255, 107, 0) !important; background-color: rgb(255, 107, 0) !important; } input[type="radio"]:checked ~ .check-cell > .wrapper > .check::before { background: rgb(255, 107, 0); } [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after { color: rgb(255, 255, 255); } [type="checkbox"]:checked + label::before { background-color: rgb(255, 107, 0); border-color: rgb(255, 107, 0); } .ion-ios-close, .ion-ios-close-outline { color: rgb(255, 107, 0); } .btn.ma-btn-filter, .button.ma-btn-filter { border-color: rgb(255, 107, 0); background: transparent; color: rgb(255, 107, 0) !important; } .btn.ma-btn-filter:hover, .button.ma-btn-filter:hover { background: rgb(255, 107, 0); border-color: transparent; color: transparent; } .button:hover, .btn:hover { color: rgb(255, 255, 255) !important; } .btn:hover, .product-info .cart .add-to-cart .button:hover, .product-list .product-actions div a:hover { color: rgb(255, 255, 255) !important; } .product .add-to-cart-btn .btn-default:hover { color: rgb(255, 255, 255) !important; } .button:hover, .btn:hover, .product-info .cart .add-to-cart .button:hover, .product-list .product-actions div a:hover { background: rgb(1, 30, 96); border-color: rgb(1, 30, 96); } .add-to-cart-btn .btn-default:hover { background-color: rgb(1, 30, 96) !important; color: rgb(255, 255, 255) !important; border-color: rgb(1, 30, 96) !important; } .buttons .left .button, .buttons .center .button, .btn-default, .input-group-btn .btn-primary, .btn-secondary { color: rgb(61, 61, 61) !important; } .buttons .left .button, .buttons .center .button, .btn-default, .input-group-btn .btn-primary, .btn-secondary { border-color: rgb(61, 61, 61) !important; } .buttons .left .button, .buttons .center .button, .btn-default, .input-group-btn .btn-primary, .btn-secondary { background-color: rgb(255, 255, 255) !important; } .buttons .left .button:hover, .buttons .center .button:hover, .btn-default:hover, .input-group-btn .btn-primary:hover, .btn-secondary { color: rgb(176, 176, 176) !important; } .buttons .left .button:hover, .buttons .center .button:hover, .btn-default:hover, .input-group-btn .btn-primary:hover, .btn-secondary:hover { border-color: rgb(176, 176, 176) !important; } .buttons .left .button:hover, .buttons .center .button:hover, .btn-default:hover, .input-group-btn .btn-primary:hover, .btn-secondary:hover { background-color: rgb(255, 255, 255) !important; } .timerShell, .timerShell-mobile { background-color: rgb(79, 79, 79); } .timer { color: rgb(79, 79, 79); } .sale .timer-row .rectangle { background: rgb(79, 79, 79); } .sale .timer-row .triangle-topleft { border-color: rgb(79, 79, 79) transparent transparent; } .timerShell, .timerShell-mobile { color: rgb(255, 255, 255); } .sale .timer-row .rectangle { color: rgb(255, 255, 255); } .timer { background-color: rgb(255, 255, 255); } .product-grid .product .image .product-actions a { background: rgb(217, 217, 217); } .sale .sale-row .rectangle { color: rgb(255, 255, 255); } .sale .sale-row .rectangle { } .sale .sale-row .triangle-topleft { } .sale .timer-row .rectangle { color: rgb(255, 255, 255); } .sale .timer-row .rectangle { background: rgb(1, 30, 96); } .sale .timer-row .triangle-topleft { border-color: rgb(1, 30, 96) transparent transparent; } .sale .coming-soon-row .rectangle { background: rgb(253, 126, 20); color: rgb(255, 255, 255); } .coming-soon-border-radius { border-radius: 4px; } .coming-soon { display: inline-block; padding: 6px 10px; background: rgb(253, 126, 20); color: rgb(255, 255, 255); font-size: 13px; line-height: 1; vertical-align: middle; } .coming-soon svg { color: rgb(255, 255, 255); } .timer { background: rgb(253, 126, 20); color: rgb(255, 255, 255); } .coming-soon-product-quickview { display: inline-block; padding: 6px 10px; background: rgb(253, 126, 20); color: rgb(255, 255, 255); font-size: 13px; line-height: 1; vertical-align: middle; } .coming-soon-product-quickview svg { color: rgb(255, 255, 255); } .timer-product-quickview { background: rgb(253, 126, 20); color: rgb(255, 255, 255); } .rating i { color: rgb(209, 209, 209); } .rating i.active { color: rgb(137, 139, 153); } .box-category { border-color: rgb(209, 209, 209); } .box-category ul li a.active { color: rgb(137, 139, 153); } .product-filter .options .button-group button { color: rgb(209, 209, 209); } .product-filter .options .button-group button:hover, .product-filter .options .button-group .active { color: rgb(137, 139, 153); } div.pagination-results ul li { border-color: rgb(255, 255, 255); } div.pagination-results ul li.active { border-color: rgb(137, 139, 153); } .pagination span a { border-color: rgb(137, 139, 153); } .pagination span a i { background-color: rgb(137, 139, 153); } .pagination span a:hover { background: rgb(137, 139, 153); border-color: rgb(137, 139, 153); } .pagination span a:hover i { background: rgb(255, 255, 255); } .custom-footer .pattern, ul.contact-us li { color: rgb(222, 222, 222); } .footer .pattern, .footer .pattern a, .copyright .pattern, .copyright .pattern a { color: rgb(255, 255, 255); } .footer h4 { color: rgb(255, 255, 255); } .footer .background, .standard-body .footer .background, .copyright .background, .standard-body .copyright .background { background-color: rgb(1, 30, 99); } body { font-size: 14px; font-weight: 400; font-family: Roboto; } #top-bar .container, #top .header-links li a, .sale { font-size: 12px; } ul.megamenu > li > a strong { font-size: 17px; font-weight: 500; } ul.megamenu > li > a > .fa-home { font-size: 18px; } .megamenuToogle-wrapper .container { font-weight: 500; } .box .box-heading, .center-column h1, .center-column h2, .center-column h3, .center-column h4, .center-column h5, .center-column h6, .filter-product .filter-tabs, .htabs a, legend { font-size: 16px; font-weight: 800; text-transform: uppercase; } .footer h4, .custom-footer h4 { font-size: 16px; font-weight: 800; text-transform: uppercase; } .breadcrumb .container h1 { font-size: 30px; font-weight: 800; text-transform: none; } #remove_product { color: rgb(43, 43, 43) !important; } .price .discount .discount-items { border-color: rgb(43, 43, 43); } .button, .btnbtn { font-size: 14px; text-transform: uppercase; font-weight: 600 !important; } .price-info-price-old, .product-grid .product .price, ul.megamenu li .product .price, .product-list .price, .mini-cart-info td.total { font-size: 16px; font-weight: 400; } .mini-cart-total td:last-child, .cart-total table tr td:last-child { font-weight: 400; } .product-info .price .price-new, .product-info .price .price-only { font-size: 26px; font-weight: 400; } #top #cart_block .cart-heading span { font-size: 22px; font-weight: 400; } .price-old { font-size: 14px; } .is-sticky #top .background { background-color: rgb(255, 255, 255); } .member-icon img { display: block; } @media only screen and (max-width: 1024px) { #cart_block.dropdown { margin-bottom: -2px !important; } } @media (min-width: 1025px) { #cart_block.dropdown { margin-bottom: -9px !important; } } #wishlist-total svg { top: 4px !important; } #total_price .top-bar-icon { font-size: 14px !important; } #total_price .top-bar-icon svg { top: 1px !important; } #top-bar-right .search_form .top-bar-icon svg { top: 2px !important; } .mobile__share .share__btn { --background: #000; --color: #fff; --shadow: rgba(0, 9, 61, 0.16); --y: 1; } .wish_heart { --background: #fff; --color: #FF6B0; position: absolute; top: 10px; right: 10px; } .wish_heart > a[id*="wishlist_product"] { display: flex; height: 25px; width: 25px; border-radius: 12.5px; background: var(--background) !important; color: var(--color) !important; border: 1px solid rgb(238, 238, 238) !important; padding: 0px !important; } .wish_heart > a[id*="wishlist_product"]:hover { color: var(--color) !important; } .wish_heart > a:not(.wishlist) { cursor: pointer !important; } .wish_heart > a.wishlist { cursor: pointer !important; } .wish_heart > a > i { display: inline-block; padding: 5.5px 5px 4.5px; border-color: var(--color); font-size: 13px !important; } .product-list .product-actions .wish_heart a { color: var(--color) !important; } .product-list .product-actions .wish_heart a:hover { color: var(--color) !important; } .wish_heart.lg { position: static; vertical-align: bottom !important; } .wish_heart.lg > a, .product-list .product-actions .wish_heart.lg > a { --s: 1; display: flex; align-items: center; justify-content: center; transform: scale(var(--s, 0.97)); box-shadow: 0 var(--s-y, 4px) var(--s-b, 12px) var(--shadow); transition: all 0.4s ease-in-out 0s; height: 37.5px !important; width: 37.5px !important; border-radius: 18.75px !important; border: 1px solid rgb(238, 238, 238) !important; } .wish_heart.lg > a:hover, .wish_heart.lg > a:active { --s: 1.1; --s-y: 8px; --s-b: 20px; } .wish_heart.lg > a > i { padding: 0px; margin-left: 1px; margin-top: 1px; font-size: 20px !important; } .rating > i.fa-star { font-size: 16px; } .table-product-tag { padding: 2px 12px; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 25px; color: rgb(0, 0, 0); display: block; width: fit-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 12px; cursor: default; } a.table-product-tag { cursor: pointer; } .product-info .table-product-tag { font-size: 1em; } a.table-product-tag:hover { transition: all 0.2s ease 0s; opacity: 0.8; } .table-product-tag + .table-product-tag { margin-top: 5px; } .image .custom-field-display { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 5px; pointer-events: none; } .image-bottom .custom-field-display { position: unset; padding: 0px 5px; } .custom-field-display .product-color-tag-0 { background: white; border: 1px solid white; color: black; } .custom-field-display .product-color-tag-0 a { color: black; } .custom-field-display .product-color-tag-1 { background: rgb(217, 33, 78); border: 1px solid rgb(217, 33, 78); color: white; } .custom-field-display .product-color-tag-1 a { color: white; } .custom-field-display .product-color-tag-2 { background: rgb(246, 155, 17); border: 1px solid rgb(246, 155, 17); color: white; } .custom-field-display .product-color-tag-2 a { color: white; } .custom-field-display .product-color-tag-3 { background: rgb(241, 188, 0); border: 1px solid rgb(241, 188, 0); color: white; } .custom-field-display .product-color-tag-3 a { color: white; } .custom-field-display .product-color-tag-4 { background: rgb(43, 165, 121); border: 1px solid rgb(43, 165, 121); color: white; } .custom-field-display .product-color-tag-4 a { color: white; } .custom-field-display .product-color-tag-5 { background: rgb(0, 175, 175); border: 1px solid rgb(0, 175, 175); color: white; } .custom-field-display .product-color-tag-5 a { color: white; } .custom-field-display .product-color-tag-6 { background: rgb(0, 149, 232); border: 1px solid rgb(0, 149, 232); color: white; } .custom-field-display .product-color-tag-6 a { color: white; } .custom-field-display .product-color-tag-7 { background: rgb(95, 92, 241); border: 1px solid rgb(95, 92, 241); color: white; } .custom-field-display .product-color-tag-7 a { color: white; } .custom-field-display .product-color-tag-8 { background: rgb(27, 44, 207); border: 1px solid rgb(27, 44, 207); color: white; } .custom-field-display .product-color-tag-8 a { color: white; } .custom-field-display .product-color-tag-9 { background: rgb(149, 27, 207); border: 1px solid rgb(149, 27, 207); color: white; } .custom-field-display .product-color-tag-9 a { color: white; } .custom-field-display .product-color-tag-10 { background: rgb(88, 36, 75); border: 1px solid rgb(88, 36, 75); color: white; } .custom-field-display .product-color-tag-10 a { color: white; } .custom-field-display .product-color-tag-11 { background: rgb(152, 101, 79); border: 1px solid rgb(152, 101, 79); color: white; } .custom-field-display .product-color-tag-11 a { color: white; } .custom-field-display .product-color-tag-12 { background: rgb(94, 98, 120); border: 1px solid rgb(94, 98, 120); color: white; } .custom-field-display .product-color-tag-12 a { color: white; } .custom-field-display .product-color-tag-13 { background: black; border: 1px solid black; color: white; } .custom-field-display .product-color-tag-13 a { color: white; } .custom-field-display .product-color-tag-14 { background: white; border: 1px solid rgb(94, 98, 120); color: rgb(94, 98, 120); } .custom-field-display .product-color-tag-14 a { color: rgb(94, 98, 120); } .cart-total .free-shipping { background-color: rgb(248, 248, 248); margin: 0px; padding: 15px; border-radius: 4px; } .free-shipping { background-color: rgb(248, 248, 248); margin: -30px -30px 15px; padding: 30px; text-align: left; } .free-shipping .free-shipping-text { margin-bottom: 10px; display: inline-flex; gap: 5px; text-align: left; font-size: 14px; } @media (max-width: 767px) { .free-shipping .free-shipping-text { font-size: 12px; } } @media (max-width: 1024px) { .free-shipping { margin: -4% -4% 2%; padding: 4%; } } .free-shipping .top-bar-svg { background-color: rgb(255, 107, 0); } .free-shipping .free-shipping-goal { color: rgb(181, 54, 72); } .free-shipping-progressbar { background: rgb(236, 236, 237); border-radius: 100px; height: 10px !important; } .free-shipping-progressbar > div { background: rgb(255, 107, 0); border-radius: 100px; height: 10px; } ul.megamenu li .sub-menu .content .hover-menu { min-width: 300px !important; } .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79, 79, 79, 0.4); --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); } .pswp { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0px; opacity: 0.003; contain: size layout style; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .pswp:focus { outline: 0px; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0px); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing; } .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out; } .pswp__container, .pswp__img, .pswp__button, .pswp__counter { user-select: none; } .pswp__item { z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } .pswp__content { pointer-events: none; } .pswp__content > * { pointer-events: auto; } .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; pointer-events: none; } .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } .pswp__button { position: relative; display: block; width: 50px; height: 60px; padding: 0px; margin: 0px; overflow: hidden; cursor: pointer; background: none; border: 0px; box-shadow: none; opacity: 0.85; appearance: none; } .pswp__button:hover, .pswp__button:active, .pswp__button:focus { transition: none 0s ease 0s; padding: 0px; background: none; border: 0px; box-shadow: none; opacity: 1; } .pswp__button:disabled { opacity: 0.3; cursor: auto; } .pswp__icn { fill: var(--pswp-icon-color); color: var(--pswp-icon-color-secondary); } .pswp__icn { position: absolute; top: 14px; left: 9px; width: 32px; height: 32px; overflow: hidden; pointer-events: none; } .pswp__icn-shadow { stroke: var(--pswp-icon-stroke-color); stroke-width: var(--pswp-icon-stroke-width); fill: none; } .pswp__icn:focus { outline: 0px; } div.pswp__img--placeholder, .pswp__img--with-bg { background: var(--pswp-placeholder-bg); } .pswp__top-bar { position: absolute; left: 0px; top: 0px; width: 100%; height: 60px; display: flex; flex-direction: row; justify-content: flex-end; z-index: 10; pointer-events: none !important; } .pswp__top-bar > * { pointer-events: auto; will-change: opacity; } .pswp__button--close { margin-right: 6px; } .pswp__button--arrow { position: absolute; width: 75px; height: 100px; top: 50%; margin-top: -50px; } .pswp__button--arrow:disabled { display: none; cursor: default; } .pswp__button--arrow .pswp__icn { top: 50%; margin-top: -30px; width: 60px; height: 60px; background: none; border-radius: 0px; } .pswp--one-slide .pswp__button--arrow { display: none; } .pswp--touch .pswp__button--arrow { visibility: hidden; } .pswp--has_mouse .pswp__button--arrow { visibility: visible; } .pswp__button--arrow--prev { right: auto; left: 0px; } .pswp__button--arrow--next { right: 0px; } .pswp__button--arrow--next .pswp__icn { left: auto; right: 14px; transform: scale(-1, 1); } .pswp__button--zoom { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__zoom-icn-bar-v { display: none; } .pswp__preloader { position: relative; overflow: hidden; width: 50px; height: 60px; margin-right: auto; } .pswp__preloader .pswp__icn { opacity: 0; transition: opacity 0.2s linear 0s; animation: 600ms linear 0s infinite normal none running pswp-clockwise; } .pswp__preloader--active .pswp__icn { opacity: 0.85; } @keyframes pswp-clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pswp__counter { height: 30px; margin-top: 15px; margin-inline-start: 20px; font-size: 14px; line-height: 30px; color: var(--pswp-icon-color); text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); opacity: 0.85; } .pswp--one-slide .pswp__counter { display: none; } .standard-body .full-width .container { max-width: 1280px; } .standard-body .fixed .background, .main-fixed { max-width: 1240px; } .dropdown-submenu:hover > .dropdown-menu { display: none; } .slick-slider { position: relative; display: block; box-sizing: border-box; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::before, .slick-track::after { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: url("") center center no-repeat rgb(255, 255, 255); } @font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("") format("woff"), url("") format("truetype"); } .slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev::before { content: "←"; } [dir="rtl"] .slick-prev::before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } .slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { opacity: 0.75; color: black; } .slick-lightbox { position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; background: black; transition: opacity 0.5s ease 0s; } .slick-lightbox .slick-loading .slick-list { background-color: transparent; } .slick-lightbox .slick-prev { left: 15px; } .slick-lightbox .slick-next { right: 15px; } .slick-lightbox-hide { opacity: 0; } .slick-lightbox-hide.slick-lightbox-ie { } .slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; } .slick-lightbox-hide-init.slick-lightbox-ie { } .slick-lightbox-inner { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .slick-lightbox-slick-item { text-align: center; overflow: hidden; } .slick-lightbox-slick-item::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; margin-bottom: 20px; } .slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; } .slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; } .slick-lightbox-slick-img { margin: 0px auto; display: block; max-width: 90%; max-height: 90%; } .slick-lightbox-slick-caption { margin: 10px 0px 0px; color: white; } .slick-lightbox-close { position: absolute; top: 15px; right: 15px; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: transparent; color: transparent; padding: 0px; border: none; } .slick-lightbox-close:focus { outline: none; } .slick-lightbox-close::before { font-family: slick; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; content: "×"; } .gl-star-rating[data-star-rating] { position: relative; display: block; } .gl-star-rating[data-star-rating] > select { top: 0px; left: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: circle(1px at 0% 0%); position: absolute !important; } .gl-star-rating[data-star-rating] .gl-star-rating-stars { display: inline-block; height: 26px; vertical-align: middle; cursor: pointer; } .gl-star-rating[data-star-rating] .gl-star-rating-stars > span { display: inline-block; width: 24px; height: 24px; background-size: 24px; background-repeat: no-repeat; background-image: url(""); margin-right: 4px; } .gl-star-rating[data-star-rating] .gl-star-rating-stars.s10 > span:first-child, .gl-star-rating[data-star-rating] .gl-star-rating-stars.s20 > span:nth-child(-n+2), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s30 > span:nth-child(-n+3), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s40 > span:nth-child(-n+4), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s50 > span:nth-child(-n+5), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s60 > span:nth-child(-n+6), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s70 > span:nth-child(-n+7), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s80 > span:nth-child(-n+8), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s90 > span:nth-child(-n+9), .gl-star-rating[data-star-rating] .gl-star-rating-stars.s100 > span { background-image: url(""); } .gl-star-rating[data-star-rating] .gl-star-rating-text { display: inline-block; position: relative; height: 26px; line-height: 26px; font-size: 0.8em; font-weight: 600; color: rgb(255, 255, 255); background-color: rgb(26, 26, 26); white-space: nowrap; vertical-align: middle; padding: 0px 12px 0px 6px; margin: 0px 0px 0px 12px; } .gl-star-rating[data-star-rating] .gl-star-rating-text::before { position: absolute; top: 0px; left: -12px; width: 0px; height: 0px; content: ""; border-style: solid; border-width: 13px 12px 13px 0px; border-color: transparent rgb(26, 26, 26) transparent transparent; } .toast-title { font-weight: 700; } .toast-message { overflow-wrap: break-word; } .toast-message a, .toast-message label { color: rgb(255, 255, 255); } .toast-message a:hover { color: rgb(204, 204, 204); text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.8; line-height: 1; } .toast-close-button:focus, .toast-close-button:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.4; } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } button.toast-close-button { padding: 0px; cursor: pointer; background: 0px 0px; border: 0px; appearance: none; } .toast-top-center { top: 0px; right: 0px; width: 100%; } .toast-bottom-center { bottom: 0px; right: 0px; width: 100%; } .toast-top-full-width { top: 0px; right: 0px; width: 100%; } .toast-bottom-full-width { bottom: 0px; right: 0px; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; } #toast-container * { box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0px 0px 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: rgb(153, 153, 153) 0px 0px 12px; color: rgb(255, 255, 255); opacity: 0.8; } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { box-shadow: rgb(0, 0, 0) 0px 0px 12px; opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: rgb(3, 3, 3); } .toast-success { background-color: rgb(81, 163, 81); } .toast-error { background-color: rgb(189, 54, 47); } .toast-info { background-color: rgb(47, 150, 180); } .toast-warning { background-color: rgb(248, 148, 6); } .toast-progress { position: absolute; left: 0px; bottom: 0px; height: 4px; background-color: rgb(0, 0, 0); opacity: 0.4; } @media (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } .intl-tel-input { position: relative; display: inline-block; } .intl-tel-input * { box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type="text"], .intl-tel-input input[type="tel"] { position: relative; z-index: 0; padding-right: 36px; margin-right: 0px; margin-top: 0px !important; margin-bottom: 0px !important; } .intl-tel-input .flag-container { position: absolute; top: 0px; bottom: 0px; right: 0px; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0px 6px 0px 8px; } .intl-tel-input .selected-flag .iti-arrow { margin-left: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgb(85, 85, 85); } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid rgb(85, 85, 85); } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0px; margin: 0px 0px 0px -1px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color: white; border: 1px solid rgb(204, 204, 204); white-space: nowrap; max-height: 200px; overflow-y: scroll; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); } .intl-tel-input .country-list .country { padding: 5px 10px; outline: none; } .intl-tel-input .country-list .country .dial-code { color: rgb(153, 153, 153); } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="text"], .intl-tel-input.separate-dial-code input[type="tel"] { padding-right: 6px; padding-left: 52px; margin-left: 0px; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.separate-dial-code .selected-dial-code { margin-left: 6px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { inset: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-size: 5652px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 14px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 14px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.un { height: 14px; background-position: -5241px 0px; } .iti-flag.us { height: 11px; background-position: -5263px 0px; } .iti-flag.uy { height: 14px; background-position: -5285px 0px; } .iti-flag.uz { height: 10px; background-position: -5307px 0px; } .iti-flag.va { height: 15px; background-position: -5329px 0px; } .iti-flag.vc { height: 14px; background-position: -5346px 0px; } .iti-flag.ve { height: 14px; background-position: -5368px 0px; } .iti-flag.vg { height: 10px; background-position: -5390px 0px; } .iti-flag.vi { height: 14px; background-position: -5412px 0px; } .iti-flag.vn { height: 14px; background-position: -5434px 0px; } .iti-flag.vu { height: 12px; background-position: -5456px 0px; } .iti-flag.wf { height: 14px; background-position: -5478px 0px; } .iti-flag.ws { height: 10px; background-position: -5500px 0px; } .iti-flag.xk { height: 15px; background-position: -5522px 0px; } .iti-flag.ye { height: 14px; background-position: -5544px 0px; } .iti-flag.yt { height: 14px; background-position: -5566px 0px; } .iti-flag.za { height: 14px; background-position: -5588px 0px; } .iti-flag.zm { height: 14px; background-position: -5610px 0px; } .iti-flag.zw { height: 10px; background-position: -5632px 0px; } .iti-flag { height: 15px; box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; background-image: url(""); background-repeat: no-repeat; background-color: rgb(219, 219, 219); background-position: 20px 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url(""); } } .iti-flag.np { background-color: transparent; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .desktop.ad, .horizontal.ad, .panel.ad, a[href^="https://www.mrskin.com/account/"] { display: none !important; } body { letter-spacing: 1px; } .product-grid > .row { display: flex; flex-wrap: wrap; align-items: stretch; } .product-grid > .row > * { display: flex; flex-direction: column; flex-shrink: 0; margin-top: 20px; } .product-card { overflow: hidden; border-radius: 10px; transition: all 0.3s ease 0s; display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; text-align: left; background-color: rgb(255, 255, 255); width: 100%; } .product-card { & .swiper-slide:has(iframe) { position: relative; width: 350px; overflow: hidden; &::after { content: ""; display: block; padding-top: calc(56.25%); } & iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } &.hideIframeIcon iframe { height: 1000%; top: 50%; left: 50%; transform: translate(-50%, -50%); } } } .product-card.hover, .product-card:hover { box-shadow: rgba(126, 130, 153, 0.25) 0px 0px 10px; } @media (max-width: 767px) { .product-card, .product-card.hover, .product-card:hover { box-shadow: rgba(126, 130, 153, 0.25) 0px 0px 5px; } } .product-card .product-card-name { line-height: 1.2; } .product-card .background { background: rgb(239, 242, 245); width: 100%; overflow: hidden; border-radius: 10px; position: relative; flex: unset !important; } .product-card .background .zoom { display: flex; width: 100%; height: 100%; } .product-card:hover .zoom img { transform: scale(1.05, 1.07); transition-timing-function: ease-out; transition-duration: 250ms; } .product-card:hover .zoom :not(.swiper-slide-active) > img { transform: unset; transition-timing-function: unset; transition-duration: unset; } .product-card .swiper { width: 100%; height: auto; min-height: 100%; } .product-card .swiper .swiper-wrapper, .product-card .swiper .swiper-slide { width: 100%; height: auto; } .product-card .swiper-lazy:not(.swiper-lazy-loaded) { display: none; } .product-card .swiper-button-next { right: 0px; } .product-card .swiper-button-prev { left: 0px; } .product-card .swiper-button-next, .product-card .swiper-button-prev { width: 30px; height: 30px; margin-top: -15px; background-color: rgb(255, 255, 255); opacity: 0; } .product-card:hover .swiper-button-next, .product-card:hover .swiper-button-prev { opacity: 0.5; } .product-card .swiper-button-next::after, .product-card .swiper-button-prev::after { font-size: 10px; color: rgb(0, 0, 0); font-weight: 700; } .product-card .swiper-button-disabled { opacity: 0 !important; pointer-events: unset; } .product-card .swiper-horizontal > .swiper-scrollbar { display: none; bottom: 0px; } @media (max-width: 767px) { .product-card .swiper-horizontal > .swiper-scrollbar { display: block; } .product-card .swiper-button-next, .product-card .swiper-button-prev { display: none; } } .product-card[videos="true"] .background .zoom:has(> img)::after, .product-card[videos="true"] .background .zoom .swiper .swiper-slide:first-child::after { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: min(60px, 80%); height: min(60px, 80%); mask-size: 100%; background: rgb(255, 255, 255); opacity: 0.75; --icon: url('data:image/svg+xml,
'); } .product-card .product-card-description { flex-direction: column; gap: 5px; flex: 1 1 0%; padding: 10px; display: flex !important; } .product-card .wish_heart { position: absolute; top: 0px; right: 0px; margin: 10px; z-index: 2; } .product-card .ribon { text-align: left; font-size: 12px; position: absolute; top: 0px; left: 0px; max-width: calc(100% - 45px); display: flex; flex-flow: wrap; z-index: 2; pointer-events: none; } .product-card .ribon > * { padding: 4px 8px; color: rgb(255, 255, 255); font-weight: 500; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: fit-content; max-width: 100%; line-height: 14px; pointer-events: auto; } .product-card .ribon .timer-ribon { background: rgb(79, 79, 79); } .product-card .ribon .timer-ribon { color: rgb(255, 255, 255); } .product-card .ribon .coming-soon { background: rgb(79, 79, 79); } .product-card .ribon .coming-soon { color: rgb(255, 255, 255); } .product-card .ribon .sale-ribon { color: rgb(255, 255, 255); } .product-card .ribon .sale-ribon { } .product-card .ribon .timer-ribon { color: rgb(255, 255, 255); } .product-card .ribon .timer-ribon { background: rgb(1, 30, 96); } .product-card .ribon .coming-soon { background-color: rgb(253, 126, 20); color: rgb(255, 255, 255); } .product-card .image_bottom { position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; display: flex; flex-direction: column; gap: 5px; pointer-events: none; } @media (max-width: 767px) { .product-card .image_bottom { bottom: 5px; } } .product-card .product-sale-info > * { font-size: 14px; opacity: 0.8; vertical-align: middle; text-align: center; display: flex; align-items: center; justify-content: center; background: rgb(79, 79, 79); color: rgb(255, 255, 255); padding: 5px; pointer-events: auto; position: relative; } .product-card .product-sale-info .counter { display: flex; align-items: center; justify-content: center; } .product-card .product-sale-info.coming-soon, .product-card .product-sale-info.coming-soon > * { background-color: rgb(253, 126, 20); color: rgb(255, 255, 255); opacity: 0.8; } .product-card .product-sale-info.coming-soon:has(.counter[style*="display: none"]) { display: none !important; } .product-card .promotion-ribon { padding: 4px; color: rgb(219, 71, 77); background: rgb(253, 234, 236); font-weight: 700; font-size: 12px; border-radius: 4px; margin-right: 3px; white-space: nowrap; } .product-card .product-card-name { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: unset; -webkit-box-orient: vertical; } .product-card .product-card-name, .product-card .product-card-name .product-name { font-size: 14px; line-height: 1.5; } @media (max-width: 767px) { .product-card .product-card-name, .product-card .product-card-name .product-name { font-size: 12px; } } .product-card .manufacturer { display: flex; font-size: 10px; font-weight: 300; } .product-card .rating { display: flex; } .product-card .rating .empty-rating { position: relative; display: flex; } .product-card .rating .fill-rating { position: absolute; display: flex; overflow: hidden; } .product-card .rating i { margin: 0px; font-size: 12px; } .product-card .rating .empty-rating i { color: rgb(209, 209, 209); } .product-card .rating .fill-rating i { color: rgb(137, 139, 153); } .product-card .color-option { display: flex; flex-wrap: wrap; gap: 4px; } .product-card .color-option .color-option-block { border: 1px solid; border-radius: 2px; width: 10px; height: 10px; } .product-card .pricing { display: inline-flex; flex-direction: column; gap: 2px; padding: 0px; text-align: start; font-size: 16px; font-weight: 400; } .product-card .pricing > * { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .product-card .pricing .member-price { font-size: 16px; font-weight: 400; } .product-card .pricing .member-price .member-price-icon { display: flex; align-items: center; flex-shrink: 0; } .product-card .pricing .member-price .member-price-icon img { width: 16px; height: 16px; } .product-card .pricing .member-price .member-price-special { border-radius: 4px; border: 1px solid rgb(246, 155, 17); background: rgb(255, 245, 231); color: rgb(246, 155, 17); font-weight: 700; font-size: 12px; padding: 2px; display: flex; } .product-card .pricing .orignal-price { font-weight: 400; font-size: 14px; text-decoration: line-through; } .product-card .pricing .member-price-discount { border-radius: 4px; border: 1px solid rgb(18, 176, 179); color: rgb(18, 176, 179); font-weight: 700; font-size: 12px; padding: 2px; } .product-card .custom-field-display { display: flex; flex-flow: wrap; gap: 5px; margin-left: 5px; margin-right: 5px; pointer-events: none; position: relative; height: auto; } .product-card .background .custom-field-display .product-tag { box-shadow: rgba(126, 130, 153, 0.25) 0px 2px 2px; pointer-events: none; } .product-card .product-tag { padding: 2px 12px; border-radius: 25px; display: block; width: fit-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 12px; cursor: default; } .product-card .cart { opacity: 0; transition: all 0.3s ease 0s; margin-top: auto; padding: 10px; } .product-card .product-card-description + .cart { padding-top: 0px; } .filter-design.picture-mode .product-card .cart { padding-top: 10px; } .product-card.hover .cart, .product-card:hover .cart { opacity: 1; } @media (max-width: 767px) { .product-card .cart { opacity: 1; } } .box-heading, .filter-product .filter-tabs { margin-bottom: 20px !important; } .box-product .slick-slider { margin-top: 20px; } .box-product .slick-slide { margin: 0px 8px; } .box-product .slick-slide > div { margin: 8px 0px; } @media (max-width: 767px) { .box-product .slick-slide { margin: 0px 8px; } .box-product .slick-slide > div { margin: 8px 0px; } } .box-product .product-card { display: flex !important; } .box-product .slick-slide > div:not(.left):not(.right):not(.clearfix) { flex: unset; } @media (max-width: 767px) { .box-product .slick-slide > div:not(.left):not(.right):not(.clearfix) .swiper { pointer-events: none; } .box-product .slick-slide .swiper-horizontal > .swiper-scrollbar { display: none; } } .product-card .cart .add_cart, .product-card .cart .addon_cart, .product-card .cart .stock_notify, .product-card .cart .booking_cart, .load_more, .product-card .cart .qty_box, .product-card .cart .addon_box { padding: 10px; border: 1px solid; border-radius: 4px; font-size: 12px; display: flex; gap: 10px; align-items: center; justify-content: center; min-height: 35px; cursor: pointer; transition: all 0.3s ease 0s; } .load_more { width: fit-content; margin: auto; } .product-list .product-actions .addcart a { background: rgb(240, 240, 240) !important; border-color: rgb(240, 240, 240) !important; color: rgb(120, 120, 120) !important; } .product-list .product-actions .addcart a:hover { background: rgb(240, 240, 240) !important; border-color: rgb(240, 240, 240) !important; color: rgb(120, 120, 120) !important; } .product-list .product-actions .addbooking a { background: rgb(240, 240, 240) !important; border-color: rgb(240, 240, 240) !important; color: rgb(120, 120, 120) !important; } .product-list .product-actions .addbooking a:hover { background: rgb(240, 240, 240) !important; border-color: rgb(240, 240, 240) !important; color: rgb(120, 120, 120) !important; } .product-card .cart .add_cart, .product-list .product-actions .add-to-cart.addcart { background-color: rgb(240, 240, 240); border-color: rgb(240, 240, 240); color: rgb(120, 120, 120); } .product-card .cart .add_cart:hover, .product-list .product-actions .add-to-cart.addcart:hover { background-color: rgba(240, 240, 240, 0.8); border-color: rgba(240, 240, 240, 0.8); color: rgb(120, 120, 120); } .product-card .cart .add_cart::before, .product-list .product-actions .add-to-cart.addcart::before { background-color: rgb(120, 120, 120); } .product-card .cart .add_cart:hover::before, .product-list .product-actions .add-to-cart.addcart:hover::before { background-color: rgba(120, 120, 120, 0.8); } .product-card .cart .add_cart.add_cart_loading::before { border-color: rgb(120, 120, 120); } .product-card .cart .add_cart.add_cart_loading:hover::before { border-color: rgba(120, 120, 120, 0.8); } .btn-arrival, .product-info .cart .add-to-cart .btn-arrival, .mobile_notice_btn, .mobile-btn-arrival, #arrival_notice .modal_footer_btn, .product-card .cart .stock_notify { background-color: rgb(240, 240, 240); border-color: rgb(240, 240, 240); color: rgb(120, 120, 120); } .btn-arrival:hover, .product-info .cart .add-to-cart .btn-arrival:hover, .mobile_notice_btn:hover, .mobile-btn-arrival:hover, #arrival_notice .modal_footer_btn:hover, .product-card .cart .stock_notify:hover { background-color: rgba(240, 240, 240, 0.8); border-color: rgba(240, 240, 240, 0.8); color: rgba(120, 120, 120, 0.8); } .btn-arrival::before, .product-info .btn-arrival::before, .mobile_notice_btn::before, .mobile-btn-arrival::before, #arrival_notice .modal_footer_btn::before, .product-card .cart .stock_notify::before { background-color: rgb(120, 120, 120); } .btn-arrival:hover::before, .product-info .cart .add-to-cart .btn-arrival:hover::before, .mobile_notice_btn:hover::before, .mobile-btn-arrival:hover::before, #arrival_notice .modal_footer_btn:hover::before, .product-card .cart .stock_notify:hover::before { background-color: rgba(120, 120, 120, 0.8); } .product-card .cart .booking_cart { background-color: rgb(240, 240, 240); border-color: rgb(240, 240, 240); color: rgb(120, 120, 120); } .product-card .cart .booking_cart:hover { background-color: rgba(240, 240, 240, 0.8); border-color: rgba(240, 240, 240, 0.8); color: rgba(120, 120, 120, 0.8); } .product-card .cart .booking_cart::before { background-color: rgb(120, 120, 120); } .product-card .cart .booking_cart:hover::before { background-color: rgba(120, 120, 120, 0.8); } .load_more { background-color: rgb(240, 240, 240); border-color: rgb(240, 240, 240); color: rgb(120, 120, 120); } .load_more:hover { background-color: rgba(240, 240, 240, 0.8); border-color: rgba(240, 240, 240, 0.8); color: rgba(120, 120, 120, 0.8); } .product-card .cart .qty_box { background: rgb(51, 51, 51); color: rgb(255, 255, 255); position: relative; } .product-card .cart .stock_notify::before { content: ""; width: 17px; height: 17px; mask: url("") center center no-repeat; } .product-card .cart .booking_cart::before { content: ""; width: 17px; height: 17px; mask: url("") center center no-repeat; } .product-card .cart .add_cart::before, .product-list .product-actions .add-to-cart.addcart::before { content: ""; width: 17px; height: 17px; mask: url("") center center no-repeat; } .product-card .cart .add_cart.add_cart_loading::before, .product-card .cart .addon_cart.loading::before, .product-card .cart .addon_box.loading::before { content: ""; width: 17px; height: 17px; mask: unset; background: transparent; border-width: 1px; border-style: solid; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-radius: 50%; animation: 1s linear 0s infinite normal none running fa-spin; display: flex; flex-shrink: 0; border-top-color: transparent !important; } .product-card .cart .qty_box .qty_btn { position: absolute; display: flex; align-items: center; justify-content: center; height: 100%; aspect-ratio: 1 / 1; cursor: pointer; font-size: 15px; background: rgb(107, 107, 107); } .product-card .cart .qty_box .qty_btn.qty_btn_remove { left: 0px; } .product-card .cart .qty_box .qty_btn.qty_btn_add { right: 0px; } .toast-middle-center { top: 50%; right: 0px; width: 100%; } #toast-container.toast-middle-center > div { width: fit-content; margin-left: auto; margin-right: auto; } #toast-container .toast-product-card { opacity: 1; padding: 15px; background-color: rgb(255, 255, 255); } #toast-container .toast-product-card .toast-message { display: flex; align-items: center; gap: 15px; color: rgb(0, 0, 0); font-weight: 600; font-size: 14px; } #toast-container .toast-product-card .toast-message i.toast-warning-icon { display: flex; font-size: 30px; color: rgb(255, 199, 0); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background { overflow-x: clip; } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .filter-design::after { width: 100vw; left: calc(50% - 50vw); } @media (min-width: 768px) { :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-12 .col-sm-9 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-12 .col-sm-9 .filter-design::after { --c: calc(100% + var(--grid-padding) *2 ); left: calc(var(--c) / 3 * 2 - 50vw); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-12 .col-sm-3 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-12 .col-sm-3 .filter-design::after { --c: calc(100% + var(--grid-padding) *2 ); left: calc(var(--c) * -1 - 50vw); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-12 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-12 .filter-design::after { left: calc(66.6667% - 50vw); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-8 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-8 .filter-design::after { left: calc(50% - 50vw); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-4 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-9 .col-sm-4 .filter-design::after { --c: calc(100% + var(--grid-padding) *2 ); left: calc(var(--c) * -1 - 50vw); } :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-3 + .col-sm-9 .col-sm-12 .filter-design::before, :where(#top, #slider, .main-content, .custom-footer, .footer, .copyright) > .background .col-sm-3 + .col-sm-9 .col-sm-12 .filter-design::after { left: calc(33.3333% - 50vw); } } .filter-design { --grid-padding: 10px; padding: 15px 0px; position: relative; } @media (min-width: 768px) { .filter-design { --grid-padding: 15px; } } .filter-design.filter-design-banner { padding: 0px; } .filter-design.picture-mode .product-card .background > :not(a), .filter-design.picture-mode .product-card .product-card-description, .filter-design.picture-mode .product-card .cart { display: none !important; } .filter-design .filter-design-ranking { text-align: left; font-weight: bold; width: 100%; } .filter-design > .swiper, .filter-design .tab-pane > .swiper { margin-top: 20px; padding-bottom: 30px; } .filter-design.filter-design-banner > .swiper, .filter-design.filter-design-banner .tab-pane > .swiper { margin-top: 0px; padding-bottom: 0px; } .filter-design.filter-design-banner > .swiper .swiper-pagination { position: unset; height: 30px; display: flex; align-items: center; justify-content: center; } .filter-design.filter-design-banner > .swiper .swiper-pagination.swiper-pagination-lock { display: none; } .filter-design .swiper-wrapper { display: flex; align-items: stretch; } .filter-design .swiper-wrapper .swiper-slide { height: unset; display: flex; flex-direction: column; align-items: center; } .filter-design.filter-design-banner .swiper-wrapper { display: flex; align-items: center; } .filter-design.filter-design-banner .swiper-wrapper .swiper-slide { height: auto; display: block; } .filter-design .swiper-3d :is(.swiper-slide-shadow-left, .swiper-slide-shadow-right) { background-image: none; } .filter-design .swiper-slide { padding: 8px; } .filter-design.filter-design-banner .swiper-slide { padding: 0px; } .filter-design .product-card .swiper-slide { padding: 0px; } .product-list .image-bottom .custom-field-display { display: flex; flex-flow: wrap; gap: 5px; } .product-list .image-bottom .custom-field-display .table-product-tag { padding: 2px 12px; border-radius: 25px; display: block; width: fit-content; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 12px; cursor: default; } .product-list .image-bottom .table-product-tag + .table-product-tag { margin-top: 0px; } @media (max-width: 767px) { .filter-design .swiper-slide { padding: 5px; } } .filter-design .single-tab { padding: 10px 0px; display: flex; color: rgb(46, 47, 54); font-size: 16px; font-weight: 800; border-bottom: 1px solid rgb(239, 242, 245); position: relative; } .filter-design .single-tab::before { position: absolute; content: ""; width: 100%; height: 2px; background: rgb(73, 75, 86); bottom: -1px; left: 0px; } .filter-design .nav-line-tabs { display: flex; flex-wrap: wrap; gap: 5px 30px; border-bottom: 1px solid rgb(239, 242, 245); padding: 0px; margin: 0px; list-style: none; } .filter-design .nav-line-tabs .nav-item .nav-link { padding: 10px 0px; position: relative; display: flex; cursor: pointer; color: rgb(46, 47, 54); font-size: 16px; font-weight: 800; } .filter-design .nav-line-tabs .nav-item:hover .nav-link, .filter-design .nav-line-tabs .nav-item.active .nav-link { color: rgb(157, 158, 168); } .filter-design .nav-line-tabs .nav-item.active .nav-link::before { width: 100%; } .filter-design .nav-line-tabs .nav-item .nav-link::before { position: absolute; content: ""; width: 0px; height: 2px; background: rgb(73, 75, 86); bottom: -1px; left: 0px; transition: width 0.3s ease 0s; } #blog-right-column-items > .row > div + div { margin-top: 35px; } .blog-right-column-title { font-size: 18px; font-weight: 600; text-transform: none; padding-bottom: 10px; } .blog-category, .popular-tag, .popular-year, .popular-blog { padding-left: 15px !important; padding-right: 15px !important; } .blog-category-item, .popular-blog-item { margin-top: 20px; } hr.category-hr { margin: 0px; } .popular-blog-item { display: inline-flex; } .popular-blog-item:hover { opacity: 0.9; transition: all 0.2s ease 0s; } .popular-blog-title { width: 60%; overflow-wrap: break-word; text-align: left; padding: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .popular-blog-image { width: 40%; height: auto; vertical-align: top; text-align: left; display: inline-block; padding-right: 10px; } .blog-tag { padding: 5px 8px; margin-right: 5px; margin-bottom: 5px; } @media (max-width: 767px) { .blog-image img { width: 100%; } } .blog-info .blog-info-category + .blog-info-date::before { content: " | "; } .blog .blog-property .blog-list-category + .blog-list-date::before { content: " | "; } .price-range .price-dash { gap: 5px; } .price-up .price-up-text { font-size: 0.9em; } @property --progress { syntax: "
"; inherits: true; initial-value: 0%; } html:has(#iframe-pip.fullscreen) { overflow: hidden; } #iframe-pip { --iframe-pip-aspect-ratio-default: 16 / 9; --play-icon: url('data:image/svg+xml,
'); --pause-icon: url('data:image/svg+xml,
'); --exit-icon: url('data:image/svg+xml,
'); --mute-icon: url('data:image/svg+xml,
'); --unmute-icon: url('data:image/svg+xml,
'); --fullscreen-icon: url('data:image/svg+xml,
'); position: fixed; bottom: 0px; right: 0px; z-index: 999999; display: table; margin: 10px; background: transparent; user-select: none; &.fullscreen { width: 100%; height: 100%; border-color: transparent; border-width: 0px; border-style: solid; box-sizing: border-box; margin: 0px; background: rgba(0, 0, 0, 0.9); display: grid; top: 0px !important; left: 0px !important; & #iframe-pip-screen { width: calc((1 - var(--is-widescreen)) * (100vh * var(--iframe-pip-aspect-ratio, var(--iframe-pip-aspect-ratio-default)) - 100%) + 100%); place-self: center; border-radius: 0px; } & #iframe-pip-control-panel { --icon-size: 4rem; } } & #iframe-pip-screen { --is-widescreen: min(round(down, var(--iframe-pip-aspect-ratio, var(--iframe-pip-aspect-ratio-default)), 1), 1); width: calc(var(--is-widescreen) * 100px + 300px); max-width: 100%; height: auto; aspect-ratio: var(--iframe-pip-aspect-ratio, var(--iframe-pip-aspect-ratio-default)); border-radius: 1rem; overflow: hidden; @media (max-width: 992px) { & { width: calc(var(--is-widescreen) * 20vw + 40vw); } } } & iframe { display: block; pointer-events: none; } & #iframe-pip-screen.hide-iframe-info { translate: 0px; & iframe { position: fixed; width: 100%; height: 1000%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } } & #iframe-pip-control-panel { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 2; transition: opacity 0.2s ease 0s; --icon-size: 2.5rem; --icon-margin: 0.5rem; --icon-size-total: calc(var(--icon-size) + 2 * var(--icon-margin, 0px)); & > * { cursor: pointer; } &:hover, &:active, &:focus, &.paused { opacity: 1; } & :is(#iframe-pip-control-panel-play, #iframe-pip-control-panel-pause, #iframe-pip-control-panel-exit, #iframe-pip-control-panel-mute, #iframe-pip-control-panel-fullscreen) { cursor: pointer; width: var(--icon-size); height: var(--icon-size); border-radius: 0.5rem; margin: var(--icon-margin); position: absolute; background: rgba(0, 0, 0, 0.19); transition: background 0.2s ease 0s; &::after { content: ""; position: absolute; width: 100%; height: 100%; mask-size: 100%; background: rgb(255, 255, 255); } } & #iframe-pip-control-panel-play { display: none; bottom: 0px; left: 0px; --icon: var(--play-icon); } &.paused #iframe-pip-control-panel-play, &:not(.paused, .playing) #iframe-pip-control-panel-play { display: block; } & #iframe-pip-control-panel-pause { display: none; bottom: 0px; left: 0px; --icon: var(--pause-icon); } &.playing #iframe-pip-control-panel-pause { display: block; } & #iframe-pip-control-panel-exit { top: 0px; right: 0px; --icon: var(--exit-icon); } & #iframe-pip-control-panel-mute { bottom: 0px; right: 0px; --icon: var(--unmute-icon); &.is-mute { --icon: var(--mute-icon); } } & #iframe-pip-control-panel-fullscreen { top: 0px; left: 0px; --icon: var(--fullscreen-icon); &.is-fullscreen { --icon: var(--fullscreen-icon); } &::after { scale: 0.7; } } @supports not (width: calc(10s / 100s * 100%)) { & #iframe-pip-control-panel-timeline { display: none; } } & #iframe-pip-control-panel-timeline { --progress: calc(var(--start) / var(--total) * 100%); --remaining: calc((var(--total) - var(--start)) / var(--speed)); position: absolute; bottom: calc(var(--icon-size-total) / 2); left: 50%; translate: -50% 50%; width: calc(100% - var(--icon-size-total) * 2); height: 0.6rem; border-radius: 0.2rem; background: gray; overflow: clip; transition: none 0s ease 0s; &::after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient( to right, red, red var(--progress), transparent 0% ); } &::before { --preview-color: lightgray; content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient( to right, var(--preview-color), var(--preview-color) var(--preview-progress, 0%), transparent 0% ); } &:active::after { display: none; } &:active::before { --preview-color: red; } &:hover { height: 1rem; border-radius: 0.4rem; } } &.playing #iframe-pip-control-panel-timeline { transition: --progress var(--remaining) linear; --progress: 100%; } } } #top-bar .top-bar-links li .search_form .search-query { width: 30px; } #top-bar .top-bar-links li .search_form .search-query { font-size: 12px; } #top-bar .top-bar-links li { vertical-align: text-top; } header#org-header { display: none; } header#new-mobile-header { display: block; transition: top 0.2s ease-in-out 0s; position: fixed; top: 0px; width: 100vw; z-index: 1029; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(240, 240, 240); } .svg-icon { stroke: rgb(255, 255, 255); fill: rgb(255, 255, 255); } .top-bar-svg { background-color: rgb(255, 255, 255); width: 17px; height: 17px; display: inline-block; } header a, header .fa-heart, header p, header .dropdown-menu a, .dropdown-menu #cart_content_background table td a, .dropdown-menu #cart_content_background table td div, .dropdown-menu #cart_content_background table td { color: rgb(80, 82, 91); } header a:hover { color: rgb(171, 171, 171); } .shaded { filter: grayscale(100%); } .new-mobile-header-background { display: block; height: 20px; } .new-mobile-header-toprow { width: 100%; height: 60px; vertical-align: middle; } .new-mobile-header-nav-left { width: 50%; float: left; padding: 12px 20px 5px 5%; text-align: left; vertical-align: middle; } .new-mobile-header-nav-left img { max-height: 43px; display: block; } .new-mobile-header-logo { display: inline-block; border: none; outline: none; margin: 0px; } .new-mobile-header-search { display: inline-block; text-align: right; border: none; outline: none; margin: 0px; vertical-align: middle; } .new-mobile-header-cart { display: inline-block; text-align: right; border: none; outline: none; margin: 0px 0px 0px 15px; vertical-align: middle; } .new-mobile-header-menu { display: inline-block; text-align: right; border: none; outline: none; margin: 0px 0px 0px 15px; vertical-align: middle; } .new-mobile-header-nav-right { width: 45%; float: right; padding: 22px 1% 5px 10px; text-align: right; vertical-align: middle; height: 100%; } .modal.right.fade .modal-dialog { right: -290px; transition: opacity 0.3s linear 0s, right 0.3s ease-out 0s; } .modal.right.fade.in .modal-dialog { right: 0px; } .modal.right .modal-dialog { padding: 0px; position: fixed; margin: 0px; left: auto; width: 290px; height: 100%; transform: translate3d(0%, 0px, 0px); } .modal.right .modal-content { height: 100%; overflow-y: scroll; } .modal.right .modal-body { padding: 15px 15px 80px; } .modal-content { border-radius: 0px; border: none; background-color: rgb(255, 255, 255); } .modal-header { border-bottom-color: rgb(255, 255, 255); background-color: rgb(250, 250, 250); } .modal-info { background-color: white; border-bottom: 1px solid rgb(217, 217, 217); padding: 12px 18px 5px 5%; } .modal-info .logo { display: flex; justify-content: space-between; align-items: center; } .modal-info .logo img { max-height: 43px; display: block; } .modal-info .logo .close { opacity: 1; width: 20px; } .nav.nav-tabs { padding: 8px 10px; background-color: white; border-style: none; } .new-mobile-header-menu-tab { background-color: rgb(248, 247, 248); width: 50%; height: 100%; font-size: 17px; text-align: center; color: rgb(61, 61, 61); font-weight: normal; border: none; } .new-mobile-header-menu-tab > .new-mobile-header-menu-tab-text { color: rgb(61, 61, 61); font-weight: normal; padding: 15px; border: none; } .nav.nav-tabs .new-mobile-header-menu-tab.active, .nav.nav-tabs .new-mobile-header-menu-tab.active > .new-mobile-header-menu-tab-text { background-color: rgb(255, 255, 255); color: rgb(100, 112, 115); border-radius: 4px; border: none; } .nav.nav-tabs .new-mobile-header-menu-tab:not(.active):hover, .nav.nav-tabs .new-mobile-header-menu-tab:not(.active) > .new-mobile-header-menu-tab-text:hover { background-color: rgb(248, 247, 248); border: none; } .new-mobile-header-menu-tab.active > .new-mobile-header-menu-tab-text { color: rgb(100, 112, 115) !important; font-weight: bold; } .clear_button { background: url(""); width: 16px; height: 16px; position: absolute; right: 15px; top: 20px; cursor: pointer; font-size: 12px; line-height: 18px; display: block; } .clear_button_desktop { background: url(""); width: 11px; height: 11px; position: absolute; right: 5px; top: 4px; cursor: pointer; font-size: 12px; line-height: 18px; display: none; } button.accordion { background-color: white; color: rgb(68, 68, 68); cursor: pointer; padding: 12px 35px 12px 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; position: relative; } button.accordion::before { content: ""; background: url("") no-repeat; width: 20px; height: 20px; position: absolute; right: 15px; } button.accordion.active::before { content: ""; background: url("") no-repeat; width: 20px; height: 20px; position: absolute; right: 15px; } div.panel#new-mobile-header-menu-cat { background-color: rgb(255, 255, 255); overflow: hidden; } button.accordion-single-layer { background-color: white; color: rgb(68, 68, 68); cursor: pointer; padding: 12px 35px 12px 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } li.new-mobile-header-menu-item { background-color: rgb(255, 255, 255); cursor: pointer; padding: 12px 15px 12px 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: all 0.4s ease 0s; list-style-type: none; display: flex; justify-content: space-between; align-items: center; color: rgb(0, 0, 0); } li.new-mobile-header-menu-item.new-mobile-header-menu-item-button { cursor: default; } li.new-mobile-header-menu-item a { color: rgb(0, 0, 0); } li.new-mobile-header-menu-item .icon { display: flex; align-items: center; } li.new-mobile-header-menu-item .icon > img { margin-right: 5px; width: 20px; } li.new-mobile-header-menu-item.language > .icon, li.new-mobile-header-menu-item.currency > .icon { width: 100%; } li.new-mobile-header-menu-item.language > .icon > form, li.new-mobile-header-menu-item.currency > .icon > form { flex: 0 0 calc(100% - 20px); width: 100%; } li.new-mobile-header-menu-item.language > .icon > form .dropdown-toggle, li.new-mobile-header-menu-item.currency > .icon > form .dropdown-toggle { width: 100%; display: block; } li.new-mobile-header-menu-item.language > .icon > form .dropdown-menu, li.new-mobile-header-menu-item.currency > .icon > form .dropdown-menu { width: calc(100% + 20px); left: -25px; } .new-mobile-header-menu-item-separator { background-color: rgb(230, 230, 230); height: 5px; border-style: none; margin-top: 30px; margin-bottom: 30px; } .small-separator { background-color: rgb(230, 230, 230); height: 2px; border-style: none; margin-top: 10px; margin-bottom: 10px; } .search-heading.dropdown-toogle { mask: url("") center center no-repeat; background-color: rgb(0, 0, 0); width: 27px; height: 27px; font-size: 27px; cursor: pointer; } #cart_block.dropdown { cursor: pointer; float: unset; padding: 0px !important; margin: 0px !important; } #search_content { border: none; position: fixed; width: 100%; height: 90%; left: 0px; top: 55px; background-color: rgba(221, 221, 221, 0); z-index: 10000; transition: none 0s ease 0s; animation-name: none; padding: 0px !important; margin: 0px !important; } #search_query_mobile { width: 100%; padding: 10px 3%; background-color: white; border-top: none; border-left: none; border-right: none; border-bottom-width: 1px; border-bottom-color: rgb(217, 217, 217); margin-bottom: 0px; font-size: 16px !important; } #autocomplete-results_mobile { height: 200px; margin-bottom: auto; width: 100%; background-color: rgba(221, 221, 221, 0); overflow: hidden auto; border: none !important; } .open #overlay_header { opacity: 1; } #overlay_header { position: fixed; display: block; width: 100%; height: 0px; inset: 102px 0px 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1038; opacity: 0; transition: opacity 0.3s ease-in-out 0s; } .right-header-icons-color { filter: opacity(100%); } .fb { background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152); } .line { background-color: rgb(7, 181, 59); border-color: rgb(7, 181, 59); } .email { } .login-button { position: relative; width: 100%; min-height: 40px; border-radius: 5px; border-style: solid; color: white; font-size: 13px; display: flex; justify-content: center; align-items: center; padding: 5px 35px; font-weight: 400 !important; } .login-button.email::before { position: absolute; content: ""; width: calc(100% - 20px); height: 20px; mask: url("") no-repeat; background-repeat: no-repeat; background-position: left center; background-color: rgb(255, 255, 255); } .login-button.fb > span { position: absolute; width: 18px; height: 18px; padding: 0px; margin: -1px 0px 0px 9px; left: 0px; background: url("") left top / cover no-repeat; } .login-button.line > span { position: absolute; width: 18px; height: 18px; padding: 0px; margin: -1px 0px 0px 9px; left: 0px; background: url("") left top / cover no-repeat; } .logout-button { position: relative; width: 100%; min-height: 40px; border-radius: 5px; border-style: solid; color: rgb(0, 0, 0); font-size: 15px; display: flex; justify-content: center; align-items: center; padding: 5px 35px; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } #top .megamenu { text-align: center; } #top .megamenu li { float: none; display: inline-block; } #top .megamenu li a { display: inline-block; } .grey-ball { background: rgb(201, 201, 201) !important; } @media only screen and (max-height: 580px) { #search_content { height: 70%; } } @media only screen and (max-width: 1024px) { .ui-autocomplete { width: 100%; overflow-y: auto; height: auto; border: none !important; top: 0px !important; } .autocomplete-results-item.ui-menu-item { width: 100%; background-color: white; left: 0px; border: none !important; padding: 0px !important; } .nav-up { top: -100px !important; z-index: 1039 !important; } body { padding-top: 61px; } #cart_block.dropdown { margin-bottom: -2px; } .modal-open { position: fixed; inset: 0px; } } @media only screen and (min-width: 1025px) { header#org-header { display: block; } header#new-mobile-header { display: none; } .modal-backdrop { display: none; } body { overflow: auto !important; } .new-mobile-header-background { height: 0px; } } @media only screen and (max-width: 1024px) { .new-mobile-header-menu { width: 27px; height: 27px; } } @media only screen and (max-width: 386px) { .new-mobile-header-nav-right { padding-top: 6%; padding-left: 0px; } .new-mobile-header-search { display: inline-block; text-align: right; border: none; outline: none; margin: 0px 0px 0px 15px; width: 20%; } .new-mobile-header-cart { width: 20%; display: inline-block; text-align: right; border: none; outline: none; margin: 0px 0px 0px 15px; } .new-mobile-header-menu { width: 20%; display: inline-block; text-align: right; border: none; outline: none; margin: 0px 0px 0px 18px; } } .wishlist-item-num { background: rgb(239, 83, 80); font-size: 11px; border-radius: 10px; border: none; padding: 3px; min-width: 20px; margin-left: 2px; } .mobile-logo-img { max-height: 43px; } .panel a { color: unset; } button.accordion.active { box-shadow: rgb(223, 223, 223) 0px 2px 4px 0px; } .layer1 > button { padding-left: 18px; color: rgb(0, 0, 0); z-index: 100; } .layer2 > button { background-color: rgb(248, 247, 248); color: rgba(0, 0, 0, 0.65); z-index: 99; } .layer2 > button.active { color: rgb(0, 0, 0); } .layer3 > button { background-color: rgb(241, 239, 241); color: rgba(0, 0, 0, 0.65); z-index: 98; } .layer3 > button.active { color: rgb(0, 0, 0); } .layer4 > button { background-color: rgb(233, 233, 233); color: rgba(0, 0, 0, 0.65); z-index: 97; } .layer4 > button.active { color: rgb(0, 0, 0); } .layer2, .layer3, .layer4 { display: none; } .layer2 > button { padding-left: 30px; } .layer3 > button { padding-left: 45px; } .layer4 > button { padding-left: 60px; } .member-card { width: 100%; padding: 15px 20px; background: url("") center center / cover no-repeat; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 5px); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 0.1rem 0.75rem 0.25rem; } .user_shopping_info_data { color: rgb(71, 133, 215); } .cart-item-num { background: rgb(255, 107, 0); font-size: 11px; border-radius: 17px; border: none; padding: 4px; min-width: 20px; margin-left: 2px; } .desktop { display: none; } .mini-cart-info .ion-ios-close, .mini-cart-info .ion-ios-close-outline { font-size: 20px; } #cart_content { max-height: 100vh; overflow-y: scroll; } #cart_content .mini-cart-info .ion-ios-close-outline { font-size: 15px; } @media only screen and (max-width: 1024px) { #total_price_ajax { position: absolute; left: calc(50% + 4px); text-align: left; } #cart_content { border: none; position: fixed; width: 100%; height: 95%; left: 0px; top: 57px; padding: 0px; background-color: rgba(221, 221, 221, 0); overflow-y: auto; z-index: 10000; transition: none 0s ease 0s; animation-name: none; } .mini-cart-info { max-height: 40vh; overflow: hidden auto; } #cart_content_ajax { border: none; width: 100%; height: 100%; left: 0px; top: 60px; padding: 0px; background-color: rgba(221, 221, 221, 0); } #cart_content_background { border: none; width: 100%; left: 0px; top: 60px; padding: 4%; background-color: white; } .checkout { text-align: center; } .button.cart { width: 100%; text-align: center; margin: 0px !important; } } .open #overlay_cart { opacity: 1; } #overlay_cart { position: fixed; display: block; width: 100%; height: 0px; inset: 102px 0px 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1038; opacity: 0; transition: opacity 0.3s linear 0s; } @media only screen and (min-width: 1025px) { .desktop { display: inline-flex; } .mobile { display: none !important; } } .clock { background: rgb(232, 243, 255); color: rgb(1, 80, 161); font-style: normal; font-weight: 700; line-height: normal; } .header-cart-clock { text-align: center; border-radius: 10px; border: 2px solid rgb(232, 243, 255); margin-bottom: 10px; padding: 10px; font-size: 15px; } .flex { display: flex; height: inherit; flex-direction: row; margin-right: calc(1% + 10px); } .new-mobile-header-nav-left { flex: 1 1 0%; padding: 12px 20px 5px; display: flex; justify-content: flex-start; align-items: center; color: white; font-size: 2rem; } .new-mobile-header-nav-right { flex: 1 1 0%; padding: 18px 0px 5px 20px; display: flex; justify-content: flex-end; color: black; } .new-mobile-header-icon { cursor: pointer; } .new-mobile-header-icon + .new-mobile-header-icon { margin-left: 15px; } @media only screen and (max-width: 1024px) { #cart_block.new-mobile-header-icon { margin-left: 15px !important; } } .new-mobile-header-icon img { height: 27px; } .new-mobile-header-icon .desktop img { height: 17px; } .new-mobile-header-menu-item .total_qty, .new-mobile-header-icon .total_qty { background-color: rgb(255, 107, 0); text-align: center; border-radius: 10px; padding: 2px 20%; color: rgb(255, 255, 255); font-size: 10px; margin-left: 2px; min-width: 20px; height: 20px; } .new-mobile-header-menu-item .total_qty, .new-mobile-header-icon .desktop .total_qty { padding: 4px; display: flex; align-items: center; justify-content: center; } .new-mobile-header-icon .mobile .total_qty { position: absolute; top: -5px; left: 15px; margin-left: 0px; } .cart-item-num { background: rgb(255, 107, 0); font-size: 11px; border-radius: 17px; border: none; padding: 4px; min-width: 20px; margin-left: 2px; } .desktop { display: none; } .mini-cart-info .ion-ios-close, .mini-cart-info .ion-ios-close-outline { font-size: 20px; } #cart_content { max-height: 100vh; overflow-y: scroll; } #cart_content .mini-cart-info .ion-ios-close-outline { font-size: 15px; } @media only screen and (max-width: 1024px) { #total_price_ajax { position: absolute; left: calc(50% + 4px); text-align: left; } #cart_content { border: none; position: fixed; width: 100%; height: 95%; left: 0px; top: 57px; padding: 0px; background-color: rgba(221, 221, 221, 0); overflow-y: auto; z-index: 10000; transition: none 0s ease 0s; animation-name: none; } .mini-cart-info { max-height: 40vh; overflow: hidden auto; } #cart_content_ajax { border: none; width: 100%; height: 100%; left: 0px; top: 60px; padding: 0px; background-color: rgba(221, 221, 221, 0); } #cart_content_background { border: none; width: 100%; left: 0px; top: 60px; padding: 4%; background-color: white; } .checkout { text-align: center; } .button.cart { width: 100%; text-align: center; margin: 0px !important; } } .open #overlay_cart { opacity: 1; } #overlay_cart { position: fixed; display: block; width: 100%; height: 0px; inset: 102px 0px 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1038; opacity: 0; transition: opacity 0.3s linear 0s; } @media only screen and (min-width: 1025px) { .desktop { display: inline-flex; } .mobile { display: none !important; } } .clock { background: rgb(232, 243, 255); color: rgb(1, 80, 161); font-style: normal; font-weight: 700; line-height: normal; } .header-cart-clock { text-align: center; border-radius: 10px; border: 2px solid rgb(232, 243, 255); margin-bottom: 10px; padding: 10px; font-size: 15px; } .copyright > .background > .pattern > .container > ul > li:first-child { display: inline-block !important; } .copyright ul li img { height: 35px !important; } .copyright ul li { margin-left: 5px; } .new-mobile-header-background { display: none; } #header-right { display: none; } .logo img { margin: 0px auto; } .megamenu-wrapper { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 15px -10px; } ul.megamenu { background: none; } #top .logo { padding: 0px; margin-top: 15px; margin-bottom: 15px; } #top .container { padding-top: 0px !important; } ul.megamenu > li > a { height: 40px; padding: 8px 10px 15px; margin: 0px -15px; } img.payment_icon { width: 100%; height: auto !important; } .filter-design .filter-design-ranking::before { width: 0px !important; } .fr-video > * { box-sizing: content-box; max-width: 100%; width: 100%; border: none; } .box-category { background: rgba(227, 227, 227, 0.3); border-radius: 0px; } .box .box-heading { padding-bottom: 0px; padding-top: 15px; } hr.category-hr { display: none !important; } .box-category .box-content { padding: 0px 15px 15px; } #top .hover-menu a { width: 100%; padding: 5px 10px; background: rgb(242, 241, 241); font-size: 16px; } #top .hover-menu a:hover { width: 100%; padding: 5px 10px; color: white; background: rgb(255, 107, 0); transition: all 0.2s ease 0s; } #top .hover-menu li { padding: 0px; } .dropdown-menu, ul.megamenu li .sub-menu .content { padding: 0px; border: none; margin-top: 2px; } li.new-mobile-header-menu-item.payment img { width: 44px; } li.new-mobile-header-menu-item.payment { display: flex; justify-content: center; padding: 0px !important; } :root { --swiper-theme-color: #706050; } #top .megamenu li a { text-align: left; } #top-bar .dropdown { margin: unset !important; } .filter-design .filter-design-ranking::before { content: ""; background-image: url(""); background-repeat: no-repeat; background-size: 30px 25px; display: inline-block; width: 30px; height: 20px; margin-right: 5px; } #filter-design-4 { padding-top: 0px; padding-bottom: 15px; } @media (max-width: 767px) { #filter-design-4 { padding-top: 0px; padding-bottom: 15px; } } p.socialicons img { height: 20px; } ul.c-footer > li > a.footer-logo > img { max-width: 200px; } @media (max-width: 768px) { ul.c-footer > li:last-child { flex: 1 1 0%; } } .custom-footer .pattern { padding: 0px !important; } .footer-border { background: rgb(181, 109, 71); width: 100%; height: 1px; margin: 10px 0px; display: block; } .c-footer p { margin: 0px; } .social { background: none 0px 0px repeat scroll rgb(255, 255, 255); color: rgb(42, 62, 46); border-radius: 50%; position: relative; height: 44px; line-height: 44px; padding: 0px; text-align: center; width: 44px; font-size: 22px; } ul.c-footer { padding: 40px 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 10px 25px; justify-content: space-between; align-items: flex-start; color: rgb(100, 101, 97); position: relative; font-size: 15px; } ul.c-footer::after { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); height: 1px; width: 108%; margin: 10px 0px; background: rgb(144, 151, 140); } ul.c-footer a { transition: all 0.3s ease 0s; color: rgb(100, 101, 97) !important; } ul.c-footer a:hover { color: rgb(100, 101, 97) !important; } ul.c-footer > li { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; } ul.c-footer > li .title { font-size: 17px; font-weight: bold; } ul.c-footer > li > a.footer-logo { margin-bottom: 10px; display: inline-block; } ul.c-footer > li > ul.social-link { padding: 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; } ul.c-footer > li > ul.social-link li { } ul.c-footer > li > ul.social-link li a { background: rgb(152, 116, 80); display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; font-size: 18px; color: rgb(100, 101, 97) !important; } ul.c-footer > li > ul.social-link li a.social-fb:hover { color: rgb(32, 124, 205) !important; } ul.c-footer > li > ul.social-link li a.social-ig:hover { color: rgb(205, 32, 168) !important; } ul.c-footer > li > ul.social-link li a.social-yt:hover { color: rgb(205, 32, 32) !important; } @media (max-width: 1180px) { ul.c-footer { overflow: hidden; } } @media (max-width: 768px) { ul.c-footer { justify-content: flex-start; } ul.c-footer > li { flex: 0 0 calc(50% - 15px); } ul.c-footer > li:first-child { flex: 0 0 100%; } } .footer-copyright { max-width: 1280px; margin: 0px auto; text-align: center; padding-top: 20px; } @media only screen and (max-width: 600px) { #whatsapp-btn { bottom: 90px !important; } #backtotop { position: fixed; z-index: 1; bottom: 135px !important; } } #whatsapp-btn { position: fixed; z-index: 1; bottom: 30px; right: 20px; display: block; width: 38px; height: 38px; box-shadow: rgba(75, 75, 75, 0.29) 0px 2px 10px 0px; border-radius: 100px; background-color: rgb(50, 176, 74); margin: 0px; padding: 0px; } #whatsapp-btn:hover { box-shadow: rgb(187, 187, 187) 0px 0px 0px 0px; transition: all 0.2s ease 0s; } #backtotop { position: fixed; bottom: 80px; right: 20px; display: block; width: 38px; height: 38px; border-radius: 100px; background-color: rgb(41, 53, 54); margin: 0px; padding: 0px; box-shadow: rgba(75, 75, 75, 0.29) 0px 2px 10px 0px; opacity: 0; visibility: hidden; z-index: 1; } #backtotop:hover { background-color: rgb(199, 199, 199); box-shadow: rgb(187, 187, 187) 0px 0px 0px 0px; transition: all 0.2s ease 0s; } #backtotop.show { opacity: 1; visibility: visible; }
(cache)您查詢的頁面不存在！ | UPGRADE QUALIFICATION CENTER CO., LTD 提升學歷中心有限公司
歡迎蒞臨我們的網上商店！我們提供多款優質商品、迅速的配送服務以及極具吸引力的優惠，滿足您的購物需求。立即瀏覽，體驗流暢且安全的購物樂趣！
×
Confirmation
×
提示
『根據香港法律，不得在業務過程中，向未成年人售賣或供應令人醺醉的酒類。』
謹此聲明您已年滿18歲。
×
Product
×
會員登入
忘記密碼？
×
繁體中文
繁體中文
簡体中文
English
收藏
購物袋
0
0
您的購物袋內沒有商品！
登入 | 註冊
商品目錄
星級教學
Kenny Wong Sir 黃春理導師
CPD
Peter Liu Sir 廖天池導師
Fred Wong 黃幹發導師
考牌溫習
IIQE
HKSI
CFP
証書課程
QUALIFI level 7
中國証書
SBP
QUALIFI level 5
美國UMT大學工商管理博士學位(DBA)
國內人士在港升學
購物袋
0
0
您的購物袋內沒有商品！
您所查詢的頁面不存在！
繼續
Home
您查詢的頁面不存在！
商品目錄
商店資訊
星級教學
Kenny Wong Sir 黃春理導師
CPD
Peter Liu Sir 廖天池導師
Fred Wong 黃幹發導師
考牌溫習
IIQE
HKSI
CFP
証書課程
QUALIFI level 7
中國証書
SBP
SBP advanced diploma
SBP postgraduate diploma
QUALIFI level 5
美國UMT大學工商管理博士學位(DBA)
國內人士在港升學
會員中心
購物袋
收藏
訂單記錄
繁體中文
繁體中文
簡体中文
English
以 Email 登入 / 註冊
Powered By
Mshop App | UPGRADE QUALIFICATION CENTER CO., LTD 提升學歷中心有限公司 © 2026
商店資訊
關於我們
私隱條款
服務條款
客戶服務
聯絡我們
網站地圖
其他服務
品牌專區
購物禮券
推薦會員
特別優惠
會員中心
購物袋
收藏
訂單記錄
繁體中文
繁體中文
簡体中文
English
以 Email 登入 / 註冊
Powered By
Mshop App | UPGRADE QUALIFICATION CENTER CO., LTD 提升學歷中心有限公司 © 2026
.
會員中心
收藏
訂單記錄