/*
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{overflow-x: hidden;color: #3C3C3C;font-family:'GoogleSans';}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-Regular.ttf) format("woff")}
.gallery-list .img{height: 300px;overflow: hidden;}
.gallery-list .img img{height: 100%}
.gallery-home .item{width: 100%;
    height: 300px;
    align-items: center;
    justify-content: center;
    transition: all 0.25s;}
    .gallery-home .swiper{width: 100%;
        height: 640px;
        margin-left: auto;
        margin-right: auto;}
.gallery-home .swiper-slide{
        height: calc((100% - 30px) / 2) !important;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.banner-pag{text-align: center;}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e0e7ee;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #d0dae5; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; }
  .nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cdd5de; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f7f9; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #90a1b5;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }
*{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: blue;}
p{margin-bottom: 10px;}
svg{max-width: 30px}
ul{padding-left:0;margin-bottom: 10px;}
img{max-width:100%;border:none;height:auto}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 10px;}
.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;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}
}

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

/* 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{}
/* Ninja-form */
.nf-before-form-content{display: none;}
.nf-error.field-wrap .nf-field-element:after{display: none;}
.nf-after-field{display: none;}
.nf-form-content{padding: 0 !important;}
/* Contact-form7 */
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: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;}
.zek_supports{position: fixed;z-index: 999;bottom: 160px;right: 40px;}
.zek_supports .item:not(:first-child){margin-top: 16px;}
.zek_supports .item 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;}
.zek_supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.zek_supports .item a.zalo img{max-width: 37px;}
.zek_supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;}
.zek_backtop{position: fixed;right: 40px;bottom: 70px;transition: .5s;z-index: 999;}
.zek_backtop 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;}
.zek_backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.zek_backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;}

/* 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;padding: 0 10px;}
.zek_header_menu .menu li{position: relative;}
.zek_header_menu .menu>li>a{display: block;font-weight: 700;line-height: 60px;color: #5A7184}
.zek_header_menu .menu>li.current-menu-item>a{color: #3412b2}
.zek_header_menu .menu ul{opacity:0;visibility:hidden;position:absolute;z-index:99;background:#fff;width:auto;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:0;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;padding: 5px 0;}
.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);}

/* Footer */

/* Page */
.zek_breadcrumbs{padding:30px 0;}
.zek_breadcrumbs *{margin-bottom: 0;}
.zek_breadcrumbs .separator{margin:0 3px;}


/* Category */
.searchandfilter > ul > li{display: flex;}
.searchandfilter ul li li:nth-child(1){display: none;}
.searchandfilter ul li li{display: inline-block;margin-right: 15px;    position: relative;}
.searchandfilter h4{font-weight: 700;margin-right: 10px;}
.pagination{justify-content: center;margin: 30px 0;}
.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: #1d0672;color: #fff;}


/* Single */
.zek_tags{padding-bottom: 20px;color: #666;font-size: 13px;display:flex;flex-wrap:wrap;align-items: center;}
.zek_tags span{margin: 0 5px 5px 0;}
.zek_tags a{display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;padding: 0 10px;background-color: #ECECEC;margin: 0 5px 5px 0;}
.zek_single_title{color: 
#000000;
font-size: 28px;
font-weight: 700;
line-height: 42px;margin-bottom: 20px;
}
.zek_single_related .title-box-blue{margin-bottom: 20px;}
.zek_single_related {margin-top: 50px;}
/* 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 */
.zek_sidebar .widget:not(:last-child){margin-bottom:30px}
.zek_searchform{width: 100%;position: relative;}
.zek_searchform .search-input{height: 34px;line-height: 32px;border: 1px solid #c4c4c4;border-radius: 5px;padding: 0 40px 0 10px;}
.zek_searchform .search-submit{width: 34px;height: 34px;position: absolute;right: 0;top: 0;border: none;border-radius: 0 5px 5px 0; background-color: #333;background-image: url(images/icon_search_white_24x24.png);background-size: 20px;background-repeat: no-repeat;background-position: center;}
.zek_sidebar .tagcloud{display:flex;flex-wrap:wrap}
.zek_sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0}
.zek_sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;}


/* Home */
.social ul, .mail-lang ul{margin: 0}
.main-top, .zek_header_menu, .hotline-menu > a{display: flex;justify-content: flex-end;align-items:center;	}
.social ul li, .mail-lang ul li{display: inline-block;}
.mail-lang ul li a, .button-dk a{color: #fff}
.social ul li svg{fill: #fff}
.main-top{background: #1d0672;border-bottom-left-radius: 50px;
    overflow: hidden;}
.main-top{position: relative;}
.main-top:after{content: "";display: block;width: 200%;height: 100%;background: #1d0672;position: absolute;top: 0;left: 0;z-index: -1;}
.social ul li svg{width: 15px}
.social ul li:nth-child(1) svg, .footer-bot ul li:nth-child(2) > a:nth-child(1) svg{width: 10px}
.main-top > div{margin-left: 30px}
.mail-lang ul li:not(:last-child){margin-right: 20px}
.social ul li:not(:last-child){margin-right: 15px}
.button-dk a {    background: #ec2409;
    display: block;
    padding: 12px 10px;}
    .zek_header_pc{    box-shadow: 0px 4px 4px 0px #0000000D;    padding-bottom: 15px;position: relative;z-index: 99999;}
    .rank-math-breadcrumb .last{color: 
#3412B2;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
}
    .hotline-menu{width: 170px}
    .hotline-menu svg{width: 24px;
    fill: #1d0672;}
    .hotline-menu .icon{background: #F6F6F8;
    margin-right: 15px;
    padding: 10px;
    border-radius: 50%;}
    .hotline-menu span{font-weight: 700;color: 
#242424}
.banner-home .content-left h2{font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    color: #1D0672;}
    .banner-home .content-left p{color: #5A7184;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;}
.link{margin-top: 30px}
.link.center{text-align: center;}
 .link a{    padding: 12px 24px;
    background: #EC2409;
    color: #fff;
    border-radius: 100px;
    display: inline-block;}
    .banner-home .img{box-shadow: 0px 0px 24px 5px #00000026;
    border-radius: 50%;
    overflow: hidden;background:#fff;padding: 10px;    max-width: 80%;
    display: block;
    margin: 0 auto;}
    .banner-home .img img{border-radius: 50%}
    .banner-home{padding: 30px 0}
    .about-home{padding: 70px 0}
    .swiper-pagination-bullet-active{background: #494949}
    .swiper-button-next, .swiper-button-prev{color: #111827;background: #fff;
    box-shadow: 0px 2px 4px -2px #0000001A;
    border-radius: 50%;height: 48px;width: 48px}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 15px}
    .title-box-red{font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #EC2409;    border-bottom: 1px solid #EC2409;
    display: inline-block;}
    .service-home{    background: #F7F7F7;padding: 30px 0}
    .about-home .content{color: 
#5A7184;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
    .title-box-blue{color: 
#1D0672;
font-size: 32px;
font-weight: 700;
line-height: 45px;
text-align: left;
}
.title-box-blue.center{text-align: center;margin-bottom: 30px}
.title-box-blue.center.none{margin-bottom: 10px}
.title-box-blue.while{color: #fff}
.title-box-blue.mg{margin-bottom: 30px}
.ninja-forms-req-symbol{display: none;}
.service-home p.content{color: #5A7184;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.service-home ul.list-service{list-style: none;}
.service-home ul.list-service li{padding: 12px 0;border-bottom: 1px solid #BDBDBD;position: relative;color: #242424}
.service-home ul.list-service li:before{content: "";background: #EC2409;height: 8px ;width: 8px;display: inline-block;border-radius: 50%;    position: relative;
    top: -2px;margin-right: 5px}
    .notice-box > a{display: flex;}
    .notice-box > a .img{width: 175px;margin-right: 15px}
    .notice-box > a .info h3.name{
color: #1D0672;
font-size: 20px;
font-weight: 700;
line-height: 30px;
text-align: left;
}
 .notice-box > a .info p{color: 
#5A7184;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.notice-box > a .info .more{color: #EC2409;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
}
.notice-box{margin-top: 40px}
.info-order{padding: 50px 0}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.table-default {
    margin-bottom: 0;
    border: 0;
}
.table-default>thead>tr {
    background: #1D0672;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-rounded-default thead th:first-child {
    border-radius: 4px 0 0;
}
.table-default>thead>tr th {
    vertical-align: middle;
    color: #fff;
    box-shadow: none;
    font-weight: 100;
    border: 0;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;

}
.table-rounded-default thead th:last-child {
    border-radius: 0 4px 0 0;
}
.info-order .table-bordered>:not(caption)>*{border:0}
.table-default tbody>tr>td {
    border: 0;
    vertical-align: middle;
    background-color: #ECEDFC;
    color: #282a39;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;

}
.table-default tbody>tr:nth-child(2n+1)>td {
    background: #ffffff;
}
.click-a a{color: #3397F3;padding-bottom: 3px;border-bottom:1px solid;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.form-contact{padding: 70px 0}
.form-contact .row > .col-md-6, .form-contact .row > .col-md-12:not(:last-child){margin-bottom: 20px;}
.wpcf7-spinner{position: absolute;}
.form-contact input, .form-contact select, .form-contact textarea, .nice-select{border-radius: 10px;background: transparent;border: 1px solid #ffffff;color: #fff;    font-size: 16px;
    margin: 0;
    padding: 12px;}
    .nice-select ul li{color: #000;}
.form-contact input[type=submit]{background: #EC2409;color: #fff;width: 100%;padding: 12px 24px;border-radius: 100px;border: 0}
.form-contact input::placeholder, .form-contact textarea::placeholder{color: #fff}
.why-home{background: #F7F7F7;
    padding: 30px 0 0;}
    .why-home .box{text-align: center;padding: 24px;background-color: #ffffff;    min-height: 195px;margin-bottom: 30px}
    .why-home .box .number{color: #1D0672;
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
    .why-home .box .text{color: #5A7184;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.gallery-home{padding: 50px 0 20px}
p.sapo{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;color: #5A7184;margin-bottom: 30px;
}
.gallery-list > div{margin-bottom: 30px}
.news-home .list-post .item a{margin: 0 -7px}
.news-home .list-post .item a > div{float: left;padding: 0 7px}
.news-home .list-post .item a .img{width: 28%;}
.news-home .list-post .item a .info{overflow: hidden;width: 72%}
.news-home .list-post .item a .info h3.title{color: 
#1D0672;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.news-home .list-post .item a .info p{
font-size: 16px;
font-weight: 400;
line-height: 24px;color: #5A7184;
}
.first-post .box{position: relative;}
.first-post .box .info{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;    z-index: 999;}
.first-post .box:before{content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: block;}
.first-post .box .info h3.title{color: 
#FFFFFF;
font-size: 24px;
font-weight: 700;
line-height: 36px;
}
.first-post .box .info p{color: 
#FFFFFF;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
#footer{background: #F6F6F8;
    padding: 50px 0;}
    .zek_footer_title{color: #1D0672;
font-size: 20px;
font-weight: 700;
line-height: 30px;margin-bottom: 15px;
}
.footer-top ul li{
font-size: 16px;
font-weight: 400;
line-height: 24px;color: #5A7184;margin-bottom: 10px;
}
.footer-top ul li svg{    width: 18px;
    fill: #EC2409;
    margin-right: 10px;}
.footer-top ul li a{color: #5A7184;}
.footer-top{    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 50px;margin-bottom: 10px}
    .footer-bot ul li{font-size: 16px;display: block;
font-weight: 400;
line-height: 24px;color: #5A7184;margin-bottom: 10px;}
#custom_html-5{text-align: right;}
.footer-bot ul li:nth-child(2) > a svg{fill: #1D0672}
.footer-bot ul li:nth-child(2) > a:not(:last-child) {
    margin-right: 15px;}
    .banner-page img{width: 100%}
    .vision-mission{padding: 50px 0}
    .vision-mission .content p{color: 
#5A7184}
p.sapo.x{margin-bottom: 5PX}
.title-box-blue.black{margin-bottom: 30px;color: #343434}
.tab-address ul#myTab > li{list-style: none;margin-bottom: 30px;text-align: left;}
.tab-address ul li button{background: none;border: 0;border-left: 6px solid #F6F6F8;}
.tab-address ul li button.active{border-color: #EC2409;}
.tab-address ul#myTab > li ul{padding-left: 30px;}
.tab-address ul#myTab > li ul li{text-align: left;    list-style: disc;}
.tab-address ul#myTab > li h3.name{color: 
#000000;text-align: left;padding-left: 15px;
font-size: 28px;
font-weight: 700;
line-height: 42px;}
.image-page img{width: 100%;}
.form-contact{margin-top: 50px;}
.home .form-contact{margin-top: 0;}
.zek_list_news .zek_item_news h3.name{
font-size: 24px;
font-weight: 700;
line-height: 36px;color: #3C3C3C;text-transform: uppercase;margin: 15px 0;}
.zek_list_news .zek_item_news h3.name a{color: #3C3C3C;}
.zek_list_news .zek_item_news .desc{
font-size: 16px;
font-weight: 400;
line-height: 24px;color: #5A7184;
}


@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.zek_supports{right: 20px;bottom: 140px;}
.zek_supports .item a{width: 44px;height: 44px;}
.zek_supports .item a img{max-width: 24px;max-height: 24px;}
.zek_supports .item a.zalo img{max-width: 30px;}
.zek_backtop{right: 20px;bottom: 60px;}
.zek_backtop a{width: 44px;height: 44px;}
.zek_backtop a img{max-width: 24px;max-height: 24px;}
}
@media(max-width:767px) {
  #zek_menu_mobile .menu > li svg{position: absolute;
  right: 15px;
  top: 15px;
  fill: #fff;}
    .banner-home .content-left h2, .title-box-red, .title-box-blue, .zek_single_title{font-size: 20px;

  line-height: 30px;}
  .link a {
  padding: 5px 15px;}
  .gallery-home .swiper{height: 340px}
  .gallery-home .item, .gallery-list .img{height: 150px}
  .searchandfilter h4{width: 110px;font-size: 14px;}
  .zek_breadcrumbs{padding: 15px 0;}
  .gallery-home{padding-top: 30px;padding-bottom: 0;}
  .why-home .box{padding: 10px;margin-bottom: 14px;}
  .gallery-list > div, .first-post, .zek_list_news > div{margin-bottom: 14px;}
  .news-home .list-post .item a .img{width: 35%;}
  .news-home .list-post .item a .info{width: 65%;}
  .news-home .list-post .item a .info h3.title, .zek_list_news .zek_item_news h3.name, .tab-address ul#myTab > li h3.name{font-size: 16px;line-height: 20px;}
  .news-home .list-post .item a .info p, .zek_list_news .zek_item_news .desc{font-size: 14px;line-height: 15px;}
  .why-home .box .text{font-size: 14px;}
  .row{margin: 0 -7px;}
  .row > div{padding: 0 7px;}
  body{font-size: 14px;}
  .about-home, .info-order, .form-contact, #footer, .vision-mission{padding: 30px 0;}
  .footer-top{padding-bottom: 0;}
  .hotline-menu {
  width: auto;}
  .hotline-menu .icon{margin-right: 0;}
  #custom_html-5{text-align: left;}
  .about-home .img, .notice-box, .form-contact{margin-top: 30px;}
  .service-home .img, .vision-mission .img{margin-bottom: 30px;}
   .table-responsive {
    height:400px;overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;width: 100%;
    overflow:scroll;
  }
  .form-contact input, .form-contact select, .form-contact textarea, .nice-select{padding: 7px;font-size: 14px;}
   .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>thead>tr>th {
    white-space:nowrap
  }
.zek_header_pc{display: none;}
.zek_header_mb{display: block;box-shadow: 0px 4px 4px 0px #0000000D;}
.zek_header_logo_mb{text-align: center;}
.zek_header_logo_mb img{max-width: 100px;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 .re_arrow {
	transition-duration: 0.3s;
}
#zek_menu_mobile .re_arrow svg {
	transform: rotate(180deg);
}
#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) {


}

@media(max-width:428px) {


}