/*
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.
*/
/* Option */
body{color: #333;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#333;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: #f70d28;}
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;margin-bottom: 1rem;}
h1{font-size: 32px;font-weight: bold;}
h2{font-size: 28px;font-weight: bold;}
h3{font-size: 24px;font-weight: bold;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;}
.img img{width:100%;height:auto;object-fit:cover}
.background{background-size:cover;background-repeat:no-repeat;background-position:center}
.relative{position: relative;}
.overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal}
.screen-reader-text{display:none}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}

/* Container (FAKE theo từng web) */
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.container-fluid,.container,.row{--bs-gutter-x: 30px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
@media (min-width: 576px){
	.container, .container-sm {max-width: 540px;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1170px;}
}

/* input-button */
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{}
/* Contact-form7 */
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 20px;}
.form-group .name{margin-bottom: 5px;font-weight: bold;}
div.wpcf7 .ajax-loader{position:absolute}
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;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}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post ul,.content-post ol{padding-left:20px;}
.content-post 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:-15px!important}
.content-post .gallery br{display:none}
.content-post .gallery .gallery-item{padding:15px}
.content-post .gallery.gallery-columns-2 .gallery-item{width:50%!important}
.content-post .gallery.gallery-columns-3 .gallery-item{width:calc(100% / 3)!important}
.content-post .gallery.gallery-columns-4 .gallery-item{width:25%!important}
.content-post .gallery.gallery-columns-5 .gallery-item{width:20%!important}
.content-post .gallery.gallery-columns-6 .gallery-item{width:calc(100% / 6)!important}
.content-post .gallery.gallery-columns-7 .gallery-item{width:calc(100% / 7)!important}
.content-post .gallery.gallery-columns-8 .gallery-item{width:calc(100% / 8)!important}
.content-post .gallery.gallery-columns-9 .gallery-item{width:calc(100% / 9)!important}
.content-post .gallery .gallery-item .gallery-icon{width:100%;}
.content-post .gallery .gallery-item .gallery-icon img{width:100%;height:auto;object-fit:cover;border:0!important}
.content-post a{color: #f70d28;}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 15px 15px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 15px;}
.content-post .alignright{float:right;margin:0 0 15px 15px}
.content-post .alignleft{float:left;margin:0 15px 15px 0}
a img.alignright{float:right;margin:0 0 15px 15px}
a img.alignnone{margin:0 15px 15px 0}
a img.alignleft{float:left;margin:0 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:0 15px 15px 0}
.wp-caption.alignleft{margin:0 15px 15px 0}
.wp-caption.alignright{margin:0 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;}
/* Widget */
.widget ul,.widget ol{list-style: none;}
.widget iframe{width: 100%;height: auto; object-fit: cover;}
.widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px}
.widget .gallery br{display:none}
.widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none}
.widget .gallery-item img{border:none!important}
.columns-2{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:30px}
.columns-3{grid-template-columns:repeat(3,1fr);display:grid;grid-gap:30px}
.columns-4{grid-template-columns:repeat(4,1fr);display:grid;grid-gap:30px}
.columns-5{grid-template-columns:repeat(5,1fr);display:grid;grid-gap:30px}
.columns-6{grid-template-columns:repeat(6,1fr);display:grid;grid-gap:30px}
/* Support */
.sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;}

.back-top{position: fixed;right: 40px;bottom: 70px;transition: .5s;z-index: 999;}
.back-top a{height:54px;width:54px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.back-top a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.back-top a:hover{box-shadow: 0px 0px 10px 0px #00000087;}

/* Header */
#menu-mobile{display: none;}
#header{background: #fff;position: relative;z-index: 999;border-bottom: 1px solid #e8e8e8;}
#header .touch{display: none;}
#header .logo{display: flex;align-items: center;justify-content: flex-start;height: 120px;}
#header .logo img{object-fit: contain;max-height: 100px;max-width: 300px;}
#header ul{list-style: none;margin-bottom: 0;}
#header .menu{display: flex;width: calc(100% - 30px);font-size: 14px;}
#header .menu>li>a{display: flex;height: 50px;align-items: center;padding: 0 16px;text-transform: uppercase;font-weight: bold;position: relative;}
#header .menu>li>a:before{content: "";display: block;position: absolute;top: -1px;margin: 0 auto;left: 0;right: 0;width: 0;height: 3px;background: #f70d28;opacity: 0;transition: all .3s;}
#header .menu>li:hover>a:before,#header .menu>li.current-menu-item>a:before{opacity: 1;width: calc(100% - 32px);}
#header .menu ul{opacity: 0;visibility: hidden;position: absolute;background: #fff;min-width: 240px;z-index: 99;border: 1px solid #D3DAE8;}
#header .menu ul>li>a{display: flex;align-items: center;color: #223F85;height: 40px;border-bottom: 1px solid #D3DAE8;}
#header .menu ul>li:last-child>a{border-bottom: 0;}
#header .menu ul>li{padding: 0 20px;cursor: pointer;transition: all .3s;}
#header .menu>li>ul{top: 100%;left: 0;}
#header .menu ul ul{left: 100%;top: -1px;}
#header .menu li:hover>ul{opacity: 1;visibility: visible;}

#header .search{width: 30px;position: relative;}
#header .search .icon{width: 100%;height: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
#header .search .icon svg{width: 16px;}
#header .search .icon svg.cl{display: none;}
#header .search.active svg.op{display: none;}
#header .search.active .icon svg.cl{display: block;}
#header .search .form{width: 325px;border: 1px solid #eee;box-shadow: 0 1px 4px rgba(0,0,0,.09);position: absolute;transition: height .1s;z-index: 99;background: #fff;top: 100%;right: -10px;opacity: 0;padding: 0;height: 0;visibility: hidden;}
#header .search .form:before{content: "";display: block;right: 16px;top: -8px;z-index: 100;border-color: transparent transparent #fff;border-style: solid;border-width: 0 8px 8px;position: absolute;}
#header .search .form:after{content: "";display: block;z-index: 98;position: absolute;top: -9px;right: 15px;border-color: transparent transparent #eaeaea;border-style: solid;border-width: 0 9px 9px;}
#header .search.active .form{opacity: 1;visibility: visible;padding: 20px;height: auto;transition: padding .2s,height .1s,opacity .15s;}
#header .search .form input{height: 36px;width: 100%;box-shadow: inset 0 0 15px 0 rgba(0,0,0,.08);background: #fff;border: 1px solid #e0e0e0;padding: 0 30px 0 14px;line-height: 34px;}
#header .search .form button{width: 30px;height: 36px;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;border: none;background: transparent;display: flex;align-items: center;justify-content: center;}
#header .search .form button svg{fill: #888;width: 16px;}
#header .search .form button:hover svg{fill: #53585c;}


/* Footer */
#footer{background: #f5f5f5;color: #666;font-size: 12px;padding: 40px 0 30px;}
#footer .widget-title{padding-bottom: 10px;margin-bottom: 20px;color: #f70d28;font-size: 13px;border-bottom: 2px solid #e0e0e0;font-weight: bold;}
#footer .menu{list-style: none;display: flex;flex-wrap: wrap;column-gap: 26px;row-gap: 5px;}
#footer .menu li>a{display: block;font-weight: bold;font-size: 13px;}
#footer .menu li{position: relative;}
#footer .menu li:not(:last-child):after{content: "/";display: block;position: absolute;right: -15px;top: 50%;transform: translateY(-50%);color: #e0e0e0;}
#footer .social{list-style: none;display: flex;flex-wrap: wrap;column-gap: 12px;row-gap: 5px;}
#footer .social img{object-fit: contain;width: 20px;height: 20px;}
#footer .social li a:hover{opacity: .8;}

/* Page */
.page-body{padding: 30px 0 40px;}
.page-title{font-size: 42px;}
.page-meta{display: flex;align-items: center;flex-wrap: wrap;column-gap: 10px;row-gap: 5px;color: #a0a0a0;font-size: 13px;margin-bottom: 30px;}
.page-meta .divider{display: block;width: 13px;height: 1px;background: #a0a0a0;}
.page-meta .author{display: flex;align-items: center;gap: 8px;text-transform: capitalize;}
.page-meta .author img{width: 35px;height: 35px;border-radius: 50%;}
.page-meta .author a{font-weight: bold;color: #f70d28;}
.page-meta .cat{font-weight: bold;color: #a0a0a0;}
.page-thumb{width: 100%;aspect-ratio: 16/9;overflow: hidden;margin-bottom: 30px;}
.page-thumb img{width: 100%;height: 100%;object-fit: cover;}
.page-tag{display: flex;flex-wrap: wrap;gap: 3px;font-size: 12px;margin-top: 30px;}
.page-tag span{display: block;font-weight: bold;margin-right: 2px;}
.page-tag a{display: block;line-height: 22px;padding: 0 10px;background-color: #f5f5f5;color: #616161;}
.page-tag a:hover{color: #fff;background: #f70d28;}
.page-comment{margin-top: 30px;border-top: 3px solid #eee;padding-top: 20px;}
#wpdcom .wpd-form-head{margin-top: 0;padding: 0;}
.page-related{padding: 20px 0 0;border-top: 1px solid #eee;margin-top: 30px;display: flex;justify-content: space-between;gap: 20px;}
.page-related .item{width: calc(50% - 10px);}
.page-related .item a{display: block;font-weight: bold;padding: 20px 0 0 26px;position: relative;line-height: 1.3;margin-top: 5px;}
.page-related .item a .capt{font-weight: bold;font-size: 14px;color: #a0a0a0;position: absolute;left: 0;top: -5px;}
.page-related .item a:before{content: "";display: block;width: 10px;height: calc(100% - 26px);background: #eee;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.page-related .item a:hover:before{background: #f70d28;}


/* Category */
.item-news{margin-bottom: 30px;display: flex;flex-wrap: wrap;align-items: flex-start;}
.item-news .img{width: 360px;position: relative;aspect-ratio: 10/7;overflow: hidden;}
.item-news .img img{height: 100%;}
.item-news .img .cat{position: absolute;z-index: 2;font-size: 11px;color: #fff;padding: 0 6px;line-height: 17px;display: block;background: #f70d28;letter-spacing: 1px;transition: all .2s;text-transform: uppercase;top: 10px;left: 10px;}
.item-news .info{width: calc(100% - 360px);padding-left: 30px;display: flex;flex-direction: column;}
.item-news .info .name{margin-bottom: 5px;font-size: 22px;}
.post-meta{display: flex;flex-wrap: wrap;column-gap: 12px;row-gap: 4px;font-size: 11px;color: #a0a0a0;text-transform: uppercase;}
.post-meta a{color: #f70d28;text-transform: uppercase;font-weight: bold;}
.post-meta svg{fill: #2e9fff;width: 10px;position: relative;top: -1px;}
.item-news .info .desc{font-size: 14px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 16px;}
.item-news .info .link{margin-top: 16px;}
.item-news .info .link a{font-size: 11px;text-transform: uppercase;letter-spacing: .05em;color: #53585c;box-shadow: 0 1px 3px rgba(0,0,0,.1);padding: 0 18px;display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 31px;border: 1px solid #e0e0e0;}
.grid-news{display: flex;flex-wrap: wrap;gap: 30px;}
.grid-news .item-news2{width: calc((100% - 60px) / 3);}
.item-news2 .img{margin-bottom: 10px;width: 100%;aspect-ratio: 10/7;position: relative;overflow: hidden;}
.item-news2 .img img{height: 100%;}
.item-news2 .img .cat{position: absolute;z-index: 2;font-size: 11px;color: #fff;padding: 0 6px;line-height: 17px;display: block;background: #f70d28;letter-spacing: 1px;transition: all .2s;text-transform: uppercase;bottom: 10px;left: 10px;}
.item-news2 .info .name{font-size: 16px;margin-bottom: 5px;}
.list-news .item-news2{margin-bottom: 30px;}
.list-news .item-news2 .img{aspect-ratio: 2/1;}

.pagination{justify-content: center;}
.pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 10px;}
.pagination ul li{display: inline-block;}
.pagination ul li span,.pagination ul li a{display: flex;padding: 0;height: 32px;width: 32px;text-align: center;align-items: center;justify-content: center; background: #fff;font-size: 13px;font-weight: bold;border: 1px solid #eee;}
.pagination ul li span:hover,.pagination ul li a:hover{background: #f5f5f5;}
.pagination ul li .current{background: #f70d28;color: #fff;border-color: #f70d28;}

/* Comment-news */
#comments{margin: 0;width: 100%;max-width: 100%;}
#wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;}
#wpdcom #wpd-threads{margin-top: 0;}
#wpdcom .wpd-thread-list{padding: 8px 0;}
#wpdcom .wpd-prim-button{color: #fff !important;}
#wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;}
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-up svg{fill: #566ba0 !important;}
#wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;}
#wpdcom .wpd-up{color: #566ba0 !important;}

/* Sidebar */
.page-sidebar .title{font-weight: bold;font-size: 18px;margin-bottom: 24px;}
.page-sidebar .box{padding: 16px 20px;background: #fafafa;text-align: center;}
.page-sidebar .box .logo{margin-bottom: 16px;}
.page-sidebar .box .logo img{height: 40px;width: 40px;object-fit: contain;border-radius: 50%;}
.page-sidebar .box .name{font-weight: 600;font-size: 20px;}
.page-sidebar .box .info{font-size: 12px;color: #111111b3;display: flex;align-items: center;justify-content: center;gap: 16px;}
.page-sidebar .box .info span{display: block;position: relative;}
.page-sidebar .box .info span:not(:last-child):after{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;background: #111111b3;position: absolute;top: 50%;transform: translateY(-50%);right: -10px;}
.page-sidebar .box .subcribe{margin-top: 16px;}
.page-sidebar .list{padding: 20px 20px 0 20px;}
.page-sidebar .list .video:not(:last-child){margin-bottom: 30px;}
.page-sidebar .list .video{display: flex;flex-direction: column;gap: 8px;}
.page-sidebar .list .video .img{width: 100%;aspect-ratio: 16/9;position: relative;overflow: hidden;}
.page-sidebar .list .video .img img{height: 100%;}
.page-sidebar .list .video .img svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 68px;transition: all .2s;}
.page-sidebar .list .video .img svg path.maincolor{fill: #ff0000;opacity: .8}
.page-sidebar .list .video:hover .img svg path.maincolor{opacity: 1;}
.page-sidebar .list .video .name{font-weight: bold;font-size: 14px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;padding-top: 4px;}
.page-sidebar .list .video .text{font-size: 13px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.page-sidebar .list .video:hover .name{text-decoration: underline;}
/* Home */
.top-post{margin-bottom: 40px;}
.top-post .item{width: calc(100% / 3);float: left;overflow: hidden;height: 215px;position: relative;}
.top-post .item:first-child{width: 60%;height: 430px;}
.top-post .item:nth-child(2),.top-post .item:nth-child(3){width: 40%;}
.top-post .item .img{width: calc(100% + 50px);height: 100%;transition: transform .35s,-webkit-transform .35s;max-width: none;transform: translate3d(-40px,0,0);}
.top-post .item .img img{height: 100%;}
.top-post .item .img:before{content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;background: linear-gradient(180deg, transparent 0, #000 65%, #000);opacity: .6;z-index: 2;}
.top-post .item .img:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: hsla(0, 0%, 100%, .15);transition: .3s;opacity: 0;}
.top-post .item:hover .img{transform: translateZ(0);}
.top-post .item:hover .img:after{opacity: 1;}
.top-post .item .info{padding: 0 25px 25px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;}
.top-post .item .info .cat{display: inline-flex;align-items: center;padding: 0 6px;height: 15px;color: #fff;font-size: 11px;text-transform: uppercase;letter-spacing: 1px;background: #f70d28;text-transform: uppercase;margin-bottom: 5px;transition: transform .35s, -webkit-transform .35s;transform: translate3d(0,25px,0);}
.top-post .item:hover .info .cat{transform: translateZ(0);}
.top-post .item .info .name{font-size: 22px;font-weight: bold;margin-bottom: 5px;transition: transform .35s,-webkit-transform .35s;transform: translate3d(0,25px,0);}
.top-post .item .info .name a{color: #fff;}
.top-post .item:hover .info .name{transform: translateZ(0);}
.top-post .item .info .post-meta{color: #fff;transition: transform .35s,-webkit-transform .35s;opacity: 0;transform: translate3d(0,30px,0);}
.top-post .item .info .post-meta a{color: #fff;}
.top-post .item .info .post-meta svg{fill: #fff;}
.top-post .item .info .post-meta .author{display: none;}
.top-post .item:first-child .info .post-meta .author{display: block;}
.top-post .item:hover .info .post-meta{transform: translateZ(0);opacity: 1;}
.top-post.top-archive{width: calc(100% + 10px);margin: 0 -5px 40px}
.top-post.top-archive .item{width: 25%;border: 5px solid #fff;}
.top-post.top-archive .item:first-child{width: 50%;}
.top-post.top-archive .item:nth-child(2){width: 50%;}
.top-post.top-archive .item .info .name{font-size: 18px;}
.top-post.top-archive .item:first-child .info .name{font-size: 22px;}
.center-post .item-news .img{width: 260px;}
.center-post .item-news .info{width: calc(100% - 260px);}
.center-post .grid-news{padding: 30px 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;margin-bottom: 30px;}
.home-title{font-size: 16px;text-transform: uppercase;margin-bottom: 30px;border-bottom: 2px solid #eee;position: relative;padding-bottom: 8px;}
.home-title span{color: #f70d28;}
.home-title:before{content: "";display: block;width: 30px;height: 2px;position: absolute;bottom: -2px;left: 0;background: #f70d28;}
.bottom-post{margin-top: 40px;}
.bottom-post .grid-news .item-news2{width: calc((100% - 90px) / 4);}
#loadmore{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
#loadmore a{display: flex !important;align-items: center;justify-content: center;width: 340px;height: 30px;box-shadow: 0 1px 3px rgba(0,0,0,.1);border: 1px solid #e0e0e0;padding: 0 30px;font-size: 11px;background: #fff;border-radius: 2px;text-transform: uppercase;letter-spacing: 1px;}
#loadmore:after,#loadmore:before{display: block;width: calc(50% - 170px - 20px);content: "";height: 1px;background: #eee;}


@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
#header .logo{height: 100px;}
#header .logo img{max-height: 80px;max-width: 240px;}
#header .menu > li > a{padding: 0 12px;}
#header .menu > li:hover > a::before, #header .menu > li.current-menu-item > a::before{width: calc(100% - 24px);}
.page-title{font-size: 32px;}
.item-news .img{width: 260px;}
.item-news .info{width: calc(100% - 260px);}
.item-news .info .name{font-size: 18px;}
.item-news .info .desc{margin-top: 8px;}
.item-news .info .link{margin-top: 8px;}
.item-news .info .link a{height: 28px;padding: 0 16px;}
.page-sidebar .box{padding: 15px;}
.page-sidebar .list{padding: 15px 15px 0 15px;}
.page-sidebar .list .video .img svg{width: 52px;}
.top-post .item .info{padding: 0 15px 15px;}
.top-post .item .info .name{font-size: 18px;}
.top-post.top-archive .item .info .name{font-size: 16px;}
.top-post.top-archive .item:first-child .info .name{font-size: 18px;}

}
@media (max-width: 991px) {
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
}
html, body {
	overflow-x: hidden;
	margin: 0;
}
#main{overflow: hidden;}
.back-top{right: 20px;bottom: 60px;}
.back-top a{width: 44px;height: 44px;}
.back-top a img{max-width: 24px;max-height: 24px;}
.header-menu{display: none;}
#header .touch{display: block;width: 30px;height: 50px;cursor: pointer;background-image: url(images/touch.png);background-size: 20px;background-repeat: no-repeat;background-position: center;}
.line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 9990;}
body.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;}
#menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 300px;height: 100%;top: 0;left: -300px;opacity: 0;visibility: hidden;}
body.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;}
#menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;}
#menu-mobile ul{list-style: none;margin-bottom: 0;}
#menu-mobile .menu{height: 100%;overflow-y: auto;padding: 20px 10px 10px 20px;color: #fff;}
#menu-mobile .menu ul{display: none;padding-left: 20px;}
#menu-mobile .menu li{position: relative;}
#menu-mobile .menu li>a{display: flex;align-items: center;height: 36px;color: #000;}
#menu-mobile .menu li>svg{fill: #fff;width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;}
#footer{padding: 30px 0 20px;}
.top-post .item{width: 50%;}
.top-post .item:first-child{width: 100%;}
.top-post .item:nth-child(2), .top-post .item:nth-child(3){width: 50%;}
.top-post.top-archive .item{width: 50%;}
.top-post.top-archive .item:first-child{width: 100%;}
.top-post.top-archive .item:nth-child(2){width: 100%;}
.page-title{font-size: 28px;}
.bottom-post .grid-news .item-news2{width: calc(50% - 15px);}
}
@media(max-width:767px) {
#header .search.active .form{padding: 15px;}
#header .logo{height: 80px;max-width: calc(100% - 60px);}
#header .logo img{max-height: 60px;}
.page-body{padding: 20px 0 30px;}
.page-title{font-size: 24px;}
.item-news .img{width: 220px;}
.item-news .info{width: calc(100% - 220px);padding-left: 20px;}
.item-news .info .link{display: none;}
.item-news .info .name{font-size: 16px;}
.top-post .item:first-child{height: 350px;}
.top-post .item .info .name{font-size: 16px;}
.top-post .item:first-child .info .name{font-size: 18px;}
.top-post{margin-bottom: 30px;}
.center-post .item-news .img{width: 220px;}
.center-post .item-news .info{width: calc(100% - 220px);}
.grid-news .item-news2{width: 100%;}
.item-news2 .img{aspect-ratio: 2/1;}
.bottom-post .grid-news .item-news2{width: 100%;}


}
@media(max-width:575px) {
.item-news .img{width: 100% !important;}
.item-news .info{width: 100% !important;padding-top: 10px;padding-left: 0;}
.top-post .item{width: 100% !important;height: 200px;}
.top-post .item:first-child{height: 300px;}
}

@media(max-width:428px) {


}