/*
Theme Name: DEV ZEKVN
Theme URI: https://zek.vn/
Author: Zekvn
Author URI: https://zek.vn/
Version: 1.0
Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng.
*/
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Thin.ttf);font-style: normal;font-weight: 200;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-ThinItalic.ttf);font-style: italic;font-weight: 200;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Light.ttf);font-style: normal;font-weight: 300;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-LightItalic.ttf);font-style: italic;font-weight: 300;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Regular.ttf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Italic.ttf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Medium.ttf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-MediumItalic.ttf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-SemiBold.ttf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-SemiBoldItalic.ttf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Bold.ttf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-BoldItalic.ttf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-ExtraBold.ttf);font-style: normal;font-weight: 800;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-ExtraBoldItalic.ttf);font-style: italic;font-weight: 800;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-Black.ttf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'BaiJamjuree';src:url(fonts/BaiJamjuree-BlackItalic.ttf);font-style: italic;font-weight: 900;}
:root {
overflow-x: hidden;
}
.related-product{margin-top: 50px}
.related-product .zek_title{margin-bottom: 50px}
.footer-social{position: fixed;bottom: 100px;right: 20px;z-index: 9999;}
.footer-social li{list-style: none;margin-bottom: 10px;}
.footer-social li a{display: block;animation: vibrate linear 2s infinite;box-shadow: 0px 0px 5px 0px #00000033;animation-iteration-count: infinite;border-radius: 50%;padding: 5px;width: 46px;height: 46px;background: #fff;}
.footer-social li img{width: 100%;height: 100%;object-fit: contain; border-radius: 50%;}
@keyframes vibrate {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(-15deg); }
  20% { transform: rotate(15deg); }
  30% { transform: rotate(0deg); }
  40% { transform: rotate(15deg); }
  50% { transform: rotate(-15deg); }
  60% { transform: rotate(0deg); }
  70% { transform: rotate(-15deg); }
  80% { transform: rotate(15deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(-15deg); }
}
.zek_contact_form-top nf-rows-wrap{display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0 -15px;}
.zek_contact_form-top nf-rows-wrap > div{width: 50%;padding: 0 15px;}
body{overflow-x: hidden;font-family: 'BaiJamjuree';font-size: 16px}
*{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: #ed7f33;}
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: 5;}
.capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal}
.screen-reader-text{display:none}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff}
@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: 280px){
.container, .container-sm {--bs-gutter-x: 20px;}
}
@media (min-width: 640px){
.container, .container-md, .container-sm {--bs-gutter-x: 60px;}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {--bs-gutter-x: 60px;}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {--bs-gutter-x: 60px;}
}
@media (min-width: 1280px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 100px;}
}
@media (min-width: 1920px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 324px;}
}
.container{max-width: 100%}
.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)}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
/* 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}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
#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:28px;}
.content-post h2{font-size:24px;}
.content-post h3{font-size:20px;}
.content-post h4{font-size:18px;}
.content-post h5,.content-post h6{font-size:16px;}
.content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6}
.content-post .gallery{display:flex;flex-wrap:wrap;margin:-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:10px 0 15px 15px}
.content-post .alignleft{float:left;margin:10px 15px 15px 0}
a img.alignright{float:right;margin:10px 0 15px 15px}
a img.alignnone{margin:10px 15px 15px 0}
a img.alignleft{float:left;margin:10px 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:10px 15px 15px 0}
.wp-caption.alignleft{margin:10px 15px 15px 0}
.wp-caption.alignright{margin:10px 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;}
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:10px}
.block_slider{margin:-15px}
.item_slider{padding:15px}
.zek_supports{position: fixed;right: 0;bottom: 0;z-index: 999;width: 170px;height: 170px;display:flex;align-items:center;justify-content:center}
.zek_supports .toggle{position:relative;height:60px;width:60px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:36px;cursor:pointer;transition:1.25s;z-index:5}
.zek_supports.active .toggle{transform:rotate(360deg);box-shadow:0 6px 8px rgba(0,0,0,0.15),0 0 0 2px #333,0 0 0 8px #fff}
.zek_supports .item{position:absolute;left: -20px;list-style:none;transition:.5s;transform: rotate(calc(130deg/3 * var(--i)));transform-origin: 110px;scale:0;transition-delay:calc(0.05s * var(--i))}
.zek_supports.active .item{scale:1;}
.zek_supports .item a{position:relative;display:flex;transform:rotate(calc(360deg/-8 * var(--i)));width: 50px;height: 50px;background-color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);transition:.5s;background: #362097}
.zek_supports .item svg{transition: .3s}
.zek_supports .item:hover svg{transform: scale(1.1);}
.zek_backtop{position: fixed;right: 66px;bottom: 130px;transition: .5s}
.zek_supports.active .zek_backtop{opacity: 0;visibility: hidden;}
.zek_backtop a{height:40px;width:40px;background:#fff;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;color:#333;font-size:24px}
/* Header */
#header{background: #ed7f33;}
.zek_header_mb{display: none;}
.zek_header_menu .menu li>i{display: none;}
.zek_header_menu ul{list-style: none;margin-bottom: 0;}
.zek_header_menu .menu{display: flex;align-items: center;}
.zek_header_menu .menu>li{display: block;margin: 0 4px}
.zek_header_menu .menu li{position: relative;}
.zek_header_menu .menu>li>a{display: block;font-weight: 500;font-size: 16px;text-transform: uppercase;border-radius: 12px;padding: 6px 12px;color: #fff;}
.zek_header_menu .menu>li.current-menu-item>a{background: #f0f0f6;color: #333;}
.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;font-size: 16px;}
.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{padding: 10px 0;}
.zek_header_logo img{max-height: 80px}
.zek_right_btn ul{list-style: none;margin-bottom: 0}
.zek_right_btn .menu{display: flex;margin-left: 16px}
.zek_right_btn .menu li a{border-radius: 4px;overflow: hidden;display: flex;border: 1px solid transparent;}
.zek_right_btn .menu li.current-lang a {border:1px solid #ec7f33;}
.zek_right_btn .menu li:not(:last-child){margin-right: 12px}
.zek_right_btn{display: flex;align-items: center;gap: 20px;}
.zek_header_search{display: flex;}
.zek_header_search svg{color: #fff;width: 20px;cursor: pointer;}
.zek_header_social{list-style: none;margin-bottom: 0;display: flex;align-items: center;gap: 15px;}
.zek_header_social svg{fill: #fff;min-width: 18px;height: 18px;transition: all .3s;}
.zek_header_social svg:hover{fill: #d9d9d9;}


/* Footer */
footer{background: #d9d9d9;overflow: hidden;}
.zek_footer_main .container{padding-left: 0;}
.zek_footer_main .widget{display: flex;padding-top: 24px;padding-bottom: 24px;}
.zek_footer_main .widget:not(:last-child){border-right: 1px solid #fff}
.zek_footer_main .row{margin-bottom: 0;margin-top: 0;}
.zek_footer_main .col-logo{padding: 0;background: #ec7f33;}
.zek_footer_main .logo{display: flex;align-items: center;justify-content: center;width: 100%;}
.zek_footer_main .logo img{object-fit: contain;max-height: 180px;}
.zek_footer_main ul{list-style: none;margin-bottom: 0}
.zek_footer_main ul li{display: flex;margin-bottom: 16px}
.zek_footer_main ul li:last-child{margin-bottom: 0;}
.zek_footer_main ul li svg{width: 20px;margin-right: 12px;flex-shrink: 0;margin-top: 5px;}
.zek_footer_main .btn_fancybox{display: inline-block;padding: 4px 12px;background: #fff;color: #003d56;border-radius: 10px;}
.zek_copyright{text-align: center;font-size: 12px;padding: 21px 0;}
/* Page */
.zek_breadcrumbs{padding:10px 0;background:#f5f5f5}
.zek_breadcrumbs *{margin-bottom: 0;}
.breadcrumbs .separator{margin:0 3px;font-size: 14px;}
.breadcrumbs *{margin-bottom:0}
#zek_page_default{padding: 60px 0;}
.zek_page_title{font-size: 26px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}
.zek_footer_title{font-weight: 700;margin-bottom: 24px}
/* Liên hệ */
.zek_content_contact .row{--bs-gutter-x: 90px;}
.zek_contact_map iframe{width: 100%;min-height: 1177px;height: 100%}
.zek_contact_form .title{font-size: 32px;font-weight: 700;color: #ec7f33;margin: 24px 0}
.zek_contact_form .desc {margin: 0 0 26px 0}
.zek_contact_form .nf-form-fields-required{display: none}
.zek_contact_form .nf-form-content{padding: 0;}
.zek_contact_form  .nf-multi-cell nf-cells{margin: 0 -12px;display: block;}
.zek_contact_form  .nf-multi-cell .nf-cell{padding: 0 12px}
.zek_contact_form  .nf-form-content label{font-size: 16px;}
.zek_contact_form input,.zek_contact_form textarea{border: 1px solid #00000014 !important;border-radius: 10px !important;background: #fff !important}
.zek_contact_form .nf-error.field-wrap .nf-field-element:after{border-radius: 0 10px 10px 0 !important}
.zek_contact_form input[type="submit"]{background: #ec7f33 !important;color: #fff !important;line-height: normal;font-size: 18px;font-weight: bold;height: 54px !important;padding: 12px 20px !important;}
.zek_contact_map{height: 100%}
/* Giới thiệu */
.zek_about_banner{text-align: center;}
.zek_about_banner img{width: 100%}
.zek_about_heading{font-size: 48px;text-align: center;text-transform: uppercase;color: #ec7f33;  font-weight: 700;margin-bottom: 60px}
.zek_about1 .img,.zek_about2 .img,.zek_about4 .img{height: 100%;display: flex;align-items: center;}
.zek_about1 .img img,.zek_about2 .img img,.zek_about4 .img img{border-radius: 12px;min-height: 100%;}
.zek_about1 .inner,.zek_about2 .inner{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.zek_about_title{margin-bottom: 40px;text-transform: uppercase;font-weight: 500;font-size: 32px;color: #003d56;}
.row50{--bs-gutter-x: 50px;}
.zek_about2{position: relative;}
.zek_about2 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1}
.mySwiper_about .swiper-pagination{position: unset;margin-top: 20px}
.zek_about3 .desc,.zek_about4 .desc{margin-bottom: 24px}
.zek_about31{background: #003d56;}
.zek_about31 .zek_about_title{color: #fff;}
.zek_about31 .swiper-button-next{right: -40px;color: #fff;margin-top: 25px;}
.zek_about31 .swiper-button-prev{left: -40px;color: #fff;margin-top: 25px;}
.zek_about31 .logo{aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #fff;}
.zek_about31 .logo img{object-fit: contain;max-width: 70%;max-height: 70%;}
.zek_about1 a.btnimgs img{max-width: 210px}
/* Danh mục */
.zek_banner_pages{position: relative;min-height: 360px;display: flex;align-items: flex-end;}
.zek_banner_pages .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1}
.zek_banner_pages .bg img{height: 100%;min-width: 100%;object-fit: cover;}
.zek_banner_pages .bg:before{content: '';background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.zek_banner_pages .text{padding: 60px 0;color: #fff;font-size: 40px;font-weight: 700;position: relative;width: 100%}
.zek_banner_pages .text .title{display: flex;align-items: center;position: relative;padding-left: 20px;flex-wrap: wrap;}
.zek_banner_pages .text .title:before{content: '';width: 7px;height: 100%;border-radius: 10px;background: #fff;display: block;position: absolute;top: 0;left: 0}
.zek_banner_pages .text h1{font-size: 40px;font-weight: 700;margin-bottom: 0;display: inline;}
.zek_catchild{padding: 40px 0}
.zek_catchild .title{color: #2F4858;font-size: 30px;font-weight: 700;margin-bottom: 35px}
.zek_catchild:nth-child(even){background: #f9f1f1;}
.zek_catchild .item {display: block;text-align: center;}
.zek_catchild .box{background: #FFE5DA;padding: 50px;border-radius: 20px;}
.zek_catchild .box .touch{margin-top: 20px}
.zek_catchild .box .touch a{display: inline-block;padding: 0 80px;height: 60px;border-radius: 30px;
border: 2px solid #FFF;background: #ec7f33;color: #FFF;display: inline-flex;align-items: center;}
/* Chi tiết sản phẩm */
.zek_product_head {position: relative;padding: 0 18%}
.zek_product_head .row{position: relative;z-index: 1}
.zek_product_head .nextprev_product{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;}
.zek_product_head .nextprev_product .cols{width: 18%}
.zek_product_head .nextprev_product .col-left{text-align: right;padding-right: 24px}
.zek_product_head .nextprev_product .col-right{padding-left: 24px}
.zek_product_head .nextprev_product span{opacity: .6}
.zek_product_head .product_info .product-title{font-size: 32px;font-weight: 700;}
.zek_product_head .product_info .product-title:after{content: '';background: #003d56;height: 6px;width: 80%;display: block;margin: 16px 0 24px}
.zek_product_head .product_thumbnail a{cursor: zoom-in;display: block;}
.zek_product_album{padding: 40px 0}
.zek_product_album .swiper-slide{height: auto;}
.zek_product_album .item{height: 100%;}
.zek_product_album .item img{height: 100%;border-radius: 30px;object-fit: cover;}
.zek_product_album  .swiper-button-next:after,.zek_product_album  .swiper-button-prev:after{display: none}
.zek_product_album  .swiper-button-next{right: -44px;}
.zek_product_album  .swiper-button-prev{left: -44px}
.zek_product_album  .swiper-button-prev ,.zek_product_album  .swiper-button-next {font-size: 48px;width: auto;height: auto;color: #ec7f33;width: 36px}
.zek_product_content ul{list-style: none;padding-left: 0}
.zek_product_content ul li{display: flex;}
.zek_product_content ul li:before{content: '';width: 13px;height: 14px;margin-right: 7px;background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7.09009C0 5.90259 0.296875 4.79842 0.890625 3.77759C1.47396 2.788 2.26042 2.00155 3.25 1.41821C4.27083 0.824463 5.375 0.527588 6.5625 0.527588C7.75 0.527588 8.85417 0.824463 9.875 1.41821C10.8646 2.00155 11.6458 2.788 12.2188 3.77759C12.8125 4.79842 13.1094 5.90259 13.1094 7.09009C13.1094 8.27759 12.8125 9.38175 12.2188 10.4026C11.6458 11.3922 10.8646 12.1734 9.875 12.7463C8.85417 13.3505 7.75 13.6526 6.5625 13.6526C5.375 13.6526 4.27083 13.3505 3.25 12.7463C2.26042 12.1734 1.47396 11.3922 0.890625 10.4026C0.296875 9.38175 0 8.27759 0 7.09009ZM12.5469 7.09009C12.5469 6.00675 12.276 4.99634 11.7344 4.05884C11.2031 3.163 10.4844 2.44946 9.57812 1.91821C8.65104 1.37655 7.64583 1.10571 6.5625 1.10571C5.47917 1.10571 4.46875 1.37655 3.53125 1.91821C2.63542 2.44946 1.92188 3.163 1.39062 4.05884C0.838542 4.99634 0.5625 6.00675 0.5625 7.09009C0.5625 8.17342 0.838542 9.17863 1.39062 10.1057C1.92188 11.012 2.63542 11.7307 3.53125 12.262C4.46875 12.8036 5.47917 13.0745 6.5625 13.0745C7.64583 13.0745 8.65104 12.8036 9.57812 12.262C10.4844 11.7307 11.2031 11.012 11.7344 10.1057C12.276 9.17863 12.5469 8.17342 12.5469 7.09009ZM10.125 4.71509C10.1146 4.70467 10.1094 4.69946 10.1094 4.69946L10.0938 4.68384C9.97917 4.59009 9.84635 4.55103 9.69531 4.56665C9.54427 4.58228 9.42188 4.64217 9.32812 4.74634L6.0625 8.37134L4.45312 6.46509C4.35938 6.3505 4.23438 6.2854 4.07812 6.26978C3.92188 6.25415 3.78125 6.29582 3.65625 6.39478C3.53125 6.49373 3.46354 6.62134 3.45312 6.77759C3.44271 6.93384 3.48958 7.07446 3.59375 7.19946L5.60938 9.60571C5.70312 9.7203 5.82812 9.7854 5.98438 9.80103C6.14062 9.81665 6.28125 9.77238 6.40625 9.66821L6.48438 9.60571L10.1406 5.48071C10.2344 5.37655 10.2812 5.24894 10.2812 5.0979C10.2812 4.94686 10.2292 4.81925 10.125 4.71509Z' fill='%23DA251C'/%3E%3C/svg%3E%0A");
display: block;flex-shrink: 0;margin-top: 5px}
/* Category */
.zek_category_content{margin-bottom: 15px;}
.zek_item_news{padding-bottom: 38px;
margin-bottom: 38px;
border-bottom: 1px solid #ec7f33;}
.zek_item_news .img{padding-top: 60%;border-radius: 10px;}
.zek_item_news .img .date{position: absolute;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;font-weight: 600; left: -10px;top: 20px;background: #ec7f33;width: 54px;height: 54px;border-radius: 4px;color: #fff;text-align: center;font-size: 14px;}
.zek_item_news .img .date span{display: block;}
.zek_item_news .info .name{font-size: 20px;font-weight: 700;margin-bottom: 23px;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.zek_item_news .info .name a{color: #ec7f33;}
.zek_item_news .info .desc{overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.pagination{justify-content: flex-end;padding: 20px 0 10px;font-size: 24px;font-weight: 600;}
.pagination ul{margin-bottom: 0;list-style: none;}
.pagination ul li{display: inline-block;margin: 0 24px;}
.pagination ul li span,.pagination ul li a{display: block;padding: 2px 8px;
border-radius: 4px;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background-color: #ebf3ff;}
.zek_cat_hot{background: #003d56;padding: 50px 0;color: #fff}
.zek_cat_hot > * > .row{--bs-gutter-x:54px;}
.zek_cat_hot .item .img a{display: block;padding-top: 60%;position: relative;border-radius: 10px;overflow: hidden;}
.zek_cat_hot .item .img a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.zek_cat_hot .item.item_second:not(:last-child){padding-bottom: 38px;margin-bottom: 38px;border-bottom: 1px solid #fff}
.zek_cat_hot .item.item_first .capt{font-size: 32px;margin: 30px 0;font-weight: 700;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.zek_cat_hot .item .capt a{color: #fff}
.zek_cat_hot .item .desc{overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.zek_cat_hot .item.item_second .capt{font-size: 20px;font-weight: 700;margin-bottom: 23px;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.zek_block_category{padding: 70px 0}
.zek_cat_title{font-size: 48px;margin-bottom: 70px;font-weight: 700;color: #ec7f33;text-align: center;}
.zek_item_news > .row{--bs-gutter-x: 30px;}
.zek_item_product .imgs a{display: block;padding-top: 60%;position: relative;}
.zek_item_product .imgs img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.zek_about35 .zek_block:not(:last-child){padding-bottom: 60px;}
.zek_about35 .item{text-align: center;}
.zek_about35 .item .label{margin-top: 15px}
.zek_about35 .item .img{padding-top: 66%;position: relative;}
.zek_about35 .item .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.zek_about35 .slick-track{margin: -15px}
.zek_about35 .slick-slide{padding: 15px}
.zek_about35 .slick-dots {list-style: none;margin-bottom: 0;margin-top: 20px;display: flex;align-items: center;justify-content: center;}
.zek_about35 .slick-dots li{margin: 0 10px 0 0}
.zek_about35 .slick-dots li button{border: none;background-color:#000 ;font-size: 0;opacity: .2;width: 8px;height: 8px;border-radius: 100%;display: block;}
.zek_about35 .slick-dots li.slick-active button{opacity: 1;background-color: #ec7f33}
.zek_about35 .swiper-slide .img{overflow: hidden;border-radius: 10px;}
.zek_about35 .swiper-slide .img img{height: 100%;}
.col5{max-width: 20%}
.zek_about25{padding-top: 0}
/* Single */
.zek_single_title{font-size:32px;font-weight:700;margin-bottom: 53px;color: #ec7f33;}
.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{text-transform: uppercase;font-weight: 700;font-size: 36px;padding: 45px 0;color: #ec7f33;}
.zek_single_related .item .img{padding-top: 60%;}
.zek_single_related .item .name{margin-bottom: 0;font-size: 16px;font-weight: 500;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;}
.zek_single_related .item{padding-bottom: 38px;
margin-bottom: 38px;
border-bottom: 1px solid #ec7f33;}
.col-sidebar{border-left: 1px solid #efefef}
.zek_block_single >  .row{--bs-gutter-x: 100px;}
.zek_single_box{padding: 100px 0}
/* Sidebar */
.zek_sidebar .widget:not(:last-child){margin-bottom:30px}
.zek_sidebar_title{font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.zek_sidebar_post .item:not(:last-child){margin-bottom: 15px;}
.zek_sidebar_post .item .img{padding-top: 56.25%;margin-bottom: 10px;}
.zek_sidebar_post .item .info .name{font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.zek_sidebar_post .item .info .date{color: rgba(20,22,35,0.6);font-size: 14px;}
.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;}

.menu_application .title{font-weight: bold;font-size: 22px;margin-bottom: 20px;}
.menu_application .list{list-style: none;margin-bottom: 0;font-weight: 500;}
.menu_application .list li{margin-bottom: 15px;}


/* Home */
.zek_home_banner{position: relative;}
.zek_home_banner .swiper-slide{height: auto;}
.zek_home_banner .swiper-slide img{height: 100%;width: 100%;object-fit: cover;height: calc(100vh - 100px);}
.zek_home_banner .swiper:after {
background: linear-gradient(180deg,#003d5600 50%,#003d56);
content: "";
display: block;
inset: 0;
mix-blend-mode: normal;
position: absolute;
z-index: 1;pointer-events: none
}
.zek_home_banner .text_banner{position: absolute;bottom: 50px;left: 0;width: 100%;color: #fff;text-align: center;z-index: 2;pointer-events: none}
.zek_home_banner .text_banner .title{font-size: 44px;text-transform: uppercase;    font-weight: 700;}
.zek_home_banner .text_banner .desc{font-size: 20px;margin-bottom: 28px;}
.zek_home_banner .text_banner .touch a{text-transform: uppercase;font-size: 16px;padding: 14px 34px;display: inline-block;color: #fff;border-radius: 8px;background: #ec7f33;pointer-events: auto;}
.zek_home_banner .swiper-pagination{z-index: 3}
.zek_home_banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #cccccc;margin: 0 6px !important;opacity: 1}
.zek_home_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.zek_section{padding: 100px 0}
.zek_title{font-size: 44px;color: #333;text-transform: uppercase;font-weight: 700;    padding-left: 20px;border-left: 25px solid #ec7f33;line-height: normal;}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.zek_home_about .zek_title {margin-bottom: 90px}
.zek_home_about .ytdefer{border-radius: 10px;overflow: hidden;cursor: pointer;height: 100%}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.zek_home_about .content-post{text-align: justify;}
.zek_home_about .touch {margin-top: 32px}
.zek_home_about .row{--bs-gutter-x:60px }
.zek_home_about .touch a{display: inline-block;padding: 13px 28px;font-weight: 500;box-shadow: 0 0 #0000,0 0 #0000,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);font-size: 16px;border-radius: 5px;background: #ec7f33;color: #fff}
.zek_home_field .zek_title{margin-bottom: 40px}
.zek_home_field .box{background: linear-gradient(239.06deg,#003d56 1.06%,#003d56 29.69%,#003d56 54.32%,hsla(0,0%,100%,0) 115.56%);padding: 78px 0}
.zek_home_field .txt{color: #fff;font-size: 18px;}
.zek_home_field .txt .row{--bs-gutter-x: 46px;}
.zek_home_field .txt .title{margin: 24px 0 47px;font-size: 32px;font-weight: 600;text-align: center;}
.zek_home_field .item{color: #fff}
.zek_home_field .item .icon{padding-top: 100%;position: relative;}
.zek_home_field .item .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;border: 2px solid #fff;border-radius: 10px;}
.zek_home_field .item .label{font-size: 20px;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;margin-top: 14px;}
.zek_home_project .zek_title,.zek_home_client .zek_title{margin-bottom: 64px}
.relative{position: relative;}
.zek_home_project .swiper-button-next:after,.zek_home_project .swiper-button-prev:after{display: none}
.zek_home_project .swiper-button-next{right: -60px;}
.zek_home_project .swiper-button-prev{left: -60px}
.zek_home_project .swiper-button-prev ,.zek_home_project .swiper-button-next {font-size: 48px;width: auto;height: auto;color: #ec7f33}
.zek_home_project .item{color: #003d56;font-weight: 600;}
.zek_home_project .item .img{padding-top: 85%;position: relative;}
.zek_home_project .item .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.zek_home_project .item .capt{overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;font-size: 20px;margin-top: 24px;}
.zek_home_client .swiper-button-next2:after,.zek_home_client .swiper-button-prev2:after{display: none}
.zek_home_client .swiper-button-next2{right: -60px;}
.zek_home_client .swiper-button-prev2{left: -60px}
.zek_home_client .swiper-button-prev2 ,.zek_home_client .swiper-button-next2 {font-size: 48px;width: auto;height: auto;color: #ec7f33;}
.zek_home_client .item{display: flex;align-items: center;background: #fff;border-radius: 12px;height: 180px;
justify-content: center;
width: 100%;}
.zek_home_client .item img{    object-fit: contain;width: 90%;height: 100%;max-height: 90%}
.zek_home_contact{padding: 92px 0;background: #fff8f7}
.zek_home_contact .container{padding-right: 24px}
.zek_home_contact .img img{border-radius: 12px;}
.zek_home_contact .content-post{text-align: justify;color: #ec7f33}
.zek_home_contact .title{font-weight: 700;text-transform: uppercase;font-size: 32px;}
.zek_home_contact .title:after{content: '';height: 2px;width: 100%;max-width: 330px;background: #ec7f33;display: block;margin: 35px 0}
.zek_home_contact .touch {margin-top: 40px}
.zek_home_contact .touch a{font-weight: 700;padding: 18px 42px;border-radius: 8px;color: #fff;background: #ec7f33;display: inline-block;}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
/* order trang liên hệ */
.contact_info .box_right img {
aspect-ratio: 1/1;
object-fit: cover;
object-position: center;
max-width: 160px;
border-radius: 15px;
}
.contact_info .box_info {
align-items: center;
margin-bottom: 30px;    justify-content: center;
}
.contact_info .box_left {
margin-right: 30px;
}
.contact_info .info {
font-size: 16px;
font-weight: 500;
color: #003d56;
margin-bottom: 20px;
display: block;
font-style: italic;
}
.contact_info .text {
font-size: 22px;
font-weight: 600;
color: #ec7f33;
margin-bottom: 0;
}
.this_mb{display: none}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.zek_header_pc{display: none;}
.zek_header_mb{display: block;}
.zek_header_mb .col-menu{width: 56px;}
.zek_header_mb .col-search{width: 44px;}
.zek_header_mb .col-logo{width: calc(100% - 56px - 44px);}
.zek_header_logo_mb img{max-height: 70px;}
.zek_touch_menu{display: block;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: #fff;position: absolute;left: 3px;}
.zek_touch_menu span{display: block;width: 24px;height: 2px;background-color: #fff;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);}
.zek_touch_menu:after{bottom: 7px;}
.zek_touch_menu:before{top: 7px;}
#zek_menu_mobile .title{display: block;padding: 24px;background-color: #ed7f33;text-transform: uppercase;font-weight: bold;font-size: 20px;}
#zek_menu_mobile .title span{display: block;height: 48px;line-height: 48px;background-color: #fff;color: #ed7f33; border-radius: 4px;padding: 0 20px;}
#zek_menu_mobile{width: 300px;height: 100%;padding-bottom: 40px; background-color: #fff;-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s;z-index: 9999;position: fixed;  top: 0;  left: 0;
-webkit-transform: translateX(-300px);
transform: translateX(-300px);}
body.zek_active{overflow-y: hidden;}
body.zek_active #zek_menu_mobile{    -webkit-transform: translateX(0);
transform: translateX(0);}
#zek_menu_mobile .social{display: flex;justify-content: center;align-items: center;gap: 20px;height: 40px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
#zek_menu_mobile .social svg{width: 18px;transition: all .3s;fill: #ed7f33;}
#zek_menu_mobile .social svg:hover{fill: #d9d9d9;}
#zek_menu_mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;}
#zek_menu_mobile .menu{display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
list-style: none;
padding: 0;
margin: 0;}
#zek_menu_mobile .menu li{position: relative;border-bottom: solid 1px #3c3c3c;margin-left: 0;}
#zek_menu_mobile .menu>li{border-bottom-color: #2f2f2f;}
#zek_menu_mobile .menu li>a{display: flex;
padding: 12px 24px !important;}
#zek_menu_mobile .menu>li ul{background-color: #2f2f2f;display: none;}
#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;transition: .3s}
#zek_menu_mobile .menu li>i svg{fill: #fff}
#zek_menu_mobile .menu li>i.fa-minus{transform: rotate(180deg);}
#zek_menu_mobile .menu>li>ul ul{background-color: #4c4b4b}
#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_header_mb{padding: 10px 0}
.zek_footer_main .container{padding-left: 12px;padding-right: 12px;}
.zek_footer_main .logo img{max-height: 120px;}
.zek_footer_main .logo{justify-content: flex-start;}
.zek_home_banner .text_banner .title{font-size: 22px;}
.zek_home_banner .text_banner .desc{font-size: 16px;margin-bottom: 18px;}
.zek_home_banner .text_banner .touch a{font-size: 12px;padding: 9px 28px;}
.zek_right_btn{justify-content: flex-end;}
.zek_header_search svg{min-height: 18px;}
.zek_right_btn .menu li a img{width: 28px !important;
height: 18px !important;}
.zek_section {
padding: 40px 0;
}
.zek_home_about .row {
--bs-gutter-x: 30px;
}
.zek_title{font-size: 24px;padding-left: 15px;border-left: 15px solid #ec7f33;}
.zek_home_about .zek_title {
margin-bottom: 40px;
}
.zek_home_about .touch a{padding: 10px 23px;font-size: 14px;}
.zek_home_field .box{padding: 40px 0;}
.zek_home_field .txt{font-size: 16px;}
.zek_home_field .txt .title{margin: 24px 0 30px;
font-size: 19px;}
.zek_home_project .swiper-button-next {
right: -21px;
}
.zek_home_project .swiper-button-prev {
left: -21px;
}
.mySwiper_home_project {margin: 0 27px;}
.zek_home_project .zek_title, .zek_home_client .zek_title {
margin-bottom: 30px;
}
.zek_home_client .swiper-button-next2 {
right: -21px;
}
.zek_home_client .swiper-button-prev2 {
left: -21px;
}
.mySwiper_home_client {margin: 0 27px;}
.zek_home_project .zek_title, .zek_home_client .zek_title {
margin-bottom: 30px;
}
.zek_home_contact {padding: 50px 0}
.zek_home_contact .title{font-size: 20px}
.zek_home_contact .title:after{margin: 28px 0}
.zek_home_contact .touch a{padding: 11px 42px;}

#zek_page_default {
padding: 40px 0;
}
.zek_about_heading{font-size: 22px;margin-bottom: 35px;}
.zek_about_title{font-size: 20px}
.zek_banner_pages{min-height: 230px;}
.zek_banner_pages .text{font-size: 30px;padding: 40px 0;}
.zek_catchild .title{font-size: 24px;    margin-bottom: 20px;}
.zek_catchild .box{padding: 20px;border-radius: 10px;}
.zek_catchild .box .touch a{padding: 0 40px;
height: 50px;}
.zek_block_category,.zek_single_box {
padding: 40px 0;
}
.zek_cat_title{font-size: 26px;
margin-bottom: 45px;}
.zek_item_news,.zek_single_related .item{padding-bottom: 10px;
margin-bottom: 10px;}
.zek_item_projects > .row{--bs-gutter-x: 20px;}
.zek_single_title{font-size: 22px;    margin-bottom: 20px;}
.zek_single_related .title{    font-size: 24px;
padding: 30px 0;}
.zek_cat_hot .item.item_first .capt{font-size: 18px}
.zek_cat_hot > * > .row {
--bs-gutter-x: 30px;
}
.zek_item_news .info .name{font-size: 16px;    margin-bottom: 19px;}
.zek_item_news .info .name{margin-top: 10px}
.zek_contact_form .title{font-size: 22px;}
.zek_content_contact{padding-bottom: 30px}
.zek_product_head .product_info .product-title{font-size: 24px}
.zek_product_head .product_info .product-title:after{height: 4px;margin: 14px 0 21px;}
.nextprev_product svg{height: 40px}
.zek_contact_map iframe{min-height: 300px;}
.this_pc{display: none}
.this_mb{display: block;}
.mySwiper_about25 .swiper-pagination{position: unset;margin-top: 10px}

.menu_application .list{display: flex;flex-wrap: wrap;}
.menu_application .list li:not(:last-child){margin-right: 25px;}


}
@media(max-width:767px) {
body{font-size: 14px;}
.zek_product_head{padding: 0}
.mySwiper_product_album, .related-product .zek_title{margin-bottom: 20px}
.related-product{margin-top: 20px}
/* 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:5px 0 10px 10px}
.content-post .alignleft{margin:5px 10px 10px 0}
a img.alignright{margin:5px 0 10px 10px}
a img.alignnone{margin:5px 10px 10px 0}
a img.alignleft{float:left;margin:5px 10px 10px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption.alignnone{margin:5px 10px 10px 0}
.wp-caption.alignleft{margin:5px 10px 10px 0}
.wp-caption.alignright{margin:5px 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_supports{width: 120px;height: 120px;}
.zek_supports .item{left: -40px}
.zek_backtop{right: 40px;}
.col5{max-width: 50%}
.menu_application .title{font-size: 18px;}
}
@media(max-width:575px) {
iframe{height:200px}
.contact_info .text {
font-size: 15px;
}
.contact_info .info {
font-size: 13px;
margin-bottom: 15px;
}
}
@media(max-width:425px) {
}