#main{overflow: hidden;} body{overflow-x: hidden;font-size: 14px;} body::-webkit-scrollbar{ width: 10px;height: 10px; background: #F5F5F5;} body::-webkit-scrollbar-thumb{background: #e03c31;border-radius: 3px;} body::-webkit-scrollbar-track{ background: #F5F5F5;} .zek_item_product.tin-vip-1{border-color: #993393;} .zek_item_product.tin-vip-1 .info .name{color: #993393;} .zek_item_product.tin-vip-2{border-color: #dd8c43;} .zek_item_product.tin-vip-2 .info .name{color: #dd8c43;} .zek_item_product.tin-vip-3{border-color: #b18734;} .zek_item_product.tin-vip-3 .info .name{color: #b18734;} .time-vip{display: none;} .this_mb{display: none;} #your-iframe-id img { max-width: 100%;height:auto } .zek_home_banner .inner .search_filter form >ul >li>ul li span.toggle-arrow::before { content: "\f0d7"; font-family: "Font Awesome 6 Pro"; margin-right: 5px; font-size: 18px; display: inline-block; transition: transform 0.2s ease-in-out; } .zek_home_banner .inner .search_filter form >ul >li>ul li span.toggle-arrow{position: absolute; left: 7px; top: 0;} .zek_home_banner .inner .search_filter form >ul li.sf-level-1 span.toggle-arrow{left: -11px;} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#212529;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: #999;} ul{padding-left:0} img{max-width:100%;border:none;height:auto} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0} .img img{width:100%;height:auto;object-fit:cover} .zek_background{background-size:cover;background-repeat:no-repeat;background-position:center} .zek_position{position: relative;} .zek_linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;} .zek_slider .swiper{margin: 0 -30px;padding: 0 30px;position: relative;} .zek_slider .swiper-button-prev,.zek_slider .swiper-button-next{background-color: transparent;border: 0;} .zek_slider .swiper-button-prev{left: 0;} .zek_slider .swiper-button-next{right: 0;} .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} @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} } /* Image */ .img_hover{overflow:hidden;position:relative} .img_hover img{transition:all 1.5s} .img_hover:hover img{transform:scale(1.1)} .img_hover:before,.button_home:before{position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);z-index:2} .img_hover:hover:before,.button_home:hover:before{-webkit-animation:shine 1.3s;animation:shine 1.3s} @-webkit-keyframes shine { 100%{left:125%} } @keyframes shine { 100%{left:125%} } /* Container (FAKE theo từng web) */ @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: 1164px;} } .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)} .row{--bs-gutter-x: 30px;} .row20{--bs-gutter-x: 40px;} .flex{display:flex;flex-wrap:wrap} .flex-center{align-items:center} .flex-between{justify-content: space-between;} .row-reverse{flex-direction:row-reverse} .column-reverse{flex-direction:column-reverse} /* Modal */ .modal-header{padding: 16px 32px;} .modal-title{font-size: 18px;font-weight: 600;} .modal-body{padding: 24px 32px;} .modal-header button.close{border: none;background-color: transparent;width: 30px;height: 30px;line-height: 30px;text-align: center;display: block;font-size: 30px;} .modal-body .form input[type="text"],.modal-body .form input[type="search"],.modal-body .form input[type="password"],.modal-body .form input[type="email"],.modal-body .form input[type="file"],.modal-body .form input[type="number"],.modal-body .form input[type="tel"],.modal-body .form textarea, .modal-body .form select{border-radius: 5px;padding: 13px 15px;} .modal-body .form .form-group{margin-bottom: 20px;} .modal-body .form input[type="submit"]{width: 100%;text-align: center;border-radius: 5px;color: #fff;background-color: #E03C31;height: 46px;line-height: 46px;} /* input-button */ .btn,input[type="submit"]{display:inline-block;height:40px;line-height:40px;padding:0 20px;text-align:center;white-space:nowrap;outline:none!important;cursor:pointer;border:none;letter-spacing:0;-webkit-transition:background-color .1s ease-in;-moz-transition:background-color .1s ease-in;-ms-transition:background-color .1s ease-in;-o-transition:background-color .1s ease-in;transition:background-color .1s ease-in;-webkit-border-radius:0;border-radius:0} input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #c4c4c4;padding:10px;width:100%;max-width:100%;display:block;line-height:18px;outline:none} .wpcf7-spinner{position: absolute;} form#adduser label{font-weight: bold;margin: 0 0 5px;display: block;} form#adduser h2{ font-size: 24px; margin-bottom: 16px; font-weight: 600;} /* Content-post */ #ftwp-container #ftwp-contents.ftwp-border-medium,#ftwp-container #ftwp-trigger.ftwp-border-medium{border-width:1px} .content-post iframe{display:block;margin:20px auto;width:100%;height:450px;object-fit:contain} .content-post ul,.content-post ol{padding-left:20px;} .content-post li{position:relative;margin-bottom:10px} .content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal} .content-post .gca-column+br{display:none} .content-post h1{font-size:24px;} .content-post h2{font-size:20px;} .content-post h3{font-size:18px;} .content-post h4{font-size:16px;} .content-post h5,.content-post h6{font-size:14px;} .content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6} .content-post .gallery{display:flex;flex-wrap:wrap;margin:-12px!important} .content-post .gallery br{display:none} .content-post .gallery .gallery-item{padding:12px} .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%;position:relative;overflow:hidden;padding-top:56.25%} .content-post .gallery .gallery-item .gallery-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0!important} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 15px 15px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:15px auto} .content-post .alignright{float:right;margin:0 0 15px 15px} .content-post .alignleft{float:left;margin:0 15px 15px 0} a img.alignright{float:right;margin:0 0 15px 15px} a img.alignnone{margin:0 15px 15px 0} a img.alignleft{float:left;margin:0 15px 15px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 15px 15px 0} .wp-caption.alignleft{margin:0 15px 15px 0} .wp-caption.alignright{margin:0 0 15px 15px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .wp-caption p.wp-caption-text{margin:0;padding:0 10px 0;text-align: center;} div.wpcf7 .ajax-loader{position:absolute} .widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word} .tabs-2 li{width:50%} .nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff} .nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .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} .sticky{position:-webkit-sticky;position:sticky;top:66px;z-index: 99;} .sticky_detailpro{position:-webkit-sticky;position:sticky;top:152px;z-index: 99;} .block_slider{margin:-15px} .item_slider{padding:15px} .zek_supports{position: fixed;right: 40px;bottom: 180px;z-index: 999;} .zek_supports a{display: flex;align-items: center;justify-content: center; margin-top: 15px;transition: all .8s} .zek_supports a svg{width: 40px;height: 40px;} .zek_supports a span{display: none;} /* Header */ .zek_header_mb{display: none;} .zek_header_pc{box-shadow: 0px 4px 10px rgb(182 182 182 / 18%);position: relative;z-index: 999} .zek_header_pc .flex{padding: 17px 15px;justify-content: space-between;} .zek_header_main{display: flex;align-items: center;} .zek_header_nav{display: flex;align-items: center;justify-content: flex-end;} .zek_header_account{display: flex;align-items: center;justify-content: flex-end;position: relative;padding: 5px 0;} .zek_header_account a{display: block;padding: 12px 15px;border-radius: 8px;position: relative;font-weight: 500;} .zek_header_account a:hover{background-color: #fafafa;} .zek_header_account a:not(:last-child):after{content: "";display: block;position: absolute;width: 1px;height: 16px;background-color: #e5e5e5;top:50%;transform: translateY(-50%);right: 0;} .zek_header_account .box{cursor: pointer;display: flex;align-items: center;margin-right: 10px;padding-right: 15px;position: relative;} .zek_header_account .box:after{content: "\f078";font-family: "Font Awesome 6 Pro";position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 12px;} .zek_header_account .box span{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 18px;color: #74150F;background-color: #FFECEB;margin-right: 5px;} .zek_header_account .menu-hidden{list-style: none;margin-bottom: 0;padding: 10px 0; min-width: 220px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 1px 1px 10px #ccc; -o-box-shadow: 1px 1px 10px #ccc; -ms-box-shadow: 1px 1px 10px #ccc; box-shadow: 1px 1px 15px #ccc; transition: all .3s;border-radius: 10px;position: absolute;z-index: 99;background-color: #fff; top: 100%;right: -20px;transform: scaleY(0);transform-origin: 0 0;} .zek_header_account:hover .menu-hidden{ opacity: 1; visibility: visible;transform: scaleY(1);} .zek_header_account .menu-hidden a{padding: 6px 15px;} .zek_header_up{margin-left: 6px;} .zek_header_up a{display: block;padding: 12px 15px;border-radius: 8px;border: 1px solid #ccc;font-weight: 500;} .zek_header_logo img{max-width: 160px;object-fit: contain;max-height: 50px;} .zek_header_logo{margin-right: 30px;display: flex;align-items: center;height: 60px;} .zek_header_menu ul{list-style: none;margin-bottom: 0;} .zek_header_menu .menu{display: flex;align-items: center;font-size: 14px;} .zek_header_menu .menu>li{display: block;margin-right: 24px;} .zek_header_menu .menu>li:last-child{margin-right: 0;} .zek_header_menu .menu li{position: relative;} .zek_header_menu .menu>li>a{display: block;font-weight: 500;line-height: 50px;} .zek_header_menu .menu>li.current-menu-item>a{font-weight: 700;} .zek_header_menu .menu ul{opacity:0;visibility:hidden;position:absolute;z-index:99;border-radius: 10px; background:#fff;width:auto;padding:10px 0;min-width:220px;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:1px 1px 10px #ccc;-o-box-shadow:1px 1px 10px #ccc;-ms-box-shadow:1px 1px 10px #ccc;box-shadow:1px 1px 15px #ccc;transition:all .3s} .zek_header_menu .menu>li>ul{top:100%;left:-20px;transform:scaleY(0);transform-origin:0 0;} .zek_header_menu .menu>li>ul ul{top:0;left:100%;transform:scaleX(0);transform-origin:0 0} .zek_header_menu .menu>li>ul li{padding: 5px 20px;} .zek_header_menu .menu>li>ul li>a{display: block;white-space: nowrap;} .zek_header_menu .menu li:hover>ul{opacity:1;visibility:visible;} .zek_header_menu .menu>li:hover>ul{transform:scaleY(1);} .zek_header_menu .menu>li>ul li:hover>ul{transform:scaleX(1);} .zek_header_pc.head.navbar-fixed-top{box-shadow: 0px 4px 10px rgb(182 182 182 / 18%);position: fixed;z-index: 999;top: 0;left: 0;width: 100%;background-color: #fff;} .zek_header_pc.head.navbar-fixed-top .flex{padding: 10px 15px 6px;} .zek_header_pc.head.navbar-fixed-top .zek_header_logo{height: 40px;} .zek_header_pc.head.navbar-fixed-top .zek_header_logo img{max-width: 120px;max-height: 40px;} .zek_header_pc.head.navbar-fixed-top .zek_header_menu .menu>li>a{line-height: 40px;} /* Footer */ #footer{background-color: #f2f2f2;padding: 40px 0 30px;color: #505050;overflow: hidden;} .zek_footer_main{border-bottom: 1px solid #cccccc;padding-bottom: 20px;font-size: 14px;} .zek_footer_main .f-widget{margin-top: 30px;} .zek_footer_logo img{max-width: 240px;max-height: 70px;object-fit: contain;} .zek_footer_support {display: flex;align-items: center;justify-content: center;} .zek_footer_support .it{position: relative;margin-right: 30px;display: flex;align-items: center;} .zek_footer_support .it .icon{width: 32px;margin-right: 10px;display: flex;justify-content: center;align-items: center;font-size: 26px;} .zek_footer_support .it .key{font-size: 12px;} .zek_footer_support .it .value{font-size: 14px;margin-top: 2px;font-weight: 500;} .zek_footer_title{text-transform: uppercase;font-weight: 600;margin-bottom: 12px;} .zek_footer_main li{list-style: none;margin-bottom: 10px;} .zek_footer_main .info .it:not(:last-child){margin-bottom: 12px;} .zek_footer_main .info .it{position: relative;padding-left: 28px;font-weight: 600} .zek_footer_main .info .it i{width: 24px;height: 24px;line-height: 24px;text-align: center;position: absolute;left: 0;top: 0;font-size: 18px;} .zek_footer_main .apps{display: flex;margin-top: 30px;flex-wrap: wrap;align-items: center;} .zek_footer_main .apps .it:not(:last-child){margin-right: 16px;} .zek_footer_main .apps .it img{width: 110px;object-fit: contain;max-height: 40px;} .zek_footer_main form{position: relative;} .zek_footer_main form input[type="email"]{width: 100%;border-radius: 10px;line-height: 28px;padding: 10px 40px 10px 20px;} .zek_footer_main form input[type="submit"]{width: 30px;height: 30px;font-size: 0;background-color: transparent;position: absolute;top: 10px;right: 10px;} .zek_footer_main form:after{content: "\f1d8";font-family: "Font Awesome 6 Pro";color: #fff; display: block;width: 30px;height: 30px;z-index: 2;cursor: pointer;border-radius: 5px;background-color: #E03C31;line-height: 30px;text-align: center;position: absolute;top: 10px;right: 10px;} .zek_footer_center{padding: 20px 0 10px;font-size: 12px;} .zek_footer_center .title_click{cursor: pointer;font-size: 14px;margin-bottom: 12px;font-weight: 600;position: relative;} .zek_footer_bottom{padding-top: 20px;border-top: 1px solid #cccccc;font-size: 12px;} .zek_footer_bottom *{margin-bottom: 0;} .zek_footer_bottom .widget:not(:last-child){margin-bottom: 8px;} .zek_footer_bottom .social{list-style: none;display: flex;justify-content: flex-end;} .zek_footer_bottom .social li:not(:first-child){margin-left: 10px;} .zek_footer_bottom .social li img{width: 28px;height: 28px;object-fit: contain;} /* Page */ .zek_breadcrumbs{padding: 0 0 10px;} .zek_breadcrumbs *{margin-bottom: 0;} .breadcrumbs .separator{margin:0 3px;font-size: 14px;} .breadcrumbs *{margin-bottom:0} #zek_page_default{padding: 30px 0;} .zek_page_title{font-size: 24px;text-transform: uppercase;font-weight: 600;margin-bottom: 15px;} .swiper-button-next, .swiper-button-prev{width: 32px;height: 32px;background-color: #fff;border: solid 1px #ccc;border-radius: 4px;color: #212529;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;} .swiper-pagination-bullet{filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));} .swiper-pagination-bullet-active{background: #e03c31;} /* Account */ #zek_page_account{position: relative;background-color: rgb(249, 249, 249);min-height: calc(100vh - 94px);display: flex;flex-wrap: wrap;} #zek_page_account .block_sidebar{width: 280px;background-color: #fff;box-shadow: rgb(182 182 182 / 18%) 0px 4px 8px;} #zek_page_account .block_page{width: calc(100% - 280px);padding-top: 25px;display: flex;justify-content: center;} #zek_page_account .block_page .block{width: 696px;max-width: 100%;} #zek_page_account .block_page .block .inner{background-color: #fff;padding: 24px;box-shadow: rgb(0 0 0 / 15%) 0px 1px 4px;border-radius: 4px;margin-bottom: 10px;} #zek_page_account .block_page .block .inner:last-child{margin-bottom: 0;} #zek_page_account .block_page .block .inner.bot{padding: 8px 24px;} #zek_page_account .block_page .block .inner .title{font-size: 24px;margin-bottom: 16px;font-weight: 600;} #zek_page_account .block_page .block .inner .options{display: flex;flex-wrap: wrap;margin-bottom: 24px;list-style: none;} #zek_page_account .block_page .block .inner .options li{width: 50%;} #zek_page_account .block_page .block .inner .options button{width: 100%; line-height: 30px;height: 32px;background-color: #fff; border: 1px solid rgb(204, 204, 204);color: rgb(153, 153, 153);font-size: 14px;font-weight: 500;} #zek_page_account .block_page .block .inner .options button.active{background-color: rgba(0, 0, 0, 0.6);border: 1px solid rgba(0, 0, 0, 0.6); color: #fff;} #zek_page_account .block_page .block .inner .options li:first-child button{border-radius: 4px 0 0 4px;} #zek_page_account .block_page .block .inner .options li:last-child button{border-radius: 0 4px 4px 0;} #zek_page_account .block_page .block .inner select{height: 32px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;padding: 5px 30px 5px 10px;} #zek_page_account .block_page .block .inner input{height: 32px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;padding: 5px 10px;line-height: 20px;} #zek_page_account .block_page .block .inner input[type=submit]{ display: inline-block; border-radius: 8px; cursor: pointer; white-space: nowrap; width: fit-content; background-color: rgb(224, 60, 49); padding: 12px 20px; color: rgb(255, 255, 255); opacity: 1; line-height: inherit; height: auto;} .acf-fields > .acf-field{padding: 16px 0 !important;} #zek_page_account .block_page .block .inner textarea{border: 1px solid rgb(204, 204, 204);border-radius: 4px;padding: 10px;line-height: 20px;} #zek_page_account .block_page .block .inner select:focus,#zek_page_account .block_page .block .inner input:focus,#zek_page_account .block_page .block .inner textarea:focus{border-color: rgb(44, 44, 44)} #zek_page_account .block_page .block .inner table,#zek_page_account .block_page .block .inner table th,#zek_page_account .block_page .block .inner table td{border: 0;} #zek_page_account .block_page .block .inner .table-bordered>:not(caption)>*{border: 0;} #zek_page_account .block_page .block .inner .table>:not(caption)>*>*{border-block-width: 0;} #zek_page_account .block_page .block .inner table td,#zek_page_account .block_page .block .inner table th{border-bottom: 1px solid #E5E5E5 !important;} #zek_page_account .block_page .block .inner table tbody tr:nth-child(odd){background-color: #fafafa} #zek_page_account .block_page .block .inner table tbody tr:hover{background-color: #f0f0f0} #zek_page_account .block_page .block .inner .input{position: relative;} #zek_page_account .block_page .block .inner .input .icon{position: absolute;top: 8px;right: 8px;width: 16px;height: 16px;line-height: 16px;text-align: center;font-size: 12px;} #zek_page_account .block_page .block .inner .text *{margin-bottom: 0;} #zek_page_account .block_page .block .inner .text2{color: rgb(153, 153, 153);} #zek_page_account .block_page .block .inner .note{margin-top: 8px;font-size: 12px;color: #505050;} #zek_page_account .block_page .block .inner .up_file{position: relative;border: 1px dashed rgb(242, 242, 242);width: 100%;text-align: center;padding: 35px 5px 15px;margin-top: 14px;} #zek_page_account .block_page .block .inner .up_file input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: none;} #zek_page_account .block_page .block .inner .label{font-size: 14px;margin-bottom: 8px;font-weight: 600;} #zek_page_account .block_page .block .inner .label span{color: rgb(224, 60, 49);} #zek_page_account .block_page .block .inner .group_inf{margin-top: 16px;} #zek_page_account .block_page .block .inner .group_inf:first-child{margin-top: 0;} #zek_page_account .block_page .block .inner .group_inf .box_quantity{width: 140px;} #zek_page_account .block_page .block .inner .group_inf .box_quantity .quantity{display: flex;align-items: center;justify-content: flex-end;} #zek_page_account .block_page .block .inner .group_inf .box_quantity .quantity button{width: 32px;height: 32px;border-radius: 4px;border: none;line-height: 32px;text-align: center;background-color: rgb(153, 153, 153);color: #fff;} #zek_page_account .block_page .block .inner .group_inf .box_quantity .quantity input.qty{margin: 0 8px;width: 60px;text-align: center;} #zek_page_account .block_page .block .inner .group_inf .box_label{width: calc(100% - 140px);padding-right: 10px;} #zek_page_account .block_page .block .inner.bot .flex{justify-content: space-between;} #zek_page_account .block_page .block .inner.bot .check_demo button{padding: 14px 16px;border-radius: 8px;border: 1px solid rgb(204, 204, 204);background-color: #fff;font-weight: 600;} #zek_page_account .block_page .block .inner.bot .up_post{display: flex;justify-content: flex-end;} #zek_page_account .block_page .block .inner.bot .up_post button{padding: 12px 24px;border-radius: 8px;color: #fff;background-color: rgb(224, 60, 49);font-weight: 600;border: none;} #zek_page_account .block_page .block .inner .group_hidden .label{cursor: pointer;display: flex;align-items: center; padding: 5px 0;} #zek_page_account .block_page .block .inner .group_hidden .label svg{margin-right: 10px;} #zek_page_account .block_page .block .inner .group_hidden .box_hidden{display: none;margin-top: 14px;} #zek_page_account .block_page .block .inner .group_hidden .label.uk-accordion-title{padding: 5px 15px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;} #zek_page_account .block_page .block .inner .accordion-item:not(:last-child){margin-bottom: 16px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-header button{padding: 5px 15px;border: 1px solid rgb(204, 204, 204);border-radius: 4px;font-size: 14px;font-weight: 600;text-transform: uppercase;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse{margin-top: 12px;padding-left: 10px;border-left: 4px solid #e0e0e0;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 -10px; padding: 0; list-style: none;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li{width: calc(100% / 6);padding-left: 10px;margin-bottom: 10px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li label{border: 1px solid #d2d2d2; border-radius: 4px; padding: 5px; display: inline-block; width: 100%;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li input{height: 16px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i{ width: 80px; height: 30px; display: block; background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.BIDV{background-position: 0px -620px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.VCB{background-position: 0px -124px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.DAB{background-position: 0px -434px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.TCB{background-position: 0px -155px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.MB{background-position: 0px -186px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.VIB{background-position: 0px -217px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.ICB{background-position: 0px -248px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.EXB{background-position: 0px -279px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.ACB{background-position: 0px -310px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.HDB{background-position: 0px -341px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.MSB{background-position: 0px -372px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.NVB{background-position: 0px -403px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.VAB{background-position: 0px -744px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.VPB{background-position: 0px -713px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.SCB{background-position: 0px -682px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.PGB{background-position: 0px -589px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.GPB{background-position: 0px -775px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.AGB{background-position: 0px -651px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.SGB{background-position: 0px -806px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.BAB{background-position: 0px -868px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.TPB{background-position: 0px -558px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.NAB{background-position: 0px -837px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.SHB{background-position: 0px -465px;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li i.OJB{background-position: 0px -496px;} #zek_page_account .block_page .block .inner .link_dky a{display: inline-block;line-height: 20px;border: 1px solid #9e9e9e;border-radius: 4px;padding: 0 10px;} #zek_page_account .block_page .block .inner .link_dky a:before{content: "\2b";font-family: "Font Awesome 6 Pro";font-size: 12px;margin-right: 2px;} #zek_page_account .block_page .block .inner .page-numbers{display: inline-block;padding: 5px 10px;border-radius: 4px;margin:0 5px 5px 0;border: 1px solid #e5e5e5;} #zek_page_account .block_page .block .inner table td[data-label="Nội dung"]{position: relative;} #zek_page_account .block_page .block .inner table td[data-label="Nội dung"] .price{color: rgb(224, 60, 49);} #zek_page_account .block_page .block .inner table td[data-label="Nội dung"] .meta a{position: absolute;bottom: 8px;right: 8px;color: #fff;background-color: rgb(224, 60, 49);border-radius: 4px;line-height: 22px;padding: 0 10px;} #zek_page_account .block_page .block .inner .flex_button {justify-content: flex-end;display: flex;align-items: center;} #zek_page_account .block_page .block .inner .flex_button input[type="submit"],#zek_page_account .block_page .block .inner .flex_button button{background: transparent;padding: 5px 10px;border-radius: 4px;font-weight: 600; border: 1px solid rgb(224, 60, 49);color: rgb(224, 60, 49);} #zek_page_account .block_page .block .inner .flex_button input[type="submit"]:hover,#zek_page_account .block_page .block .inner .flex_button button:hover{background: rgb(255, 236, 235);} #zek_page_account .block_sidebar .block{max-height: 100vh; overflow-y: scroll;} #zek_page_account .block_sidebar .block::-webkit-scrollbar{width: 5px;background-color: transparent;} #zek_page_account .block_sidebar .block::-webkit-scrollbar-thumb{background-color: rgb(204, 204, 204);} #zek_page_account .block_sidebar .block .head_info{padding: 15px;display: flex;align-items: center;} #zek_page_account .block_sidebar .block .head_info .avata{width: 64px;} #zek_page_account .block_sidebar .block .head_info .avata a{width: 100%;position: relative;padding-top: 100%;display: block;} #zek_page_account .block_sidebar .block .head_info .box{width: calc(100% - 64px);padding-left: 15px;} #zek_page_account .block_sidebar .block .head_info .avata img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 50%;} #zek_page_account .block_sidebar .block .head_info .box .name{font-size: 18px;font-weight: 600;} #zek_page_account .block_sidebar .block .info{margin: 0 15px 15px;padding: 15px;background-color: rgb(242, 242, 242);border-radius: 6px;} #zek_page_account .block_sidebar .block .info .capt{margin-bottom: 8px;font-size: 16px;font-weight: 600;} #zek_page_account .block_sidebar .block .info .box .it{margin-bottom: 8px;display: flex;justify-content: space-between;} #zek_page_account .block_sidebar .block .info .box .it .value{font-weight: 600;} #zek_page_account .block_sidebar .block .info .naptien{margin-top: 10px;} #zek_page_account .block_sidebar .block .info .naptien a{padding: 6px 12px;border: 1px solid rgb(224, 60, 49);display: flex;width: 100%;justify-content: center;align-items: center; border-radius: 4px;color: rgb(224, 60, 49);font-weight: 500;} #zek_page_account .block_sidebar .block .info .naptien a:hover{background-color: rgb(255, 236, 235);} #zek_page_account .block_sidebar .block .info .naptien a svg{margin-right: 4px;} #zek_page_account .block_sidebar .block .menu .capt{padding: 12px 16px;color: rgb(116, 21, 15); font-weight: 600;cursor: pointer;display: flex;align-items: center;} #zek_page_account .block_sidebar .block .menu .capt svg{margin-right: 10px;} #zek_page_account .block_sidebar .block .menu ul{list-style: none;margin-bottom: 0;} #zek_page_account .block_sidebar .block .menu ul li a{display: block;padding: 12px 12px 12px 50px;line-height: 22px;position: relative;} #zek_page_account .block_sidebar .block .menu ul li.active a{background-color: rgb(242, 242, 242);font-weight: 600;} #zek_page_account .block_sidebar .block .menu ul li.active a:after{content: "";display: block;width: 2px;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(224, 60, 49);} #zek_page_account .block_icon{position: absolute;cursor: pointer;z-index: 9;width: 32px;height: 32px;border-radius: 50%;background-color: #fff;box-shadow: rgb(182 182 182 / 18%) 0px 4px 8px;display: none; align-items: center;justify-content: center;left: 264px;top: 20px;} #zek_page_account .block_icon svg{-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;} #zek_page_account.opened .block_icon svg{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .acf-google-map{border: none;} #zek_page_account .block_page .acf-icon:before{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list{display: flex;flex-wrap: wrap;margin: -8px !important;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li{padding: 8px;width: 25%;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label{border-radius: 5px;border: 1px solid #ddd;display: block;padding: 10px;position: relative;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name{font-weight: 600;font-size: 15px;margin-bottom: 5px;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.cam, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.cam{color: #dd8c43;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.vang, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.vang{color: #b18734;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.tim, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.tim{color: #993393;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li:last-child>label .name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li:last-child>label .name{color: #212529;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .img, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .img{border-radius: 5px;overflow: hidden;margin-bottom: 3px;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label input[type="radio"], #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label input[type="radio"]{margin: 0;position: absolute;right: 10px;top: 4px;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .img+.name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .img+.name{font-size: 13px;font-weight: normal;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.cam+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.cam+.img+.name{color: #dd8c43;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.vang+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.vang+.img+.name{color: #b18734;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li>label .name.tim+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li>label .name.tim+.img+.name{color: #993393;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li:last-child>label .name+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li:last-child>label .name+.img+.name{color: #212529;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li .content-tin, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li .content-tin{font-size: 10px;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li .content-tin .prices, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li .content-tin .prices{font-size: 12px;white-space: nowrap;font-weight: 500;margin-bottom: 4px;} #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-radio-list >li .content-tin li, #zek_page_account .block_page .acf-field[data-name="cgtd2"] ul.acf-checkbox-list >li .content-tin li{font-size: 10px;line-height: 14px;list-style: none;margin-bottom: 4px;} #zek_page_account .block_page .block .inner .price-up{margin-bottom: 12px;} #zek_page_account .block_page .block .inner .price-up .box{background-color: #f6f8fb;border-radius: 5px;padding: 15px;} #zek_page_account .block_page .block .inner .price-up .title{font-size: 18px;margin-bottom: 6px;} #zek_page_account .block_page .block .inner .price-up .box .last{border-top: 1px solid #ddd;padding-top: 10px;margin-top: 6px;} #zek_page_account .block_page .block .inner .price-up .box .col-md-6:first-child{font-size: 15px;font-weight: 600;color: #646464;} #zek_page_account .block_page .block .inner .price-up .box .col-md-6:last-child{text-align: right;} #zek_page_account .block_page .block .inner .price-up .box .col-md-6.price{font-size: 20px;font-weight: 600;} #zek_page_account .block_page .block .inner .price-up .box .col-md-6.day{font-size: 14px;font-weight: normal;text-align: left;} #zek_page_account .block_page .block .inner .price-up .box .col-md-6.total-price{font-size: 24px;color: rgb(224, 60, 49);font-weight: 600;} #zek_page_account .block_page .acf-field[data-name="sndt2"]{display: flex;align-items: center;flex-wrap: wrap;} #zek_page_account .block_page .acf-field[data-name="sndt2"] .acf-input .acf-button-group label{border: none;background-color: #ececec;border-radius: 20px;cursor: pointer;margin-left: 10px;} #zek_page_account .block_page .acf-field[data-name="sndt2"] .acf-input .acf-button-group label.selected{background-color: rgb(224, 60, 49);} #zek_page_account .block_page .acf-field[data-name="sndt2"] .acf-label{margin: 0;} #zek_page_account .block_page .acf-icon:before{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list{display: flex;flex-wrap: wrap;margin: -8px !important;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li{padding: 8px;width: 25%;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label{border-radius: 5px;border: 1px solid #ddd;display: block;padding: 10px;position: relative;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name{font-weight: 600;font-size: 15px;margin-bottom: 5px;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.cam, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.cam{color: #dd8c43;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.vang, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.vang{color: #b18734;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.tim, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.tim{color: #993393;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li:last-child>label .name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li:last-child>label .name{color: #212529;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .img, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .img{border-radius: 5px;overflow: hidden;margin-bottom: 3px;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label input[type="radio"], #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label input[type="radio"]{margin: 0;position: absolute;right: 10px;top: 4px;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .img+.name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .img+.name{font-size: 13px;font-weight: normal;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.cam+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.cam+.img+.name{color: #dd8c43;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.vang+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.vang+.img+.name{color: #b18734;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li>label .name.tim+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li>label .name.tim+.img+.name{color: #993393;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li:last-child>label .name+.img+.name, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li:last-child>label .name+.img+.name{color: #212529;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li .content-tin, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li .content-tin{font-size: 10px;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li .content-tin .prices, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li .content-tin .prices{font-size: 12px;white-space: nowrap;font-weight: 500;margin-bottom: 4px;} #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-radio-list >li .content-tin li, #zek_page_account .block_page .acf-field[data-name="cgtds"] ul.acf-checkbox-list >li .content-tin li{font-size: 10px;line-height: 14px;list-style: none;margin-bottom: 4px;} #zek_page_account .block_page .acf-field[data-name="sndts"]{display: flex;align-items: center;flex-wrap: wrap;} #zek_page_account .block_page .acf-field[data-name="sndts"] .acf-input .acf-button-group label{border: none;background-color: #ececec;border-radius: 20px;cursor: pointer;margin-left: 10px;} #zek_page_account .block_page .acf-field[data-name="sndts"] .acf-input .acf-button-group label.selected{background-color: rgb(224, 60, 49);} #zek_page_account .block_page .acf-field[data-name="sndts"] .acf-label{margin: 0;} /* Category */ .zek_block_news{max-width: 936px;margin: 0 auto;display: block;} .zek_block_news .col-content{width: calc(100% - 280px);} .zek_block_news .col-sidebar{width: 280px;} .zek_category_title{text-transform: uppercase;margin-bottom: 8px;font-size: 18px;color: #E03C31;font-weight: bold;} .zek_category_content{margin-bottom: 15px;font-size: 12px;} .zek_category_content h2{font-size: 18px;} .zek_category_content h3{font-size: 16px;} .zek_category_content h4{font-size: 14px;} .zek_category_content h5,.zek_category_content h6{font-size: 12px;} .zek_item_news {display: flex;flex-wrap: wrap;padding: 12px 0;border-bottom: 1px dashed #ccc;align-items: flex-start;} .zek_item_news:first-child{border-bottom: 1px solid #ccc;} .zek_item_news .img{width: 132px;} .zek_item_news .img .zek_background{padding-top: 56.25%;} .zek_item_news .img .ic_video{width: 38px;height: 38px;background-image: url(images/ic_video.svg);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .zek_item_news:first-child .img .ic_video{width: 42px;height: 42px;} .zek_item_news .info{width: calc(100% - 132px);padding-left: 16px;} .zek_item_news .info .name{font-size: 14px;font-weight: bold;margin-bottom: 8px;} .zek_item_news .info .date{font-size: 12px;color: #999;margin-bottom: 4px;} .zek_item_news .info .desc{font-size: 12px;color: #505050;} .zek_item_news:first-child .img{width: 216px;} .zek_item_news:first-child .info{width: calc(100% - 216px)} .pagination{justify-content: center;padding: 20px 0 10px;} .pagination ul{margin-bottom: 0;list-style: none;} .pagination ul li{display: inline-block;margin: 0} .pagination ul li span,.pagination ul li a{display: block;padding: 5px;border: 1px solid #F2F2F2; height: 32px;width: 32px;text-align: center; background: transparent;line-height: 20px;font-size: 14px;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #212529;color: #fff;border-color: #212529;} /* Single */ .zek_single_title{font-size:22px;font-weight:600;margin-bottom: 10px;} .zek_single_meta{color: #666;font-size: 13px;} .zek_single_meta span{display: inline-flex;align-items: center;} .zek_single_meta span:not(:last-child){margin-right: 10px;} .zek_single_meta svg{width: 12px;height: 12px;margin-right: 5px;} .zek_single_content{padding: 20px 0;} .zek_tags{padding-bottom: 20px;color: #666;font-size: 13px;} .zek_tags a{display: inline-block;height: 24px;line-height: 24px;border-radius: 3px;padding: 0 8px;background-color: #f5f5f5;margin-left: 3px;} .zek_single_related{padding-top: 10px;} .zek_single_related .title{font-size: 14px;font-weight: 600;margin-bottom: 8px;position: relative;} .zek_single_related .title span{display: inline-block;padding-right: 22px;background-color: #fff;position: relative;z-index: 2;} .zek_single_related .title:after{content: "";display: block;width: 100%;height: 1px;border-top: 1px dashed #ccc;position: absolute;left: 0;bottom: 8px;} .zek_single_related .list{list-style: none;margin-bottom: 0;} .zek_single_related .block{margin-bottom: 18px;font-size: 12px;} .zek_single_related .list li{margin-bottom: 8px;} .zek_single_related .list li a { padding-left: 15px; position: relative;} .zek_single_related .list li a:before { content: "\e122"; font-family: "Font Awesome 6 Pro"; font-size: 9px; color: #E03C31; left: 3px; top: 2px; font-weight: 900; position: absolute;} /* Sidebar */ .zek_sidebar .widget:not(:last-child){margin-bottom:20px} .zek_sidebar .widget {border: 1px solid #ccc;overflow: hidden;border-radius: 8px;font-size: 12px;} .zek_sidebar_title{padding: 4px 10px;border-radius: 8px 8px 0 0;background-color: #505050;color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 600;text-align: center;} .zek_sidebar .form_sidebar .form{padding: 8px;} .zek_sidebar .form_sidebar .form .title{display: flex;align-items: center;font-size: 12px;color: #E03C31;font-weight: 500;margin-bottom: 8px;} .zek_sidebar .form_sidebar .form .title img{width: 24px;height: auto;object-fit: contain;margin-right: 6px;} .zek_sidebar .form_sidebar .form .title span{display: block;width: calc(100% - 30px);} .zek_sidebar .form_sidebar .form form{width: 100%;position: relative;} .zek_sidebar .form_sidebar .form form input[type="email"]{width: calc(100% - 80px);line-height: 18px;padding: 5px 10px;border-radius: 3px 0 0 3px;border-right: 0;font-size: 13px;} .zek_sidebar .form_sidebar .form form input[type="submit"]{width: 80px;border-radius: 0 3px 3px 0; background-color: #E03C31;color: #fff;height: 30px;font-size: 13px;font-weight: 500;text-align: center;line-height: 30px;padding: 0 10px;position: absolute;top: 0;right: 0;} .zek_sidebar .suport_sidebar .box{padding: 8px;} .suport_sidebar-dt{padding: 15px;} .suport_sidebar-dt a{color: red;} .zek_sidebar .suport_sidebar .box ul{list-style: none;margin-bottom: 0;} .zek_sidebar .suport_sidebar .box li{padding: 4px 8px;border-bottom: 1px solid #ccc;} .zek_sidebar .suport_sidebar .box li:last-child{border-bottom: 0;} .zek_sidebar .suport_sidebar .box li a{display: flex;align-items: center;height: 32px;} .suport_sidebar-dt .zek_sidebar_title{margin-bottom: 15px;} .zek_sidebar .suport_sidebar .box li a img{width: 22px;object-fit: contain;height: auto;margin-right: 8px;} .zek_sidebar .suport_sidebar .box li a span{width: calc(100% - 30px);} .zek_sidebar .topic_sidebar .box{padding: 8px;} .zek_sidebar .topic_sidebar .box ul{list-style: none;margin-bottom: 0;} .zek_sidebar .topic_sidebar .box ul li{margin-bottom: 8px;} .zek_sidebar .topic_sidebar .box ul li:last-child{margin-bottom: 0;} .zek_sidebar .topic_sidebar .box ul li a{padding-left: 15px;position: relative;} .zek_sidebar .topic_sidebar .box ul li a:before{content: "\e122";font-family: "Font Awesome 6 Pro";font-size: 9px;color: #E03C31;left: 3px;top: 2px;font-weight: 900;position: absolute;} .zek_sidebar_post{padding: 8px;} .zek_sidebar_post .item:not(:last-child){margin-bottom: 8px;} .zek_sidebar_post .item{display: flex;align-items: center;flex-wrap: wrap;} .zek_sidebar_post .item .img{width: 60px;} .zek_sidebar_post .item .img .zek_background{padding-top: 56.25%;} .zek_sidebar_post .item .info{width: calc(100% - 60px);padding-left: 8px;} .zek_sidebar_post .item .info .name{font-size: 12px;font-weight: normal;margin-bottom: 0;} .zek_sidebar .menu,.zek_sidebar .widget_categories >ul{list-style:none;margin-bottom:0;background-color: #f5f5f5;padding: 10px 15px;} .zek_sidebar .menu>li,.zek_sidebar .widget_categories >ul>li{display:block;margin-bottom:10px;font-size:16px} .zek_sidebar .menu>li:last-child,.zek_sidebar .widget_categories >ul>li:last-child{margin-bottom:0} .zek_sidebar .menu>li.current-menu-item>a,.zek_sidebar .menu>li.current-menu-parent>a,.zek_sidebar .menu>li.current-post-parent>a,.zek_sidebar .widget_categories >ul>li.current-cat>a{font-weight:700} .zek_sidebar .menu li>ul,.zek_sidebar .widget_categories >ul li>ul{list-style: none;margin-bottom: 0;padding: 5px 8px;background-color: #fff;margin-top: 8px;display: none;} .zek_sidebar .menu li>ul>li:not(:last-child),.zek_sidebar .widget_categories >ul li>ul>li:not(:last-child){margin-bottom: 5px;} .zek_sidebar .menu li,.zek_sidebar .widget_categories >ul li{position: relative;} .zek_sidebar .menu li.menu-item-has-children >a,.zek_sidebar .widget_categories >ul li.cat-parrent>a{padding-right: 20px;} .zek_sidebar .menu li.menu-item-has-children i,.zek_sidebar .widget_categories >ul li.cat-parrent i{position: absolute;cursor: pointer;right: 0;top: 0;height: 22px;width: 22px;text-align: center;line-height: 22px;} .zek_sidebar .tagcloud{display:flex;flex-wrap:wrap} .zek_sidebar .tagcloud a{font-size:14px!important;height:40px;padding:0 24px;line-height:40px;background-color:#ECECEC;border-radius:2px;margin:0 5px 8px 0} .zek_sidebar iframe{width: 100%;height: auto; object-fit: cover;} .zek_sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;} /* Taxonomy */ .zek_taxonomy_title{font-size: 24px;font-weight: 600;margin-bottom: 10px;} .zek_taxonomy_box {margin-bottom: 16px;} .zek_taxonomy_box form{width: 214px;} .zek_taxonomy_box form select{width: 100%;height: 30px;line-height: 28px;padding: 0 10px;color: #999;border: 1px solid #ccc;border-radius: 4px;} .zek_item_product {margin-bottom: 16px;overflow: hidden;border-radius: 4px;background-color: #fff;box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%);border: 1px solid #F2F2F2;position: relative;} .zek_item_product:hover{box-shadow: 0px 4px 16px rgb(44 44 44 / 8%);} .zek_item_product .item{display: flex;flex-wrap: wrap;color: #000;} .zek_item_product .info{padding: 16px 16px 16px 24px;width: calc(100% - 240px);display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;} .zek_item_product .thumb{width: 240px;position: relative;} .zek_item_product .thumb .swiper{height: 100%;} .zek_item_product .thumb .swiper-pagination{position: absolute;text-align: right;color: #fff;font-weight: 600;height: 40px;line-height: 40px;padding-right: 20px;bottom: 0;background:linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%);} .zek_item_product .thumb .swiper-pagination .swiper-pagination-total:before{content: "\f03e";font-family: "Font Awesome 6 Pro";font-weight: 300;margin-right: 5px;font-size: 17px;} .zek_item_product .thumb .img{height: 200px;min-height: 100%;} .zek_item_product .info .name{color: #C20000;text-transform: uppercase;font-weight: 600;font-size: 14px;margin-bottom: 8px;} .zek_item_product .info .meta {display: flex;margin-bottom: 8px; flex-wrap: wrap;font-weight: 600;} .zek_item_product .info .meta >div:not(:last-child):after{display: inline-block;margin: 0 8px;content: "·";color: #999;} .zek_item_product .info .author span{font-weight: 600;} .zek_item_product .info .author{line-height: 32px;} .zek_item_product a.hotline{position: absolute;bottom: 16px;z-index: 2; right: 16px;padding: 0 10px;border-radius: 4px; height: 32px;line-height: 32px;background-color: #009BA1;color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: center;} .zek_item_product a.hotline:hover{background-color: #1DBABF} .zek_item_product a.hotline:before{content: "\f2a0";font-family: "Font Awesome 6 Pro";font-weight: 300;margin-right: 7px;} .zek_item_product a.hotline span{margin-left: 3px;} .zek_item_project .item{align-items: flex-start;} .zek_item_project .thumb .img{min-height: initial;display: none;float: left;height: 180px;} .zek_item_project .thumb .img:nth-child(1),.zek_item_project .thumb .img:nth-child(2),.zek_item_project .thumb .img:nth-child(3){display: block;} .zek_item_project .thumb .img:nth-child(1){width: 100%;border-bottom: 2px solid #fff;} .zek_item_project .thumb .img:nth-child(2),.zek_item_project .thumb .img:nth-child(3){width: 50%;height: 66px;} .zek_item_project .thumb .img:nth-child(2){border-right: 1px solid #fff;} .zek_item_project .thumb .img:nth-child(3){border-left: 1px solid #fff;} .zek_item_project .thumb .swiper{position: absolute;top: 0;left: 0;height: 100%;width: 100%;} .zek_item_project .info .date{color: #999;} .zek_item_project .info .address{margin-bottom: 5px;} .zek_item_project .info .name{font-size: 16px;color: #212529;text-transform: unset;} .zek_item_project .info .status a{margin-bottom: 8px;padding: 4px 8px;color: #07A35D;background-color: #E7FFF4;border-radius: 4px;display: inline-block;} /* Detail */ .zek_detail_gallery{margin-bottom: 24px;} .zek_detail_gallery .swiper-slide {position: relative;} .zek_detail_gallery .swiper-slide .img{width: 100%;padding-top: 56.25%;overflow: hidden;border-radius: 6px;} .zek_detail_gallery .mySwiper_detail_gallery{margin-top: 8px;} .zek_detail_gallery .mySwiper_detail_gallery .swiper-slide .img{padding-top: 70%;border: 2px solid transparent;} .zek_detail_gallery .mySwiper_detail_gallery .swiper-slide.swiper-slide-thumb-active .img{border: 2px solid #212529;} .zek_detail_gallery .swiper-pagination{padding: 0 8px;height: 20px;background-color: rgba(0,0,0,0.6);border-radius: 4px;display: inline-flex; color: #fff;font-weight: 600;width: 44px;left: auto;justify-content: space-around; align-items: center;bottom: 20px;right: 20px;} .zek_detail_title{font-size: 24px;text-transform: uppercase;font-weight: 600;} .zek_detail_address{margin-bottom: 10px;} .zek_detail_quickinfo {margin: 15px 0;padding: 15px 0;border-top: 1px solid #F2F2F2;border-bottom: 1px solid #F2F2F2;} .zek_detail_quickinfo .flex{justify-content: space-between;} .zek_detail_quickinfo .suport{width: 150px;display: flex;flex-wrap: wrap;justify-content: flex-end;} .zek_detail_quickinfo .info{width: calc(100% - 150px);display: flex;flex-wrap: wrap;} .zek_detail_quickinfo .suport a,.zek_detail_quickinfo .suport button{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center; border-radius: 4px;font-size: 18px;border: none;background-color: transparent;} .zek_detail_quickinfo .suport a:hover,.zek_detail_quickinfo .suport button:hover{background-color: #FAFAFA;} .zek_detail_quickinfo .info .it{margin-right: 60px;} .zek_detail_quickinfo .info .it:last-child{margin-right: 0;} .zek_detail_quickinfo .info .it .key{color: #999;margin-bottom: 4px;} .zek_detail_quickinfo .info .it .value{font-weight: 600;font-size: 18px;} .zek_detail_body>div{margin-top: 30px;} .title_detail{font-size: 18px;font-weight: 600;margin-bottom: 20px;} .zek_detail_info .list{display: flex;flex-wrap: wrap;margin: 0 -15px;} .zek_detail_info .list .it{padding: 0 15px;width: 50%;} .zek_detail_info .list .it .flex{border-bottom: 1px solid #F2F2F2;padding: 8px 0;} .zek_detail_info .list .it:nth-child(1) .flex,.zek_detail_info .list .it:nth-child(2) .flex{border-top: 1px solid #F2F2F2;} .zek_detail_info .list .it .icon{width: 24px;font-size: 18px;} .zek_detail_info .list .it .key{width: 124px;padding-left: 10px;font-weight: 500;} .zek_detail_info .list .it .value{width: calc(100% - 124px - 24px);padding-left: 10px;} .zek_detail_maps .box{border-radius: 4px;overflow: hidden;height: 240px;width: 100%;} .zek_detail_maps .box iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .zek_detail_keyword .list a{display: inline-block;padding: 5px 15px;border-radius: 30px;background-color: #F2F2F2;margin: 8px 6px 0 0;} .zek_detail_quickinfo.zek_detail_shortinfo .info{width: 100%;} .zek_detail_quickinfo.zek_detail_shortinfo .info .it .value{font-size: 16px;} .zek_detail_account{border: 1px solid #F2F2F2;border-radius: 8px;padding: 16px;margin-bottom: 16px;} .zek_detail_account .avata{display: flex;justify-content: center;margin-bottom: 8px;} .zek_detail_account .avata span{display: flex;align-items: center;justify-content: center;background-color: #FFECEB;border-radius: 50%;color: #74150F;font-size: 18px;font-weight: 600;width: 64px;height: 64px;} .zek_detail_account .sub{font-size: 12px;color: #999;margin-bottom: 4px;} .zek_detail_account .name{font-size: 16px;font-weight: 600;} .zek_detail_account .name a{color: #212529;} .zek_detail_account .buttons{margin-top: 20px;} .zek_detail_account .buttons a{display: block;padding: 13px 15px;border-radius: 8px;margin-top: 8px;border: solid 1px #ccc;font-weight: 600;color: #212529;} .zek_detail_account .buttons a:hover{background-color: #fafafa;} .zek_detail_account .buttons a.hotline{background-color: #009BA1;color: #fff;border-color: #009BA1;} .zek_detail_links{background-color: #f2f2f2;padding: 15px;margin-bottom: 16px;border-radius: 8px;} .zek_detail_links .title{font-weight: bold;margin-bottom: 14px;} .zek_detail_links ul{list-style: none;margin-bottom: 0;} .zek_detail_links ul li:not(:last-child){margin-bottom: 8px;} .zek_detail_links ul li a.view-more{font-weight: bold;text-decoration: underline;font-style: italic;} /* Login */ div.nsl-container.nsl-container-block .nsl-container-buttons{display: flex;justify-content: space-between;align-items: center;} div.nsl-container .nsl-container-buttons a{max-width: calc(50% - 8px)} div.nsl-container .nsl-button-default div.nsl-button-label-container{margin: 0 10px 0 0;font-size: 14px;} .um input[type=submit].um-button{width: 100% !important;} /* Project */ .zek_project_filter{box-shadow: 0px 2px 4px rgb(132 140 148 / 5%);background-color: #fff;border: 1px solid #ebedf0;border-radius: 6px;} #zek_project_page .zek_project_filter{margin-bottom: 24px;} .zek_project_filter.navbar-fixed-top{position: fixed;width: 100%;z-index: 990;top: 66px;left: 0;background-color: #fff;box-shadow: 0px 4px 10px rgb(182 182 182 / 18%);} #zek_project_page .zek_project_filter.navbar-fixed-top{padding-left: calc(50% - 586px);padding-right: calc(50% - 586px);} .zek_project_filter .options{list-style: none;display: flex;width: 176px;margin-bottom: 0;padding-left: 16px;} .zek_project_filter .options li{width: 50%;} .zek_project_filter .options li a{display: block;line-height: 30px;height: 30px;padding: 0 5px 2px;border: 1px solid #ccc;color: #999;text-align: center;} .zek_project_filter .options li:first-child a{border-radius: 4px 0 0 4px;} .zek_project_filter .options li:last-child a{border-radius: 0 4px 4px 0;} .zek_project_filter .options li.active a{background-color: #505050;color: #fff;border-color: #505050;} .zek_project_filter form:not(#zek_project_page .zek_project_filter form){width: calc(100% - 176px);} .zek_project_filter form>ul{display: flex;align-items: center;flex-wrap: wrap;} .zek_project_filter form>ul>li{width: 17%;padding: 0;position: relative;} .zek_project_filter form>ul>li:before{content: "";display: block;width: 1px;height: 32px;background-color: #f2f2f2;position: absolute;right: -1px;z-index: 2; top: 50%;transform: translateY(-50%);} .zek_project_filter form>ul>li:last-child:before{display: none;} .zek_project_filter form>ul>li.sf-field-search{width: 27%;} .zek_project_filter form>ul>li.sf-field-reset{width: 5%;} .zek_project_filter form>ul>li label{width: 100%;} .zek_project_filter form>ul>li.sf-field-search{padding: 8px 16px;} .zek_project_filter form>ul>li.sf-field-search input{height: 32px;background-color: #F2F2F2;border: 1px solid #F2F2F2;line-height: 30px;padding: 0 10px 0 35px;border-radius: 3px;background-image: url(images/ic_search.png); background-repeat: no-repeat; background-position: left 8px center;background-size: 18px;} .zek_project_filter form>ul>li.sf-field-search input:focus,.zek_project_filter form>ul>li.sf-field-search input:hover{border: 1px solid #ccc;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"] select{padding: 18px 16px 4px;border: none;width: 100%;min-width: inherit; height: 56px;cursor: pointer;position: relative;background-color: transparent;z-index: 2;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"] h4{padding: 0;position: absolute;left: 20px;top: 8px;font-size: 13px;font-weight: 500;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"] h4:after{content: "\f078";font-family: "Font Awesome 6 Pro";margin-left: 4px;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"]:after{content: "";display: block;width: 20px;height: 14px;background-color: #fff;z-index: 2;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .zek_project_filter form>ul>li.sf-field-reset input[type="submit"]{width: 100%;padding: 0;height: 32px;background-color: transparent;font-size: 0;background-image: url(images/ic_reset.png);background-size: 20px;background-repeat: no-repeat;background-position: center;} #zek_project_page .col-content{width: calc(100% - 360px)} #zek_project_page .col-sidebar{width: 360px;} .zek_project_sidebar .title{font-size: 18px;font-weight: 600;margin-bottom: 16px;} .zek_project_sidebar .linkall{color: #E03C31;position: absolute;right: 0;top: 0;} .zek_project_sidebar{padding-top: 32px;} .zek_project_sidebar .post_object2{margin-top: 24px;} .zek_project_sidebar .post_object1 .item{overflow: hidden;border-radius: 4px;} .zek_project_sidebar .post_object1 .item .zek_background{padding-top: 68.8888888889%;} .zek_project_sidebar .post_object1 .item:after{ content: ""; width: 100%; height: 133px; background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%); mix-blend-mode: multiply; bottom: 0; left: 0; position: absolute;} .zek_project_sidebar .post_object1 .item .info{position: absolute; bottom: 16px; left: 16px; color: #fff;z-index: 2;} .zek_project_sidebar .post_object1 .item .info .name{font-size: 16px;margin-bottom: 4px;} .zek_project_sidebar .post_object1 .item .info .date{font-size: 12px;} .zek_project_sidebar .post_object1 .item .ic_video{ width: 42px; height: 42px;z-index: 2; background-image: url(images/ic_video.svg); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .zek_project_sidebar .post_object1 .swiper-button-next,.zek_project_sidebar .post_object1 .swiper-button-prev{opacity: 0;} .zek_project_sidebar .post_object1:hover .swiper-button-next,.zek_project_sidebar .post_object1:hover .swiper-button-prev{opacity: 1;} .zek_project_sidebar .post_object1 .swiper-pagination{text-align: right;padding-right: 10px;} .zek_project_sidebar .post_object1 .swiper-pagination-bullet{background: #fff;} .zek_project_sidebar .post_object2 .item{padding: 16px 0;border-bottom: 1px solid #F2F2F2;display: flex;flex-wrap: wrap;} .zek_project_sidebar .post_object2 .item:first-child{padding-top: 0;} .zek_project_sidebar .post_object2 .item:last-child{padding-bottom: 0;border-bottom: 0;} .zek_project_sidebar .post_object2 .item .img{width: 120px;border-radius: 4px;overflow: hidden;} .zek_project_sidebar .post_object2 .item .img .zek_background{height: 90px;} .zek_project_sidebar .post_object2 .item .info{width: calc(100% - 120px);padding-left: 14px;display: flex;flex-wrap: wrap; flex-direction: column;justify-content: space-between;} .zek_project_sidebar .post_object2 .item .info .name{font-size: 14px;font-weight: 600;margin-bottom: 5px;} .zek_project_sidebar .post_object2 .item .info .date{font-size: 12px;color: #999;} .zek_project_select .item{width: 100%;height: 420px;} .zek_project_select .item .zek_background{width: 100%;height: 100%;} .zek_project_select .item:before { content: ""; width: 100%; height: 260px; background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%); mix-blend-mode: multiply; bottom: 0; left: 0; position: absolute; } .zek_project_select .swiper-pagination{text-align: right;padding-right: calc(50% - 570px);padding-bottom: 20px;} .zek_project_select .swiper-pagination-bullet{background: #fff;} .zek_project_select .item .info{position: absolute;padding-bottom: 32px; width: 100%;left: 0;bottom: 0;z-index: 2;color: #fff;} .zek_project_select .item .info .name{font-size: 32px;margin-bottom: 8px;} .zek_project_select .item .info .address{font-size: 16px;} .zek_project_select .item .info .status a{display: inline-block;margin-bottom: 5px;color: #07A35D;background-color: #E7FFF4;height: 32px;line-height: 32px;padding: 0 12px;border-radius: 5px;} /* Detail-pro */ .zek_detailpro_address{margin-bottom: 24px;} .zek_detailpro_address a{color: #74150F;font-weight: 600;} .zek_detailpro_gallery{border-radius: 13px;overflow: hidden;} .zek_detailpro_gallery .block_status{position: absolute;top: 20px;left: 20px;display: inline-block;z-index: 2;} .zek_detailpro_gallery .block_status a{display: inline-block;height: 32px;line-height: 32px;background-color: #E7FFF4;font-weight: 600; color: #07A35D;padding: 0 12px;border-radius: 4px;} .zek_detailpro_gallery .swiper{overflow: unset;} .zek_detailpro_gallery .swiper .swiper-pagination{width: auto;left: auto;right: 18px;bottom: 18px;} .zek_detailpro_gallery .swiper .swiper-pagination-total{padding: 4px 10px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 6px;line-height: 24px;display: inline-block;} .zek_detailpro_gallery .swiper .swiper-pagination-total:before{ content: "\f03e"; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 7px; font-size: 17px;} .zek_detailpro_gallery .block_gallery .img{width: 23%;float: left;border: 1px solid #fff;display: none;} .zek_detailpro_gallery .block_gallery .img:nth-child(1),.zek_detailpro_gallery .block_gallery .img:nth-child(2),.zek_detailpro_gallery .block_gallery .img:nth-child(3),.zek_detailpro_gallery .block_gallery .img:nth-child(4),.zek_detailpro_gallery .block_gallery .img:nth-child(5){display: block;} .zek_detailpro_gallery .block_gallery .img:first-child{width: 54%;} .zek_detailpro_gallery .block_gallery .img:first-child:after{content: "";display: block;background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%); bottom: 0; height: 181px; left: 0; mix-blend-mode: multiply; position: absolute; width: 100%; border-radius: 0 0 0 8px;} .zek_detailpro_gallery .block_gallery .img .zek_background{width: 100%;height: 178px;} .zek_detailpro_gallery .block_gallery .img:first-child .zek_background{height: 358px;} .zek_detailpro_gallery .block_gallery .img:hover a.zek_linkfull{background: rgba(45,47,53,0.2);} .zek_detailpro_gallery .block_info{position: absolute;width: 54%;bottom: 24px;left: 24px;display: flex;flex-wrap: wrap;z-index: 2} .zek_detailpro_gallery .block_info .it{display: flex;align-items: center;color: #fff;padding-right: 16px;margin-right: 16px;} .zek_detailpro_gallery .block_info .it:last-child{padding-right: 0;margin-right: 0;} .zek_detailpro_gallery .block_info .it:not(:last-child):after{content: "";display: block;width: 1px;background-color: #fff;height: 100%;position: absolute;top: 0;right: 0;} .zek_detailpro_gallery .block_info .it .icon{width: 48px;height: 48px;margin-right: 7px;font-size: 34px;text-align: center;display: flex;align-items: center;justify-content: center;} .zek_detailpro_gallery .block_info .it .box .value{font-size: 18px;font-weight: 600;} .zek_detailpro_gallery .block_info .it .box .unit{font-size: 14px;font-weight: 300;} .zek_detailpro_gallery .block_info .it.price .icon{border: 3px solid #fff;border-radius: 50%;} .zek_detailpro_tab{box-shadow: 0px 1px 0px #f2f2f2;padding-top: 24px;background-color: #fff;} .zek_detailpro_tab .tab{list-style: none;display: flex;flex-wrap: wrap;margin-bottom: 0;} .zek_detailpro_tab .tab li:not(:last-child){margin-right: 40px;} .zek_detailpro_tab .tab li{margin-bottom: -1px;} .zek_detailpro_tab .tab li a{display: block;font-size: 18px;font-weight: 600;color: #999;padding-bottom: 15px;border-bottom: 2px solid transparent;} .zek_detailpro_tab .tab li a.active,.zek_detailpro_tab .tab li a:hover{border-bottom-color: #E03C31;color: #212529;} .zek_detailpro_tab .tab li a span{font-size: 12px;font-weight: normal;display: block;} .zek_detailpro_body{padding: 40px 0;} .zek_detailpro_body .col-content{width: calc(100% - 360px)} .zek_detailpro_body .col-sidebar{width: 360px;} .zek_detailpro_it:not(:first-child){padding-top: 52px;} .zek_detailpro_it:not(:last-child){margin-bottom: -20px;} .detailpro_title{margin-bottom: 16px;font-size: 24px;font-weight: 600;} .detailpro_info{margin-bottom: 20px;} .detailpro_info .it{padding: 13px 0;border-bottom: 1px solid #F2F2F2;} .detailpro_info .it .key{width: 100px;font-weight: 500;} .detailpro_info .it .value{width: calc(100% - 100px);padding-left: 10px;} .zek_detailpro_matbang .img_boxx{border-radius: 10px;border: 1px solid #ccc;height: 400px;width: 100%;} .zek_detailpro_matbang .img_boxx .link{width: 48px;height: 48px;border-radius: 50%;background-color: rgba(0,0,0,0.6);opacity: .6;color: #fff;display: flex;align-items: center;justify-content: center;bottom: 24px;right: 24px;font-size: 20px;position: absolute;} .zek_detailpro_vitri .map_boxx{border-radius: 10px;border: 1px solid #ccc;height: 320px;width: 100%;} .zek_detailpro_vitri .map_boxx iframe{width: 100%;position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;} .zek_detailpro_banthue .zek_home_estate{background-color: rgba(242,242,242,0.5);padding: 24px !important;border-radius: 5px;overflow: hidden;} .zek_detail_related.zek_detailpro_banthue .zek_home_estate{padding: 0 !important;background-color: transparent;} .zek_detailpro_banthue .swiper{overflow: unset;padding-right: 186px;} .zek_detailpro_banthue .swiper-button-prev{top: -24px;right: 40px;left: auto;} .zek_detailpro_banthue .swiper-button-next{top: -24px;right: 0;} .zek_detailpro_related{border-top: 1px solid #EBEDF0;} .zek_detailpro_related .block_related{overflow: hidden;} .zek_detailpro_related .swiper{overflow: unset;} .zek_detailpro_related .swiper-button-next {top: -24px;right: 0;} .zek_detailpro_related .swiper-button-prev{top: -24px;right: 40px;left: auto;} .zek_detailpro_contact{background-color: #FAFAFA;border-radius: 6px;padding: 24px;} .zek_detailpro_contact .title{font-size: 16px;font-weight: 600;margin-bottom: 4px;} .zek_detailpro_contact .text{margin-bottom: 12px;} .zek_detailpro_contact .buttns{display: flex;align-items: center;justify-content: center;color: #fff;background-color: #009BA1;height: 42px;width: 100%;font-weight: 600;padding: 0 16px;border-radius: 6px;} .zek_detailpro_contact .buttns i{margin-right: 6px;} .zek_detailpro_contact .buttns:hover{background-color: #1DBABF;} /* Home */ .zek_home_banner .swiper{overflow: unset;} .zek_home_banner .swiper-pagination-bullet{background: #fff;} .zek_home_banner .swiper-pagination{bottom: 20px;} .zek_home_banner .item .img{width: 100%;padding-top: calc(100% / 3);} .zek_home_banner .inner{position: absolute;width: 920px;max-width: calc(100% - 60px);top: 50px;margin: 0 auto;z-index: 3;left: 50%;transform: translateX(-50%);} .zek_home_banner .inner .options{list-style: none;display: flex;flex-wrap: wrap;margin-bottom: 0;} .zek_home_banner .inner .options li{margin-right: 8px;} .zek_home_banner .inner .options li button{border: none; display: block;color: rgba(0,0,0,0.6);background: rgba(255,255,255,0.8);border-radius: 4px 4px 0 0;padding: 0 32px;height: 32px;line-height: 32px;} .zek_home_banner .inner .options li button.active{color: #fff;background: rgba(0,0,0,0.6);} .zek_home_banner .inner .tab-content{background: rgba(0,0,0,0.6);box-shadow: 0 4px 4px rgb(0 0 0 / 25%);border-radius: 0 4px 4px 4px;} .zek_home_banner .inner .tab-pane{padding: 12px;} .zek_home_banner .inner .search_filter form >ul{list-style: none;margin: 0;position: relative;display: flex;flex-wrap: wrap;} .zek_home_banner .inner .search_filter form >ul >li{padding: 4px;width: calc(100% / 3);position: relative;} .zek_home_banner .inner .search_filter form >ul >li[data-sf-field-name="search"]{width: 100%;margin-bottom: 8px;} .zek_home_banner .inner .search_filter form >ul >li[data-sf-field-name="search"] label{width: 100%;} .zek_home_banner .inner .search_filter form >ul >li[data-sf-field-name="search"] input{height: 48px;line-height: 48px;border-radius: 8px;padding: 0 130px 0 190px;border: none;} .zek_home_banner .inner .search_filter form >ul >li h4:not(.zek_home_banner .inner .search_filter form >ul >li:first-child h4){height: 34px;border: 1px solid rgba(255,255,255,0.6);color: #fff;border-radius: 4px;cursor: pointer;width: 100%;padding: 0 20px;font-weight: 400;line-height: 32px;font-size: 14px;position: relative;} .zek_home_banner .inner .search_filter form >ul >li:first-child{width: 180px;position: absolute; z-index: 5; top: 4px;left: 4px;height: 48px;border-right: 1px solid #F2F2F2} .zek_home_banner .inner .search_filter form >ul >li:first-child h4{cursor: pointer;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 14px;position: relative;font-size: 15px;font-weight: normal;} .zek_home_banner .inner .search_filter form >ul >li:first-child h4:before{content: "\e1b1";width: 24px;height: 24px;display: block;font-size: 16px;line-height: 24px;margin-right: 4px;font-family: "Font Awesome 6 Pro";} .zek_home_banner .inner .search_filter form >ul >li h4:after{content: "\f078";width: 20px;height: 20px;font-size: 14px;line-height: 20px;font-family: "Font Awesome 6 Pro";position: absolute;top: 50%;transform: translateY(-50%);right: 10px;} .zek_home_banner .inner .search_filter form >ul >li:first-child h4:after{right: 0;} .zek_home_banner .inner .search_filter form >ul >li>ul{position: absolute;width: 300px;background-color: #fff;border-radius: 8px;padding: 8px 0;left: 0;box-shadow: 0px 8px 20px rgb(182 182 182 / 42%); top: calc(100% + 10px);z-index: 9;opacity: 0;visibility: hidden;} .zek_home_banner .inner .search_filter form >ul >li:nth-child(5)>ul{left: auto;right: 0;} .zek_home_banner .inner .search_filter form >ul >li>ul ul{margin-left: 0;} .zek_home_banner .inner .search_filter form >ul >li>ul.opened{opacity: 1;visibility: initial;} .zek_home_banner .inner .search_filter form >ul >li>ul li{display: block;width: 100%;padding: 0 30px;border-bottom: 1px solid #F2F2F2;position: relative;} .zek_home_banner .inner .search_filter form >ul >li>ul li:last-child{border-bottom: 0;} .zek_home_banner .inner .search_filter form >ul >li>ul li label{height: 32px;line-height: 32px;} .zek_home_banner .inner .search_filter form >ul >li>ul li input{position: absolute;z-index: 2;top: 10px;left: 23px;} .zek_home_banner .inner .search_filter form >ul >li>ul ul li{padding: 0 10px;} .zek_home_banner .inner .search_filter form >ul >li>ul ul li input{left: 5px;} .zek_home_banner .inner .search_filter form >ul >li[data-sf-field-name="submit"]{position: absolute;top: 4px;right: 8px;height: 48px;display: flex;align-items: center;width: 128px;} .zek_home_banner .inner .search_filter form >ul >li[data-sf-field-name="submit"] input{width: 120px;height: 34px;border-radius: 4px;background-color: #E03C31;color: #fff;font-weight: 600;line-height: 34px;padding: 0 20px 0 0;text-align: right; background-image: url(images/ic_search2.png);background-repeat: no-repeat;background-position: left 15px center;background-size: 20px;} .zek_home_news{padding: 40px 0 60px;} .box_scroll{overflow-x: scroll;border-bottom: 1px solid #F2F2F2;} .box_scroll::-webkit-scrollbar{display: none;} .zek_home_news .box_scroll{padding-right: 100px;position: relative;} .zek_home_news .box_scroll:after{content:"";display: block; width: 100px;height: 100%;position: absolute;bottom: 0;right: 0;z-index: 2;background-color: #fff;} .zek_home_news ul.tab-name{display: flex;overflow: hidden;width: max-content;margin-bottom: 0;list-style: none;} .zek_home_news ul.tab-name li button{display: block;padding: 10px 15px;font-size: 24px;font-weight: 600;color: #999;border: none;background-color: transparent;position: relative;cursor: pointer;} .zek_home_news ul.tab-name li button:after{content: "";display: block;width: 100%;height: 2px;background-color: #e03c31;position: absolute;left: 0;bottom: 0;opacity: 0;} .zek_home_news ul.tab-name li button.active:after{opacity: 1;} .zek_home_news ul.tab-name li button.active{color: #212529;} .zek_home_news .tab-content{position: relative;padding-top: 24px;} .zek_home_news .tab-content a.link{position: absolute;color: #e03c31;right: 0;top: -38px;font-weight: 500; z-index: 2;} .zek_home_news .tab-content .col_left{width: 450px;} .zek_home_news .tab-content .col_right{width: calc(100% - 450px);padding-left: 30px;position: relative;} .zek_home_news .tab-content ul.list{list-style: none;margin-bottom: 0;} .zek_home_news .tab-content ul.list li{padding: 12px 0;border-bottom: 1px solid #F2F2F2;font-size: 16px;} .zek_home_news .tab-content ul.list li:first-child{padding-top: 0;} .zek_home_news .tab-content ul.list li:last-child{padding-bottom: 0;border-bottom: 0;} .zek_home_news .tab-content ul.list li .item{width: 450px;position: absolute;right: 100%;top: 0;opacity: 0;transition: all 0.2s;} .zek_home_news .tab-content ul.list li.active .item{opacity: 1;} .zek_home_news .tab-content ul.list li .item .img{width: 100%;padding-top: 56.25%;border-radius: 5px;margin-bottom: 15px;} .zek_home_news .tab-content ul.list li .item .name{font-size: 24px;font-weight: 500;} .zek_home_news .tab-content ul.list li .item .date{font-size: 14px;color: #999;} .zek_home_estate{padding: 40px 0;} .group_title{margin-bottom: 24px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .title_home{font-size: 24px;font-weight: 600;margin-bottom: 0;} .group_title ul{list-style: none;margin-bottom: 0;display: flex;align-items: center;justify-content: flex-end;} .group_title ul li:after{content: "";display: inline-block;width: 1px;height: 12px;background-color: #212529;margin: 0 10px;position: relative;top: 2px;} .group_title ul li:last-child:after{display: none;} .zek_home_estate .item{overflow: hidden;border-radius: 4px;background-color: #fff;box-shadow: 0px 4px 6px rgb(44 44 44 / 4%);border: 1px solid #F2F2F2;height: 100%;} .zek_home_estate .item a{display: block;height: 100%;} .zek_home_estate .item .thumb .img{width: 100%;padding-top: 56.25%;} .zek_home_estate .item .thumb .swiper{position: unset;} .zek_home_estate .item .thumb .swiper-pagination{position: absolute; text-align: right; color: #fff; font-weight: 600; height: 40px; line-height: 40px; padding-right: 20px; bottom: 0; background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%);} .zek_home_estate .item .thumb .swiper-pagination .swiper-pagination-total:before { content: "\f03e"; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 5px; font-size: 17px; } .zek_home_estate .item .info{padding: 12px 16px 16px;} .zek_home_estate .item .info .name{ color: #C20000; text-transform: uppercase; font-weight: 600; font-size: 14px;height: 36px; margin-bottom: 4px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .zek_home_estate .item .info .meta {color: #212529; display: flex; margin-bottom: 8px; flex-wrap: wrap; font-weight: 600; } .zek_home_estate .item .info .meta >div:not(:last-child):after { display: inline-block; margin: 0 8px; content: "·"; color: #999; } .zek_home_estate .item .info .date{margin-top: 16px;font-size: 12px;color: #999;} .zek_home_layout{padding: 40px 0;} .zek_home_layout .zek_section:not(:last-child){padding-bottom: 40px;} .zek_home_layout .section5 .box_grid{ display: grid; grid-gap: 30px; grid-auto-rows: auto; grid-auto-flow: row; grid-template-columns: [col1] auto [col2] auto [col3] auto [col4] auto [end]; grid-template-rows: [row1] auto [row2] auto [end];} .zek_home_layout .section5 .item{overflow: hidden;border-radius: 5px;height: 190px;} .zek_home_layout .section5 .item:first-child{grid-column: 1/3;grid-row: 1/3;height: 410px;} .zek_home_layout .section5 .item .name{position: absolute;top: 16px;left: 16px;color: #fff;font-weight: 600;font-size: 18px;display: inline-block;z-index: 3;} .zek_home_layout .section5 .item .name span{font-size: 14px;display: block;} .zek_home_layout .section5 .item:hover .name{text-decoration: underline;} .zek_home_layout .section5 .item:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); border-radius: 4px; transform: rotate(-180deg);z-index: 2} .zek_home_layout .section5 .item .gallery{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .zek_home_layout .section5 .item .gallery .swiper{width: 100%;height: 100%;} .zek_home_layout .section5 .box_tags{margin-top: 25px;display: flex;flex-wrap: wrap;justify-content: center;} .zek_home_layout .section5 .box_tags a{display: block;padding: 5px 15px;margin: 4px 8px 4px 0;background-color: #F2F2F2;border-radius: 30px;} .zek_home_layout .section6 .item .img{border-radius: 4px;padding-top: 56.25%;margin-bottom: 20px;} .zek_home_layout .section6 .item .info .name{margin-bottom: 0;display: flex;align-items: center;flex-wrap: wrap;font-weight: 600;} .zek_home_layout .section6 .item .info .name .numb{width: 60px;font-size: 40px;color: #505050;line-height: 1; font-weight: bold;} .zek_home_layout .section6 .item .info .name .value{width: calc(100% - 60px);font-size: 16px;} .zek_home_layout .section6 .swiper-button-next,.zek_home_layout .section6 .swiper-button-prev{top: 43%;} .zek_home_layout .section7 .item{height: 100%;box-shadow: 0px 4px 6px rgb(44 44 44 / 4%);border: 1px solid #F2F2F2;border-radius: 4px;padding: 12px 24px;display: flex;align-items: center;} .zek_home_layout .section7 .item:hover{box-shadow: 0px 4px 16px rgb(44 44 44 / 8%);} .zek_home_layout .section7 .item .icon{width: 48px;height: 48px;object-fit: contain;margin-right: 12px;} .zek_home_layout .section7 .item .name{display: block;width: calc(100% - 60px);font-size: 16px;font-weight: 600;} .zek_home_layout .section8 .item{height: 110px;box-shadow: 0px 4px 6px rgb(44 44 44 / 4%);border: 1px solid #F2F2F2;border-radius: 4px;display: flex;justify-content: center;align-items: center;} .zek_home_layout .section8 .item:hover{box-shadow: 0px 4px 16px rgb(44 44 44 / 8%);} .zek_home_layout .section8 .item img{max-height: 86px;max-width: calc(100% - 30px);object-fit: contain;transition: all .5s;-webkit-filter: grayscale(1);} .zek_home_layout .section8 .item:hover img{-webkit-filter: grayscale(0);} .zek_home_layout .section9 .item .img{padding-top: 56.25%;border-radius: 4px;margin-bottom: 12px;} .zek_home_layout .section9 .item .info{display: flex;align-items: center;flex-wrap: wrap;} .zek_home_layout .section9 .item .info .logo{width: 48px;height: 48px;margin-right: 8px;} .zek_home_layout .section9 .item .info .logo img{width: 100%;height: 100%;object-fit: contain;} .zek_home_layout .section9 .item .info .name{margin-bottom: 0;width: calc(100% - 56px);font-size: 16px;font-weight: 600;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .zek_home_layout .section9 .swiper-button-next,.zek_home_layout .section9 .swiper-button-prev{top: 43%;} .zek_home_bottom{padding: 40px 0;border-top: 1px solid #F2F2F2;} .zek_home_bottom .title{font-size: 16px;font-weight: 600;margin-bottom: 12px;} .zek_home_bottom .title a{color: #212529;} .zek_home_bottom .list{list-style: none;margin-bottom: 0;} .zek_home_bottom .list li{margin-bottom: 12px;} /* tinh-lai-suat */ .index-value-interest-retes .text-input{position: relative;} .index-value-interest-retes .text-input .quantitative{position: absolute;top: 5px;right: 0;} .total-payment{border: 1px solid #F2F2F2;box-shadow: 0px 4px 16px rgb(44 44 44 / 8%);display: flex;flex-wrap: wrap;flex-direction: column;margin-bottom: 0;} .total-payment>*{width: 100%;border-bottom: 1px solid #ccc;padding: 10px 0;} p.txt-index-payment{font-size: 24px;color: #E03C31;} p.txt-payment{font-size: 14px;font-weight: 500;} .total-payment .item-payment.share-all{display: block !important;} .total-payment .item-payment:nth-child(2){order: 2;display: flex;align-items: center;justify-content: space-between;} .total-payment .item-payment:nth-child(2) p.txt-index-payment{font-size: 18px;} .total-payment .item-payment:nth-child(1){order: 3;display: flex !important;align-items: center;justify-content: space-between;} .total-payment .item-payment:nth-child(1) p.txt-index-payment{font-size: 18px;color: #212529;} .total-payment .item-payment:nth-child(3){order: 1;} .total-payment .screen-reader-response{order: 5;display: none;} .total-payment .detail-payment{order: 4;border-bottom: 0;padding-top: 20px;} .detail-payment button{width: 100%;border: 1px solid #E03C31;color: #e03c31;} .detail-payment button:hover{background: #E03C31;color: #fff;} @media (max-width: 1399px) { } @media (max-width: 1199px) { .row{--bs-gutter-x: 20px;} .zek_header_pc .flex{padding: 12px 15px;} .zek_home_news{padding: 40px 0;} .zek_home_news ul.tab-name li button{font-size: 18px;} .zek_home_news .tab-content .col_right{padding-left: 20px;} .zek_home_news .tab-content ul.list li{padding: 8px 0;font-size: 15px;} .zek_home_news .tab-content ul.list li .item .name{font-size: 18px;} .zek_home_layout .section5 .box_grid{grid-gap: 20px;} .zek_home_layout .section5 .item:first-child{height: 400px;} .zek_slider .swiper{margin: 0 -20px;padding: 0 20px;} .swiper-button-next, .swiper-button-prev{width: 26px;height: 26px;} .zek_home_layout .section6 .item .img{margin-bottom: 12px;} .zek_home_layout .section6 .item .info .name .numb{width: 50px;font-size: 34px;} .zek_home_layout .section6 .item .info .name .value{width: calc(100% - 50px);font-size: 14px;} .zek_home_layout .section7 .item{padding: 10px 15px;} .zek_home_layout .section7 .item .icon{width: 42px;height: 42px;} .zek_home_layout .section7 .item .name{width: calc(100% - 54px);font-size: 14px;} .zek_home_layout .section9 .item .info .logo{width: 42px;height: 42px;} .zek_home_layout .section9 .item .info .name{width: calc(100% - 50px);font-size: 14px;} .zek_item_product .info{padding: 12px 12px 12px 18px;} .zek_item_product a.hotline{bottom: 12px;} .zek_project_filter{font-size: 13px;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"] select{padding: 18px 10px 4px;} .zek_project_filter form>ul>li[data-sf-field-input-type="select"] h4{left: 14px;} .zek_project_filter form>ul>li.sf-field-search{padding: 8px 12px;} .zek_project_filter .options{padding-left: 12px;} #zek_project_page .col-sidebar{width: 280px;} #zek_project_page .col-content{width: calc(100% - 280px);} .zek_project_sidebar .title{margin-bottom: 12px;} .zek_project_sidebar .linkall{font-size: 13px;} .zek_project_sidebar .post_object1 .item .info{bottom: 12px;left: 12px;} .zek_project_sidebar .post_object1 .item .info .name{font-size: 14px;} .zek_item_project .info .date{font-size: 13px;} .zek_item_project .info .desc{font-size: 13px;} .zek_item_project .info .address{font-size: 13px;} .zek_detail_account{padding: 10px;} .zek_detail_account .avata span{width: 50px;height: 50px;} .zek_detail_account .buttons{margin-top: 14px;} .zek_detail_account .buttons a{padding: 8px 12px;} .zek_detail_links{padding: 10px;} .zek_detail_title{font-size: 20px;} .zek_detailpro_body .col-sidebar{width: 280px;} .zek_detailpro_body .col-content{width: calc(100% - 280px);} .detailpro_title{font-size: 22px;} .zek_detailpro_contact{padding: 16px;} .total-payment{padding: 12px;} p.txt-index-payment{font-size: 20px;} .total-payment .item-payment:nth-child(1) p.txt-index-payment{font-size: 16px;} .total-payment .item-payment:nth-child(2) p.txt-index-payment{font-size: 16px;} .zek_detailpro_banthue .zek_home_estate{padding: 20px !important;} .zek_home_estate .item .info{padding: 10px;} .zek_detailpro_related .swiper-button-prev{top: -22px;} .zek_detailpro_related .swiper-button-next{top: -22px;} .zek_detailpro_tab .tab li a{font-size: 16px;} #zek_page_account .block_page .block .inner{padding: 20px;} #zek_page_account .block_page .block .inner .title{font-size: 20px;} #zek_page_account .block_page .block .inner input[type=submit]{padding: 10px 20px;} .zek_project_select .swiper-pagination{padding-right: calc(50% - 470px);} } @media (max-width: 991px) { .zek_header_pc{display: none;} .zek_header_mb{display: block;box-shadow: 0px 4px 10px rgb(182 182 182 / 18%)} .zek_header_mb.head.navbar-fixed-top{box-shadow: 0px 4px 10px rgb(182 182 182 / 18%);position: fixed;z-index: 999;top: 0;left: 0;width: 100%;background-color: #fff;} .zek_header_logo_mb{text-align: center;padding: 5px;} .zek_header_logo_mb img{max-width: 100px;max-height: 60px;} .zek_touch_menu{display: block;margin-right: 15px;width: 32px;height: 32px;position: relative;cursor: pointer;} .zek_touch_menu:after,.zek_touch_menu:before{content: "";display: block;width: 24px;height: 2px;background-color: #212529;position: absolute;left: 3px;} .zek_touch_menu span{display: block;width: 24px;height: 2px;background-color: #212529;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);} .zek_touch_menu:after{bottom: 7px;} .zek_touch_menu:before{top: 7px;} #zek_menu_mobile{width: 300px;height: 100%; background-color: #F2F2F2;-webkit-transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s;z-index: 9999;position: fixed; top: 0; left: 0; -webkit-transform: translateX(-300px); transform: translateX(-300px);overflow-y: scroll;} #zek_menu_mobile::-webkit-scrollbar{display: none;} #zek_menu_mobile .box_account .login{display: flex;flex-wrap: wrap;padding: 24px;justify-content: space-between;align-items: center;} #zek_menu_mobile .box_account .login a{display: block;width: calc(50% - 6px);text-align: center;font-weight: 500;background-color: #fff;border-radius: 5px;padding: 8px 12px;} #zek_menu_mobile .box_account .login a:last-child{width: 100%;margin-top: 12px;background-color: #e03c31;color: #fff;} #zek_menu_mobile .box_account .account{padding: 24px;} #zek_menu_mobile .box_account .account .box{ cursor: pointer; display: flex; align-items: center;font-weight: 600;font-size: 18px;margin-bottom: 12px;} #zek_menu_mobile .box_account .account .box span{ width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #74150F; background-color: #FFECEB; margin-right: 12px;} #zek_menu_mobile .box_account .account .dangtin{display: block;width: 100%;background-color: #e03c31;color: #fff;text-align: center;border-radius: 5px;padding: 8px 12px;font-weight: 600;} #zek_menu_mobile .box_account .account .list{list-style: none;margin-bottom: 0;margin-top: 12px;} #zek_menu_mobile .box_account .account .list li a{display: block;padding: 6px 0;} #zek_menu_mobile .logout a{display: block;padding: 12px 24px;font-weight: 500;} body.zek_active{overflow: hidden;} body.zek_active #zek_menu_mobile{ -webkit-transform: translateX(0); transform: translateX(0);} #zek_menu_mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;} #zek_menu_mobile .menu{display: -ms-flexbox; display: flex;background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; list-style: none; padding: 0; margin: 0;} #zek_menu_mobile .menu li{position: relative;margin-left: 0;} #zek_menu_mobile .menu>li{border-bottom: solid 1px #f2f2f2;} #zek_menu_mobile .menu li>a{display: flex; padding: 12px 24px !important;font-weight: 500;} #zek_menu_mobile .menu>li ul{display: none;} #zek_menu_mobile .menu>li ul li>a{padding: 10px 24px !important;font-weight: normal;} #zek_menu_mobile .menu li>i{position: absolute;right: 0;top: 0;width: 40px;height: 40px;line-height: 40px;font-size: 14px; text-align: center;z-index: 2;cursor: pointer;} #zek_menu_mobile .menu>li>ul ul{} #zek_web{-webkit-transition: margin .5s; transition: margin .5s;} body.zek_active #zek_web{margin-left: 300px;margin-right: -300px;} .zek_line_dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999} body.zek_active .zek_line_dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 15 15,default;} .zek_supports{right: 20px;} .zek_home_news .banner_right{display: none;} .zek_home_news ul.tab-name li button{font-size: 16px;} .zek_home_news .tab-content a.link{top: -32px;} .group_title ul{font-size: 13px;} .title_home{font-size: 20px;} .group_title{margin-bottom: 20px;} .zek_home_layout{padding: 20px 0;} .zek_home_layout .section5 .item .name{font-size: 16px;} .zek_home_layout .section5 .item .name span{font-size: 13px;} .zek_home_layout .section5 .item{height: 160px;} .zek_home_layout .section5 .item:first-child{height: 340px;} .zek_home_bottom{font-size: 13px;} .zek_home_layout .section7 .item{padding: 10px;} .zek_home_layout .section7 .item .icon{width: 38px;height: 38px;} .zek_home_layout .section7 .item .name{width: calc(100% - 50px);} .zek_home_layout .section8 .item{height: 100px;} .zek_home_layout .section8 .item img{max-height: 70px;} .zek_footer_support{justify-content: flex-start;margin-top: 12px;} .zek_footer_main .apps{margin-top: 16px;} .zek_footer_main .widget{padding-top: 20px;} .zek_page_title{font-size: 20px;} .zek_block_news .col-content{width: 100%;} .zek_block_news .col-sidebar{display: none;} .zek_single_title{font-size: 20px;} .zek_project_filter .options{padding-left: 12px;display: none;} .zek_project_filter form:not(#zek_project_page .zek_project_filter form){width: 100%;} .zek_project_filter form>ul>li{width: 23%;} .zek_project_filter form>ul>li.sf-field-search{width: 100%;} .zek_project_filter form>ul>li.sf-field-reset{width: 8%;} .zek_taxonomy_title{font-size: 20px;} .none_mb{display: none;} #zek_project_page .col-content{width: 100%;} #zek_project_page .col-sidebar{width: 100%;} .this_mb{display:block;} .zek_detail_info_user .inner .info .avata{width: 64px;height: 64px;display: flex;border-radius: 50%;justify-content: center;align-items: center;background-color: #FFECEB;color: #74150F;font-size: 18px;font-weight: 600;margin-right: 20px;} .zek_detail_info_user .inner .info .box .name{font-size: 16px;font-weight: 600;margin-bottom: 4px;} .zek_detail_info_user .inner .info .box .related a{color: #E03C31;} .zek_detail_info_user .inner .buttons a{display: inline-block;padding: 12px 24px;border-radius: 6px;border: solid 1px #ccc;font-weight: 600;} .zek_detail_info_user .fixed_bot{position: fixed;z-index: 99;bottom: 0;left: 0;width: 100%;background-color: #fff;box-shadow: 0px -2px 2px rgb(203 203 203 / 25%);display: flex;justify-content: space-between;align-items: center;padding: 16px;} .zek_detail_info_user .fixed_bot a.mail{display: flex;align-items: center;justify-content: center;height: 48px; width: 130px;border: 1px solid #ccc;border-radius: 8px;padding: 0 12px;font-weight: 600;} .zek_detail_info_user .fixed_bot a.mail i{margin-right: 5px;margin-top: 2px;font-size: 16px;} .zek_detail_info_user .fixed_bot a.hotline{width: calc(100% - 146px);margin-left: 16px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: #009BA1;color: #fff;font-weight: 600;border-radius: 8px;} .zek_detail_info_user .fixed_bot a.hotline i{margin-right: 5px;font-size: 18px;} .zek_project_select .item{height: 360px;} .zek_project_select .item .info .name{font-size: 24px;} .zek_project_select .swiper-pagination{padding-right: calc(50% - 350px);} .zek_detailpro_gallery .block_info .it .icon{width: 40px;height: 40px;font-size: 26px;} .zek_detailpro_gallery .block_info .it.price .icon{border-width: 2px;} .zek_detailpro_gallery .block_gallery .img .zek_background{height: 130px;} .zek_detailpro_gallery .block_gallery .img:first-child .zek_background{height: 262px;} .zek_detailpro_gallery .block_status{top: 14px;left: 14px;} .zek_detailpro_gallery .block_status a{height: 30px;line-height: 30px;font-size: 13px;} .zek_detailpro_tab .tab li:not(:last-child){margin-right: 18px;} .zek_detailpro_tab .tab li a{padding-bottom: 10px;font-size: 14px;} .detailpro_title{font-size: 18px;} .zek_detailpro_body .col-content{width: 100%;} .zek_detailpro_body .col-sidebar{width: 100%;} .detailpro_info .it{padding: 10px 0;} .zek_detailpro_contact {margin-top: 24px;} } @media(max-width:767px) { body{font-size: 13px;} /* Content-post-mb */ .columns-4,.columns-5,.columns-6{grid-template-columns:repeat(2,1fr);grid-gap:15px} .columns-3,.columns-2{grid-template-columns:repeat(1,1fr);grid-gap:15px} .content-post h1{font-size:24px;} .content-post h2{font-size:20px;} .content-post h3{font-size:18px;} .content-post h4{font-size:16px;} .content-post h5,.content-post h6{font-size:14px;} .content-post .alignnone{margin:0 10px 10px 0} .content-post .aligncenter,.content-post div.aligncenter{margin:10px auto} .content-post .alignright{margin:0 0 10px 10px} .content-post .alignleft{margin:0 10px 10px 0} a img.alignright{margin:0 0 10px 10px} a img.alignnone{margin:0 10px 10px 0} a img.alignleft{float:left;margin:0 10px 10px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption.alignnone{margin:0 10px 10px 0} .wp-caption.alignleft{margin:0 10px 10px 0} .wp-caption.alignright{margin:0 0 10px 10px} .content-post .gallery{margin:-5px!important} .content-post .gallery .gallery-item{padding:5px;margin-top:0!important} .content-post .gallery.gallery-columns-3 .gallery-item,.content-post .gallery.gallery-columns-4 .gallery-item,.content-post .gallery.gallery-columns-5 .gallery-item{width:50%!important} .content-post .gallery.gallery-columns-6 .gallery-item,.content-post .gallery.gallery-columns-7 .gallery-item,.content-post .gallery.gallery-columns-8 .gallery-item,.content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 3)!important} .zek_home_banner .item .img{padding-top: 50%;} .zek_home_news .tab-content .col_right{width: 100%;padding-left: 0;} .zek_home_news .tab-content ul.list li{padding: 12px 0;} .zek_home_news .tab-content ul.list li .item{position: unset;opacity: 1;display: flex;flex-wrap: wrap;width: 100%;} .zek_home_news .tab-content ul.list li>a{display: none;} .zek_home_news .tab-content ul.list li .item .img{margin-bottom: 0;width: 200px;padding-top: 0;height: 120px;} .zek_home_news .tab-content ul.list li .item .box{width: calc(100% - 200px);padding-left: 12px;} .zek_home_news .tab-content ul.list li .item .name{font-size: 16px;} .zek_home_layout .section5 .box_grid{display: flex;flex-wrap: wrap;justify-content: space-between;grid-gap: 0;} .zek_home_layout .section5 .item{width: calc(50% - 10px);margin: 5px 0 15px;} .zek_home_layout .section5 .item:first-child{width: 100%;} .zek_home_layout .section5 .box_tags{margin-top: 10px;} .zek_home_layout .zek_section:not(:last-child){padding-bottom: 30px;} .zek_home_bottom{padding: 30px 0;} .zek_home_bottom .title{font-size: 14px;} #footer{padding: 30px 0 20px;} .zek_footer_support .it{margin-right: 20px;display: block;} .zek_footer_support .it .icon{margin-right: 0;margin-bottom: 6px;} .zek_footer_main .f-widget{margin-top: 10px;} .zek_project_filter form > ul > li[data-sf-field-input-type="select"] select{height: 48px;padding: 14px 8px 0px;} .zek_project_filter form > ul > li[data-sf-field-input-type="select"] h4{left: 8px;top: 4px;} #zek_page_default{padding: 20px 0;} .zek_item_product .thumb{width: 200px;} .zek_item_product .info{width: calc(100% - 200px);padding: 10px 10px 10px 15px;} .zek_item_product .info .top{margin-bottom: 8px;} .zek_item_product a.hotline{right: 10px;bottom: 10px;height: 30px;line-height: 30px;} .zek_project_select .item{height: 300px;} .zek_detailpro_gallery .block_gallery .img .zek_background{height: 100px;} .zek_detailpro_gallery .block_gallery .img:first-child .zek_background{height: 202px;} .zek_detailpro_gallery .block_info{left: 10px;bottom: 10px;width: 50%;} .zek_detailpro_gallery .block_info .it{padding-right: 12px;margin-right: 12px;} .zek_detailpro_tab .container{overflow-x: scroll;} .zek_detailpro_tab .tab{flex-wrap: nowrap;width: max-content;overflow: hidden;} .zek_detailpro_banthue .swiper{padding-right: 0;} .zek_detail_quickinfo .info{width: 100%;} .zek_detail_quickinfo .suport{width: 100%;justify-content:flex-start;margin-top: 10px;} .zek_detail_quickinfo .suport a, .zek_detail_quickinfo .suport button{width: 32px;height: 32px;} #zek_page_account .block_page{width: 100%;} #zek_page_account .block_sidebar{display: none;} } @media(max-width:575px) { .zek_home_banner .item .img{height: 340px;} .zek_home_news{padding: 30px 0;} .zek_home_news ul.tab-name li button{padding: 8px 10px;} .zek_home_estate{padding: 30px 0;} .zek_home_banner .inner .options li button{padding: 0 12px;} .zek_home_banner .inner .search_filter form > ul > li[data-sf-field-name="search"] input{padding: 0 130px 0 20px;} .zek_home_banner .inner .search_filter form > ul > li:first-child{position: relative;border: 1px solid #f2f2f2;border-radius: 5px;width: calc(100% - 144px);height: 40px; margin-bottom: 8px;} .zek_home_banner .inner .search_filter form > ul > li:first-child h4{color: #fff;} .zek_home_banner .inner .search_filter form > ul > li[data-sf-field-name="submit"]{top: 1px;} } @media(max-width:490px) { .zek_home_estate .col-item{width: 100%;} .zek_item_news:first-child .img{width: 100%;} .zek_item_news:first-child .info{width: 100%;padding-left: 0;padding-top: 12px;} .zek_item_news .info .desc{display: none;} .zek_single_title{font-size: 18px;} .zek_project_filter form > ul{position: relative;} .zek_project_filter form > ul > li{width: 50%;} .zek_project_filter form > ul > li.sf-field-reset{position: absolute;top: 8px;right: 10px;} .zek_taxonomy_box form{width: 164px;} .zek_item_product .thumb{width: 100%;} .zek_item_product .info{width: 100%;} .zek_detailpro_gallery .block_gallery .img{width: 50%;} .zek_detailpro_gallery .block_gallery .img:first-child{width: 100%;} .zek_detailpro_gallery .block_info{width: 100%;bottom: auto;top: 140px;} .zek_detail_info_user .inner .info .avata{width: 60px;height: 60px;margin-right: 14px;} .zek_detail_info_user .inner .buttons a{padding: 8px 10px;} .zek_detail_info .list .it{width: 100%;} #zek_page_account .block_page .block .inner .accordion-item .accordion-collapse .bankcode ul li{width: calc(100% / 3)} #zek_page_account{min-height: initial;} .zek_home_banner .inner .search_filter form > ul > li h4:not(.zek_home_banner .inner .search_filter form > ul > li:first-child h4){padding: 0 10px;} .zek_home_banner .inner .search_filter form > ul > li h4::after{right: 0;} .zek_home_news .tab-content ul.list li .item .img{width: 160px;} .zek_home_news .tab-content ul.list li .item .box{width: calc(100% - 160px);} .zek_home_news ul.tab-name li button{font-size: 14px;} .zek_home_news .tab-content a.link{top: -30px;} }