.alert-warning{
color:#856404;background-color:var(--mainColor)3cd;border-color:#ffeeba
}
.layout-blog{
padding-bottom:30px
}
.title_white_new{
text-align:left;font-weight:700;margin-bottom:25px; margin-top: 0;
}
.title_white_new .title-confiden-product-home{
font-size:36px !important;color:var(--textColor);text-transform:uppercase;font-weight:700;margin-top:5px !important
}
@media (max-width: 1440px){
.title_white_new .title-confiden-product-home{
font-size:32px !important
}

}
@media (max-width: 767.5px){
.title_white_new .title-confiden-product-home{
font-size:26px !important
}

}
@media (max-width: 425px){
.title_white_new .title-confiden-product-home{
font-size:22px !important
}

}
.title_white_ne2{
text-align:left;font-weight:700;margin-bottom:25px
}
.title_white_ne2 .title-confiden-product-home{
font-size:36px !important;color:white;text-transform:uppercase;font-weight:700;margin-top:5px !important
}
@media (max-width: 1440px){
.title_white_ne2 .title-confiden-product-home{
font-size:32px !important
}

}
@media (max-width: 767.5px){
.title_white_ne2 .title-confiden-product-home{
font-size:26px !important
}

}
@media (max-width: 425px){
.title_white_ne2 .title-confiden-product-home{
font-size:22px !important
}

}
.line-bottom-title{
height:2px;width:100%;border-bottom:2px solid var(--mainColor);margin:0;margin-bottom:10px
}
@media (max-width: 1199px){
.line-bottom-title{
width:250px
}

}
@media (max-width: 990.5px){
.line-bottom-title{
width:200px
}

}
@media (max-width: 425px){
.line-bottom-title{
width:150px
}

}
.line-bottom-title2{
height:2px;width:300px;border-bottom:2px solid var(--mainColor);margin-bottom:10px
}
@media (max-width: 1199px){
.line-bottom-title2{
width:250px
}

}
@media (max-width: 990.5px){
.line-bottom-title2{
width:200px
}

}
@media (max-width: 425px){
.line-bottom-title2{
width:150px
}

}
.title-page{
font-size:16px;text-transform:uppercase;font-weight:bold
}
.list-blogs .item-blog{
display:flex;flex-wrap:wrap;margin-bottom:30px
}
.list-blogs .item-blog .block-thumb{
width:375px;margin-right:30px
}
.list-blogs .item-blog .block-thumb .thumb{
padding-bottom:65%;display:block;height:0;position:relative
}
.list-blogs .item-blog .block-thumb .thumb img{
left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%;width:auto !important;height:auto !important;position:absolute
}
.list-blogs .item-blog .block-content{
width:calc(100% - 405px)
}
.list-blogs .item-blog .block-content h3{
padding:0px;margin:0px 0 15px;line-height:24px;font-size:18px;color:#333
}
.list-blogs .item-blog .block-content .time-post{
font-size:14px;font-weight:400;color:#acacac;display:inline-block;margin-right:10px
}
.list-blogs .item-blog .block-content .time-post svg{
width:15px;height:15px;margin-top:-5px;margin-right:2px
}
.list-blogs .item-blog .block-content p.justify{
font-size:14px;color:#333;margin:15px 0;font-weight:400
}
.list-blogs .item-blog .block-content .viewmore{
height:35px;display:inline-flex;align-items:center;justify-content:center;background:#363636;color:var(--mainColor);font-size:14px;padding:0 30px
}
.list-blogs .item-blog .block-content .viewmore:hover{
background:#0089ff
}
.aside-content-blog .title-head{
font-size:16px;text-transform:uppercase;font-weight:bold;margin-bottom:5px
}
.aside-content-blog .nav-category ul{
padding:0;margin:0;list-style:none
}
.aside-content-blog .nav-category ul .nav-item .nav-link{
display:block;padding:8px 0;font-size:14px
}
.aside-content-blog .nav-category ul .nav-item .nav-link.pr-5{
padding-right:30px
}
.aside-content-blog .nav-category ul .nav-item.active>.nav-link{
color:#f4bd24
}
.aside-content-blog .nav-category ul .menu_down{
padding-left:10px !important
}
.aside-content-blog .nav-category ul .down_icon{
width:30px;height:30px;top:5px;right:0;transition:0.5s all;cursor:pointer;position:absolute;display:flex;justify-content:center;align-items:center
}
.aside-content-blog .nav-category ul .down_icon:before{
content:'';width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#59646a transparent transparent transparent;transition:border-color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}
.aside-content-blog .nav-category ul .down_icon.cls_mn{
transform:rotate(180deg)
}
.blog_noibat{
margin-top:30px
}
.blog_noibat h2{
font-size:16px;text-transform:uppercase;font-weight:bold;margin-bottom:15px
}
.blog_noibat .blog_content .item{
display:flex;flex-wrap:wrap;margin-bottom:10px;border-bottom:1px solid #ebebeb;padding-bottom:10px
}
.blog_noibat .blog_content .item .post-thumb{
width:90px;margin-right:10px
}
.blog_noibat .blog_content .item .contentright{
width:calc(100% - 100px)
}
.blog_noibat .blog_content .item .contentright h3{
font-size:14px;margin:0
}
.blog_noibat .blog_content .item:last-child{
border:initial;margin:0;padding:0
}
.layout-article{
padding-bottom:30px
}
.article-main .time-post{
font-size:14px;font-weight:400;color:#acacac;display:inline-block;margin-right:10px
}
.article-main .time-post svg{
width:15px;height:15px;margin-top:-5px;margin-right:2px
}
.article-main .article-image{
margin-bottom:20px
}
.article-main .article-title{
margin-top:0px;margin-bottom:15px;font-size:30px;font-weight:700;color:#333;line-height:34px
}
.article-main .posts{
font-size:12px;margin-bottom:10px
}
.article-main .rte{
font-size:16px
}
@media (max-width: 767px){
.article-main .rte iframe{
width:100%
}

}
.article-main form{
display:block;padding-top:0px;margin-top:10px;padding-bottom:30px
}
.article-main form label{
display:block;margin-bottom:4px;font-weight:700
}
.article-main form label .required{
color:#ff0000
}
.article-main .form-group input{
height:40px;border:solid 1px #e4e4e4;padding:0 15px;outline:none;width:100%;margin-bottom:15px
}
.article-main .form-group input::placeholder{
color:#7c7c7c
}
.article-main .form-group input:-ms-input-placeholder{
color:#7c7c7c
}
.article-main .form-group input::-ms-input-placeholder{
color:#7c7c7c
}
.article-main .form-group textarea{
border:solid 1px #e4e4e4;padding:10px;outline:none;width:100%
}
.article-main .form-group textarea::placeholder{
color:#7c7c7c;opacity:1
}
.article-main .form-group textarea:-ms-input-placeholder{
color:#7c7c7c
}
.article-main .form-group textarea::-ms-input-placeholder{
color:#7c7c7c
}
.article-main .button_45{
height:40px;line-height:38px;padding:0 25px;background:#363636;font-size:14px;color:var(--mainColor);border:solid 1px #363636;font-weight:400;margin-top:10px
}
.article-main .button_45:hover{
background:var(--mainColor);border-color:#0089ff;color:#0089ff
}
.article-main .title-form-coment{
font-size:16px;margin-top:0;margin-bottom:5px;padding-bottom:15px;color:#333;font-weight:500
}
#article-comments .article-comment{
margin-bottom:30px;padding-bottom:20px;border-bottom:1px dotted #c9c8c5
}
#article-comments .article-comment:last-child{
padding-bottom:30px
}
#article-comments .article-comment-user-image{
margin:0;float:left;width:80px;margin-right:12px;height:80px;border-radius:0;display:block
}
#article-comments .article-comment-user-comment{
display:block;float:left;width:calc(100% - 95px);-webkit-width:calc(100% - 95px);-moz-width:calc(100% - 95px);-o-width:calc(100% - 95px);-os-width:calc(100% - 95px);padding-left:10px;word-break:break-word;font-size:em(14px)
}
#article-comments .user-name-comment{
margin:0;font-size:14px;line-height:1;font-weight:700
}
#article-comments .user-name-comment strong{
font-weight:700
}
#article-comments .article-comment-date-bull{
padding:5px 0;display:block;color:#b0b0b0;font-size:12px
}
#article-comments .cm{
font-size:14px;color:#707070
}
.social-sharing{
border-top:solid 1px #e4e4e4;padding:20px 0;margin-bottom:10px;border-bottom:1px solid #e4e4e4;display:flex;align-items:center
}
.social-sharing span{
margin-right:10px
}
.social-sharing .addthis_inline_share_toolbox{
margin-top:3px
}
.blog_lienquan{
margin-top:50px
}
.blog_lienquan .title_white_new .title-confiden-product-home{
color:#000
}
.blog_lienquan .line-bottom-title{
border-bottom:2px solid #000
}
.blog_lienquan h2{
font-size:28px;margin-bottom:15px;font-size:18px;text-transform:uppercase;color:#231f20
}
.blog_lienquan .item-blog{
position:relative;margin-bottom:30px;background-color:#000
}
.blog_lienquan .item-blog .thumb{
padding-bottom:75%;overflow:hidden;height:auto;display:block;position:relative
}
.blog_lienquan .item-blog .thumb img{
position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover
}
.blog_lienquan .item-blog .block-content{
padding:5px 5px 0px
}
.blog_lienquan .item-blog .block-content h3{
font-size:16px;margin-top:0;padding-top:0;text-transform:capitalize;margin-bottom:0;min-height:48px;text-align:center;font-weight:700;margin:8px 0px 8px;display:flex;justify-content:center;align-items:center
}
.blog_lienquan .item-blog .block-content h3 a{
color:var(--mainColor);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.blog_lienquan .item-blog .block-content h3 a:hover{
color:#f4bd24
}
.blog_lienquan .item-blog .box-item0cus{
display:flex;justify-content:space-between;align-items:center
}
.blog_lienquan .item-blog .box-item0cus a{
display:inline-block;border:1px solid var(--mainColor);color:var(--mainColor);padding:1px 5px;text-transform:uppercase
}
.blog_lienquan .item-blog .box-item0cus a:hover{
background-color:var(--mainColor);color:#000
}
.blog_lienquan .item-blog .justify{
font-size:12px;line-height:18px;margin:0;font-weight:400;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:54px;margin-bottom:10px
}
@media (max-width: 991px){
.aside-content-blog{
margin-top:30px
}

}
@media (max-width: 991px) and (min-width: 767px){
.list-blogs .item-blog .block-thumb{
width:315px
}
.list-blogs .item-blog .block-content{
width:calc(100% - 345px)
}

}
@media (max-width: 767px){
.list-blogs .item-blog{
margin-bottom:15px
}
.list-blogs .item-blog .block-thumb{
width:100%;margin-right:0
}
.list-blogs .item-blog .block-content{
margin-top:10px;width:100%
}
.blog_lienquan .item-blog{
margin-bottom:15px
}
.blog_lienquan .item-blog .block-thumb{
width:100%;margin-right:0
}
.blog_lienquan .item-blog .block-content{
margin-top:10px;width:100%
}

}
.item-blog{
position:relative;margin-bottom:30px
}
.item-blog .thumb{
padding-bottom:65%;overflow:hidden;height:auto;display:block;position:relative
}
.item-blog .thumb img{
position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover
}
.item-blog .block-content h3{
font-size:16px;margin-top:0;padding-top:0;text-transform:capitalize;margin-bottom:0;min-height:48px;text-align:left;font-weight:700;margin:10px 0px 8px
}
.item-blog .block-content h3 a{
color:var(--textColor);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.item-blog .box-item0cus{
display:flex;justify-content:space-between;align-items:center
}
.item-blog .box-item0cus a{
display:inline-block;border:1px solid var(--mainColor);color:var(--mainColor);padding:1px 5px;text-transform:uppercase
}
.item-blog .box-item0cus a:hover{
background-color:var(--mainColor);color:#000
}
.item-blog .justify{
font-size:12px;line-height:18px;margin:0;font-weight:400;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:54px;margin-bottom:10px
}
.article-details{
background-color:var(--mainColor);padding:15px
}
@media (max-width: 767px){
.article-details{
padding:10px
}
.article-details table{
width:100% !important
}

}
.content_right{
color:var(--mainColor);position:relative;bottom:10px
}
.blog_left_base .block-collection{
position:sticky;top:100px
}
.blog_lienquan .block-feedback{
background-color:var(--mainColor);padding:30px 0 15px;position:relative
}
@media (max-width: 767px){
.blog_lienquan .block-feedback{
padding:30px 0 15px
}

}
.blog_lienquan .swiper-button-next,.blog_lienquan .swiper-button-prev{
display:block;position:absolute;bottom:0;left:0;width:40px;height:40px;z-index:1;text-align:center;font-size:20px;line-height:40px;cursor:pointer;color:#000;background-color:rgba(255,255,255,0.3);transition:all .3s;-webkit-transition:all .3s;border-radius:50%;-webkit-border-radius:50%;background-image:none
}
.blog_lienquan .swiper-button-next:after,.blog_lienquan .swiper-button-prev:after{
width:36px;height:36px;font-size:34px;color:#000
}
@media (max-width: 767px){
.blog_lienquan .swiper-button-next:after,.blog_lienquan .swiper-button-prev:after{
font-size:20px;color:var(--mainColor)
}

}
.blog_lienquan .swiper-button-prev{
width:40px;right:auto;left:25px;margin:0;top:50%;bottom:auto
}
@media (max-width: 767px){
.blog_lienquan .swiper-button-prev{
left:10px
}

}
@media (min-width: 1440px){
.blog_lienquan .swiper-button-prev{
left:15%
}

}
.blog_lienquan .swiper-button-next{
width:40px;left:auto;right:25px;margin:0;top:50%;bottom:auto;margin:0px
}
@media (max-width: 767px){
.blog_lienquan .swiper-button-next{
right:10px
}

}
@media (min-width: 1440px){
.blog_lienquan .swiper-button-next{
right:15%
}

}
@media (max-width: 767px){
.layout-dong-phuc .item-blog .block-content h3{
font-size:12px;min-height:16px
}
.layout-dong-phuc .item-blog .block-content h3 a{
-webkit-line-clamp:1
}

}
.menu-blog{
list-style:none;padding-left:15px;width:100%;text-align:left
}
.menu-blog li{
background:var(--mainColor);padding:5px 20px;border:2px solid var(--textColor);margin-bottom:10px;color:var(--mainColor);font-weight:700;font-size:18px;cursor:pointer;background:transparent;display:inline-block;margin-bottom:5px
}
.menu-blog li a{
color:var(--mainColor)
}
.menu-blog li:hover,.menu-blog li.active{
background:#f4bd24;border-color:#f4bd24
}
.menu-blog li:hover a,.menu-blog li.active a{
color:#000
}