/* Theme Name: DEV ZEKVN Theme URI: https://zek.vn/ Author: Zekvn Author URI: https://zek.vn/ Version: 1.0 Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng. */ /* Option */ html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body { overflow-y: visible; position: relative; } body { font-size: 14px; color: #333e44; } .swiper-button-next, .swiper-button-prev{color: #11261f;} .woocommerce-message { border-top-color: #11261f; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover{background: #f5652d;} .devvn-popup-quickbuy .single_variation_wrap{display: none !important;} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{ border-bottom: 1px solid #DDE1EF; padding-bottom: 10px; margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #e8002d;} .woocommerce-message::before{color: #11261f } .section_slider{overflow: hidden;} .zek_header_logo{padding: 10px 0} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{ color: #fff; background: #11261f;;border-radius: 0} #main{overflow: hidden;} .woocommerce div.product .woocommerce-product-rating .star-rating span::before{top: -6px} .devvn_review_mid .star-rating span::before{top: -2px} #comments a.btn-reviews-now, .woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit { background-color: #11261f;} span.devvn_num_reviews, span.btn-attach{color: #11261f;} #wp-comment-cookies-consent{width: auto !important;} p.comment-form-cookies-consent{display: flex;gap: 10px} .side-right-stick{ position: sticky; top: 5px;} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:hover { color: #11261f; text-decoration: none; cursor: pointer; } ul{padding-left:0;} img{max-width:100%;border:none;height:auto} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal} .screen-reader-text{display:none} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } .form-contact-lh input, .form-contact-lh textarea{ border: 1px solid #e1e1e1; width: 100%; margin-bottom: 15px; outline: none; font-size: 14px; border-radius: 5px; padding: 5px 20px; color: #1c1c1c; margin: 0 0 19px; min-height: 40px;} .form-contact-lh input[type=submit]{ background: #11261f; color: #fff; border: initial; padding: 0 20px; height: 35px; line-height: 35px; font-size: 14px; border-radius: 5px;width: auto} /* Container (FAKE theo từng web) */ .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container,.row{--bs-gutter-x: 30px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} @media (min-width: 576px){ .container, .container-sm {max-width: 540px;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 720px;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 960px;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;} } /* input-button */ input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{} /* Contact-form7 */ .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 20px;} .form-group .name{margin-bottom: 5px;font-weight: bold;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:20px;} .content-post li{position:relative;margin-bottom:10px} .content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal} .content-post .gca-column+br{display:none} .content-post h1{font-size:28px;} .content-post h2{font-size:24px;} .content-post h3{font-size:20px;} .content-post h4{font-size:18px;} .content-post h5,.content-post h6{font-size:16px;} .content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6} .content-post .gallery{display:flex;flex-wrap:wrap;margin:-15px!important} .content-post .gallery br{display:none} .content-post .gallery .gallery-item{padding:15px} .content-post .gallery.gallery-columns-2 .gallery-item{width:50%!important} .content-post .gallery.gallery-columns-3 .gallery-item{width:calc(100% / 3)!important} .content-post .gallery.gallery-columns-4 .gallery-item{width:25%!important} .content-post .gallery.gallery-columns-5 .gallery-item{width:20%!important} .content-post .gallery.gallery-columns-6 .gallery-item{width:calc(100% / 6)!important} .content-post .gallery.gallery-columns-7 .gallery-item{width:calc(100% / 7)!important} .content-post .gallery.gallery-columns-8 .gallery-item{width:calc(100% / 8)!important} .content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 9)!important} .content-post .gallery .gallery-item .gallery-icon{width:100%;} .content-post .gallery .gallery-item .gallery-icon img{width:100%;height:auto;object-fit:cover;border:0!important} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 15px 15px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 15px;} .content-post .alignright{float:right;margin:0 0 15px 15px} .content-post .alignleft{float:left;margin:0 15px 15px 0} a img.alignright{float:right;margin:0 0 15px 15px} a img.alignnone{margin:0 15px 15px 0} a img.alignleft{float:left;margin:0 15px 15px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 15px 15px 0} .wp-caption.alignleft{margin:0 15px 15px 0} .wp-caption.alignright{margin:0 0 15px 15px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;} /* Widget */ .widget iframe{width: 100%;height: auto; object-fit: cover;} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} .columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:30px} .columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-gap:30px} .columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-gap:30px} .columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px} .columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-gap:30px} /* Support */ .zek_supports{position: fixed;z-index: 999;bottom: 160px;right: 40px;} .zek_supports .item:not(:first-child){margin-top: 16px;} .zek_supports .item a{height:54px;width:54px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .zek_supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;} .zek_supports .item a.zalo img{max-width: 37px;} .zek_supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .zek_backtop{position: fixed;right: 40px;bottom: 70px;transition: .5s;z-index: 999;} .zek_backtop a{height:54px;width:54px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .zek_backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;} .zek_backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;} /* Header */ .zek_header_mb{display: none;} .zek_header_menu .menu li>i{display: none;} .zek_header_menu ul{list-style: none;margin-bottom: 0;} .zek_header_menu .menu{display: flex;align-items: center;} .zek_header_menu .menu>li{display: block;padding: 0 15px;} .zek_header_menu .menu li{position: relative;} .zek_header_menu .menu>li>a{ padding: 0 5px; font-weight: 500; text-transform: uppercase; font-size: 14px; text-align: center; line-height: 40px;display: block; display: block;color: #fff;position: relative;} .zek_header_menu .menu>li.current-menu-item>a{color: } .menu-main{position: relative;} .zek_header_menu .menu>li.full{position: initial;} .zek_header_menu .menu ul{opacity:0;visibility:hidden;position:absolute;z-index:99999;background:#fff;width:auto;min-width:220px;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:1px 1px 10px #ccc;-o-box-shadow:1px 1px 10px #ccc;-ms-box-shadow:1px 1px 10px #ccc;box-shadow:1px 1px 15px #ccc;transition:all .3s} .zek_header_menu .menu>li.full>ul{width: 100%;grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px;padding: 10px 15px 10px 10px;} .zek_header_menu .menu>li.full>ul>li>ul{ opacity: 1; visibility: visible; transform: scaleY(1); position: relative; left: 0; box-shadow: 0px 0px 0px #ccc; min-width: 100%;} .zek_header_menu .menu>li.full>ul>li>a{color: #11261f !important; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; display: block; line-height: normal; border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 5px;} .zek_header_menu .menu>li.full>ul>li>ul>li{padding: 0} .zek_header_menu .menu>li>ul{top:100%;left:0;transform:scaleY(0);transform-origin:0 0;} .zek_header_menu .menu>li>ul ul{top:0;left:100%;transform:scaleX(0);transform-origin:0 0} .zek_header_menu .menu>li>ul li{padding: 5px 20px;} .zek_header_menu .menu>li>ul li>a{display: block;padding: 5px 0;} .zek_header_menu .menu li:hover>ul{opacity:1;visibility:visible;} .zek_header_menu .menu>li:hover>ul{transform:scaleY(1);} .zek_header_menu .menu>li>ul li:hover>ul{transform:scaleX(1);} /* Footer */ /* Page */ .zek_breadcrumbs{padding:10px 0;} .zek_breadcrumbs *{margin-bottom: 0;} .zek_breadcrumbs .separator{margin:0 3px;} /* Category */ .pagination{justify-content: center;} .pagination ul{margin-bottom: 0;list-style: none;} .pagination ul li{display: inline-block;margin: 3px;} .pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 38px;width: 38px;text-align: center; background: #EAEEF3;line-height: 28px;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #11261f;color: #fff;} /* Single */ .zek_tags{padding-bottom: 20px;color: #666;font-size: 13px;display:flex;flex-wrap:wrap;align-items: center;} .zek_tags span{margin: 0 5px 5px 0;} .zek_tags a{display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;padding: 0 10px;background-color: #ECECEC;margin: 0 5px 5px 0;} /* Comment wp_discuz */ #comments{margin: 0;width: 100%;max-width: 100%;} #wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;} #wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;} #wpdcom #wpd-threads{margin-top: 0;} #wpdcom .wpd-thread-list{padding: 8px 0;} #wpdcom .wpd-prim-button{color: #fff !important;} #wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;} #wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;} #wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;} #wpdcom .wpd-up svg{fill: #566ba0 !important;} #wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;} #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;} #wpdcom .wpd-up{color: #566ba0 !important;} /* Sidebar */ .zek_sidebar .widget:not(:last-child){margin-bottom:30px} .zek_sidebar .tagcloud{display:flex;flex-wrap:wrap} .zek_sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0} .zek_sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;} /* Product */ /* Detail */ .devvn_prod_variable .quantity{padding-left: 0;} .woo-variation-swatches.wvs-show-label .variations td{text-align: left;} /* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */ .cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item{max-width: 100%;padding: 16px 0;} .cr-ajax-reviews-review-form .cr-review-form-item{display: none;} .cr-onsite-ratings .cr-review-form-rating, .cr-review-form-rating-overall .cr-review-form-rating{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-comment, .cr-ajax-reviews-review-form .cr-review-form-comment, .cr-reviews-grid .cr-review-form-comment{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-ne, .cr-ajax-reviews-review-form .cr-review-form-ne, .cr-reviews-grid .cr-review-form-ne{max-width: 100%;} .cr-all-reviews-shortcode .cr-form-item-media, .cr-ajax-reviews-review-form .cr-form-item-media, .cr-reviews-grid .cr-form-item-media{max-width: 100%;} .cr-form-item-media-none{padding: 20px;background: #fff;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit{background-color: #4660FF;border-radius: 5px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-review-form-result, .cr-ajax-reviews-review-form .cr-review-form-result, .cr-all-reviews-shortcode .cr-review-form-not-logged-in, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in, .cr-reviews-grid .cr-review-form-result, .cr-reviews-grid .cr-review-form-not-logged-in{max-width: 100%;padding: 16px 0;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue{padding: 0 24px;border-radius: 48px;background-color: #4660FF;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{background-color: #fff;padding: 8px 16px;margin: 16px 0;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{margin: 16px 0;display: none;} .cr-all-reviews-shortcode .crstar-rating span::before, .cr-reviews-grid .cr-summaryBox-wrap .crstar-rating span::before, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating span::before, #reviews #comments .cr-summaryBox-wrap .crstar-rating span::before{top: -6px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text p, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p{margin: 8px 0;} .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author{font-weight: 600;text-transform: capitalize;} .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li{margin: 0 0 16px 0;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 16px;background: #fff;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt{height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt>svg{width: 32px;height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 20px;color: #1E293B;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{font-size: 16px;color: #444;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 48px;border: none;padding: 0 24px;background-color: #4660FF;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav{background: #fff;border-left: 1px solid #E5E9EB;border-right: 1px solid #E5E9EB;border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel{border-radius: 5px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover{background-color: #4D5D64;color: #fff;} .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt{border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt, .cr-reviews-grid .cr-review-form-ne .cr-review-form-txt{border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons{max-width: 100%;padding: 0;} #reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div{display: none;} /* CArt */ .woocommerce-tabs.wc-tabs-wrapper{display: none;} .woocommerce nav.woocommerce-pagination{padding-top: 16px;margin-bottom: 16px} .woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0} .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{border:0;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center} .woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{font-size:16px;color:#212529;font-weight:600;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .5s;transition:all .5s} .woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#f5652d;background-color:#f5f5f5} .woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{} .select2-container--open{z-index:999999} .select2-container--default.select2-container--default .select2-selection--single{background-color:#f5f5f5;border:1px solid #f5f5f5; border-radius:3px;height:48px;margin:0} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:20px} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__placeholder{color:inherit} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__clear{font-weight:400} .select2-dropdown{border:1px solid #eee;} .woocommerce table.shop_table{border-collapse:collapse} .woocommerce table.my_account_orders,.woocommerce table.shop_table.cart{border:0;border-radius:0;margin:0} .woocommerce table.my_account_orders thead tr,.woocommerce table.shop_table.cart thead tr{border:1px solid #eee;border-radius:3px} .woocommerce table.my_account_orders th,.woocommerce table.shop_table.cart th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5} .woocommerce table.my_account_orders td{border:0} .woocommerce table.shop_table.cart td{border:0;padding:16px 8px} .woocommerce table.my_account_orders tbody tr,.woocommerce table.shop_table.cart tbody tr{border:1px solid #eee;border-top:none} .woocommerce table.my_account_orders tbody tr:last-child,.woocommerce table.shop_table.cart tbody tr:last-child{border:0} .woocommerce table.my_account_orders .product-price .amount,.woocommerce table.my_account_orders .product-subtotal .amount,.woocommerce table.shop_table.cart .product-price .amount,.woocommerce table.shop_table.cart .product-subtotal .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.my_account_orders .product-price ins,.woocommerce table.my_account_orders .product-subtotal ins,.woocommerce table.order_details .product-total ins,.woocommerce table.shop_table.cart .product-price ins,.woocommerce table.shop_table.cart .product-subtotal ins{background-color:transparent;font-weight:700} .woocommerce table.my_account_orders .product-price del,.woocommerce table.my_account_orders .product-subtotal del,.woocommerce table.order_details .product-total del,.woocommerce table.shop_table.cart .product-price del,.woocommerce table.shop_table.cart .product-subtotal del{margin-right:5px;font-weight:500;font-size:13px} .woocommerce table.my_account_orders .product-quantity .quantity .qty,.woocommerce table.shop_table.cart .product-quantity .quantity .qty{width:130px;height:40px} .woocommerce table.my_account_orders td.actions,.woocommerce table.shop_table.cart td.actions{padding:16px 0 0} .woocommerce table.my_account_orders td.actions .coupon .input-text,.woocommerce table.shop_table.cart td.actions .coupon .input-text{border-color:#eee;padding:0 25px} .woocommerce table.shop_table.cart td.actions{display: none;} .woocommerce table.my_account_orders .add_to_cart.button,.woocommerce table.shop_table.cart .add_to_cart.button{font-size:.75rem;line-height:2.75rem;padding:0 2.5rem} .woocommerce table.shop_table.cart .product-thumbnail{width:100px;padding-left:0} .woocommerce table.shop_table.cart .product-thumbnail img{width:auto;margin: 0;} .woocommerce table.shop_table.cart .product-remove{width:50px;} .woocommerce table.shop_table.cart .product-name{width: 40%;} .woocommerce table.shop_table.cart .product-price,.woocommerce table.shop_table.cart .product-quantity,.woocommerce table.shop_table.cart .product-subtotal{text-align:center;width: 25%;} .woocommerce table.shop_table.cart td.actions .coupon .input-text{width:250px;line-height: 46px !important;} .woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: center;margin: 0 auto;align-items: center; display: flex;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{margin: 0 auto;width: 100px;border-radius: 5px;border: 1px solid #d6d6d6; height: auto; border-radius: 0;} .woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells{margin-top:32px} .woocommerce .cart-collaterals .wc-proceed-to-checkout{padding:16px 0 0} .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:1rem;line-height:2.75rem;padding:0 2.1875rem} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{margin-bottom: 0;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color: #f5652d;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color: #f5652d;} .woocommerce .cart-collaterals .cart_totals{box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;max-width:500px} .woocommerce .cart-collaterals .cart_totals>h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #ddd;margin-bottom:16px;font-weight: 600;} .woocommerce .cart-collaterals .cart_totals table,.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0} .woocommerce .cart-collaterals .cart_totals table tr,.woocommerce table.woocommerce-checkout-review-order-table tr{border-width: 0;} .woocommerce .cart-collaterals .cart_totals table th{border:0;padding:0 8px 16px 0;font-size:15px;font-weight:500} .woocommerce .cart-collaterals .cart_totals table td{border:0;padding:0 0 16px 8px;text-align:right} .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td{color:#212529;font-weight:700} .woocommerce .cart-collaterals .cart_totals table tr:last-child td,.woocommerce .cart-collaterals .cart_totals table tr:last-child th{padding-bottom:0} .woocommerce .cart-collaterals .cart_totals table .shipping-calculator-button,.woocommerce .cart-collaterals .cart_totals table small,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name a{color:inherit} .woocommerce .cart-collaterals .cart_totals table .select2-container--default .select2-selection--single .select2-selection__rendered{text-align:left} .woocommerce .cart-collaterals .cart_totals table tr.order-total span.amount{font-weight:700;font-size:20px;color: #f5652d;} .woocommerce .cart-collaterals .cart_totals table tr.order-total th,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name strong,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method .amount,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label{font-weight:500} .woocommerce .cart-collaterals .cart_totals table tr.order-total td,.woocommerce .cart-collaterals .cart_totals table tr.order-total th{border-top:1px solid #ddd;padding-top:16px} .woocommerce .cart-collaterals .cross-sells>h2{font-size:34px;margin-bottom:50px;text-align:center} .woocommerce .cart-collaterals .shipping-calculator-form{margin-top:25px} .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{max-width:100%;padding-left:0;padding-right:0} .woocommerce form p{margin-bottom:23px} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{background: #f5f5f5;border: 1px solid #f5f5f5;border-radius: 3px; padding: 13px 20px;color: #444 !important;} .woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color: #444 !important;} .woocommerce form .form-row{display:block;padding:0;margin:0 0 16px} .woocommerce form .form-row label{margin-bottom:8px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.1em;line-height:1.2} .woocommerce form .form-row textarea{height:8em} .woocommerce-additional-fields,.woocommerce-shipping-fields{margin-top:16px} .woocommerce-shipping-fields>h3{font-size:15px;margin-bottom:21px;font-weight:500} .woocommerce-shipping-fields>h3 label span{cursor:pointer} .woocommerce-shipping-fields>h3 label input{position:relative;top:2px;margin:-2px 8px 0 0} #order_review_heading,.woocommerce-additional-fields>h3,.woocommerce-billing-fields>h3{font-size:20px;line-height:1.5;margin-bottom:16px;font-weight: 600;display: none;} .woocommerce-account-fields .create-account{margin:0!important} .woocommerce-account-fields label>span{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#212529;cursor:pointer} .woocommerce-account-fields label>.input-checkbox{position:relative;top:-2px} #order_review{padding:24px;box-shadow:0 0 10px rgba(0,0,0,.1)} .woocommerce #order_review .woocommerce-checkout-payment{margin-top:24px;background:0 0;border-radius:0} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods{padding:0;border-color:#eee} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li{display: flex;align-items: center;flex-wrap: wrap;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li input{position:relative;margin-right:5px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{margin-bottom:0;color:#212529;font-weight:500} .woocommerce #order_review .woocommerce-checkout-payment .place-order{padding:16px 0 0;margin:0} .woocommerce #order_review .woocommerce-checkout-payment .place-order .button{width:100%;} .woocommerce table.woocommerce-checkout-review-order-table thead th{border:0;font-weight:600} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding:0 0 16px 8px;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-size: 14px;} .woocommerce table.order_details .product-name a,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name,.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total{color:#212529} .woocommerce table.woocommerce-checkout-review-order-table tbody .product-total{color:#212529;font-size:14px;font-weight:700} .woocommerce table.order_details td,.woocommerce table.order_details th,.woocommerce table.woocommerce-checkout-review-order-table td,.woocommerce table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.woocommerce-checkout-review-order-table tfoot th{border:0} .woocommerce table.order_details td,.woocommerce table.order_details li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li{margin-bottom: 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding:0 0 16px 8px;font-weight:500;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{border-top:1px solid #eee;padding-top:16px} .woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li input{margin:0 5px 0 0;vertical-align:middle} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:20px;font-weight:700;color: #f5652d; padding-top:16px;padding-bottom:0;border-top:1px solid #eee} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top:16px;padding-bottom:0;border-top:1px solid #eee} .woocommerce-checkout .woocommerce form .form-row-first,.woocommerce-checkout .woocommerce form .form-row-last{width:100%;float:none} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{font-size:15px;text-transform:none;font-weight:500;letter-spacing:0;display:block;margin-bottom:20px} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{position:relative;top:1px;margin-right:5px} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-form-login .lost_password{margin-bottom:0} .woocommerce .woocommerce-form-register .woocommerce-form-register__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{margin-bottom: 16px;} .woocommerce ul.order_details{padding-left: 0;margin: 0 0 16px;} .woocommerce ul.order_details li{margin-top:0} .woocommerce .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-column__title,.customnew h2{font-size:20px !important;line-height:1.5;font-weight: 600;} .woocommerce table.order_details{border:1px solid #eee;border-radius:3px;margin:0} .woocommerce table.order_details thead th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5} .woocommerce table.order_details .product-total .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.order_details tfoot td,.woocommerce table.order_details tfoot th{border:0} .woocommerce table.order_details tfoot th{font-weight:500} .woocommerce table.order_details tfoot td{color:#212529} .woocommerce table.order_details tfoot tr:first-child td,.woocommerce table.order_details tfoot tr:first-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child{color:#212529} .woocommerce table.order_details tfoot tr:last-child td,.woocommerce table.order_details tfoot tr:last-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child td{font-size:20px} #customer_details{float:left;width:50%;margin-bottom:0} #customer_details .col-1,#customer_details .col-2,.woocommerce div.product form.cart table.variations td.value{width:100%} #order_review{float:right;width:48%} #customer_login h2{font-size:24px} .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0} .woocommerce-MyAccount-navigation ul li:last-of-type{border-bottom:none} .woocommerce-MyAccount-navigation ul li>a{position:relative;display:block;padding:14px 20px;font-size:16px;font-weight:700;color:#212529} .woocommerce-MyAccount-navigation ul li>a:after{font-family:var(--g5-font-icon);font-size:20px;position:absolute;right:20px;line-height:1;font-weight:300;text-transform:none} .woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li.is-active>a{background-color:#f2f2f2} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard>a:after{content:"\f015"} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders>a:after{content:"\f733"} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads>a:after{content:"\f019"} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address>a:after{content:"\f3c5"} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account>a:after{content:"\f406"} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout>a:after{content:"\f2f5"} .woocommerce-MyAccount-content>p:not(.woocommerce-info){padding:20px;background-color:#f2f2f2} .woocommerce-MyAccount-content>p:not(.woocommerce-info) a{color:inherit} .woocommerce-MyAccount-content fieldset{padding:20px 40px;margin-top:50px;margin-bottom:30px;border:1px solid;border-color:#eee} .woocommerce-MyAccount-content fieldset legend{width:auto;padding:0 15px;font-weight:700;font-size:16px;color:#212529} .woocommerce-MyAccount-content h3{font-size:24px;margin-bottom:35px} .woocommerce table.my_account_orders{font-size:1em} .woocommerce table.my_account_orders td{padding:15px;text-align:center} .woocommerce table.my_account_orders th{text-align:center} .woocommerce div.product form.cart .woocommerce-variation-add-to-cart:after{content:"";display:block;clear:both} .heading-color{color:#212529!important} .primary-color{color:#f5652d!important} .bg-primary{background-color:#f5652d!important} /* Thankyou */ .woocommerce-customer-details{display: none;} /* Home */ .popup_gio_hang { position: fixed; left: 5px; z-index: 9999999; height: 50px; width: 190px; color: #fff; bottom: 5px; background: #5e605f; border-radius: 50px; } .popup_gio_hang img { margin-left: 10px; margin-top: 8px;filter: brightness(0) invert(1);width: 33px; -webkit-filter: brightness(0) invert(1); position: absolute; } .popup_gio_hang .gio_hang_text { color: #FFF; line-height: 50px; font-size: 14px; margin-left: 55px; display: block; font-weight: bold; } .hot_line_2 { position: fixed; left: 10px; z-index: 9999999; height: 60px; width: 60px; color: #fff; padding: 6px 0 2px 12px; bottom: 65px; } .mid-footer { padding: 30px 0 20px; background: #11261f; } footer.footer{color: #fff;} footer.footer .title-menu { line-height: normal; letter-spacing: 0.5px; position: relative; font-size: 15px; margin-bottom: 15px;display: block; color: #fff; text-transform: uppercase; font-weight: 600; } .footer a{ color: #11261f; font-weight: 600;} .footer-click ul{padding-left: 20px} .textwidget > *{line-height: 30px} .footer-click ul li{padding: 5px 0;} .footer-click ul li a{ position: relative; color: #fff; font-size: 14px; font-weight: 400; line-height: normal; display: block; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -ms-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;} .bg-footer-bottom{ text-align: center; padding-top: 10px; background: #11261f;} .box-two { border-bottom: 1px solid #ddd;} .box-two .box{display: flex;padding-left: 0px; line-height: 40px; justify-content: center; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important;} .box-two .box > div{display: inline-block; width: auto; position: relative; padding-left: 30px; height: 40px; line-height: 40px; font-size: 12px;} .header-hotline span { font-weight: 500; color: #000; text-transform: uppercase;} .header-hotline a { display: inline-block; width: auto; font-size: 16px; font-weight: bold; color: #ff1c48; text-transform: uppercase;} .header-hotline:after { content: ""; background-image: url(https://cdn.shopvnb.com/themes/images/phone-call.svg); height: 22px; width: 22px; border-radius: 50%;filter: brightness(0); -webkit-filter: brightness(0); position: absolute; left: 0; top: 50%; transform: translate(0, -50%); background-size: 13px; background-position: center; background-repeat: no-repeat;} .header-stores a { display: inline-block; width: auto; font-size: 12px; font-weight: 500; color: #000; text-transform: uppercase;} .header-stores:after { content: ""; background-image: url(https://cdn.shopvnb.com/themes/images/pin-white.svg); height: 22px; width: 22px; border-radius: 50%; position: absolute; left: 0;filter: brightness(0); -webkit-filter: brightness(0); top: 50%; transform: translate(0, -50%); background-size: 15px; background-position: center; background-repeat: no-repeat;} .header-stores a { display: inline-block; width: auto; font-size: 12px; font-weight: 500; color: #000; text-transform: uppercase;} .header_tim_kiem form.search-bar { margin-bottom: 0px; margin: 5px 0; border-radius: 5px; background: #f3f3f3; position: relative;} .header_tim_kiem form.search-bar input { height: 30px; line-height: 30px; margin: 0px; border: 0px; background: transparent; padding-right: 40px; min-height: initial; min-width: 360px; padding: 0 110px 0 15px;} .header_tim_kiem form.search-bar .icon-fallback-text { width: 40px; height: 30px; line-height: 30px; position: absolute; top: 0; right: 0; background: transparent; padding: 0px; } .header_tim_kiem form.search-bar .icon-fallback-text svg { width: 30px; vertical-align: middle; height: 30px; padding: 7px; float: left; } .header-right .header-action-item { margin-left: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; position: initial; justify-content: right;} .header-right .header-action-item .a-hea { position: relative; text-align: center; width: 58px;height: 58px;} .header-right .header-action-item .a-hea .box-icon { position: relative; width: 35px; height: 35px; text-align: center; background: #fff; border-radius: 50%; display: inline-block; border: 1px solid #ccc; vertical-align: middle;} .header-right .header-action-item .a-hea span.count_item_pr { width: 14px; height: 14px; background: #11261f; color: #fff; font-size: 10px; position: absolute; line-height: 14px; border-radius: 50%; top: 0px; right: 9px;} .header-right .header-action-item .a-hea span.item-title { display: inline-block; width: 100%; line-height: normal; margin-top: 0px; font-weight: 600; font-size: 10px; text-transform: uppercase;} a, .text-link { color: #333e44; text-decoration: none; background: transparent;} .menu-main{ background: #11261f;} .section_services .promo-box .promo-item { text-align: center; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); padding-top: 7px; padding-bottom: 5px; border-radius: 10px;} .section_services .promo-box .promo-item .icon { display: inline-block; margin-bottom: 0px;} .section_services .promo-box .info { text-align: left; display: inline-table; vertical-align: middle; text-align: center; font-weight: 400; margin-bottom: 0px; margin-top: 0; color: #11261f; text-align: left; margin-left: 8px;} .section_services .promo-box .icon img { max-width: 36px;} .section_services .promo-box span { color: #11261f; font-weight: 600;} .title_modules { margin-bottom: 35px; position: relative; text-align: center;} .title_modules .h2, .title_modules h2 { font-weight: 500; letter-spacing: 0; position: relative; margin: 0; font-size: 26px; padding-bottom: 20px;} .title_modules .h2 span, .title_modules h2 span { color: #11261f;} .title_modules .h2:before, .title_modules h2:before { content: ""; background: #11261f; width: 50px; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 1; border-radius: 3px;} .title_modules .h2:after, .title_modules h2:after { content: ""; width: 160px; height: 5px; background: #e5e9ed; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; border-radius: 3px;} .section_flash_sale .time-flas { border-radius: 8px; border: 1px solid #e6e6e6; padding-bottom: 12px; background: #11261f; padding-bottom: 0px; position: relative;} .section_flash_sale .product-tabs-sale .tabs-title { display: inline-block; width: 100%; text-align: center; border-radius: 8px 8px 0px 0px;} .section_flash_sale .time-flas .tabs-time .tab-link { padding: 0px 5px 0px; flex: 1 1 0%; cursor: pointer; background: #fff; color: #4f4f4f; position: relative; margin-right: 0px; margin-bottom: 0px; border-right: 1px solid #e6e6e6;} .section_flash_sale .product-tabs-sale .tabs-title .tab-link { padding: 4px 5px; margin-bottom: 10px; font-weight: 600; margin-top: 10px;} .section_flash_sale .product-tabs-sale .tabs-title .tab-link:last-child { margin-right: 0px;} .section_flash_sale .time-flas .tabs-time .tab-link .title_time { margin: 0px; padding: 0px; border-style: none; border-radius: 0px; border-width: 1px; border-color: unset; opacity: 1; background-color: transparent; color: inherit; font-weight: 700; text-decoration: unset; font-size: 20px; line-height: 36px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-width: unset;text-align: center; min-width: unset; transition: color 0.3s ease 0s;} .section_flash_sale .uwrap_tab { padding: 20px 20px 15px; } .item_product_main .product-thumbnail { position: relative; overflow: hidden; } .item_product_main .product-thumbnail .product_overlay { content: ""; width: 100%; height: 100%; background: #fdfdfd; opacity: 0; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .item_product_main .image_thumb { position: relative; overflow: hidden; width: 100%; display: flex; -o-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; -os-justify-content: center; -o-display: flex; -moz-display: flex; -webkit-display: flex; -os-display: flex; align-items: center; position: relative; height: auto !important; padding-bottom: 100%;} .item_product_main .image_thumb img { width: auto !important; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: .3s ease-in-out all; will-change: opacify;} .item_product_main .product-info { margin: 5px 0 5px; position: relative; } .item_product_main .product-info h3, .item_product_main .product-info .product-name { padding: 0; text-overflow: ellipsis; color: #333e44; text-decoration: none; font-size: 14px; font-weight: 400; margin: 0 0 3px; padding-bottom: 3px; line-height: 22px; text-transform: capitalize; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; } .item_product_main .product-info h3 a, .item_product_main .product-info .product-name a { color: #333e44; } .smart_pre { position: absolute; right: 0; top: 0.625rem; display: flex; flex-direction: column; align-items: flex-start; z-index: 1; width: 80px; } .smart_pre_content { padding: 0 0.25rem; text-align: center; position: relative; display: flex; align-items: center; font-size: .5625rem; line-height: .6875rem; font-weight: 500; padding: 0 10px; border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background: currentColor; right: -0.1875rem; color: #11261f; } .smart_pre_content:before { content: ""; display: inline-block; position: absolute; right: 0; bottom: -5px; border-top: 5px solid; border-right: 5px solid transparent; filter: brightness(60%); } .smart_pre_content .flag { color: #fff; font-size: 14px; line-height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; } .item_product_main .product-info .price-box, .productRelate .item_product_main .product-info .price-box span.price{ color: #e8002d; line-height: 23px; display: block; font-size: 16px; font-weight: 500; min-height: 25px; } .item_product_main .product-info .price-box del{ text-decoration: line-through; font-size: 12px; color: #9e9e9e; line-height: 24px; font-weight: 300;} .item_product_main .product-info .price-box ins{text-decoration: none;} .section_banner .snip_banner { position: relative; overflow: hidden; width: 100%; color: #fff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); min-height: 296px; margin-bottom: 15px; } .section_banner .snip_banner * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section_banner .snip_banner img { max-width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .section_banner .snip_banner a { left: 0; right: 0; top: 0;z-index:9999; bottom: 0; position: absolute; } .section_banner .snip_banner .content_banner { position: absolute; top: 0; left: 0; bottom: 0; right: 0;z-index: 9999; } .section_banner .snip_banner p { position: absolute; bottom: 10px; left: 0; font-weight: 700; right: 40px; padding: 5px; margin: 0; text-transform: uppercase; font-weight: 700; font-size: 30px; margin-bottom: 0px;width: 100%; } .section_banner .snip_banner:before{ bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: opacity .5s ease; z-index: 1; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.62) 100%);} .section_banner .snip_banner { background: #11261f; } .section_banner .snip_banner:hover img, .section_banner .snip_banner.hover img { opacity: 0.3; -webkit-transform: scale(1); transform: scale(1); } .item-blog .block-thumb .thumb { position: relative; overflow: hidden; width: 100%; display: flex; -o-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; -os-justify-content: center; -o-display: flex; -moz-display: flex; -webkit-display: flex; -os-display: flex; align-items: center; position: relative; height: auto !important; padding-bottom: 60%; } .item-blog .block-thumb .thumb img { width: 100%; object-fit: cover; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: .3s ease-in-out all; will-change: opacify; } .item-blog .block-content { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: #fff; width: 95%; margin: 0 auto; margin-top: -30px; position: relative; padding: 10px 15px; box-shadow: 0px 4px 8px -2px #11261f; margin-bottom: 10px; border-radius: 5px; } .item-blog .block-content h3 { font-size: 16px; margin-top: 0; padding-top: 0; text-transform: capitalize; margin-bottom: 0; min-height: 48px; text-align: center; font-weight: 500; } .item-blog .block-content h3 a { color: #000; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .item-blog .block-content .time-post { margin-bottom: 0; display: flex; align-items: center; justify-content: center; position: relative; } .item-blog .block-content .time-post span { background: #11261f; padding: 0 5px; border: 1px solid #fff; border-radius: 15px; font-size: 13px; z-index: 1; color: #fff; } .item-blog .block-content .time-post:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #11261f; top: 50%; left: 0; right: 0; bottom: 50%; } .item-blog .block-content p.justify { font-size: 14px; color: #333; font-weight: 400; text-align: center; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .layout-blog .item-blog { margin-bottom: 30px; } .item-blog .block-thumb .thumb:hover img { transform: scale(1.05); } .bodywrap{padding-bottom: 30px} .woocommerce-result-count{display: none;} .title-page { font-size: 16px; text-transform: uppercase; font-weight: bold; background: #f7f8f9; border-radius: 5px; padding: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } #sort-by { position: relative; margin-top: -52px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f8f9; border: 1px solid #f7f8f9; color: #000; padding: 0px 0px 0px 10px; border-radius: 5px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; } #sort-by { float: right; font-size: 12px; text-align: left; } #sort-by label { float: left; line-height: 30px; font-size: 14px; margin-right: 6px; margin-bottom: 0; font-weight: 500; } .woocommerce .woocommerce-ordering{margin: 0} .bread-crumb{background: #f5f5f5; margin-bottom: 20px;} .rank-math-breadcrumb{margin: 0; font-size: 14px; padding: 15px 0px; border-radius: 0; font-weight: 400; line-height: 24px; background-color: transparent; width: 100%; text-align: left;} .rank-math-breadcrumb p{margin-bottom: 0} .layout-collection .dqdt-sidebar .filter-content { border-radius: 10px; border: 1px solid #eee; padding: 10px 20px 10px; height: 100%; display: inline-block; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); width: 100%; margin-bottom: 20px; } .layout-collection .dqdt-sidebar .filter-content .filter-container .aside-item { width: 100%; display: block; padding-bottom: 10px; border-bottom: 1px dashed #F2F2F2; margin-bottom: 10px; } .layout-collection .dqdt-sidebar .filter-content .filter-container .aside-item .aside-title { position: relative; margin-bottom: 10px; } .aside-item .aside-title h2 { width: 100%; font-size: 16px !important; margin: 0; text-transform: none; font-weight: 700; display: inline-block; padding: 0px; position: relative; color: #333e44; text-transform: uppercase; } .layout-collection .dqdt-sidebar .filter-content .filter-container .aside-item .aside-title h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .aside-item .aside-content { width: 100%; z-index: 99; position: relative; } .layout-collection .dqdt-sidebar .filter-content .filter-container .aside-item .aside-content ul { width: 100%; display: inline-block; list-style-type: none; padding-left: 0px; margin-bottom: 0px; max-height: 170px; overflow: hidden; overflow-y: auto; } .layout-collection .dqdt-sidebar .filter-content .filter-container .aside-item .aside-content ul > li { margin-bottom: 10px; padding-left: 24px; position: relative; } .woocommerce .widget_layered_nav.block-sidebar ul li a, .woocommerce .widget_layered_nav_filters.block-sidebar ul li a { position: relative; border-bottom: 0; display: inline-block; } .woocommerce .widget_layered_nav.block-sidebar ul li a::before, .woocommerce .widget_layered_nav_filters.block-sidebar ul li a::before { content: ''; font-size: 12px; color: #222; width: 15px; height: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; display: inline-block; margin-right: 5px; position: relative; top: 3px; } .woocommerce .woocommerce-widget-layered-nav-list{width: 100%; display: inline-block; list-style-type: none; padding-left: 0px; margin-bottom: 0px; max-height: 150px; overflow: hidden; overflow-y: auto;} .layout-collection .woocommerce-widget-layered-nav-list::-webkit-scrollbar { width: 5px; background-color: #F2F2F2; } .layout-collection .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); background-color: #11261f; } .layout-collection .woocommerce-widget-layered-nav-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: #F2F2F2; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{margin-bottom: 10px} form.zek_searchform { margin-bottom: 10px; } .form-group { margin: 0; padding: 0 0 8px; border: 0; } .input-group { position: relative; border-collapse: separate; } .input-group-field, .input-group-btn { vertical-align: middle; margin: 0; } .input-group-btn { position: relative; white-space: nowrap; padding: 0; } .form-group .form-control { display: block; width: 100%; min-height: 40px; padding: 10px 15px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.5; color: #333e44; background-color: #fff; background-image: none; margin-bottom: 15px; border: 1px solid #EAEBF3; box-shadow: none; border-radius: 3px; } .box-search{ display: flex; flex-wrap: nowrap; gap: 10px;} .input-group-btn button{ background: #f0f0f0; border-radius: 0; padding: 8.5px; } .aside-content-blog { padding: 10px 15px 10px; background-color: #f7f8f9; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); margin-bottom: 20px; } .aside-content-blog .title-head { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .zek_sidebar .widget_nav_menu ul{padding: 0; margin: 0; list-style: none;} .zek_sidebar .widget_nav_menu ul.menu > li{position: relative;} .zek_sidebar .widget_nav_menu ul.menu > li > ul{display: none;padding-left: 10px} .zek_sidebar .widget_nav_menu ul.menu li a{display: block; padding: 8px 0; font-size: 14px;} .zek_sidebar .widget_nav_menu ul li i.icon_down, .zek_sidebar .widget_nav_menu ul li i.icon_up{width: 30px; height: 30px; top: 5px; right: 0; transition: 0.5s all; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center;} .zek_sidebar .widget_nav_menu ul li i.icon_down:before, .zek_sidebar .widget_nav_menu ul li i.icon_down:after{position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background-color: currentColor; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;} .zek_sidebar .widget_nav_menu ul li i.icon_down:before{width: 11px; height: 1px; opacity: 1;} .zek_sidebar .widget_nav_menu ul li i.icon_down:after{ width: 1px; height: 11px;} .zek_sidebar .widget_nav_menu ul li i.icon_up:before, .zek_sidebar .widget_nav_menu ul li i.icon_up:after{position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background-color: currentColor; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;} .zek_sidebar .widget_nav_menu ul li i.icon_up:before{width: 11px; height: 1px; opacity: 0;} .zek_sidebar .widget_nav_menu ul li i.icon_up:after{ width: 1px; height: 11px; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg);} .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item > a, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-product_cat-ancestor > a{display: none;} .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-product_cat-ancestor{display: block;} .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item > ul, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-product_cat-ancestor > ul{padding-left: 0;display: block;} .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-menu-item i, .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-product_cat-ancestor > i{display: none;} .tax-product_cat .zek_sidebar .widget_nav_menu ul.menu > li.current-product_cat-ancestor > ul > li.current-menu-item > a{ color: #11261f;} #home_news-2{ padding: 0; background: none; border-radius: 0; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.08);} .blog_noibat { border-radius: 10px; border: 1px solid #eee; padding: 10px 15px 10px; display: block; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); margin-bottom: 20px; } .blog_noibat h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; padding-bottom: 5px; } .blog_noibat .blog_content .item { display: flex; flex-wrap: wrap; margin-bottom: 10px; border-bottom: 1px dashed #F2F2F2; padding-bottom: 5px; } .blog_noibat .blog_content .item .post-thumb { width: 100px; margin-right: 10px; } .blog_noibat .blog_content .item .contentright { width: calc(100% - 110px); } .blog_noibat .blog_content .item .contentright h3 { font-size: 14px; margin: 0; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .article-main .time-post { font-size: 14px; font-weight: 400; color: #acacac; display: inline-block; margin-right: 10px; } .blog_noibat .blog_content .item .time-post { margin-bottom: 0px; } .blog_noibat .blog_content .item .time-post span { font-size: 13px; font-style: italic; } .product-image-block .smart { width:79px; position: absolute; height: 31px; top: -1px; left: -10px; color: #FFF; margin: 0px 0 10px 10px; padding: 2px 10px; font-size: 12px; z-index: 995; font-weight: bold; background: url(images/smart.svg); } .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img{ border: 1px solid #ebebeb;} .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail img{border-color: #11261f} .title-product { font-size: 26px; margin: 0px 0px 5px; line-height: 36px; font-weight: 600; text-transform: capitalize; } .layout-product .product-top { display: flex; margin-bottom: 5px; } .layout-product .product-top .sku-product { font-size: 14px; display: flex; margin-right: 15px; } .layout-product .a-sku { color: #11261f;margin-left: 3px; } .layout-product .inventory_quantity { font-size: 14px; margin-bottom: 5px; } .layout-product .inventory_quantity .a-vendor { color: #11261f; } .layout-product .inventory_quantity .a-stock { color: #11261f; } .layout-product .price-box { border-bottom: 1px solid #DDE1EF; padding-bottom: 10px; margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #e8002d; } .layout-product .price-box ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{text-decoration: none;} p.availability{display: none;} .layout-product .price-box del, .woocommerce div.product p.price del, .woocommerce div.product span.price del{ color: #acacac; font-size: 16px;} .pro-discount { position: relative; background: #fff; border-radius: 5px;margin-top: 20px; margin-bottom: 20px; padding: 12px; padding-top: 30px; border: 1px dashed #11261f; background: rgba(1, 86, 127, 0.02); border-style: dotted; } .pro-discount legend { width: auto; color: #11261f; font-weight: 600; background: #fff; border-radius: 5px; border: 1px solid; font-size: 16px; margin-bottom: 0px; padding: 0px 10px; position: absolute; top: -10px; } .woocommerce .quantity .qty { width: 90px; height: 31px; min-height: 31px; text-align: center; border-radius: 5px; border: 1px solid #11261f; color: #11261f; margin: 0px 3px; } .woocommerce form.cart div.quantity .minus, .woocommerce form.cart div.quantity .plus{ border-radius: 50%; background: #11261f; border: none; color: #fff; width: 26px; height: 26px; font-size: 20px; margin: 0px; text-align: center; line-height: 10px; cursor: pointer; display: flex; justify-content: center; padding: 0;float: none} .woocommerce form.cart div.quantity { float: none; margin: 0; display: flex; align-items: center; } .devvn-popup-title{ height: auto; padding: 10px; background: #11261f;} .customer_coupon_field button.apply_coupon{border-color: #11261f;background: #11261f} .popup-customer-info-group .devvn-order-btn{background: #11261f} .pro-discount legend img { max-width: 23px; mix-blend-mode: multiply; vertical-align: -3px; } .pro-discount.uu_dai p { margin-bottom: 5px; } .uu_dai a { color: #11261f; } .button_actions{display: flex;} .button_actions a.devvn_buy_now_style{ background: #ffb916; color: #fff; padding: 0px 40px; border-radius: 4px; font-size: 16px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; text-transform: uppercase; border: 1px solid #ffb916; height: 50px; line-height: 31px; margin-right: 10px; line-height: 50px;} .button_actions .btn_base{ background: #11261f; color: #fff; padding: 0px 40px; border-radius: 4px; font-size: 16px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; text-transform: uppercase; border: 1px solid #11261f; height: 50px; line-height: 50px; margin-right: 10px;} .button_actions > *{width: 50% !important} .product-tab .tabs-title { padding: 0; margin: 0; list-style: none; display: flex; border-bottom: 1px solid #dee2e6; } .product-tab ul li { cursor: pointer; padding: 5px 0px; margin-right: 30px; } .product-tab ul li .h3{ color: #333; padding: 0; margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 600;} .product-tab ul li button{background: none;border:0} .product-tab ul li button.active .h3{ color: #11261f;} #myTabContent > div{ padding: 15px 0px;} .table>:not(caption)>*>* { padding: 15px;} .single-product #home_news-2{display: none;} .product-viewed { position: relative; background: #fff; border: 1px solid #ededed; border-radius: 5px; margin-bottom: 20px; } .product-viewed .title-head { margin: 0; color: #333e44; font-size: 16px; font-weight: 600; border-bottom: 1px solid #ededed; text-align: center; display: block; padding: 10px 0; letter-spacing: -.5px; text-transform: uppercase; } .product-viewed .product-viewed-content { padding: 15px 15px 0px; } .product-viewed .product-viewed-content .product-view { display: inline-block; padding: 0px 0px 8px; border-bottom: 1px solid #ededed; background: #fff; position: relative; width: 100%; } .product-viewed .product-viewed-content .product-view .image_thumb { display: inline-block; float: left; width: 100%; width: 60px; } .product-viewed .product-viewed-content .product-view .product-info { display: block; float: left; width: calc(100% - 60px); -o-width: calc(100% - 60px); -moz-width: calc(100% - 60px); -webkit-width: calc(100% - 60px); padding-left: 10px; } .product-viewed .product-viewed-content .product-view .product-info { margin: 5px 0 5px; position: relative; } .product-viewed .product-viewed-content .product-view .product-info h3 { padding: 0; text-overflow: ellipsis; color: #333e44; text-decoration: none; font-size: 14px; font-weight: 400; margin: 0 0 3px; padding-bottom: 3px; line-height: 22px; text-transform: capitalize; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product-viewed .product-viewed-content .product-view .product-info h3 a { color: #333e44; } .product-viewed .product-viewed-content .product-view .product-info .price-box { color: #11261f; line-height: 23px; display: block; font-size: 14px; border: 0; margin: 0; padding: 0; font-weight: 500; } .productRelate { margin-top: 30px; } .productRelate .block-title { margin-bottom: 35px; position: relative; text-align: center; } .productRelate .block-title h2 { font-weight: 500; letter-spacing: 0; position: relative; display: inline-block; margin: 0; font-size: 26px; padding-bottom: 20px; } .productRelate .block-title h2:before { content: ""; background: #11261f; width: 50px; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 1; border-radius: 3px; } .productRelate .block-title h2:after { content: ""; width: 160px; height: 5px; background: #e5e9ed; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; border-radius: 3px; } .woocommerce-product-rating{display: none !important;} .uwrap_tab .tab-content{opacity: 0; visibility: hidden; height: 0; overflow: hidden;} .tab-content.current { opacity: 1; visibility: visible; height: auto; } .section_flash_sale .time-flas .tabs-time .tab-link.current { background: #11261f; color: white;} .swiper_tab_dm { background: #FFF; } .section_flash_sale .item_product_main { background-color: #fff; padding: 10px 10px 0px; margin-bottom: 0px; height: 100%; } .section_services, .section_3_banner{margin: 30px 0} .section_3_banner{margin-top: 30px} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover::before, body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a::before { content: ''; color: #dc0021; font-size: 12px; border-color: #dc0021; line-height: 15px; text-align: center; background: url(images/check.png) no-repeat center center; background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; } @media (max-width: 1399px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { .zek_supports{right: 20px;bottom: 140px;} .zek_supports .item a{width: 44px;height: 44px;} .zek_supports .item a img{max-width: 24px;max-height: 24px;} .zek_supports .item a.zalo img{max-width: 30px;} .zek_backtop{right: 20px;bottom: 60px;} .zek_backtop a{width: 44px;height: 44px;} .zek_backtop a img{max-width: 24px;max-height: 24px;} } @media(max-width:767px) { .zek_header_pc{display: none;} .zek_header_mb{display: block;} .zek_header_logo_mb{text-align: center;} .zek_header_logo_mb img{max-width: 200px;max-height: 80px;} .zek_touch_menu{display: block;margin-right: 15px;width: 32px;height: 32px;position: relative;cursor: pointer;} .zek_touch_menu:after,.zek_touch_menu:before{content: "";display: block;width: 24px;height: 2px;background-color: #212529;position: absolute;left: 3px;} .zek_touch_menu span{display: block;width: 24px;height: 2px;background-color: #212529;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);} .zek_touch_menu:after{bottom: 7px;} .zek_touch_menu:before{top: 7px;} #zek_menu_mobile .title{display: block;padding: 24px;background-color: rgba(255,255,255,.1);text-transform: uppercase;font-weight: bold;font-size: 20px;} #zek_menu_mobile .title span{display: block;height: 48px;line-height: 48px;background-color: #222;border-radius: 4px;padding: 0 20px;} #zek_menu_mobile{width: 300px;height: 100%; background-color: #222;color: #ccc;-webkit-transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s;z-index: 9999;position: fixed; top: 0; left: 0; -webkit-transform: translateX(-300px); transform: translateX(-300px);} body.zek_active #zek_menu_mobile{ -webkit-transform: translateX(0); transform: translateX(0);} #zek_menu_mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;} #zek_menu_mobile .menu{display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; list-style: none; padding: 0; margin: 0;} #zek_menu_mobile .menu li{position: relative;border-bottom: solid 1px #3c3c3c;margin-left: 0;} #zek_menu_mobile .re_arrow { transition-duration: 0.3s; } #zek_menu_mobile .re_arrow svg { transform: rotate(180deg); } #zek_menu_mobile .menu>li{border-bottom-color: #2f2f2f;} #zek_menu_mobile .menu li>a{display: flex; padding: 8px 24px !important;color: #ccc;} #zek_menu_mobile .menu>li ul{background-color: #2f2f2f;display: none;} #zek_menu_mobile .menu li>i{width: 30px; height: 35px; top: 0px; right: 0; transition: 0.5s all; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center;} #zek_menu_mobile .menu li > i:before, #zek_menu_mobile .menu li > i:after{position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); background-color: currentColor; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;} #zek_menu_mobile .menu li > i:before{width: 11px; height: 1.5px; opacity: 1;} #zek_menu_mobile .menu li > i:after{width: 1.5px; height: 11px;} #zek_menu_mobile .menu li > i.icon_up:before{opacity: 0;} #zek_menu_mobile .menu li > i.icon_up:after{-webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg);} .row{margin: 0 -5px} .row > div{padding: 0 5px} .section_services .promo-box .info { font-size: 12px; line-height: 15px; } .section_services .promo-box .promo-item .icon { display: block;} .section_services .promo-box .promo-item { min-height: 85px; margin-bottom: 14px; } .title_modules{margin-bottom: 15px} .section_services, .section_3_banner{margin: 15px 0} .title_modules .h2, .title_modules h2{font-size: 20px} .section_3_banner .row > div:not(:last-child){margin-bottom: 15px} #zek_menu_mobile .menu>li>ul ul{background-color: #4c4b4b} .section_banner .snip_banner{min-height: 175px} .section_banner .snip_banner p { left: 10%; width: 80%; font-size: 14px; } .product-tabs-sale{overflow: hidden;} #open-filters { color: #fff; background: #11261f; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; position: fixed; right: 0; top: 35% !important; cursor: pointer; z-index: 99; font-size: 18px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; background-image: url("images/loc_3.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; } #open-filters span { display: none; } .dqdt-sidebar { padding: 0 15px; padding-top: 0px; padding-right: 15px; padding-left: 15px; position: fixed; width: 256px; background: #fff; top: 0; bottom: 0; right: 0; overflow: hidden; overflow-y: hidden; overflow-y: auto; z-index: 9999; visibility: hidden; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); padding-top: 10px; } #sort-by{margin-top: 0;right: 0;float: none;justify-content: space-between;} .opacity_sidebar { background: rgba(0,0,0,0.8); position: fixed; top: 0 !important; left: 0; height: 100%; width: 100%; z-index: 9; display: none; } #open-filters.openf { right: 256px; background-image: url(images/icon-filter-close-bg.png); } .opacity_sidebar.openf { display: block; } .dqdt-sidebar.openf { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .woo-variation-product-gallery{width: 100% !important} .woocommerce div.product form.cart { margin-bottom: 0; } #zek_web{-webkit-transition: margin .5s; transition: margin .5s;} body.zek_active #zek_web{margin-left: 300px;margin-right: -300px;} .zek_line_dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999} body.zek_active .zek_line_dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 15 15,default;} /* Cart-mb */ .woocommerce table.shop_table.cart td{padding: 8px 8px;} .woocommerce table.shop_table.cart .product-name{width: 100%;} .woocommerce table.shop_table.cart .product-price, .woocommerce table.shop_table.cart .product-quantity, .woocommerce table.shop_table.cart .product-subtotal{width: 100%;} .woocommerce .cart-collaterals .cart_totals{padding: 12px;max-width: 100%;} .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells{margin-top: 20px;} #customer_details{width: 100%;} #order_review{width: 100%;padding: 12px;} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top: 8px;font-size: 20px;} .woocommerce #order_review .woocommerce-checkout-payment{margin-top: 16px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{font-size: 16px;} .woocommerce table.order_details tfoot tr:last-child td{font-size: 16px;} } @media(max-width:575px) { } @media(max-width:429px) { }