/*   



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:'Montserrat';src:url(fonts/Montserrat-Light.ttf);font-weight:300;font-display:block;font-style:normal}

@font-face{font-family:'Montserrat';src:url(fonts/Montserrat-Regular.ttf);font-weight:400;font-display:block;font-style:normal}

@font-face{font-family:'Montserrat';src:url(fonts/Montserrat-Medium.ttf);font-weight:500;font-display:block;font-style:normal}

@font-face{font-family:'Montserrat';src:url(fonts/Montserrat-Bold.ttf);font-weight:700;font-display:block;font-style:normal}

@font-face{font-family:'Montserrat';src:url(fonts/Montserrat-Black.ttf);font-weight:900;font-display:block;font-style:normal}

@font-face{font-family:'DTPhudu';src:url(fonts/DTPhudu-Light.otf);font-weight:300;font-display:block;font-style:normal}

@font-face{font-family:'DTPhudu';src:url(fonts/DTPhudu-Regular.otf);font-weight:400;font-display:block;font-style:normal}

@font-face{font-family:'DTPhudu';src:url(fonts/DTPhudu-Medium.otf);font-weight:500;font-display:block;font-style:normal}

@font-face{font-family:'DTPhudu';src:url(fonts/DTPhudu-Bold.otf);font-weight:700;font-display:block;font-style:normal}

@font-face{font-family:'DTPhudu';src:url(fonts/DTPhudu-Black.otf);font-weight:900;font-display:block;font-style:normal}

body{font-family: 'Montserrat', sans-serif;font-size: 14px;overflow-x: hidden;background-image: url(images/bgsite.png);background-color: #f1eada}

main{overflow: hidden;}

*{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:}

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}

.this_mb{display:none}

.img img{width:100%;height:auto;object-fit:cover}

.capt a,.title a,.title span,.title a,.name a,.name span{line-height:normal}

.screen-reader-text{display:none}

.tagged_as{padding:15px 0}

.tagged_as a{font-size:14px;background:#f1f1f1;margin:5px 10px 5px 0;display:inline-block;float:none;padding:5px 10px;border-radius:5px}

.head.navbar-fixed-top{animation:stuckMoveDown .6s;box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 99}

@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}

}

@media (min-width:1400px) {

.container{max-width: 1360px}

}

.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 a: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 a:hover:before{-webkit-animation:shine 1.3s;animation:shine 1.3s}

@-webkit-keyframes shine {

100%{left:125%}

}

@keyframes shine {

100%{left:125%}

}

.flex{display:flex;flex-wrap:wrap}

.flex-center{align-items:center}

.row-reverse{flex-direction:row-reverse}

.column-reverse{flex-direction:column-reverse}

.modal-content{border:none;box-shadow:none;border-radius:.5rem;position:relative;background-color:#fff;background-clip:padding-box;outline:0}

.modal-header{background-color:#045d2d;color:#fff;padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}

.modal-header .modal-title{position:relative;min-height:44px;font-weight:400;font-size:18px;line-height:normal;margin:0;line-height:44px;color:#fff}

button.close{position:absolute;right:15px;top:30px;color:#fff;opacity:1}

.pop_box input[type=submit]{background-color:#045d2d;color:#fff;margin-bottom:0;margin-top:15px}

.modal-dialog{margin:80px auto 0}

.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}

#ftwp-container #ftwp-contents.ftwp-border-medium,#ftwp-container #ftwp-trigger.ftwp-border-medium{border-width:1px}

.content-post img{margin-bottom:20px}

.content-post iframe{display:block;margin:20px auto;width:100%;height:450px;object-fit:contain}

.content-post p{margin-bottom:20px}

.content-post ul,.content-post ol{padding-left:20px;margin-bottom: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 table{margin-bottom:20px}

.content-post h1{font-size:28px;margin-bottom:20px}

.content-post h2{font-size:24px;margin-bottom:20px}

.content-post h3{font-size:20px;margin-bottom:20px}

.content-post h4{font-size:18px;margin-bottom:20px}

.content-post h5,.content-post h6{font-size:16px;margin-bottom:20px}

.content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;font-size:16px;border-radius:10px;background:#f6f6f6}

.content-post .gallery{display:flex;flex-wrap:wrap;margin:0 -15px!important}

.content-post .gallery br{display:none}

.content-post .gallery .gallery-item{padding:0 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%;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 20px 20px 0}

.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:20px auto}

.content-post .alignright{float:right;margin:10px 0 20px 20px}

.content-post .alignleft{float:left;margin:10px 20px 20px 0}

a img.alignright{float:right;margin:10px 0 20px 20px}

a img.alignnone{margin:10px 20px 20px 0}

a img.alignleft{float:left;margin:10px 20px 20px 0}

a img.aligncenter{display:block;margin-left:auto;margin-right:auto}

.wp-caption{border:none;max-width:100%;padding:0;margin:0 auto 20px!important;background-color:#fff;}

.wp-caption.alignnone{margin:10px 20px 20px 0}

.wp-caption.alignleft{margin:10px 20px 20px 0}

.wp-caption.alignright{margin:10px 0 20px 20px}

.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}

.wp-caption p.wp-caption-text{font-size:12px;color:#333;margin:0;padding:20px 20px 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}

.owl-carousel .owl-dots{text-align:center}

.owl-carousel .owl-dots > *{display:inline-block;zoom:1}

.owl-carousel .owl-dots .owl-dot{outline:none;background:none}

.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;background:#c4c4c4;border-radius:10px;margin:0 5px;display:block}

.owl-carousel .owl-dots .owl-dot.active span{background:#00adef}

.owl-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);outline:none;background:none}

.owl-carousel .owl-nav button span{width:40px;height:40px;display:block;border:1px solid #2e2e2e;line-height:40px;text-align:center}

.owl-carousel .owl-nav button.owl-prev{left:0}

.owl-carousel .owl-nav button.owl-next{right:0}

.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}

#back-top{position:absolute;top: 50%;transform: translateY(-50%);right: 0;text-align: center;font-family: 'DTPhudu', sans-serif;}

.section6s .container{position: relative;}

#back-top i{width: 40px;height: 40px;line-height: 40px;text-align: center;background: #ac1f27;color: #fff;font-size: 18px;border-radius: 20px;transition: .3s;margin-bottom: 10px}

#back-top i:hover{height: 50px;}

.supports{width: 100%;background: #ac1f27}

.supports ul{margin-bottom: 0;display: flex;}

.supports li{list-style:none;display:block;margin-bottom:0;flex: 1}

.supports li:not(:last-child){border-right: 1px solid #e1d6cd}

.supports li a{display: block;text-align: center;color: #fff;padding: 5px 10px}

footer form{position: relative;}

footer form input{background: #e1d6cd;border: none !important;height: 40px}

footer form button{position: absolute;top: 0;right: 0;height: 40px;width: 40px;background: #ac1f27;text-align: center;color: #fff;padding: 0;display: flex;align-items: center;justify-content: center;border: none;outline: none;font-size: 20px}

footer form .wpcf7-spinner{display: none !important}

.header_mb{display:none}

.header_pc{background: #ac1f27;margin-bottom: 50px}

.header_menu ul{list-style:none;margin:0}

.header_menu .menu li{position:relative}

.header_menu .menu{display:flex;flex-wrap:wrap;justify-content:space-between;}

.header_menu .menu>li{display:block}

.header_menu .menu .sub-menu{opacity:0;visibility:hidden;position:absolute;z-index:99;background:#fff;width:auto;padding:10px 0;min-width:220px;-webkit-box-shadow:0 1px 1px #000;-moz-box-shadow:1px 1px 15px #000;-o-box-shadow:1px 1px 15px #000;-ms-box-shadow:1px 1px 15px #000;box-shadow:1px 1px 15px #000;transition:all .3s}

.header_menu .menu>li>a{display:block;text-transform:uppercase;font-size:20px;padding:10px;font-weight:500;position:relative;font-family: 'DTPhudu', sans-serif;color: #e1d6cd}

.header_menu .menu>li.menu-item-has-children>a:after{content:"\f107";font-family:"Font Awesome 6 Pro";font-size:14px;position:absolute;right:20px;top:20px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}

.header_menu .menu>li.menu-item-has-children>a{padding-right:35px}

.header_menu .menu>li.menu-item-has-children:hover>a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.header_menu .menu>li>.sub-menu{top:100%;left:0;transform:scaleY(0);transform-origin:0 0}

.header_menu .menu>li>.sub-menu li>.sub-menu{top:0;left:100%;transform:scaleX(0);transform-origin:0 0}

.header_menu .menu>li>.sub-menu li>a{display:block;padding:10px 0;margin:0 20px;border-bottom:1px dashed #ecf0f1;white-space:nowrap;position:relative}

.header_menu .menu>li>.sub-menu li:last-child>a{border-bottom:none}

.header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content:"\f105";font-family:"Font Awesome 6 Pro";font-size:14px;font-weight:900;position:absolute;right:-5px;top:10px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}

.header_menu .menu>li>.sub-menu li.menu-item-has-children:hover>a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.header_menu .menu li:hover>.sub-menu{opacity:1;visibility:visible}

.header_menu .menu>li:hover>.sub-menu{transform:scaleY(1)}

.header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform:scaleX(1)}



.header_logo{position: relative;}

.header_logo .logo{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.header_logo .logo img{max-width: 150px;transition: .5s}



.head.navbar-fixed-top .header_logo .logo img{max-width: 90px}

.banner_top{height: 200px;width: 100%;background-repeat-y: no-repeat;background-size: auto 100%;}

.banner_bot{width: 100%;background-repeat-y: no-repeat;background-size: auto 100%;height: 87px}

#content_pages{padding:50px 0}

.breadcrumbs_ready{padding:15px 0;background:#f5f5f5}

.breadcrumbs .separator{margin:0 5px}

.breadcrumbs *{margin-bottom:0}

.navigation ul{margin-bottom: 0;list-style: none;}

.navigation ul li{display: inline-block;}

.navigation ul li + li{margin-left: 5px;}

.navigation ul li span,.navigation ul li a{display: block;padding: 5px 15px;border-radius: 4px;background: #EAEEF3;}

.navigation ul li .current,.navigation ul li span:hover,.navigation ul li a:hover{background: #00adef;color: #fff;}

.paginate_links{overflow:hidden;text-align:center;display:table;margin:30px auto}

.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:7px;color:#ac1f27;border:1px solid #ac1f27;margin-bottom:5px}

.paginate_links .page-numbers:hover{background:#ac1f27;color:#fff}

.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}

.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#007BB6}

.paginate_links .page-numbers.current{background:#ac1f27;color:#fff}

.title_single{font-size:26px;font-weight:700}

.meta_single{color:#6F7071;margin-bottom:25px;display:flex;flex-wrap:wrap}

.meta_single span{display:flex;align-items:center}

.meta_single span:not(:last-child){margin-right:30px}

.meta_single span a{color:#6f7071}

.icon_meta{width:15px;height:15px;display:inline-block;background-size:auto;background-repeat:no-repeat;background-position:center}

.icon_date{background-image:url(images/icon_date.png)}

.icon_cate{background-image:url(images/icon_cate.png)}

.icon_author{background-image:url(images/icon_author.png)}

.meta_single span i{margin-right:5px}

.sidebar .widget:not(:last-child){margin-bottom:30px}

.sidebar-title{font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:15px}

.sidebar .single-post:not(:last-child){margin-bottom:20px}

.sidebar .single-post .img{width:100%;padding-top:65%;position:relative;margin-bottom:10px}

.sidebar .single-post .img img{position:absolute;top:0;left:0;height:100%}

.sidebar .single-post .info .capt{font-size:16px;font-weight:700;margin-bottom:5px}

.sidebar .single-post .info .date{color:rgba(20,22,35,0.6);display:flex;align-items:center}

.sidebar .single-post .info .date img{margin-right:10px}

.sidebar .menu,.sidebar .widget_categories >ul{list-style:none;margin-bottom:0}

.sidebar .menu>li,.sidebar .widget_categories >ul>li{display:block;margin-bottom:10px;font-size:16px}

.sidebar .menu>li:last-child,.sidebar .widget_categories >ul>li:last-child{margin-bottom:0}

.sidebar .menu>li.current-menu-item>a,.sidebar .menu>li.current-menu-parent>a,.sidebar .menu>li.current-post-parent>a,.sidebar .widget_categories >ul>li.current-cat>a{color:#28469D;font-weight:700}

.sidebar .tagcloud{display:flex;flex-wrap:wrap}

.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}

.bg_section{background-size:cover;background-repeat:no-repeat;background-position:center}

.section_home{position:relative;padding:50px 0;z-index: 1}

.button_home{text-align: center;}

.button_home a{font-family: 'DTPhudu', sans-serif;color:#fff;background-color:#ac1f27;text-transform:uppercase;line-height:40px;height:40px;min-width:160px;padding:0 20px;text-align:center;position: relative;display: inline-block;overflow: hidden;}

footer{padding: 50px 0;background: #fff}

.footer-title{font-size: 18px;text-transform: uppercase;font-weight: 600;

    position: relative;

    font-family: 'DTPhudu', sans-serif;margin-bottom: 30px}

.banner_home{display: flex;justify-content: space-between;margin-bottom: -60px;}

.mySwiper{width: 45%;margin: 0}

.swiper-wrapper img{width: 100%}

.banner_homes{border-bottom: 100px solid #ac1f27;}

.banner_home .banner_content{width: 50%;text-align: center;font-family: 'DTPhudu', sans-serif;padding-top: 50px}

.banner_home .swiper-pagination{position: relative;z-index: 9;bottom: auto;left: auto;transform: none;}

.banner_home .banner_content .title{color: #ac1f27;text-transform: uppercase;font-size: 60px;font-weight: 600;text-shadow: 2px 2px 0px #171515}

.banner_home .banner_content .desc{font-size: 60px;color: #fff;background: #171515;width: fit-content;margin: 0 auto 10px;display: flex;font-weight: 600;

    align-items: center;padding: 0 20px;--mask: radial-gradient(20px at 20px 20px,#0000 98%,#000) -20px -20px;

  -webkit-mask: var(--mask);

          mask: var(--mask);position: relative;z-index: 1}

.banner_home .banner_content .desc:before{content: '';position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);background: #ac1f27;z-index: -1;-webkit-mask: var(--mask);

          mask: var(--mask);}

.banner_home .banner_content .desc span{font-size: 170px;

    font-weight: 700;margin: 0 5px;

    line-height: 150px;}

.banner_home .banner_content .call_btn{margin-bottom: 10px}

.banner_home .banner_content .call_btn a{color: #ac1f27;font-size: 35px;font-weight: 500;display: flex;align-items: center;justify-content: center}

.banner_home .banner_content .call_btn a i{color: #171515;font-size: 15px;margin-right: 7px}

.swiper-pagination-bullet{opacity: 1;background: #8f8f8f;width: 10px;height: 10px}

.swiper-pagination-bullet-active{background: #ac1f27}



.title_home{font-size: 35px;font-weight: 700;font-family: 'DTPhudu', sans-serif;color: #ac1f27;margin-bottom: 15px;text-align: center;}

.sub_home{font-size: 22px;font-weight: 700;font-family: 'DTPhudu', sans-serif;margin-bottom: 15px}



.section1 .img{padding: 0 40px 20px 0;position: relative;z-index: 1}

.section1 .img .bg{content: '';width: 60%;height: 90%;background: #ac1f27;position: absolute;right: 0;bottom: 0;z-index: -1;overflow: hidden;}

.section1 .img .bg:after{content: '';

    width: 140%;

    height: 140%;

    right: 60%;

    border-radius: 100%;

    background: #171515;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);}

.section1 .title_home{text-align: left;}

.section2:before{content: '';width: 200px;height: 200px;background-image: url(images/circle.png);position: absolute;top: -100px;background-size: 100%;right: -120px}

.desc_home{text-align: center;width: 100%;max-width: 666px;margin:0 auto 30px}

.section2{background-image: url(images/bgbgbg.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: bottom;padding-bottom: 100px;}

.section2 .swiper-slide .img{padding-top: 160%;overflow: hidden;position: relative;border-radius: 30px;border: 3px solid #fff}

.section2 .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.section2 .swiper-slide{color: #fff;text-align: center;}

.section2 .swiper-slide .title{font-size: 22px;font-weight: 700;font-family: 'DTPhudu', sans-serif;font-style: italic;margin: 10px 0}

.section3 {color: #fff;z-index: 2}

.section3 .title_home{color: #fff}

.section4s:before{content: '';width: 200px;height: 200px;background-image: url(images/circle.png);position: absolute;top: -100px;background-size: 100%;left: -120px}



.section4 .swiper-slide .img{padding-top: 110%;overflow: hidden;position: relative;}

.section4 .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.section4 .swiper-slide .cnt{background: #fff;padding: 20px }

.section4 .swiper-slide .cnt .title{font-size: 22px;font-weight: 700;font-family: 'DTPhudu', sans-serif;}

.section4 .swiper-slide .cnt .menu_foods a{text-decoration: underline;font-style: italic;}

.section4 .swiper-slide .cnt .menu_foods{margin-bottom: 5px}

.section4 .swiper-slide .cnt .price{font-size: 20px;font-weight: 700;font-family: 'DTPhudu', sans-serif;color: #ac1f27}

.section4 {padding: 0 60px;position: relative;}

.swiper-button-next:after, .swiper-button-prev:after{font-family: "Font Awesome 6 Pro";font-size: 16px}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "\f060";}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: "\f061";}

.swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;background: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;opacity: 1 !important;color: #00adef;box-shadow: rgb(0 0 0 / 17%) 4px 4px 4px;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{color: #8f8f8f;}

.section5 .item{padding-top: 100%;overflow: hidden;position: relative;border: 3px solid #fff}

.section5 .item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}



.section5:before{content: '';width: 200px;height: 200px;background-image: url(images/circle.png);position: absolute;bottom: -100px;background-size: 100%;right: -120px}



.section6{display: flex;position: relative;align-items: center;}

.section6 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.section6 .colitem{flex: 1;padding: 0 30px}

.section6 .item a,.section6 .item span{font-size: 35px;

    font-weight: 700;display: block;line-height: 1;

    font-family: 'DTPhudu', sans-serif;position: relative;z-index: 1;text-align: center;background: #e0d5ccc2;padding: 30px 0}



.section6 .item.title span,.section6 .item.active a{padding: 95px 0}

.section6 img{transform: scale(0);transition: .3s}

.section6 img.active{transform: scale(1);}



.contact_form .form-group{margin-bottom: 24px}

.contact_form input{height: 50px;text-align: center;border-color: #acacac;border-radius: 5px}

.contact_form button{height: 50px;text-align: center;border: none;background: #000;border-radius: 5px;color: #fff;width: 100%;font-size: 20px;font-weight: 700;font-family: 'DTPhudu', sans-serif;}



.section7:before{content: '';width: 200px;height: 200px;background-image: url(images/circle.png);position: absolute;top: 100px;background-size: 100%;left: -120px;z-index: -1}

.section8 iframe{width: 100%;height: 500px}

.swiper-pagination2{text-align: center;margin-top: 20px}



.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0}

.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0}

.title_pages{font-family: 'DTPhudu', sans-serif;text-align: center;color: #ac1f27;margin-bottom: 20px}

.item_post{margin-bottom: 24px;background: #fff;height: calc(100% - 24px);}

.item_post .thumb a{padding-top: 70%;overflow: hidden;position: relative;display: block;}

.item_post .thumb a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.item_post .cnt{padding: 20px }

.item_post .cnt h3{font-size: 22px;font-weight: 700;font-family: 'DTPhudu', sans-serif;}

.content_single{background: #fff;padding: 20px}

.related-posts .title{margin: 20px 0;font-size: 24px;font-weight: 700}

.mySwiper5 .swiper-slide{height: 432px;}

.mySwiper5 .swiper-wrapper{height: 1336px}

.mySwiper5 .swiper-slide a{padding-top: 100%;overflow: hidden;position: relative;display: block;height: 100%}

.mySwiper5 .swiper-slide a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.mySwiper5 .swiper-pagination-bullet{background: none;height: auto;width: auto;margin: 0 10px !important}

.mySwiper5 .swiper-pagination3{margin-top: 20px;text-align: center;font-size: 20px;}

.mySwiper5 .swiper-pagination-bullet-active{font-weight: bold;}



.mySwiper6 .swiper-slide{background: #fff;padding: 15px;display: flex;flex-wrap: wrap;box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}

.mySwiper6 .item_food{padding: 15px;width: 50%}

.mySwiper6 .item_food .img{padding-top: 70%;overflow: hidden;position: relative;display: block;}

.mySwiper6 .item_food .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.mySwiper6 .swiper-slide .item_food:nth-child(3){width: 100%}

.item_food .cnt{display: flex;flex-wrap: wrap;padding-top: 10px}

.item_food .cnt > div{width: 50%}

.item_food .cnt .capt{font-size: 22px;font-weight: 700;font-family: 'DTPhudu', sans-serif;}

.item_food .cnt .price{font-size: 32px;font-weight: 700;font-family: 'DTPhudu', sans-serif;color: #ac1f27;line-height: 1}

.item_food .cnt .pri{text-align: right;}

.item_food .cnt .pri .dl{font-weight: 500}

.mySwiper6 .swiper-slide .item_food:nth-child(3) {display: flex;flex-wrap: wrap;}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .img{width: 60%;padding-top: 40%;}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt{width: 40%;padding-left: 30px;padding-top: 0;display: flex;justify-content: center;flex-direction: column;position: relative;}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt .pri{text-align: left;}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt:after{content: '';width: 20%;height: 100%;position: absolute;right: 0;top: 0;background: repeating-linear-gradient(-45deg, #272727, #272727 10px, transparent 0, transparent 13px);z-index: 1}



.button_home.button_homekm{margin-top: 40px;}

.button_home.button_homekm a{font-size: 32px;height: auto;padding: 40px;line-height: normal;width: 100%;max-width: 80%;font-weight: 500}





@media (max-width: 1399px) {

.mySwiper5 .swiper-slide {

    height: 358px;

}

.mySwiper5 .swiper-wrapper {

    height: 1114px;

}

}

@media (max-width: 1199px) {

.mySwiper5 .swiper-slide {

    height: 298px;

}

.mySwiper5 .swiper-wrapper {

    height: 934px;

}

.banner_home .banner_content{padding-top: 0}

.banner_home{margin-bottom: -40px;}

.banner_homes {

    border-bottom: 80px solid #ac1f27;

}

}

@media (max-width: 991px) {

.header_pc{display:none}

.header_mb{display:block;background:#ac1f27;margin-bottom: 30px;}

.banner_top {

    height: 110px;}



.header_main_mb{padding:10px 0}

.header_main_mb .logo_mb{position: relative;}

.header_main_mb .logo_mb .logo {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

.header_main_mb .logo_mb{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 40px);padding:0 10px}

.header_main_mb .logo_mb .logo{margin-bottom:0}

.header_main_mb .logo_mb .logo img{max-width:100%;height:100px;object-fit:contain;transition: .3s}

.head.navbar-fixed-top .logo_mb .logo img {

    width: 80px;

}

.header_main_mb .box_right{width:40px;height:40px;cursor:pointer}

.touch_menu{width:40px;height:40px;display:flex;align-items:center;position:relative;cursor:pointer;border-radius:5px;transition:all .3s}

.touch_menu:after,.touch_menu:before{content:"";-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;height:2px;width:30px;position:absolute;left:6px;background:#ddd}

.touch_menu:before{top:12px}

.touch_menu:after{bottom:12px}

.touch_menu .line{width:20px;display:block;height:2px;background:#ddd;margin-left:6px}

.touch_menu.opened .line{display:none}

.touch_menu.opened:after,.touch_menu.opened:before{left:4px}

.touch_menu.opened:before{transform:rotate(-45deg);top:20px}

.touch_menu.opened:after{transform:rotate(45deg);bottom:18px}

#menu_bar_mobile{position:fixed;width:80%;height:100%;overflow:scroll;background:#ac1f27;z-index:999;top:0;left:-100%;transition:.3s}

#menu_bar_mobile.opened{left:0}

.bg_dark{background:rgba(0,0,0,.9);z-index:998;position:fixed;top:0;left:0;width:100%;height:100%;cursor:url(images/light-close.png) 16 16,pointer;display:none}

.menu_mobile{margin:0;}

.menu_mobile li{padding:0 20px;position:relative;list-style:none}

.menu_mobile li>a{padding:15px;color:#e1d6cd;font-weight:500;display:block;font-size:16px;position:relative;font-family: 'DTPhudu', sans-serif;}

.menu_mobile li:last-child>a{border-bottom:0}

.menu_mobile li>i{position:absolute;padding:14px;color:#fff;position:absolute;right:20px;top:5px;cursor:pointer}

.menu_mobile li> .sub-menu{display:none}

.banner_home{display: block;}

.mySwiper,.banner_home .banner_content{width: 100%}

.banner_home .banner_content{padding-top: 0;margin-bottom: 15px}

.banner_home{margin-bottom: -20px}

.banner_homes{border-bottom: 50px solid #ac1f27;}

.section_home{padding: 20px 0}

.section2:before,.section4s:before,.section5:before,.section7:before{width: 160px;

    height: 160px;    opacity: .5;}

.title_home{font-size: 30px}

.section6{display: block;padding: 20px 0 0}

.section6 .colitem{padding: 20px}

.mySwiper6 .swiper-slide .item_food{width: 100%}

.mySwiper6 .swiper-slide .item_food:nth-child(3) > div{width: 100% !important}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .img{padding-top: 70%}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt{padding-top: 10px;padding-left: 0;flex-direction: row;}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt:after{display: none}

.mySwiper6 .swiper-slide .item_food:nth-child(3) .cnt .pri{text-align: right;}

.mySwiper5 .swiper-slide {

    height: 218px;

}

.mySwiper5 .swiper-wrapper {

    height: 694px;

}

.section5 .button_home{margin-bottom: 20px}

#back-top{position: unset;transform: none;margin-top: 20px}

}

@media(max-width:767px) {

iframe{height:300px;width:100%}

.fixed{position:fixed!important;z-index:10000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}

.this_pc{display:none}

.this_mb{display:block}

.block_slider{margin:-10px}

.item_slider{padding:10px}

.mySwiper5 .swiper-slide {

    height: 167px;

}

.mySwiper5 .swiper-wrapper {

    height: 541px;

}



}

@media(max-width:575px) {

iframe{height:200px}

.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 img{margin-bottom:10px}

.content-post iframe{margin:15px auto;height:250px}

.content-post div{margin-bottom:10px}

.content-post p{margin-bottom:10px}

.content-post table{margin-bottom:10px}

.content-post blockquote{font-size:14px}

.content-post ul,.content-post ol{padding-left:20px;margin-bottom:20px}

.content-post h1{font-size:24px;margin-bottom:10px}

.content-post h2{font-size:20px;margin-bottom:10px}

.content-post h3{font-size:18px;margin-bottom:10px}

.content-post h4{font-size:16px;margin-bottom:10px}

.content-post h5,.content-post h6{font-size:14px;margin-bottom:10px}

.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{border:none;max-width:100%;padding:0;margin:0 auto 10px!important;background-color:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,0.15)}

.wp-caption.alignnone{margin:5px 10px 10px 0}

.wp-caption.alignleft{margin:5px 10px 10px 0}

.wp-caption.alignright{margin:5px 0 10px 10px}

.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}

.wp-caption p.wp-caption-text{font-size:12px;color:#aaa;margin:0;padding:10px;display:flex;align-items:center}

.content-post .gallery{margin:0 -5px!important}

.content-post .gallery .gallery-item{padding:0 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}

}