/*
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.
*/
body{overflow-x: hidden;    background: #2f333a;
    color: #fff;}
.mySwiper_home_banner video{width:100%;height:407px}
* {font-family: 'Merriweather', serif}
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
*{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:}
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: 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: 1200px;}
}
.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}
.flex-center{align-items:center}
.flex-between{justify-content: space-between;}
.row-reverse{flex-direction:row-reverse}
.column-reverse{flex-direction:column-reverse}
.flex-between {justify-content: space-between;}
.flex-jus-center {justify-content: center;}
.rela {position: relative;}
.ab {position: absolute}
.img-fit {object-fit: cover;object-position: center;width: 100%;height: 100%;}
.bgr-fit {background-size: cover !important; background-position: center !important;}
ul, li {list-style: none}

/* 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 */
.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-right: 40px;}
.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;color: #fff;font-size: 17px;}
.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;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_logo {
	width: 100px;
}
.zek_header_logo img {
    object-fit: cover;
    object-position: center;
}
.list_icon_1 a {
	display: block;
    color: #fff;
    font-size: 16px;
}
.list_icon_1 a svg {
	width: 18px;
	height: 18px;
	fill: #fff;
}
.list_icon_1 li {
	padding: 0 15px;
    border-right: 1px solid #43474e;
}
.list_icon_1 li:last-child {
	border-right: none;
}
.text_style_1 {
	font-weight: 500;
    font-size: 17px;
	color: #eacb79;
	font-style: italic;
}
.zek_header_pc .menu_top{
	background: #2f333a;
	padding: 11px 0;
}
.zek_header_pc .menu_top :where(p,ul) {
	margin-bottom: 0;
}
.zek_header_pc .zek_right {
	float: right;
}
.zek_header_pc .menu_mid {
	padding: 29px 0;
}
.zek_header_pc .menu_mid .img_right {
	width: 100px;
}
.zek_header_pc .menu_mid .img_right img {
	object-fit: cover;
	object-position: center;
}
.zek_header_pc .menu_mid {
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.zek_header_pc .menu_bot {
	background: #2f333a;
    padding: 7px 0;
	width: 100%;
    z-index: 10000;
}
/* Footer */
#footer {
	margin-top: clamp(50px,9vw,100px);
}
 .zek_footer_top {
	background: #2f333a;
	margin-bottom: -20px;
    padding: 100px 0;
 }
 .zek_footer_bot {
	background: #2a2a2a;
	padding: 25px 0;
 }
 .zek_footer_bot p {
	color: #fff;
    font-size: 14px;
    margin-bottom: 0;
 }
 .zek_footer_top h2 {
	font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
 }
.zek_footer_top .info_footer {
	color: #fff;
}
.zek_footer_top .map {
	position: relative;
    padding-bottom: 40%;
}
.zek_footer_top .map iframe {
	position: absolute;
    width: 100%;
    height: 100%;
}
/* 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: 40px 0;}
.zek_page_title{font-size: 26px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}


/* Category */
.zek_category_content{margin-bottom: 15px;}
.zek_item_news .img{padding-top: 56.25%;margin-bottom: 10px;}
.zek_item_news .info .name{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.pagination{justify-content: center;padding: 20px 0 10px;}
.pagination ul{margin-bottom: 0;list-style: none;}
.pagination ul li{display: inline-block;margin: 3px;}
.pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 38px;width: 38px;text-align: center; background: #EAEEF3;line-height: 28px;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #00adef;color: #fff;}


/* Single */
.zek_single_title{font-size:26px;font-weight:700;text-transform: uppercase;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{text-transform: uppercase;font-weight: bold;font-size: 24px;margin-bottom: 15px;}
.zek_single_related .item .img{padding-top: 56.25%;margin-bottom: 10px;}
.zek_single_related .item .name{margin-bottom: 0;font-size: 16px;font-weight: bold;}

/* 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;}


/* Home */
.text1 {
	font-size: clamp(18px,3vw,24px);
    font-weight: 600;
    color: #fff;
}
.title1 {
	color: #fff;
    font-size: clamp(36px,7vw,82px);
    font-weight: 700;
    line-height: 1;
}
.text2 {
	color: #fff;
    font-size: clamp(14px,5vw,17px);
}
.zek_home_banner .box_slide {
	flex-direction: column;
    text-align: center;
    background-size: cover !important;
    background-position: center !important;
    padding: 250px 0;
}
.link1 {
	color: #fff;
    background: #eacb79;
    padding: 15px 40px;
    font-size: clamp(14px,3vw,17px);
    margin-top: 10px;
    display: inline-block;
	font-weight: 600;
}
.swiper-pagination-bullet {
	border: 1px solid #fff;
    background: transparent;
    width: 15px;
    height: 15px;
}
.swiper-pagination-bullet-active {
	background: #eacb79;
	border: none;
}
.swiper-button-next:after {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    padding: 10px 14px;
    border-radius: 100px;
}
.swiper-button-prev:after {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    padding: 10px 14px;
    border-radius: 100px;
}
.swiper-button-next {
	right: -40px;
	transition-duration: 0.3s;
}
.swiper-button-prev {
	left: -40px;
	transition-duration: 0.3s;
}
.swiper:hover .swiper-button-next {
	right: 10px;
}
.swiper:hover .swiper-button-prev  {
	left: 10px;
}
.title2 {
	font-size: clamp(30px,4vw,36px);
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
.zek_sec1 .title2 {
	text-align: center;
}
.zek_sec1 .title {
	text-align: center;
}
.zek_sec1 .box .left,.zek_sec1 .box .right {
	width: 50%;
}
.zek_sec1 .box .left {
	padding-bottom: 50%;
}
.zek_sec1 .box a {
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.zek_sec1 .box .left img {
	width: 90%;
	transition-duration: 0.3s;
}
.zek_sec1 .box:hover .left img {
	transform: scale(1.2) rotate(9deg);
}
.zek_sec1 .box {
	background: #000;
	padding: 15px;
	position: relative;
	overflow: hidden;
}
.zek_sec1 .box .title3, .zek_sec1 .box .text3{color:#fff}
.zek_sec1 .col-md-6:nth-child(2n) .box {
	flex-direction: row-reverse;
}
.zek_sec1 .col-md-6:nth-child(2n+1) .box .right {
	text-align: right;
}
.title3 {
	font-size: clamp(25px,3vw,31px);
    color: #000;
    font-weight: 600;
}
.zek_footer_top a{color:#fff}
.text3 {
	font-size: 19px;    color: #000;
    margin-bottom: 0;
    margin-top: 15px;
}
.zek_sec1 .col-md-6 {
	margin-bottom: 24px;
}
.zek_sec1 {
	margin-top: clamp(50px,9vw,100px);
}
.zek_sec2 .title2 {
	text-align: center;
	color: #fff;
	font-size: clamp(30px,4vw,42px);
}
.zek_sec2 .text2 {
	text-align: center;
}
.zek_sec2 .box {
	padding-bottom: 100%;
}
.zek_sec2 {
	padding-top: 40px;
    padding-bottom: 80px;
	margin-top: clamp(50px,9vw,100px);
}
.zek_sec3 {
	text-align: center;
	margin-top: 50px;
	background: #2f333a;
	padding: 50px 0;
}
.zek_sec3 .title2 {
	color: #fff;
}
.zek_sec3 .content {
	margin-top: 20px;
}
.zek_sec3 .img_product {
	padding-bottom: 100%;
    display: block;
	border-radius: 20px;
    overflow: hidden;
}
.zek_sec3 .img-fit {
	left: 0;
	top: 0;	
	transition-duration: 0.3s;
}
.zek_sec3 .item:hover .img_product img {
	transform: scale(1.1) rotate(3deg); 
	animation-name: nhapnhay;
	animation-duration: 0.3s;
}
.new_product {
	background: #007a58;
    color: #fff;
    font-weight: 600;
    padding: 5px 7px;
    border-radius: 5px;
    top: 15px;
    left: 15px;
}
.zek_sold {
	background: #eacb79;
    color: #fff;
    font-weight: 600;
    padding: 5px 7px;
    border-radius: 5px;
    top: 15px;
    left: 15px;
}
@keyframes nhapnhay {
	0% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}
.zek_sec3 .zek_product {
	margin-top: 30px;
}
.zek_sec3 .zek_product .col-md-3 {
	margin-bottom: 24px;
}
.zek_sec4 .title2 {
	margin-bottom: 50px;
    text-align: center;
}
.zek_sec4 .video {
	padding-bottom: 56.25%;
}
.zek_sec4 .video iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
}
.zek_sec4 {
	margin-top: 50px;
}

@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media(max-width:767px) {
body{font-size: 14px;}

/* Content-post-mb */
	.banner-video iframe{height:284px}
	
.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_header_pc{display: block;}
.zek_header_mb{display: none;}
.zek_header_logo_mb{text-align: center;}
.zek_header_logo_mb img{max-width: 200px;max-height: 80px;}
.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 .title{display: block;padding: 24px;background-color: rgba(255,255,255,.1);text-transform: uppercase;font-weight: bold;font-size: 20px;}
#zek_menu_mobile .title span{display: block;height: 48px;line-height: 48px;background-color: #222;border-radius: 4px;padding: 0 20px;}
#zek_menu_mobile{width: 300px;height: 100%; background-color: #222;color: #ccc;-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 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: 8px 24px !important;color: #ccc;}
#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;}
#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_supports{width: 120px;height: 120px;}
.zek_supports .item{left: -40px}
.zek_backtop{right: 40px;}
}
@media(max-width:575px) {
iframe{height:200px}
.zek_header_pc .menu_top .row .col-md-6:nth-child(2) {
	display: none;
}
.zek_header_pc .menu_top .row .col-md-6:nth-child(1) p {
	text-align: center;
}

.zek_header_pc .menu_mid {
	background: none !important;
}
.zek_header_menu .menu li {
	width: auto;
    margin-right: 0;
    text-align: center;
    padding: 0 10px;
}
.zek_header_menu .menu {
	flex-wrap: wrap;
}

}
@media(max-width:500px) {
	.zek_home_banner .box_slide {
		padding: 50px 0;
	}
	.zek_footer_top {
		padding: 50px 0;
		margin-bottom: 0;
	}
}
@media(max-width:425px) {


}