/* Reset ================================================================================= */ * {margin:0; padding:0;word-wrap: break-word!important;overflow-wrap: break-word!important;} :focus, :active {outline:none !important;} html, body {padding:0;margin:0;max-width:100%;scroll-behavior: smooth;} ul, ol {list-style:none;} select {padding-right:20px !important;padding-left:5px !important;-webkit-appearance:none;background:#ffffff url(../images/down.png) no-repeat right 5px center / 10px 10px;} button {background:none;border:none;cursor:pointer;display:inline-block;} button, select, input, textarea {padding:0;margin:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} button, input, textarea {-webkit-appearance:none;-moz-appearance:none} button, .btn, a {-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in} em {color:#d20000; margin-left:5px;} hr {margin:15px 0;} img {max-width:100%;max-height:100%;} .list-box {max-height:500px;overflow:hidden;border:1px solid #eeeeee} .header-search-matching .matching-li.active{background-color: #f2f2f2;} .f-12 {font-size: 12px;} .f-18 {font-size: 18px!important;} .checkout-body > footer , .checkout-body > .footer {display:none!important;} .checkout-body {padding-bottom:30px;} .free-text .col-md-8 {margin:0 auto;padding:0;} .in-stock {color:#008000;} .out-of-stock {color:#f00;} .product-shop-tips {border:1px solid #ededed;border-radius:.25rem;padding:10px;margin:10px 0;} .option-info-container img{max-height:100%!important;} .option-info-container>li:last-child{margin-right:0!important;} .upload-picture .btn{font-size:14px;padding:4px 10px;text-transform:capitalize;border-radius:.25rem!important;} .upload-picture .btn:focus{box-shadow:none;} .upload-pre-block > img {max-height: 100%!important;} .cart-table-option-value img , .sidebar-cart-option-value img, .checkout-table-product-options img, .commodity-options-box img{max-height: 50px!important;} /* Spike */ .spike-content {margin-bottom:15px;} .spike-content h3 {font-size:30px;font-weight:600;text-transform:uppercase;} .spike-content .count-down-timer-value {display:inline-block;width:50px;height:45px;line-height:45px;text-align:center;border-radius:5px;background-color:#E7515A;color:#fff;font-weight:600;font-size:30px;letter-spacing:1.5px;} .spike-content .count-down-timer-label {color:#E7515A;display:inline-block;margin:0 3px;font-weight:600;font-size:26px;} @media only screen and (max-width:767px) { .spike-content {display:block!important;} .spike-content h3 {margin:0 0 10px 0!important;} } .new-orders .orders-list{border: 1px solid #cfcfcf;} .new-orders .orders-title{background: #fffcfc;font-weight: bold;text-align: center;line-height: 18px;color: #403c39;border: 1px solid #cfcfcf;margin-bottom: -1px;} .new-orders .orders-title, .new-orders .orders-list li{display: flex;flex-wrap: wrap;border-bottom: 1px solid #cfcfcf;} .new-orders .orders-list li:last-child{border-bottom: none;} .new-orders .orders-title li, .new-orders .orders-list li>div{width: 10%;border-right: 1px solid #cfcfcf;padding: 5px;font-size: 14px;} .new-orders .orders-title li:last-child, .new-orders .orders-list li>div:last-child{border-right: none;} /* Quick Payment */ .quick-payment {padding:20px 0;max-width:575px;margin:0 auto 30px auto;} .quick-payment h3 {margin-bottom:30px;font-size:26px;color:#242424;} .quick-payment h3 a {font-size:26px;color:#242424;} .quick-payment .quick-box , .quick-payment .quick-box > div {width:100%;} .quick-payment .quick-box label{text-align:left;} .quick-payment button.order-sub {background-color:#5a5a5a;color:#fff;height:47.09px;width:210px;padding:0 10px;text-transform:capitalize;text-overflow:ellipsis;} .quick-payment .order-error {color:#f00;text-align:left;margin-top:5px;} .quick-payment .error {text-align:left;} .quick-payment .quick-box input, .quick-payment .quick-box button{border-radius:0!important;} #J_quickPayment p {font-size:16px;text-transform:capitalize;color:#242424;} .quick-payment-body .quick-payment button.order-sub , .quick-payment-body .quick-box input{height:47.09px;} @media only screen and (max-width:575px) { .quick-payment .quick-box button {width:100%;} .quick-box.d-flex{display:block!important;} .quick-box.d-flex .form-group{margin-bottom:15px!important;} } .title-brand{font-weight: 700;letter-spacing: normal;margin: 8px 0;color: #222;font-size: 16px;text-transform: none;} .product-card .public-goods-img{position: relative;display: block;background-repeat: no-repeat;background-size: cover;} .product-card .public-goods-img:before{content: "";width: 100%;padding-top: 100%;display: block;opacity: 1;background-color: #fff;transition: opacity .3s ease;} .product-card .public-goods-img:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;opacity: 0;border-radius: .3rem;background-color: #f5f5f5;transition: opacity .3s ease;} .product-card .public-goods-img img{position: absolute;top: 50%;left: 50%;max-width: 100%;max-height:100%;z-index: 1;transform:translate(-50%,-50%);background-color: #fff;transition: opacity .3s ease;} .product-card .public-goods-img:hover img, .product-card .public-goods-img:hover:before{opacity: 0;} /* Genre Date */ .genre-date {height:50px;background-color:#eee;} .genre-date a {color:#111;display:inline-block;margin:0 18px;font-size:14px;text-transform:capitalize;font-family:"Arial";} .genre-date a:first-child{font-weight:600;color:#000;text-transform:uppercase;} .choosable-classify {padding:10px 0;box-sizing:border-box;border-bottom:1px solid #d9d9d9;} .choosable-classify li {color:#111;padding:6px 18px;font-size:14px;display:inline-block;} .choosable-classify li a {display:inline-block;color:#111;} .choosable-classify .first-title {font-weight:600;padding:6px 0;} .genre-date a:hover , .choosable-classify li a:hover {text-decoration:none;color:#ff4062;} @media only screen and (max-width:1119px) { .genre-date-content {display:none!important;} } /* With */ .w-60 {width:60px!important;} .w-80 {width:80px!important;} .w-90 {width:90px!important;} /* Option Select */ .select-item {background-color:#fff;position:absolute;left:0;right:0;top:40px;z-index:101;border:1px solid #ced4da;border-radius:.25rem;-webkit-animation-name:dropUp;animation-name:dropUp;display:none;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .select-item li {padding:6px 12px;} .select-item li:hover {background-color:#f2f2f2;} img.select-img {max-height:36px;max-width:36px;} .select-content .select-options {border:1px solid #ced4da;border-radius:.25rem;padding:0 18px 0 12px;height:40px;line-height:40px;overflow:hidden;background:#ffffff url(../images/down.png) no-repeat right 5px center / 10px 10px;} @keyframes dropUp { 0% { transform: translate3d(0,30px,0); opacity: .3; } 100% { transform: translate3d(0,0,0); opacity: 1; } } .carousel-nav .carousel-cell {height: 80px;width: 80px;margin-right:10px;text-align:center;vertical-align:middle;border: 2px solid transparent;display: flex;align-items: center;} .carousel-nav.carousel-unfold .carousel-cell {padding: 2px;margin-bottom:10px;} .carousel-nav .carousel-cell.is-nav-selected {border:2px solid #2d3e50;} .product-detail .product-detail-img .flickity-enabled{text-align:center;} .product-detail .product-detail-img .carousel-unfold.flickity-enabled{border: 1px solid #ddd;background-color: #f5f5f5;} .product-detail .product-detail-img .carousel-pc{position: relative;height: auto;} .product-detail .product-detail-img .carousel-pc .flickity-prev-next-button{display: none;} .product-detail .product-detail-img .carousel-pc .carousel-direction{position: absolute;top: 0;border-color: transparent;padding:0;border-radius: 4px;width: 80px;height: 100%;overflow-y: auto;background-color: transparent;} .product-detail .product-detail-img .carousel-pc .carousel-direction.carousel-left{left: 5px;} .product-detail .product-detail-img .carousel-pc .carousel-direction.carousel-right{right: 5px;} .product-detail .product-detail-img .carousel-pc .carousel-direction .carousel-cell{position: static!important;max-height: 60px;line-height: 54px;max-width: 60px;padding: 0;border:1px solid #ddd;margin: 5px auto 0;border-radius: 0;} .product-detail .product-detail-img .carousel-pc .carousel-direction .carousel-cell.is-nav-selected{border:1px solid #2d3e50;} .product-detail .product-detail-img .carousel-pc .carousel-direction .flickity-viewport {height: 100% !important;} .product-detail .product-detail-img .carousel-pc .carousel-direction .flickity-slider {transform: none!important;overflow-y: auto;padding: 25px 0;position: static;} @media only screen and (min-width: 992px) { /* Div Scrollbar*/ .product-detail .product-detail-img .carousel{margin-bottom: 40px;} .product-detail .product-detail-img .flickity-page-dots{bottom: -38px!important;} .product-detail .product-detail-img .carousel-unfold.flickity-enabled .flickity-slider::-webkit-scrollbar {width: 6px;height: 1px;} .product-detail .product-detail-img .carousel-unfold.flickity-enabled .flickity-slider::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);background: #ddd;border-radius: 2px;} .product-detail .product-detail-img .carousel-unfold.flickity-enabled .flickity-slider::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #fff;} } /* Product Tips */ .product-tips{width: 100%;margin-bottom: 15px;display: none;} .product-tips p{margin-bottom: 0;font-weight: bold;} .product-tips p i{font-size: 22px;} .product-tips .tips-box{display: flex;justify-content: space-between;padding: 10px;} .product-tips .tips-box .tips-close{cursor: pointer;} .product-tips .tips-box .tips-icon{color: #FFFFFF;border-radius: 50%;text-align: center;width: 36px;line-height: 36px;height: 36px;} .product-tips .tips-box .tips-content{flex: 1;-ms-flex-negative: 1;-ms-flex-preferred-size: auto !important;line-height: 36px;margin:0 10px;} .product-tips .tips-box .tips-content span{display: none;text-transform: uppercase;} .product-tips .tips-box.success {background-color: #e1ffe7;color: #51a351;} .product-tips .tips-box.success .tips-icon{background-color: #51a351;} .product-tips .tips-box.success .tips-content .success-span{display: block;} .product-tips .tips-box.failed {background-color: #f8d7da;color: #721c24;} .product-tips .tips-box.failed .tips-icon{background-color: #721c24;} .product-tips .tips-box.failed .tips-icon .icon-dagou:before{content: "\e668";} .product-tips .tips-box.failed .tips-content .failed-span{display: block;} .product-popup .icon-cha{width: 36px;line-height: 36px;text-align: center;height: 36px;display: inline-block;background-color: #999;border-radius: 50%;font-size: 16px;color: #fff;} /* Shopping Prompt ======================================================================= */ /* Cart */ .cart-add .btn {height:38px;width:38px;line-height:38px!important;padding:0!important;background:#d9d9d9;border-color:#b5b5b5!important;border-radius:0!important;border:1px solid #b5b5b5!important;} .cart-add input {height:38px;border:1px solid #b5b5b5!important;padding:8px 5px!important;background:#fff;} .cart-add input:focus , .cart-add .btn:focus{box-shadow:none;} @media only screen and (max-width:374px) { .cart-add.float-left, .shopping-information .shopping-details .commodity-options-qty .commodity-remove{float:none!important;} .cart-add input{width:56px!important;} .shopping-information .shopping-details .commodity-options-qty .commodity-remove {display:block;margin-top:5px;} .cart-add .btn {width:35px;} } /* Product Carousel */ .carousel-pc.carousel-left .flickity-prev-next-button.previous {left: -18.7%;top: 0;} .carousel-pc.carousel-left .flickity-prev-next-button.next {left: -18.7%;top: 356px;} .carousel-pc.carousel-left .flickity-prev-next-button {transform: rotate(90deg);z-index:1010;} .carousel-pc.carousel-left .carousel-nav.flickity-enabled {margin: 0;transform: rotate(90deg) translateY(-93%);transform-origin: left top;width: 400px;} .carousel-pc.carousel-left .carousel-nav.flickity-enabled .carousel-cell {transform: rotate(-90deg);margin: 0;padding: 0 0 5px 0;border: none;top: 0;} .carousel-pc.carousel-left .carousel-nav .carousel-cell img {max-width: 100%;max-height: 80px;vertical-align: middle;margin: 0 auto;padding: 5px;} .carousel-pc.carousel-left .carousel-nav .carousel-cell.is-nav-selected img {border:1px solid #ccc;} /* Shopping Prompt */ .shopping-prompt{border:2px solid #f00;padding: 10px;margin-bottom: 15px;} .shopping-prompt p{font-size: 18px;color: #f00;margin-bottom: 0;} /* ======================================================================================= */ /* Product */ .common-add-heart {cursor:pointer;} .common-add-heart div{height:38px!important;line-height:38px;border:1px solid #ced4da!important;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .common-add-heart a , .common-add-heart a i {display:block!important;height:38px!important;margin:0 auto;border:none!important;} .common-add-heart .text-center a:hover{text-decoration:none;} .common-add-heart div{flex:1 1 100%;} .common-add-heart a i{top:0!important;} .common-add-heart div.collection{margin:0!important;} .public-goods .public-goods-content .carousel-cell{top:auto;bottom:0;transform:translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);} /* Product Wholesale */ .product-wholesale .wholesale-title, .product-wholesale .wholesale-box{display: flex;} .product-wholesale .wholesale-li{width: 100%;padding: 5px 10px;border: 1px solid #ddd;margin-left: -1px;margin-top: -1px;} .product-wholesale .wholesale-qty .input-group input{max-width: 100px;padding: 0;} .product-wholesale .wholesale-qty .btn-outline-secondary{border-color: #ced4da;} .product-wholesale h5{font-size: 16px;text-transform: none;margin-bottom: 0;line-height: 48px;} .product-wholesale .error{margin-bottom: 10px;} .product-wholesale input, .product-wholesale select{margin-bottom: 5px;height: auto!important;white-space: nowrap;} /* layout ImgSlide */ .multi-map .owl-theme .owl-controls{bottom: auto;top: 50%;left: 0;width: 100%;z-index: 10;transform: translateY(-50%);text-align: left;} .multi-map .owl-theme .owl-controls .owl-nav i{font-size: 40px;color: #fff;opacity: .6;transition: all .3s;} .multi-map .owl-theme .owl-controls .owl-nav i:hover{opacity: 1} .multi-map .owl-theme .owl-controls .owl-nav>div{text-align: center;width: 40px;height: 44px;background-color: rgba(0,0,0,.3);line-height: 44px;border-radius: 4px;} .multi-map .owl-theme .owl-controls .owl-nav>div:hover{background-color: rgba(0,0,0,.6);} .multi-map .owl-theme .owl-controls .owl-nav .owl-prev{float: left;margin-left: 15px;} .multi-map .owl-theme .owl-controls .owl-nav .owl-next{float: right;margin-right: 15px;} /* Layout Imgtext */ .text-pictures .card-body {background:#F4F5F6;text-align:center;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;} .text-pictures .card-body h5 {text-transform:uppercase;font-weight:600;font-size:24px;color:#425A68;} .text-pictures .card-body .btn.btn-primary {border:2px solid #425A68;border-radius:5px!important;padding:10px 20px;text-transform:uppercase;font-weight:600;background:#fff;color:#425A68;} .text-pictures .card-body .btn.btn-primary:hover{text-decoration:none;} .text-pictures .imgBottom {order: 2;} .text-pictures .textTop {order: 1;} .text-pictures .card-body.textTop {border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius: .25rem;border-top-right-radius: .25rem;} .text-pictures .card-content .card{height: 100%;} @media only screen and (max-width:767px) { .text-pictures .card-content{margin-top:15px;} } /* Flipclock */ .flipclock {max-width:356px;padding:0 10px;margin:10px auto;min-height:40px;box-sizing:border-box;} .flipclock .hurry-up {font-size:16px;color:#fff;word-break:break-all!important;word-break: break-word!important;line-height: normal;} .flipclock .flipclock-timer {min-width:120px;height:26px;background:#ffffff;font-size:16px;font-weight:700;display:flex;border-radius:15px;align-items:center;justify-content:center;} .flipclock.blackFriday {background:url(../images/festival_bg_3.jpg) repeat-x center;} .flipclock.blackFriday h3, .flipclock.blackFriday .flipclock-timer {color:#ff2ef5 !important;} @media only screen and (max-width:440px) { .flipclock{width:100%;padding:0 5px;} } /* Common Footer Share */ .sharer-box a i.small-size {font-size:20px!important;} .sharer-box a i.medium-size {font-size:25px!important;} .sharer-box a i.large-size {font-size:30px!important;} /* Commone Loading */ .spinnerWithLockIcon {position: fixed;top: 40%;right: 0;bottom: 0;left: 0;z-index: 9998;margin: 0;margin-top: -50px;text-align: center;} .spinnerWithLockIcon:before{content: "";display: block;margin: 0 auto 10px;text-align: center;width: 100px;height: 100px;border-left: 5px solid #000;border-left: 5px solid rgba(0,0,0,.2);border-right: 5px solid #000;border-right: 5px solid rgba(0,0,0,.2);border-bottom: 5px solid #000;border-bottom: 5px solid rgba(0,0,0,.2);border-top: 5px solid #2180c0;border-radius: 100%;-webkit-animation: rotation .7s infinite linear;-moz-animation: rotation .7s infinite linear;-o-animation: rotation .7s infinite linear;animation: rotation .7s infinite linear;} .spinnerWithLockIcon:after{content: '';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #fff;-moz-opacity: .9;-khtml-opacity: .9;-webkit-opacity: .9;opacity: .9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} .lockIcon {background: url(../images/icon_ot_spin_lock_skinny.png) no-repeat center center;position: fixed;width: 60px;height: 50px;top: 40%;left: 50%;margin: -20px 0 0 -30px;z-index: 9999;} @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);transform: rotate(0deg)} to {-webkit-transform: rotate(359deg);transform: rotate(359deg)} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);transform: rotate(0deg)} to {-moz-transform: rotate(359deg);transform: rotate(359deg)} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);transform: rotate(0deg)} to {-o-transform: rotate(359deg);transform: rotate(359deg)} } @keyframes rotation { from {transform: rotate(0deg)} to {transform: rotate(359deg)} } /* Share */ .product-detail .sharer-box a {padding:5px;border:1px solid #333333;width:42px;height:42px;line-height:30px;margin-right:10px;text-align:center;} .product-detail .sharer-box a:last-child {margin-right:0;} .product-detail-description .pre-sale-date {color:#d20000;font-size: 14px;line-height: 1.5;font-weight: bold;letter-spacing: .5px;margin-bottom: 10px;} /* Product Size */ .product-size {margin:10px 0;line-height:1.6em;} .product-size a {color:#333;text-decoration:underline;font-size:14px;font-weight:bold;line-height:1.6;text-transform:uppercase;} .product-size a:hover {color:#dd390d;} .product-size p {margin-top:10px;margin-bottom:0;font-size:14px;color:#333;line-height:1.6em;} .product-quantity .add-cart{display: flex;width: 100%;} .product-quantity .add-cart button{flex: 1 1 50%;} /* Text */ .html-modular h2 {margin:0 0 20px;line-height:1.2; font-weight:bold; color:#3d4246;font-size:1em} .html-modular p {color:#69727b; margin:0; font-size:1em;} /* Freight */ .freight{font-weight: bold;font-size: larger;line-height: 1.6em;} .freight select{font-weight: bold;} /* Input */ input[type=number] {-moz-appearance:textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;} /* Error */ label.error {color:#d20000;margin-top:0;margin-bottom:5px;} .error {color:#dc3545;} .show {display:block !important;} .hide {display:none !important;} .f-right {float:right !important;} /* Color */ .c-gray {color:#ccc;cursor: not-allowed;} .c-white {color:#fff;cursor: pointer;} .settlement-footer-btn.btn-secondary {cursor:not-allowed;} .c-red {color:#f00;} .c-green {color:green;} .c-light-black {color:#333333; text-decoration:none;} .c-light-black:hover {color:#999999;} /* Common Style */ .common-select-style {height:calc(2.25rem + 11px) !important;padding:1.6em 28px 0.35em 0.8em !important;color:#191919;border-radius:.25rem !important;font-size:0.85714em;-webkit-appearance:none;background:#ffffff url(../images/select.png) no-repeat right -6px center / 50px 50px;} .common-label-style {line-height:1.7;display:block !important;position:absolute;top:0;z-index:1;margin-top:0.35714em;padding:0 10px;box-sizing:border-box;font-weight:normal;width:auto;font-size:12px;pointer-events:none;margin-left:2px;color:#737373;} .common-group-box {position:relative;min-height:3em;} .common-group-label {display:none;color:#737373;transform:translateY(3px);position:absolute;top:0;z-index:1;width:100%;padding:0 10px;margin-top:0.85714em;margin-left:2px;font-size:12px;font-weight:normal;box-sizing:border-box;ser-select:none;pointer-events:none;margin-bottom:0;} .common-group-label-add {line-height:1.7;display:block;margin-top:0.2em;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;} .common-group-input {padding:0.66em;border-radius:.25rem;color:#000000;} .common-group-input-add {padding:1.4em 10px 0.35em;transition:padding 0.2s ease-out 0s;font-size:14px;} .common-group-input-add1 {transition:padding 0.2s ease-out 0s;} /* Common Backgroung Img */ .common-background-img {background:url('../images/loading150.gif') no-repeat center center !important;-webkit-background-size:auto!important;background-size:auto!important;} /* Padding */ .no-padding {padding:0 !important;} .pd-l0 {padding-left:0 !important;} .pd-r0 {padding-right:0 !important;} .pd-t0 {padding-top:0 !important;} .pd-b0 {padding-bottom:0 !important;} .pd5 {padding:5px !important;} .pd-t5 {padding-top:5px !important;} .pd-b5 {padding-bottom:5px !important;} .pd-l5 {padding-left:5px !important;} .pd-r5 {padding-right:5px !important;} .pd10 {padding:10px !important;} .pd-t10 {padding-top:10px !important;} .pd-b10 {padding-bottom:10px !important;} .pd-l10 {padding-left:10px !important;} .pd-r10 {padding-right:10px !important;} .pd15 {padding:15px !important;} .pd-t15 {padding-top:15px !important;} .pd-b15 {padding-bottom:15px !important;} .pd-l15 {padding-left:15px !important;} .pd-r15 {padding-right:15px !important;} .pd20 {padding:20px !important;} .pd-t20 {padding-top:20px !important;} .pd-b20 {padding-bottom:20px !important;} .pd-l20 {padding-left:20px !important;} .pd-r20 {padding-right:20px !important;} .pd30 {padding:30px !important;} .pd-t30 {padding-top:30px !important;} .pd-b30 {padding-bottom:30px !important;} .pd-l30 {padding-left:30px !important;} .pd-r30 {padding-right:30px !important;} .pd-b42 {padding-bottom:42px !important;} /* Margin */ .no-margin {margin:0 !important;} .mg-l0 {margin-left:0 !important;} .mg-r0 {margin-right:0 !important;} .mg-t0 {margin-top:0 !important;} .mg-b0 {margin-bottom:0 !important;} .mg5 {margin:5px !important;} .mg-l5 {margin-left:5px !important;} .mg-r5 {margin-right:5px !important;} .mg-t5 {margin-top:5px !important;} .mg-b5 {margin-bottom:5px !important;} .mg10 {margin:10px !important;} .mg-b10 {margin-bottom:10px !important;} .mg-t10 {margin-top:10px !important;} .mg-l10 {margin-left:10px !important;} .mg-r10 {margin-right:10px !important;} .mg15 {margin:15px !important;} .mg-t15 {margin-top:15px !important;} .mg-b15 {margin-bottom:15px !important;} .mg-r15 {margin-right:15px !important;} .mg-l15 {margin-left:15px !important;} .mg20 {margin:20px !important;} .mg-t20 {margin-top:20px !important;} .mg-b20 {margin-bottom:20px !important;} .mg-r20 {margin-right:20px !important;} .mg-l20 {margin-left:20px !important;} .mg25 {margin:25px !important;} .mg-t25 {margin-top:25px !important;} .mg-b25 {margin-bottom:25px !important;} .mg-r25 {margin-right:25px !important;} .mg-l25 {margin-left:25px !important;} .mg30 {margin:30px !important;} .mg-t30 {margin-top:30px !important;} .mg-b30 {margin-bottom:30px !important;} .mg-l30 {margin-left:30px !important;} .mg-r30 {margin-right:30px !important;} .custom-checkbox.mg-nb15 {margin-bottom:-15px!important;} /* custom */ .form-control-lg {font-size:16px; padding-top:11px; padding-bottom:11px;} .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {border-color:#ced4da} .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {color:#333333} .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {background-color:#007bff} .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {background-color:#dee2e6} /* Common */ .common-btn:after {content:'';display:block;height:0;visibility:hidden;clear:both;} .common-btn .text-right {color:#d91627; font-weight:600;} .common-btn .common-btn-box {text-align:right;} .common-btn .required-fields {color:#d91627; font-weight:700; display:block; margin-bottom:5px;} /* Table */ .custom-table td.img {width:120px;} .custom-table img {max-width:100%;} /* Common Input Style */ .common-empty {padding:15px;line-height:22px;border-left:5px solid #009688;border-right:5px solid #009688;border-radius:0 2px 2px 0;background-color:#f2f2f2;} .group-input {position:relative;margin:30px 0 10px;padding-bottom:20px;} .group-input input, .group-input .input {color:inherit;padding:10px 10px 10px 5px !important;display:block;width:100%;border:none;border-bottom:1px solid #e0e0e0;background:transparent;margin-bottom:0;height:36px;border-radius:0;} .group-input input:focus, .group-input .input:focus {outline:none;box-shadow:none;} .group-input label {color:inherit;font-weight:normal;position:absolute;pointer-events:none;margin:0;left:5px;top:10px;transition:top 0.2s ease-out;-moz-transition:top 0.2s ease-out;-webkit-transition:top 0.2s ease-out} .group-input em {position:absolute;pointer-events:none;bottom:0;left:0;color:#f00;} .group-input button {border:0;background:none;position:absolute;right:5px;top:0;outline:none;color:#212121;padding:1px 0;font-size:20px;box-shadow:none;} .group-input button:hover {background:transparent;color:#212121;} .group-input input:focus ~ label, .group-input input.not-empty ~ label, .group-input .input:focus ~ label, .group-input .input.not-empty ~ label {top:-20px;font-size:90%;color:#4805bb;} .group-input input:focus ~ button, .group-input input.not-empty ~ button, .group-input .input:focus ~ button, .group-input .input.not-empty ~ button {color:#ff0000} .group-input .group-bar {position:relative;display:block;width:100%} .group-input .group-bar:before, .group-input .group-bar:after {content:'';height:2px;width:0;bottom:0;position:absolute;background:#ff0000;transition:width 0.2s ease-out;-moz-transition:width 0.2s ease-out;-webkit-transition:width 0.2s ease-out} .group-input .group-bar:before {left:50%} .group-input .group-bar:after {right:50%} .group-input input:focus ~ .group-bar:before, .group-input input:focus ~ .group-bar:after, .group-input .input:focus ~ .group-bar:before, .group-input .input:focus ~ .group-bar:after {width:50%} .group-input .group-highlight {position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:0.5;display:none} .group-input input:focus ~ .group-highlight, .group-input .input:focus ~ .group-highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease} .group-input .group-input-select {min-width:200px;outline:none;height:32px;border:1px solid transparent;border-bottom-color:#e5e5e5;margin-bottom:4px;padding:0 28px 0 15px!important;background:#fff url(../images/select.png) no-repeat right -6px center / 50px 50px;} @-webkit-keyframes inputHighlighter { from {background:#ff0000} to {width:0;background:transparent} } @-moz-keyframes inputHighlighter { from {background:#ff0000} to {width:0;background:transparent} } @keyframes inputHighlighter { from {background:#ff0000} to {width:0;background:transparent} } /* Modal */ .message-modal .modal-body {padding:0; background:none; border:none;} .message-modal .modal-body .alert {border:none; margin-bottom:0; border-radius:0; padding-left:12px; padding-right:25px;} .message-modal .close {position:absolute; z-index:10; right:5px; top:0;} /* ======================================================================================= */ /* Common Footer ========================================================================= */ .common-footer-container h3 {font-size:20px;margin-bottom:15px;} .common-footer-container .footer-link li {padding:5px 0;} .common-footer-container .footer-link li a {display:inline-block;font-size:14px;} .common-footer-container .footer-link li a:hover {text-decoration:underline;} .common-footer-container .common-footer-content {font-size:14px;line-height:1.6;} .common-footer-container .col-md-3, .common-footer-container .col-md-4, .common-footer-container .col-md-6, .common-footer-container .col-md-12 {padding: 15px;} .footer-note .input-group>.form-control, .footer input, footer input{margin:0!important;} .footer .sharer-box a.mg5 {background-color:#f5f5f5;color:#888;padding:5px;border-radius:5px;font-size:14px;letter-spacing:.2px;} /* Payment Icon */ .payment-icon img {max-height:50px;} /* ======================================================================================= */ /* Reviews Upload ======================================================================== */ .error-info .error {margin:0;background-color:#f8d7da;color:#721c24;padding:.75rem} .error-info.success {margin:0;background-color:#4aca5247;color:#036303;padding:.75rem} .error-info.failure {margin:0;background-color:#f8d7da;color:#721c24;padding:.75rem} .upload-reviews-content {position:relative} .upload-page-nav .current > a {background:#ff8b0f !important;color:#ffffff !important;} .article {border:1px solid #cccccc;} .item-upload {width:100px;height:100px;position:relative;margin:8px;float:left} .upload-add-img {border:1px solid #cccccc;width:100px;text-align:center;height:100px;position:absolute;left:0;top:0;z-index:2;cursor:pointer;line-height:100px} .upload-add-img > i {font-size:50px;color:#cccccc;vertical-align:middle;} .upload-pre-block {position:absolute;display:block;width:100px;height:100px;line-height:96px;left:0;top:0;border:1px solid #cccccc;text-align:center;overflow:hidden} .delete {width:20px;height:20px;line-height:12px;border-radius:50%;position:absolute;right:-10px;top:-8px;cursor:pointer;display:none;background:#ff5722;text-align:center;} .delete span {display:inline-block;width:9px;height:2px;background:#ffffff;} .upload-input {display:block;width:0;height:0;-webkit-opacity:0.0;-moz-opacity:0.0;-khtml-opacity:0.0;opacity:.0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .article.clearfix {margin:0 0 15px;border-radius:.25rem;} .orders-review-body .article.clearfix {margin:10px 0 0;border-radius:0;} /* Breadcrumb */ .breadcrumb-content {margin-top:15px;} .breadcrumb-content .breadcrumb {overflow:hidden;margin-bottom:0;padding:0;font-size:16px;background:#eee;text-transform:uppercase; border-width: 1px;border-style: solid;border-color:#f5f5f5 #e5e5e5 #ccc;border-radius:5px;} .breadcrumb-content .breadcrumb a , .breadcrumb-content .breadcrumb-item.active {font-size:14px;position:relative;display:inline-block;color:#444;text-decoration:none; padding: .7em 1em .7em 1.5em; text-shadow: 0 1px 0 rgba(255,255,255,.5);background-color: #ddd;background-image: linear-gradient(to right, #f5f5f5, #ddd); } .breadcrumb-content .breadcrumb .breadcrumb-item:first-child a { padding-left: 1em; border-radius: 5px 0 0 5px;} .breadcrumb-content .breadcrumb a:hover {background:#fff;transition:none;} .breadcrumb-content .breadcrumb a:before, .breadcrumb-content .breadcrumb a:after , .breadcrumb-content .breadcrumb-item.active:before , .breadcrumb-content .breadcrumb-item.active:after {transition:none;content: "";position: absolute;top: 50%;margin-top: -1.5em;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-left: 1em solid;right: -1em;} .breadcrumb-content .breadcrumb a:after {z-index:2;border-left-color: #ddd;} .breadcrumb-content .breadcrumb a:before {border-left-color: #ccc;right: -1em;z-index: 1;transition:none;} .breadcrumb-content .breadcrumb a:hover:after {border-left-color: #fff;} .breadcrumb-content .breadcrumb-item + .breadcrumb-item::before {display:none;} .breadcrumb-content .breadcrumb-item.active:before {border-left-color: #393939;right: -1.1em;z-index: 1;} .breadcrumb-content .breadcrumb-item.active:after {border-left-color: #393939;} .breadcrumb-content .breadcrumb-item.active {color:#fff;background:#393939;} /* ======================================================================================= */ /* Reviews Images ======================================================================== */ .reviews-images .reviews-images-li {width:118px;height:118px;padding:5px;overflow:hidden;cursor:pointer;line-height:103px;text-align:center;border:2px solid rgba(0, 0, 0, .125);border-radius:5px;margin:5px 5px 5px 0;} .review-area-body .reviews-images .reviews-images-li img {width:auto;} /* ======================================================================================= */ /* Login / Forget Password =============================================================== */ .login-body .error , .forget-password-body .error {margin:5px 0 0 0;} .common-pd {padding:60px 0 50px 0;overflow:hidden;} .common-pd input {border-radius:0;} .common-pd .btn-login {height:47px;line-height:47px;padding:0 10px;} .common-pd .btn-login:focus {box-shadow:none;} /* Login */ .login-content .col-sm-1 {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%} .login-content .col-sm-3 {-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%} .login-content .offset-sm-2 {margin-left:0;} .login-content .offset-sm-1 {margin-left:10%;} .login-content .login-title {text-align:center;margin:0 0 30px 0;color:#222;font-size:26px;font-weight:700;} .login-content .login-divider {border-right:1px solid #e5e5e5;} .login-content .c-light-black {color:#999;text-transform:capitalize;text-decoration:underline;font-size:12px;} .login-content .privacy-policy , .terms .privacy-policy {font-size:14px;line-height:1.6;font-weight:700;color:#23a1d1;display:inline-block;} .login-content .privacy-policy:hover, .terms .privacy-policy:hover {text-decoration:none;color:#337ab7;} .terms {padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1);} .terms label {text-transform:none!important;display:inline-block!important;margin:0!important;} .shopping-settlement-content .terms {padding:16px;background:#fff;margin:15px 0 0;border:1px solid #d9d9d9;border-radius:5px;} .shopping-settlement-content .terms .custom-control-label {margin-left:26px!important;color:#333!important;} .shopping-settlement-content .terms .custom-control-label::before, .shopping-settlement-content .terms .custom-control-label::after {top:20px;left:16px;} .login-content .custom-checkbox label.error, .checkout-step-content .terms label.error , .shopping-settlement-content .terms label.error {display:block!important;} /* Forget Password */ .forget-password h2 {text-align:center;margin:0 0 30px 0;color:#222;font-size:26px;font-weight:700;} .forget-password form {width:46%;margin:0 auto;} .forget-password .forget-note {text-align:center;margin:15px 0;} .forget-password .btn-login {min-width:150px;} .forget-password a.btn-login {border:1px solid #222;color:#222;background:#fff;} .forget-password a.btn-login:before {background:#fff;} /* ======================================================================================= */ /* Login / Create Account / Cms ========================================================== */ /* Reset */ .reset-body .col-md-4 {margin:0 auto;} /* Cms */ .cms-container {max-width:990px;} .cms-container .form-control {font-size:16px;} .cms-container .invalid-feedback {font-size:14px;} .cms-container .btn-orange {padding:10px 30px; text-transform:uppercase;border-radius:.25rem;} .cms-container .cms-contact-sidebar {font-size:16px;} .cms-container .cms-contact-sidebar p {margin-bottom:15px;} .cms-container .cms-contact-sidebar p strong {font-weight:bold;color:#2e2d2c;} .cms-container textarea {padding:.66rem;} /* ======================================================================================= */ /* Sidebar Filter ======================================================================== */ .category-pc-filter > h3 , .sidebar-filter h3 , .cate-pc-filter > h3 {text-transform:uppercase;font-size:22px;color:#000000;} .category-border-menu ul {margin-bottom: 5px;} .category-border-menu > h4 {display:table;width:100%;margin-bottom: 0;} .category-border-menu h4 > a {display:table-cell;width:100%;font-size:16px;font-weight:400;vertical-align:middle;color:#191919;text-decoration:none;} .category-pc-filte-content a:hover i, .category-border-menu .level2:hover span i, .category-border-menu .level2 a:hover, .category-pc-filte-content a:hover, .category-border-menu .level3 a:hover, .category-border-menu h4 > a:hover {color:#a5a5a5;text-decoration: none;} .category-border-menu .level3 {padding-left:28px;color: #4f4f4f;} .category-border-menu .level3 {margin:0;} .category-border-menu .category-border-menu-toggle-active, .category-border-menu .level3 a {display:block !important;} .category-pc-filte-content a, .category-pc-filter h4, .category-border-menu h4 a, .category-border-menu .level2 a {color: #4f4f4f;font-size: 18px;text-transform: capitalize;font-weight: 700;cursor: pointer;} .category-border-menu a.current{color:#a5a5a5 } .category-pc-filte-content a, .category-border-menu .level2 a {font-weight: 400;font-size: 16px;} .category-pc-filter h4, .category-pc-filte-content a {padding: 5px 0;margin-bottom: 0;display:block;} .category-pc-filter ul {margin-bottom: 0;} .category-pc-filter h4 {margin:0 0 5px 0;} .category-border-menu .level3 a {font-size: 14px;font-weight: 400} .category-border-menu a {padding:5px 0;letter-spacing:0.2px;color:#444444;text-decoration:none;} .category-pc-filte-content li a span, .category-border-menu span {cursor: pointer;background-color: #fff;} .category-pc-filte-content li a i, .category-border-menu span i {font-size: 14px;} /* Left Border Filte */ .category-border-filter {margin:0;} .category-border-filter li a {display:table!important;width:100%;text-decoration:none;color:#191919;font-size:16px;font-weight:400;margin:10px 0;} .category-border-filter li a i {width:28px;} .category-border-filter li.text-right {margin-top:5px;} .category-border-filter li.text-right a {font-weight:bold;} .category-border-filter li.text-right:hover a {color:#dd390d;} .category-border-filter li i.float-right {color:#dd390d;font-size:14px;cursor:pointer;} .category-border-filter-title {text-transform:uppercase;font-weight:600;margin-bottom:10px;color:#191919;} .icon-rotate {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} /* ======================================================================================= */ /* Product =============================================================================== */ /* Product Detail Img */ .product-detail-img {text-align:center;} .product-detail-img a {display:block; padding:10px 0;} .product-detail-img img {max-width:100%;max-height:100%;background:#fff;} .product-detail-img .img-responsive {margin:0 auto;} .product-detail-img .carousel-nav {margin-bottom:0;} /* Product Detail PC Carousel */ .carousel {background: #FAFAFA;margin-bottom: 20px;box-sizing:border-box;} .carousel-cell {z-index:100;box-sizing:border-box;width: 100%;margin-right: 10px;background: #fff;border-radius: 5px;counter-increment: carousel-cell; top:50%; display:block;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)} .carousel-nav .carousel-cell {height: 80px;width: 80px;margin-right:10px;text-align:center;vertical-align:middle;} .carousel-nav .carousel-cell img {vertical-align:middle;margin:0 auto;} .flickity-viewport {background:#fff;} .product-body .flickity-viewport {background:#fff;} /* Product Detail Mobile Carousel */ .carousel-mobile {display:none;} .flickity-enabled.is-fullscreen {z-index:1300!important;} .carousel-mobile .carousel-cell {width: 100%;background: #f2f2f2;display: flex;align-items: center;justify-content: center;border-radius:0;margin-right:0;} .carousel-mobile .flickity-fullscreen-button {background:hsla(0,0%,100%,.75);border-radius:50%;width:30px;height:30px;box-shadow:0 0 5px rgb(31, 28, 28);-webkit-box-shadow:0 0 5px rgb(31, 28, 28);} .carousel-mobile .flickity-fullscreen-button .flickity-button-icon {left:7px;top:7px;} .carousel-mobile .flickity-carousel-box.is-fullscreen .carousel-cell{background:hsla(0, 0%, 0%, 0.9);} .carousel-mobile .carousel.is-fullscreen .carousel-cell {height: 100%;} .carousel-mobile .carousel-cell-image {display: block;max-height: 100%;} .carousel-mobile .carousel.is-fullscreen .carousel-cell-image {max-width: 100%;max-height:100%;} /* Product Option */ .product-swatch-option label.required, .product-quantity .product-quantity-title {font-weight:bold; font-size:14px; margin-top:0; margin-bottom:0;line-height:1.6; text-transform:uppercase; color:#333333;} .product-swatch-option .label-radio {border-radius:.25rem; float:left; padding:8px 10px; min-width:80px; text-align:center; color:#303030; border:2px solid #303030; cursor:pointer; margin:0 5px 5px 0;transform:perspective(1px) translateZ(0);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s;} .product-swatch-option .label-radio:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#000000;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .product-swatch-option .label-radio:hover, .product-swatch-option .options-list.active .label-radio:hover {color:#ffffff;} .product-swatch-option .label-radio:hover:before {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);} .product-swatch-option label.label-radio.active {border-color:#000000;background:#000000;color:#ffffff;} /* Options Img */ .product-swatch-option .options-checkbox.active .custom-checkbox {padding-left:0;display:inline-block;max-width:100%} .product-swatch-option .options-checkbox.active .custom-control-label::before, .product-swatch-option .options-checkbox.active .custom-control-label::after {display:none} .product-swatch-option .options-list.active .label-radio, .product-swatch-option .options-checkbox.active .custom-control-label {max-width:100%;height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000000;cursor:pointer;background:transparent;border-radius:.25rem;min-width:50px;float:left;padding:5px;width:auto;line-height:34px;margin:0 5px 5px 0;border:2px solid #303030;text-align:center;box-shadow:none} .product-swatch-option .options-checkbox.active .custom-control-label:hover {color:#ffffff;border-color:#333333;background:#333333} .product-swatch-option .options-checkbox.active .custom-control-label.active, .product-swatch-option .options-list.active label.label-radio.active {border-color:#000000;background:#000000;color:#ffffff;} .product-swatch-option img {max-height:36px} .product-swatch-option .options-radio.active .custom-radio {margin-bottom:10px} .product-swatch-option .options-radio .custom-radio, .product-swatch-option .options-radio .custom-radio .custom-control-label { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;} .product-swatch-option .options-radio .custom-radio .custom-control-label::before {border-radius:.25rem;top:50%;transform:translateY(-50%);} .product-swatch-option .options-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::after {background:none;content:'✔';top:calc(50% - 1px);transform:translateY(-50%);font-size:12px;color:#ffffff;text-align:center} /* Product Tab */ .product-tab .tab-content {padding:10px 5px;} .product-tab > ul {display:block; width:100%;} .product-tab .tab-title {text-transform:uppercase; text-decoration:none; border-bottom:1px solid #e4e4e4; color:#333333; display:block; font-size:16px; padding:5px; height:45px; line-height:35px; text-align:left; position:relative;} .product-tab .tab-title:before {content:'\e626'; font-family:'iconfont'; font-size:16px; height:35px; width:35px; display:block; position:absolute; right:5px; bottom:3px; text-align:center;} .product-tab .tab-title.active:before {content:'\e63f';} /* ======================================================================================= */ /* Category ============================================================================== */ /* Category Image / Description */ .category-image {padding:6px 0;margin:15px 0;text-align:center;background:#ffffff;} .category-description {margin-bottom:15px;background:#ffffff;width:100%;} .category-description p {padding:6px 15px;margin:0;font-size:16px;line-height:20px;} /* Category Subcate */ .category-subcate {margin-bottom:15px;border:1px solid #393939;background:#ffffff;} .category-subcate h4 {height:45px;line-height:45px;margin-bottom:15px;padding:0 20px;font-size:16px;font-weight:normal;color:#ffffff;background:#393939;text-align:center;} .category-subcate .sub-category-box {padding:0 15px;} .category-subcate .sub-category-box .category-subcate-img {padding:0;} .category-subcate .category-subcate-img {padding:0;display:block;text-align:center;font-size:13px;text-decoration:none;color:#191919;} .category-subcate .category-subcate-img:hover {color:#dd390d;} .category-subcate .category-subcate-img img {margin-bottom:10px;max-height:220px;} .category-subcate .category-subcate-img span {display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .category-subcate .col-6 {padding-bottom:15px;} @media only screen and (max-width:575px) { .category-subcate .sub-category-box {padding:0 7.5px;} .category-subcate .sub-category-box .row{margin-right:-7.5px;margin-left:-7.5px;} .category-subcate .sub-category-box .row .col-6{padding-left:7.5px;padding-right:7.5px;} .category-subcate .category-subcate-img img {max-height:none;} } /* Category Filte Mobile */ .category-m-box {width:100%;} .category-m-box .category-m-filter:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .category-m-box .category-m-filter .btn {color:#ffffff;display:inline-block;text-transform:uppercase;border-radius:0;} .category-m-box .category-m-filter .btn:focus {box-shadow:none;} .category-m-box .category-m-sort {text-align:right;} .category-m-box .category-m-sort select {padding-top:0;padding-bottom:0;height:36px;line-height:36px;font-size:15px;} .category-m-box .category-m-filter-box {display:none;} .category-m-box .category-m-filter-box ul {margin:15px 0 0;} .category-m-box .category-m-filter-box li {display:inline-block;margin:0 10px 15px 0;} .category-m-box .category-m-filter-box li:last-child {margin-right:0;} .category-m-box .category-m-filter-box li a {background:#393939!important;color:#fff;border-radius:0;text-transform:capitalize;} .category-m-box .category-m-filter-box li a:focus {box-shadow:none;} .category-m-box .category-m-filter-box li a:before {background:#393939;} .category-m-box .category-m-filter-box li a strong {font-weight:normal;} .category-m-box .category-m-filter-box li i {font-size:12px;padding-left:6px;} .category-m-box .category-m-filter-clear a {display:block;background:#393939!important;color:#fff;border-radius:0;} .category-m-box .category-m-filter-clear a:before {background:#393939;} .category-m-box .category-m-filter-select {margin-top:15px;} .category-m-box .category-m-filter-select select {height:36px;line-height:36px;width:100%;} .category-m-box .category-m-filter-clear {margin:0 0 10px 0!important;} /* Category Header */ .category-header {margin:24px 0;height:40px;position:relative;display:table;width:100%;} .category .category-grid {margin:0;} /* Category Page */ .category-page-box {margin-bottom:15px;display:table;width:100%;} .category-page-box .display-table {display:table-cell;vertical-align:middle;} .category-page-box-mg-b0 {margin:30px 0 0 0;} /* amount */ .category-page-box .category-page-amount {padding:5px 6px;} .category-page-box .category-page-amount span {color:#000;} /* common-pages */ .common-pages .common-pages-amount {display:block; float:right; margin-top:6px;} .common-pages ul.pagination {margin:0 0 0 20px; float:right;} .common-pages ul.pagination .page-link:focus {box-shadow:none;} .common-page-change .common-pages ul.pagination .page-link {line-height:normal;text-decoration:none;} .common-page-change .common-pages ul.pagination , .common-page-change .common-pages .common-pages-amount {float:none;} .common-page-change .common-pages ul.pagination {margin:15px 0 0 0;} /* sort */ .category-page-box .category-pc-sort {padding-right:6px;} /* Category Filter Select */ .category-filter-select-list {list-style:none;margin-bottom:5px;} .category-filter-select-list li i {font-size:14px;margin-left:5px;} .category-filter-select-list .category-filter-select-clear a:focus {box-shadow:none;} .category-filter-select-list li:last-child , .category-filter-select select:last-child {margin-right:0;} /* Search */ .search-box-form {position: relative;} .search-box-form h2 {font-size:25px; line-height:25px; margin-bottom:15px; padding:0; font-weight:700; text-align:center; text-transform:uppercase;} .search-box-form .header-search-matching {top:100%;width:93.3%;} .search-box-form .header-search-matching a {font-size: 16px;} .search-box-form .input-group-select-box{max-width: 300px;width: 100%;} .search-box-form .input-group-select{height: 100%;max-width: 100%;border-radius: 5px} .search-box-form .search-box-form-content{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%} .search-box-form .search-box-form-content .input-group{padding-left: 5px} .search-box-form .header-search-matching {top:100%;width:calc(100% - 5px);left: 5px;box-shadow: 0 10px 20px rgba(0,0,0,.1);} .search-box-form .header-search-matching a {font-size: 16px;} /* ======================================================================================= */ /* Layout Modules ======================================================================== */ /* Reviews */ .comment-details ul {margin-bottom:0;} .comment-details .list-box{max-height: 500px;overflow: hidden;} .comment-details .comment-details-box::-webkit-scrollbar {width: 6px;height:1px;} .comment-details .comment-details-box:nth-of-type(even) {border-left:0;} .comment-details .comment-details-box .comment-details-icon {margin-left:-6px;position:relative;height:19px;} .reviews-score i.iconfont {width:90px; display:inline-block; overflow:hidden; vertical-align:top} /* Ad Text */ .advertising-text {display:block; padding:10px 55px;text-align:center; text-decoration:none; margin-bottom:0;} a.advertising-text:hover {opacity:0.8;text-decoration:none;} .advertising-text.ad-text-small {font-size: 0.88em;} .advertising-text.ad-text-medium {font-size: 1em;} .advertising-text.ad-text-large {font-size: 1.4em;} /* Ad Img */ .picture-ads {display:block; width:100%; text-align:center;} .picture-ads img {max-width:100%; min-height:30px;} .picture-ads .picture-ads-close {position:absolute;right:0;top:0;font-size:14px;color:#ffffff;background:rgb(45, 45, 45);opacity:.3;filter:alpha(opacity=30);width:25px;height:25px;text-align:center;line-height:25px;} /* Ad Popup */ .advertising-pop {width:100%; height:100%; position:relative;} .advertising-pop-shade {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:5000;} .advertising-pop-img {position:fixed;top:50%;left:50%;height:auto;z-index:5001;padding:30px 10px 10px 10px;background-color:#ffffff;text-align:center;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:650px;width:90%;} .advertising-pop-img img {max-width:100%; max-height:500px;} .advertising-pop-close {position:absolute;right:10px;top:1px;color:#555555;} .advertising-pop-close i.iconfont {font-size:18px;} .advertising-pop-close:hover {color:#555555;} /* Text */ .html-modular {text-align:center;} .html-modular .col-md-8 {margin:0 auto; padding:0;} .html-modular .html-modular-title {font-size:26px;} .html-modular .html-modular-content {font-size:16px;} .html-modular .html-modular-small .html-modular-title h2 {font-size:0.88em;} .html-modular .html-modular-small .html-modular-content p {font-size:0.875em;} .html-modular .html-modular-large .html-modular-title h2 {font-size:1.4em;} .html-modular .html-modular-large .html-modular-content p {font-size:1.125em;} /* Custom Text */ .free-text {text-align:center;} .free-text .free-text-title {font-size:26px;} .free-text .free-text-content {font-size:16px;} .free-text .free-text-content img {max-width:100%} .free-text h2 {margin:0 0 20px;line-height:1.2; font-weight:bold; color:#3d4246;font-size:1em} .free-text p {color:#69727b; margin:0; font-size:1em;} /* Img Text */ .text-pictures img {max-width:100%;} .text-pictures h2 {margin:0 0 20px;line-height:1.2; font-weight:bold; color:#3d4246;font-size:26px;} .text-pictures p {color:#69727b; margin:0;font-size:16px;} .text-pictures a.btn {margin-top:10px;white-space:inherit;color:#fff;} .text-pictures .text-pictures-text {padding-top:30px; padding-bottom:30px;text-align:center;} /*Layout-Areas*/ .layout-areas img{max-width: 100%;} /* Taxonomy Set */ .taxonomy-set .row, .taxonomy-set .form-row{justify-content: center;} @media (max-width: 575px){ .taxonomy-set .col-3{flex: 0 0 calc(100% / 4)!important;max-width: calc(100% / 4)!important;width: calc(100% / 4)!important;} .taxonomy-set .col-6{flex: 0 0 calc(100% / 2)!important;max-width: calc(100% / 2)!important;width: calc(100% / 2)!important;} .taxonomy-set .col-12{flex: 0 0 calc(100% / 1)!important;max-width: calc(100% / 1)!important;width: calc(100% / 1)!important;} } /* Img Gallery */ .layout-gallery a {width:100%;height:100%;display:block; text-decoration:none; position:relative;} .layout-gallery.no-distance .form-row{margin: 0!important;} .layout-gallery.no-distance .form-row>div{padding: 0!important;margin: 0!important;} .layout-gallery .change-layout .more-image{order:1;} .layout-gallery .change-layout .main-image {order:2;} .layout-gallery .imggallery-style .more-image .col-md-6{margin-top: 10px;} @media only screen and (min-width:768px) { .layout-gallery .col-md-2-5{-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;} .layout-gallery .imggallery-style .more-image .col-md-6:nth-child(1), .layout-gallery .imggallery-style .more-image .col-md-6:nth-child(2){margin-top: 0;} } @media only screen and (max-width:767px) { .layout-gallery .layout-gallery-img , .layout-gallery .change-layout .main-image{margin-top: 10px;} .layout-gallery .layout-gallery-img:first-child, .layout-gallery .imggallery-default .col-6.layout-gallery-img:nth-child(1), .layout-gallery .imggallery-default .col-6.layout-gallery-img:nth-child(2), .layout-gallery .change-layout .more-image .col-md-6:first-child, .layout-gallery .change-layout .more-image .col-6:nth-child(1), .layout-gallery .change-layout .more-image .col-6:nth-child(2){margin-top: 0;} } /* Img Cover */ .text-cover-picture .text-cover-picture-box {position:relative;} .text-cover-picture .text-cover-picture-box:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(61, 66, 70);opacity:.4;z-index:1;} .text-cover-picture .text-cover-picture-box .imgcover-img{display: block;margin: 0 auto;} .text-cover-picture .text-cover-picture-box .m-imgcover-img{display: none;margin: 0 auto;} .text-cover-picture .text-cover-picture-description {position: absolute;z-index: 1;max-width: 75%;padding: 15px;} .text-cover-picture .text-cover-picture-title {font-size: 24px;margin-bottom:8px;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,0.4);} .text-cover-picture .text-cover-picture-content {color:#ffffff;white-space:inherit;} .text-cover-picture-description.center {left: 50%;top: 50%;transform: translate(-50%,-50%);} .text-cover-picture-description.left-center {left: 15px;top: 50%;transform: translateY(-50%);} .text-cover-picture-description.center-top {left: 50%;top: 15px;transform: translateX(-50%);} .text-cover-picture-description.center-bottom {left: 50%;bottom: 15px;transform: translateX(-50%);} .text-cover-picture-description.right-center {right: 15px;top: 50%;transform: translateY(-50%);} .text-cover-picture-description.left-top {left: 15px;top: 15px;} .text-cover-picture-description.left-bottom {left: 15px;bottom: 15px;} .text-cover-picture-description.right-top {right: 15px;top: 15px;} .text-cover-picture-description.right-bottom {right: 15px;bottom: 15px;} @media only screen and (max-width:767px) { /* md */ .md-hide{display: none!important;} .md-show{display: block!important;} .text-cover-picture-description.left-center {left: 0;} .text-cover-picture-description.center-top {top: 0;} .text-cover-picture-description.center-bottom {bottom: 0;} .text-cover-picture-description.right-center {right: 0;} .text-cover-picture-description.left-top {left: 0;top: 0;} .text-cover-picture-description.left-bottom {left: 0;bottom: 0;} .text-cover-picture-description.right-top {right: 0;top: 0;} .text-cover-picture-description.right-bottom {right: 0;bottom: 0;} } /* Img Slide Title Size */ .advertising-wheel .item {position:relative;text-align:center;} .advertising-wheel .item a{display: inline-block;} .advertising-wheel .owl-carousel .owl-item img {width: auto!important;margin: 0 auto;} .advertising-wheel .advertising-wheel-text {position:absolute; z-index:2; text-align:center;padding: 0 15px; width: 100%;max-width:1200px; top:50%; left: 50%;-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display:block;} .advertising-wheel .advertising-wheel-text .text-title{font-weight: 600;line-height: 1.04;color:#ffffff; display:block;text-transform: none;} .advertising-wheel .advertising-wheel-text .text-content {margin: 5px 0;font-weight: 400;color:#ffffff; display:block;text-shadow: 3px 3px 5px #734646;} /* Layout Imgfit */ .adaptive-picture img {width:100%;} .adaptive-picture .adaptive-picture-mobile {display:none;} /* ======================================================================================= */ /* Layout Index ========================================================================== */ .layout-content {display:-moz-box;display:-webkit-box;width:100%;} .layout-left, .layout-right {width:240px;vertical-align:top;} .layout-left {padding-right:20px;} .layout-right {padding-left:20px;} .layout-center {-webkit-box-flex:1;-moz-box-flex:1;} .layout-center-box {padding:0; margin:0;} /* Layout */ .layout-center-box > .container , .layout-center .container {padding:0;} .layout-center-box > div , .layout-center-top > div , .layout-top > div , .layout-center-bottom > div , .layout-bottom > div , .layout-center-box > div {margin-bottom:15px;} .layout-center-box > div:last-child , .layout-top > div:last-child , .layout-center-bottom > div:last-child , .layout-bottom > div:last-child , .layout-center-box > div:last-child , .layout-center-top > div:last-child {margin-bottom:0;} /*.index-body > .container ,*/ .layout-center-bottom > div:first-child , .layout-bottom > div:first-child , .layout-top > div:first-child , .layout-top > div.product-box:first-child , .layout-top > div.html-modular:first-child , .layout-top > div.free-text:first-child , .layout-top > div.text-pictures:first-child , .layout-center-box > div:first-child , .layout-center-top > div:first-child {margin-top:15px;} /* layout ImgGallery */ .layout-top > .layout-gallery , .layout-bottom > .layout-gallery {margin:0 auto 15px auto;} .layout-top > .layout-gallery:first-child {margin-top:0;} .layout-top > .layout-gallery:last-child , .layout-bottom > .layout-gallery:last-child{margin-bottom:0;} .layout-bottom > .layout-gallery:first-child {margin-top:15px;} /* layout ImgCover */ .layout-top > .text-cover-picture:first-child {margin-top:0;} .layout-top > .text-cover-picture:last-child , .layout-bottom > .text-cover-picture:last-child{margin-bottom:0;} .layout-bottom > .text-cover-picture:first-child {margin-top:15px;} /* layout Search */ .search-body .layout-center-box > div.category {margin-top:15px;} .search-body .layout-center-box > div {margin-bottom:15px;} .search-body .layout-center-box > div:last-child {margin-bottom:0;} /* layout ImgSlide */ .layout-top > div.advertising-wheel:first-child {margin-top:0;} .layout-top > div.advertising-wheel {margin-bottom:15px;} .layout-top > div.advertising-wheel:last-child {margin-bottom:0;} /* layout Checkout */ .layout-center-box > #J_CheckoutFm {margin:0;overflow:hidden;} .checkout-loading div {text-align:center;} .checkout-loading img {position:absolute; top: 50%;} /* ======================================================================================= */ /* Customer ============================================================================== */ /* Customer Common */ .common-user-pc-hide {display:none;} .common-user-table {margin:0;} .common-user-table th , .common-user-table td {padding:8px;vertical-align:middle;} .common-user-table td a {font-size:14px;} .common-user-table p {margin:0;} .common-user-table .common-table-img {display:block;} .common-user-table .common-table-img img {max-height:100px;} /* Customer Top */ .user-name {text-align:center;margin-bottom:15px;} .user-name p {margin-bottom:0;font-size:16px;} .user-name p a , .user-name p a:hover {text-decoration:underline;padding-left:5px;} .common-user-form {max-width:620px;padding:0 15px;margin:0 auto;text-align:center;} .common-user-form .group-input label {left:10px;} /* Index */ .user-center-link {min-height:120px;padding:15px 0;border-top: 1px solid rgba(0,0,0,.1);} .user-center-link:last-child {padding-bottom:0;} .user-center-link a {font-size:16px;font-weight:600;letter-spacing:-.5px;color:#767676;line-height:1.6;} .user-center-common {padding:15px;border:1px solid rgba(0,0,0,.1);margin-bottom:15px;} .user-center-common:last-child {margin-bottom:0;} .user-center-common .row {margin:0 0 15px 0;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1);} .user-center-common p {margin:0;} .user-center-information p , .user-center-information address {color:#888;} /* Address */ .address-box {height:245px;overflow-y:auto;border:1px solid #e0e0e0;background:#fafafa;} .address-box::-webkit-scrollbar { width: 10px;height: 1px; background-color: #F5F5F5;} .address-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #e0e0e0;} .address-box::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ebebeb;} .address-title p {text-align:center;margin:0;} .address-content {text-align:left;padding:10px;} .address-content p {margin-bottom:10px;} .address-content a {color:#212121;text-decoration:underline;} /* Reviews */ .review-area-body .reviews-images.clearfix {margin:0;} .review-area-body .common-user-table td {vertical-align:top;} .review-area-body .common-user-table td:last-child {vertical-align:middle;} .review-area-body .common-user-table td p {margin:0;line-height:1.6;vertical-align:middle;} .review-area-body .common-user-table td p img {width:18px;height:17px;vertical-align:top;} .review-product-name {font-size:14px;margin:8px 0 0 0;font-weight:500;} /* Orders Get && Result */ .common-result-content {padding:40px 20px;} .common-result-left {padding:15px;border-radius:.25rem;background:#f2f2f2;border:1px solid #ccc;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;} .common-result-left .common-order-status {border-radius:.25rem;transition:all .5s;border:1px solid #ccc; box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rgba(10,16,20,.12);background:#fff;padding:10px 15px;} .common-result-left .common-order-status:hover {box-shadow: 0 6px 10px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);} .common-result-left .common-order-status-title {font-size:18px;font-weight:bold;padding-bottom:8px;border-bottom:1px solid #ccc;color:#444;} .common-result-left .common-order-information {margin:15px 0 0 0;padding:10px 5px;border-radius:.25rem;box-shadow:0 0 2px 1px #ccc;} .common-result-left .common-address-title {margin-bottom:5px;color:#888;} .common-result-left .common-link-orders {margin:15px 0 0 0;padding:0 20px;} .common-result-left .common-link-orders a {color:#222;text-decoration:underline;} .common-result-left .common-link-orders a:hover {color:#f00;} .common-result-left .common-order-information-left {border-right:1px solid #ccc;} .common-result-left .common-order-information-right {text-align:right;} .common-result-right .orders-details-show {display:table;width:100%;vertical-align:middle;padding:10px 0;background:#fff;} .common-result-right p.orders-details-show-name {display:table-cell;width:70%;margin:0;text-align:left;} .common-result-right p.orders-details-show-price {display:table-cell;width:30%;margin:0;text-align:right;} .common-bottom-border {padding-bottom:15px;border-bottom:1px solid #ccc;} .grand-total {font-size:18px;} .common-result-contact p {padding:10px 5px;border:1px solid #ccc;border-radius:.25rem;background:#f2f2f2;} .common-result-contact p strong {font-weight:bold;color:#FF0608;} .common-result-contact a {text-decoration:none;color:#5b5b5b;font-weight:bold;} .customer-title-box {margin:0 0 15px; color:#191919;text-transform:uppercase;} .customer-title-box.bb {border-bottom:1px solid #d8d8d8; padding:0 0 15px; margin-bottom:20px;} .customer-title-box h2 {margin-bottom:0; font-size:20px;} .customer-title-box .customer-title-box-btn {text-align:right;} /* Index */ .customer-content a {text-decoration:none;} .get-set-password {display:none;margin-top:5px;} /* Address Get */ .address-get-title {font-weight:600;margin:30px 0 0.5em;} .get-change-password {display:none;} /* Orders Review */ .order-review-content img {max-height:80px;} .order-review-content h3 {font-weight:normal;font-size:14px;margin:0;} .order-review-content td {vertical-align:top;} .orders-review-word {vertical-align:middle;} .orders-review-word .review-star {display:inline-block;} .orders-review-word .review-star img {width:18px;height:18px;vertical-align:top;} .orders-review-word > div.mg-b10 {text-align:left;} .orders-review-word .form-control {border-radius:0;} /* Reviws */ .review-append-btn-box {vertical-align:middle!important;} .review-append-btn {display:block;} .review-area-body label.error {margin-top:10px;margin-bottom:0;} /* ======================================================================================= */ /* Checkout ============================================================================== */ /* Shopping Cart Information */ .shopping-cart {padding:30px 0 0; font-weight:500;} .shopping-information .col-md-4 {border-left:1px solid #cccccc;} .shopping-information .shopping-information-list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;} .shopping-information .shopping-information-list li:last-child {margin-bottom:0;} .shopping-information .shopping-information-list .shopping-img {float:left;display:block;box-sizing :content-box;} .shopping-information .shopping-information-list .shopping-img img {max-width:120px;max-height:100%;} .shopping-information .shopping-details {display:block;margin-left:135px;box-sizing:content-box;} .shopping-information .shopping-details .cart-commodity-name a {font-size:22px;color:#333;text-transform:capitalize;display:block;margin:0 0 15px;} .shopping-information .shopping-details .cart-commodity-name a .cart-stock{display: inline-block;background-color: #f00;font-weight: bold;font-size: 16px;color: #fff;padding: 0 10px;margin-left: 10px;} .shopping-information .shopping-details .commodity-options-details .commodity-options-box {margin-bottom:0;} .shopping-information .shopping-details .commodity-options-details .commodity-options-box:last-child {margin-bottom:15px;} .shopping-information .shopping-details .commodity-options-details .commodity-options-name {color:#8c8b8b;text-transform:capitalize;margin-right:2px;} .shopping-information .shopping-details .commodity-options-qty .commodity-options-price {font-size:28px;font-weight:bold;color:#bb2e2b;margin-bottom:15px;display:block;} .shopping-information .shopping-details .commodity-options-qty input {width:90px;float:left;border-radius:0;} .shopping-information .shopping-details .commodity-options-qty .gift-input {background:transparent;border:none;} .shopping-information .shopping-details .commodity-options-qty .gift-input:focus {box-shadow:none;} .shopping-information .shopping-details .commodity-options-qty .commodity-remove {box-sizing:border-box;border-radius:0;display:inline-block;width:38px;height:38px;line-height:38px;background:#d20000;text-align:center;padding:0;} .shopping-information .shopping-details .commodity-options-qty .commodity-remove i.iconfont {color:#fff;} .shopping-information .discount-box label {display:block;font-weight:bold;font-size:14px;margin-bottom:5px;text-transform:uppercase;text-align:left;} .shopping-information .cart-total .cart-subtotal-box span {display:block;font-weight:bold;font-size:larger;line-height:1.6em;} .shopping-information .cart-total .cart-subtotal-box .cart-subtotal-title {float:left;text-transform:capitalize;} .shopping-information .cart-total .cart-subtotal-box .cart-subtotal-price {float:right;} /* Checkout Steps */ .checkout-step .checkout-step-box {border:1px solid #393939;margin-bottom:20px;background-color:#ffffff;position:relative;} .checkout-step .checkout-step-title {padding:10px 16px;background:#393939;color:#fff;} .checkout-step .checkout-step-title > .checkout-step-billing {background:url(../images/billing-title.png) no-repeat left center;padding-left:30px;} .checkout-step .checkout-step-title > .checkout-step-shipping {background:url(../images/billing-title.png) no-repeat left center;padding-left:30px;} .checkout-step .checkout-step-title > .checkout-step-shipping-delivery {background:url(../images/method-title.png) no-repeat 0 center;padding-left:35px;display:flex;width:100%;align-items:center;} .checkout-step .checkout-step-title > .checkout-step-payment {background:url(../images/payment-title.png) no-repeat 0 center;padding-left:35px;display:flex;width:100%;align-items:center;} .checkout-step .checkout-step-title > .checkout-step-order {background:url(../images/review-title.png) no-repeat 0 center;padding-left:30px;display:flex;width:100%;align-items:center;} .checkout-step .checkout-step-title > .checkout-step-shipping-delivery i, .checkout-step .checkout-step-title > .checkout-step-payment i, .checkout-step .checkout-step-title > .checkout-step-order i {flex:1 1 auto;text-align:right;} .checkout-step .checkout-step-title span {margin-left:5px;} .checkout-step .checkout-step-title > span.shop-cart-information-color {color:#cccccc;} .checkout-step-content {padding:15px;} .checkout-step-req {display:none;} .checkout-step .checkout-step-disable .checkout-step-content {display:none;} .checkout-step-shipping-method .checkout-step-content {padding-left:18px; padding-right:18px;} .checkout-step .method-description {padding-left:25px;} .checkout-step .method-description p {margin-bottom:0;} .checkout-step .payment {margin-top:1rem;} .checkout-step .payment form {border:none;padding:0;} .checkout-step .pay-credit .form-row .pay-group-box {margin-bottom:6px;} .checkout-step .pay-credit .form-row .col-md-6 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .checkout-step .checkout-step-content-bordered {position:relative;min-height:40px;} .checkout-step .checkout-step-content-bordered .error-msg {font-size:14px; color:#ff0000;} .checkout-step .checkout-step-content-bordered img {max-width:100%;max-height:100%;} .checkout-step dl {margin-bottom:0;} .checkout-step dl dd:last-child {margin-bottom:0;} /* Checkout M */ .order-payment {display:table;position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:100;height:48px;line-height:48px;overflow:hidden;} .order-payment .order-payment-price , .order-payment .order-payment-btn {display:table-cell;width:50%;text-align:center;height:48px;line-height:48px;} .order-payment .order-payment-price {background:#fff;} .order-payment .order-payment-price > p , .order-payment .order-payment-price > p strong {display:block;height:48px;line-height:48px;font-size:17px;} .order-payment .order-payment-btn .btn {font-size:14px;border:0;width:100%;border-radius:0;padding:0;height:48px;line-height:45px;vertical-align:top;} /* Checkout Loading */ .modal-box {background-color:#fbfaf6;opacity:.6;position:absolute;left:0;bottom:0;right:0;top:0;z-index:99;width:100%;} .modal-box > div {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} /* Checkout Tabel */ .checkout-table li {margin-bottom:15px;} .checkout-table li:last-child {margin-bottom:0;} .orders-get-body .checkout-table li , .checkout-result-body .checkout-table li {border-bottom:1px solid #ccc;padding-bottom:15px;} .checkout-table .checkout-table-product-img {width:65px; height:65px; line-height:58px; position:relative; border-radius:8px; border:1px solid #E5E5E5; float:left; display:block; text-align:center;} .checkout-table .checkout-table-product-img img {max-width:100%; max-height:100%; border-radius:8px;} .checkout-table .checkout-table-product-qty {font-size:12px; background-color:#f00; font-weight:500; text-align:center; position:absolute; right:-9px; top:-9px; line-height:22px; height:21px; min-width:21px; border-radius:21px; color:#fff; box-sizing:border-box; white-space:nowrap; z-index:3; padding:0 7px;} .checkout-table .checkout-table-product-description {margin-left:80px;} .checkout-table .checkout-table-product-name {font-size:14px; color:#323232;} .checkout-table .checkout-table-product-options {font-size:12px; color:#717171;} .checkout-table .checkout-table-product-options .checkout-table-product-option {margin-right:10px;} .checkout-table .checkout-table-product-options .checkout-table-product-option:last-child {margin-right:0;} .checkout-table .checkout-table-product-price {float:right; display:block; margin-left:15px;} .checkout-total-box .float-left {font-size:14px;} .checkout-total-box .float-right {font-weight:500;} .checkout-coupon i.iconfont {font-size:14px;color:#dd390d;} .checkout-coupon a {float:left; display:block; line-height:20px;} .coupon-input {background:transparent!important;} .shopping-settlement-footer > div.btn-continue .btn i, .cart-complete-order.btn i {font-size:14px;} .cart-complete-order.btn {min-height: 50px;} .shopping-settlement-footer>div.btn-continue .btn {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /* Checkout Iframe */ .checkout-iframe{width: 100%;margin: 0 auto;display: block;} /* ======================================================================================= */ /* pay ================================================================================ */ .mycheckout-body {color:#212121;} /* Checkout Body */ .checkout-body {margin-bottom:15px;} .checkout-body > .container > .layout-content {margin-top:15px;} .pay-credit .form-control:focus {border-color:#ff8b0f;outline:#ff8b0f;box-shadow:none;} .pay-credit .img-position {display:block;width:32px;height:32px;position:absolute;top:9px;z-index:10;} .pay-credit .card-imgs {background:url('../images/vmj.png') no-repeat;right:12px;} .pay-credit .cvv-imgs {background:url('../images/lock.png') no-repeat;right:12px;} .pay-credit .data-imgs {background:url('../images/calendar.png') no-repeat;right:14px;} /* Pay Common*/ .checkout-step .checkout-step-title {padding:15px!important;} .checkout-step-shipping-method .checkout-step-content, .checkout-step-payment-method .checkout-step-content {padding:0 !important;} .checkout-step dl {margin-bottom:0;} .checkout-step dl dd {border:none!important;padding:0!important;margin:0;} .checkout-step-payment-method dl dd:last-child {border:none!important;padding:0!important;} .checkout-step .payment {margin:0 !important;padding:15px 15px 0 15px!important;background:#fafafa;} .checkout-step .method-description {background:#fafafa;} .checkout-step .method-description p {margin:0;} .shopping-shipping-note {border:1px solid #d9d9d9!important;border-radius:4px!important;padding:0!important;} .shopping-settlement-content {background: transparent!important;padding: 0!important;} .shopping-settlement-content dd {margin:0;padding:0!important;} .shopping-settlement-content dd > .custom-control {margin:15px!important;} .shopping-settlement-content dd > .pay-credit {padding:15px 15px 0 15px!important;border-top:1px solid #d9d9d9!important;background:#fafafa;} .shopping-settlement-content dd > .method-description {background:#fafafa;} .shopping-settlement-content dd p {padding:0!important;font-size:14px!important;color:inherit!important;} .checkout-step .checkout-step-content-bordered .error-msg {padding:15px;} .shopping-settlement-content dd.method-description {padding:16px!important;} .shopping-settlement-content .custom-control-label {display:inline-block!important;} .checkout-step-payment-method .custom-control img , .shopping-settlement-content dd > .custom-control img {max-height:24px;} .checkout-step-shipping-method .custom-control , .checkout-step-payment-method .custom-control , .checkout-step-payment-method .method-description {padding:15px!important;border-top:1px solid #ced4da;} .checkout-step-payment-method .pay-credit {border-top:1px solid #ced4da;background:#fafafa;} .checkout-step-shipping-method .custom-control-label:before , .checkout-step-shipping-method .custom-control-label:after , .checkout-step-payment-method .custom-control-label:before , .checkout-step-payment-method .custom-control-label:after {top:20px;left:16px;} .checkout-step-shipping-method .custom-control-label , .checkout-step-payment-method .custom-control-label {padding-left:24px;} .checkout-step-payment-method dl dd:last-child .custom-control , .checkout-step-payment-method dl dd:last-child .method-description {border-bottom:0;} .checkout-step-payment-method dl dd:last-child .method-description {border-top:1px solid #ced4da;} .checkout-step dl dd:last-child {margin-bottom:0;} .shopping-settlement-btn button:hover {color:#000!important;} .shopping-check-information .float-right {text-align:right!important;} #J_Step3.checkout-step-shipping-method .method-description {padding-left:0;} .checkout-step-shipping-method .description-content {padding:15px;border-top:1px solid #ced4da;} #J_contentStep3 .description-content , #J_contentStep4 .method-description , #J_contentStep3 .method-checkbox {padding:15px!important;border-top:1px solid #ced4da;} /* Checkout Breadcrumb */ .checkout-breadcrumb {width:100%;margin-bottom: 30px;padding:15px;background:#fafafa;border: 1px solid #e6e6e6;} .checkout-breadcrumb h2 {float: left;font-size: 22px;margin-bottom: 0;} .checkout-breadcrumb ul {float: right;margin-bottom: 0;} .checkout-breadcrumb ul li {display:inline-block;} .checkout-breadcrumb ul li {display:inline-block;} .checkout-breadcrumb ul li a {text-decoration:none;font-size:16px;font-weight:400;line-height:20px;} .checkout-breadcrumb ul li a.active {font-weight: bold;color: #d53333;} .checkout-breadcrumb ul li a:hover {text-decoration:none;color:#000;} .shopping-settlement-btn .oldBgCcolor {background:#ebebeb;} .shopping-settlement-btn .newBgCcolor {background:#c0c0c0;} /* Checkout Iframe */ .checkout-iframe{width: 100%;margin: 0 auto;display: block;} .checkout-body>.container .shopping-settlement{max-width: 100%!important;padding: 0!important;margin: 0!important;} .checkout-body>.container .shopping-settlement>form{padding: 0!important;} .checkout-box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;} .checkout-box .checkout-main{width: 50%;float: left;padding: 40px 2%;} .checkout-box .checkout-sidebar{width: 50%;padding: 40px 2%;background-position: left top;float: right;position: relative;} .checkout-box .checkout-sidebar .shopping-settlement-btn p{margin-bottom: 0;} .shopping-settlement-btn p.float-left span, .shopping-settlement-btn p.float-right {line-height: 30px;height: 30px;} .checkout-box .checkout-sidebar::after{content: "";display: block;width: 100%;position: absolute;top: 0;bottom: 0;background: #ffffff;z-index: -1;left: 0;background-position: left top;-webkit-box-shadow: 1px 0 0 #e6e6e6 inset;box-shadow: 1px 0 0 #e6e6e6 inset;} .checkout-main .shopping-settlement-content {border-bottom: 1px solid #ddd;padding-bottom: 20px} .shopping-box .checkout-main .shopping-settlement-content {border-bottom: none;} .checkout-logo , .m-checkout-logo {display: block;margin: 20px 0;width: 100%;height: 50px;text-align:center;} .checkout-main-header .checkout-main-breadcrumb{font-size: 14px;line-height: 21px;margin-bottom: 0;} .checkout-main-header .checkout-main-breadcrumb i{padding: 0 7px;font-size: 14px;} .checkout-main-header .checkout-main-breadcrumb li{float: left;} .checkout-main-header .checkout-main-breadcrumb li.active .breadcrumb-text{font-weight: bold;color: #d53333;} .checkout-box .checkout-step-cart button[type=submit]{width: 100%;min-height: 60px;} .checkout-box .checkout-step-cart .checkout-step-content{padding-bottom:0;border-bottom: none;} .shopping-box .shopping-settlement-btn > div {padding:10px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);} @media only screen and (max-width:991px) { .shopping-settlement-step5{display:none;} .checkout-form{margin-top: 0;} .shopping-box{padding: 20px 15px;} .shopping-box .shopping-settlement-btn{margin-bottom: 0;} .checkout-box{flex-wrap: wrap;} .checkout-box .checkout-main, .checkout-box .checkout-sidebar{width: 100%;padding: 0;float: none;} .checkout-box .checkout-sidebar::after{display: none;} .checkout-box .checkout-sidebar .shopping-settlement-content{padding: 20px 0 0!important;} .checkout-box .shopping-settlement-contentStep {order:1;} .checkout-box .shopping-settlement-left-contentStep {order:2;} .checkout-box .checkout-main .checkout-main-header{margin-top: 20px;} .checkout-box .checkout-main .shopping-settlement-content{padding: 0 0 20px 0;background:transparent;} .checkout-step .terms {margin-bottom: 0;border:none;margin-bottom: 0;} /* shopping settlement */ .shopping-breadcrumb , .shopping-settlement-step5 , .checkout-main-header .checkout-logo{display:none;} } @media only screen and (min-width:992px) { /* shopping settlement */ .btn-hide , .m-checkout-logo , .shopping-settlement-btn {display: none;} .shopping-settlement-step5 {display: block !important;padding: 0 !important;} } @media only screen and (max-width:575px) { /* shopping settlement */ #J_stepHide, .checkout-body .checkout-breadcrumb, .checkout-body .checkout-main-breadcrumb{display:none;} .checkout-body .checkout-breadcrumb{text-align: center;} .checkout-body .checkout-breadcrumb h2 {margin-bottom: 15px;} .checkout-body .checkout-breadcrumb h2 , .checkout-body .checkout-breadcrumb ul {float: none;} } /* ======================================================================================= */ /* Checkout Result ======================================================================================= */ .checkout-result-back a {color:#a40000;text-decoration: underline;} .checkout-result-back a:hover{text-decoration: underline;} .order {overflow-x: hidden;} .order p{margin-bottom: 0;} .order h3 strong.c-green{font-size: 18px;} .order .checkout-table li:last-child{border-bottom: 0;} .order .checkout-box .checkout-result-title{font-size: 18px;text-transform: none;margin-bottom: 20px;padding: 15px;background-color: #fafafa;line-height: 28px;border:1px solid #e6e6e6;transition: all .3s;cursor: pointer;} .order .checkout-box .checkout-result-title.active{background: rgba(51,51,51,1);color: #fff;} .order .checkout-box .checkout-result-box .checkout-result-li{border: 1px solid #e6e6e6;margin-bottom: 20px;padding: 15px;} .order .checkout-box .checkout-result-box .checkout-result-li .result-box-title{font-size: 16px;text-transform: none;margin-bottom: 15px;border-bottom: 1px solid #e6e6e6;margin-left: -15px;margin-right: -15px;padding: 0 15px 15px;line-height: 24px;} .order .checkout-table .checkout-table-product-img{width: 85px;height: 85px;line-height: 78px;} .order .checkout-table .checkout-table-product-description{margin-left: 100px;} .order .checkout-result-status .checkout-result-box{border: 1px solid #e6e6e6;padding: 15px;} .order .result-contact .order-determined-contact {border:1px solid #ccc;border-radius:.25rem;padding:10px;background:#f2f2f2;} .order .result-contact .order-determined-contact strong {font-weight:bold;color:#FF0608;} .order .result-contact .order-determined-contact a {color:#5B5B5B;text-decoration:none;font-weight:bold} @media only screen and (max-width:991px) { .order .checkout-box .checkout-result-title{margin-left: -15px;margin-right: -15px;border-left: 0;border-right: 0;} } /* ======================================================================================= */ /* Modal Laoding ========================================================================= */ .modal-laoding {position: fixed;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 1060;} .checkout-result-body>.container{position: relative;} .checkout-result-body .checkout-modal-laoding{position: absolute;top: 0;left: 0;z-index:1060;width: 100%;height: 100%;background-color: rgba(0,0,0,.3)} .checkout-result-body .checkout-modal-laoding img{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);} /* ======================================================================================= */ /*Collection ============================================================================ */ .collection {display:inline-block;position:absolute;right:0;top:0;z-index: 10;} .collection a {text-decoration:none;color:#333;display:inline-block;} .collection i {cursor:pointer;} .collection i.J_bgPositionRight {background-position:right;} .collection i.J_bgPositionLeft {background-position:left;} .heart {background: url(../images/web_heart_animation.png);background-repeat: no-repeat;height: 30px;width: 50px;cursor: pointer;display:block;background-size: 2900%;} @-webkit-keyframes heartBlast { 0% { background-position: left; } 100% { background-position: right; } } @keyframes heartBlast { 0% { background-position: left; } 100% { background-position: right; } } .heartAnimation {display: inline-block;-webkit-animation-name: heartBlast;animation-name: heartBlast;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-timing-function: steps(28);animation-timing-function: steps(28);background-position: right;} @-webkit-keyframes dorsyHover { 0% { -webkit-box-shadow: 0 0 1px 1px #aaa30a; } 50% { -webkit-box-shadow: 0 0 1px 1px #fdfbc4; } 100% { -webkit-box-shadow: 0 0 1px 1px yellow; } } @-webkit-keyframes dorsyDelete { 0% { -webkit-transform: rotate(0deg); } 40% { -webkit-transform: rotate(10deg); } 80% { -webkit-transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0deg); } } /* ======================================================================================= */ /* Favorites ============================================================================= */ .favorites-content .favorites-title {font-size:30px;text-transform:uppercase;font-weight:700;color:#222;text-align:center;} .favorites-content .favorites-qty {text-align:right;color:#999;padding-right:20px;font-size:12px;} .favorites-content .favorites {margin-bottom:15px;} .favorites-box .favorites-img {display:block;text-align:center;padding:10px 0;position:relative;text-decoration:none;} .favorites-box .favorites-img img {max-height:265px;} .favorites-box .favorites-bg {display: block;position: absolute;top: 0;z-index: 10;width: 100%;height: 100%;background: #000000;opacity: 0.03;} .favorites-box .favorites-img .favorites-stock {position:absolute;display:block;bottom:0;left:0;right:0;min-height:25px;padding:6px 15px;background:rgba(173,173,173,.85);transition:background .3s;color:#fff;line-height:1.2;} .favorites-box .favorites-mg span {display:inline-block;margin-right:5px;} .favorites-box .favorites-mg span:last-child {margin:0;} .favorites-box .favorites-mg p.no-margin {display:table-cell;vertical-align:middle;} .favorites-box .favorites-mg p.no-margin.favorites-del {text-align:right;} .favorites-box .favorites-special-price .favorites-original-cost {text-decoration:line-through;color:#ccc;} .favorites-box .favorites-mg .favorites-sale {font-weight:normal;color:#222;} .favorites-box .favorites-mg .favorites-del i {color:#666;font-size:26px;font-weight:normal;opacity:0;transition:opacity .5s;cursor:pointer;} .favorites:hover .favorites-box .favorites-mg .favorites-del i {opacity:1;} .favorites-page .page-link {border:none;color:#222;padding:4px 10px;} .favorites-page .page-link:focus {box-shadow:none;} .favorites-page .page-link:hover {background:transparent;text-decoration:underline;} .favorites-page .page-item.active .page-link {background:transparent;color:#222;text-decoration: underline;} .favorites-page .page-item:first-child .page-link:hover , .favorites-page .page-item:last-child .page-link:hover {text-decoration:none;} .favorites-body .modal-header , .favorites-body .modal-footer {border:none;} .favorites-body .modal-body p {font-size:24px;font-weight:700;text-align:center;color:#222;} .favorites-body .modal-footer {justify-content: center;} .favorites-body .modal-footer button {min-width:140px;} .favorites-body .modal-footer button:focus {box-shadow:none;} /* ======================================================================================= */ /* M-Page ============================================================================= */ .m-page-show {display:none;} .m-page {display:table;width:100%;} .m-page-table {display:table-cell;width:50%;vertical-align:middle;} .m-page-table span {text-transform:uppercase;color:#b5b5b5;font-size:.8125rem;} .m-page-table li {list-style:none;display:inline-block;} .m-page-table .page-link {border:none;color:#000;padding:4px 8px;} .m-page-table .page-link:focus {box-shadow:none;} .m-page-table .page-link:hover {background:transparent;} .page-link.common-active-page {color:#ccc!important;} .category-page-box .category-page-amount select {padding:8px 20px 8px 5px;border-radius:.25rem;} /* ======================================================================================= */ /* Sidebar Cart ========================================================================== */ .sidebar-cart {transition:transform 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);} .sidebar-cart .sidebar-cart-bg {visibility:hidden;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1049;background:#000;opacity:.6;transition:transform 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);} .sidebar-cart.sidebar-cart-right .sidebar-cart-bg {visibility:visible;} .sidebar-cart.sidebar-cart-right .sidebar-cart-content {overflow-x:hidden;display:block;-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.1);} .sidebar-cart .sidebar-cart-content {position:fixed;top:0;right:0;z-index:1500;overflow-y:auto;height:100%;padding:20px 30px;background:#fff;width:420px;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);} .sidebar-cart .sidebar-cart-content .sidebar-cart-table{overflow-y: auto;margin-left: -20px;margin-right: -20px;padding:0 20px 30px;} .sidebar-cart .sidebar-cart-content .sidebar-cart-title{border-bottom: 1px solid #e8e8e8;padding: 0 0 15px 0;margin-bottom: 20px;} .sidebar-cart .sidebar-cart-content .sidebar-cart-title h4 {font-size:20px;color:#111;font-weight: bold;text-transform: uppercase;margin-bottom: 0;} .sidebar-cart .sidebar-cart-content .sidebar-cart-title h4 span{font-size: 12px;text-transform: lowercase;} .sidebar-cart .sidebar-cart-content .sidebar-cart-grand {color:#111;text-transform: uppercase;font-weight: 600;} .sidebar-cart .sidebar-cart-content .sidebar-cart-subtotal {margin:0 0 8px;color:#111;text-transform:capitalize;} .sidebar-cart .sidebar-cart-content .sidebar-cart-subtotal:last-child {margin:0;} .sidebar-cart-box {position: relative;background: #fff;margin-bottom: 10px;border: 1px solid #e8e8e8;border-radius: 3px;} .sidebar-cart-box .sidebar-cart-item {display: flex;justify-content: space-between;} .sidebar-cart-box .sidebar-cart-item .sidebar-cart-img {width:120px;text-align:center;margin: 10px;} .sidebar-cart-box .sidebar-cart-item .sidebar-cart-info {width: 100%;padding: 10px;padding-left: 0;font-size: 14px;flex: 1;} .sidebar-cart-box .sidebar-cart-item .sidebar-cart-info .sidebar-cart-price{font-weight:700;} .sidebar-cart-box .sidebar-cart-item .sidebar-cart-info .sidebar-cart-name {color:#111;font-weight:600;} .sidebar-cart-box .sidebar-cart-item .sidebar-cart-info .sidebar-cart-name:hover {text-decoration:none;opacity:.7;} .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-remove {display: block;width: 100%;color: #111;font-size: 14px;text-align: center;text-decoration: underline;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;height: 41px;line-height: 40px;vertical-align: middle;text-transform: lowercase;} .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-qty {display:block;width: 100%;text-align: center;border-top: 1px solid #e8e8e8;} .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-qty button , .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-qty input {border:none;box-shadow: none;height: 40px;border-radius:0!important;} .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-qty input {font-size: 14px;} .sidebar-cart-box .sidebar-cart-tool .sidebar-cart-qty button {font-weight:600;font-size: 22px;line-height: 22px;width:30px;padding:0;} .sidebar-cart .sidebar-cart-footer{background-color: #fff;position: absolute;z-index:10;bottom: 0;left: 0;width: 100%;padding:20px 30px 30px;-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);} .sidebar-cart .sidebar-cart-footer .sidebar-cart-btn .btn {background:#000;border-color:#000;color:#fff;border-radius: 3px!important;padding: 8px 16px!important;text-transform: uppercase;} .sidebar-cart .sidebar-cart-footer .sidebar-cart-btn .btn:hover{opacity: 0.75;} @media only screen and (min-width:768px) { .sidebar-cart .sidebar-cart-content .sidebar-cart-table::-webkit-scrollbar {width: 8px;height: 1px;} .sidebar-cart .sidebar-cart-content .sidebar-cart-table::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.15);border-radius: 2px;} .sidebar-cart .sidebar-cart-content .sidebar-cart-table::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);} } @media only screen and (max-width:575px) { /* Sidebar Cart */ .sidebar-cart .sidebar-cart-content {width:100%;} } /* ======================================================================================= */ /* Scubscribe ============================================================================ */ .subscribe-box {box-sizing:border-box;padding:15px 0!important;margin:0 auto;position:relative;} .subscribe-box .subscribe-title {text-align:center;color:#333;margin-bottom:15px;font-size:26px;padding:0 15px;} .subscribe-box .subscribe-content {text-align:center;color:#666;margin-bottom:15px;padding:0 15px;} .subscribe-box .newsletter {max-width:450px;width:100%;margin:20px auto 0 auto;position:relative;padding:0 15px;} .subscribe-box .newsletter .btn {min-width:50px;border-top-left-radius:0;border-bottom-left-radius:0;} /* ======================================================================================= */ /* Countdown ============================================================================= */ .count-down-box {display: flex;flex-wrap: wrap;max-width: 100%;margin: 0 auto;align-items:center;background: #fff;} .count-down-box > * {flex:1 1 100%;min-width:0;width:100%;} .count-down-box .count-down-sliver {flex: 1 1 100%;position: relative;justify-content: flex-start;flex-direction: column;align-items: center;} .count-down-box .count-down-content {background:rgb(54, 52, 54);color:rgb(245, 246, 248);top:0;margin: .25rem auto;display: flex;flex-flow: row wrap;transition: all .2s ease-out;justify-content: center;align-content: space-between;width: 100%;max-width: 100%;position: relative;z-index: 10;} .count-down-box .count-down-ticker {justify-content: center;display:flex;align-items: center;flex: 1;flex-wrap: wrap;padding: .3125rem 0;} .count-down-box .count-down-ticker h5 {font-size:1.375rem;font-weight:600;font-family:Blender Pro;text-align:center;} .count-down-box .count-down-label {font-family:Blender Pro;line-height:1rem;margin:0 .625rem 0 1.25rem;color:inherit;text-align:center;font-size:18px;font-weight:600;text-transform:uppercase;} .count-down-box .count-down-clock {border:1px solid #363436;color:#363436;background:#ffe400;padding:0 .9375rem;text-align:center;} .count-down-box .count-down-clock:before {content:'';display:table;} .count-down-box .count-timer {position: relative;display: inline-block;padding: .3125rem 13px;} .count-down-box .count-down-timer-value {line-height: 1.5625rem;font-size: 1.25rem;} .count-down-box .count-down-timer-label {font-size: .75rem;line-height: 1.0625rem;font-weight: 400;} .count-down-box .count-down-timer-value , .count-down-box .count-down-timer-label {text-align: center;display: block;color: inherit;} .count-down-box .count-down-timer , .content {margin-left: auto;margin-right: auto;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;position: relative;cursor:pointer;} .count-down-box .count-down-timer {flex: 0 0 30%;max-width: 30%;} .content {flex: 0 0 70%;max-width: 70%;} .content img {width:100%;} .count-down-m-label {display:none;} .count-down-m-label .count-down-label {font-size:.6875rem;} .fixed-top {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;position:fixed;left:0;right:0;top:0;z-index:999;transition:transform .5s ease-in-out,transform .5s ease-in-out,background .5s ease-in-out;-moz-transition:all .5s ease-in-out,-moz-transform .5s ease-in-out,background .5s ease-in-out;-webkit-transition:all .5s ease-in-out,-webkit-transform .5s ease-in-out,background .5s ease-in-out;-o-transition:all .5s ease-in-out,-o-transform .5s ease-in-out,background .5s ease-in-out;animation-duration:.5s;-o-animation-duration:.5s;-moz-animation-duration:.5s;-webkit-animation-duration:.5s;} .fixed-top .count-down-content {margin:0;} .free-shiping-m {display:none;} /* ======================================================================================= */ /* Media ================================================================================= */ @media only screen and (max-width:575px) { /* Count Down */ .count-down-box .count-down-timer {flex: 0 0 35%;max-width: 35%;} .content {flex: 0 0 65%;max-width: 65%;} .count-down-box .count-down-clock {padding:0 3px;box-sizing:border-box;} .count-down-box .count-down-ticker h5 {font-weight:400;font-size:15px;line-height:.75rem;} .notice-modal .modal-header {padding:0;line-height:1.9375rem;} .notice-modal .modal-title {font-size:1.25rem;} .notice-modal button.close {padding:3px 5px;} .free-shiping-m {display:block;} .free-shiping-pc {display:none;} .shopping-information .cart-total .cart-subtotal-box span {font-size:16px;} /* Login */ .common-pd {padding:30px 0;} .login-body .login-left-content {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc;} .login-content .col-sm-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .login-content .login-divider {display:none;} .login-content .offset-sm-1 {margin-left:0;} /* Forget Password */ .forget-password form {width:100%!important;} .forget-password .btn-login {display:block;width:100%;} .forget-password .text-right.col-md-6 {order:2;padding:0 15px;} .forget-password .text-left.col-md-6 {order:1;} .forget-password .text-right.col-md-6 a.btn-login {border:none;text-decoration:underline;} /* Reviews Images */ .reviews-images .reviews-images-li {width:76px;height:76px;line-height:60px;margin-right:5px;} /* Sidebar Cart */ .sidebar-cart .sidebar-cart-content {width:100%;padding:20px 15px;} .sidebar-cart-table .sidebar-cart-img {width:120px;} /* Cart */ .shopping-information .shopping-details .cart-commodity-name a {font-size:18px;} .shopping-information .shopping-details .commodity-options-qty .commodity-options-price {font-size:24px;} .shopping-information .shopping-details .commodity-options-qty input {width:70px;} /* Customer */ .user-center-common .row .col-md-6 {padding:0;} .user-center-common .common-user-table td:first-child {width:100px;} .user-center-common {padding:10px;} .user-center-common .row .col-md-6 span {letter-spacing:-.5px;} .user-center-link a {font-size:16px;letter-spacing:-1px;display:block;} .common-user-form {padding:0 5px;} .common-bottom-btn > .col-md-6 {text-align:center!important;} .common-bottom-btn > .col-md-6.text-left {order:2;margin-top:15px;} .common-bottom-btn > .col-md-6.text-right {order:1;margin-top:10px;} .common-bottom-btn > .col-md-6 > .btn {width:100%;} .common-bottom-btn a {line-height:normal;} .common-user-form .col-sm-6.mg-b20:last-child {margin-bottom:0!important;} .review-area-body .common-user-table , .order-review-content .common-user-table {border:none;} .review-area-body .common-user-table tr , .order-review-content .common-user-table tr {margin-bottom:20px;display:block;} .review-area-body .common-user-table tr:last-child , .order-review-content .common-user-table tr:last-child{margin-bottom:0;} .review-area-body .common-user-table td , .order-review-content .common-user-table td {display:block;width:100%;} .review-area-body .review-append-btn .btn {min-width:180px;} .review-td-hide {display:none!important;} .order-review-content .common-bottom-btn.mg-t15 {margin-top:10px!important;} .user-name h1 {font-size:26px!important;} /* Common Rsult */ .common-result-content {padding:0!important;border-radius:0!important;} .common-result-left .common-order-status {padding:10px;} .common-result-content.hide-mobile {padding:15px!important;border-top:1px solid #ccc;} .common-result-right .orders-details-show {border:none!important;} /* Shopping Settlement */ .shopping-settlement-content {padding:0!important;background:transparent!important;} .shopping-settlement-content.hide-mobile {padding:15px!important;border-top:1px solid #cccccc;} .shopping-check-information .float-left , .shopping-check-information .float-right {width:50%!important;margin-bottom:10px!important;} .shopping-settlement-item-echo {width:100% !important;margin:0 auto!important;} .shopping-settlement-btn p.float-left span , .shopping-settlement-btn p.float-right {font-size:12px!important;} .cart-complete-order.btn {width:100%;display:block;} .checkout-step-payment-method .custom-radio .float-left, .checkout-step-payment-method .custom-radio .float-right, .shopping-shipping-note .custom-radio .float-left, .shopping-shipping-note .custom-radio .float-right {float:none!important;} .checkout-step-payment-method .custom-radio .float-right, .shopping-shipping-note .custom-radio .float-right {margin-top:5px;} /* Img Fit */ .adaptive-picture-pc {display:none;} .adaptive-picture .adaptive-picture-mobile {display:block;} /* Search */ .search-box-form .input-group-select{min-height: 38px!important;width: 100%!important;} .search-box-form .search-box-form-content{display: block} .search-box-form .header-search-matching{left: 0;width: 100%} .search-box-form .input-group-select-box{margin-bottom: 15px;max-width: 100%} .search-box-form .search-box-form-content .input-group{padding-left: 0} .shopping-settlement-content dd > .custom-control {margin:12px!important;} .shopping-check-information, .shopping-shipping-note {padding:12px!important;} } @media only screen and (min-width:576px) { /* Search */ .search-box-form .form-control, .search-box-form .btn {padding:9px 14px;} } @media only screen and (min-width:576px) and (max-width:768px){ .login-body .offset-sm-2 {margin-left: 5.333333%} .login-body .col-sm-3 {-ms-flex: 0 0 36%;flex: 0 0 36%;max-width: 36%} } @media only screen and (max-width:991px){ .shopping-box {background:#f2f2f2;} /* Common Result */ .common-result-left .common-order-information-right {text-align:left;margin-top:20px;} .common-result-left .common-address-title {padding-bottom:5px;border-bottom:1px solid #ccc;} .common-result-left .common-order-information-left {border:none;} .common-bottom-border {padding-bottom:0;border-bottom:none;} /* Count Down */ .count-down-m-label {display:block;} .count-down-ticker > .count-down-label , .count-down-box .count-down-timer-label {display:none;} .count-down-box .count-down-ticker {padding:5px;} .count-down-box .count-down-timer-value {font-size:.9375rem;line-height:.9375rem;} .count-down-box .count-timer {width:23px;line-height:.9375rem;padding:0;} .count-down-box .count-timer-before:before {content: ":";color: inherit;position: absolute;left: -4px;top: 0;} .count-down-box .count-down-label {margin:0!important;} .count-down-box .count-down-clock {width:100%;} } @media only screen and (max-width:767px) { /* Forget Password */ .forget-password form {width:80%;} .product-detail-description .product-name{font-size:22px!important;} /* Favorites */ .favorites-box .favorites-mg .favorites-del i {opacity:1!important;} .favorites-box .favorites-lick {left:0;top:0;} .favorites-page ul {-ms-flex-pack: center!important;justify-content: center!important;-webkit-box-pack: center!important} .favorites-content .favorites-qty {text-align:center;padding-right:0;} /* Cart */ .shopping-information .col-md-4 {border:none;padding-left:15px;} /* Common Result */ .common-result-left {order:2;} .common-result-right {order:1;} .hide-mobile {display:none;} .common-result-right .orders-details-show {padding:10px 15px;border-bottom:1px solid #cccccc;} .common-result-left {background:transparent;border:none;box-shadow:none;} .common-result-content {padding:15px;} /* Layout Img Galler */ .layout-gallery {margin:0 auto;} /* Cart */ .shopping-cart-body .shopping-cart .container {padding-right:15px; padding-left:15px;} /* table */ .custom-table td.img {width:60px;} .custom-table td, .custom-table th {padding:8px; font-size:14px;} /* Common */ .common-btn .common-btn-box {text-align:center;} .common-btn .required-fields {display:none;} .common-btn button.btn {display:block; width:100%;margin-top:15px;} /* Customer */ .customer {padding:0 15px;} .customer-content {font-size:15px;} .customer-title-box .customer-title-box-btn .btn {display:block; width:100%; margin-top:15px;} /* Carousel */ .carousel-pc {display:none;} .carousel-mobile {display:block;} } @media only screen and (min-width:768px) { /* Reviews Upload */ .item-upload, .upload-pre-block , .upload-add-img {width:90px;height:90px;} .upload-pre-block , .upload-add-img {line-height:86px;} } @media only screen and (max-width:749px) { /* Customer */ .common-user-pc-hide {display:block;} .common-user-table td {vertical-align:top;} /* Announcement Bar */ .advertising-text {padding:10px 20px;} /* Product */ .product-content .product-money2 {font-size:14px;} /* Customer Orders Review */ .order-review-img a img {max-height:60px;} .order-review-img a {width:60px;height:60px;} .order-review-img h3 {font-size:14px;font-weight:600;} /* Common Table */ .table thead th {font-size:14px;} /* Common */ .small-show {display:block !important} .small-hide {display:none !important} } @media only screen and (min-width:750px) and (max-width:1024px) { /* Common */ .medium-show {display:block !important} .medium-hide {display:none !important} } @media only screen and (min-width:1025px) { /* Common */ .large-show {display:block !important} .large-hide {display:none !important} } @media only screen and (max-width:1400px) { /* Common Result */ .common-result-left {border:none;background:transparent;box-shadow:none;} .common-result-content {background:#f2f2f2;border-radius:.25rem;} .common-result-left .common-link-orders {padding:0;} } @media only screen and (min-width:1400px) { /* Common */ .xlarge-show {display:block !important} .xlarge-hide {display:none !important} } @media only screen and (max-width:1308px) { .count-down-box .count-down-label {max-width:42px;font-size:12px;line-height:.875rem;margin:0 15px 0 10px;} } @media only screen and (max-width:380px) { /* Count Down */ .count-down-box .count-down-timer {flex: 0 0 42%!important;max-width: 42%!important;} .content {flex: 0 0 60%!important;max-width: 58%!important;} } /* ======================================================================================= */