/* 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. */ @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Light.ttf);font-style: normal;font-weight: 300;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-LightItalic.ttf);font-style: italic;font-weight: 300;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Regular.ttf);font-style: normal;font-weight: 400;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Italic.ttf);font-style: italic;font-weight: 400;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Medium.ttf);font-style: normal;font-weight: 500;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-MediumItalic.ttf);font-style: italic;font-weight: 500;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-SemiBold.ttf);font-style: normal;font-weight: 600;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-SemiBoldItalic.ttf);font-style: italic;font-weight: 600;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Bold.ttf);font-style: normal;font-weight: 700;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-BoldItalic.ttf);font-style: italic;font-weight: 700;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-ExtraBold.ttf);font-style: normal;font-weight: 800;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-ExtraBoldItalic.ttf);font-style: italic;font-weight: 800;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-Black.ttf);font-style: normal;font-weight: 900;} @font-face{font-family: Plus Jakarta Sans;src:url(fonts/PlusJakartaSans-BlackItalic.ttf);font-style: italic;font-weight: 900;} /* Option */ .zek_home_banner .img video{width: 100%;object-fit: cover; display: block; height: 100%; margin: 0 auto;} body{font-family: Plus Jakarta Sans;font-size: 18px;color: #52667A;padding-bottom: 31vw;border-left: 2px solid #19334C;border-right: 2px solid #19334C;background: #F0F5FA;} #main{background: #F0F5FA;min-height: calc(100vh - 76px);} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;cursor:pointer;color: #19334C; -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: #0294CA;} p{margin-bottom: 24px;} ul,ol{padding-left:0;margin-bottom: 24px;} li{margin-bottom: 10px;} img{max-width:100%;border:none;height:auto} h1,h2,h3,h4,h5,h6{line-height:1.4;margin-top:0;margin-bottom: 16px;color: #19334C;} h1{font-size: 32px;margin-bottom: 24px;font-weight: 800;} h2{font-size: 28px;margin-bottom: 24px;font-weight: 800;} h3{font-size: 20px;font-weight: 600;} h4{font-size: 18px;} h5,h6{font-size: 16px;} .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: #00000052;} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal} .screen-reader-text{display:none} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;} .top-contentsss li span.number { background: rgb(241, 207, 121); color: rgb(27, 49, 83); padding: 3px 30px; border-radius: 20px; border: 2px solid rgb(27, 49, 83); display: inline-block; margin-right: 15px; } @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,.row{--bs-gutter-x: 24px;} .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: 100%;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 100%;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 100%;} } @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: 1332px;} } .container-fluid{--bs-gutter-x: 136px;} /* 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-radius: 8px;padding: 16px;background: #fff;border: 1px solid #19334C;color: #52667A;line-height: 22px !important;font-size: 16px;font-weight: 500;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #52667A;} [type="submit"]{padding: 14px 24px !important;transition: all .3s; background: #02AEEE !important;color: #fff !important;font-weight: bold;border: 2px solid #19334C !important;border-radius: 48px !important;line-height: 22px !important;} [type="submit"]:hover{background: #19334C !important;} /* Contact-form7 */ .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 16px;position: relative;} .form-group .name{margin-bottom: 5px;font-weight: bold;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;border-radius:3px;background-color:#f1f1f1!important;border:0!important;z-index:99;font-size:12px;margin-top: 5px;display: inline-block;} .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} .wpcf7 form .wpcf7-response-output{margin: 1em 0 0;padding: 0.5em 1em;} .thankyou{font-size: 16px;} .thankyou .name{font-weight: 500;font-size: 20px;margin-bottom: 10px;} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:20px;} .content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal} .content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6} .content-post .gallery{display:flex;flex-wrap:wrap;margin:-15px!important} .content-post .gallery br{display:none} .content-post .gallery .gallery-item{padding:15px} .content-post .gallery.gallery-columns-2 .gallery-item{width:50%!important} .content-post .gallery.gallery-columns-3 .gallery-item{width:calc(100% / 3)!important} .content-post .gallery.gallery-columns-4 .gallery-item{width:25%!important} .content-post .gallery.gallery-columns-5 .gallery-item{width:20%!important} .content-post .gallery.gallery-columns-6 .gallery-item{width:calc(100% / 6)!important} .content-post .gallery.gallery-columns-7 .gallery-item{width:calc(100% / 7)!important} .content-post .gallery.gallery-columns-8 .gallery-item{width:calc(100% / 8)!important} .content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 9)!important} .content-post .gallery .gallery-item .gallery-icon{width:100%;} .content-post .gallery .gallery-item .gallery-icon img{width:100%;height:auto;object-fit:cover;border:0!important} .content-post a{color: #0294CA;} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 15px 15px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 15px;} .content-post .alignright{float:right;margin:0 0 15px 15px} .content-post .alignleft{float:left;margin:0 15px 15px 0} a img.alignright{float:right;margin:0 0 15px 15px} a img.alignnone{margin:0 15px 15px 0} a img.alignleft{float:left;margin:0 15px 15px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 15px 15px 0} .wp-caption.alignleft{margin:0 15px 15px 0} .wp-caption.alignright{margin:0 0 15px 15px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;font-size: 14px;} /* 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} .columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:30px} .columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-gap:30px} .columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-gap:30px} .columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px} .columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-gap:30px} /* Support */ .sticky{position:-webkit-sticky;position:sticky;top:80px;z-index: 99;} .zek_supports{position: fixed;right: 60px;bottom: 100px;z-index: 999;width: auto;height: auto;display:flex;align-items:center;justify-content:center} .zek_supports .toggle{position:relative;height:60px;width:60px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:36px;cursor:pointer;transition:1.25s;z-index:5} .zek_supports.active .toggle{transform:rotate(360deg);box-shadow:0 6px 8px rgba(0,0,0,0.15),0 0 0 2px #333,0 0 0 8px #fff} .zek_supports .item{position:absolute;left: -80px;list-style:none;transition:.5s;transform: rotate(calc(130deg/3 * var(--i)));transform-origin: 110px;scale:0;transition-delay:calc(0.05s * var(--i))} .zek_supports.active .item{scale:1;} .zek_supports .item a{position:relative;display:flex;transform:rotate(calc(350deg/-8 * var(--i)));width: 50px;height: 50px;background-color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);transition:.5s;background: #0359A2} .zek_supports .item svg{transition: .3s} .zek_supports .item:hover svg{transform: scale(1.1);} .zek_backtop{position: fixed;right: 10px;bottom: 90px;transition: .5s} .zek_supports.active .zek_backtop{opacity: 0;visibility: hidden;} .zek_backtop a{height:40px;width:40px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:24px} .zek_cta a{padding: 14px 24px;border-radius: 48px;font-weight: bold;color: #fff;background: #02AEEE;border: 2px solid #19334C;display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 55px;gap: 6px;} .zek_cta a i{display: block;width: 20px;height: 20px;background-size: 20px;background-image: url(images/next-white.png);background-repeat: no-repeat;background-position: center;} .zek_cta a:hover{background: #19334C;} .feedback-btn { position: fixed; right: 20px; top: 40%; transform: translateY(-50%) rotate(-90deg); transform-origin: right center; background-color: #2c3542; color: #fff; padding: 6px 20px; border: none; border-radius: 0; cursor: pointer; z-index: 9999;font-size: 16px; } #popup-fb{width: 800px;max-width: 100%;padding: 30px 20px 20px;font-size: 16px;} #popup-fb .form{overflow-x: hidden;} .fancybox-close-small{width: 30px;height: 30px;} .fancybox-close-small:after{top: 0;right: 0;} #popup-fb .form .form-group{margin-bottom: 20px;} #popup-fb .form .form-button{text-align: center;} #popup-fb .form .form-group .name{font-weight: 500;margin-bottom: 10px;color: #333;} #popup-fb .form .form-group .text{font-size: 18px;font-weight: 700;color: #02AEEE;} #popup-fb .form .form-group .wpcf7-checkbox,#popup-fb .form .form-group .wpcf7-radio{display: flex;flex-wrap: wrap;margin: -5px -7px;} #popup-fb .form .form-group .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group .wpcf7-radio .wpcf7-list-item{margin: 0;padding: 5px 7px;font-size: 14px;font-weight: 500;} #popup-fb .form .form-group .wpcf7-checkbox .wpcf7-list-item>label,#popup-fb .form .form-group .wpcf7-radio .wpcf7-list-item>label{position: relative;display: flex;text-align: center;padding: 10px;height: 100%;align-items: center;justify-content: center;background-color: #f1f1f1;border-radius: 5px;border: 1px solid #88888887;} #popup-fb .form .form-group .wpcf7-checkbox .wpcf7-list-item>label>input,#popup-fb .form .form-group .wpcf7-radio .wpcf7-list-item>label>input{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;cursor: pointer;} #popup-fb .form .form-group .wpcf7-checkbox .wpcf7-list-item.active>label,#popup-fb .form .form-group .wpcf7-radio .wpcf7-list-item.active>label{background-color: #2f394f;color: #fff;border-color: #2f394f;} #popup-fb .form .form-group input{padding: 10px;background: #f1f1f1;border-color: #88888887;} #popup-fb .form .form-group textarea{height: 120px;background: #f1f1f1;border-color: #88888887;padding: 10px;} #popup-fb .form .form-group.col2 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col2 .wpcf7-radio .wpcf7-list-item{width: 50%;} #popup-fb .form .form-group.col3 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col3 .wpcf7-radio .wpcf7-list-item{width: calc(100% / 3);} #popup-fb .form .form-group.col4 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col4 .wpcf7-radio .wpcf7-list-item{width: 25%;} #popup-fb .form .form-group.col5 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col5 .wpcf7-radio .wpcf7-list-item{width: 20%;} #popup-fb .form .form-group.col6 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col6 .wpcf7-radio .wpcf7-list-item{width: calc(100% / 6);} #popup-fb .form .form-group.col7.wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col7 .wpcf7-radio .wpcf7-list-item{width: calc(100% / 7);} #popup-fb .form .form-group.col8.wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col8 .wpcf7-radio .wpcf7-list-item{width: calc(100% / 8);} #popup-fb .form .form-group.col9.wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col9 .wpcf7-radio .wpcf7-list-item{width: calc(100% / 9);} #popup-fb .form .form-group.col10 .wpcf7-checkbox .wpcf7-list-item,#popup-fb .form .form-group.col10 .wpcf7-radio .wpcf7-list-item{width: 10%;} #popup-fb .form .form-group .area-hide{margin-top: 10px;} #popup-fb .form .form-group .area-hide .note{font-weight: 500;font-size: 14px;margin-bottom: 5px;} #popup-fb .form .form-group .area-hide textarea{height:80px;} #popup-fb .form .form-button [type="submit"]{min-width: 180px;padding: 10px 20px;} /* Header */ #header{border-bottom: 2px solid #19334C;background: #F0F5FA;position: relative;z-index: 999;} #header.head.navbar-fixed-top{border-left: 2px solid #19334C;border-right: 2px solid #19334C;} #header .flex{gap: 28px;} .zek_header_logo{margin-right: auto;} .zek_header_logo img{object-fit: contain;max-width: 126px;max-height: 48px;} .zek_header_nav{display: flex;align-items: center;justify-content: flex-end;gap: 20px;} .zek_header_nav .icon{width: 24px;height: 24px;display: block; cursor: pointer;background-size: 24px;background-repeat: no-repeat;background-position: center;} .zek_header_nav .search .icon{background-image: url(images/search.png);} .zek_header_nav .cart .icon{background-image: url(images/cart.png);} .zek_header_nav .account .icon{background-image: url(images/account.png);} .zek_touch_menu{display: none;} #zek_menu_mobile{display: none;} .zek_header_language{position: relative;height: 32px;width: 54px;overflow: hidden;} .zek_header_language.active{overflow: unset;} .zek_header_language:before{content: "";display: block;cursor: pointer;z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .zek_header_language:after{content: "";display: block;width: 16px;height: 16px;background-image: url(images/menu-down.png);background-size: 16px;background-repeat: no-repeat;background-position: center;position: absolute;right: 0;top: 8px;} .zek_header_language.active:after{transform: rotate(180deg);} .zek_header_language ul{display: flex;flex-direction: column-reverse;flex-wrap: wrap;} .zek_header_language ul li a{display: block !important;margin: 0 !important;} #flags{width: auto !important;} #flags.size24 a{width: 54px !important;height: 30px !important;} .zek_header_language ul li.action{order: 1 !important;} #flags.size24 a[title="Vietnamese"]{background-image: url(images/flag_vn.png) !important;background-size: 32px !important;background-repeat: no-repeat !important;background-position: left center !important;} #flags.size24 a.united-states[title="English"]{background-image: url(images/flag_en.jpg) !important;background-size: 32px !important;background-repeat: no-repeat !important;background-position: left center !important;} .zek_header_menu ul{list-style: none;margin-bottom: 0;} .zek_header_menu .menu{display: flex;align-items: center;justify-content: flex-end;gap: 16px;} .zek_header_menu .menu li{position: relative;margin-bottom: 0;} .zek_header_menu .menu{position: relative;} .zek_header_menu .menu li.mega{position: initial;} .zek_header_menu .menu li.mega > ul{ left: -150%; width: 250%; display: flex;gap: 15px} .zek_header_menu .menu li.mega > ul>li > ul > li{ padding: 0 25px;} .zek_header_menu .menu li.mega > ul>li > ul > li.all{padding: 0 20px;margin-top: 20px} .zek_header_menu .menu li.mega > ul>li > ul > li.all > a{ display: flex ; height: 32px; font-size: 16px; white-space: nowrap; align-items: center; font-weight: 600;} .zek_header_menu .menu li.mega > ul>li > ul > li > a{ font-size: 14px; } .zek_header_menu .menu li.mega > ul>li{width: 25%} .zek_header_menu .menu>li>a{display: flex;height: 74px;align-items: center;position: relative;font-weight: 600;} .zek_header_menu .menu>li.menu-item-has-children>a{padding-right: 22px;} .zek_header_menu .menu>li.menu-item-has-children>a:after{content: "";display: block;width: 16px;height: 16px;background-image: url(images/menu-down.png);background-size: 16px;background-repeat: no-repeat;background-position: center;position: absolute;top: 30px;right: 0;transition: all .3s;} .zek_header_menu .menu>li.menu-item-has-children:hover>a:after{transform: rotate(180deg);} .zek_header_menu .menu>li>ul{position: absolute;z-index: 99;background: #F0F5FA;top: 100%;left: -16px;padding: 10px 0;min-width: 180px;border: 2px solid #19334C;opacity: 0;visibility: hidden;transition: all .3s;} .zek_header_menu .menu>li>ul>li>a{display: flex;height: 32px;padding: 0 20px;font-size: 16px;white-space: nowrap;align-items: center;font-weight: 600;} .zek_header_menu .menu>li:hover>ul{opacity: 1;visibility: visible;} #zek_search{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;align-items: flex-start;justify-content: center;padding-top: 20%;display: none;} #zek_search .line{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.8);cursor: url(images/close.png) 15 15,default;} body.active_search #zek_search{display: flex;} /* Footer */ .zek_footer_main{padding: 60px 0;border-bottom: 2px solid #19334C;border-top: 1px solid #19334C;background: #EBF2F9;color: #19334C;font-weight: 500;} .zek_footer_main .f-widget{gap: 68px;} .zek_footer_main .col-logo{width: 152px;} .zek_footer_main .col-logo .img{animation: spin 1s linear infinite;animation-duration: 12s;} @keyframes spin{to{transform:rotate(1turn)}} .zek_footer_main .col-map{width: 584px;margin-left: auto;} .zek_footer_main .col-map .map{width: 100%;aspect-ratio: 5/3;overflow: hidden;border: 2px solid #19334C;border-radius: 32px;} .zek_footer_main .col-map .map iframe{width: 100%;height: 100%;} .zek_footer_main .zek_widget_title{font-size: 22px;font-weight: 600;margin-bottom: 10px;} .zek_footer_main p{margin-bottom: 10px;} .zek_footer_main ul,.zek_footer_main ol{margin-bottom: 10px;} .zek_footer_main .col-f1{width: auto;max-width: 258px;} .zek_footer_main .col-f2{width: auto;max-width: 258px;} .zek_footer_main .col-f3{width: auto;max-width: 258px;} .zek_footer_main .widget:not(:last-child){margin-bottom: 24px;} .zek_footer_logo{padding: 48px 0;position: fixed;width: 100%;bottom: 0;left: 0;background: #EBF2F9;z-index: -1;} /* Page */ .zek_page_banner{min-height: 100vh;display: flex;align-items: center;border-bottom: 1px solid #19334C;} .zek_page_banner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .zek_page_banner .inner{position: relative;z-index: 2;color: #fff;max-width: 100%;padding: 48px 0;width: 1120px;max-width: 100%;margin: 0 auto;} .zek_page_banner .inner .title{margin-bottom: 0;font-size: 68px;font-weight: 800;color: #fff;} .zek_page_banner .inner .text{font-size: 22px;margin-top: 24px;} .zek_slider{position: relative;} .swiper-button-next, .swiper-button-prev{width: 56px;height: 40px;transform: translateY(-50%);margin-top: 0;background-color: #19334C;border:2px solid #19334C;border-radius: 8px;background-size: 24px;background-repeat: no-repeat;background-position: center;} .swiper-button-next{background-image: url(images/next-white.png);} .swiper-button-prev{background-image: url(images/prev-white.png);} .swiper-button-next:after, .swiper-button-prev:after{display: none;} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #C2CCD6;} .swiper-pagination-bullet-active{background: #141A1F;} .zek_page_body{padding: 60px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_page_body .zek_home_title{margin-bottom: 48px;} /* Contact */ body.page-template-page-contact #header{background: transparent;border-bottom-color: #fff;} body.page-template-page-contact .zek_header_logo img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-contact .zek_header_nav .icon{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-contact .zek_header_language:after{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-contact .zek_header_menu .menu>li>a{color: #fff;} body.page-template-page-contact .zek_header_menu .menu>li.menu-item-has-children>a:after{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-contact .zek_header_menu .menu>li>ul{border-color: #fff;background: transparent;} body.page-template-page-contact .zek_header_menu .menu>li>ul>li>a{color: #fff;} body.page-template-page-contact #main{margin-top: -76px;} body.page-template-page-contact .zek_page_banner{padding-top: 76px;} body.page-template-page-contact #header.head.navbar-fixed-top{background: #F0F5FA;border-bottom-color: #19334C;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_logo img{-webkit-filter: none; filter: none;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_nav .icon{-webkit-filter: none; filter: none;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_language:after{-webkit-filter: none; filter: none;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_menu .menu>li>a{color: #19334C;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_menu .menu>li.menu-item-has-children>a:after{-webkit-filter: none; filter: none;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_menu .menu>li>ul{border-color: #19334C;background: #F0F5FA;} body.page-template-page-contact #header.head.navbar-fixed-top .zek_header_menu .menu>li>ul>li>a{color: #19334C;} .zek_contact_body{padding: 80px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_contact_body .zek_block{border: 2px solid #19334C;border-radius: 32px;padding: 32px;} .zek_contact_body .zek_block .title{font-size: 36px;margin-bottom: 42px;} .zek_contact_body .zek_block .inner{padding-right: 48px;display: flex;flex-direction: column;flex-wrap: wrap;gap: 32px;} .zek_contact_body .zek_block .info .capt{font-size: 24px;margin-bottom: 32px;} .zek_contact_body .zek_block .info .list{list-style: none;display: flex;flex-direction: column;flex-wrap: wrap;gap: 24px;} .zek_contact_body .zek_block .info .list li{display: flex;flex-direction: column;gap: 8px;margin-bottom: 0;} .zek_contact_body .zek_block .info .list .key{color: #19334C;font-weight: 500;} .zek_contact_body .zek_block .info .list .value{color: #0294CA;font-weight: 600;} .zek_contact_body .zek_block .info .link{display: inline-flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 44px;padding: 0 20px;border-radius: 48px;background: #19334C;font-size: 16px;border: 2px solid #19334C;} .zek_contact_body .zek_block .info .link:hover{background: #02AEEE;} /* About */ body.page-template-page-about .zek_page_banner{padding-top: 76px;margin-top: -76px;} .zek_about_sec1{border-bottom: 1px solid #19334C;display: flex;border-top: 1px solid #19334C;} .zek_about_sec1 .item{height: calc(100vh - 76px);transition: all .3s; display: flex;align-items: center;width: 120px;border-right: 2px solid #29333D;position: relative;cursor: pointer;} .zek_about_sec1 .item:last-child{border-right: 0;} .zek_about_sec1 .item .video{width: 0;overflow: hidden; aspect-ratio: 16 / 9;} .zek_about_sec1 .item .video video{width: 100%;height: 100%;object-fit: cover;} .zek_about_sec1 .item .video img{width: 100%;height: 100%;object-fit: cover;} .zek_about_sec1 .item .inner{padding: 16px;max-width: 100%;} .zek_about_sec1 .item .inner .title{font-size: 40px;margin-bottom: 0;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-90deg);white-space: nowrap;} .zek_about_sec1 .item .inner .text{display: none;max-width: 100%;margin-top: 24px;font-size: 24px;font-weight: 500;color: #19334C; text-align: justify;} .zek_about_sec1 .item.active{width: calc(100% - 240px);} .zek_about_sec1 .item.active .inner {padding: 32px 8%;width: 50%;} .zek_about_sec1 .item.active .video{width: 50%;padding-right: 8%;} .zek_about_sec1 .item.active .inner .text{display: block;} .zek_about_sec1 .item.active .inner .title{font-size: 68px;transform: none;position: unset;white-space: normal;} .zek_about_sec2 .box_title{padding: 32px;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_about_sec2 .title{font-size: 68px;margin-bottom: 0;} .zek_about_sec2 .item{overflow: hidden;border: 1px solid #19334C;} .zek_about_sec2 .item .img{aspect-ratio: 4/5;overflow: hidden;} .zek_about_sec2 .item .img img{height: 100%;transition: all .5s;} .zek_about_sec2 .item:hover .img img{transform: scale(1.04);} .zek_about_sec2 .item .box{position: absolute;transition: all .3s;transform: translateY(100%); width: calc(100% + 2px); bottom: 0;left: -1px;z-index: 2;background: #F7FAFC;border: 2px solid #19334C;border-bottom: 0;border-radius: 24px 24px 0 0;padding: 20px;border-left-width: 1px;border-right-width: 1px;} .zek_about_sec2 .item .box .name{font-size: 24px;font-weight: 600;margin-bottom: 2px;} .zek_about_sec2 .item .box .sub{color: #19334C;font-weight: 500;} .zek_about_sec2 .item:hover .box{transform: translateY(0);} /* Category */ .zek_category_page{padding: 80px 0;border-bottom: 1px solid #19334C;} .zek_category_title{font-size: 68px;margin-bottom: 52px;} .zek_category_meta{margin-bottom: 24px;gap: 12px;} .zek_category_meta .menu{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;list-style: none;margin-bottom: 0;} .zek_category_meta .menu li{margin-bottom: 0;} .zek_category_meta .menu li>a{display: inline-block;padding: 12px 20px;font-size: 16px;border: 2px solid #19334C;border-radius: 48px;font-weight: 600;} .zek_category_meta .menu li.active>a{ background: #19334C; color: #fff;} .zek_category_meta .menu li.current-menu-item>a{background: #19334C;color: #fff;} .zek_category_content{margin-bottom: 32px;} .zek_item_news{height: 100%;border: 2px solid #141A1F;border-radius: 32px;overflow: hidden;background: #fff;display: flex;flex-wrap: wrap;flex-direction: column;} .zek_item_news .img{width: 100%;overflow: hidden;aspect-ratio: 3/2;} .zek_item_news .img img{height: 100%;transition: all .5s;} .zek_item_news .img:hover img{transform: scale(1.04);} .zek_item_news .info{width: 100%;flex: 1;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;} .zek_item_news .info .name{width: 100%;font-size: 22px;margin-bottom: 12px;font-weight: 600;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .zek_item_news .info .desc{font-size: 16px;font-weight: 500;margin-bottom: 16px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .zek_single_meta{display: flex;align-items: center;flex-wrap: wrap;font-size: 14px;font-weight: 500;color: #19334C;} .zek_item_news .info .zek_single_meta{margin-top: auto;color: #52667A;} .zek_single_meta .author{margin-right: 20px;} .zek_single_meta .date{display: flex;align-items: center;gap: 6px;} .zek_single_meta .date i{display: block;width: 16px;height: 16px;background-image: url(images/date.png);background-size: 16px;background-repeat: no-repeat;background-position: center;} .pagination{justify-content: center;padding-top: 20px;} .pagination ul{margin-bottom: 0;list-style: none;} .pagination ul li{display: inline-block;margin: 3px;} .pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center; height: 40px;width: 40px;font-weight: 500;font-size: 16px; text-align: center; background: #fff;border: 2px solid #19334C;border-radius: 50%;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #19334C;color: #fff;} /* Single */ .zek_single_banner{padding: 80px 0;border-bottom: 1px solid #19334C;background: #E8F0F7;} .zek_single_title{font-size: 48px;margin-bottom: 20px;} .zek_single_banner .zek_single_title{width: 820px;max-width: 100%;} .zek_single_banner .cat{display: inline-flex;align-items: center;justify-content: center;margin-bottom: 16px;font-weight: 600;height: 36px;padding: 0 16px;border: 2px solid #19334C;border-radius: 4px;font-size: 16px;} .zek_single_banner .cat:hover{color: #fff;background: #19334C;} .zek_single_body{padding: 80px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_single_bot{margin-top: 30px;border: 2px solid #19334C;border-radius: 68px;gap: 24px; padding: 24px;} .zek_single_bot .tags{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;} .zek_single_bot .tags .icon{width: 20px;height: 20px;display: block;background-image: url(images/tags.png);background-size: 20px;background-repeat: no-repeat;background-position: center;} .zek_single_bot .tags a{font-size: 14px;font-weight: 500;position: relative;} .zek_single_bot .tags a:after{content: ",";position: absolute;right: -3px;} .zek_single_bot .tags a:last-child:after{display: none;} .zek_single_bot .share{display: flex;align-items: center;gap: 8px;justify-content: flex-end;} .zek_single_bot .share .capt{font-size: 14px;font-weight: 500;color: #19334C;} .zek_single_bot .share a{display: flex;align-items: center;} .zek_single_bot .share a img{width: 24px;height: 24px;object-fit: contain;} .zek_single_content #ez-toc-container{display: none;} .zek_TOC #ez-toc-container{background: transparent;border: none;border-radius: 0;box-shadow: none;margin-bottom: 0;padding: 0;width: 100%;} .ez-toc-title-container{margin-bottom: 10px;} div#ez-toc-container .ez-toc-title{font-size: 18px;font-weight: 600;color: #19334C;} .ez-toc-js-icon-con{border-color: #19334C !important;} .ez-toc-icon-toggle-span svg{fill: #19334C !important;color: #19334C !important;} #ez-toc-container ul{display: flex;flex-direction: column;gap: 12px;} div#ez-toc-container ul li.ez-toc-heading-level-2>a{color: #19334C;font-size: 16px;font-weight: 700;} #ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul{margin-left: 0;margin-top: 12px;} div#ez-toc-container ul li.ez-toc-heading-level-3>a{font-size: 16px;color: #52667A;font-weight: 500;} .zek_single_related{border-top: 1px solid #19334C;padding: 80px 0;border-bottom: 1px solid #19334C;} .zek_single_related .title{font-size: 48px;margin-bottom: 40px;font-weight: bold;} .swiper-news .swiper-slide{height: auto;} .zek_single_related .swiper-button-prev{left: -80px;} .zek_single_related .swiper-button-next{right: -80px;} /* Sidebar */ .zek_sidebar .widget:not(:last-child){margin-bottom:30px} .zek_searchform{max-width: 100%;width: 420px; position: relative;} .zek_searchform .search-input{border: 2px solid #141A1F;border-radius: 48px;padding: 12px 58px 12px 16px;} .zek_searchform .search-submit{width: 58px;height: 100%;border: none;border-radius: 48px;background-color: transparent !important;background-image: url(images/search.png) !important;background-size: 24px !important;background-repeat: no-repeat !important;background-position: center !important;position: absolute;top: 0;right: 0;border: none !important;} /* Product */ .zek_taxonomy_list{padding: 80px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .woocommerce .woocommerce-result-count{display: none;} .woocommerce .woocommerce-ordering{display: none;} .zek_taxonomy_sec1{padding: 80px 0;} .zek_taxonomy_sec1 .zek_home_title{font-size: 36px;margin: 0 auto 24px;display: block;width: 1140px;max-width: 100%;} .zek_taxonomy_sec1 .list{display: flex;flex-direction: column;} .zek_taxonomy_sec1 .list .item{width: 360px;min-height: calc(100vh - 76px);display: flex;align-items: center;padding: 32px 0;} .zek_taxonomy_sec1 .list .item:nth-child(even){margin-left: auto;} .zek_taxonomy_sec1 .list .item .number{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #19334C;display: flex;justify-content: flex-end;} .zek_taxonomy_sec1 .list .item .number span{display: inline-flex;height: 28px;width: 55px;border: 2px solid #19334C;border-radius: 48px;background: #CCF1FF;color: #19334C;font-weight: 600;font-size: 16px;justify-content: center;align-items: center;} .zek_taxonomy_sec1 .list .item .text{font-weight: 500;font-size: 24px;color: #19334C;} .zek_taxonomy_sec1 .center{position: absolute;width: 420px;height: 100%;top: 0;left: 50%;transform: translateX(-50%);} .zek_taxonomy_sec2{display: flex;flex-wrap: wrap;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_taxonomy_sec2 .inner{min-height: calc(100vh - 76px);display: flex;flex-direction: column;flex-wrap: wrap;width: 50%;border-right: 1px solid #19334C;} .zek_taxonomy_sec2 .inner .box{padding: 120px 60px 60px;width: 100%;} .zek_taxonomy_sec2 .inner .zek_home_text{width: 468px;max-width: 100%;} .zek_taxonomy_sec2 .inner .list{list-style: none;margin-bottom: 0;margin-top: auto;} .zek_taxonomy_sec2 .inner .list li{border-top: 1px solid #B2CCE5;margin-bottom: 0;} .zek_taxonomy_sec2 .inner .list li a{padding: 24px 60px;position: relative;font-weight: 600;display: block;} .zek_taxonomy_sec2 .inner .list li a:after{content: "";display: block;width: 24px;height: 24px;background-image: url(images/next.png);background-size: 24px;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;} .zek_taxonomy_sec2 .img{width: 50%;border-left: 1px solid #19334C;position: relative;} .zek_taxonomy_sec2 .img img{position: absolute;height: 100%;top: 0;left: 0;} .zek_taxonomy_list .zek_home_title{margin-bottom: 48px;} .zek_list_product{display: flex;flex-wrap: wrap;margin: -12px;} .zek_list_product .zek_item_pro{padding: 12px;width: calc(100% / 3);} .zek_item_pro .box{height: 100%;border: 2px solid #19334C;border-radius: 32px;} .zek_item_pro .top{padding: 20px;border-bottom: 2px solid #19334C;} .zek_item_pro .img{border: 2px solid #19334C;border-radius: 16px;overflow: hidden;aspect-ratio: 19/16;margin-bottom: 20px;} .zek_item_pro .img img{height: 100%;transition: all .5s;} .zek_item_pro .img:hover img{transform: scale(1.04);} .zek_item_pro .name{font-size: 20px;font-weight: bold;margin-bottom: 0;height: 56px;overflow: hidden;} .zek_item_pro .bot{padding: 20px;display: flex;align-items: center;justify-content: space-between;} .zek_item_pro .price{font-weight: bold;color: #19334C;display: flex;gap: 12px;flex-wrap: wrap;flex-direction: row-reverse;justify-content: flex-end;} .zek_item_pro .price del{color: #668099;font-weight: 600;} .zek_item_pro .price ins{text-decoration: none;} .zek_item_pro .star-rating{float: none;} .zek_item_pro .mua-ngay{display: block;width: 32px;height: 32px;background-color: #19334C;border-radius: 6px;background-image: url(images/cart-white.png);background-size: 20px;background-repeat: no-repeat;background-position: center;} .zek_item_pro .added_to_cart {display: none !important;} /* Detail */ .zek_detail_head{display: flex;flex-wrap: wrap;border-bottom: 1px solid #19334C;} .zek_detail_image{width: calc(100% - 715px);border-right: 1px solid #19334C;position: relative;} .zek_detail_image .sale-flash{position: absolute;z-index: 2;top: 20px;right: 20px;background: #19334C;color: #fff;height: 28px;padding: 0 10px;border-radius: 8px;font-size: 16px;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;} .zek_detail_image .share{position: absolute;z-index: 2;bottom: 20px;right: 20px;} .zek_detail_image .share .icon{width: 40px;height: 40px;background-color: #19334C;background-image: url(images/social.png);border-radius: 8px;background-size: 24px;background-repeat: no-repeat;background-position: center;cursor: pointer;} .zek_detail_image .share .list{list-style: none;display: none; margin-bottom: 0;position: absolute;bottom: calc(100% + 8px);} .zek_detail_image .share .list li{margin-top: 8px;} .zek_detail_image .share .list li a{display: flex;align-items: center;justify-content: center;} .zek_detail_image .share .list li a img{width: 40px;height: 40px;object-fit: contain;} .woo-variation-product-gallery{margin-bottom: 0;} .woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-slider{height: auto !important;} .woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-wrapper{width: 100px;flex: none;max-width: inherit;position: absolute;top: 20px;left: 20px;z-index: 3;} .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image{opacity: 1;border-radius: 4px;overflow: hidden;} .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail{border: 2px solid #19334C;} .woo-variation-gallery-wrapper .woo-variation-gallery-slider-wrapper{flex: none !important;max-width: inherit !important;margin: 0 !important; width: 100%;} .woo-variation-gallery-wrapper .woo-variation-gallery-slider img{height: calc(100vh - 76px);object-fit: contain;} .wvg-single-gallery-iframe-container, .wvg-single-gallery-video-container{padding-bottom: inherit !important;height: calc(100vh - 76px);} .zek_detail_info{width: 715px;border-left: 1px solid #19334C;min-height: calc(100vh - 76px);padding: 60px 60px 30px;} .woocommerce .star-rating span::before{top: -5px;color: #ffbc00;} .woocommerce div.product .woocommerce-product-rating{margin-bottom: 16px;} .woocommerce div.product .product_title{font-size: 40px;font-weight: bold;margin-bottom: 24px;} .zek_detail_info .price{color: #19334C !important;font-size: 36px !important;font-weight: bold;display: flex;align-items: center;flex-wrap: wrap;gap: 16px;flex-direction: row-reverse;justify-content: flex-end;margin-bottom: 16px;} .zek_detail_info .price del{color: #668099;opacity: 1 !important;font-size: 28px;font-weight: 500;} .zek_detail_info .price ins{text-decoration: none;} .woocommerce-product-details__short-description{color: #19334C;} .woocommerce-product-details__short-description p{margin-bottom: 16px;} .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; } .woocommerce div.product form.cart{margin-bottom: 12px;display: flex;align-items: center;gap: 12px;flex-wrap: wrap;} .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; border: 2px solid #141A1F;border-radius: 4px;display: flex;align-items: center;width: 112px;height: 51px;padding: 12px;} .woocommerce div.product form.cart div.quantity input[type="button"]{border: none;background: transparent;width: 16px;height: 16px;color: #141A1F;line-height: 16px;text-align: center;} .woocommerce div.product form.cart div.quantity input.qty{width: 54px;padding: 0;height: 32px;background: transparent;border: none;color: #141A1F;} .woocommerce div.product form.cart .button{float: none;width: calc(100% - 124px);border-radius: 4px !important;height: 51px;color: #141A1F !important;background: transparent !important;padding: 0 24px !important;} .woocommerce div.product form.cart .button:hover{background: #141A1F !important;color: #fff !important;} .zek_detail_info .button_tv{height: 55px;border: 2px solid #19334C;background: #02AEEE;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;border-radius: 48px;} .zek_detail_info .button_tv:hover{background: #19334C;} .zek_detail_info .group-btns{display: flex;gap: 16px;margin-top: 16px;} .zek_detail_info .group-btns a{display: flex;align-items: center;justify-content: center;text-align: center;flex: 1;color: #fff;gap: 8px;border-radius: 5px;height: 40px;font-size: 16px;padding: 0 5px;white-space: nowrap;} .zek_detail_info .group-btns a svg{fill: #fff;width: 16px;height: 16px;} .zek_detail_info .group-btns a.zalo{background: #0A68FE;} .zek_detail_info .group-btns a.mess{background: #3B5998;} .zek_detail_info .policy{display: flex;flex-wrap: wrap;gap: 16px;margin-top: 24px;} .zek_detail_info .policy .it{display: flex;align-items: center;gap: 10px;width: calc(50% - 8px);} .zek_detail_info .policy .it .icon{width: 40px;height: 40px;background: #02AEEE;border-radius: 2px;display: flex;align-items: center;justify-content: center;} .zek_detail_info .policy .it .icon img{object-fit: contain;width: 28px;height: 28px;} .zek_detail_info .policy .it .box{width: calc(100% - 50px);} .zek_detail_info .policy .it .key{color: #19334C;font-size: 16px;font-weight: 600;} .zek_detail_info .policy .it .value{font-size: 13px;font-weight: 500;} .zek_detail_body .block_content{display: flex;flex-wrap: wrap;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_detail_body .block_content .left{width: calc(100% - 715px);position: relative;border-right: 1px solid #19334C;} .zek_detail_body .block_content .right{width: 715px;min-height: calc(100vh - 76px);border-left: 1px solid #19334C;display: flex;flex-direction: column;flex-wrap: wrap;} .zek_detail_body .block_content .left .img{height: 100%;} .zek_detail_body .block_content .left .img img{height: 100%;position: absolute;top: 0;left: 0;} .zek_detail_body .block_content .left .swiper{height: 100%;} .zek_detail_body .block_content .left .swiper-wrapper{height: 100%;} .zek_detail_body .block_content .left .swiper-slide{height: auto;} .zek_detail_body .block_content .left .box{position: absolute;z-index: 2;width: 420px;color: #000; border-radius: 32px;border: 2px solid #19334C;background: #E6F8FF;right: 48px;bottom: 68px;} .zek_detail_body .block_content .left .box .name{text-align: center;font-size: 24px;font-weight: bold;border-bottom: 2px solid #19334C;; padding: 16px;margin-bottom: 0;} .zek_detail_body .block_content .left .box .shortcontent{padding: 24px;} .zek_detail_body .block_content .right .main{padding: 48px 68px;transition: all .3s;} .zek_detail_body .block_content .right .main .title{font-size: 44px;margin-bottom: 32px;text-align: center;position: relative; transition: all .3s;} .zek_detail_body .block_content .right .main .title:after{content: "";transition: all .3s;display: none;width: 24px;height: 24px;background-image: url(images/down.png);background-size: 24px;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;right: -24px;transform: translateY(-50%);} .zek_detail_body .block_content .right .list{list-style: none;margin-bottom: 0;border-top: 1px solid #C2CCD6;transition: all .3s;} .zek_detail_body .block_content .right .list li{padding: 16px;margin-bottom: 0; font-weight: 500;border-bottom: 1px solid #C2CCD6;color: #19334C;} .zek_detail_body .block_content .right .extra{border-top: 2px solid #19334C;padding: 26px 68px;margin-top: auto;cursor: pointer;transition: all .3s;} .zek_detail_body .block_content .right .extra .title{font-size: 32px;margin-bottom: 0;position: relative;transition: all .3s;} .zek_detail_body .block_content .right .extra .title:after{content: "";transition: all .3s;display: block;width: 24px;height: 24px;background-image: url(images/up.png);background-size: 24px;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;right: -24px;transform: translateY(-50%);} .zek_detail_body .block_content .right .extra .list{display: none;transition: all .3s;} .zek_detail_body .block_content .right.active .extra{cursor: none;padding: 48px 68px;margin-top: 0;} .zek_detail_body .block_content .right.active .extra .title{text-align: center;font-size: 44px;margin-bottom: 32px;} .zek_detail_body .block_content .right.active .extra .title:after{display: none;} .zek_detail_body .block_content .right.active .extra .list{display: block;} .zek_detail_body .block_content .right.active .main{padding: 26px 68px;cursor: pointer;} .zek_detail_body .block_content .right.active .main .title{font-size: 32px;margin-bottom: 0;text-align: left;} .zek_detail_body .block_content .right.active .main .title:after{display: block;} .zek_detail_body .block_content .right.active .main .list{display: none;} .zek_detail_review{padding: 80px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_detail_related{padding: 80px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_detail_related .zek_home_title{margin-bottom: 40px;} .zek_detail_related .swiper-button-prev{left: -80px;border-radius: 48px;} .zek_detail_related .swiper-button-next{right: -80px;border-radius: 48px;} /* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */ .cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item{max-width: 100%;padding: 16px 0;} .cr-ajax-reviews-review-form .cr-review-form-item{display: none;} .cr-onsite-ratings .cr-review-form-rating, .cr-review-form-rating-overall .cr-review-form-rating{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-comment, .cr-ajax-reviews-review-form .cr-review-form-comment, .cr-reviews-grid .cr-review-form-comment{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-ne, .cr-ajax-reviews-review-form .cr-review-form-ne, .cr-reviews-grid .cr-review-form-ne{max-width: 100%;} .cr-all-reviews-shortcode .cr-form-item-media, .cr-ajax-reviews-review-form .cr-form-item-media, .cr-reviews-grid .cr-form-item-media{max-width: 100%;} .cr-form-item-media-none{padding: 20px;background: #fff;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit{background-color: #02AEEE;border: 2px solid #19334C; border-radius: 5px;font-weight: bold;font-size: 18px;height: 55px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover{background-color: #19334C;} .cr-all-reviews-shortcode .cr-review-form-result, .cr-ajax-reviews-review-form .cr-review-form-result, .cr-all-reviews-shortcode .cr-review-form-not-logged-in, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in, .cr-reviews-grid .cr-review-form-result, .cr-reviews-grid .cr-review-form-not-logged-in{max-width: 100%;padding: 16px 0;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue{padding: 0 24px;border-radius: 48px;background-color: #4660FF;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{background-color: #fff;padding: 16px;margin: 16px 0;border-radius: 4px;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{margin: 16px 0;display: none;} .cr-all-reviews-shortcode .crstar-rating span::before, .cr-reviews-grid .cr-summaryBox-wrap .crstar-rating span::before, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating span::before, #reviews #comments .cr-summaryBox-wrap .crstar-rating span::before{top: -4px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text p, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p{margin: 8px 0;} .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author{font-weight: 600;text-transform: capitalize;} .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li{margin: 0 0 16px 0;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 0;background: transparent;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt{height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt>svg{width: 32px;height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 20px;color: #1E293B;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{font-size: 16px;color: #444;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 48px;border: 2px solid #19334C;padding: 0 24px;background-color: #02AEEE;height: 48px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover{background-color: #19334C;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav{background: #fff;border-left: 1px solid #E5E9EB;border-right: 1px solid #E5E9EB;border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel{border-radius: 5px;height: 55px;font-weight: bold;font-size: 18px;border-width: 2px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover{background-color: #19334C;color: #fff;border-color: #19334C;} .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt{border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt, .cr-reviews-grid .cr-review-form-ne .cr-review-form-txt{border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons{max-width: 100%;padding: 0;} #reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div{display: none;} /* CArt */ .woocommerce-error, .woocommerce-info, .woocommerce-message{background-color: #fff;border-top-color: #19334C;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{color: #19334C;} .woocommerce form .form-row{margin: 0 0 16px;padding: 0;} .woocommerce form .form-row label{line-height: normal;font-size: 16px;font-weight: 500;color: #19334C;margin-bottom: 8px;} .woocommerce form .form-row .select2-container{line-height: normal;} .select2-container .select2-selection--single{height: 56px;margin: 0;} .select2-container--default .select2-selection--single{border-radius: 8px !important;border: 1px solid #19334C;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 16px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 54px;color: #52667A;} .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #52667A;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 54px;} .select2-dropdown{border: 1px solid #19334C !important;border-radius: 8px !important;} .woocommerce table.shop_table{border: 1px solid #19334C;border-radius: 24px;background: #fff;font-size: 16px;margin: 0 0 24px !important;} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{font-weight: 500;} .woocommerce table.shop_table td,.woocommerce table.shop_table th{border: 1px solid #19334C !important;padding: 20px;line-height: normal;} .woocommerce table.shop_table th{border-right-width: 0;border-left-width: 0;font-weight: 500;} .woocommerce table.shop_table th:first-child{border-left-width: 1px;} .woocommerce table.shop_table th:last-child{border-right-width: 1px;} .woocommerce table.shop_table thead th:first-child{border-top-left-radius: 22px;} .woocommerce table.shop_table thead th:last-child{border-top-right-radius: 22px;} .woocommerce table.shop_table.cart tbody tr:last-child td:first-child{border-bottom-left-radius: 22px;} .woocommerce table.shop_table.cart tbody tr:last-child td:last-child{border-bottom-right-radius: 22px;} .woocommerce table.shop_table.my_account_orders tbody tr:last-child td:first-child{border-bottom-left-radius: 22px;} .woocommerce table.shop_table.my_account_orders tbody tr:last-child td:last-child{border-bottom-right-radius: 22px;} .woocommerce table.shop_table tfoot tr:last-child td:first-child,.woocommerce table.shop_table tfoot tr:last-child th:first-child{border-bottom-left-radius: 22px;} .woocommerce table.shop_table tfoot tr:last-child td:last-child,.woocommerce table.shop_table tfoot tr:last-child th:last-child{border-bottom-right-radius: 22px;} .woocommerce table.shop_table .product-thumbnail{width: 112px;} .woocommerce table.shop_table .product-price{width: 180px;text-align: center;} .woocommerce table.shop_table .product-subtotal{width: 180px;text-align: center;} .woocommerce table.shop_table .product-quantity{width: 140px;text-align: center;} .woocommerce table.shop_table .product-remove{width: 80px;text-align: center;} .woocommerce table.shop_table .product-name{width: calc(100% - 112px - 180px - 180px - 140px - 80px);font-size: 16px;font-weight: 500;} .woocommerce table.shop_table .product-thumbnail img{width: 100%;aspect-ratio: 1/1;object-fit: cover;border: 2px solid #19334C;border-radius: 4px;} .woocommerce table.shop_table td.product-name a{color: #19334C;} .woocommerce table.shop_table td.product-price{font-weight: 600;color: #19334C;font-size: 18px;} .woocommerce table.shop_table td.product-subtotal{font-weight: 600;color: #0294CA;font-size: 18px;} .woocommerce table.shop_table .product-remove a.remove{margin: 0 auto;} .woocommerce table.shop_table .product-quantity .quantity{border: 2px solid #141A1F;border-radius: 4px;display: inline-flex;justify-content: center;align-items: center;padding: 0 6px;} .woocommerce table.shop_table .product-quantity .quantity input[type="button"]{height: 16px;width: 16px;border: none;background: transparent;color: #141A1F;line-height: 16px;text-align: center;} .woocommerce table.shop_table .product-quantity .quantity input.qty{border: none;border-radius: 0;height: 36px;width: 30px;color: #141A1F;background: transparent;padding: 0;} .woocommerce table.shop_table .actions [type="submit"]{border: none !important;color: #19334C !important;padding: 0 0 0 24px !important;background-color: transparent !important;border-radius: 0 !important;height: auto;background-image: url(images/loading.png) !important;background-size: 20px !important;background-repeat: no-repeat !important;background-position: left center !important;} #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;height: 55px;display: flex;justify-content: center;align-items: center;font-size: 18px;padding: 0 24px;border-radius: 48px;background-color: #02AEEE;border: 2px solid #19334C;} #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{background-color: #19334C;} .cart_totals{width: 530px;max-width: 100%;padding: 24px;background: #fff;border: 2px solid #19334C;border-radius: 24px;} .cart_totals h2{font-size: 22px;font-weight: 600;margin-bottom: 20px;} .woocommerce .coupon{display: flex;gap: 8px;margin-bottom: 24px;} .woocommerce .coupon input[type="text"]{width: calc(100% - 122px);border-radius: 4px;padding: 12px 16px;height: 48px;line-height: 22px;} .woocommerce .coupon [type="submit"]{width: 114px;border-radius: 2px !important;background: #141A1F !important;border-color: #141A1F;font-size: 16px;padding: 0 10px !important;height: 48px;line-height: 46px;} .cart_totals table.shop_table{border: none;border-radius: 0;} .cart_totals table.shop_table tr{border-width: 0 !important;} .cart_totals table.shop_table td,.cart_totals table.shop_table th{border-width: 0 !important;padding: 6px 0;} .cart_totals table.shop_table td:last-child,.cart_totals table.shop_table th:last-child{text-align: right;} .cart_totals table.shop_table .amount{font-weight: 600;} .cart_totals table.shop_table .order-total .amount{font-weight: bold;font-size: 18px;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 0;} form.woocommerce-checkout{display: flex;flex-wrap: wrap;gap: 24px;align-items: flex-start;} .woocommerce-NoticeGroup{width: 100%;} #customer_details{width: calc(50% - 12px);background: #fff;padding: 24px;border: 2px solid #19334C;border-radius: 24px;} #order_review{width: calc(50% - 12px);background: #fff;padding: 24px;border: 2px solid #19334C;border-radius: 24px;} #customer_details .col-1,#customer_details .col-2{float: none;width: 100%;} .woocommerce form .form-row textarea{height: 100px;} #order_review table.shop_table{border: none;} #order_review table.shop_table td, #order_review table.shop_table th{border-width: 0 !important;border-radius: 0 !important;} #order_review table.shop_table thead{display: none;} #order_review table.shop_table tbody .cart_item{position: relative;padding-left: 116px;min-height: 100px;display: block;margin-bottom: 20px;border-width: 0;} #order_review table.shop_table tbody .product-total{padding: 0;display: block;font-size: 18px;font-weight: 600;color: #19334C;} #order_review table.shop_table tbody .product-name{padding: 0;display: block;width: 460px;} #order_review table.shop_table tbody .product-name img{width: 100px;aspect-ratio: 1/1;object-fit: cover;border: 1px solid #19334C;border-radius: 2px;margin-bottom: 0;position: absolute;left: 0;top: 0;} #order_review table.shop_table tfoot tr{display: flex;justify-content: space-between;} #order_review table.shop_table tfoot th,#order_review table.shop_table tfoot td{padding: 6px 0;} #order_review table.shop_table tfoot td{text-align: right;} #order_review table.shop_table tfoot th{width: 50%;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: transparent;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 24px 0;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 24px 0 0 0;margin: 0;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{float: none;width: 100%;font-size: 0;} .woocommerce #payment #place_order:before, .woocommerce-page #payment #place_order:before{content: "Đặt hàng";font-size: 18px;} /* Thankyou */ .woocommerce-customer-details { display: none; } .woocommerce-notice--success { text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 20px; } .woocommerce ul.order_details { display: flex; flex-direction: column; margin: 0 auto 20px; width: 500px; gap: 5px; text-align: center; max-width: 100%; padding: 20px; background: #f7f7f7; border-radius: 5px; } .woocommerce ul.order_details::after, .woocommerce ul.order_details::before { display: none; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: 700; } .woocommerce ul.order_details li strong { display: initial; font-size: 14px;font-weight: 400; } .vdh_qr_code {margin-bottom: 20px; justify-content: center !important; } .vdh_qr_code .vdh_bank_item { width: 360px !important; } .vdh_qr_code .modal-content { object-fit: contain; cursor: url(images/close.png) 20 20,default; } .woocommerce-bacs-bank-details { display: none; } /* .woocommerce .woocommerce-order-details { display: none; } */ .woocommerce-order-details__title{text-align: center;font-size: 18px;} .title-customnew { text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 20px; } .customnew { display: flex; list-style: none; flex-direction: column; margin: 0 auto 20px; width: 500px; max-width: 100%; gap: 5px; text-align: center; background: #f7f7f7; border-radius: 5px; padding: 20px; } .customnew li { margin-bottom: 0; font-size: 12px; text-transform: uppercase; font-weight: 700; } .customnew li b { text-transform: none; font-size: 14px;font-weight: 400; } /* Account */ body.page-template-page-account{overflow-x: hidden;} .zek_account_page{padding: 52px 0;display: flex;align-items: center;border-bottom: 1px solid #19334C;} .zek_account_page .zek_block{background: #fff;padding: 24px;border: 2px solid #19334C;border-radius: 24px;width: 468px;max-width: 100%;display: block;margin: 0 auto;} .zek_account_page .zek_block #customer_login h2{font-size: 36px;} .zek_account_page .zek_block .woocommerce form.login,.zek_account_page .zek_block .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .zek_account_page .zek_block [type="submit"]{width: 100%;} .zek_account_page .zek_block .lost_password{margin-bottom: 16px;float: right;font-size: 14px;font-weight: 500;} .zek_account_page .zek_block .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .zek_account_page .zek_block .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .zek_account_page .zek_block .note a{color: #02AEEE;} .zek_account_page .zek_block .u-column2{display: none;} .zek_account_page .zek_block .note .note2{display: none;} .zek_account_page .zek_block.active .u-column2{display: block;} .zek_account_page .zek_block.active .u-column1{display: none;} .zek_account_page .zek_block.active .note .note2{display: block;} .zek_account_page .zek_block.active .note .note1{display: none;} .zek_account_page .zek_block_login{background: #fff;padding: 24px;border: 2px solid #19334C;border-radius: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 12px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 60px) / 5);margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block; font-size: 16px;padding: 12px 20px;border-radius: 30px;border: 2px solid #19334C;color: #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{display: none;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .addresses .title .edit{font-size: 14px;font-weight: 500;} .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;} a.xoo-wsc-ft-btn{background: #02AEEE !important;color: #fff !important;} .xoo-wsc-header { color: #fff !important; background-color: #02AEEE !important; } /* Home */ .zek_home_banner{border-bottom: 1px solid #19334C;} .zek_home_banner .img{height: calc(100vh - 76px);overflow: hidden;} .zek_home_banner .img img, .zek_home_banner .img iframe{height: 100%;} .zek_home_title{font-size: 48px;} .zek_home_text{font-weight: 500;color: #19334C; text-align: justify;} .zek_home_sec1{display: flex;flex-wrap: wrap;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_home_sec1 .img{width: 50%;border-left: 1px solid #19334C;position: relative;} .zek_home_sec1 .img img{height: 100%;position: absolute;top: 0;left: 0;} .zek_home_sec1 .inner{width: 50%;display: flex;align-items: center;border-right: 1px solid #19334C;min-height: calc(100vh - 76px);} .zek_home_sec1 .inner .box{padding: 48px 20%;} .zek_home_sec1 .inner .zek_cta{margin-top: 48px;} .zek_home_sec2{padding: 80px 0;min-height: calc(100vh - 76px);border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;display: flex;flex-direction: column;align-items: center;} .zek_home_sec2 .col-left{display: flex;flex-direction: column;gap: 100px;width: 35%;} .zek_home_sec2 .col-left>*{width: 100%;margin-bottom: 0;} .zek_home_sec2 .col-left .item .name{font-size: 28px;font-weight: bold;margin-bottom: 16px;} .zek_home_sec2 .col-left .item .zek_home_text{padding: 16px 0;border-top: 1px solid #A3B2C2;border-bottom: 1px solid #A3B2C2;} .zek_home_sec2 .col-left .group_nav{display: flex;justify-content: space-between;align-items: center;} .zek_home_sec2 .col-left .swiper-button-next,.zek_home_sec2 .col-left .swiper-button-prev{position: unset;width: 64px;background-color: transparent;border-radius: 48px;transform: none;} .zek_home_sec2 .col-left .swiper-button-next{background-image: url(images/next.png);} .zek_home_sec2 .col-left .swiper-button-prev{background-image: url(images/prev.png);} .zek_home_sec2 .col-left .swiper-pagination{position: unset;margin: 0;} .zek_home_sec2 .col-right{width: 65%;padding-left: 60px;} .zek_home_sec2 .col-right .swiper-slide{transition: all .5s;opacity: 0 !important;} .zek_home_sec2 .col-right .swiper-slide.swiper-slide-active{opacity: 1 !important;} .ui-card-slider { position: relative; width: 100%; height: 712px; overflow: hidden;} .ui-card-slider .slide {border: 2px solid #19334C;border-radius: 32px;background: #fff;max-width: 84%; display: block; -webkit-user-select: none; position: absolute; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-property: all; -webkit-transition-property: all; overflow: hidden; } .ui-card-slider .left-hidden-slide { z-index: 10; bottom: 100px; left: 50%;transform: translateX(-50%); width: 240px; height: 462px;opacity: 0;} .ui-card-slider .right-hidden-slide { z-index: 10; bottom: 100px; left: 50%;transform: translateX(-50%); width: 240px; height: 462px;opacity: 0;} .ui-card-slider .center-slide { -webkit-user-select: none; z-index: 30; left: 50%;transform: translateX(-50%); width:440px; height: 100%;opacity: 1;} .ui-card-slider .left-slide { -webkit-user-select: none; z-index: 20; bottom: 60px; left: 0; width: 380px; height: 592px;opacity: 1;} .ui-card-slider .right-slide { -webkit-user-select: none; z-index: 20; bottom: 60px; right: 0; width: 380px; height: 592px;opacity: 1;} .ui-card-slider .hidden-slide { visibility: hidden; display: none; } .ui-card-slider .slide .img{width: 100%;height: 100%;} .ui-card-slider .slide .img img{height: 100%;} .ui-card-slider .right-slide .img,.ui-card-slider .left-slide .img{opacity: .5;} .ui-card-slider .slide .box{display: none;position: absolute;width: calc(100% + 4px);bottom: -2px;left: -2px;border: 2px solid #19334C;border-radius: 32px;background: #fff;z-index: 2;padding: 32px;} .ui-card-slider .slide .box .name{font-size: 40px;font-weight: 800;margin-bottom: 0;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .ui-card-slider .slide .box .price{font-weight: bold;font-size: 22px;gap: 12px; color: #19334C;display: flex;justify-content: center;flex-direction: row-reverse;} .ui-card-slider .slide .box .price ins{text-decoration: none;} .ui-card-slider .slide .box .price del{color: #668099;font-weight: 500;} .ui-card-slider .slide .box .mua-ngay{display: flex;margin-top: 24px;color: #fff;height: 55px;border: 2px solid #19334C;background: #02AEEE;border-radius: 48px;font-weight: bold;padding: 0 16px;text-align: center;justify-content: center;align-items: center;} .ui-card-slider .center-slide .box{display: block;} .zek_home_sec3{display: flex;flex-wrap: wrap;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_home_sec3 .img{width: 50%;border-left: 1px solid #19334C;position: relative;} .zek_home_sec3 .img img{height: 100%;position: absolute;top: 0;left: 0;} .zek_home_sec3 .inner{width: 50%;display: flex;align-items: center;border-right: 1px solid #19334C;min-height: calc(100vh - 76px);} .zek_home_sec3 .inner .box{padding: 48px 68px;} .zek_home_sec3 .inner .zek_home_title{margin-bottom: 40px;} .zek_home_sec3 .inner .left{width: 50%;padding-right: 32px;display: flex;flex-direction: column;flex-wrap: wrap;gap: 24px;} .zek_home_sec3 .inner .left .logo{margin-top: auto;width: 152px;animation: spin 1s linear infinite;animation-duration: 12s;} .zek_home_sec3 .inner .left .logo img{width: 100%;height: auto;object-fit: contain;} .zek_home_sec3 .inner .right{width: 50%;display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;} .zek_home_sec3 .inner .right .zek_home_text{padding-left: 36px;background-image: url(images/check.png);background-size: 20px;background-repeat: no-repeat;background-position: left center;} .zek_home_sec4{padding: 80px 0;min-height: calc(100vh - 76px);display: flex;align-items: center;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_home_sec4 .zek_home_title{font-size: 44px;width: 960px;max-width: 100%;margin: 0 auto 60px;} .zek_home_sec4 .swiper-pagination{position: unset;margin-top: 12px;} .zek_home_sec4 .item .img{aspect-ratio: 1/1;overflow: hidden;border-radius: 32px;border: 2px solid #19334C;background: #D9D9D9;margin-bottom: 24px;} .zek_home_sec4 .item .img img{height: 100%;transition: all .5s;} .zek_home_sec4 .item .img:hover img{transform: scale(1.04);} .zek_home_sec4 .item .name{margin-bottom: 0;font-size: 28px;} .zek_home_sec5{min-height: calc(100vh - 76px);display: flex;align-items: center;border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_home_sec5 .background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .zek_home_sec5 .overlay{background: #0000001F;} .zek_home_sec5 .container{position: relative;z-index: 2;} .zek_home_sec5 .inner{display: block;margin: 0 auto;width: 630px;max-width: 100%;} .zek_home_sec5 .inner .zek_home_title{font-size: 56px;color: #fff;margin-bottom: 48px;} .zek_home_sec5 .inner .form{display: block;width: 570px;max-width: 100%;margin: 0 auto;} .zek_home_sec5 .inner .form form{width: 100%;position: relative;} .zek_home_sec5 .inner .form form input[type="text"]{padding: 21px 112px 21px 24px;border-radius: 48px;border-width: 2px;} .zek_home_sec5 .inner .form form input[type="submit"]{padding: 9px 20px !important;font-size: 16px;position: absolute;top: 12px;right: 12px;} .zek_home_sec5 .inner .wpcf7 form .wpcf7-response-output{border-color: #19334C;color: #52667A;margin: 15px 0 0;background: #fff;border-radius: 16px;font-size: 14px;} .zek_home_sec6{border-top: 1px solid #19334C;border-bottom: 1px solid #19334C;} .zek_home_sec6 .img{width: 100%;aspect-ratio: 1/1;overflow: hidden;border-right: 1px solid #19334C;border-left: 1px solid #19334C;} .zek_home_sec6 .img img{height: 100%;transition: all .5s;} .zek_home_sec6 .img:hover img{transform: scale(1.04);} @media (max-width: 1399px) { .container-fluid{--bs-gutter-x: 96px;} .zek_detail_info{padding: 40px 40px 20px;width: 600px;} .zek_detail_image{width: calc(100% - 600px);} .woocommerce div.product .product_title{font-size: 28px;margin-bottom: 16px;} .zek_detail_info .price{font-size: 28px !important;} .zek_detail_info .price del{font-size: 24px;} .zek_detail_info .policy{margin-top: 20px;} .zek_detail_info .button_zl{margin-top: 20px;} .zek_detail_body .block_content .right{width: 600px;} .zek_detail_body .block_content .left{width: calc(100% - 600px);} .zek_detail_body .block_content .right .main{padding: 30px 40px;} .zek_detail_body .block_content .right .main .title{font-size: 36px;margin-bottom: 24px;} .zek_detail_body .block_content .right .list li{padding: 12px;} .zek_detail_body .block_content .left .box{width: 400px;right: 30px;bottom: 30px;border-radius: 24px;} .zek_detail_body .block_content .left .box .name{font-size: 20px;} .zek_detail_body .block_content .left .box .shortcontent{padding: 16px;} .zek_detail_body .block_content .right.active .extra .title{font-size: 32px;margin-bottom: 24px;} .zek_detail_body .block_content .right .extra{padding: 20px 40px;} .zek_detail_body .block_content .right .extra .title{font-size: 26px;} .zek_detail_body .block_content .right.active .main{padding: 20px 30px;} .zek_detail_body .block_content .right.active .main .title{font-size: 26px;} .zek_detail_review{padding: 60px 0;} .zek_home_sec1 .inner .box{padding: 30px 60px;} .zek_home_title{font-size: 42px;} .zek_detail_related .swiper-button-next{right: 0;} .zek_detail_related .swiper-button-prev{left: 0;} } @media (max-width: 1199px) { body{padding-bottom: 34vw;font-size: 16px;} .container-fluid{--bs-gutter-x: 24px;} .zek_footer_main{padding: 40px 0 20px;} .zek_footer_main .f-widget{gap: 32px;} .zek_footer_main .col-map{width: 100%;} .zek_footer_main .col-map .map{aspect-ratio: inherit;height: 350px;} .zek_footer_main .zek_widget_title{font-size: 18px;} .zek_account_page{padding: 40px 0;} .zek_account_page .zek_block #customer_login h2{font-size: 24px;} .zek_page_banner .inner .title{font-size: 48px;} .zek_contact_body{padding: 40px 0;} .zek_contact_body .zek_block{padding: 24px;border-radius: 24px;} .zek_contact_body .zek_block .title{font-size: 24px;margin-bottom: 24px;} .zek_contact_body .zek_block .info .capt{margin-bottom: 24px;font-size: 20px;} .zek_page_banner .inner .text{font-size: 18px;margin-top: 20px;} .zek_about_sec1 .item .inner .title{font-size: 32px;} .zek_about_sec1 .item.active .inner .title{font-size: 48px;} .zek_about_sec1 .item .inner .text{margin-top: 20px;font-size: 20px;} .zek_about_sec1 .item.active .inner{padding: 24px 5%;} .zek_about_sec1 .item.active .video{padding-right: 5%;} .zek_about_sec2 .title{font-size: 48px;} .zek_category_page{padding: 40px 0;} .zek_category_title{font-size: 48px;margin-bottom: 32px;} .zek_category_meta .menu li > a{padding: 8px 16px;} .zek_searchform .search-input{padding: 10px 58px 10px 16px;} .zek_item_news{border-radius: 24px;} .zek_item_news .info{padding: 16px;} .zek_item_news .info .name{font-size: 18px;} .zek_single_banner{padding: 40px 0;} .zek_single_title{font-size: 32px;} .zek_single_body{padding: 40px 0;} .zek_single_bot{padding: 16px;gap: 16px;} .zek_single_related{padding: 40px 0;} .zek_single_related .title{font-size: 32px;margin-bottom: 24px;} .zek_single_related .swiper-button-prev{left: 0;} .zek_single_related .swiper-button-next{right: 0;} .zek_taxonomy_sec1{padding: 60px 0;} .zek_taxonomy_sec1 .zek_home_title{font-size: 32px;} .zek_taxonomy_sec1 .list .item{width: 33%;} .zek_taxonomy_sec1 .center{width: 33%;} .zek_taxonomy_sec1 .list .item{padding: 24px 0;} .zek_taxonomy_sec1 .list .item .number{padding-bottom: 16px;margin-bottom: 16px;} .zek_taxonomy_sec1 .list .item .text{font-size: 20px;} .zek_taxonomy_sec2 .inner .box{padding: 40px 30px 30px;} .zek_home_title{font-size: 32px;} .zek_taxonomy_sec2 .inner .list li a{padding: 16px 30px;} .zek_taxonomy_sec2 .inner .list li a::after{width: 20px;height: 20px;background-size: 20px;right: 20px;} .zek_taxonomy_list{padding: 60px 0;} .zek_taxonomy_list .zek_home_title{margin-bottom: 30px;} .zek_item_pro .box{border-radius: 24px;} .zek_item_pro .top{padding: 16px;} .zek_item_pro .name{font-size: 18px;height: 50px;} #order_review table.shop_table tbody .product-name{width: 320px;} .zek_page_body{padding: 40px 0;} .zek_page_body .zek_home_title{margin-bottom: 30px;} .zek_home_sec1 .inner .box{padding: 30px;} .zek_home_sec1 .inner .zek_cta{margin-top: 30px;} .zek_home_sec2{padding: 60px 0;} .zek_home_sec2 .col-left .item .name{font-size: 24px;} .ui-card-slider{height: 600px;} .ui-card-slider .left-slide{bottom: 50px;height: 500px;} .ui-card-slider .right-slide{bottom: 50px;height: 500px;} .ui-card-slider .slide .box{padding: 24px;} .ui-card-slider .slide .box .name{font-size: 28px;} .ui-card-slider .slide .box .price{font-size: 20px;} .zek_home_sec3 .inner .box{padding: 30px;} .zek_home_sec3 .inner .zek_home_title{margin-bottom: 30px;} .zek_home_sec3 .inner .right{gap: 16px;} .zek_home_sec4{padding: 60px 0;} .zek_home_sec4 .zek_home_title{font-size: 28px;margin:0 auto 30px;} .zek_home_sec4 .item .img{margin-bottom: 16px;} .zek_home_sec4 .item .name{font-size: 22px;} .zek_home_sec5 .inner .zek_home_title{font-size: 40px;margin-bottom: 32px;} .zek_about_sec2 .item .box{padding: 15px;} .zek_about_sec2 .item .box .name{font-size: 20px;} .zek_detail_info{width: 480px;padding: 30px 20px 20px;} .zek_detail_image{width: calc(100% - 480px);} .woocommerce div.product .product_title{font-size: 24px;} .zek_detail_info .price{font-size: 24px;margin-bottom: 16px;} .zek_detail_info .price del{font-size: 20px;} .zek_detail_body .block_content .right{width: 480px;} .zek_detail_body .block_content .left{width: calc(100% - 480px);} .zek_detail_body .block_content .right .main{padding: 30px 20px 20px;} .zek_detail_body .block_content .right .main .title{font-size: 28px;margin-bottom: 20px;} .zek_detail_body .block_content .right .list li{padding: 10px;} .zek_detail_body .block_content .left .box .name{font-size: 18px;} .zek_detail_body .block_content .left .box{width: 360px;} .zek_detail_body .block_content .right .extra{padding: 15px 20px;} .zek_detail_body .block_content .right .extra .title{font-size: 22px;} .zek_detail_body .block_content .right.active .extra{padding: 30px 20px 20px;} .zek_detail_body .block_content .right.active .extra .title{font-size: 28px;margin-bottom: 20px;} .zek_detail_body .block_content .right.active .main{padding: 15px 20px;} .zek_detail_body .block_content .right.active .main .title{font-size: 22px;} .woocommerce #reviews #comments h2{font-size: 24px;} .zek_detail_related{padding: 60px 0;} } @media (max-width: 991px) { .woo-variation-product-gallery { width: 100% !important;} p{margin-bottom: 16px;} ul,ol{padding-left:0;margin-bottom: 16px;} li{margin-bottom: 8px;} h1{font-size: 28px;margin-bottom: 16px;} h2{font-size: 24px;margin-bottom: 16px;} h3{font-size: 18px;font-weight: 600;} h4{font-size: 16px;} h5,h6{font-size: 14px;} 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;} [type="submit"]{padding: 10px 15px !important;} .zek_header_nav .icon{width: 20px;height: 20px;background-size: 20px;} #header .flex{gap: 20px;} .zek_header_nav{gap: 15px;} .zek_account_page .zek_block{padding: 20px;} .zek_page_banner .inner{padding: 30px 0;} .zek_page_banner .inner .title{font-size: 36px;} .zek_contact_body .zek_block{font-size: 20px;font-size: 16px;} .zek_contact_body .zek_block .inner{padding-right: 0;gap: 24px;} .zek_contact_body .zek_block .title{margin-bottom: 20px;} .zek_contact_body .zek_block .info .capt{margin-bottom: 20px;} .zek_footer_main{padding: 30px 0 20px;font-size: 15px;} .zek_footer_main .f-widget{gap: 24px;} .zek_footer_main .col-logo{width: 100%;} .zek_footer_main .col-logo .img{width: 140px;} .zek_footer_logo{padding: 20px 0;} .zek_page_banner .inner .text{font-size: 16px;margin-top: 16px;} .zek_about_sec1 .item .inner{padding: 10px;} .zek_about_sec1 .item .inner .title{font-size: 28px;} .zek_about_sec1 .item.active .inner{padding: 20px 30px;} .zek_about_sec1 .item.active .inner .title{font-size: 36px;} .zek_about_sec1 .item .inner .text{font-size: 16px;margin-top: 16px;} .zek_about_sec2 .title{font-size: 36px;} .zek_about_sec2 .box_title{padding: 24px;} .zek_about_sec2 .item .box{transform: translateY(0);opacity: 1;} .zek_category_title{font-size: 32px;margin-bottom: 24px;} .zek_single_banner{padding: 30px 0;} .zek_single_banner .cat{height: 32px;font-size: 14px;} .zek_single_title{font-size: 26px;margin-bottom: 12px;} div#ez-toc-container ul li.ez-toc-heading-level-2 > a{font-size: 14px;} div#ez-toc-container ul li.ez-toc-heading-level-3 > a{font-size: 14px;} #ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul{margin-top: 8px;} #ez-toc-container ul{gap: 8px;} .zek_single_bot{padding: 12px 16px;} .zek_single_related .title{font-size: 26px;} .zek_taxonomy_sec1{padding: 40px 0;} .zek_taxonomy_sec1 .zek_home_title{font-size: 26px;} .zek_taxonomy_sec1 .list .item{width: 35%;} .zek_taxonomy_sec1 .list .item .text{font-size: 16px;} .zek_taxonomy_sec1 .center{width: 28%;} .zek_taxonomy_sec2 .inner .box{padding: 30px 20px 20px;} .zek_home_title{font-size: 26px;} .zek_taxonomy_sec2 .inner .list li a{padding: 10px 20px;} .zek_taxonomy_sec2 .inner .list li a:after{right: 10px;} .zek_taxonomy_list{padding: 40px 0;} .zek_taxonomy_list .zek_home_title{margin-bottom: 24px;} .zek_list_product .zek_item_pro{width: 50%;} .zek_detail_image{width: 100%;} .zek_detail_info{width: 100%;} .zek_detail_body .block_content .left{width: 100%;min-height: calc(100vh - 76px);display: flex;justify-content: flex-end;align-items: flex-end;padding: 30px;border-radius: 0;border-bottom: 1px solid #19334C;} .zek_detail_body .block_content .right{width: 100%;min-height: inherit;border-left: 0;border-top: 1px solid #19334C;} .zek_detail_body .block_content .left .img{position: absolute;top: 0;left: 0;width: 100%;} .zek_detail_body .block_content .left .swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .zek_detail_body .block_content .left .box{position: unset;} .zek_detail_related{padding: 40px 0;} .zek_detail_related .zek_home_title{margin-bottom: 30px;} } @media(max-width:767px) { .zek_home_banner .img video { width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{padding-left: 0} .woocommerce-account .woocommerce-MyAccount-navigation ul li { width: calc((100% - 15px) / 2);} .zek_account_page .zek_block_login{padding: 15px} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{padding: 12px 10px} 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; } #main{overflow: hidden;} #header .flex{gap: 15px;height: 76px;} .zek_header_menu .menu{gap: 15px;} .zek_header_nav{gap: 10px;} .zek_header_menu{display: none;} .zek_touch_menu{display: block;width: 20px;height: 20px; cursor: pointer;background-image: url(images/icmenu2.png);background-size: 12px;background-repeat: no-repeat;background-position: center;border-radius: 3px;border: 1.5px solid #19334C;} .zek_line_dark{display: block; opacity: 0;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 100%;background-color: rgba(0,0,0,.8);z-index: 9999;} body.zek_active .zek_line_dark{opacity: 1;left: 0; visibility: visible;cursor: url(images/close.png) 15 15,default;} #zek_menu_mobile{display: block;z-index: 9999;width: 300px;height: 100%; background: #fff;position: fixed;top: 0;right: -300px;transition: all .3s;opacity: 0;padding-top: 90px;transition-delay: 0s;} body.zek_active #zek_menu_mobile{right: 0;opacity: 1;transition-delay: .2s;} #zek_menu_mobile ul{list-style: none;margin-bottom: 0;} #zek_menu_mobile .menu li{position: relative;} #zek_menu_mobile .menu li>a{display: inline-block;padding: 12px 22px;font-weight: 600;} #zek_menu_mobile .menu>li{border-bottom: 1px solid #348bc72A;} #zek_menu_mobile .menu ul{padding-left: 15px;display: none;} #zek_menu_mobile .menu li>svg{width: 20px;height: 20px;padding: 4px;position: absolute;right: 10px;top: 16px;} #zek_menu_mobile .closebt{cursor: pointer;width: 30px;height: 30px;background-image: url(images/icclose.png);background-size: 26px;background-repeat: no-repeat;background-position: center;position: absolute;z-index: 2;top: 40px;right: 30px;} .zek_footer_main .col-logo .img{width: 120px;} .zek_footer_main{font-size: 14px;} .zek_footer_main .col-f1{width: 100%;max-width: 100%;} .zek_footer_main .widget:not(:last-child){margin-bottom: 20px;} .zek_footer_main .zek_widget_title{font-size: 16px;} .zek_footer_main .col-map .map{height: 300px;border-radius: 16px;} .zek_page_banner .inner .title{font-size: 32px;} .zek_contact_body{padding: 30px 0;} .zek_about_sec1 .item{width: 80px;} .zek_about_sec1 .item.active{width: calc(100% - 160px);} .zek_about_sec1 .item .inner .title{font-size: 24px;} .zek_about_sec1 .item.active .inner{padding: 20px;} .zek_about_sec1 .item.active .inner .title{font-size: 30px;} .zek_about_sec1 .item .inner .text{font-size: 15px;} .zek_about_sec2 .title{font-size: 30px;} .zek_about_sec2 .box_title{padding: 20px;} .zek_category_page{padding: 30px 0;} .zek_category_title{font-size: 26px;margin-bottom: 20px;} .zek_category_meta .menu li > a{padding: 5px 10px;font-size: 14px;} .zek_searchform{width: 300px;} .zek_searchform .search-input{padding: 6px 50px 6px 12px;} .zek_searchform .search-submit{width: 50px;background-size: 20px;} .zek_item_news .info{padding: 15px;} .zek_item_news .info .name{font-size: 16px;margin-bottom: 10px;} .zek_item_news .info .desc{font-size: 14px;margin-bottom: 12px;} .zek_single_meta{font-size: 13px;} .zek_single_meta .author{margin-right: 15px;} .zek_item_news{border-radius: 16px;} .zek_single_body{padding: 30px 0;} .zek_single_title{font-size: 24px;} .zek_single_related{padding: 30px 0;} .zek_taxonomy_sec1{padding: 30px 0;} .zek_taxonomy_sec1 .zek_home_title{font-size: 22px;margin-bottom: 0;} .zek_taxonomy_sec1 .list .item{width: 100%;min-height: 0;padding: 20px 0;} .zek_taxonomy_sec1 .center{width: 300px;max-width: 100%;position: unset;margin: 0 auto;display: block;transform: none;} .zek_taxonomy_sec1 .list .item .number{justify-content: flex-start;} .zek_taxonomy_sec2 .img{width: 100%;height: auto;} .zek_taxonomy_sec2 .img img{position: relative;height: auto;} .zek_taxonomy_sec2 .inner{width: 100%;min-height: 0;} .zek_taxonomy_list{padding: 30px 0;} .zek_item_pro .box{border-radius: 16px;} .zek_item_pro .img{margin-bottom: 15px;} .zek_item_pro .name{font-size: 16px;} .zek_item_pro .top{padding: 15px;} .zek_item_pro .bot{padding: 15px;} .zek_home_banner .img{height: 350px;} .zek_home_sec1 .inner{width: 100%;min-height: 0;border-right: 0;border-bottom:1px solid #19334C;} .zek_home_sec1 .inner .box{padding: 30px 20px 20px;} .zek_home_sec1 .inner .zek_cta{margin-top: 20px;} .zek_cta a{height: 48px;padding: 10px 20px;} .zek_home_sec1 .img{width: 100%;height: auto;border-left: 0;border-top: 1px solid #19334C;} .zek_home_sec1 .img img{position: relative;} .zek_home_sec2{padding: 30px 0;min-height: 0;} .zek_home_sec2 .col-left{width: 100%;gap: 20px;} .zek_home_sec2 .zek_home_title{margin-bottom: 0;} .zek_home_sec2 .col-left .item .name{font-size: 20px;} .zek_home_sec2 .col-left .item .zek_home_text{padding: 15px 0;} .zek_home_sec2 .col-right{width: 100%;padding-left: 12px;} .zek_home_sec2 .col-right .group{width: 480px;max-width: 100%;display: block;margin: 0 auto;} .ui-card-slider{height: 400px;} .ui-card-slider .slide{border-radius: 16px;} .ui-card-slider .center-slide{width: 300px;} .ui-card-slider .right-slide{height: 320px;bottom: 40px;width: 300px;} .ui-card-slider .left-slide{height: 320px;bottom: 40px;width: 300px;} .ui-card-slider .slide .box{padding: 15px;border-radius: 16px;} .ui-card-slider .slide .box .name{font-size: 20px;} .ui-card-slider .slide .box .mua-ngay{margin-top: 10px;height: 44px;} .zek_home_sec3 .inner{width: 100%;min-height: 0;} .zek_home_sec3 .inner .box{padding: 30px 20px;} .zek_home_sec3 .inner .zek_home_title{margin-bottom: 20px;} .zek_home_title{font-size: 24px;} .zek_home_sec3 .inner .left{width: 100%;padding-right: 0;padding-bottom: 20px;} .zek_home_sec3 .inner .left .logo{width: 120px;} .zek_home_sec3 .inner .right{width: 100%;gap: 12px;} .zek_home_sec4{padding: 30px 0;min-height: 0;} .zek_home_sec4 .zek_home_title{font-size: 20px;margin: 0 auto 20px;} .zek_home_sec4 .item .img{margin-bottom: 15px;} .zek_home_sec4 .item .name{font-size: 18px;} .zek_home_sec5 .inner .zek_home_title{font-size: 28px;margin-bottom: 20px;} .zek_home_sec5 .inner .form form input[type="text"]{padding: 16px 112px 16px 24px;} .zek_home_sec5 .inner .form form input[type="submit"]{padding: 6px 20px !important;top: 10px;right: 10px;} .swiper-button-next, .swiper-button-prev{width: 48px;height: 32px;background-size: 20px;} .zek_page_banner{min-height: 350px;} .woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-wrapper{width: 80px;top: 15px;left: 5px;} .zek_detail_image .sale-flash{font-size: 14px;} .woocommerce div.product .product_title{font-size: 22px;} .woocommerce #reviews #comments h2{font-size: 20px;} .zek_page_body{padding: 30px 0;} .zek_page_body .zek_home_title{margin-bottom: 20px;} .woocommerce table.shop_table{border-radius: 0;font-size: 14px;margin: 0 0 16px !important;} .woocommerce table.shop_table td, .woocommerce table.shop_table th{padding: 10px 15px;} .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{display: block;} .woocommerce table.shop_table .product-thumbnail{width: 100%;} .woocommerce table.shop_table .product-thumbnail img{width: 80px;} .woocommerce table.shop_table .product-thumbnail:before{display: none;} .woocommerce table.shop_table .product-name{width: 100%;font-size: 15px;} .woocommerce table.shop_table .product-price{width: 100%;font-size: 15px;} .woocommerce table.shop_table .product-quantity{width: 100%;} .woocommerce table.shop_table .product-subtotal{width: 100%;font-size: 15px;} .woocommerce table.shop_table .product-remove{width: 100%;} .woocommerce table.shop_table tbody tr:last-child td{border-radius: 0 !important;} .woocommerce table.shop_table td.product-price{font-size: 15px;} .woocommerce table.shop_table td.product-subtotal{font-size: 15px;} .woocommerce table.shop_table .product-remove a.remove{margin: 0 0 0 auto;} .woocommerce table.shop_table .actions [type="submit"]{width: auto !important;margin-left: auto;} .cart_totals{border-radius: 0;padding: 15px;} .cart_totals h2{font-size: 18px;margin-bottom: 16px;} .cart_totals table.shop_table td, .cart_totals table.shop_table th{padding: 6px 0;} #customer_details{width: 100%;border-radius: 0;padding: 15px;} .select2-container .select2-selection--single{height: 48px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;} #order_review{width: 100%;border-radius: 0;padding: 15px;} #order_review table.shop_table tbody .cart_item{margin-bottom: 15px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 16px 0;} .woocommerce-order-details{border-radius: 0;padding: 15px;} .woocommerce-order h2{font-size: 18px;margin-bottom: 16px;} .customnew{border-radius: 0;padding: 15px;} .woocommerce-order-details table.shop_table td, .woocommerce-order-details table.shop_table th{width: auto !important;} .zek_about_sec1 .item{flex-wrap: wrap;} .zek_about_sec1 .item.active .inner{width: 100%;} .zek_about_sec1 .item.active .video{width: 100%;padding-left: 5%;} } @media(max-width:575px) { .zek_footer_main .col-map .map{border-radius: 0;} .zek_page_banner{min-height: 300px;} .zek_page_banner .inner .title{font-size: 26px;} body.page-template-page-contact .zek_touch_menu { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-contact #header.head.navbar-fixed-top .zek_touch_menu{-webkit-filter: none; filter: none;} .zek_contact_body .zek_block{padding: 15px;border-radius: 0;} .zek_contact_body .zek_block .title{font-size: 20px;margin-bottom: 16px;} .zek_contact_body .zek_block .info .capt{margin-bottom: 16px;} .zek_contact_body .zek_block .info .list{gap: 16px;} .zek_contact_body .zek_block .info .list li{gap: 4px;} .zek_contact_body .zek_block .info .link{height: 40px;font-size: 14px;} .zek_page_banner .inner .text{font-size: 14px;margin-top: 12px;} .zek_about_sec1 .item{width: 60px;} .zek_about_sec1 .item.active{width: calc(100% - 120px);} .zek_about_sec1 .item .inner .title{font-size: 18px;} .zek_about_sec1 .item.active .inner{padding: 20px 12px;} .zek_about_sec1 .item.active .inner .title{font-size: 22px;} .zek_about_sec1 .item .inner .text{margin-top: 12px;} .zek_about_sec2 .title{font-size: 22px;} .zek_category_meta{flex-direction: column;align-items: center;} .zek_single_banner{padding: 20px 0;} .zek_single_title{font-size: 20px;} .zek_single_related .title{font-size: 22px;margin-bottom: 20px;} .zek_home_banner .img{height: 300px;} .zek_home_sec1 .inner .box{padding: 30px 12px 20px;} .zek_cta a{height: 44px;} .zek_home_sec3 .inner .box{padding: 30px 12px;} .zek_home_sec4 .item .name{font-size: 16px;} .zek_home_sec4 .item .img{border-radius: 16px;} .zek_home_sec5{min-height: 400px;padding: 60px 0;} .zek_home_sec5 .inner .zek_home_title{font-size: 24px;} .zek_taxonomy_sec1 .zek_home_title{font-size: 20px;margin-bottom: 10px;} .zek_taxonomy_sec1 .list .item{padding: 15px 0;} .zek_taxonomy_sec2 .inner .box{padding: 30px 12px 20px;} .zek_taxonomy_sec2 .inner .list li a{padding: 10px 20px 10px 12px;} .zek_list_product .zek_item_pro{width: 100%;} .woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-wrapper{width: 64px;} .zek_detail_info{padding: 30px 12px 20px;} .woocommerce div.product .product_title{font-size: 20px;} .zek_detail_info .policy .it .key{font-size: 14px;} .zek_detail_info .policy .it .value{font-size: 12px;} .zek_detail_body .block_content .left{padding: 15px;} /* update */ .zek_detail_body .block_content .left{min-height: inherit;aspect-ratio: 1/1;} .zek_detail_body .block_content .left .box{border-radius: 0;} .zek_detail_body .block_content .left .box .name{font-size: 16px;padding: 15px;} .zek_detail_body .block_content .left .box .shortcontent{padding: 15px 15px 5px;font-size: 14px;} .zek_detail_body .block_content .right .main{padding: 30px 12px 20px;} .zek_detail_body .block_content .right .main .title{font-size: 24px;} .zek_detail_body .block_content .right .extra{padding: 15px 12px;} .zek_detail_body .block_content .right .extra .title{font-size: 18px;} .zek_detail_body .block_content .right.active .extra{padding: 30px 12px 20px;} .zek_detail_body .block_content .right.active .extra .title{font-size: 24px;} .zek_detail_body .block_content .right.active .main{padding: 15px 12px;} .zek_detail_body .block_content .right.active .main .title{font-size: 18px;} .zek_detail_review{padding: 30px 0;} .zek_detail_related{padding: 30px 0;} .zek_detail_related .zek_home_title{margin-bottom: 20px;} .woocommerce form .form-row-first, .woocommerce-page form .form-row-first{float: none;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%;} .zek_detail_info .group-btns a{font-size: 14px;} } @media(max-width:428px) { 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{font-size: 14px;} .ui-card-slider .slide .box .name{font-size: 16px;} .ui-card-slider .slide .box .price{font-size: 16px;} .zek_about_sec1 .item{width: 50px;} .zek_about_sec1 .item.active{width: calc(100% - 100px);} .zek_home_sec5 .inner .form form input[type="submit"]{font-size: 14px;} }