/* 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. */ /* ========== 100 – Hairline / Thin ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Hairline.eot'); src: local('Helvetica Now Display Hairline'), local('HelveticaNowDisplay-Hairline'), url('fonts/HelveticaNowDisplay-Hairline.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Hairline.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Hairline.woff') format('woff'), url('fonts/HelveticaNowDisplay-Hairline.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-HairlineI.eot'); src: local('Helvetica Now Display Hairline Italic'), local('HelveticaNowDisplay-HairlineI'), url('fonts/HelveticaNowDisplay-HairlineI.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-HairlineI.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-HairlineI.woff') format('woff'), url('fonts/HelveticaNowDisplay-HairlineI.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Thin.eot'); src: local('Helvetica Now Display Thin'), local('HelveticaNowDisplay-Thin'), url('fonts/HelveticaNowDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Thin.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Thin.woff') format('woff'), url('fonts/HelveticaNowDisplay-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-ThinIta.eot'); src: local('Helvetica Now Display Thin Italic'), local('HelveticaNowDisplay-ThinIta'), url('fonts/HelveticaNowDisplay-ThinIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-ThinIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-ThinIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-ThinIta.ttf') format('truetype'); font-weight: 100; font-style: italic; } /* ========== 300 – Light / ExtraLight ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-ExtLt.eot'); src: local('Helvetica Now Display ExtraLight'), local('HelveticaNowDisplay-ExtLt'), url('fonts/HelveticaNowDisplay-ExtLt.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-ExtLt.woff') format('woff'), url('fonts/HelveticaNowDisplay-ExtLt.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-ExtLtIta.eot'); src: local('Helvetica Now Display ExtraLight Italic'), local('HelveticaNowDisplay-ExtLtIta'), url('fonts/HelveticaNowDisplay-ExtLtIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-ExtLtIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-ExtLtIta.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Light.eot'); src: local('Helvetica Now Display Light'), local('HelveticaNowDisplay-Light'), url('fonts/HelveticaNowDisplay-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Light.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Light.woff') format('woff'), url('fonts/HelveticaNowDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-LightIta.eot'); src: local('Helvetica Now Display Light Italic'), local('HelveticaNowDisplay-LightIta'), url('fonts/HelveticaNowDisplay-LightIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-LightIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-LightIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-LightIta.ttf') format('truetype'); font-weight: 300; font-style: italic; } /* ========== 400 – Regular ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Regular.eot'); src: local('Helvetica Now Display Regular'), local('HelveticaNowDisplay-Regular'), url('fonts/HelveticaNowDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Regular.woff') format('woff'), url('fonts/HelveticaNowDisplay-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-RegIta.eot'); src: local('Helvetica Now Display Italic'), local('HelveticaNowDisplay-RegIta'), url('fonts/HelveticaNowDisplay-RegIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-RegIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-RegIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-RegIta.ttf') format('truetype'); font-weight: 400; font-style: italic; } /* ========== 500 – Medium ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Medium.eot'); src: local('Helvetica Now Display Medium'), local('HelveticaNowDisplay-Medium'), url('fonts/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Medium.woff') format('woff'), url('fonts/HelveticaNowDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-MedIta.eot'); src: local('Helvetica Now Display Medium Italic'), local('HelveticaNowDisplay-MedIta'), url('fonts/HelveticaNowDisplay-MedIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-MedIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-MedIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-MedIta.ttf') format('truetype'); font-weight: 500; font-style: italic; } /* ========== 700 – Bold ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Bold.eot'); src: local('Helvetica Now Display Bold'), local('HelveticaNowDisplay-Bold'), url('fonts/HelveticaNowDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Bold.woff') format('woff'), url('fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-BoldIta.eot'); src: local('Helvetica Now Display Bold Italic'), local('HelveticaNowDisplay-BoldIta'), url('fonts/HelveticaNowDisplay-BoldIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-BoldIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-BoldIta.ttf') format('truetype'); font-weight: 700; font-style: italic; } /* ========== 800 – ExtraBold ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-ExtraBold.eot'); src: local('Helvetica Now Display ExtraBold'), local('HelveticaNowDisplay-ExtraBold'), url('fonts/HelveticaNowDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff'), url('fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-ExtBdIta.eot'); src: local('Helvetica Now Display ExtraBold Italic'), local('HelveticaNowDisplay-ExtBdIta'), url('fonts/HelveticaNowDisplay-ExtBdIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-ExtBdIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-ExtBdIta.ttf') format('truetype'); font-weight: 800; font-style: italic; } /* ========== 900 – Black ========== */ @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-Black.eot'); src: local('Helvetica Now Display Black'), local('HelveticaNowDisplay-Black'), url('fonts/HelveticaNowDisplay-Black.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-Black.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-Black.woff') format('woff'), url('fonts/HelveticaNowDisplay-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Helvetica Now Display'; src: url('fonts/HelveticaNowDisplay-BlackIta.eot'); src: local('Helvetica Now Display Black Italic'), local('HelveticaNowDisplay-BlackIta'), url('fonts/HelveticaNowDisplay-BlackIta.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNowDisplay-BlackIta.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-BlackIta.woff') format('woff'), url('fonts/HelveticaNowDisplay-BlackIta.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* Option */ body{font-size: 16px;color: #242424CC;font-family: 'Helvetica Now Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-weight: 400;} *{margin:0;padding:0;line-height:1.4} a{text-decoration:none;color:#242424;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:active,a:hover{color: #2D71B7;} svg,path{-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;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto} b,strong{font-weight: 700;} h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom: 1rem;color: #242424;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} .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;} .screen-reader-text{display:none} .head{animation: stuckMoveUp .5s;} .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} } /* 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: 1200px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;} } /* 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;border: 1px solid #E6E6E6;padding: 16px;color: #242424;border-radius: 5px;line-height: 26px;font-size: 16px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #24242499;} input[type="submit"]{font-weight: 500;padding: 16px 24px;color: #fff;font-size: 16px; background-color: #2D71B7;border-radius: 5px;text-align: center;border: none;transition: all .3s;} input[type="submit"]:hover{background-color: #2D71B7;color: #fff;} /* Contact-form7 */ form .row{--bs-gutter-x: 4px;} .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 4px;position: relative;} .form-group .name{margin-bottom: 2px;font-weight: 500;color: #242424;} 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} /* 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:not(:last-child){margin-bottom:12px} .content-post .woocommerce{margin-bottom: 16px;} .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{font-size: 16px;} .content-post h6{font-size: 16px;} .content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;} .content-post blockquote:before{content: open-quote;font-weight: 700;font-size: 30px;position: absolute;left: 8px;top: 0;} .content-post blockquote:after{content: close-quote;font-weight: 700;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;} .content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px} .content-post .gallery br{display:none} .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)} .content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;} .content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;} .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 16px 16px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;} .content-post .alignright{float:right;margin:0 0 16px 16px} .content-post .alignleft{float:left;margin:0 16px 16px 0} a img.alignright{float:right;margin:0 0 16px 16px} a img.alignnone{margin:0 16px 16px 0} a img.alignleft{float:left;margin:0 16px 16px 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 16px 16px 0} .wp-caption.alignleft{margin:0 16px 16px 0} .wp-caption.alignright{margin:0 0 16px 16px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;} .content-post>*:last-child{margin-bottom: 0;} /* Widget */ .widget ul,.widget ol{list-style: none;} .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} /* 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} /* Support */ .xoo-wsc-basket{opacity: 0 !important;visibility: hidden !important;} .sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;} .backtop{position: fixed;right: 20px;bottom: 50px;transition: .5s;z-index: 999;} .backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;} .backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .swiper-nav{display: flex;align-items: center;gap: 4px;justify-content: center;} .swiper-btn{display: flex;align-items: center;justify-content: center;transition: all .3s; width: 32px;height: 32px;border-radius: 8px;border: 1px solid #24242414;background: #fff;} .swiper-btn.swiper-button-lock{display: none;} .swiper-btn:hover{background: #2D71B7;border-color: #2D71B7;} .swiper-btn:hover svg path{stroke: #fff;} .swiper-pagination-bullets{display: flex;justify-content: center;gap: 4px;} .swiper-pagination-bullet{margin: 0 !important;} .suport-fixed{position: fixed;z-index: 999;left: 20px;bottom: 50px;} .suport-fixed .icon{position: relative;} .suport-fixed .icon .svgicon{position: relative;z-index: 4; display: block;width: 48px;height: 48px;text-align: center;border-radius: 50%;border: 1px solid #fff;cursor: pointer;background: #2D71B7;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); animation: pulse 2s infinite;} .suport-fixed .icon:after,.suport-fixed .icon:before{content: "";position: absolute;height: 48px;width: 48px;left: 0;top: 0;background: #2D71B7;border-radius: 50%;} .suport-fixed .icon:before{animation: euiBeaconPulseSmall 2s infinite ease-out;} .suport-fixed .icon:after{animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s;} @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @keyframes euiBeaconPulseSmall { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 50% { opacity: 0.6; } 100% { -webkit-transform: scale(1.6); transform: scale(1.4); opacity: 0; } } .suport-fixed .icon .svgicon svg{fill: #fff;width: 28px;height: 100%;transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;} .suport-fixed .icon .svgicon>svg{animation: iconSkew 1s infinite ease-out;} @keyframes iconSkew { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } .suport-fixed .icon .svgicon .svgicon-close { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transform: scale(0.3); transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; } .suport-fixed .icon .svgicon .svgicon-close svg{width: 17px;} .suport-fixed.active .icon .svgicon>svg{opacity: 0;visibility: hidden;transform: scale(0.3);} .suport-fixed.active .icon .svgicon .svgicon-close{opacity: 1;visibility: visible; transform: scale(1);} .suport-fixed .box{position: absolute; bottom: calc(100% - 10px);width: auto; border-radius: 12px; right: auto; left: 20px; max-width: 300px; overflow: hidden; background-color: #f5f6fa; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); -webkit-transform-origin: left bottom; transform-origin: left bottom; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);} .suport-fixed.active .box{ -ms-transition-delay: 0.1s; -webkit-transition-delay: 0.15s; transition-delay: 0.1s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} .suport-fixed .box .list{list-style: none;margin-bottom: 0;} .suport-fixed .box .list li:not(:last-child){border-bottom: 1px solid #ecedf1;box-shadow: 0 1px 0 0 #fff;} .suport-fixed .box .list li a{padding: 10px 15px;display: flex;align-items: center;gap: 15px;font-size: 14px;white-space: nowrap;} .suport-fixed .box .list li a svg{width: 32px;height: 32px;} .suport-fixed .box .list li:hover a{background: #fff;color: #2D71B7;} .modal-dialog{max-width: 600px;} .modal-header.text-center{justify-content: center;} .modal-title{font-weight: 600;} .modal-header button.close{border: none;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;position: absolute;top: 13px;right: 10px;border-radius: 50%;} .modal-body .form .form-group input,.modal-body .form .form-group textarea{padding: 10px 16px;background: #f3f5f6;border-radius: 0;} .modal-body .form .form-button input[type="submit"]{width: 100%;border-radius: 0;padding: 10px 24px;} /* Header */ #header{position: relative;z-index: 999;background: #fff;} #touch-menu{display: none;} #touch-search{display: none;} #menu-mobile{display: none;} .header-main{background: #2D71B7;} .header-main .flex{gap: 30px;flex-wrap: nowrap;} .header-main .col-logo{height: 67px;display: flex;align-items: center;width: 300px;} .header-main .logo img{object-fit: contain;max-height: 67px;} .header-main .col-nav{width: 300px;display: flex;align-items: center;gap: 30px;justify-content: flex-end;} .header-main .touch-nav{display: flex;align-items: center;gap: 4px;white-space: nowrap;} .header-main .touch-nav .name{color: #fff;} .header-main .touch-nav .icon{display: flex;align-items: center;justify-content: center;position: relative;} .header-main .touch-nav .icon .count{display: flex;align-items: center;justify-content: center;width: 15px;height: 15px;border-radius: 50%;background: #fff;color: #2D71B7;font-size: 10px;position: absolute;} .header-main .touch-nav .icon .count.wishlist-count{bottom: -3px;left: -3px;} .header-main .touch-nav .icon .count.cart-count{bottom: -4px;left: -6px;} .header-main .touch-nav .icon i{color: #fff;font-size: 20px;} .header-main .col-search{width: calc(100% - 660px);} .header-main .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{height: 48px;padding: 0 100px 0 22px;border: 1px solid #fff;border-radius: 48px;color: #444444; font-family: 'Helvetica Now Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;} .header-main .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-webkit-input-placeholder{color: #444444; font-family: 'Helvetica Now Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-style: normal;} .dgwt-wcas-preloader{display: none;} .dgwt-wcas-sf-wrapp:after, .dgwt-wcas-sf-wrapp:before{display: none;} .header-main .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{min-width: 60px;height: 48px;border-radius: 0 48px 48px 0;background-color: #6AA8D9;right: -1px;} .header-main .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{border-color: transparent #6AA8D9;top: 15px;} .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{justify-content: flex-start;} .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more{padding: 0;color: #2D71B7;} .wc-ajax-heading{width: 100%;} .wc-ajax-search-section{display: flex;flex-wrap: wrap;} .wc-ajax-item{width: 100%;border-top: 1px solid #eee;} .wc-suggestion-item{width: calc(100% / 3);} .wc-history-item{width: calc(100% / 3);} .wc-ajax-item:nth-child(1){border-top: 0;} .wc-suggestion-item:nth-child(2),.wc-suggestion-item:nth-child(3){border-top: 0;} .wc-history-item:nth-child(2),.wc-history-item:nth-child(3){border-top: 0;} .header-menu .flex{gap: 30px;flex-wrap: nowrap;} .header-menu .hotline{display: flex;align-items: center;gap: 12px;} .header-menu .hotline:hover svg path{fill: #2D71B7;} .header-menu ul{list-style: none;margin-bottom: 0;} .header-menu .menu{padding: 9px 0;display: flex;gap: 60px;} .header-menu .menu>li{display: flex;position: relative;height: 49px;align-items: center;cursor: pointer;} .header-menu .menu>li>a{display: flex;align-items: center;gap: 4px;padding-bottom: 4px;position: relative;font-size: 18px;font-weight: 500;text-transform: capitalize;} .header-menu .menu>li>a:after{content: "";display: block;width: 100%;height: 1px;background: #2D71B7;opacity: 0;visibility: hidden;transition: all .3s;position: absolute;bottom: 0;left: 0;} .header-menu .menu>li:hover>a,.header-menu .menu>li.current-menu-item>a,.header-menu .menu>li.current-menu-parent>a,.header-menu .menu>li.current-category-parent>a{color: #2D71B7;} .header-menu .menu>li:hover>a:after,.header-menu .menu>li.current-menu-item>a:after{opacity: 1;visibility: visible;} .header-menu .menu>li:hover>a>svg{transform: rotate(180deg);} .header-menu .menu>li:hover>a>svg path,.header-menu .menu>li.current-menu-item>a>svg path{stroke: #2D71B7;} .header-menu .menu>li ul{position: absolute;z-index: 99;background: #fff;min-width: 240px;box-shadow: 0px 7px 29px 0px #64646F33;border-radius: 8px;padding: 4px 12px;opacity: 0;visibility: hidden;-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;} .header-menu .menu>li ul>li:not(:last-child){border-bottom: 1px solid #E6E6E6;} .header-menu .menu>li ul>li>a{display: block;white-space: nowrap;line-height: 20px;font-size: 14px;padding: 10px 0;} .header-menu .menu>li ul>li:hover>a,.header-menu .menu>li ul>li.current-menu-item>a{color: #2D71B7;} .header-menu .menu>li>ul{top: 100%;left: 0;} .header-menu .menu>li li>ul{top: 0;left: 100%;} .header-menu .menu li:hover>ul{opacity: 1;visibility: visible;} /* Footer */ #footer{background: #2D71B7;color: #FFFFFF;} #footer a{color: #FFFFFF;} #footer .textwidget li:not(:last-child){margin-bottom: 16px;} #footer .textwidget>*:last-child{margin-bottom: 0;} .footer-main{padding: 80px 0 60px;} .footer-main .col-main{width: 948px;max-width: 100%;display: flex;flex-wrap: wrap;gap: 20px;} .footer-main .col-info{width: auto;max-width: calc(100% - 948px);display: flex;flex-direction: column;gap: 30px;} .footer-main .col-main .widget{width: calc((100% - 60px) / 4);} .footer-main .widget-title{margin-bottom: 16px;font-size: 14px;font-weight: 500;color: #FFFFFF66;} .footer-main .col-info .widget-title{display: none;} .footer-main .col-info .textwidget{display: flex;flex-direction: column;gap: 24px;} .footer-main .col-info .textwidget *{margin-bottom: 0;} .footer-main .col-info .logo img{object-fit: contain;max-height: 60px;max-width: 180px;} .footer-main .col-info .social{display: flex;flex-wrap: wrap;gap: 8px;} .footer-main .col-info .social li{margin-bottom: 0 !important;} .footer-main .col-info .social li a{display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 44px;height: 44px;background: #FFFFFF1A;} .footer-main .col-info .social li a img{object-fit: contain;width: 20px;height: 20px;} .footer-bot{padding: 24px 0;border-top: 1px solid #FFFFFF1A;} .footer-bot .widget{width: auto;} .footer-bot .payment{display: flex;flex-wrap: wrap;gap: 4px;} .footer-bot .payment li{margin-bottom: 0 !important;} .footer-bot .payment li img{object-fit: contain;height: 24px;width: auto;} /* Page */ .page-body{padding: 60px 0 80px;} .breadcrumbs{font-size: 14px;font-weight: 500;color: #24242499;padding: 12px 0 16px;border-top: 1px solid #E6E6E6;} .breadcrumbs a{color: #242424CC;} .breadcrumbs .separator{padding: 0 4px;} .breadcrumbs p{margin-bottom: 0;} .box-bread{padding: 32px;background: #E1F0FF;border-radius: 16px;display: flex;flex-direction: column;gap: 8px;} .box-bread .breadcrumbs{padding: 0;border-top: 0;} .box-bread .title{margin-bottom: 0;font-size: 36px;font-weight: 500;} .home-title{margin-bottom: 0;font-size: 36px;font-weight: 500;} .form-bottom{background: #E1F0FF;border-radius: 16px;padding: 60px;} .form-dky .home-title{width: 50%;} .form-dky .box{width: 50%;padding-left: 60px;display: flex;flex-direction: column;gap: 16px;} .form-dky .box .sub{color: #24242499;} .form-dky .box .form{position: relative;} .form-dky .box .form input[type="email"]{border-radius: 60px;} .form-dky .box .form input[type="submit"]{width: 48px;height: 48px;border-radius: 50%;padding: 0;position: absolute;top: 6px;right: 6px;font-size: 0;background-image: url(images/submit.svg);background-size: auto;background-repeat: no-repeat;background-position: center;} body.single-post .form-bottom{margin-top: 40px;} body.author .form-bottom{margin-top: 40px;} /* contact */ .contact-body{padding: 40px 0 80px;} .contact-body>.row{--bs-gutter-x: 20px;} .contact-body .block{background: #E1F0FF;padding: 32px;border-radius: 16px;border: 1px solid #E6E6E6;display: flex;flex-direction: column;gap: 24px;} .contact-body .block .box-title{display: flex;flex-direction: column;gap: 8px;padding-bottom: 8px;} .contact-body .block .box-title .text{font-size: 14px;color: #3B3B3B;} .contact-body .block .info{display: flex;flex-wrap: wrap;border-top: 1px solid #E6E6E6;} .contact-body .block .info .item{width: 50%;border-bottom: 1px solid #E6E6E6;padding: 24px 8px 24px 0;display: flex;flex-direction: column;gap: 10px;} .contact-body .block .info .item .key{color: #7F7F7F;} .contact-body .block .info .item .value{color: #242424;font-weight: 500;} .contact-body .block .form .title{margin-bottom: 10px;color: #242424;} .contact-body .map{overflow: hidden;height: 100%;position: relative;border-radius: 16px;} .contact-body .map iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .contact-body .block .form .form-button{padding-top: 12px;} /* Category */ .archive-body{padding: 60px 0 80px;display: flex;flex-direction: column;gap: 60px;} .archive-block{display: flex;flex-direction: column;gap: 32px;} .archive-block .box-title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; gap: 16px;} .archive-menu{display: flex;flex-wrap: wrap;gap: 4px;width: 100%;} .archive-menu a{display: flex;align-items: center;padding: 0 16px;text-align: center;font-size: 18px;font-weight: 500;color: #2D71B7;border-radius: 8px;height: 44px;background: #E1F0FF;} .archive-menu a.active,.archive-menu a:hover{background: #2D71B7;color: #fff;} .archive-list .row{--bs-gutter-x: 20px;} .item-news{height: 100%;display: flex;flex-direction: column;gap: 20px;padding-bottom: 10px;} .item-news .img{overflow: hidden;border-radius: 16px;height: 268px;} .item-news .img img{height: 100%;} .author-body .item-news .img{height: 224px;} .item-news .info{display: flex;flex-direction: column;gap: 16px;padding-bottom: 20px;border-bottom: 1px solid #24242414;flex: 1;} .item-news .info .name{margin-bottom: 0;font-size: 24px;font-weight: 400;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-news .info .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-news .info .single-meta .meta .it:first-child{padding-left: 0;} .item-news .info .single-meta .meta .it:first-child:before{display: none;} .swiper-news{margin: -10px;} .swiper-news .swiper-slide{padding: 10px;height: auto;} .big-item .item-news{padding-bottom: 0;} .big-item .item-news .img{height: 420px;} .archive-block .big-item{height: 100%;} .big-item .item-news .info .name{font-size: 28px;} .archive-block .list-news{height: 100%;} .archive-block .list-news .item .info .name{font-size: 20px;} .archive-list .links{text-align: center;padding-top: 20px;} .archive-list .links a{display: inline-flex;align-items: center;justify-content: center;padding: 0 24px;height: 42px;border-radius: 8px;background: #E1F0FF;font-size: 14px;font-weight: 500;} .pagination{justify-content: center;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 8px;} .pagination ul li{display: block;} .pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center;height: 32px;border-radius: 8px;font-weight: 500;} .pagination ul li span{width: auto;} .pagination ul li .current,.pagination ul li a{border: 1px solid #E4E4E4;width: 32px;} .pagination ul li .current,.pagination ul li a:hover{background: #E1F0FF;border-color: #2D71B7;color: #2D71B7;} .pagination ul li .prev,.pagination ul li .next{border: none !important;width: auto !important;border: none !important;background: transparent !important;border-radius: 0;} /* Single */ .single-body{padding: 0 0 80px;display: flex;flex-direction: column;gap: 40px;} .single-body .row{--bs-gutter-x: 60px;} .single-body .col-content{width: 68%;} .single-body .col-sidebar{width: 32%;} .single-meta{display: flex;flex-direction: column;gap: 16px;} .single-meta .title{margin-bottom: 0;font-size: 36px;font-weight: 500;} .single-meta .meta{display: flex;flex-wrap: wrap;gap: 8px;color: #24242499;font-weight: 500;font-size: 14px;} .single-meta .meta .it{position: relative;padding-left: 14px;display: block;color: #24242499;} .single-meta .meta .it:before{content: "";display: block;width: 6px;height: 6px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #D9D9D9;} .single-block{display: flex;flex-direction: column;gap: 40px;} .single-thumb{overflow: hidden;border-radius: 16px;} .single-divider{width: 100%;height: 1px;background: #E6E6E6;} .single-bot{gap: 12px;} .single-bot .cat{display: flex;align-items: center;gap: 16px;white-space: nowrap;} .single-bot .cat .name{color: #242424;} .single-bot .cat a{color: #242424CC;} .single-bot .cat a:hover{color: #242424;text-decoration: underline;} .single-bot .share{display: flex;align-items: center;gap: 16px;white-space: nowrap;} .single-bot .share .name{color: #242424;} .single-bot .share ul{list-style: none;margin-bottom: 0;display: flex;gap: 4px;align-items: center;} .single-bot .share ul li a{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;position: relative;border-radius: 50%;background: #E1F0FF;} .single-bot .share ul li a svg{width: 16px;height: 16px;} .single-bot .share ul li a:hover{background: #2D71B7;} .single-bot .share ul li a:hover svg path{fill: #fff;} .single-bot .share ul li button{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;position: relative;border-radius: 50%;background: #E1F0FF;border: none;transition: all .3s;outline: none;} .single-bot .share ul li button svg{width: 16px;height: 16px;} .single-bot .share ul li button:hover{background: #2D71B7;} .single-bot .share ul li button:hover svg path{stroke: #fff;} .single-bot .share ul li a .name{position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap;bottom: calc(100% + 8px);display: flex;align-items: center;justify-content: center;padding: 0 8px;height: 24px;background: #121212;color: #fff;border-radius: 4px;font-size: 12px;opacity: 0;visibility: hidden;transition: all .3s;} .single-bot .share ul li a:hover .name{opacity: 1;visibility: visible;} .single-bot .share ul li button .name{position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap;bottom: calc(100% + 8px);display: flex;align-items: center;justify-content: center;padding: 0 8px;height: 24px;background: #121212;color: #fff;border-radius: 4px;font-size: 12px;opacity: 0;visibility: hidden;transition: all .3s;} .single-bot .share ul li button:hover .name{opacity: 1;visibility: visible;} .copy-msg{position: fixed;z-index: 99999;color: #067647;background: #ECFDF3;border: 1px solid #ABEFC6;border-radius: 8px;padding: 16px;top: 200px;left: 50%;transform: translateX(-50%);} .copy-msg svg{width: 20px;height: 20px;position: relative;margin-right: 4px;top: -2px;} .single-author{background: #E1F0FF;padding: 32px;border-radius: 16px;gap: 24px;} .single-author .author{display: flex;align-items: center;gap: 12px;} .single-author .author .avata{width: 80px;aspect-ratio: 1/1;overflow: hidden;border-radius: 50%;} .single-author .author .avata img{width: 100%;height: 100%;object-fit: cover;} .single-author .author .info{display: flex;flex-direction: column;gap: 4px;} .single-author .author .info .name{font-weight: 500;color: #1d1d1d;} .single-author .author .info .sub{font-size: 12px;} .single-author .link a{display: inline-flex;align-items: center;padding: 0 24px;border-radius: 10px;height: 42px;border: 1px solid #2D71B7;color: #2D71B7;font-size: 14px;font-weight: 500;} .single-author .link a:hover{color: #fff;background: #2D71B7;} .single-author .content{width: 100%;display: flex;flex-direction: column;color: #1D1D1DE5;} .single-author .content .desc{text-indent: 48px;position: relative;top: -4px;} /* Video */ .single-body .playlist-video .row{--bs-gutter-x: 24px;} .playlist-video .tab-content .tab-pane{transition: all .1s;} .playlist-video .tab-content .video{overflow: hidden;border-radius: 16px;height: 600px;} .playlist-video .tab-content .video iframe{width: 100%;height: 100%;object-fit: cover;} .playlist-video .tab-list{background: #E1F0FF;border-radius: 16px;display: flex;flex-direction: column;gap: 16px;} .playlist-video .tab-list .top{padding: 24px 16px 0;display: flex;align-items: center;justify-content: space-between;gap: 12px;} .playlist-video .tab-list .top .caption{font-size: 24px;font-weight: 500;color: #242424;line-height: 34px;} .playlist-video .tab-list .tab-control{padding: 0 16px;display: flex;justify-content: space-between;gap: 12px;} .playlist-video .tab-list .tab-control .btns{display: flex;align-items: center;cursor: pointer;width: 20px;height: 20px;border: none;background: transparent;} .playlist-video .tab-list .tab-control .btns svg{width: 18px;height: 18px;max-height: 20px;} .playlist-video .tab-list .tab-name{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;height: 490px;overflow-y: auto;padding: 0 12px 0 16px;} .playlist-video .tab-list .tab-name::-webkit-scrollbar{width: 4px;background-color: #1212120A;} .playlist-video .tab-list .tab-name::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #12121214;} .playlist-video .tab-list .tab-name li button{padding: 16px 16px 16px 40px;transition: all .3s;border: none;border-top: 1px solid #E6E6E6;background: transparent;display: flex;align-items: center;gap: 16px;position: relative;width: 100%;text-align: left;} .playlist-video .tab-list .tab-name li:first-child button{border-top: 0;} .playlist-video .tab-list .tab-name li:last-child{margin-bottom: 15px;} .playlist-video .tab-list .tab-name li button.active{background: #fff;border-radius: 8px;padding-left: 56px;} .playlist-video .tab-list .tab-name li button .img{width: 112px;height: 80px;overflow: hidden;border-radius: 4px;} .playlist-video .tab-list .tab-name li button .img img{height: 100%;} .playlist-video .tab-list .tab-name li button .name{width: calc(100% - 128px);font-weight: 500;color: #3B3B3B;} .playlist-video .tab-list .tab-name li button .number{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 40px;} .playlist-video .tab-list .tab-name li button .number span{transition: all .3s;} .playlist-video .tab-list .tab-name li button .number svg{width: 0;margin-left: 8px;transition: all .3s;} .playlist-video .tab-list .tab-name li button.active .number svg{width: 24px;} .playlist-video .tab-list .tab-name li button.active .number span{font-size: 0;} .single-body .body-video .row{--bs-gutter-x: 24px;} .video-block{display: flex;flex-direction: column;gap: 48px;} .video-block .title{font-size: 24px;font-weight: 500;margin-bottom: 0;} .video-content{display: flex;flex-direction: column;gap: 24px;} .video-related{display: flex;flex-direction: column;gap: 24px;} .video-related .box-title{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;} .swiper-document{margin: 0 -12px;} .swiper-document .swiper-slide{padding: 0 12px;height: auto;} .video-sidebar{display: flex;flex-direction: column;gap: 24px;} .video-menu{display: flex;flex-direction: column;gap: 8px;padding: 32px 32px 16px;border-radius: 16px;background: #E1F0FF;} .video-sidebar .title{font-size: 24px;font-weight: 500;margin-bottom: 0;} .video-menu .menu{list-style: none;margin-bottom: 0;} .video-menu .menu li{border-bottom: 1px solid #E6E6E6;transition: all .3s;} .video-menu .menu li:last-child{border-bottom: 0;} .video-menu .menu li a{padding: 8px 8px 8px 20px;position: relative;display: flex;align-items: center;min-height: 54px;font-weight: 500;color: #242424;} .video-menu .menu li:hover,.video-menu .menu li.current-menu-parent,.video-menu .menu li.current-post-parent{border-bottom-color: #242424;} .video-menu .menu li a:before{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 4px;height: 4px;border-radius: 50%;background: #242424;} .video-product{display: flex;flex-direction: column;gap: 16px;} .video-product .item{padding: 16px 0;border-bottom: 1px solid #24242414;display: flex;align-items: center;gap: 16px;flex-wrap: wrap;} .video-product .item:first-child{padding-top: 0;} .video-product .item:last-child{border-bottom: 0;padding-bottom: 0;} .video-product .item .img{width: 84px;height: 120px;overflow: hidden;border-radius: 8px;} .video-product .item .img img{height: 100%;} .video-product .item .info{width: calc(100% - 100px);display: flex;flex-direction: column;gap: 8px;} .video-product .item .info .name{margin-bottom: 0;font-size: 16px;font-weight: 500;} .video-product .item .info .price .amount{font-weight: 500;color: #C7370F;} .video-product .item .info .price del{color: #242424CC;margin-right: 8px;} .video-product .item .info .price del .amount{font-weight: normal;color: #242424CC;} .video-product .item .info .price ins{text-decoration: none;} .video-product .item .info .price .sale-flash{display: none;} /* Sidebar */ #ez-toc-container{margin-bottom: 0;} .content-post #ez-toc-container{display: none;} .single-sidebar{display: flex;flex-direction: column;gap: 32px;} .single-related{display: flex;flex-direction: column;gap: 16px;} .single-related .title{font-size: 24px;font-weight: 500;margin-bottom: 0;} .list-news .item{display: flex;align-items: center;flex-wrap: wrap;gap: 16px;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid #24242414;} .list-news .item:last-child{margin-bottom: 0;} .list-news .item .img{width: 172px;height: 120px;overflow: hidden;border-radius: 10px;} .list-news .item .img img{height: 100%;} .list-news .item .info{width: calc(100% - 172px - 16px);display: flex;flex-direction: column;gap: 8px;} .list-news .item .info .name{margin-bottom: 0;font-size: 16px;font-weight: 400;} .list-news .item .info .name a{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .list-news .item .info .single-meta .meta .it:first-child{padding-left: 0;} .list-news .item .info .single-meta .meta .it:first-child:before{display: none;} /* Author */ body.author .single-author{padding: 32px 100px 32px 60px;} .author-body .row{--bs-gutter-x: 20px;} /* Product */ .sale-flash{font-size: 16px;font-weight: 500;display: inline-flex;align-items: center;padding: 0 8px;height: 30px;border-radius: 4px;background: #EA3323;color: #fff;} .taxonomy-body{padding: 60px 0 80px;display: flex;flex-direction: column;gap: 60px;} .taxonomy-body .row{--bs-gutter-x: 15px;} .taxonomy-body .col-sidebar{width: 30%;} .taxonomy-body .col-content{width: 70%;display: flex;flex-direction: column;gap: 30px;} .woocommerce-notices-wrapper{display: none;} .wc-sorting-buttons{display: flex;align-items: center;gap: 8px;padding-left: 15px;flex-wrap: wrap;} .wc-sorting-buttons .label{color: #242424;font-weight: 500;} .wc-sorting-buttons .sorting-list{display: flex;flex-wrap: wrap;gap: 8px;} .wc-sorting-buttons .sorting-list a{display: flex;align-items: center;height: 32px; padding: 0 12px;text-align: center;border-radius: 6px;background: #E1F0FF;color: #2D71B7;font-size: 14px;font-weight: 500;} .wc-sorting-buttons .sorting-list a.active{background: #2D71B7;color: #fff;} .list-product{display: flex;flex-wrap: wrap;margin: -30px 0 0;} .list-product .item-pro{padding: 30px 0;border-bottom: 1px solid #E6E6E6;width: 25%;} .item-pro .box{height: 100%;display: flex;flex-direction: column;gap: 20px;padding: 0 15px;border-right: 1px solid #E6E6E6;} .list-product .item-pro:nth-child(4n) .box{border-right-width: 0;} .item-pro .box .thumb{position: relative;} .item-pro .box .thumb .img{display: block;aspect-ratio: 3/4;overflow: hidden;position: relative;border-radius: 16px;} .item-pro .box .thumb .img img{height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;} .item-pro .box .thumb .img img.second-image{opacity: 0;} .item-pro .box .thumb:hover .img img.second-image{opacity: 1;} .item-pro .box .thumb:hover .img img.wp-post-image{opacity: 0;} .item-pro .box .thumb .booking{position: absolute;z-index: 2;bottom: 8px;right: 8px;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #2D71B7;padding: 0;opacity: 0;} .item-pro .box .thumb:hover .booking{opacity: 1;} .item-pro .box .thumb .booking span{display: flex;align-items: center;padding: 0 8px;height: 24px;border-radius: 4px;background: #121212;color: #fff;font-size: 12px;position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);white-space: nowrap;opacity: 0;visibility: hidden;transition: all .3s;} .item-pro .box .thumb .booking:hover span{opacity: 1;visibility: visible;} .item-pro .box .thumb .booking:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0;color: #fff;width: 40px;height: 40px;padding: 12px;border-radius: 50%;background: #2D71B7;} .item-pro .box .thumb .added_to_cart{display: none;} .item-pro .box .thumb .yith-wcwl-add-to-wishlist{position: absolute;z-index: 2;top: 8px;right: 8px;opacity: 0;visibility: hidden;transition: all .3s;} .item-pro .box .thumb:hover .yith-wcwl-add-to-wishlist{opacity: 1;visibility: visible;} .item-pro .box .info{display: flex;flex-direction: column;gap: 8px;} .item-pro .box .info .name{margin-bottom: 0;font-size: 16px;font-weight: 500;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-pro .box .info .price{display: flex;align-items: center;column-gap: 8px;flex-wrap: wrap;row-gap: 4px;} .item-pro .box .info .price .screen-reader-text{display: none;} .item-pro .box .info .price .amount{font-size: 18px;font-weight: bold;color: #C7370F;line-height: 1;display: block;} .item-pro .box .info .price del{color: #242424CC;opacity: 1 !important;order: 3;width: 100%;} .item-pro .box .info .price del .amount{font-size: 16px;color: #242424CC;font-weight: 400;} .item-pro .box .info .price ins{text-decoration: none;order: 1;} .item-pro .box .info .price .sale-flash{order: 2;height: 26px;font-size: 14px;padding: 0 6px;} .swiper-product:before{content: "";display: block;width: 1px;background: #E6E6E6;height: calc(100% - 30px);position: absolute;top: 0;left: 0;} .swiper-product .swiper-slide{height: auto;} .swiper-product .item-pro{height: 100%;padding-bottom: 30px;border-bottom: 1px solid #E6E6E6;} .swiper-product .item-pro .box .thumb .booking span{left: auto;transform: none;right: -16px;} .swiper-product .item-pro .box .thumb .yith-wcwl-add-button a span{left: auto;transform: none;right: -16px;bottom: auto;top: calc(100% + 8px);} .taxonomy-filter{background: #E1F0FF;border-radius: 16px;height: 100%;} .taxonomy-filter .filter-title{background: #2D71B7;border-radius: 16px 16px 0 0;height: 56px;display: flex;align-items: center;padding: 0 24px;color: #fff;font-size: 18px;font-weight: 500;} .taxonomy-filter .filter-block{padding: 16px 24px;} .filter-block .widget{padding: 24px 0;border-bottom: 1px solid #12121226;} .filter-block .widget:last-child{border-bottom: 0;} .filter-block .widget ul{list-style: none;margin: 0;} .filter-block .widget-title{font-weight: bold;font-size: 16px;line-height: 1.2;cursor: pointer;margin-bottom: 16px;color: #242424;} .filter-block .widget_layered_nav_filters .widget-title{display: none;} body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list{margin: 0;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li{margin: 0;justify-content: space-between;float: none;width: 100% !important;} body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list li{padding: 0;} body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list li.display_type_default a{padding: 8px 8px 8px 22px;color: #242424;line-height: 22px;transition: all 0s;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li:after{display: none;} body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list:after{display: none;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a::before{content: "" !important;font-family: initial !important;margin: 0 !important;width: 14px;height: 14px;font-size: 0 !important;border-color: #12121226;background-size: 12px;background-repeat: no-repeat;background-position: center;} body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list li.display_type_default a:before{top: 12px;left: 0;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:active, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:focus, body.woocommerce .devvn_wcfa_widget_layered_nav ul li a:hover{opacity: 1;color: #2D71B7 !important;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a{color: #2D71B7 !important;} 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{border-color: #2D71B7;background-color: #2D71B7;background-image: url(images/filter-check.svg);} body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a:hover{color: #EA3323 !important;} body.woocommerce .devvn_wcfa_widget_layered_nav ul li.chosen a:hover:before{background-color: #EA3323;border-color: #EA3323;background-image: url(images/filter-close.png);} .wc-brand-list-layered-nav-product_brand li{display: flex;align-items: center;justify-content: space-between;width: 100%;} .wc-brand-list-layered-nav-product_brand li a{position: relative;padding: 8px 8px 8px 22px;display: block;line-height: 22px;color: #242424;transition: all 0s;} .wc-brand-list-layered-nav-product_brand li a:before{content: "";display: block;width: 14px;height: 14px;border-radius: 3px;position: absolute;top: 12px;left: 0;border: 1px solid #12121226;background-size: 12px;background-repeat: no-repeat;background-position: center;} .wc-brand-list-layered-nav-product_brand li a:hover,.wc-brand-list-layered-nav-product_brand li.chosen a{color: #2D71B7;} .wc-brand-list-layered-nav-product_brand li.chosen a:hover{color: #EA3323;} .wc-brand-list-layered-nav-product_brand li a:hover:before,.wc-brand-list-layered-nav-product_brand li.chosen a:before{border-color: #2D71B7;background-color: #2D71B7;background-image: url(images/filter-check.svg);} .wc-brand-list-layered-nav-product_brand li.chosen a:hover:before{background-color: #EA3323;border-color: #EA3323;background-image: url(images/filter-close.png);} .product-categories li{display: flex;align-items: center;justify-content: space-between;width: 100%;} .product-categories li a{position: relative;padding: 8px 8px 8px 22px;display: block;line-height: 22px;color: #242424;transition: all 0s;} .product-categories li a:before{content: "";display: block;width: 14px;height: 14px;border-radius: 3px;position: absolute;top: 12px;left: 0;border: 1px solid #12121226;background-size: 12px;background-repeat: no-repeat;background-position: center;} .product-categories li a:hover,.product-categories li.current-cat a{color: #2D71B7;} .product-categories li a:hover:before,.product-categories li.current-cat a:before{border-color: #2D71B7;background-color: #2D71B7;background-image: url(images/filter-check.svg);} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{display: flex;align-items: center;justify-content: space-between;width: 100%;} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{display: none;} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{position: relative;padding: 8px 8px 8px 22px;display: block;line-height: 22px;color: #242424;transition: all 0s;} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before{content: "";display: block;width: 14px;height: 14px;border-radius: 3px;position: absolute;top: 12px;left: 0;border: 1px solid #12121226;background-size: 12px;background-repeat: no-repeat;background-position: center;} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover,.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a{color: #2D71B7;} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before,.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before{border-color: #2D71B7;background-color: #2D71B7;background-image: url(images/filter-check.svg);} .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:hover:before{background-color: #EA3323;border-color: #EA3323;background-image: url(images/filter-close.png);} .woocommerce .widget_price_filter .ui-slider-horizontal{height: 4px;} .woocommerce .widget_price_filter .ui-slider{margin-left: 6px;margin-right: 6px;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color: #12121214;border-radius: 6px;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color: #242424;border-radius: 6px;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{width: 12px;height: 12px;border-radius: 12px;background-color: #242424;margin-left: -6px;top: -4px;} .woocommerce .widget_price_filter button.button{display: inline-flex;align-items: center;padding: 0 12px;height: 24px;border-radius: 4px;color: #fff;font-size: 14px !important;font-weight: 400;background: #2D71B7;} .term-description-wrapper{position: relative;} .term-description{overflow: hidden;transition: max-height 0.4s ease;} .term-toggle { margin-top: 20px; cursor: pointer; color: #fff;background: #2D71B7; font-weight: 600;font-size: 15px; display: inline-flex;position: relative;left: 50%;transform: translateX(-50%); align-items: center;height: 32px;padding: 0 16px;border-radius: 6px; } /* Detail */ .detail-body{padding: 0 0 80px;display: flex;flex-direction: column;gap: 60px;} .detail-head .row{--bs-gutter-x: 20px;} .detail-head .col-image{width: 45%;} .detail-head .col-info{width: 55%;} .detail-image{background: #E1F0FF;border-radius: 16px;border: 1px solid #E6E6E6;height: 100%;position: relative;padding: 60px 40px 40px;} .detail-image .sale-flash{position: absolute;top: 16px;left: 16px;z-index: 2;} .detail-image .btns{position: absolute;top: 16px;right: 16px;z-index: 2;display: flex;align-items: center;gap: 8px;} .detail-image .btns .view{position: relative;width: 40px;height: 40px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .3s;border: 1px solid #2D71B7;} .detail-image .btns .view a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .detail-image .btns .view a.first{z-index: 2;} .detail-image .btns .view svg{width: 22px;height: 22px;fill: #2D71B7;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .detail-image .btns .view svg.svg-o{opacity: 0;} .detail-image .btns .view:hover svg.svg-o{opacity: 1;} .detail-image .btns .view:hover svg.svg{opacity: 0;} .yith-wcwl-add-to-wishlist{margin-top: 0;} .yith-wcwl-add-button a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #fff;position: relative;border-radius: 50%;font-size: 0;border: 1px solid #EB5E37;} .yith-wcwl-add-button a i{color: #EB5E37;margin: 0;font-size: 0;transition: all .3s;background-size: cover;background-repeat: no-repeat;background-position: center;width: 18px;height: 18px;display: block;background-image: url(images/heart.png);} .yith-wcwl-add-button a span{display: flex;align-items: center;padding: 0 8px;height: 24px;border-radius: 4px;background: #121212;color: #fff;font-size: 12px;position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);white-space: nowrap;opacity: 0;visibility: hidden;transition: all .3s;} .yith-wcwl-add-button a:hover{background: #fff;} .yith-wcwl-add-button a:hover i{background-image: url(images/heart-o.png);} .yith-wcwl-add-button a:hover span{opacity: 1;visibility: visible;} .yith-wcwl-add-button a.delete_item{background: #fff;} .yith-wcwl-add-button a.delete_item i{background-image: url(images/heart-o.png);} .yith-wcwl-add-button .separator{display: none;} .yith-wcwl-add-button .view-wishlist{display: none;} .swiper-gallery{} .swiper-gallery .swiper-slide{height: auto;padding: 50px;} .swiper-gallery .image{display: flex;align-items: center;justify-content: center;height: 500px;} .swiper-gallery .image a{display: block;} .swiper-gallery .image img{object-fit: contain;max-height: 500px;width: auto; border-radius: 12px;} .swiper-thumb .image{overflow: hidden;border-radius: 8px;border: 1px solid #E6E6E6;cursor: pointer;} .swiper-thumb .image img{width: 100%;height: auto;object-fit: contain;} .swiper-thumb .swiper-slide-thumb-active .image{border-color: #F65D4E;} .swiper-gallery .swiper-btn{position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);} .gallery-prev{left: 16px;} .gallery-next{right: 16px;} .detail-info{background: #E1F0FF;border-radius: 16px;border: 1px solid #E6E6E6;padding: 32px;height: 100%;display: flex;flex-direction: column;gap: 24px;} .detail-divider{width: 100%;height: 1px;background: #E6E6E6;} .detail-meta{display: flex;align-items: center;column-gap: 40px;row-gap: 12px;} .detail-meta .price{display: flex;align-items: center;gap: 8px;} .detail-meta .price .amount{font-size: 30px;font-weight: bold;color: #EA3323;line-height: 1;display: block;} .detail-meta .price del{color: #242424CC;opacity: 1 !important;} .detail-meta .price del .amount{font-size: 20px;color: #242424CC;font-weight: 400;} .detail-meta .price ins{text-decoration: none;} .detail-meta .rating{display: flex;align-items: center;gap: 12px;font-size: 14px;font-weight: 500;} .detail-meta .rating .rating-link{display: flex;align-items: center;gap: 12px;font-size: 14px;font-weight: 500;} .detail-meta .rating .rating-count{position: relative;padding-left: 2px;} .detail-meta .rating .rating-count:before{content: "";display: block;width: 1px;height: 18px;position: absolute;left: -6px;background: #12121226;top: 50%;transform: translateY(-50%);} .woocommerce .star-rating{height: 14px;font-size: 14px;width: 78px;letter-spacing: 1px;} .woocommerce .star-rating span{padding-top: 14px;} .woocommerce .star-rating span::before{top: -2px;color: #F9A000;} .detail-desc{display: flex;column-gap: 60px;row-gap: 24px;} .detail-desc .description{flex: 1;} .detail-desc .policy{flex: 1;background: #fff;border-radius: 10px;padding: 32px;} .detail-desc .policy ul{color: #242424; list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 12px;} .detail-desc .policy ul li{position: relative;padding-left: 24px;} .detail-desc .policy ul li img{object-fit: contain;width: 16px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .detail-gift{position: relative;background: #fff;border: 1px solid #E6E6E6;border-radius: 10px;padding: 32px;} .detail-gift .title{display: flex;align-items: center;height: 28px;justify-content: center;padding: 0 16px;gap: 4px;border-radius: 32px;background: #EA3323;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 500;position: absolute;z-index: 2;top: -14px;left: 32px;} .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { display: none; margin: 0; } .quantity input.qty { appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; } .quantity{width: 92px;height: 32px;position: relative;border-radius: 6px;border: 1px solid #E6E6E6;text-align: center; display: flex;justify-content: center;align-items: center;gap: 6px;background: #fff;} .quantity .qty{width: 40px !important;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;color: #242424;padding: 0;border: none;background: transparent;outline: none;text-align: center;} .quantity input.minus,.quantity input.plus{width: 12px;height: 24px;background: transparent;border: none;line-height: 1;display: flex;align-items: center;justify-content: center;font-size: 18px;outline: none;} .woocommerce div.product form.cart{margin-bottom: 0;display: flex;justify-content: space-between;gap: 8px;flex-wrap: wrap;align-items: center;} .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before{display: none;} .woocommerce div.product form.cart div.quantity{float: none;margin: 0;width: 220px;height: 52px;border-radius: 10px;} .woocommerce div.product form.cart div.quantity .qty{width: 108px !important;height: 44px;} .woocommerce div.product form.cart div.quantity input.minus,.woocommerce div.product form.cart div.quantity input.plus{width: 30px;height: 44px;font-size: 20px;} .woocommerce div.product form.cart .group-btn{display: flex;gap: 8px;flex-wrap: wrap;width: 100%;} .woocommerce div.product form.cart .group-btn .button{border: none;height: 52px;width: calc(50% - 4px);display: flex;align-items: center;justify-content: center;padding: 0 16px;border-radius: 10px;font-size: 16px;font-weight: 500;} .woocommerce div.product form.cart .group-btn .button.single_add_to_cart_button{background: #fff;color: #2D71B7;} .woocommerce div.product form.cart .group-btn .button.single_buy_now_button{background: #2D71B7;color: #fff;} .woocommerce a.added_to_cart{display: none;} .devvn-popup-title{display: flex;align-items: center;background: #2D71B7;font-size: 18px;font-weight: bold;height: auto;padding: 10px 20px;} .customer_coupon_field button.apply_coupon{border-color: #2D71B7;background: #2D71B7;border-radius: 4px;font-size: 16px;padding: 0 16px;height: 60px;} .popup-customer-info-group .devvn-order-btn{background: #2D71B7;border-radius: 4px;height: 60px;} .devvn_prod_variable form.cart{display: none;} .devvn-popup-content-right{width: 100%;} .devvn-popup-content-left{width: 100%;display: none;} .popup-customer-info-radio:not(.paymentmethob-wrap){display: none;} body .popup-customer-info-group input,body .popup-customer-info-group select,body .popup-customer-info-group textarea{font-size: 16px;padding: 16px;height: 60px;} body .popup-customer-info-group textarea{height: 108px;} .popup-customer-info-title{margin-bottom: 8px;} .popup-customer-info-title.customer_coupon_title{font-size: 16px;} .popup_quickbuy_shipping_title{font-size: 16px;font-weight: bold;} .popup_quickbuy_shipping{flex-direction: column;gap: 5px;} .popup_quickbuy_total_calc{font-size: 16px;color: #EA3323;} .popup-customer-info-item-3-13{padding-right: 3px;} .popup-customer-info-item-3-23{padding-right: 0;padding-left: 3px;} [class*="popup-customer-info-item-3-"]{width: 50%;} .popup-customer-info-item-3-33{display: none;} body .quickbuy_coupon_mess ul li{font-size: inherit;} .quickbuy_coupon_mess_amout{font-size: 0;} .quickbuy_coupon_mess_amout .quickbuy_coupon_amout{font-size: 14px;} .quickbuy_coupon_mess_amout .quickbuy_coupon_amout:before{content: "Giảm giá: ";} .detail-share{position: relative;} .detail-share .label{display: flex;align-items: center;gap: 4px;color: #2D71B7;font-weight: 500;font-size: 14px;cursor: pointer;height: 34px;} .detail-share ul{list-style: none;background: #fff;position: absolute;z-index: 99;right: 0;top: 100%;border-radius: 8px;box-shadow: 0px 7px 29px 0px #64646F33;padding: 16px;margin-bottom: 0;display: flex;align-items: center;gap: 8px;opacity: 0;visibility: hidden;transition: all .3s;} .detail-share.active ul{opacity: 1;visibility: visible;} .detail-share ul li a{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;position: relative;border-radius: 50%;background: #E1F0FF;} .detail-share ul li a svg{width: 16px;height: 16px;} .detail-share ul li a:hover{background: #2D71B7;} .detail-share ul li a:hover svg path{fill: #fff;} .detail-share ul li button{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;position: relative;border-radius: 50%;background: #E1F0FF;border: none;transition: all .3s;outline: none;} .detail-share ul li button svg{width: 16px;height: 16px;} .detail-share ul li button:hover{background: #2D71B7;} .detail-share ul li button:hover svg path{stroke: #fff;} .detail-share ul li a .name{position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap;bottom: calc(100% + 8px);display: flex;align-items: center;justify-content: center;padding: 0 8px;height: 24px;background: #121212;color: #fff;border-radius: 4px;font-size: 12px;opacity: 0;visibility: hidden;transition: all .3s;} .detail-share ul li a:hover .name{opacity: 1;visibility: visible;} .detail-share ul li button .name{position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap;bottom: calc(100% + 8px);display: flex;align-items: center;justify-content: center;padding: 0 8px;height: 24px;background: #121212;color: #fff;border-radius: 4px;font-size: 12px;opacity: 0;visibility: hidden;transition: all .3s;} .detail-share ul li button:hover .name{opacity: 1;visibility: visible;} .detail-content .tab-title{list-style: none;margin-bottom: 0;display: flex;justify-content: center;} .detail-content .tab-title button{text-align: center;border: none;border-bottom: 2px solid transparent;height: 41px;padding-bottom: 14px;line-height: 25px;font-weight: 500;color: #24242499;font-size: 24px;min-width: 200px;background: transparent;} .detail-content .tab-title button.active{color: #2D71B7;border-bottom-color: #2D71B7;} .detail-content .tab-content{background: #E1F0FF;border-radius: 16px;border: 1px solid #E6E6E6;padding: 60px;} .woocommerce #reviews #comments h2{font-size: 18px;font-weight: 500;} .woocommerce #reviews #comments ol.commentlist{padding-left: 0;} .woocommerce #reviews #comments ol.commentlist li{margin: 0 0 24px;padding: 0 0 24px;border-bottom: 1px solid #E6E6E6;} .woocommerce #reviews #comments ol.commentlist li .comment-text{margin: 0 0 0 60px;border-radius: 0;border: none;padding: 0;display: flex;flex-direction: column;gap: 12px;} .woocommerce #reviews #comments ol.commentlist li img.avatar{width: 48px;height: 48px;background: transparent;border: none;padding: 0;border-radius: 4px;} .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before{display: none;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{float: none;order: 2;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{order: 1;margin: 0;font-size: 12px;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{font-size: 16px;color: #242424;font-weight: 500;} .woocommerce #reviews #comments ol.commentlist li .comment-text .description{order: 3;font-size: 14px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .description *{margin-bottom: 0;} #reply-title{display: none;} .comment-form{display: flex;flex-wrap: wrap;gap: 8px;} .comment-form p{margin-bottom: 0 !important;} .comment-form-rating{width: 100%;} .comment-form-rating label{display: block;font-weight: 500;color: #242424;margin-bottom: 8px;} .comment-notes{display: none;} .comment-form-comment{width: 100%;} .comment-form-author{width: calc(50% - 4px);} .comment-form-email{width: calc(50% - 4px);} .comment-form-cookies-consent{width: 100%;} .form-submit{width: 100%;} .form-submit input[type="submit"]{ font-weight: 500 !important; padding: 16px 24px !important; color: #fff !important; font-size: 16px !important; background-color: #2D71B7 !important; border-radius: 5px !important; border: none !important; transition: all .3s !important;} .woocommerce #reviews #comment{height: 110px;} .detail-related .box-title{display: flex;align-items: center;justify-content: space-between;gap: 12px;} /* Cart */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #000 !important; } .woocommerce-error, .woocommerce-info, .woocommerce-message{border-radius: 10px;background-color: #E1F0FF;padding: 24px 32px 24px 56px !important;border-top: none;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{top: 24px;} body.woocommerce-cart .cart-block .woocommerce{display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;} .cart-block .woocommerce-notices-wrapper{display: none;} .cart-block .wc-empty-cart-message{width: 100%;} .cart-block .woocommerce-error,.cart-block .woocommerce-info,.cart-block .woocommerce-message{margin: 0;} .cart-block .return-to-shop{margin-bottom: 0;} .cart-block .return-to-shop a{display: inline-flex;align-items: center;justify-content: center;text-align: center; padding: 0 16px;height: 52px;background: #2D71B7 !important;border-radius: 10px;color: #fff !important;font-weight: 500;} .cart-block .woocommerce-cart-form{width: calc((200% / 3) - 20px);border: 1px solid #E6E6E6;border-radius: 16px;padding: 16px 32px;} .cart-block .cart-collaterals{width: calc(100% / 3);} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float: none;width: 100%;background: #E1F0FF;border-radius: 16px;padding: 16px 32px;} .woocommerce .cart-collaterals::after, .woocommerce .cart-collaterals::before, .woocommerce-page .cart-collaterals::after, .woocommerce-page .cart-collaterals::before{display: none;} .woocommerce .cart-collaterals .cart_totals table.shop_table .woocommerce-shipping-totals, .woocommerce-page .cart-collaterals .cart_totals table.shop_table .woocommerce-shipping-totals{display: none;} .woocommerce .cart-collaterals .cart_totals h2{display: none;} #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;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{} .cart-block .wc-proceed-to-checkout{display: flex;gap: 4px;} .cart-block .wc-proceed-to-checkout .back-to-shop{width: calc(50% - 2px);display: flex;align-items: center;justify-content: center;text-align: center; padding: 0 16px;height: 52px;background: #fff;border-radius: 10px;color: #2D71B7;font-weight: 500;} #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{display: flex;align-items: center;padding: 0 16px;height: 52px;border-radius: 10px;background: #2D71B7 !important;color: #fff;font-size: 16px;font-weight: 500;justify-content: center;text-align: center;} .cart-block .wc-proceed-to-checkout .checkout-button{width: calc(50% - 2px);} #add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before{display: none;} .cart-block table.shop_table{margin: 0;border: none;border-radius: 0;} .cart-block table.shop_table.table-bordered>:not(caption)>*{border-width: 0;} .cart-block table.shop_table.table-bordered>:not(caption)>*>*{border-width: 0 0 1px;border-color: #E6E6E6;} .cart-block table.shop_table.table-bordered>:not(caption)>*:last-child>*{border-width: 0;} .cart-block table.shop_table th,.cart-block table.shop_table td{padding: 16px 0;vertical-align: middle;border-bottom: 1px solid #e6e6e6;} .cart-block table.shop_table tr:last-child th,.cart-block table.shop_table tr:last-child td{border-bottom-width: 0;} .cart-block table.shop_table th{font-weight: 500 !important;} .cart-block table.shop_table td:last-child{text-align: right;} .cart-block table.shop_table th:last-child{text-align: right;} .cart-block table.shop_table .actions{display: none;} .cart-block table.shop_table .product-info{width: 44%;} .cart-block table.shop_table .product-price{width: 22%;} .cart-block table.shop_table .product-qty-remove{width: 17%;} .cart-block table.shop_table .product-subtotal{width: 17%;} .cart-block table.shop_table .actions .coupon{display: none;} .cart-block table.shop_table .actions button{display: flex;align-items: center;height: 36px;padding: 0 16px;border-radius: 4px;background: #2D71B7 !important;color: #fff !important;font-weight: 500;font-size: 14px;border: none;} .cart-block table.shop_table .actions button[name="update_cart"]{margin-left: auto;} .cart-block table.shop_table .actions .quantity input.minus,.cart-block table.shop_table .actions .quantity input.plus{display: none;} .cart-block table.shop_table .actions .quantity button{width: 12px;height: 24px;background: transparent !important;border: none;color: #242424CC !important;padding: 0;border-radius: 0;} .cart-block table.shop_table .product-info .product-wrap{display: flex;align-items: center;} .cart-block table.shop_table .product-info .product-wrap .thumb{width: 90px;} .cart-block table.shop_table .product-info .product-wrap .thumb img{width: 100%;height: auto;object-fit: contain;border-radius: 6px;} .cart-block table.shop_table .product-info .product-wrap .content{width: calc(100% - 90px);padding: 0 32px 0 16px;} .cart-block table.shop_table .product-info .product-wrap .content a{font-weight: 500;} .cart-block table.shop_table .price{display: flex;align-items: center;gap: 8px;} .cart-block table.shop_table .price .amount{font-size: 16px;font-weight: 500;color: #242424;line-height: 1;display: block;} .cart-block table.shop_table .price del{color: #242424CC;opacity: 1 !important;} .cart-block table.shop_table .price del .amount{font-size: 16px;color: #242424CC;font-weight: 400;} .cart-block table.shop_table .price ins{text-decoration: none;} .cart-block table.shop_table .product-subtotal .price{justify-content: flex-end;} .cart-block table.shop_table .qty-remove-wrap{display: flex;align-items: center;gap: 8px;} .cart-block .woocommerce-checkout{display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;} .cart-block .woocommerce-checkout>*{width: 100%;} .cart-block #customer_details{width: calc(70% - 20px);padding: 32px;border-radius: 16px;background: #E1F0FF;border: 1px solid #E6E6E6;display: flex;flex-direction: column;gap: 32px;} .cart-block #order_review_heading{display: none;} .cart-block #order_review{width: 30%;display: flex;flex-direction: column;gap: 20px;} .cart-block #order_review ul{list-style: none;margin-bottom: 0;} #shipping_method label:not([for="shipping_method_0_free_shipping3"]){font-size: 0;} #shipping_method label .amount{font-size: 16px;} .woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before{display: none;} .cart-block #customer_details .col-1{float: none;width: 100%;} .cart-block #customer_details .col-2{float: none;width: 100%;} .cart-block #customer_details h3{font-size: 24px;font-weight: 500;} .woocommerce form .form-row{padding: 0;margin: 0 0 4px;width: 100%;} .woocommerce form .woocommerce-billing-fields__field-wrapper,.woocommerce form .woocommerce-shipping-fields__field-wrapper{display: flex;flex-wrap: wrap;column-gap: 4px;} .woocommerce form .form-row label{display: none;font-size: 12px;font-weight: 500;color: #242424;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: calc(50% - 2px);} .woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before{display: none;} .woocommerce form .form-row .input-text, .woocommerce form .form-row select{padding: 18px 16px;border: none;background: #fff;line-height: 24px;} .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus{background: #fff !important;} .woocommerce form .form-row select{height: 60px;} .woocommerce form .form-row textarea{height: 108px !important;} .devvn_xuat_hoa_don_do{padding: 8px 0 0 !important;background: transparent !important;border-radius: 0 !important;} .devvn_xuat_vat_wrap fieldset{margin: 0 !important;padding: 0 !important;border: 0 !important;display: flex;flex-wrap: wrap;gap: 4px;} .devvn_xuat_vat_wrap fieldset legend{margin: 4px 0 !important;padding: 0 !important;display: none !important;} .devvn_xuat_vat_wrap fieldset .form-row label{display: block;} .devvn_nhan_gio_hc_do{background: transparent !important;padding: 0 !important;border-radius: 0 !important;margin-top: 16px;} .devvn_giohc_wrap fieldset{border: none !important;margin: 0 !important;padding: 10px 0 0 0 !important;} .devvn_giohc_wrap fieldset legend{margin: 0 !important;padding: 0 !important;} .select2-container{display: block;} .select2-container .select2-selection--single{margin: 0;height: 60px;} .select2-container .select2-dropdown{border-color: #E6E6E6;} .select2-container .select2-selection{border: 1px solid #ccc;} .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection{border: none;} .select2-container .select2-selection--single .select2-selection__rendered{height: 60px;padding: 18px 16px;line-height: 24px;} .select2-container .select2-selection--single .select2-selection__arrow{top: 0;height: 100%;} .cart-block #order_review .table-responsive{padding: 16px 32px;border-radius: 16px;background: #E1F0FF;border: 1px solid #E6E6E6;} .cart-block #order_review table.shop_table thead{display: none;} .cart-block #order_review table.shop_table .title{border-width: 0 !important;text-align: left !important;} .cart-block #order_review table.shop_table .title h3{font-size: 24px;font-weight: 500;margin-bottom: 0;} .cart-block #order_review table.shop_table .cart_item td{text-align: left !important;} .cart-block #order_review table.shop_table .cart_item .checkout-item{display: flex;align-items: center;gap: 20px;position: relative;} .cart-block #order_review table.shop_table .cart_item .checkout-item .thumb{width: 84px;} .cart-block #order_review table.shop_table .cart_item .checkout-item .thumb img{width: 100%;height: auto;border-radius: 6px;object-fit: contain;} .cart-block #order_review table.shop_table .cart_item .checkout-item .info{width: calc(100% - 104px);display: flex;flex-direction: column;gap: 8px;position: relative;} .cart-block #order_review table.shop_table .cart_item .checkout-item .info .name{font-size: 16px;font-weight: 500;line-height: 1.2;} .cart-block #order_review table.shop_table .cart_item .checkout-item .info .actions{display: flex;align-items: center;justify-content: space-between;padding-top: 4px;} .cart-block .woocommerce-checkout #payment{padding: 32px;border-radius: 16px;background: #E1F0FF;border: 1px solid #E6E6E6;} .cart-block .woocommerce-checkout #payment .title{font-size: 24px;font-weight: 500;} .cart-block .woocommerce-checkout #payment ul.payment_methods{border-bottom: 0;padding: 0;margin-bottom: 16px;display: flex;flex-direction: column;gap: 16px;list-style: none;} .cart-block .woocommerce-checkout #payment div.form-row{padding: 0;margin: 0;} .cart-block .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{display: none;} .cart-block .woocommerce-checkout #payment button.button{display: flex;align-items: center;padding: 0 16px;height: 52px;border-radius: 10px;background: #2D71B7 !important;color: #fff;font-size: 16px;font-weight: 500;justify-content: center;text-align: center;float: none !important;width: 100%;border: none;} .note-free{margin-bottom: 0;text-align: left;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background-color: #fff;padding: 16px;border-radius: 8px;margin-top: 8px;} #add_payment_method #payment div.payment_box *, .woocommerce-cart #payment div.payment_box *, .woocommerce-checkout #payment div.payment_box *{margin-bottom: 0;} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{border: 1em solid #fff;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;} .checkout-coupon-custom{padding: 32px;border-radius: 16px;background: #E1F0FF;border: 1px solid #E6E6E6;} .checkout-coupon-custom .woocommerce-form-coupon-toggle{display: none;} .checkout-coupon-custom h3{font-size: 24px;font-weight: 500;} .checkout-coupon-custom .form{display: flex;gap: 4px;} .checkout-coupon-custom .form .form-submit{width: 108px;} .checkout-coupon-custom .form button.button{display: flex;align-items: center;padding: 0 16px;height: 60px;border-radius: 4px;background: #2D71B7 !important;color: #E1F0FF;font-size: 16px;font-weight: 400;justify-content: center;text-align: center;float: none !important;width: 108px;white-space: nowrap; border: none;} .checkout-coupon-custom .form .form-input{width: calc(100% - 112px);} .checkout-coupon-custom .form input.input-text{border-color: #fff;} .checkout-coupon-custom .woocommerce-error,.checkout-coupon-custom .woocommerce-info,.checkout-coupon-custom .woocommerce-message{padding: 0 !important;border-radius: 0;background-color: transparent;font-size: 16px;font-weight: 500;margin-top: 10px;} /* Thankyou */ body.woocommerce-order-received .box-bread{display: none;} body.woocommerce-order-received .page-body{padding: 40px 0 80px;} .vdh_qr_code{display: none !important;} .woocommerce-customer-details{display: none;} .woocommerce-bacs-bank-details{display: none;} .woocommerce-order-details{display: none;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals + p{display: none;} .gtpl-ty-wrap{display: flex;flex-wrap: wrap;gap: 20px;} .gtpl-ty-wrap .gtpl-ty-success{width: 100%;background: #E1F0FF;padding: 64px 32px;border-radius: 16px;display: flex;flex-direction: column;gap: 16px;text-align: center;} .gtpl-ty-wrap .gtpl-ty-success .text{font-size: 24px;font-weight: 500;color: #242424;} .gtpl-ty-wrap .gtpl-ty-grid{width: 100%;display: flex;flex-wrap: wrap;gap: 20px;} .gtpl-ty-wrap .gtpl-ty-grid .col-left{width: calc(70% - 20px);background: #E1F0FF;padding: 32px;border-radius: 16px;} .gtpl-ty-wrap .gtpl-ty-grid .col-right{width: 30%;background: #E1F0FF;border-radius: 16px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd{display: flex;align-items: center;justify-content: space-between;gap: 8px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd h3{margin-bottom: 0;font-weight: 500;font-size: 24px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd .gtpl-small{font-weight: 500;color: #242424;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd .gtpl-small span{font-weight: 400;color: #242424CC;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item{padding: 16px 0;border-bottom: 1px solid #E6E6E6;display: flex;align-items: center;gap: 24px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-thumb{width: 84px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-thumb img{width: 100%;height: auto;border-radius: 6px;object-fit: contain;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-item-main{width: calc(100% - 108px);display: flex;align-items: center;justify-content: space-between;gap: 16px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-item-main .left{width: 400px;max-width: 100%;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-item-main .name{font-size: 16px;font-weight: 500;color: #242424;line-height: 1.2;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-item-main .right{text-align: right;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-products .gtpl-item .gtpl-item-main .price{font-weight: 500;color: #242424;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-row{padding: 16px 0;border-bottom: 1px solid #E6E6E6;display: flex;justify-content: space-between;align-items: center;gap: 12px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-row .key{font-weight: 500;color: #242424;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-row .amount{font-weight: 600;color: #242424;font-size: 18px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-actions{padding-top: 16px;display: flex;justify-content: flex-start;gap: 8px;flex-wrap: wrap;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-actions .gtpl-btn{padding: 0 24px;display: flex;align-items: center;justify-content: center;text-align: center;height: 60px;border-radius: 10px;font-weight: 500;font-size: 16px;background: #fff;color: #2D71B7;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-actions .gtpl-btn.primary{color: #fff;background: #2D71B7;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd-right{display: flex;align-items: center;color: #fff;padding: 0 32px;height: 54px;background: #2D71B7;border-radius: 16px 16px 0 0;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd-right h3{font-size: 18px;font-weight: 500;margin-bottom: 0;color: #fff;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info{padding: 16px 32px 32px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info .item{padding: 16px 0;border-bottom: 1px solid #E6E6E6;display: flex;align-items: center;gap: 12px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info .item .icon{width: 40px;height: 40px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info .item .box{width: calc(100% - 52px);display: flex;flex-direction: column;gap: 4px;font-size: 14px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info .item .box .key{font-size: 16px;font-weight: 500;color: #242424;} /* Add-to-cart */ .cart-overlay{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.35); z-index:99999; } .cart-overlay.is-open{ display:flex; } .cart-toast{width: 420px;max-width: calc(100% - 40px);display: flex;flex-direction: column;gap: 16px;text-align: center;padding: 32px;background: #fff;border-radius: 8px;} .cart-toast__icon{} .cart-toast__desc{font-weight: 500;font-size: 18px;} .cart-toast__close{ position:absolute; right:0; top:0; width:34px; height:34px; border:0; background:transparent; font-size:22px; cursor:pointer; color:#666; } .cart-toast__close:hover{ color:#000; } /* Popup-cart */ .xoo-wsc-container, .xoo-wsc-slider, .xoo-wsc-drawer{max-width: 460px;right: -460px;} .xoo-wsc-ft-buttons-cont{grid-column-gap: 4px;grid-row-gap: 4px;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]{padding: 12px;border-radius: 4px;border: none !important;background: #E1F0FF !important;color: #2D71B7 !important;font-weight: 500;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout, .xoo-wsc-markup .xoo-wsc-btn.xoo-wsc-ft-btn-checkout{background: #2D71B7 !important;color: #fff !important;} .xoo-wsc-ft-amt-total{margin-top: 0;border-top: 0;} .xoo-wsc-product, .xoo-wsc-sp-product{padding: 15px;margin: 10px;} .xoo-wsc-footer{border-top: 2px solid #eee;box-shadow: none;} .xoo-wsc-footer .amount{font-size: 18px;font-weight: 600;} span.xoo-wsc-pname{font-size: 15px;} .xoo-wsc-pprice {font-size: 0;} .xoo-wsc-pprice .screen-reader-text{display: none;} .xoo-wsc-pprice .amount{font-size: 15px;font-weight: 500;} .xoo-wsc-pprice del .amount{font-weight: normal;} .xoo-wsc-pprice del{margin-right: 8px;} .xoo-wsc-pprice ins{text-decoration: none;} .xoo-wsc-sm-right{justify-content: flex-end;padding-bottom: 8px;} .xoo-wsc-qty-box{max-width: 92px;width: 92px;border-radius: 6px;overflow: hidden;} .xoo-wsc-qty-box.xoo-wsc-qtb-square{border-color: #E6E6E6;} input[type="number"].xoo-wsc-qty{height: 30px;line-height: 30px;border: none;border-radius: 0;} /* wishlist */ .woocommerce .wishlist-title{margin-bottom: 20px;} table.wishlist_table{margin-bottom: 0;border: none;} .yith-wcwl-form .table-responsive{border: 1px solid #E6E6E6;border-radius: 16px;padding: 16px 32px;} table.wishlist_table thead{display: none;} table.wishlist_table tr{border-width: 0;} table.wishlist_table tbody td,table.wishlist_table thead th{padding: 16px 0;border-width: 0;vertical-align: middle;border-bottom: 1px solid #e6e6e6;} table.wishlist_table tbody tr:last-child td,table.wishlist_table thead tr:last-child th{border-bottom: 0;} .wishlist_table tr td.product-remove{width: 30px;} .wishlist_table tr td.product-thumbnail{width: 90px;} .wishlist_table tr td.product-name{width: calc(100% - 120px - 180px - 120px);padding: 16px; font-weight: 600;font-size: 16px;} .wishlist_table tr td.product-price{width: 180px;text-align: left;} .wishlist_table tr td.product-price .screen-reader-text{display: none;} .wishlist_table tr td.product-price .amount{font-size: 15px;font-weight: 500;} .wishlist_table tr td.product-price del .amount{font-weight: normal;} .wishlist_table tr td.product-price del{margin-right: 8px;opacity: .7;} .wishlist_table tr td.product-price ins{text-decoration: none;} .wishlist_table tr td.product-add-to-cart{width: 120px;} .wishlist_table .product-add-to-cart a{display: flex !important;align-items: center;padding: 0 8px;justify-content: center;text-align: center;height: 32px;border-radius: 6px;color: #fff;background: #2D71B7;white-space: nowrap;font-size: 13px;text-decoration: none;} /* Account */ .account-body .box-login{background: #fff;padding: 20px;border: 2px solid #1a1a1a;width: 468px;max-width: 100%;display: block;margin: 0 auto;} .account-body .box-login #customer_login h2{font-weight: 700;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .account-body .box-login [type="submit"]{width: 100%;} .account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;} .account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .account-body .box-login .note a{color: #02AEEE;} .account-body .box-login .u-column2{display: none;} .account-body .box-login .note .note2{display: none;} .account-body .box-login.active .u-column2{display: block;} .account-body .box-login.active .u-column1{display: none;} .account-body .box-login.active .note .note2{display: block;} .account-body .box-login.active .note .note1{display: none;} .zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;} .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;} .woocommerce-EditAccountForm fieldset legend{font-weight: 700;font-size: 20px;margin-bottom: 16px;} .woocommerce-account .addresses .title h3{font-size: 18px;font-weight: 700;} /* Home */ .swiper-banner{border-radius: 16px;} .swiper-banner .swiper-slide{height: auto;} .swiper-banner .img{height: 100%;overflow: hidden;} .swiper-banner .img img{height: 100%;} .swiper-banner .swiper-btn{width: 44px;height: 44px;border-radius: 50%;border: none;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;} .swiper-banner .swiper-btn:hover svg path{stroke: #2D71B7;} .banner-prev{left: 60px;} .banner-next{right: 60px;} .banner-pagination{position: absolute;bottom: 40px !important;left: 0 !important;top: auto !important; z-index: 2;} .banner-pagination .swiper-pagination-bullet{width: 30px;height: 4px;border-radius: 4px;background: #D9D9D9;opacity: 1;} .banner-pagination .swiper-pagination-bullet-active{background: #fff;} .home-body{padding: 10px 0 100px;display: flex;flex-direction: column;gap: 80px;} .home-sec1{display: flex;flex-wrap: wrap;gap: 8px;} .home-sec1 .item{width: calc((100% - 24px) / 4);display: flex;align-items: center;gap: 24px;padding: 24px;background: #E1F0FF;border-radius: 10px;} .home-sec1 .item .icon{transition: all .3s;width: 64px;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #fff;} .home-sec1 .item .icon img{object-fit: contain;width: 32px;height: 32px;transition: all .3s;} .home-sec1 .item .box{width: calc(100% - 88px);display: flex;flex-direction: column;gap: 8px;} .home-sec1 .item .box .name{font-size: 18px;font-weight: 500;color: #242424;} .home-sec1 .item .box .text{font-size: 14px;} .home-sec1 .item:hover .icon{background: #2D71B7;} .home-sec1 .item:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .home-block{display: flex;flex-direction: column;gap: 40px;} .home-link{display: inline-flex;align-items: center;padding: 0 24px;height: 42px;border-radius: 10px;background: #E1F0FF;font-size: 14px;font-weight: 500;color: #242424;} .swiper-cat{margin: -4px;} .swiper-cat .swiper-slide{padding: 4px;height: auto;} .swiper-cat .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;} .cat-prev{left: 15px;} .cat-next{right: 15px;} .item-cat{height: 100%;border-radius: 10px;background: #E1F0FF;display: flex;flex-direction: column;padding: 20px 16px 24px;gap: 24px;} .item-cat .name{margin-bottom: 0;font-size: 20px;line-height: 1.1;font-weight: 500;margin-top: auto;} .item-cat .img{display: flex;justify-content: center;} .item-cat .img a{padding: 3px;border-radius: 8px;background: #FFFFFF99;display: block;margin: 0 auto;height: 190px;max-width: 100%;width: auto;} .item-cat .img a img{height: 100%;width: auto;border-radius: 8px;transition: all .8s;} .item-cat .img a:hover img,.item-cat .img a:focus img{transform: scale(1.05);} .home-sec3 .box-title{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;} .home-sec3 .row{--bs-gutter-x: 15px;} .home-sec3 .col-left{width: 30%;} .home-sec3 .col-right{width: 70%;} .home-sec3 .inner{background: #E1F0FF;border-radius: 16px;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;} .home-sec3 .inner .thumb{flex: 1;position: relative;height: 100%;} .home-sec3 .inner .thumb a{display: block;width: 100%;height: 100%;position: relative;} .home-sec3 .inner .thumb img{position: absolute;object-fit: contain;left: 50%;transform: translateX(-50%);max-width: calc(100% - 60px);max-height: calc(100% - 48px);bottom: 12px;} .home-sec3 .inner .box{padding: 32px 24px;display: flex;flex-direction: column;gap: 24px;} .home-sec3 .inner .box .name{margin-bottom: 0;font-size: 24px;font-weight: 500;} .home-sec3 .inner .box .price{display: flex;align-items: center;gap: 8px;justify-content: center;} .home-sec3 .inner .box .price .amount{font-size: 18px;font-weight: bold;color: #C7370F;line-height: 1;display: block;} .home-sec3 .inner .box .price del{color: #242424CC;opacity: 1 !important;} .home-sec3 .inner .box .price del .amount{font-size: 16px;color: #242424CC;font-weight: 400;} .home-sec3 .inner .box .price ins{text-decoration: none;} .home-sec4{overflow: hidden;border-radius: 16px;min-height: 600px;display: flex;align-items: center;justify-content: flex-end;padding: 60px 120px;} .home-sec4 .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .home-sec4 .inner{width: 500px;max-width: 100%;display: flex;flex-direction: column;gap: 4px;position: relative;z-index: 2;} .home-sec4 .inner .sub-title{color: #242424;} .home-sec4 .inner .title{font-size: 40px;font-weight: 500;margin-bottom: 0;} .home-sec4 .inner .home-cta{padding-top: 16px;} .home-cta a{display: inline-flex;align-items: center;padding: 0 24px;height: 44px;border-radius: 8px;color: #fff;font-size: 14px;font-weight: 500;background: #2D71B7;} .home-sec5 .box-title{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;} .home-sec5 .row{--bs-gutter-x: 15px;} .home-sec5 .col-left{width: 30%;} .home-sec5 .col-right{width: 70%;} .home-sec5 .inner{display: flex;flex-direction: column;justify-content: flex-end;height: 100%;border-radius: 16px;} .home-sec5 .inner .thumb{flex: 1;position: relative;height: 100%;} .home-sec5 .inner .thumb img{background: #FFFFFF99;padding: 4px;border-radius: 8px;position: absolute;bottom: 4px; left: 50%;transform: translateX(-50%);max-height: calc(100% - 24px);max-width: calc(100% - 60px);object-fit: contain;width: auto;height: auto;} .home-sec5 .inner .box{padding: 24px;display: flex;flex-direction: column;gap: 12px;} .home-sec5 .inner .box .name{font-size: 24px;font-weight: 500;color: #242424;} .home-sec6{overflow: hidden;border-radius: 16px;min-height: 600px;display: flex;align-items: center;justify-content: flex-start;padding: 60px;} .home-sec6 .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .home-sec6 .inner{width: 432px;max-width: 100%;display: flex;flex-direction: column;gap: 20px;position: relative;z-index: 2;} .home-sec6 .inner .title{font-size: 36px;font-weight: 500;margin-bottom: 0;width: 360px;max-width: 100%;} .home-sec6 .inner .home-cta{padding-top: 16px;} .swiper-fb{margin: -8px;} .swiper-fb .swiper-slide{padding: 8px;height: auto;} .item-fb{height: 100%;padding: 32px;background: #E1F0FF;border-radius: 16px;display: flex;flex-direction: column;gap: 32px;} .item-fb .content{display: flex;flex-direction: column;} .item-fb .content .text{text-indent: 50px;position: relative;top: -2px;} .item-fb .info{display: flex;align-items: center;gap: 12px;margin-top: auto;} .item-fb .info .avata{width: 80px;aspect-ratio: 1/1;overflow: hidden;border-radius: 50%;} .item-fb .info .avata img{width: 100%;height: 100%;object-fit: cover;} .item-fb .info .box{display: flex;flex-direction: column;gap: 4px;} .item-fb .info .box .name{color: #242424;font-weight: 500;} .item-fb .info .box .sub{color: #242424;font-size: 12px;} .swiper-fb .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;} .fb-prev{left: 15px;} .fb-next{right: 15px;} /* About */ .about-body{display: flex;flex-direction: column;gap: 60px;padding: 60px 0 80px;} .about-body .home-title{color: #2D71B7;} .about-sec1{display: flex;flex-direction: column;gap: 24px;} .about-sec1 .item:nth-child(even) .row{flex-direction: row-reverse;} .about-sec1 .item .home-block{padding: 32px;border-radius: 16px;border: 1px solid #2D71B7; opacity: 0;visibility: hidden;transition: all .8s;position: relative;z-index: 2;background: #fff;} .about-sec1 .item.re-active .home-block{opacity: 1;visibility: visible;} .about-sec1 .item:nth-child(odd) .home-block{transform: translateX(-30px);} .about-sec1 .item.re-active:nth-child(odd) .home-block{transform: translateX(60px);} .about-sec1 .item:nth-child(even) .home-block{transform: translateX(30px);} .about-sec1 .item.re-active:nth-child(even) .home-block{transform: translateX(-60px);} .about-sec1 .item .img{width: 100%;overflow: hidden;aspect-ratio: 83/50;border-radius: 16px;opacity: 0;visibility: hidden;transition: all .8s;} .about-sec1 .item .img img{height: 100%;} .about-sec1 .item.re-active .img{opacity: 1;visibility: visible;} .about-sec1 .item:nth-child(odd) .img{transform: translateX(30px);} .about-sec1 .item.re-active:nth-child(odd) .img{transform: translateX(0px);} .about-sec1 .item:nth-child(even) .img{transform: translateX(-30px);} .about-sec1 .item.re-active:nth-child(even) .img{transform: translateX(0px);} .about-sec2 .home-block{background: #E1F0FF;border-radius: 16px;padding: 64px 32px;} .about-sec2 .home-title{opacity: 0;visibility: hidden;transform: translateY(50px);transition: all .8s;} .about-sec2 .home-title.re-active{opacity: 1;visibility: visible;transform: translateY(0);} .about-sec2 .row{--bs-gutter-x: 40px;} .about-sec2 .col-img{width: 40%;} .about-sec2 .col-inner{width: 30%;} .about-sec2 .img{width: 100%;aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;transition: all 1s;opacity: 0;visibility: hidden;transform: scale(.8);} .about-sec2 .img.re-active{opacity: 1;visibility: visible;transform: scale(1);} .about-sec2 .img img{height: 100%;} .about-sec2 .list{display: flex;flex-direction: column;gap: 60px;transition: all .8s;opacity: 0;visibility: hidden;} .about-sec2 .list.re-active{opacity: 1;visibility: visible;} .about-sec2 .col-left .list{transform: translateX(-50px);} .about-sec2 .col-right .list{transform: translateX(50px);} .about-sec2 .col-left .list.re-active{transform: translateX(0);} .about-sec2 .col-right .list.re-active{transform: translateX(0);} .about-sec2 .list.re-active{opacity: 1;visibility: visible;transform: translateY(0);} .about-sec2 .list .item{display: flex;flex-direction: column;gap: 24px;transform: translateY(50px);transition: all .8s;} .about-sec2 .list.re-active .item{transform: translateY(0);} .about-sec2 .list .item .icon{padding-bottom: 8px;} .about-sec2 .list .item .icon img{object-fit: contain;height: 32px;width: auto;} .about-sec2 .list .item .name{font-size: 24px;line-height: 1.1;color: #242424;} .about-sec3 .home-title{transform: translateY(50px);transition: all .8s;opacity: 0;visibility: hidden;} .about-sec3 .home-title.re-active{transform: translate(0);opacity: 1;visibility: visible;} .about-sec3 .home-slider{transform: translateY(50px);transition: all .8s;opacity: 0;visibility: hidden;} .about-sec3 .home-slider.re-active{transform: translate(0);opacity: 1;visibility: visible;} .swiper-video{margin: -10px;} .swiper-video .swiper-slide{padding: 10px;height: auto;} .swiper-video .item{height: 100%;display: flex;flex-direction: column;border-bottom: 1px solid #24242414;gap: 24px;padding-bottom: 24px;} .swiper-video .item .img{aspect-ratio: 16/9;overflow: hidden;border-radius: 16px;} .swiper-video .item .img img{height: 100%;} .swiper-video .item .name{margin-bottom: 0;font-size: 24px;font-weight: 400;} .swiper-video .swiper-btn{position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);} .video-prev{left: 22px;} .video-next{right: 22px;} @media (max-width: 1399px) { } @media (max-width: 1199px) { 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{padding: 12px 16px;} select{height: 52px;} input[type="submit"]{padding: 12px 24px;line-height: 24px;} .header-main .col-nav{width: 220px;gap: 20px;} .header-main .col-logo{width: 220px;} .header-main .col-search{width: calc(100% - 470px);} .header-main .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{height: 42px;} .header-main .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{height: 42px;min-width: 48px;} .header-menu .menu{gap: 40px;} .header-menu .menu > li{height: 42px;} .header-menu .menu > li > a{font-size: 16px;} .footer-main .col-info{width: 100%;max-width: 100%;} .footer-main .col-main{width: 100%;} .footer-main{padding: 40px 0 30px;} .footer-bot{padding: 20px 0;} .breadcrumbs{padding: 10px 0 12px;} .contact-body{padding: 24px 0 40px;} .contact-body .block{padding: 20px;gap: 16px;} .contact-body .block .info .item{padding: 16px 8px 16px 0;gap: 6px;} .home-title{font-size: 28px;} .box-bread{padding: 20px;gap: 6px;} .box-bread .title{font-size: 28px;} .form-dky .box .form input[type="submit"]{width: 40px;height: 40px;} .form-dky .box{padding-left: 0;gap: 10px;} .form-bottom{padding: 32px;} .archive-body{padding: 30px 0 40px;gap: 40px;} .archive-block{gap: 24px;} .archive-menu a{font-size: 16px;height: 40px;} .item-news .img{height: 200px;} .item-news{gap: 16px;} .item-news .info{gap: 10px;} .item-news .info .name{font-size: 18px;} .list-news .item .img{width: 150px;} .list-news .item .info{width: calc(100% - 150px - 16px);} .archive-block .list-news .item .info .name{font-size: 16px;} .single-meta .meta{row-gap: 4px;} .big-item .item-news .info .name{font-size: 22px;} .single-body .row{--bs-gutter-x: 30px;} .single-meta{gap: 12px;} .single-body{padding: 0 0 40px;gap: 30px;} .single-block{gap: 30px;} .single-author{padding: 20px;} .single-author .link a{height: 40px;padding: 0 16px;} body.single-post .form-bottom{margin-top: 20px;} .single-related .title{font-size: 20px;} .taxonomy-body{padding: 30px 0 40px;gap: 40px;} .taxonomy-filter .filter-title{height: 50px;padding: 0 20px;} .taxonomy-filter .filter-block{padding: 12px 20px;} .filter-block .widget{padding: 20px 0;} .filter-block .widget-title{margin-bottom: 12px;} .list-product{margin: -24px 0 0;} .list-product .item-pro{padding: 24px 0;width: calc(100% / 3);} .list-product .item-pro:nth-child(4n) .box{border-right-width: 1px;} .list-product .item-pro:nth-child(3n) .box{border-right-width: 0;} .item-pro .box .info .price .amount{font-size: 16px;} .swiper-gallery .swiper-slide{padding: 0;} .detail-image{padding: 40px 20px 20px;} .detail-info{padding: 20px;gap: 20px;} .detail-meta .price .amount{font-size: 24px;} .detail-meta .price del .amount{font-size: 20px;} .detail-desc{column-gap: 20px;row-gap: 20px;} .detail-desc .description{font-size: 14px;} .detail-desc .policy{padding: 20px;} .detail-gift .title{left: 20px;} .detail-gift{padding: 24px 20px 20px;} .woocommerce div.product form.cart div.quantity{width: 180px;height: 46px;} .woocommerce div.product form.cart div.quantity input.minus, .woocommerce div.product form.cart div.quantity input.plus{font-size: 16px;} .woocommerce div.product form.cart .group-btn .button{height: 46px;} .detail-body{padding: 0 0 40px;gap: 40px;} .detail-content .tab-title button{font-size: 20px;min-width: 180px;} .detail-content .tab-content{padding: 20px;} .home-block{gap: 24px;} .banner-prev{left: 20px;} .banner-next{right: 20px;} .home-sec1 .item{padding: 20px;gap: 20px;} .home-sec1 .item .icon{width: 60px;} .home-sec1 .item .box{width: calc(100% - 80px);gap: 6px;} .home-sec1 .item .box .name{font-size: 16px;} .home-body{padding: 10px 0 40px;gap: 40px;} .item-cat{padding: 16px 10px 20px;gap: 16px;} .item-cat .name{font-size: 16px;} .home-link{height: 36px;padding: 0 16px;} .home-sec3 .inner{height: auto;position:-webkit-sticky;position:sticky;top:10px;z-index: 99;} .home-sec3 .inner .thumb{aspect-ratio: 5/6;} .home-sec3 .inner .thumb img{max-width: calc(100% - 40px);max-height: calc(100% - 30px);} .home-sec3 .inner .box{padding: 20px 16px;gap: 16px;} .home-sec3 .inner .box .name{font-size: 20px;} .home-sec3 .inner .box .text{font-size: 15px;} .home-sec3 .inner .box .price .amount{font-size: 16px;} .home-sec4{min-height: 440px;padding: 40px 60px;} .home-sec4 .inner{width: 440px;} .home-sec4 .inner .title{font-size: 30px;} .home-sec4 .inner .home-cta{padding-top: 12px;} .home-cta a{height: 40px;padding: 0 16px;} .home-sec5 .inner{height: auto;position:-webkit-sticky;position:sticky;top:10px;z-index: 99;} .home-sec5 .inner .thumb{aspect-ratio: 5/6;} .home-sec5 .inner .thumb img{max-width: calc(100% - 40px);max-height: calc(100% - 30px);} .home-sec5 .inner .box{padding: 20px;gap: 8px;} .home-sec5 .inner .box .name{font-size: 20px;} .home-sec5 .inner .box .text{font-size: 15px;} .home-sec6{min-height: 440px;padding: 30px 40px;} .home-sec6 .inner{width: 400px;gap: 8px;} .home-sec6 .inner .title{font-size: 28px;} .about-body{padding: 30px 0 40px;gap: 40px;} .about-sec2 .home-block{padding: 32px 20px;} .about-sec2 .row{--bs-gutter-x: 30px;} .about-sec2 .list{gap: 30px;} .about-sec2 .list .item{gap: 16px;} .about-sec2 .list .item .icon{padding-bottom: 0;} .about-sec2 .list .item .name{font-size: 20px;} .swiper-video .item{padding-bottom: 20px;gap: 16px;} .swiper-video .item .name{font-size: 18px;} .item-fb{padding: 20px;gap: 20px;} .item-fb .content .text{text-indent: 40px;} .page-body{padding: 30px 0 40px;} .cart-block .woocommerce-cart-form{width: 100%;padding: 10px 20px;} .cart-block .cart-collaterals{width: 100%;margin-left: auto;max-width: 420px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{padding: 10px 20px;} .cart-block #customer_details{width: 100%;padding: 20px;gap: 24px;} .cart-block #order_review{width: 100%;max-width: 420px;margin-left: auto;} .cart-block #order_review .table-responsive{padding: 10px 20px;} .cart-block #customer_details h3{font-size: 20px;} .cart-block #order_review table.shop_table .title h3{font-size: 20px;} .checkout-coupon-custom h3{font-size: 20px;} .checkout-coupon-custom{padding: 20px;} .cart-block .woocommerce-checkout #payment{padding: 20px;} .cart-block .woocommerce-checkout #payment .title{font-size: 20px;} .checkout-coupon-custom .form button.button{height: 52px;} .gtpl-ty-wrap .gtpl-ty-success{padding: 24px;gap: 12px;} .gtpl-ty-wrap .gtpl-ty-success .text{font-size: 18px;} .gtpl-ty-wrap .gtpl-ty-grid .col-left{padding: 20px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd h3{font-size: 20px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-totals .gtpl-actions .gtpl-btn{height: 52px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-card-hd-right{padding: 0 20px;height: 50px;} .gtpl-ty-wrap .gtpl-ty-grid .gtpl-info{padding: 10px 20px 20px;} body.woocommerce-order-received .page-body{padding: 20px 0 40px;} .wishlist_table tr td.product-name{font-size: 15px;} .yith-wcwl-form .table-responsive{padding: 10px 20px;} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body {font-size: 15px; overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } .row{--bs-gutter-x: 20px;} #main{overflow: hidden;} .supports .item a{width: 44px;height: 44px;} .supports .item a img{max-width: 24px;max-height: 24px;} .supports .item a.zalo img{max-width: 30px;} .backtop a{width: 44px;height: 44px;} .backtop a img{max-width: 24px;max-height: 24px;} .header-main .col-logo{width: 180px;} .header-main .col-nav{gap: 10px;width: 100px;} .header-main .flex{gap: 20px;} .header-main .col-search{width: calc(100% - 180px - 100px - 40px);} .header-menu{display: none;} .header-main .touch-nav .name{display: none;} #touch-menu{display: block;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); width: 24px;height: 24px;cursor: pointer;background-image: url(images/touch.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .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: 9999} body.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;} #menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: 100%;top: 0;left: -300px;opacity: 0;visibility: hidden;padding-top: 40px;} body.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;} #menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;} #menu-mobile ul{list-style: none;margin-bottom: 0;} #menu-mobile .menu{height: 100%;overflow-y: auto;padding: 15px 10px 10px 20px;} #menu-mobile .menu ul{display: none;padding-left: 20px;} #menu-mobile .menu li{position: relative;} #menu-mobile .menu li>a{display: flex;align-items: center;min-height: 36px;} #menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;transition: all .3s;} #menu-mobile .menu li.re-arrow>svg{transform: rotate(180deg);} .header-main .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{height: 38px;padding: 0 56px 0 16px;} .dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input, .dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus{font-size: 14px;} .header-main .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{height: 38px;min-width: 44px;} .header-main .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before{top: 11px;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);} .home-title{font-size: 24px;} .form-bottom{padding: 20px;} .form-dky .home-title{width: 100%;text-align: center;margin-bottom: 12px;} .form-dky .box{width: 100%;} .form-dky .box .note{text-align: center;} .contact-body{padding: 10px 0 40px;} .contact-body .map{height: 300px;} .box-bread{margin-top: 10px;} .box-bread .title{font-size: 24px;} .archive-body{padding: 20px 0 40px;} .archive-block{gap: 20px;} .item-news{padding-bottom: 0;} .content-post #ez-toc-container{display: block;margin-bottom: 16px;} .single-body .col-content{width: 100%;} .single-body .col-sidebar{width: 100%;} .single-toc{display: none;} .taxonomy-body{padding: 20px 0 40px;} .taxonomy-body .col-sidebar{width: 100%;position: fixed;z-index: 9999;height: 100%;top: 0;left: 0;transition: all .3s;opacity: 0;visibility: hidden;} .taxonomy-body .col-content{width: 100%;} .taxonomy-body .row{--bs-gutter-x: 20px;} .list-product{margin: -20px 0 0;} .list-product .item-pro{padding: 20px 0;} .item-pro .box{padding: 0 10px;gap: 12px;} .item-pro .box .info .name{font-size: 15px;} .detail-body{gap: 30px;} .detail-head .col-image{width: 100%;} .detail-head .col-info{width: 100%;} .swiper-product .item-pro{padding-bottom: 20px;} .swiper-product:before{height: calc(100% - 20px);} .home-banner{padding-top: 10px;} .swiper-banner .swiper-btn{width: 36px;height: 36px;} .home-sec1 .item{width: calc(50% - 4px);} .home-block{gap: 20px;} .item-cat{gap: 12px;} .item-cat .img a{height: 150px;} .item-cat .name{font-size: 15px;} .home-sec3 .inner{position: inherit;} .home-sec3 .col-left{width: 100%;} .home-sec3 .col-right{width: 100%;} .home-sec3 .inner .thumb{aspect-ratio: inherit;height: auto;padding: 20px 20px 0;} .home-sec3 .inner .thumb img{position: unset;max-width: 200px;max-height: 240px;transform: none;} .home-sec4{padding: 30px;min-height: 320px;} .home-sec4 .inner .title{font-size: 24px;} .home-sec4 .inner{width: 360px;} .home-sec5 .col-left{display: none;} .home-sec5 .col-right{width: 100%;} .home-sec6{min-height: 320px;padding: 30px;} .home-sec6 .inner{width: 340px;} .home-sec6 .inner .title{font-size: 22px;} .about-sec1 .item .home-block{padding: 20px;transform: translateX(0)translateY(20px) !important;} .about-sec1 .item.re-active .home-block{transform: translateX(0)translateY(0) !important;} .about-sec2 .col-img{width: 100%;display: none;} .about-sec2 .col-inner{width: 100%;} .about-sec2 .row{--bs-gutter-x: 20px;} .about-sec2 .list{gap: 20px;} .about-sec2 .list .item{gap: 12px;} .about-sec2 .list .item .name{font-size: 16px;} .cart-block table.shop_table .price{flex-wrap: wrap;row-gap: 4px;} .gtpl-ty-wrap .gtpl-ty-success{padding: 20px;gap: 10px;} .gtpl-ty-wrap .gtpl-ty-success .icon-check svg{width: 60px;height: 60px;} .gtpl-ty-wrap .gtpl-ty-grid .col-left{width: 100%;} .gtpl-ty-wrap .gtpl-ty-grid .col-right{width: 100%;} .archive-body{gap: 30px;} .wc-sorting-buttons{padding-left: 0;} .playlist-video .tab-content .video{height: auto;aspect-ratio: 16/9;} } @media(max-width:767px) { .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)} .header-main .col-search{display: none;} #touch-search{display: flex;align-items: center;justify-content: center;cursor: pointer;width: 24px;height: 24px;} .header-main .col-nav{width: 130px;} #touch-search svg{width: 20px;height: 20px;fill: #fff;} .footer-main{padding: 30px 0 24px;} .footer-main .col-main .widget{width: 100%;} .footer-main .widget-title{font-size: 16px;font-weight: 600;} .item-news .img{height: 180px;} .item-news{gap: 12px;} .item-news .info .name{font-size: 17px;} .big-item .item-news .info .name{font-size: 20px;} .big-item .item-news .img{height: 320px;} .single-body{gap: 20px;} body.single-post .form-bottom{margin-top: 10px;} .taxonomy-body .col-content{gap: 24px;} .list-product{margin: -16px -8px 0;} .list-product .item-pro{width: 50%;padding: 16px 0;} .item-pro .box{padding: 0 8px;border-right: 0 !important;} .swiper-gallery .swiper-slide{padding: 20px;} .detail-content .tab-title button{font-size: 16px;min-width: 160px;padding-bottom: 10px;} .home-sec1 .item{padding: 10px;gap: 15px;} .home-sec1 .item .icon{width: 50px;} .home-sec1 .item .icon img{width: 26px;height: 26px;} .home-sec1 .item .box{width: calc(100% - 65px);gap: 2px;} .home-body{gap: 30px;} .home-sec4{display: none;} .home-sec6{display: none;} .cart-toast{padding: 20px;} .cart-toast__icon svg{width: 40px;height: 40px;} .cart-toast__desc{font-size: 16px;} .wishlist_table.mobile{padding-left: 0;} .additional-info-wrapper{display: flex;align-items: center;gap: 8px;} .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart{margin-bottom: 0;} .wishlist_table.mobile li .item-wrapper .item-details .product-name h3{font-size: 15px;} .wishlist_table.mobile li .item-wrapper .item-details .item-details-table{margin-bottom: 0;} .wishlist_table.mobile li .item-wrapper .item-details .item-details-table td.label{display: none;} .wishlist_table .product-add-to-cart a{margin-bottom: 0 !important;height: 24px;border-radius: 4px;} .woocommerce .wishlist-title h2{font-size: 20px;} } @media(max-width:575px) { /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);} #customer_login h2{font-size: 20px;} .item-news .img{height: 160px;} .item-news .info .name{font-size: 16px;} .item-news .info .desc{display: none;} .item-news .info .single-meta .meta{font-size: 13px;} .list-news .item .info .single-meta .meta{font-size: 13px;} .big-item .item-news .info .name{font-size: 18px;} .big-item .item-news .img{height: 240px;} .item-pro .box .info{gap: 6px;} .sale-flash{font-size: 14px;height: 38px;} .item-pro .box .thumb .meta .sale-flash{font-size: 13px;height: 22px;padding: 0 6px;} .detail-image{padding: 30px 10px 20px;} .swiper-gallery .swiper-slide{padding: 10px;} .detail-desc{flex-direction: column;} .woocommerce div.product form.cart .group-btn .button{font-size: 14px;} .home-sec1 .item .icon{width: 44px;} .home-sec1 .item{gap: 10px;align-items: flex-start;} .home-sec1 .item .box{width: calc(100% - 54px);gap: 4px;} .home-sec1 .item .box .name{font-size: 15px;height: 44px;display: flex;align-items: center;} .home-sec1 .item .box .text{font-size: 13px;width: calc(100% + 54px);margin-left: -54px;} .home-title{font-size: 22px;} .swiper-video .item{gap: 12px;} .swiper-video .item .name{font-size: 16px;} } @media(max-width:428px) { body{font-size: 14px;} .home-sec3 .inner .box .name{font-size: 18px;} .contact-body .block .info .item{width: 100%;padding: 16px 0;} .item-pro .box .info .price .amount{font-size: 15px;} .item-pro .box .info .price del .amount{font-size: 15px;} .home-sec1 .item .box .name{font-size: 14px;} .item-cat .name{font-size: 14px;} }