/* 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: 'Manrope';src:url(fonts/Manrope-ExtraLight.ttf);font-weight: 200;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-Light.ttf);font-weight: 300;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-Regular.ttf);font-weight: 400;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-Medium.ttf);font-weight: 500;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-SemiBold.ttf);font-weight: 600;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-Bold.ttf);font-weight: 700;} @font-face{font-family: 'Manrope';src:url(fonts/Manrope-ExtraBold.ttf);font-weight: 800;} @font-face{font-family: 'Libre Baskerville';src:url(fonts/LibreBaskerville-Regular.ttf);font-weight: 400;} @font-face{font-family: 'Libre Baskerville';src:url(fonts/LibreBaskerville-Italic.ttf);font-weight: 400;font-style: italic;} @font-face{font-family: 'Libre Baskerville';src:url(fonts/LibreBaskerville-Bold.ttf);font-weight: 700;} /* Option */ .woocommerce-checkout-review-order dl.variation{ display: flex ; flex-direction: column;} .notice{margin-top: 15px;color: red} .df-icon-share, .df-icon-more{display:none} .xoo-wsc-align-right{display: none;} .tax-product_cat .xoo-wsc-align-right, .single-product .xoo-wsc-align-right{display: block;} .xoo-wsc-qty-box.xoo-wsc-qtb-square{display: none;} .flatpickr-months .flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday{ background: #19c710 !important;} .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{background: #19c710 !important; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #19c710 !important;} html{margin-top: 0 !important;} body{font-size: 16px;color: #222222;font-family: 'Manrope';} body.page-template-default #main{padding-top: 96px;} body.single-post #main{padding-top: 96px;} body.single-product #main{padding-top: 96px;overflow-x: hidden;} #main{position: relative;} #main .container{position: relative;z-index: 2;} .bough-left{position: absolute;top: 581px;left: 0;width: 14%;} .bough-right{position: absolute;top: 641px;right: 0;width: 16.745%;} body.single-post .bough-left{top: 485px;} body.single-post .bough-right{top: 545px;} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#222222;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #169915;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto} b,strong{font-weight: bold;} h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom: 1rem;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.4);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .screen-reader-text{display:none} .head{animation: stuckMoveUp .5s;} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } /* Container (FAKE theo từng web) */ .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container,.row{--bs-gutter-x: 32px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} @media (min-width: 576px){ .container, .container-sm {max-width: 540px;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 720px;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 960px;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1432px;} } /* input-button */ input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #E4E4E7;padding: 10px 12px;border-radius: 6px;font-size: 16px;line-height: 22px;color: #7B7B7B;} select{height: 44px;} textarea{height: 120px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #7B7B7B;} input[type="submit"]{font-weight: 500;padding: 0 24px;height: 64px;min-width: 300px; color: #fff !important;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);border-radius: 8px;text-align: center;border: none;transition: all .3s;display: flex;align-items: center;font-size: 18px;box-shadow: 0px 0px 16.39px 0px #0000001F;} input[type="submit"]:hover{background-color: #CBDEA6;color: #333;} .select2-container{width: 100%;} .select2-container .select2-selection--single{height: 44px;} .select2-container--default .select2-selection--single{border: 1px solid #E4E4E7;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;padding-top: 0;padding-bottom: 0;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;color: #7B7B7B;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;} .select2-dropdown{border: 1px solid #E4E4E7;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #E4E4E7;} .select2-search--dropdown{padding: 4px 4px 12px 4px;} .select2-container--default .select2-results>.select2-results__options{font-size: 14px;} .select2-container .select2-dropdown, .select2-container .select2-selection{border-color: #E4E4E7;} /* Contact-form7 */ .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 32px;position: relative;} .form-group .name{margin-bottom: 4px;font-weight: 500;font-size: 14px;} .form-group .name span{color: #E02222;} .form-radio .name{font-weight: bold;margin-bottom: 12px;} .form-password .button{position: absolute;width: 44px;height: 44px;border: none;background: transparent;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;right: 0;} .wpcf7-radio{display: flex;flex-wrap: wrap;column-gap: 72px;row-gap: 12px;} .wpcf7-list-item{margin: 0;} .wpcf7-list-item label{display: block;padding-left: 28px;position: relative;} .wpcf7-list-item label input{width: 16px;height: 16px;position: absolute;left: 0;top: 3px;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:100%;width: 100%; z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:18px;} .content-post li{position:relative;margin-bottom:6px} .content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;} .content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;} .content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;} .content-post h1{font-weight: 800;} .content-post h2{font-weight: bold;} .content-post h3{font-weight: 600;} .content-post h4{font-weight: 600;} .content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px} .content-post .gallery br{display:none} .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)} .content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;} .content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 16px 16px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;} .content-post .alignright{float:right;margin:0 0 16px 16px} .content-post .alignleft{float:left;margin:0 16px 16px 0} a img.alignright{float:right;margin:0 0 16px 16px} a img.alignnone{margin:0 16px 16px 0} a img.alignleft{float:left;margin:0 16px 16px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 16px 16px 0} .wp-caption.alignleft{margin:0 16px 16px 0} .wp-caption.alignright{margin:0 0 16px 16px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;} .content-post>*:last-child{margin-bottom: 0;} /* Widget */ .widget ul,.widget ol{list-style: none;} .widget iframe{width: 100%;height: auto; object-fit: cover;} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Support */ .sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;} .supports{display: flex;flex-direction: column;position: fixed;z-index: 999;right: 0;bottom: 50%;transform: translateY(50%); background: #E1E1E133;gap: 1px;} .supports .item{background: #282627;width: 45px;height: 45px;} .supports .item a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .supports .item a svg{transition: all 1s;} .supports .item a:hover svg{transform: scale(1.5);} .backtop{position: fixed;z-index: 999;right: 0;bottom: 30px;} .backtop a{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;} /* Header */ #header .col-touch{display: none;} #menu-mobile{display: none;} #header{padding: 5px 0;position: fixed;z-index: 999;box-shadow: 0px 0px 12px 0px #00000014;backdrop-filter: blur(40px);width: 100%;top: 0;left: 0;background: #FFFFFFB8;} #header .container{max-width: 1624px;} #header .flex{gap: 32px;flex-wrap: nowrap;} #header .logo{height: 64px;display: flex;align-items: center;} #header .logo img{object-fit: contain;max-height: 64px;} #header .col-nav{display: flex;align-items: center;gap: 32px;} #header .account a{display: flex;align-items: center;padding: 0 28px;height: 48px;font-size: 18px;font-weight: 500;color: #11181C;gap: 8px;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);border-radius: 100px;} #header .user{position: relative;} #header .user .main{display: flex;align-items: center;gap: 12px;padding: 8px 0;} #header .user .main .avata{overflow: hidden;width: 48px;height: 48px;border-radius: 15px;} #header .user .main .avata img{width: 100%;height: 100%;object-fit: cover;} #header .user .main .box{display: flex;flex-direction: column;gap: 4px;} #header .user .main .box .name{font-size: 18px;font-weight: bold;color: #000;} #header .user .main .box .id{font-size: 12px;color: #616161;line-height: 1.2;} #header .user .hidd{position: absolute;overflow: hidden;background: #fff;z-index: 99;top: 100%;right: -22px;border-radius: 16px;box-shadow: 0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000,0px -1px 1.3px 0px #00000033 inset;width: auto;opacity: 0;transition: all .2s;visibility: hidden;} #header .user:hover .hidd{opacity: 1;visibility: visible;} #header .user .hidd ul{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;padding: 8px;} #header .user .hidd ul.suport{border-top: 1px solid #F4F4F4;} #header .user .hidd ul li a{padding: 8px;border-radius: 12px;display: flex;align-items: center;gap: 8px;font-weight: 500;white-space: nowrap;color: #000;} #header .user .hidd ul li a svg{width: 24px;height: 24px;} #header .user .hidd ul li.logout a{color: #E02222;} #header ul{list-style: none;margin-bottom: 0;} #header .language li>a{display: flex;align-items: center;gap: 4px;color: #000000;height: 28px;justify-content: center;} #header .language>li>a{font-size: 18px;} #header .language li>a:before{content: "";display: block;width: 24px;height: 24px;border-radius: 50%; background-size: cover;background-repeat: no-repeat;background-position: center;} html[lang="vi"] #header .language>li>a:before{background-image: url(images/flag-vn.jpg);} html[lang="en-US"] #header .language>li>a:before{background-image: url(images/flag-en.jpg);} #header .language>li{position: relative;} #header .language>li .ic2{position: absolute;left: 50%;transform: translateX(-50%);top: calc(100% - 6px);z-index: 100;transition: all .3s;opacity: 0;visibility: hidden;} #header .language>li:hover .ic2{opacity: 1;visibility: visible;} #header .language>li>ul{position: absolute;z-index: 99;top: calc(100% + 8px);background: #fff;border-radius: 5px;padding: 10px 16px;width: 150px;box-shadow: 0px 0px 16px 0px #0000001F;left: 50%;transform: translateX(-50%);transition: all .3s;opacity: 0;visibility: hidden;} #header .language>li:hover>ul,#header .language>li.active>ul{opacity: 1;visibility: visible;} #header .language>li>ul li.lang-item-en>a:before{background-image: url(images/flag-en.jpg);} #header .language>li>ul li.lang-item-vi>a:before{background-image: url(images/flag-vn.jpg);} #header .col-menu{display: flex;align-items: center;gap: 24px;} #header .menu{display: flex;align-items: center;gap: 24px;} #header .menu>li{position: relative;} #header .menu>li>a{display: flex;align-items: center;padding: 0 24px;height: 48px;font-weight: 500;font-size: 18px;align-items: center;gap: 4px;} #header .menu>li>a svg{width: 16px;height: 16px;transition: all .3s;} #header .menu>li:hover>a{color: #169915;} #header .menu>li:hover>a svg{transform: rotate(180deg);} #header .menu>li>.ic2{transition: all .2s;width: 24px;height: 26px;opacity: 0;visibility: hidden;position: absolute;right: 50%;bottom: -14px;z-index: 100;} #header .menu>li:hover>.ic2{opacity: 1;visibility: visible;} #header .menu>li ul{position: absolute;z-index: 99;background: #fff;box-shadow: 0px 0px 16px 0px #0000001F;border-radius: 16px;min-width: 240px;padding: 12px;transition: all .2s;opacity: 0;visibility: hidden;} #header .menu>li>ul{top: 100%;left: 50%;transform: translateX(-50%);} #header .menu>li>ul ul{top: 0;left: calc(100% + 24px);} #header .menu li:hover>ul{opacity: 1;visibility: visible;} #header .menu>li ul>li{padding: 8px 12px;position: relative;display: flex;transition: all .3s;border-radius: 8px;} #header .menu>li ul>li:hover,#header .menu>li ul>li.current-menu-item{background: #16991514;} #header .menu>li ul>li>.ic2{position: absolute;transition: all .2s;width: 24px;padding-top: 14px; height: 40px;opacity: 0;visibility: hidden;top: 2px;left: calc(100% + 6px);z-index: 100;transform: rotate(-90deg);} #header .menu>li ul>li:hover>.ic2{opacity: 1;visibility: visible;} #header .menu>li ul>li>a{display: inline-flex;line-height: 24px;color: #3A3A3A;font-weight: 500;} #header .menu>li ul>li:hover>a,#header .menu>li ul>li.current-menu-item>a{color: #169915;font-weight: bold;} /* Footer */ #footer{border-top: 1px solid #0000001A;background: #FCFCFC;box-shadow: 0px 0px 12px 0px #0000001F;} .footer-main{padding: 56px 0 24px;} .footer-main .f-widget{flex-wrap: nowrap;gap: 32px;} .footer-main .widget-title{font-size: 18px;font-weight: bold;color: #169915;margin-bottom: 16px;text-transform: uppercase;white-space: nowrap;} .footer-main .widget{width: auto;max-width: calc(100% / 3);} .footer-main .widget:first-child{width: 360px;margin-right: auto;} .footer-main .textwidget p{margin-bottom: 12px;} .footer-main .textwidget img{margin-bottom: 0;} .footer-main .textwidget ul,.footer-main .textwidget ol{margin-bottom: 12px;} .footer-main .textwidget li:not(:last-child){margin-bottom: 12px;} .footer-main .textwidget>*:last-child{margin-bottom: 0;} .footer-main .textwidget a{font-weight: 500;} .footer-main .info li{position: relative;padding-left: 28px;} .footer-main .info li img{object-fit: contain;width: 20px;height: 20px;position: absolute;left: 0;top: 0;} .footer-main .info li b{background: linear-gradient(274.93deg, #19BD0F 10%, #114128 70%);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 600;} .footer-main .logo{margin-bottom: 8px;} .footer-main .logo img{object-fit: contain;max-height: 80px;} .footer-main .name{font-size: 20px;font-weight: bold;text-transform: uppercase;} .footer-main .social{margin-top: 16px;padding-top: 16px;border-top: 1px solid #54668285;display: flex;flex-direction: column;gap: 12px;} .footer-main .social .capt{font-weight: 500;} .footer-main .social .list{display: flex;flex-wrap: wrap;gap: 24px;margin-bottom: 0;} .footer-main .social .list img{width: 44px;height: 44px;border-radius: 50%;} .footer-bot{padding: 24px 0;border-top: 1px solid #1e1e1e33;letter-spacing: 0.2px;} .footer-bot .textwidget *{margin-bottom: 0;} .footer-bot .widget-title{display: none;} /* Page */ .home-slider{position: relative;} .swiper-nav{display: flex;align-items: center;justify-content: center;} .swiper-button{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);box-shadow: 0px 0px 9.6px 0px #00000029;} .swiper-button.swiper-button-disabled{background: #7B7B7B;backdrop-filter: blur(47.33333969116211px);opacity: .5;} .swiper-pagination{padding: 0 16px;} .swiper-nav .swiper-pagination{position: unset;width: auto;} .swiper-number{padding: 0 16px 6px;display: flex;align-items: flex-end;font-size: 20px;font-weight: 500;width: auto;line-height: 1.3;} .swiper-number .swiper-pagination-current{font-size: 40px;font-weight: bold;line-height: 1.3;position: relative;top: 3px;} .swiper-pagination-bullet{background: #D9D9D9;border-radius: 8px;opacity: 1;} .swiper-pagination-bullet-active{background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);width: 22px;} .have-load{opacity: 0;transition: all .5s;} .delay05{transition-delay: 0.5s;} .delay1{transition-delay: 1s;} .have-load.re-active{opacity: 1;} .have-load.background{transition: all 4s;opacity: 1;} .have-load.background.re-active{transform: scale(1.03);} .have-load.tran-up{transform: translateY(50px);} .have-load.tran-up.re-active{transform: translateY(0);} .have-load.tran-down{transform: translateY(-50px);} .have-load.tran-down.re-active{transform: translateY(0);} .have-load.tran-right{transform: translateX(-50px);} .have-load.tran-right.re-active{transform: translateX(0);} .have-load.tran-left{transform: translateX(50px);} .have-load.tran-left.re-active{transform: translateX(0);} .page-banner{height: 350px;display: flex;align-items: center;overflow: hidden;padding-top: 93px;color: #fff;} .page-banner .background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .page-banner .container{position: relative;z-index: 2;} .page-banner .title{font-size: 50px;font-weight: bold;margin-bottom: 0; text-transform: uppercase;} .page-banner .overlay.re-active{opacity: .8;} .page-body{background-image: url(images/bg-body.png);background-size: 100% auto;background-repeat: no-repeat;background-position: bottom center;padding: 64px 0;} .breadcrumbs .container{max-width: 1624px;} .breadcrumbs{background: #F6F6F6;padding: 24px 0;color: #666;} .breadcrumbs p{margin-bottom: 0;} .breadcrumbs a{color: #666;} .breadcrumbs a svg{width: 24px;height: 24px;position: relative;top: -2px;margin-right: 2px;} .breadcrumbs a:hover{color: #222;} .breadcrumbs .separator{padding: 0 2px;} .page-title{font-size: 32px;font-weight: 800;margin-bottom: 0;} .home-block{display: flex;flex-direction: column;gap: 32px;} .box-white{padding: 20px;background: #fff;border-radius: 20px;box-shadow: 0px -1px 2px 0px #0000001F inset,0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000;} .home-cta a{display: inline-flex;align-items: center;} .home-cta a span{height: 52px;padding: 0 32px 0 24px;display: flex;align-items: center;justify-content: center;border-radius: 40px;border: 1px solid #3A3A3A;font-size: 18px;font-weight: bold;transition: all .3s;} .home-cta a i{display: flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 50%;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);position: relative;margin-left: -20px;transition: all .3s;} .home-cta a:hover span{color: #fff;background: #169915;border-color: #169915;} .home-cta a:hover i{margin-left: 0;transform: rotate(30deg);} /* Contact */ .contact-body{padding: 96px 0;background-color: #fbfbfb;} .contact-body .section:not(:last-child){margin-bottom: 184px;} .contact-block{display: flex;flex-direction: column;gap: 48px;} .contact-sec1 .box-title{display: flex;flex-direction: column;gap: 16px;} .contact-sec1 .box-title .title{font-size: 42px;font-weight: 800;margin-bottom: 0;color: #1e1e1e;} .contact-sec1 .box-title .title span{background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);background-clip: text;-webkit-background-clip: text;color: transparent;} .contact-sec1 .box-title .text{font-size: 20px;display: block;margin: 0 auto;width: 900px;max-width: 100%;} .contact-sec1 .box-white{padding: 12px;border: 1px solid #E5E5E5;display: flex;flex-wrap: wrap;} .contact-sec1 .inner{width: 575px;overflow: hidden;border-radius: 12px;padding: 46px;} .contact-sec1 .inner .overlay{background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);} .contact-sec1 .inner .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .contact-sec1 .inner .box{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 8px;color: #fff;font-size: 18px;} .contact-sec1 .inner .box .name{margin-bottom: 0;font-weight: bold;font-size: 40px;} .contact-sec1 .form{width: calc(100% - 575px);padding: 36px 0 146px 64px;position: relative;} .contact-sec1 .form .form-group input,.contact-sec1 .form .form-group textarea{border-radius: 0;border: none;border-bottom: 1px solid #616161;padding: 10px 0;font-weight: 500;} .contact-sec1 .form .form-group input::-webkit-input-placeholder,.contact-sec1 .form .form-group textarea::-webkit-input-placeholder{color: #C2C2C2;} .contact-sec1 .form input[type="submit"]{margin: 0 auto;} .contact-sec1 .form img{position: absolute;bottom: -12px;left: 22%;object-fit: contain;} .contact-sec2 .box-map{height: 100%;} .contact-sec2 .box-map .bough{position: absolute;left: -260px;width: 47%;top: -230px;} .contact-sec2 .map{height: 100%;overflow: hidden;border-radius: 16px;} .contact-sec2 .map iframe{width: 100%;height: 100%;object-fit: cover;} .contact-sec2 .info{display: flex;flex-direction: column;gap: 20px;} .contact-sec2 .info .box-white{display: flex;align-items: flex-start;gap: 20px;} .contact-sec2 .info .box-white .icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 12px;} .contact-sec2 .info .box-white .icon img{object-fit: contain;width: 20px;height: 20px;} .contact-sec2 .info .box-white.zalo img{width: 100%;height: 100%} .contact-sec2 .info .box-white.facebook .icon{background: linear-gradient(152deg, #4096FF 8.78%, #105CE2 92.68%);} .contact-sec2 .info .box-white.address .icon{background: linear-gradient(174deg, #FF85C0 3.06%, #EB2F96 100%);} .contact-sec2 .info .box-white.email .icon{background: linear-gradient(152deg, #F9DB78 8.78%, #DAAB12 92.68%);} .contact-sec2 .info .box-white.hotline .icon{background: linear-gradient(174deg, #30E3CA 3.06%, #07C5AD 100%);} .contact-sec2 .info .box-white .box{width: calc(100% - 60px);display: flex;flex-direction: column;gap: 8px;} .contact-sec2 .info .box-white .box .name{font-weight: bold;font-size: 20px;} .contact-sec2 .info .box-white .box .name span{background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);background-clip: text;-webkit-background-clip: text;color: transparent;} .contact-sec2 .info .box-white .box .text{color: #3A3A3A;font-size: 18px;font-weight: 500;} .contact-sec2 .info .box-white.hotline .box .text{padding-top: 16px;border-top: 1px solid #DDE1E7;margin-top: 8px;} /* Category */ .archive-body{padding: 96px 0;} .archive-block{display: flex;flex-direction: column;gap: 48px;} .archive-body .home-slider .swiper-nav{margin-top: 32px;} .item-news{height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;} .item-news .img{overflow: hidden;height: 240px; border-radius: 12px;} .item-news .img img{height: 100%;transition: all 1s;} .item-news .img:hover img{transform: scale(1.05);} .item-news .info{display: flex;flex-direction: column;gap: 10px;} .item-news .info .name{margin-bottom: 0;font-size: 24px;font-weight: bold;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-news .info .desc{color: #3A3A3A;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-news .info .single-meta{justify-content: space-between;} .item-news .info .single-meta .link{display: flex;align-items: center;gap: 4px;color: #F59033;} .top-news .list-item{display: flex;flex-direction: column;gap: 16px;} .top-news .list-item .item-news{flex-direction: row;align-items: center;gap: 16px;} .top-news .list-item .item-news .img{width: 41%;height: 205px;} .top-news .list-item .item-news .info{width: calc(59% - 16px);} .top-news .list-item .item-news .info .name{font-size: 20px;font-weight: 600;} .top-news .big-item .item-news .img{height: 450px;} .swiper-news-top .item-news .img{height: 370px;} .archive-father{display: flex;flex-direction: column;gap: 64px;} .archive-child{display: flex;flex-direction: column;gap: 24px;} .archive-child .title{margin-bottom: 0;font-size: 40px;font-weight: bold;} .pagination{justify-content: center;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 5px;} .pagination ul li{display: block;} .pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center; padding: 0;height: 32px;width: 32px;text-align: center;border: 1px solid #EBEBEB;background: #fff;border-radius: 50%;transition: all 0s;} .pagination ul li .current,.pagination ul li a:hover{background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);color: #fff;border: none;} .pagination ul li .current svg path,.pagination ul li a:hover svg path{fill: #fff;} /* Single */ .single-block{display: flex;flex-direction: column;gap: 48px;} .single-top{display: flex;flex-direction: column;gap: 20px;padding-bottom: 30px;border-bottom: 1px solid #C7C7C7;} .single-meta{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 6px;font-size: 14px;color: #7E7E7E;} .single-meta .it{display: flex;align-items: center;gap: 4px;} .single-meta a{color: #7E7E7E;} .single-meta a:hover{color: #222;} .single-top .single-meta{justify-content: center;} .single-thumb{overflow: hidden;border-radius: 20px 120px 20px 20px;height: 456px;} .single-thumb img{height: 100%;} .single-bottom .row{--bs-gutter-x: 64px;} .single-bottom .col-content{width: 60%;} .single-bottom .col-sidebar{width: 40%;} /* Sidebar */ .single-sidebar{display: flex;flex-direction: column;gap: 32px;} .single-sidebar .widget{display: flex;flex-direction: column;gap: 24px;} .single-sidebar .widget-title{border-bottom: 2px solid #C4C4C4;position: relative;padding-bottom: 16px;line-height: 1.2;font-size: 24px;font-weight: bold;color: #F59033;} .single-sidebar .widget-title:after{content: "";display: block;width: 100px;height: 2px;background-color: #F59033;position: absolute;bottom: -2px;left: 0;} .widget-post{display: flex;flex-direction: column;gap: 16px;} .widget-post .item{display: flex;align-items: center;gap: 16px;} .widget-post .item .img{width: 180px;aspect-ratio: 9/7;overflow: hidden;border-radius: 12px;} .widget-post .item .img img{height: 100%;} .widget-post .item .info{width: calc(100% - 196px);display: flex;flex-direction: column;gap: 4px;} .widget-post .item .info .name{margin-bottom: 0;font-size: 16px;font-weight: 600;line-height: 1.2;letter-spacing: 0.2px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .widget-post .item .info .desc{color: #7e7e7e;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .single-share .list{margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 24px;} .single-share .list li a{display: flex;align-items: center;justify-content: center;height: 44px;width: 44px;border: 1px solid #EEEEEE;border-radius: 5px;background: #fff;box-shadow: 0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000,0px -1px 2px 0px #0000001F inset;} .single-share .list li a svg{width: 24px;height: 24px;} /* Product */ .taxonomy-body{background: #f4f4f4;} .taxonomy-block{padding: 32px;background: #fff;border-radius: 12px;box-shadow: 0px 10px 20px 0px #0000000a;display: flex;flex-direction: column;gap: 24px;} .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{float: none;display: none;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;display: none;} .woocommerce-notices-wrapper{display: none;} .taxonomy-title{font-weight: bold;font-size: 24px;margin-bottom: 0;line-height: 1.5;text-transform: capitalize;} .taxonomy-title img{object-fit: contain;top: -4px;position: relative;max-height: 24px;} .list-product{margin: -12px;display: flex;flex-wrap: wrap;} .list-product .col-item{padding: 12px;width: calc(100% / 3);} .item-product{height: 100%;background: #fff;border-radius: 16px;box-shadow: 0px -1px 2px 0px #0000001F inset,0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A;overflow: hidden;display: flex;flex-direction: column;} .item-product .thumb{position: relative;} .item-product .thumb .img{overflow: hidden;aspect-ratio: 2/1;border-radius: 12px;} .item-product .thumb .img img{height: 100%;transition: all 1s;} .item-product .thumb:hover .img img{transform: scale(1.05);} .item-product .thumb .cat{position: absolute;top: 12px;left: 12px;z-index: 2;} .item-product .thumb .cat a{height: 36px;display: flex;align-items: center;justify-content: center;padding: 0 24px;border-radius: 40px;background: #FFFFFFCC;backdrop-filter: blur(8px);box-shadow: 0px 4px 8px -4.74px #D4D4D81F,0px 11.85px 8px -3.55px #D4D4D829;font-size: 14px;font-weight: 500;} .item-product .info{padding: 16px 12px 12px;display: flex;flex-direction: column;gap: 8px;} .item-product .info .name{display: flex;align-items: center;justify-content: space-between;gap: 8px;align-items: flex-start;} .item-product .info .name .value{margin-bottom: 0;font-weight: bold;font-size: 20px;} .item-product .info .name .stock{white-space: nowrap;} .item-product .info .address{display: flex;gap: 8px;align-items: flex-start;} .item-product .info .address svg{width: 16px;height: 16px;position: relative;top: 4px;} .item-product .info .link{padding-top: 8px;margin-top: auto;} .item-product .info .link a, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{display: flex;align-items: center;justify-content: center;background: #169915;color: #fff;height: 40px;border-radius: 8px;font-weight: 500;} /* Detail */ .popup-customer{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background-color: rgba(0, 0, 0, 0.3);} .popup-customer .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 744px;padding: 24px;max-width: calc(100% - 40px);background: #fff;box-shadow: 0px 0px 9.86px 0px #00000014;border-radius: 24px;display: flex;flex-direction: column;gap: 6px;} .popup-customer .inner .title{font-weight: bold;font-size: 24px;} .popup-customer .inner .box{display: flex;flex-direction: column;gap: 16px;} .popup-customer .inner .box .name{font-size: 18px;font-weight: bold;} .popup-customer .inner .box .name span{color: #F75555;font-size: 14px;font-weight: 600;} .popup-customer .inner .box .select{display: flex;flex-direction: column;gap: 16px;list-style: none;margin-bottom: 0;} .popup-customer .inner .box .select li{position: relative;padding-left: 32px;} .popup-customer .inner .box .select li.active:before{border-color: #F59033;background-image: url(images/ic-check.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .detail-body{background-color: #fefefe;} .detail-block{box-shadow: 0px 0px 9.86px 0px #00000014;background: #fff;border-radius: 24px;padding: 24px;} .detail-content{box-shadow: 0px 0px 9.86px 0px #00000014;background: #fff;border-radius: 24px;padding: 24px;margin-top: 48px;} .detail-block .col-image{width: 50%;padding-right: 32px;} .detail-block .col-info{width: 50%;padding-left: 32px;border-left: 1px solid #0000001A;} .swiper-gallery{border-radius: 20px;} .swiper-gallery .img{overflow: hidden;aspect-ratio: 7/5;} .swiper-gallery .img img{height: 100%;transition: all 1s;} .swiper-gallery .img:hover img{transform: scale(1.05);} .swiper-thumb{margin-top: 24px;} .swiper-thumb .img{border: 2px solid #D9D9D9;border-radius: 8px;aspect-ratio: 19/15;overflow: hidden;cursor: pointer;} .swiper-thumb .img img{height: 100%;} .swiper-thumb .swiper-slide-thumb-active .img{border-color: #169915;} .gallery-prev,.gallery-next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 40px;height: 40px;} .gallery-prev{left: 32px;} .gallery-next{right: 32px;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]{padding: 10px 5px} .gallery-pagination{position: absolute;left: 50%;transform: translateX(-50%);width: auto;height: 38px;display: flex;align-items: center;justify-content: center;padding: 0 16px;color: #fff;font-weight: 600;font-size: 20px;background: #00000033;backdrop-filter: blur(35.599998474121094px);border-radius: 40px;bottom: 20px;z-index: 2;} .woocommerce-cart table.cart img{width: 150px} .woocommerce div.product .product_title{font-size: 24px;font-weight: bold;padding-bottom: 15px;position: relative;margin-bottom: 24px;} .woocommerce div.product .product_title:after{content: "";display: block;width: 55px;height: 5px;position: absolute;bottom: 0;left: 0;background: #169915;} .woocommerce div.product .extra-resources{margin: 0 !important;display: flex;align-items: center;gap: 10px;float: left;width: auto;} .woocommerce div.product .extra-resources label{margin: 0 !important;padding: 0 !important;font-weight: 500;color: #222 !important;} .woocommerce div.product .extra-resources select{margin: 0 !important;background-color: transparent;} .price{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;} .detail-block .col-info .price{padding-top: 12px;clear: both;} .price .amount{font-weight: bold;font-size: 18px;color: #169915;display: bold;} .price del{opacity: 1;color: #222;margin-right: 8px;} .price del .amount{color: #222;} .price ins{text-decoration: none;} .price:before{content: "Mức giá";display: block;font-size: 16px;color: #222;} html[lang="en-US"] .price:before { content: "Price"; } .detail-block .col-info .price:before{padding-left: 24px;background-image: url(images/icon-price.png);background-size: 16px;background-repeat: no-repeat;background-position: left center;} html[lang="en-US"] .detail-block .col-info:before{content: "Price";} .stock{margin: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0 8px;border-radius: 6px;font-weight: 500;height: 28px;} .detail-block .col-info .stock{float: right;margin-top: 8px;} .stock:before{font-size: 14px;} .stock.in-stock{color: #169915 !important;background: #1699151A;} .stock.out-of-stock{color: #D80027 !important;background: #D800271A;} .ph-calendar-days li, .ph-calendar-weekdays li, .ph-calendar-month ul li, .extra-resources, .callender-msg, .ph_bookings_book_now_button, .ph_bookings_book_now_button:hover, .ph-calendar-date.today, label.label-person, .phive_asset_section label, .extra-resources label{color: #222 !important;} .woocommerce div.product form.cart{background: transparent !important;padding: 24px 0 0 !important;border-top: 1px dashed #0000001A;border-radius: 0;margin-top: 24px;margin-bottom: 0;} .product-quick-view-container div.product form.cart, body.single-product div.product form.cart{background-color: transparent !important;} .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{margin: 0;width: 100%;display: flex;align-items: center;justify-content: center;height: 54px;font-size: 20px;font-weight: bold;color: #fff;border-radius: 10px;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);float: none;margin-top: 20px;} html[lang="vi"] .woocommerce div.product form.cart .button{font-size: 0;} html[lang="vi"] .woocommerce div.product form.cart .button:before{content: "Đặt ngay";font-size: 20px;} .ph-calendar-container .ph-calendar-month{margin: 0;background: transparent !important;padding: 5px 5px 20px;} .ph-calendar-container .ph-calendar-month ul{display: flex;align-items: center;justify-content: center;} .ph-calendar-container .ph-calendar-month .ph-prev{float: none;width: 24px;height: 24px;padding: 0 !important;margin: 0;order: 1;display: flex !important;} .ph-calendar-container .ph-calendar-month .ph-next{width: 24px;height: 24px;float: none;padding: 0 !important;margin: 0;order: 3;display: flex !important;} .ph-calendar-container .ph-calendar-month .ph-month{order: 2;margin: 0 54px !important;font-weight: bold;} .ph-calendar-container .ph-calendar-month .span-month,.ph-calendar-container .ph-calendar-month .span-year,.ph-calendar-container .ph-calendar-month .ph-prev,.ph-calendar-container .ph-calendar-month .ph-next{color: #222 !important;} .ph-calendar-days li, .ph-calendar-weekdays li{font-size: 14px;margin-bottom: 0;display: inline-flex;align-items: center;height: 40px;justify-content: center;} .ph-calendar-container .ph-calendar-weekdays{font-weight: bold;padding: 2px 0 !important;background: transparent !important;} .ph-calendar-container .ph-calendar-days{padding: 0 !important;background: transparent !important;display: flex;flex-wrap: wrap;} #ph-calendar-overlay{display: none !important;} .ph-calendar-container .ph-calendar-days li.ph-calendar-date{cursor: pointer;} .ph-calendar-container .ph-calendar-days li.ph-calendar-date.booking-disabled .ph_calendar_day, .time-picker-wraper #ph-calendar-time li.ph-calendar-date.booking-disabled .ph_calendar_time{text-decoration: line-through; opacity: 0.5;} .ph-calendar-container .ph-calendar-days li.ph-calendar-date .ph_calendar_day{display: flex;align-items: center;justify-content: center;height: 32px;width: 32px;border-radius: 50%;} .ph-calendar-container .ph-calendar-days li.ph-calendar-date.mouse_hover,.ph-calendar-container .ph-calendar-days li.ph-calendar-date:hover{background: transparent !important;} .ph-calendar-container .ph-calendar-days .timepicker-selected-date, .selected-date{background: transparent !important;} .ph-calendar-container .ph-calendar-days li.ph-calendar-date.mouse_hover .ph_calendar_day,.ph-calendar-container .ph-calendar-days li.ph-calendar-date:hover .ph_calendar_day{background: #F59033;color: #fff;} .ph-calendar-container .ph-calendar-days .timepicker-selected-date .ph_calendar_day, .selected-date .ph_calendar_day{background: #F59033;color: #fff;} .ph-calendar-container .ph-calendar-days .selected-random-date{background: transparent !important;} a.select-multiple-dates-reset-all{font-weight: 500;text-decoration: none;color: #E02222;} a.select-multiple-dates-reset-all:hover{text-decoration: underline;} u:has(> a.select-multiple-dates-reset-all){text-decoration: none;display: block;margin-top: 20px;} html[lang="vi"] a.select-multiple-dates-reset-all{font-size: 0;} html[lang="vi"] a.select-multiple-dates-reset-all:before{content: "Xoá chọn";font-size: 16px;} .ph-calendar-container .time-picker{max-height: inherit !important;} .time-picker-wraper #ph-calendar-time li.ph-calendar-date{margin-left: 0 !important;} .ph-calendar-container .time-picker .ph-calendar-days{gap: 8px;} .ph-calendar-container .time-picker .ph-calendar-days:before{content: "Khung giờ *";font-weight: bold;width: 100%;} html[lang="en-US"] .ph-calendar-container .time-picker .ph-calendar-days:before{content: "Time frame *";} .ph-calendar-container .time-picker li.ph-calendar-date{width: auto;font-size: 16px;padding: 0 12px !important;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 12px;background: #07070714;} .ph-calendar-container .time-picker li.ph-calendar-date:hover{color: #fff !important;background: #F59033 !important;} .ph-calendar-container .time-picker .selected-random-date{color: #fff !important;background: #F59033 !important;} .booking-wraper{margin-bottom: 24px;} .booking-wraper .booking-info-wraper{border-radius: 10px;padding: 5px 20px;} html[lang="vi"] p#booking_info_text>b{font-size: 0;} html[lang="vi"] p#booking_info_text>b:before{content: "Ngày đã đặt :";font-size: 16px;} html[lang="vi"] p#booking_price_text>b{font-size: 0;} html[lang="vi"] p#booking_price_text>b:before{content: "Tổng chi phí :";font-size: 16px;} p#booking_info_text{display: flex;flex-direction: column;gap: 8px;margin: 15px 0 0 0 !important;} p#booking_price_text{margin: 15px 0 15px 0 !important;} .ph_booking_wraper_random_dates{display: flex;flex-direction: column;gap: 8px;} .ph_booking_wraper_random_dates span br{display: none;} a[class*="clear-single-random-date"]{float: right;width: 22px;height: 22px;line-height: 22px;} /* Thankyou */ .woocommerce-customer-details{display: none;} /* Home */ .home-banner{height: 100vh;overflow: hidden;display: flex;align-items: center;} .home-banner .line-bot{position: absolute;z-index: 2;bottom: -30px;left: 0;width: 100%;} .home-banner .line-bot img{width: 100%;height: auto;object-fit: contain;} .home-banner .background{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .home-banner .overlay{background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 90%);transition: 1s;} .home-banner .overlay.re-active{opacity: .8;} .home-banner .inner{width: 100%;position: relative;z-index: 2;padding: 30px 7% 0;display: flex;flex-direction: column;gap: 12px;} .home-banner .inner .logo img{object-fit: contain;max-width: 480px;max-height: 260px;opacity: 0;transition: all .5s;transition-delay: .3s;} .home-banner .inner.re-active .logo img{opacity: 1;} .home-banner .inner .title{margin-bottom: 0;font-size: 50px;line-height: 1.5;font-weight: normal;color: #fff;font-family: 'Libre Baskerville';padding-left: 86px;transition: all .5s; transition-delay: 0.8s;opacity: 0;transform: translateX(-50px);} .home-banner .inner .title span{display: block;padding-left: 51px;transition: all .5s; transition-delay: 1.5s;opacity: 0;transform: translateX(-50px);} .home-banner .inner.re-active .title{opacity: 1;transform: translateX(0);} .home-banner .inner.re-active .title span{opacity: 1;transform: translateX(0);} .home-about{background: linear-gradient(0deg, #FEF8EB, #FEF8EB),linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(246, 179, 36, 0.1) 100%);padding: 0 0 240px;position: relative;overflow: hidden;} .home-about .background{position: absolute;bottom: 0;left: 0;background-position: bottom center;width: 100%;height: 100%;background-size: 100% auto;} .home-about .line-bot{position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;display: flex;flex-direction: column;} .home-about .line-bot img{width: 100%;height: auto;object-fit: contain;} .home-about .line-bot .icon{text-align: center;animation: scrollDown 2s infinite;} .home-about .line-bot .icon svg{width: 6.5625%;} @keyframes scrollDown { 0% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .home-about .container{position: relative;z-index: 2;} .home-about .about-block{display: flex;flex-direction: column;gap: 64px;} .home-about .top-title{display: flex;flex-direction: column;gap: 12px;position: relative;z-index: 2;} .home-about .top-title .sub-title{text-transform: uppercase;letter-spacing: 3px;font-size: 20px;font-weight: 600;color: #169915;line-height: 1.3;} .home-about .top-title .title{margin-bottom: 0;font-weight: bold;font-size: 60px;} .home-about .row{--bs-gutter-x: 120px;} .home-about .inner{display: flex;flex-direction: column;gap: 24px;} .home-about .box-title{display: flex;flex-direction: column;gap: 8px;} .home-about .box-title .sub-title{font-size: 18px;font-weight: bold;color: #169915;} .home-about .box-title .title{margin-bottom: 0;font-size: 32px;font-weight: bold;} .home-about .content-post{font-size: 18px;font-weight: 500;} .home-about .home-slider:before{content: "";display: block;width: calc(100% - 45px);height: calc(100% - 98px);background: #E4E4E4;border-radius: 20px;box-shadow: 0px 0px 12px 0px #0000001F;position: absolute;left: -38px;top: -34px;transition-delay: .5s;opacity: 0;transition: all .5s;} .home-about .home-slider.re-active:before{opacity: 1;} .home-about .home-slider .bough-top{position: absolute;z-index: 2;top: -180px;left: -216px;width: 75%;} .home-about .home-slider .bough-bot{position: absolute;z-index: 2;right: -20px;bottom: -70px;width: 65%;} .home-about .swiper{border-radius: 12px;z-index: 3;} .home-about .img{overflow: hidden;aspect-ratio: 4/3;} .home-about .img img{height: 100%;transition: all 1s;} .home-about .img .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, #000000 100%);} .home-about .img:hover img{transform: scale(1.05);} .home-about .swiper-nav{justify-content: flex-end;padding: 6px 24px;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 4;color: #fff;} .home-group{position: relative;padding: 64px 0 96px;background-image: url(images/bg-body.png);background-size: 100% auto;background-repeat: no-repeat;background-position: bottom center;} .home-group .section:not(:last-child){margin-bottom: 124px;} .home-box{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;} .home-title{margin-bottom: 0;font-weight: bold;font-size: 40px;} .home-title span{font-weight: 800;background: linear-gradient(274.93deg, #19BD0F 38.69%, #114128 95.63%);background-clip: text;-webkit-background-clip: text;color: transparent;} .home-news .item-news{gap: 0;box-shadow: 0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000,0px -1px 2px 0px #0000001F inset;border-radius: 12px;overflow: hidden;} .home-news .item-news .info .name{font-size: 18px;} .home-news .item-news .info{padding: 12px;} .home-news .row{--bs-gutter-x: 24px;} .home-event .row{--bs-gutter-x: 24px;} .home-event .big-item .item-news{gap: 0;border-radius: 12px;box-shadow: 0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000,0px -1px 2px 0px #0000001F inset;overflow: hidden;} .home-event .big-item .item-news .info{padding: 22px;} .home-event .top-news .list-item .item-news{box-shadow: 0px -1px 2px 0px #0000001F inset,0px 2px 5px 0px #0000000A,0px 10px 10px 0px #0000000A,0px 22px 13px 0px #00000005,0px 39px 16px 0px #00000003,0px 61px 17px 0px #00000000;border-radius: 12px;overflow: hidden;gap: 0;} .home-event .top-news .list-item .item-news .info{padding: 12px 16px;width: 59%;} .home-notify{position: relative;z-index: 2;} .home-notify .row{--bs-gutter-x: 24px;} .home-notify .box-title{display: flex;flex-direction: column;gap: 12px;} .home-notify .box-title .text{width: 684px;max-width: 100%;font-size: 18px;} .item-notify{height: 100%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;background-image: url(images/bg-notify-item.png);padding: 30px 24px;display: flex;align-items: center;gap: 24px;filter: drop-shadow(0px 0px 12px rgba(0,0,0,0.15));} .col-item:nth-child(even) .item-notify{background-image: url(images/bg-notify-item-active.png);filter: drop-shadow(0px 0px 12px 0px #33EC201F);color: #fff;} .item-notify .inner{width: calc(55% - 12px);display: flex;flex-direction: column;gap: 14px;} .item-notify .inner .name{margin-bottom: 0;font-size: 24px;font-weight: bold;} .item-notify .inner .text{font-weight: 500;color: #616161;} .item-notify .inner .link{padding-top: 8px;} .item-notify .inner .link a{display: inline-flex;align-items: center;gap: 6px;font-weight: 500;} .item-notify .inner .link a svg{transition: all .3s;} .item-notify .inner .link a:hover svg{transform: rotate(30deg);} .item-notify .img{width: calc(50% - 12px);} .col-item:nth-child(even) .item-notify .inner .name a{color: #fff;} .col-item:nth-child(even) .item-notify .inner .text{color: #fff;} .col-item:nth-child(even) .item-notify .inner .link a{color: #fff;} .col-item:nth-child(even) .item-notify .inner .link a svg rect{stroke: #fff;} .col-item:nth-child(even) .item-notify .inner .link a svg path{stroke: #fff;} .home-utilities{display: flex;align-items: flex-end;flex-wrap: wrap;} .home-utilities .col-right{width: calc(50% - 32px);padding-top: 64px;} .home-utilities .col-left{width: calc(50% + 32px);padding: 0 48px 0 calc(50% - 700px);} .home-utilities .col-right .home-slider .bough-utility{position: absolute;right: 145px;top: -210px;width: 100%;} .home-utilities .inner{display: flex;flex-direction: column;gap: 124px;} .home-utilities .inner .box-title{display: flex;flex-direction: column;gap: 12px;} .swiper-utility{border-radius: 16px;} .swiper-utility .img{height: 694px;overflow: hidden;} .swiper-utility .img img{height: 100%;transition: all 1s;} .swiper-utility .img:hover img{transform: scale(1.05);} .home-utilities .swiper-nav{justify-content: flex-start;margin-top: 24px;} .swiper-utility-thumb{width: calc(100% + 250px);margin-right: -250px;z-index: 3;} .swiper-utility-thumb .img{height: 150px;border: 2px solid #F5F5F5;border-radius: 8px;box-shadow: 0px 0px 8.41px 0px #0000003D;overflow: hidden;cursor: pointer;} .swiper-utility-thumb .img img{height: 100%;} .swiper-utility-thumb .img .overlay{display: none;} .swiper-utility-thumb .swiper-slide-thumb-active .img{box-shadow: 0px 0px 8.41px 0px #EECC4E33;border-color: #169915;} .swiper-utility-thumb .swiper-slide-thumb-active .img .overlay{display: block;} /* Account */ .account-body .box-login{background: #fff;padding: 20px;border: 2px solid #1a1a1a;width: 468px;max-width: 100%;display: block;margin: 0 auto;} .account-body .box-login #customer_login h2{font-weight: bold;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .account-body .box-login [type="submit"]{width: 100%;} .account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;} .account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .account-body .box-login .note a{color: #02AEEE;} .account-body .box-login .u-column2{display: none;} .account-body .box-login .note .note2{display: none;} .account-body .box-login.active .u-column2{display: block;} .account-body .box-login.active .u-column1{display: none;} .account-body .box-login.active .note .note2{display: block;} .account-body .box-login.active .note .note1{display: none;} .zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;} .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;} .woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;} .woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;} /* Đăng nhập */ body.page-template-page-login #header{display: none;} body.page-template-page-login .line-dark{display: none;} body.page-template-page-login #footer{display: none;} body.page-template-page-login .supports{display: none;} .login-body{padding: 12px;display: flex;flex-wrap: wrap;min-height: 100vh;} .login-body .col-left{width: 52%;border-radius: 50px;padding: 45px 100px 45px 55px;overflow: hidden;} .login-body .col-right{width: 48%;padding: 120px 45px;position: relative;display: flex;align-items: center;justify-content: center;} .login-body .col-left .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .login-body .col-left .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 33.97%);} .login-body .col-left .box{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 12px;color: #fff;} .login-body .col-left .box .name{font-size: 40px;font-weight: bold;} .login-body .col-left .box .text{font-size: 20px;font-weight: 500;} .login-body .col-right .logo{position: absolute;z-index: 2;top: 0;right: 90px;object-fit: contain;max-height: 120px;} .login-body .col-right .inner{width: 665px;max-width: 100%;padding: 50px 30px;display: flex;flex-direction: column;gap: 50px;} .login-body .col-right .inner .box-title{display: flex;flex-direction: column;color: #1B2C4D;} .login-body .col-right .inner .box-title .sub{font-size: 18px;font-weight: bold;} .login-body .col-right .inner .box-title .title{margin-bottom: 0;font-weight: bold;font-size: 40px;} .login-body .col-right .inner .form-login .u-column2{display: none;} .login-body .col-right .inner .form .u-columns>div{width: 100%;} .login-body .col-right .inner .form .form-group{margin-bottom: 15px;} .login-body .col-right .inner .form .form-group .name{font-weight: bold;} .login-body .col-right .inner .form .lost_password{display: flex;align-items: flex-start;justify-content: space-between;font-size: 14px;} .login-body .col-right .inner .form .lost_password a{font-weight: 500;color: #169915;} .login-body .col-right .inner .form .lost_password .woocommerce-form-login__rememberme input{position: relative;top: 1px;margin-right: 2px;} .login-body .col-right .inner .form .form-button{margin-top: 50px;} .login-body .col-right .inner .form .form-button button[type="submit"], .login-submit input[type="submit"]{height: 55px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 16.39px 0px #0000001F;color: #fff;border-radius: 8px;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);font-size: 18px;font-weight: bold;border: none;width: 100%;} /* user */ .page-user{padding-top: 96px;} .user-block{display: flex;flex-direction: column;gap: 28px; margin: 0 auto;width: 1200px;max-width: 100%;background: #fff;border: 1px solid #EBEBEB;border-radius: 10px 10px 24px 24px;overflow: hidden;padding: 62px 32px 24px;position: relative;} .user-block .line-top{height: 164px;width: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(274.41deg, #FFC049 -29.66%, #F48836 92.96%);} .user-block .user-avata{position: relative;z-index: 2;} .user-block .user-avata .avata{width: 202px;height: 202px;border-radius: 50%;border: 2px solid #fff;background: #FF6C44;overflow: hidden;} .user-block .user-avata .upload{position: absolute;z-index: 2;left: 144px;bottom: 0;width: 40px;height: 40px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: none;background: #EFEFEF;} .user-infomation{display: flex;flex-direction: column;gap: 24px;} .user-infomation .title{margin-bottom: 0;font-size: 24px;font-weight: bold;} .user-infomation .menu{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;border-bottom: 1px solid #E3E3E3;column-gap: 20px;} .user-infomation .menu li a{padding-bottom: 12px;color: #737373;border-bottom: 2px solid transparent;display: block;margin-bottom: -1px;} .user-infomation .menu li.current a{color: #F59033;border-bottom-color: #F59033;font-weight: 500;} .user-infomation .form .form-group{margin-bottom: 16px;} .user-infomation .form .row{--bs-gutter-x: 16px;} .user-infomation .form .wpcf7-radio{min-height: 44px;align-items: center;} .user-infomation .form .form-button{display: flex;align-items: center;justify-content: flex-end;gap: 10px;margin-top: 24px;} .user-infomation .form .form-button button{height: 44px;padding: 0 24px;border-radius: 8px;font-weight: 500;display: flex;align-items: center;justify-content: center;background: #F59033;color: #fff;border: none;} .user-infomation .form .form-button button.cancle{color: #F59033;background: transparent;} /* Lịch sử đóng phí */ #clearFilters{display: inline-flex ; align-items: center; padding: 10px 20px; background: #169915; color: #0070FF; gap: 6px; border: 0; color: #fff; border-radius: 3px;} .history-block{display: flex;flex-direction: column;gap: 24px;} .history-block .box-white{padding: 24px;display: flex;flex-direction: column;gap: 24px} .history-block .tab-title{list-style: none;margin-bottom: 0;border-bottom: 1px solid #0000001A;padding-left: 24px;display: flex;flex-wrap: wrap;} .history-block .tab-title li{margin-bottom: -1px;} .history-block .tab-title li button{border: none;background: transparent;padding: 0 24px;border-bottom: 2px solid transparent;height: 48px;display: flex;align-items: center;justify-content: center;} .history-block .tab-title li button.active{color: #F59033;border-bottom-color: #F59033;} .history-block .tab-content .block{display: flex;flex-direction: column;gap: 24px;} .history-block .filter{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 30px} .history-block .filter .col{position: relative;width: 180px;padding-top: 12px;flex: none;} .history-block .filter .col.time{width: 250px;} .history-block .filter .col select{background: #fff;} .history-block .filter .col .name{font-size: 14px;padding: 0 6px;background: #fff;z-index: 2;position: absolute;left: 10px;top: 0;height: 24px;line-height: 24px;} .history-block .detail .table-responsive .fee-table{border-radius:10px;overflow:unset;} .fee-table{width:max-content;border-collapse:separate;min-width:100%;margin-bottom: 0;} .fee-table thead tr th{background:#F2F4F7;color:#324054;text-align:left;padding:24px 16px;font-weight: bold;vertical-align: middle; white-space:nowrap;border-width: 0;} .fee-table tr{border-width: 0;} .fee-table tr td{padding:14px 16px;background:#fff;white-space:nowrap;border-width: 0;vertical-align: middle;} .fee-table tr:nth-child(even) td{background: #F9FAFC;} .fee-table .pri{font-weight: bold;} .fee-table .pri.blue{color: #2480FC;} .fee-table .pri.green{ color:#169915;} .fee-table .pri.red{ color:#E02222;} .fee-table .badge{display: inline-flex;align-items: center;height: 24px;padding: 0 8px;border-radius: 8px;font-weight: 500;} .fee-table .badge.success{color: #169915;background: #1699151A;} .fee-table .badge.done{color: #F59033;background: #F590331A;} .fee-table .badge.warning{color:#E02222; background:#EF39481A;} .fee-table .btn{display: inline-flex;align-items: center;padding: 0 8px;height: 32px;background: #0070FF1A;color: #0070FF;gap: 6px;} .fee-table .btn svg{width: 16px;height: 16px;} .fee-table .sticky-col {position: sticky;right: 0;z-index: 2;border-left: 1px solid #0000001A;} .popup-fee{display: none !important;} .fancybox-slide .popup-fee{ width: 720px; padding: 24px; border-radius: 12px; text-align: center; margin: 0 auto; display: inline-block !important;} .popup-fee .block{display: flex;flex-direction: column;gap: 24px;} .popup-fee .title{font-weight: bold;font-size: 24px;margin-bottom: 0;} .popup-fee .info{display: flex;flex-direction: column;gap: 16px;} .popup-fee .info .it{padding-bottom: 5px;border-bottom: 1px solid #EEEEEE;display: flex;justify-content: space-between;align-items: flex-start;} .popup-fee .info .it .key{display: flex;flex-direction: column;gap: 12px;font-weight: 500;} .popup-fee .info .it .key .name{color: #6F6B80;} .popup-fee .info .it .value{font-weight: bold;color: #353535;} .popup-fee .info .it .key .list{margin-bottom: 0;display: flex;flex-direction: column;gap: 10px;padding-left: 18px;} .popup-fee .info .link a{display: inline-flex;align-items: center;gap: 8px;color: #2480FC;} .popup-fee .buttons{display: flex;align-items: center;justify-content: flex-end;gap: 8px;} .popup-fee .buttons button{display: flex;align-items: center;justify-content: center;height: 40px;padding: 0 24px;border-radius: 8px;font-weight: bold;box-shadow: 0px 2px 16px 0px #0000000D;border: 1px solid transparent;font-size: 16px;min-width: 120px;background: transparent;} .popup-fee .buttons button.close{border-color: #A4A4A4;color: #222222;} .popup-fee .buttons button.confirm{color: #fff;background: #F59033;border-color: #F59033;} /* Báo cáo thu chi */ .summary-block{display: flex;flex-direction: column;gap: 24px;} .summary-block .box-white{padding: 24px;display: flex;flex-direction: column;gap: 24px} .summary-block .top{display: flex;align-items: center;justify-content: space-between;gap: 12px;} .summary-block .top .box{display: flex;flex-direction: column;gap: 2px;} .summary-block .top .box .name{margin-bottom: 0;font-size: 16px;font-weight: bold;line-height: 1.5;} .summary-block .top .box .unit{font-size: 12px;color: #262626;line-height: 1.2;} .summary-block .top .select select{height: 36px;background: #F5F5F5;border-color: #0000001F;padding: 0 12px;line-height: 34px;font-size: 12px;font-weight: 500;color: #3a3a3a;width: 100px;} @media (max-width: 1599px) { #header .menu{gap: 20px;} #header .menu > li > a{padding: 0 20px;font-size: 16px;} #header .account a{padding: 0 20px;font-size: 16px;} #header .language > li > a{font-size: 16px;} #header .user .hidd{right: -10px;} } @media (max-width: 1399px) { body.page-template-default #main{padding-top: 84px;} body.single-post #main{padding-top: 84px;} body.single-product #main{padding-top: 84px;} #header{padding: 10px 0;} #header .menu > li > a{padding: 0 5px;} #header .user .main .box .name{font-size: 16px;} .page-banner{padding-top: 84px;height: 480px;} .page-banner .title{font-size: 48px;} .contact-body{padding: 60px 0;} .contact-block{gap: 36px;} .contact-sec1 .box-title .title{font-size: 32px;} .contact-sec1 .box-title .text{font-size: 16px;} .contact-sec1 .form{padding: 24px 0 146px 24px;} .contact-sec1 .form img{left: 2%;} .contact-sec1 .inner .box{font-size: 16px;} .contact-sec1 .inner .box .name{font-size: 30px;} .contact-body .section:not(:last-child){margin-bottom: 124px;} .contact-sec2 .info .box-white .box{gap: 4px;} .contact-sec2 .info .box-white .box .text{font-size: 16px;} .contact-sec2 .box-map .bough{top: -184px;left: -204px;} .item-news{gap: 16px;} .item-news .info .name{font-size: 18px;} .archive-body .home-slider .swiper-nav{margin-top: 24px;} .top-news .list-item .item-news .info .name{font-size: 18px;} .archive-body{padding: 60px 0;} .archive-father{gap: 48px;} .archive-child .title{font-size: 30px;} .home-cta a span{font-size: 16px;} .bough-left{top: 440px;} .bough-right{top: 490px;} .page-body{padding: 48px 0;} .breadcrumbs{padding: 16px 0;} .page-title{font-size: 26px;} .single-top{padding-bottom: 24px;} .single-block{gap: 36px;} .single-thumb{height: 400px;} .single-bottom .row{--bs-gutter-x: 32px;} .single-sidebar .widget-title{font-size: 20px;padding-bottom: 10px;} .item-product .info .name .value{font-size: 18px;} .login-body .col-left{border-radius: 32px;padding: 32px;} .login-body .col-left .box .name{font-size: 30px;} .login-body .col-left .box .text{font-size: 16px;} .login-body .col-right{padding: 100px 32px;} .login-body .col-right .logo{max-height: 100px;right: 50px;} .login-body .col-right .inner{padding: 30px 20px;} .login-body .col-right .inner .box-title .sub{font-size: 16px;} .login-body .col-right .inner .box-title .title{font-size: 30px;} .login-body .col-right .inner{gap: 36px;} .login-body .col-right .inner .form .form-button{margin-top: 32px;} .page-user{padding-top: 84px;} .home-banner .line-bot{bottom: -12px;} .home-banner .inner{padding: 30px 3% 0;} .home-banner .inner .logo img{max-height: 180px;max-width: 400px;} .home-banner .inner .title{font-size: 36px;padding-left: 72px;} .home-about .top-title .sub-title{font-size: 16px;} .home-about .top-title .title{font-size: 42px;} .home-about .row{--bs-gutter-x: 60px;} .home-about .box-title .sub-title{font-size: 16px;} .home-about .box-title .title{font-size: 26px;} .home-about .content-post{font-size: 16px;} .home-about .home-slider .bough-top{top: -150px;left: -176px;} .home-about .home-slider .bough-bot{bottom: -58px;} .home-group{padding: 30px 0 60px;} .home-title{font-size: 30px;} .home-group .section:not(:last-child){margin-bottom: 76px;} .item-notify .inner .name{font-size: 18px;} .item-notify .inner .text{font-size: 14px;} .item-notify .inner .link a{font-size: 14px;} .home-utilities .col-right .home-slider .bough-utility{right: 102px;top: -142px;} .home-utilities .col-left{padding: 0 32px 0 calc(50% - 559px);} .home-utilities .inner{gap: 72px;} } @media (max-width: 1199px) { body{font-size: 14px;} .bough-left{top: 360px;} .bough-right{top: 410px;} 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;} #header .menu > li > a{font-size: 14px;} #header .menu{gap: 10px;} #header .menu > li > a svg{width: 12px;height: 12px;} .touch-search svg{width: 20px;height: 20px;} #header .language li > a{font-size: 0;} #header .language > li > a svg{width: 12px;height: 12px;} #header .language > li .ic2{top: calc(100% - 2px);} #header .language > li > ul{width: auto;} #header .user .main .box .name{font-size: 14px;} #header .user .main{gap: 8px;} #header .user .main .avata{height: 42px;width: 42px;border-radius: 10px;} .footer-main{padding: 36px 0 20px;} .footer-bot{padding: 16px 0;} .footer-main .widget-title{font-size: 16px;} .footer-main .name{font-size: 16px;} .footer-main .social .list{gap: 16px;} .footer-main .social .list img{width: 36px;height: 36px;} .footer-main .info li img{top: 2px;} .contact-sec1 .box-title .title{font-size: 26px;} .contact-sec1 .box-title .text{font-size: inherit;} .contact-block{gap: 32px;} .contact-sec1 .inner{width: 400px;padding: 32px;} .contact-sec1 .inner .box .name{font-size: 24px;} .contact-sec1 .inner .box{font-size: inherit;} .contact-sec1 .form{width: calc(100% - 400px);padding: 24px 0 92px 24px;} .contact-sec1 .form img{height: 130px;left: 17%;} .contact-body .section:not(:last-child){margin-bottom: 92px;} .contact-sec2 .info .box-white{gap: 16px;} .contact-sec2 .info .box-white .box{width: calc(100% - 56px);} .contact-sec2 .info .box-white .box .name{font-size: 16px;} .contact-sec2 .info .box-white .box .text{font-size: inherit;} .contact-sec2 .info .box-white.hotline .box .text{padding-top: 10px;margin-top: 4px;} .contact-sec2 .box-map .bough{top: -152px;left: -172px;} .page-banner{height: 400px;} .page-banner .title{font-size: 40px;} .archive-block{gap: 36px;} .item-news .img{height: 200px;} .item-news .info{gap: 8px;} .item-news .info .name{font-size: 16px;} .swiper-number{font-size: 16px;} .swiper-number .swiper-pagination-current{font-size: 32px;} .swiper-news-top .item-news .img{height: 300px;} .top-news .list-item .item-news .info .name{font-size: 16px;} .top-news .list-item .item-news .img{height: 140px;} .top-news .big-item .item-news .img{height: 300px;} .archive-child .title{font-size: 24px;} .page-body{padding: 40px 0;} .page-title{font-size: 24px;} .single-bottom .col-content{width: 65%;} .single-bottom .col-sidebar{width: 35%;} .widget-post .item .img{width: 140px;} .widget-post .item .info{width: calc(100% - 156px);} .widget-post .item .info .name{font-size: 14px;} .single-share .list{gap: 16px;} .single-share .list li a{width: 36px;height: 36px;} .single-share .list li a svg{width: 20px;height: 20px;} .taxonomy-block{padding: 24px;} .taxonomy-title{font-size: 20px;} .stock::before{font-size: 12px;} .item-product .info .name .value{font-size: 16px;} .price::before{font-size: 14px;} .gallery-pagination{font-size: 16px;} .gallery-next{right: 16px;} .gallery-prev{left: 16px;} .detail-block .col-image{padding-right: 16px;} .detail-block .col-info{padding-left: 16px;} .woocommerce div.product .product_title{font-size: 20px;margin-bottom: 20px;padding-bottom: 12px;} .woocommerce div.product .product_title:after{height: 4px;} .woocommerce div.product .extra-resources label{white-space: nowrap;} .woocommerce div.product .extra-resources select{height: 36px;padding: 0 10px;} .woocommerce div.product form.cart{padding: 16px 0 0 !important;margin-top: 20px;} .ph-calendar-container .ph-calendar-month{padding: 5px 5px 10px;} .ph-calendar-container .ph-calendar-month .ph-month{margin: 0 32px !important;} u:has(> a.select-multiple-dates-reset-all){margin-top: 16px;} a.select-multiple-dates-reset-all{font-size: 14px;} html[lang="vi"] a.select-multiple-dates-reset-all{font-size: 0;} html[lang="vi"] a.select-multiple-dates-reset-all::before{font-size: 14px;} .woocommerce div.product form.cart .button{font-size: 16px;} html[lang="vi"] .woocommerce div.product form.cart .button{font-size: 0;} html[lang="vi"] .woocommerce div.product form.cart .button::before{font-size: 16px;} .booking-wraper{margin-bottom: 16px;} p#booking_info_text{margin: 12px 0 0 0 !important;} .ph-calendar-container .time-picker li.ph-calendar-date{font-size: 13px;height: 32px;} .user-block{gap: 20px;padding: 48px 24px 24px;} .user-infomation .title{font-size: 20px;} .fee-table tr td{padding: 10px 12px;} .fee-table thead tr th{padding: 16px 12px;} .home-banner .inner .logo img{max-height: 140px;} .home-banner .inner .title{font-size: 30px;} .home-about{padding: 0 0 180px;} .home-about .top-title .sub-title{font-size: inherit;} .home-about .top-title .title{font-size: 36px;} .home-about .about-block{gap: 48px;} .home-about .home-slider::before{top: -24px;left: -24px;} .home-about .home-slider .bough-top{top: -128px;left: -150px;} .home-about .home-slider .bough-bot{right: -12px;bottom: -50px;} .home-about .box-title .sub-title{font-size: inherit;} .home-about .box-title .title{font-size: 22px;} .home-about .content-post{font-size: inherit;} .home-about .row{--bs-gutter-x: 32px;} .home-cta a span{font-size: inherit;height: 44px;padding: 0 32px 0 20px;} .home-cta a i{width: 44px;height: 44px;} .home-title{font-size: 24px;} .home-news .item-news .info .name{font-size: 16px;} .home-notify .box-title .text{font-size: inherit;} .home-utilities .col-right .home-slider .bough-utility{top: -118px;} .home-utilities .col-left{padding: 0 32px 0 calc(50% - 464px);} .swiper-utility-thumb .img{height: 120px;} .swiper-utility .img{height: 480px;} .home-utilities .inner{gap: 48px;} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body { overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } .bough-left{top: 310px;} .bough-right{top: 370px;} .container-fluid, .container, .row{--bs-gutter-x: 20px;} #main{overflow: hidden;} .form-group{margin-bottom: 20px;} .wpcf7-radio{column-gap: 40px;row-gap: 10px;} input[type="submit"]{height: 48px;font-size: 16px;padding: 0 20px;} #header .col-touch{display: block;} #header .col-menu{display: none;} #header .col-logo{margin-right: auto;} #header .flex{gap: 20px;} #header .col-nav{gap: 20px;} #header .language li > a{gap: 2px;} .touch-menu{width: 24px;height: 24px;cursor: pointer;background-image: url(images/touch.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 9991} html.active-menu{overflow: hidden;} html.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;} #menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: calc(100% - 10px);top: 5px;left: -310px;opacity: 0;visibility: hidden;border-radius: 5px;} html.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 5px;} #menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;} #menu-mobile ul{list-style: none;margin-bottom: 0;} #menu-mobile .menu{height: 100%;overflow-y: auto;padding: 15px 10px 10px 20px;} #menu-mobile .menu ul{display: none;padding-left: 20px;} #menu-mobile .menu li{position: relative;} #menu-mobile .menu li>a{display: flex;align-items: center;min-height: 36px;} #menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;} #menu-mobile .menu li.re-arrow>svg{transform: rotate(180deg);} .footer-main{padding: 30px 0 20px;} .footer-bot{padding: 15px 0;} .footer-main .social .list{gap: 15px;} .footer-main .f-widget{flex-wrap: wrap;gap: 20px;} .footer-main .widget:first-child{width: 100%;max-width: 100%;} .page-banner{height: 340px;} .page-banner .title{font-size: 32px;} .contact-sec1 .box-title .title{font-size: 24px;} .contact-block{gap: 20px;} .page-body{padding: 30px 0;} .box-white{padding: 10px;border-radius: 10px;} .contact-sec1 .box-white{padding: 10px;} .contact-sec1 .inner{width: 100%;padding: 20px;border-radius: 10px;aspect-ratio: 2/1;} .contact-sec1 .inner .box .name{font-size: 20px;} .contact-sec1 .form{width: 100%;padding: 20px 0 80px;} .contact-sec1 .form img{height: 120px;left: 25%;} .contact-sec2 .map{border-radius: 10px;aspect-ratio: 2/1;} .contact-sec2 .info .box-white{gap: 10px;} .contact-sec2 .info .box-white .box{width: calc(100% - 50px);gap: 0;} .contact-sec2 .info .box-white.hotline .box .text{padding-top: 6px;} .archive-child{gap: 20px;} .archive-father{gap: 30px;} .archive-child .title{font-size: 20px;} .item-news{gap: 10px;} .home-cta a span{height: 40px;padding: 0 30px 0 20px;} .home-cta a i{width: 40px;height: 40px;} .swiper-news-top .item-news .img{height: 400px;} .archive-block{gap: 30px;} .top-news .big-item .item-news .img{height: 400px;} .top-news .list-item .item-news .img{height: 180px;} .page-title{font-size: 22px;} .single-top{gap: 10px;padding-bottom: 15px;} .single-block{gap: 30px;} .single-thumb{height: 300px;border-radius: 10px 100px 10px 10px;} .single-bottom .row{--bs-gutter-x: 20px;} .single-bottom .col-content{width: 100%;} .single-bottom .col-sidebar{width: 100%;} .single-sidebar{gap: 20px;} .single-sidebar .widget{gap: 15px;} .single-sidebar .widget-title{font-size: 18px;} .widget-post{gap: 15px;} .single-share .list{gap: 15px;} .breadcrumbs{padding: 10px 0;font-size: 13px;} .breadcrumbs a svg{width: 20px;height: 20px;} .taxonomy-block{padding: 10px;gap: 20px;border-radius: 10px;} .taxonomy-title{font-size: 18px;} .list-product{margin: -10px;} .list-product .col-item{padding: 10px;width: 50%;} .item-product{border-radius: 10px;} .item-product .thumb .img{border-radius: 10px;} .item-product .thumb .cat{top: 10px;left: 10px;} .item-product .thumb .cat a{height: 30px;padding: 0 15px;font-size: 13px;} .item-product .info{padding: 15px 10px 10px;gap: 5px;} .item-product .info .link{padding-top: 5px;} .detail-block{padding: 10px;border-radius: 10px;} .detail-block .col-image{width: 100%;padding-right: 0;padding-bottom: 15px;} .detail-block .col-info{width: 100%;padding-left: 0;padding-top: 15px;border-top: 1px solid #0000001A;border-left: 0;} .swiper-gallery{border-radius: 10px;} .gallery-pagination{font-size: 14px;height: 30px;} .swiper-thumb .img{aspect-ratio: 5/3;} .swiper-thumb{margin-top: 20px;} .woocommerce div.product form.cart{padding: 15px 0 0 !important;} .home-about{padding: 0 0 120px;} .home-about .top-title .title{font-size: 28px;} .home-about .about-block{gap: 40px;} .home-about .row{--bs-gutter-x: 20px;} .home-about .home-slider::before{top: -20px;left: -20px;border-radius: 10px;} .home-about .swiper{border-radius: 10px;} .home-about .home-slider .bough-top{width: 60%;top: -158px;left: -186px;} .home-about .home-slider .bough-bot{width: 52%;bottom: -60px;} .home-about .top-title{gap: 10px;} .home-about .box-title .title{font-size: 20px;} .home-about .inner{gap: 20px;} .home-group{padding: 20px 0 50px;} .home-block{gap: 20px;} .home-box{gap: 10px;} .home-title{font-size: 20px;} .home-news .item-news .info{padding: 10px;} .home-news .row{--bs-gutter-x: 20px;} .home-group .section:not(:last-child){margin-bottom: 40px;} .home-event .big-item .item-news .info{padding: 15px 10px;} .home-event .top-news .list-item .item-news .info{padding: 10px;} .item-notify .inner{gap: 10px;width: calc(50% - 10px);} .item-notify{gap: 20px;} .item-notify .img{width: calc(50% - 10px);} .home-utilities .col-right{width: 100%;padding: 40px 10px 0;} .home-utilities .col-left{width: 100%;padding: 0 calc(50% - 350px);} .home-utilities .inner{gap: 30px;} .home-utilities .swiper-nav{margin-top: 20px;position: relative;z-index: 2;} .swiper-utility{border-radius: 10px;} .user-block{border-radius: 10px;} .user-block{padding: 30px 10px 15px;} .user-block .user-avata .avata{height: 140px;width: 140px;} .user-block .line-top{height: 104px;} .user-infomation .title{font-size: 18px;} .user-infomation .form .form-button{margin-top: 10px;} .history-block{gap: 20px;} .history-block .box-white{padding: 10px;gap: 20px;} .history-block .tab-title{padding-left: 10px;} .history-block .tab-title li button{height: 40px;padding: 0 15px;} .fee-table .btn{font-size: 14px;} .fee-table tr td{padding: 5px 10px;} .fee-table thead tr th{padding: 10px 10px;} .summary-block{gap: 20px;} .summary-block .box-white{gap: 20px;padding: 10px;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);} } @media(max-width:767px) { .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)} .contact-sec1 .form img{left: 17%;} .contact-sec2 .box-map .bough{top: -132px;left: -144px;} .page-banner{height: 300px;} .page-banner .title{font-size: 28px;} .swiper-news-top .item-news .img{height: 300px;} .top-news .big-item .item-news .img{height: 300px;} .top-news .list-item .item-news{flex-direction: column;gap: 10px;} .top-news .list-item .item-news .img{width: 100%;height: 200px;} .top-news .list-item .item-news .info{width: 100%;} .single-thumb{border-radius: 10px;aspect-ratio: 2/1;height: auto;} .home-banner .inner .title{font-size: 28px;padding-left: 60px;} .home-about .home-slider .bough-top{left: -20%;top: -30%;} .swiper-number{font-size: 14px;padding: 0 15px 5px;} .swiper-number .swiper-pagination-current{font-size: 28px;} .home-about .home-slider .bough-bot{bottom: -12%;right: -2%;} .home-event .top-news .list-item .item-news .info{width: 100%;} .home-utilities .col-left{padding: 0 calc(50% - 260px);} .home-utilities .inner{gap: 20px;} .history-block .filter .col{width: calc(50% - 6px);} .history-block .filter .col.time{width: 100%;} } @media(max-width:575px) { /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);} #customer_login h2{font-size: 20px;} .footer-main .widget{max-width: 100%;} .item-notify{padding: 20px 10px;} .list-product .col-item{width: 100%;} .home-banner .line-bot{bottom: 0;} .home-utilities .col-left{padding: 0 10px;} } @media(max-width:428px) { }