#mainMenu ul li a,
#mainMenu ul#primary-menu>li>a,
#mainMenu ul#primary-menu>li>ul>li>a,
#slidepopup h2,
.commnetList h2,
.img_address a.navmainmenu,
.img_address span a,
.menuLeft h2,
.namePro,
.namePro a,
.newsBox h2 a,
.pro_feature h2,
.sort_name span.title,
.sub_main_menu span a,
.title_mod_counter,
.title_mod_left,
.title_product,
.title_product2,
h2.other {
    text-transform: uppercase
}

.ux-lazy-load img,
img.blur-up {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.skeleton,
.lazy-placeholder {
  background: transparent !important;
}
.box-detail h1,
.box-detail h2,
.box-detail h3,
.box-detail h4,
.box-detail h5,
.list-chill a:hover,
.tab-left-chill a,
body,
p {
    color: #000
}

.releated_theme_category.col-lg-4 {
    width: 25% !important
}

body.fixed,
body.push {
    overflow: hidden
}

#mainMenu ul#primary-menu>li:hover>ul,
.banner_top a,
.boxImgContent .imgPro a,
.box_map a,
.boxtopcomment,
.camera,
.camera .viewcamera a,
.container_default_page,
.contentDescProduct,
.htabs,
.img_address span,
.listProduct,
.post_featuenew_siderbar_content li .item a.thumbnail_sidebar,
.post_news_theme_siderbar_content,
.section-thuoc-lo-ban,
.small_banner a,
.top_price a,
.widget-container-contact,
a img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time,
ul#footer-menu-container,
ul#footer-menu-top-field-container {
    display: block
}

#menu-m ul li a,
.breadcrumb_content a,
.breadcrumb_support a,
.htabs ul li.htab2 a,
.htabs ul li.htab2 a span span,
.img_address a.navmainmenu .img_address a.navmainmenu,
.img_address a.navmainmenu:focus,
.img_address a.navmainmenu:hover,
.img_address span a,
.menuLeft h2 a,
.menuLeft h3 a,
.menu_small_top a,
.nameProduct,
.nameProductView,
.newsBox h2 a,
.newsBox h3 a,
.releated_page_container ul.list_releated li a:hover:before,
.sidebar_feature_post ul.muti_menu_right_category>li>a:hover:before,
.title_product a,
.title_product_sub a,
.viewmore a,
a,
a:focus,
a:hover {
    text-decoration: none
}

#mainMenu ul li.active a:hover,
.boxtopcomment h2 a:hover,
.clickcomt a:hover,
.htabs ul li a,
.htabs ul li a span span,
.listcomment h3 a:hover,
.listcomment2 h3 a:hover,
.newsitem span.viewmore a:hover,
.pfoote-content p a:hover,
.product_desc a:hover,
.title_product_sub a:hover,
.viewmore a:hover,
ul#footer-menu-top-field-container li a:hover {
    text-decoration: underline
}

.contentNews table,
table,
table td,
table th {
    border-collapse: collapse
}

#menu-m ul.row,
.htabs ul,
.menuLeft,
.subCate,
ul.list-about-footer>li {
    list-style-type: none
}

.border-brand,
body {
    word-wrap: break-word
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-LightItalic.eot);
    src: url(fonts/SFUI/SFUIText-LightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-LightItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-LightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-UltralightItalic.eot);
    src: url(fonts/SFUI/SFUIText-UltralightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-UltralightItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-UltralightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-HeavyItalic.eot);
    src: url(fonts/SFUI/SFUIText-HeavyItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-HeavyItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-MediumItalic.eot);
    src: url(fonts/SFUI/SFUIText-MediumItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-MediumItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Ultralight.eot);
    src: url(fonts/SFUI/SFUIText-Ultralight.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Ultralight.woff) format('woff'), url(fonts/SFUI/SFUIText-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Medium.eot);
    src: url(fonts/SFUI/SFUIText-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Medium.woff) format('woff'), url(fonts/SFUI/SFUIText-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Light.eot);
    src: url(fonts/SFUI/SFUIText-Light.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Light.woff) format('woff'), url(fonts/SFUI/SFUIText-Light.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-SemiboldItalic.eot);
    src: url(fonts/SFUI/SFUIText-SemiboldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-SemiboldItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Semibold.eot);
    src: url(fonts/SFUI/SFUIText-Semibold.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Semibold.woff) format('woff'), url(fonts/SFUI/SFUIText-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Heavy.eot);
    src: url(fonts/SFUI/SFUIText-Heavy.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Heavy.woff) format('woff'), url(fonts/SFUI/SFUIText-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Bold.eot);
    src: url(fonts/SFUI/SFUIText-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Bold.woff) format('woff'), url(fonts/SFUI/SFUIText-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-Regular.eot);
    src: url(fonts/SFUI/SFUIText-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-Regular.woff) format('woff'), url(fonts/SFUI/SFUIText-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-RegularItalic.eot);
    src: url(fonts/SFUI/SFUIText-RegularItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-RegularItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-RegularItalic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Expro;
    src: url(fonts/SFUI/SFUIText-BoldItalic.eot);
    src: url(fonts/SFUI/SFUIText-BoldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/SFUI/SFUIText-BoldItalic.woff) format('woff'), url(fonts/SFUI/SFUIText-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-family: Roboto;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    line-height: 1.4em;
    padding: 0;
    vertical-align: baseline
}

.boxFrame .not_title img,
.container_default_page .contentNews,
.list_new_category_group .contentNews,
a img,
img {
    border: none
}

#element_to_pop_up p.pptitle,
#slidepopup h2,
.search_title,
body,
p,
table th {
    font-size: 14px
}

#Nguoi_viet_danh_gia span,
#slidepopup .viewdate,
.cate_desc_content,
.details-sumary em,
.details-sumary i,
.error,
.msgerror,
.msgsuccess,
.note,
.priceProduct,
.title_product .count_product,
figcaption,
i,
p.link_box_comment a {
    font-style: italic
}

.logo-top img {
    width: auto
}

.banner_top img,
.tm-article-featured-image img,
a img,
iframe,
table {
    width: 100%;
    height: fit-content;
    object-fit: contain
}

.row-listpro a img {
    width: 100%;
    height: auto;
    object-fit: contain
}

:focus {
    outline: 0 !important
}

body,
html {
    margin: 0 !important;
    padding: 0 !important
}

#slidepopup h3,
.htabs ul,
.newsBox h3,
.photosgallery-vertical .sliderkit-nav-clip ul li,
body,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
span,
ul {
    margin: 0;
    padding: 0
}

.dropdown,
.dropup {
    position: relative;
    padding: 4px 0
}

table {
    border-spacing: 0
}

caption,
td,
th {
    text-align: left;
    padding: 5px 10px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

a img {
    height: auto
}

img {
    height: auto;
    max-width: 100%
}

a {
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

#toTop:active,
#toTop:focus,
a:active,
a:hover {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5
}

.camera .viewcamera a img,
.group-section-wrap,
.subCate,
h2,
h3,
h4,
h5,
p {
    margin: 0
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 300;
    line-height: 20px;
    overflow-wrap: break-word;
    overflow-x: hidden
}

body.push {
    left: -280px
}

.fl,
.l,
.rightContent {
    float: left
}

.fr,
.leftContent,
.r,
.social_footer ul {
    float: right
}

h1 {
    font-size: 45px;
    color: #373895;
    margin-top: 0
}

h2 {
    font-size: 35px
}

.img_address a.navmainmenu.navactive,
h3 {
    font-size: 25px
}

h3 {
    line-height: 28px
}

h4 {
    font-size: 19px
}

.test,
h5 {
    font-size: 17px
}

h5 {
    line-height: 24px
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.header_slider_home .row [class*=col-],
.p-0 {
    padding-left: 0;
    padding-right: 0
}

a,
a:focus,
a:hover {
    outline: 0;
    transition: .3s ease-in-out
}

ol,
ul {
    list-style: none
}

.entry-content.details-sumary [colorscheme=light],
.hide,
.mobile {
    display: none !important
}

table td,
table th {
    border: 1px solid #d1d1d1;
    line-height: 2 !important;
    padding: 10px 20px !important
}

table th {
    background: #f2f2f2;
    vertical-align: middle !important;
    min-width: 145px
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.r_text {
    text-align: right
}

.center,
.center_text {
    text-align: center;
    margin: 0 auto
}

.b,
b {
    font-weight: 700 !important
}

.error,
.htabs ul li a:hover,
.info_view a,
.menu_small_top a:hover,
.rq,
.toc_toggle a {
    color: red
}

.white {
    color: #fff !important
}

.dark-bg {
    background-color: #101a28
}

.w100 {
    width: 100% !important
}

.no-pad,
.pd-none {
    padding: 0 !important
}

.no-mar,
.uk-margin-remove {
    margin: 0 !important
}

section {
    padding-top: 30px
}

.page-site {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: #f0f0f0
}

.details-sumary .uk-align-left,
.details-sumary .uk-align-right {
    float: none !important
}

.details-sumary p {
    font-size: 15px;
    width: 100%
}

.details-sumary img {
    width: auto !important
}

@-webkit-keyframes my {

    0%,
    100% {
        color: #00c6f5
    }

    50% {
        color: #e60000
    }
}

@-moz-keyframes my {

    0%,
    100% {
        color: #00c6f5
    }

    50% {
        color: #e60000
    }
}

@-o-keyframes my {

    0%,
    100% {
        color: #00c6f5
    }

    50% {
        color: #e60000
    }
}

@keyframes my {

    0%,
    100% {
        color: #00c6f5
    }

    50% {
        color: #e60000
    }
}

.test {
    font-weight: 700;
    -webkit-animation: 1.2s infinite my;
    -moz-animation: 1.2s infinite my;
    -o-animation: 1.2s infinite my;
    animation: 1.2s infinite my
}

#sidr-right-menu,
.menu_mobile_resposive {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wprs_magic {
    left: -9999px;
    position: absolute
}

div.rating,
span.rating {
    display: inline-block;
    font-family: FontAwesome;
    position: relative
}

div.rating::before {
    color: #ccc;
    content: ""
}

div.rating::after,
span.rating::after {
    color: #f90;
    left: 0;
    position: absolute
}

span.rating::before {
    color: #999;
    content: ""
}

.r-0::before,
.r-5::after {
    content: ""
}

.r-05::after {
    content: " "
}

.r-1::after {
    content: ""
}

.r-15::after {
    content: " "
}

.r-2::after {
    content: ""
}

.r-25::after {
    content: " "
}

.r-3::after {
    content: ""
}

.r-35::after {
    content: " "
}

.r-4::after {
    content: ""
}

.r-45::after {
    content: " "
}

.editorrating_average {
    background: #f89406;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 10px 18px
}

#menu-m ul li a,
.comment-facebook,
.info_contact,
.review_content_post {
    padding: 10px 0;
    display: block
}

.review_content_post .row {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.review_content_post .bor-tt {
    padding: 0;
    color: #060;
    font-weight: 700
}

#Nguoi_viet_danh_gia span {
    font-size: 15px;
    font-weight: 700
}

#breadcrumb .breadcrumb>li+li:before {
    content: "\f105";
    padding: 0 5px;
    color: #000;
    font-family: FontAwesome
}

#breadcrumb .breadcrumb>.active,
#breadcrumb .breadcrumb>.active a {
    color: #579409
}

#main_content {
    text-align: left;
    margin: 0 auto 10px;
    -webkit-box-shadow: 0 0 7px 1px #bababa;
    -moz-box-shadow: 0 0 7px 1px #bababa;
    box-shadow: 0 0 7px 1px #bababa
}

#lastErrorLoader,
#lastPostsLoader {
    display: none;
    clear: both;
    padding: 5px;
    text-align: center
}

#imageLoader {
    display: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 150px;
    z-index: 1
}

#imageLoader img,
#lastPostsLoader img {
    width: 50px
}

#footer,
.clear {
    clear: both
}

.clearline {
    background: #c5c4c4;
    height: 1px;
    margin-bottom: 5px;
    clear: both
}

.header_content {
    text-align: left;
    position: relative;
    padding: 0
}

.menu_small_top {
    text-align: right;
    background: #f3cfbe;
    padding: 7px 7px 0
}

#element_to_pop_up,
#menu-m ul li a,
#slidepopup,
.htabs ul li.htab2 a,
.icon-bar,
.product_info,
.vbox,
.video,
p.link_box_comment a {
    background-color: #fff
}

.menu_small_top a {
    display: inline-block;
    line-height: 26px;
    padding: 0 7px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    background-color: #f3cfbe;
    margin-bottom: 5px
}

.address-m {
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #e5e5e5
}

.address-m img,
.banner_larger img,
.banner_larger_right img,
.small_banner img,
.tm-article-featured-image>div.imgProduct-project>a.effect>img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.category_theme_load_home_item,
.container-footer-view,
.container-thuoc-lo-ban,
.img_address,
.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar,
.rightContent {
    display: block;
    position: relative
}

.img_address img {
    width: 317px ;
    height: auto;
    border: 0
}

.img_address .imglogo {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px 0
}

.img_address .imglogo img {
    max-width: 100%;
    width: auto
}

.img_address a.navmainmenu {
    min-width: 52px;
    display: none;
    background-color: #cb2227;
    padding: 0 7px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-right: 15px;
    margin-top: 48px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    line-height: 40px
}

.img_address span.span1 {
    padding-left: 10px;
    float: left
}

.img_address span.span2 {
    padding-right: 10px;
    float: right
}

.img_address span a {
    font-weight: 700;
    font-size: 15px;
    line-height: 35px;
    color: red
}

#navbar-menu {
    margin: 0;
    border: none;
    min-height: 30px
}

@media (max-width: 767px){

  
  .header .logo_group.clear,
  .header .logo-group,
  .header .header-top,
  .header .container.clear > .logo_group { 
    display: flex;
    align-items: center;        
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    min-height: 52px;           
  }

  
  .header .logo_inc,
  .header .logo_inc_img_add {
    flex: 1 1 auto;
  }
  .header .logo_inc img {
    display: block;
    max-height: 32px;           
    width: auto;
  }

  
  .navbar-toggle.menu_mobile_header,


  
  .navbar-toggle .bar1,
  .navbar-toggle .bar2,


  
  .header .container.clear { padding-left: 0; padding-right: 0; }
}

@media (max-width: 767px){

  
  .header .logo_group,
  .header .logo-group,
  .header .container_group_header,
  .header .header-top {            
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;  
    gap: 10px;
    position: relative;            
    min-height: 52px;
    padding: 6px 10px;
    width: 100%;
  }

  
  .header .logo_inc,
  .header .logo_inc_img_add {
    flex: 0 0 auto;
  }
  .header .logo_inc img{ max-height:32px; width:auto; display:block; }

  
  .header .top-head,
  .header .slogan, 
  .header .brand-text {
    flex: 1 1 auto;
    min-width: 0;                  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .navbar-toggle .bar1,
  .navbar-toggle .bar2,

}

.boxImg,
.boxNews,
.container_brand_public .border-brand,
.mod_top {
    margin-bottom: 15px
}

.border_contact,
.top-menu-wrap {
    background: #ffffff
}

#mainMenu {
    color: rgba(0, 0, 0, .5)
}

#mainMenu ul {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap
}

#mainMenu ul li {
    float: left;
    position: relative;
    flex-grow: 1
}

#mainMenu ul li:last-child a {
    border-right: 0
}

#mainMenu ul li a {
    font-size: 13px;
    padding: 2px 0px;
    font-weight: 600;
    line-height: 2
}

#mainMenu ul li a.active,
#mainMenu ul li a:active,
#mainMenu ul li a:focus,
#mainMenu ul li a:hover {
    background-color: rgba(113, 113, 110, .64);
    color: #fff;
}

#mainMenu .level0 {
    z-index: 9999;
    min-height: 30px;
    width: 100%
}

#menu-m {
    background-color: #f2f2f2;
    padding-top: 10px;
    display: none
}

#menu-m ul.row {
    margin: 0 -5px;
    padding: 0
}

#menu-m ul li.col-xs-6 {
    padding: 0 5px
}

#menu-m ul li a {
    -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .75);
    white-space: nowrap;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #444;
    margin-bottom: 5px;
    font-weight: 700
}

.sr-only {
    line-height: 20px;
    height: 20px;
    width: 40px;
    right: 40px;
    color: #fff;
    clip: auto;
    font-weight: 700
}

.sub_main_menu {
    display: block;
    line-height: 26px;
    background-color: #f5f5f5;
    text-align: left;
    padding-left: 2px;
    border-bottom: 1px solid #e5e5e5
}

.sub_main_menu span {
    display: inline-block;
    white-space: nowrap;
    color: #000;
    font-weight: 700;
    margin: 0;
    padding: 0;
    float: left;
}

.sub_main_menu span a {
    display: block;
    padding: 0 8px;
    line-height: 26px;
    font-size: 12px;
    color: #f60;
    font-weight: 700;
    text-decoration: none
}

.sub_main_menu span a.active,
.sub_main_menu span a:hover {
    color: #000;
    text-decoration: underline;
}

.boxImg img,
.contentNews img,
.pro_feature img {
    max-width: 100%;
    height: auto
}

.boxImgContent {
    -webkit-box-shadow: inset 0 0 7px 2px #b2b2b2;
    -moz-box-shadow: inset 0 0 7px 2px #b2b2b2;
    box-shadow: inset 0 0 7px 2px #b2b2b2;
    background-color: #e1e1e1
}

.boxImgContent .imgPro.col-sm-9.col-md-9 {
    padding-left: 8px
}

.boxImgContent .col-sm-3.col-md-3 {
    padding-right: 8px
}

.banner_home {
    padding: 7px
}

.banner_larger {
    border: 1px solid #000;
    padding: 5px;
    background-color: #fff
}

.container_default_page .listNews,
.ntx-footer-menu,
.subCate,
.subCate li a,
.tm-footer-copyrights {
    display: block;
    padding: 0
}

.banner_larger_right img {
    margin-bottom: 5px
}

.subCate li,
.view_order p {
    display: block;
    margin-bottom: 5px
}

.subCate li a {
    text-decoration: none;
    color: #fd0000;
    font-weight: 700
}

.subCate li a.active,
.subCate li a:hover {
    border: 1px solid #f60;
    color: #efefefdb
}

.subCate li a img {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5
}

.subCate li a img:hover {
    -webkit-box-shadow: 11px 1px 5px red;
    -moz-box-shadow: 1px 1px 5px red;
    box-shadow: 1px 1px 5px red
}

.footer_content {
    text-align: left;
    position: relative
}

.footer_coppyright,
.top_left_title {
    padding: 0;
    text-align: center;
    display: block
}

.footer_coppyright {
    margin: 10px 0 0;
    color: #999
}

.footer_coppyright span {
    margin: 0;
    padding: 3px 0
}

.footer_coppyright a {
    color: #999;
    text-decoration: none
}

.top_left_title {
    background-color: #fbf9c8;
    color: #000;
    margin: 0;
    line-height: 35px
}

.leftContent {
    display: block;
    padding-right: 0;
    padding-left: 0;
    position: relative
}

.listNews {
    display: block;
    padding: 0 4px
}

.contentNews {
    padding: 10px 15px;
    text-align: justify
}

.contentScroll {
    padding: 10px 0 5px;
    text-align: justify
}

.contentNews p,
.leftContent p {
    padding: 0 0 1px;
    margin: 0;
    line-height: 18px
}

.breadcrumb_support .hotline,
.leftContent .row.row-content {
    margin-left: 0
}

.row.row-listpro {
    margin: 0 -7px;
    padding: 0
}

.contentNews table,
.photosgallery-vertical .sliderkit-panel img,
.showImg img {
    max-width: 100%
}

.contentNews table td,
.info_view a img {
    padding: 2px
}

.titleView {
    margin: 0;
    padding: 0;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.newsView,
.titleView2 {
    margin: 0;
    line-height: 20px
}

.titleView2 {
    padding: 5px 0;
    color: #414141;
    font-size: 16px;
    font-weight: 700
}

.newsView {
    padding: 0 0 10px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    display: block
}

.namePro,
.namePro a {
    color: #fff;
    font-weight: 700
}

.newsitem img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #c5c5c5;
    width: 120px
}

.newsitem img.larger {
    max-width: 50%;
    width: 350px
}

.newsitem h2,
.newsitem h3 {
    margin: 0;
    padding: 0 0 5px;
    line-height: 18px;
    text-align: left
}

.newsitem h3.otheritem {
    background: url('../images/success.png') left top no-repeat;
    padding-left: 20px;
    padding-bottom: 0;
    margin-bottom: 10px
}

.newsitem h2 a,
.newsitem h3 a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: block
}

.newsitem h2 a:hover,
.newsitem h3 a:hover {
    color: #d70101;
    text-decoration: none
}

.newsitem p {
    padding: 0;
    margin: 0 0 7px;
    line-height: 18px;
    text-align: justify
}

.newsitem span.viewmore {
    display: block;
    padding: 5px;
    margin-left: 225px;
    text-align: right
}

.newsitem span.viewmore a {
    color: #85b716;
    text-decoration: none;
    padding-left: 15px;
    background: url('../img/more-icon-png-12.png') left center/10px no-repeat
}

.imgProduct,
.imgProduct2 {
    text-align: center;
    display: block;
    vertical-align: middle;
    position: relative;
    margin: 8px 0 0;
    box-shadow: 0 0 5px #111;
    -moz-box-shadow: 0 0 5px #111;
    -webkit-box-shadow: 0 0 5px #111;
    padding: 3px;
    background-color: #fff
}

.namePro,
.product_desc {
    margin: 0;
    overflow: hidden
}

.imgProduct img,
.imgProduct2 img {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    border: none
}

.namePro {
    padding: 0 0 0 34px;
    height: 25px;
    line-height: 25px;
    background: url('../images/title_prouct.png') left center no-repeat #888;
    font-size: 11px;
    display: block
}

.namePro a {
    line-height: 26px;
    text-decoration: none;
    font-size: 12px;
    display: block
}

.namePro a:hover {
    color: #fe9b06
}

.product_desc {
    padding-top: 8px;
    max-height: 184px;
    min-height: 60px;
    display: block;
    position: relative
}

.product_desc a {
    display: block;
    line-height: 16px;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight: 700
}

.product_name {
    background: url("../images/bg_view.png") right center no-repeat;
    clear: both;
    float: right;
    height: 29px;
    margin: 5px 10px 5px 5px;
    white-space: nowrap
}

.product_name a,
.product_name span {
    color: #000;
    float: left;
    font-size: 11px;
    height: 19px;
    line-height: 19px;
    margin: 5px 45px 0 0;
    padding: 0 5px 0 7px;
    border: 1px solid #a60000;
    border-right: none;
    text-decoration: none;
    white-space: nowrap
}

.product_name a:hover {
    background-color: #a60000;
    color: #fff;
    text-decoration: none
}

.Centerer {
    height: 100%;
    vertical-align: middle
}

.triangle,
.triangle_cate,
.triangle_cate2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: -16px;
    left: 40%;
    border-width: 0 15px 15px
}

.menuLeft h2,
.menuLeft h3 {
    border-bottom: 1px dotted rgba(255, 255, 255, .3)
}

.wish td,
.wish th {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.triangle_cate2 {
    bottom: auto;
    top: 0;
    left: 30%
}

.box-item {
    position: relative
}

.box-detail,
.panel-bxslider-tab {
    position: relative;
    min-height: 50px;
    margin-bottom: 15px;
    clear: both
}

.panel-bxslider-tab {
    padding: 15px 15px 0
}

.box-detail {
    padding: 10px;
    margin: 0 7px;
    background-color: #fff
}

.box-detail>h2,
.cate_title {
    display: block;
    padding: 10px 0;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    font-family: Expro;
    float: none;
    line-height: 20px;
    min-height: 50px;
    color: #000;
    -webkit-font-smoothing: antialiased
}

#mainMenu ul#primary-menu>li>ul>li>a,
.content_list_new_category,
.list_new_category_group .newsitem:first-child h2 a,
.list_new_category_group .titleView2,
.pfoote-content p,
.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a,
.releated_page_container ul.list_releated li a,
.sidebar_feature_post ul.muti_menu_right_category>li>a,
ul#footer-menu-container li a {
    font-family: Roboto, Expro, Arial, "Times New Roman", Times, serif
}

.cate_desc_content {
    font-size: 14px;
    margin-top: 10px;
    display: none;
    
}

.cate_title,
.pro_feature {
    padding-right: 0
}

.single_project_theme_view_group .entry-content.details-sumary {
    padding-top: 0;
    font-size: 14px;
    line-height: 1em;
    font-family: sans-serif
}

#boxDetail .desc_detail,
#boxDetail .desc_short,
.cate_desc_detail {
    display: none;
    text-align: justify
}

#boxDetail .read_more a {
    color: #b21f24;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap
}

.module_bottom .boxFrame {
    margin: 0;
    padding-bottom: 10px;
    padding-left: 15px
}

.module_bottom .menuLeft h2,
.module_bottom .menuLeft h3 {
    font-size: 16px;
    border: none
}

.module_bottom .menuLeft h3 a {
    color: #fff;
    background: 0 0;
    padding-left: 30px
}

.module_bottom .menuLeft h3 a:hover {
    background: 0 0;
    color: #840103
}

.module_bottom .menuLeft p,
ul.social_single_like_top {
    text-align: left
}

.module_bottom .menuLeft .mod_info {
    background: url('../images/icon_info.png') left top no-repeat;
    padding-left: 20px;
    padding-top: 5px
}

.module_bottom .menuLeft .mod_customer {
    background: url('../images/icon_customer.png') left top no-repeat;
    padding-left: 28px;
    padding-top: 4px
}

.module_bottom .menuLeft .info_brand {
    background: url('../images/icon_brand.png') left top no-repeat;
    padding-left: 27px;
    padding-top: 4px
}

.bnt_view {
    color: #db4a4a;
    text-decoration: none;
    display: block;
    line-height: 20px;
    text-align: center
}

.bnt_view:hover {
    color: #fe9b06;
    text-decoration: none
}

.dPromotion {
    position: absolute;
    bottom: 1px;
    left: 1px;
    padding: 5px;
    background-color: #f70808;
    color: #fff;
    font-size: 16px
}

.priceProduct {
    color: #ee9106;
    font-size: 35px;
    font-weight: 700
}

.saleProduct {
    color: #000;
    font-size: 13px;
    text-decoration: line-through
}

.nameProduct {
    line-height: 18px;
    font-weight: 700;
    color: #006;
    font-size: 13px;
    margin: 0
}

.nameProductView {
    font-weight: 400;
    font-size: 22px;
    margin: 0 0 5px;
    padding: 5px 0;
    color: #484848
}

.container_title_category {
    display: block;
    text-align: center;
    border-bottom: 1px solid #85b716;
    width: 100%
}

.title_product,
.title_product2 {
    display: block;
    text-align: center;
    margin-bottom: 0;
    color: #85b716;
    font-size: 16px !important;
    font-weight: 700;
    overflow: hidden
}

.title_product2 {
    font-size: 13px;
    background: url('../img/bg_title2.png') 5px 9px no-repeat #888;
    padding-left: 20px
}

.footer_coppyright .design a,
.title_product a {
    color: #fff
}

.title_product_sub {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px;
    text-align: left;
    color: #414141;
    display: block;
    padding: 0 0 0 5px;
    line-height: 30px;
    background: url('../img/line_content.png') left bottom no-repeat
}

.title_product_sub a {
    color: #ff9000;
    font-weight: 700
}

.title_product .count_product {
    color: #776d5e;
    float: right;
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 400
}

.title_h,
.title_mod,
.title_mod_left,
.title_mod_top {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #ff9000;
    display: block;
    line-height: 29px
}

.title_h a,
.title_mod a,
.title_mod_left a,
.title_mod_top a {
    color: #ff9000;
    text-decoration: none;
    display: block;
    line-height: 29px;
    padding-left: 24px;
    background: url('../img/icon_mod_title.png') 5px center no-repeat
}

.title_mod_top {
    background: url('../images/icon_2.png') 7px center no-repeat #f26522;
    padding-left: 20px
}

.newsBox h2,
.title_mod_left {
    background: url('../images/bg_mod_title.jpg') repeat-x
}

.title_mod_left {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

.title_mod_counter {
    background: url('../images/bg_mod_counter.jpg') left center no-repeat;
    color: #fff;
    line-height: 29px;
    margin: 0;
    padding: 0 0 0 40px;
    font-weight: 700;
    font-size: 13px;
    display: block
}

.breadcrumb {
    background-color: #fbfbfb;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px
}

.breadcrumb_content {
    font-size: 13px;
    text-align: left;
    color: #484848;
    display: block;
    position: relative
}

.breadcrumb_content span,
.breadcrumb_divider,
.htabs ul li,
.htabs ul li a,
.htabs ul li span,
.info_desc .vTitle,
ul.social_like_single li {
    display: inline-block
}

.breadcrumb_content a {
    color: #484848;
    display: inline-block;
    line-height: 24px
}

.breadcrumb_content a.home {
    text-indent: -999999px;
    width: 25px;
    background: url('../images/icon_home.png') center no-repeat
}

.breadcrumb_content a:hover {
    color: #ff9000
}

.breadcrumb_divider {
    width: 10px;
    margin: 0 5px;
    background: url('../images/breadcrumb.png') center center no-repeat
}

.breadcrumb_support .hotline,
.s_hotline {
    background: url('../images/hotline.png') no-repeat;
    padding-left: 35px;
    line-height: 24px
}

.breadcrumb_support {
    float: right;
    font-weight: 700;
    color: #414141
}

.breadcrumb_support span {
    float: left;
    margin-left: 5px
}

.s_hotline {
    font-weight: 700;
    color: red
}

.breadcrumb_support .yahoo,
.info_view .col-sm-8 p {
    padding-top: 2px
}

.breadcrumb_support .yahoo a,
.fb_plugin a {
    line-height: 20px
}

.htabs,
.htabs ul {
    line-height: 30px
}

.breadcrumb_support a {
    color: #414141
}

.fb_plugin {
    height: 22px;
    float: right;
    top: 7px
}

.product_info {
    padding: 15px 0 15px 5px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px
}

.htabs ul li.htab2 {
    -moz-top-left-border-radius: 5px;
    -webkit-top-left-border-radius: 5px;
    -moz-top-right-border-radius: 5px;
    -webkit-top-right-border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 5px
}

.htabs ul li.htab2 a {
    border: 1px solid #e5e5e5;
    border-bottom: none;
    color: #000;
    font-size: 12px;
    padding: 0 7px;
    -moz-top-left-border-radius: 5px;
    -webkit-top-left-border-radius: 5px;
    -moz-top-right-border-radius: 5px;
    -webkit-top-right-border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.htabs ul li.htab2 a.selected:hover,
.htabs ul li.htab2 a:hover {
    background-color: red;
    color: #fff
}

.htabs ul li.htab2 a.selected {
    background-color: #006dff;
    color: #fff
}

.info_desc p,
.info_desc span {
    line-height: 17px;
    margin: 0
}

.htabs ul li {
    float: left;
    height: 30px
}

.htabs ul li a {
    line-height: 29px;
    padding: 0 5px 0 2px;
    font-size: 11px;
    color: #474747;
    font-weight: 700
}

.htabs ul li a.selected,
.newsBox h3 a:hover {
    color: #006dff
}

.htabs-content {
    margin: 0;
    padding: 0 5px;
    display: block
}

.htabs-content .contentNews img {
    width: 180px;
    border: none;
    float: left;
    margin-right: 10px
}

.contentDescProduct table {
    max-width: 510px;
    border-collapse: collapse
}

.contentDescProduct table tr td {
    padding: 3px
}

.info_other {
    padding-bottom: 10px
}

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

.info .info_img {
    height: 516px;
    text-align: center;
    position: relative
}

.info_img_view {
    display: block;
    padding-bottom: 15px
}

.info_img_view img {
    width: 100%;
    height: 100%
}

.info .info_img h1 {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: -1
}

.info .info_img a {
    z-index: 2
}

.info .info_img .sliders-wrapper img {
    max-width: 450px;
    height: 450px;
    z-index: 9999
}

.info .info_desc {
    text-align: left;
    color: #fff;
    position: relative
}

.info_desc .vTitle {
    font-weight: 700;
    width: 100px
}

.info_desc h1 {
    padding-bottom: 5px
}

.info_desc p {
    padding: 0 0 5px
}

.buyproduct,
ul.list_releated li {
    display: block;
    padding: 5px 0
}

.info_desc span.spanleft {
    float: left;
    width: 80px;
    font-weight: 700;
    padding-left: 12px
}

.info_desc span.spanright {
    float: right;
    width: 100px
}

.video {
    display: block;
    border: 1px solid #d7dadf;
    padding: 1px
}

.menuLeft,
.menuLeft h2 {
    padding: 0;
    display: block;
    margin: 0
}

.menuLeft h2 {
    line-height: 20px;
    color: #bd7206;
    font-size: 14px
}

.menuLeft h3,
.menuLeft h3 a {
    line-height: 17px;
    display: block
}

.menuLeft h2 a {
    display: block;
    color: #bd7206
}

.menuLeft h3 {
    margin: 0;
    padding: 7px 0 2px;
    color: #bd7206;
    font-size: 14px
}

.menuLeft h3 a {
    color: #675e51;
    padding-left: 20px;
    background: url('../images/icon_left.png') left top no-repeat
}

.menuLeft h3 a:hover {
    color: #fff;
    background: url('../images/icon_left.png') left -21px no-repeat
}

.newsBox {
    float: left;
    width: 255px;
    margin: 0 5px 10px
}

.newsBox h2 {
    margin: 0;
    padding: 0;
    display: block
}

.newsBox h2 a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding-left: 10px;
    font-weight: 700;
    line-height: 29px
}

.newsBox h2 a:hover {
    color: #aa1f0f
}

.newsBox h3 a {
    color: #000;
    font-weight: 700;
    line-height: 17px;
    font-size: 12px
}

.newsBox .news_box_content {
    display: block;
    border: 1px solid #e5e5e5;
    padding: 5px 5px 0
}

.newsBox .news_box_img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #c5c5c5;
    padding: 2px;
    width: 80px;
    height: 60px
}

.newsBox .news_box_img img {
    max-width: 80px;
    max-height: 60px;
    border: none
}

span.viewAll a {
    color: #1985e2;
    font-weight: 700;
    text-decoration: underline;
    display: block;
    text-align: right;
    padding: 5px 15px 5px 5px
}

.viewmore {
    text-align: right;
    margin: 0;
    padding: 0
}

.viewmore a {
    color: #fff;
    background-color: #006dff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px 7px
}

h2.other,
p.otherNews a:hover {
    color: #aa1f0f;
    text-decoration: underline
}

h2.other {
    margin: 0 0 10px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    padding-top: 5px;
    background: url('../images/line_content.png') left bottom no-repeat
}

p.otherNews {
    margin: 0;
    padding: 0;
    line-height: 20px
}

p.otherNews a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    line-height: 20px
}

#frmRegister,
.boxFrame,
.section_grid div {
    margin-bottom: 10px
}

.boxFrame img.map {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border: none
}

.paging span a,
.paging span.page {
    border: 1px solid #e5e5e5;
    display: inline-block
}

.paging {
    text-align: center;
    padding: 15px 5px 5px;
    clear: both
}

.paging li {
    display: inline-block;
    padding: 4px 6px
}

.paging span {
    font-weight: 700;
    display: inline-block;
    font-size: 13px
}

.paging li.active {
    background: #525150;
    color: #fff
}

.paging span a {
    padding: 4px 6px;
    text-decoration: none;
    color: #c01e23
}

.paging span.page {
    background: #525150;
    color: #fff;
    padding: 3px 5px;
    margin-right: 5px
}

.paging span.page-a,
.pfoote-content p img,
ul.social_like_single li.pinterest {
    margin-right: 5px
}

.paging span.page-a a:hover {
    background: #525150;
    color: #fff;
    display: inline-block;
    padding: 4px 6px
}

.box-detail .btn-close {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    border: 1px solid red;
    background: url('../images/btn-close.png') center no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.cate_desc {
    background: #fff;
    text-align: justify
}

.desc_content {
    padding: 10px
}

.close_desc,
.close_desc_bt,
.view_desc {
    text-decoration: none;
    clear: both;
    display: inline-block;
    float: right;
    color: red;
    text-align: right;
    font-weight: 700;
    line-height: 30px
}

.close_desc:focus,
.close_desc:hover,
.close_desc_bt:focus,
.close_desc_bt:hover,
.view_desc:focus,
.view_desc:hover {
    text-decoration: none;
    color: red
}

.cate_desc_detail .col-sm-9 img,
.clearn_detail img,
.desc_detail .col-sm-9 img {
    -moz-box-shadow: 0 0 5px #444;
    -webkit-box-shadow: 0 0 5px #444;
    box-shadow: 0 0 5px #444;
    max-width: 95%;
    height: auto
}

.pro_feature h2 {
    display: block;
    background-color: #e5e5e5;
    color: red;
    text-align: center;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
    line-height: 26px
}

.vbox,
.vbox span {
    line-height: 16px;
    color: #414141
}

.pro_feature h3 {
    display: block;
    margin: 0;
    padding: 5px 0
}

.pro_feature h3 a {
    color: #000;
    text-decoration: none;
    line-height: 17px;
    font-size: 12px;
    display: block
}

.sub_feature {
    position: absolute;
    left: 70%
}

#slidepopup,
#toTop,
.call_now,
.chat_now,
.hotlinebottom {
    position: fixed
}

.h2-line {
    display: block;
    padding: 10px 0 5px 30px;
    font-size: 16px;
    font-family: Helvetica;
    float: none;
    background: url(../images/icon-logo.png) left 7px no-repeat;
    font-weight: 700
}

.post_featuenew_siderbar_content li .item a.title_post,
.sb-l-content .con_dau,
.show-btn-map {
    margin-top: 10px
}

.show-sign {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden
}

.search_product,
.vbox {
    padding: 5px;
    margin: 0 10px 10px
}

.camera .viewcamera,
.camera .viewcamera1,
.camera .viewcamera2 {
    background-color: #888;
    width: 100%;
    line-height: 18px;
    padding: 3px 5px;
    text-align: center;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px
}

.info_view p {
    font-weight: 700;
    padding: 5px 0 0;
    margin: 0;
    text-align: left
}

.info_view a:last-child {
    margin-right: 0
}

.info_view span {
    float: left;
    margin-right: 10px
}

.img_intro img {
    width: 100%;
    box-shadow: 0 0 5px #444;
    -moz-box-shadow: 0 0 5px #444;
    -webkit-box-shadow: 0 0 5px #444;
    margin: 5px;
    padding: 3px
}

#content-img {
    max-height: 320px
}

.vbox {
    border: 1px solid #c5c4c4
}

.vbox span {
    display: inline-block;
    text-align: left;
    padding-left: 3px
}

.search_title {
    line-height: 35px;
    font-weight: 700
}

.search_product {
    border: 1px solid #fff
}

.bigImg img {
    max-width: 99%
}

.thumbImg img {
    max-width: 95px;
    margin-right: 5px
}

.photosgallery-vertical {
    width: 100%;
    height: 400px
}

.photosgallery-vertical .sliderkit-nav {
    top: 0;
    right: 0;
    width: 95px;
    height: 100%;
    background: #e5e5e5
}

.photosgallery-vertical .sliderkit-nav-clip {
    left: 7px
}

.photosgallery-vertical .sliderkit-nav-clip ul li a {
    display: block;
    width: 75px;
    height: 50px;
    overflow: hidden;
    padding: 3px
}

.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a {
    padding: 0;
    border: 3px solid #c5dbe6
}

.photosgallery-vertical .sliderkit-nav-clip ul li img {
    width: 75px;
    height: 50px;
    margin-bottom: -3px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn {
    position: absolute;
    left: 0
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a {
    display: block;
    width: 95px;
    height: 16px;
    background: url("../images/arrows-v.png") center 0 no-repeat
}

.Centerer,
.author_pulic,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span,
.toc_toggle,
.ve-tieu-de {
    display: none
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev {
    top: 25px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next {
    bottom: 25px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a {
    background-position: center -89px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a {
    background-position: center -108px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover {
    background-position: center -126px
}

.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover {
    background-position: center -145px
}

.photosgallery-vertical .sliderkit-go-btn a {
    width: 200px;
    height: 300px;
    background: #ccc;
    opacity: .8
}

.photosgallery-vertical .sliderkit-go-prev {
    top: 0;
    left: 0
}

.photosgallery-vertical .sliderkit-go-next {
    top: 0;
    right: 0
}

.photosgallery-vertical .sliderkit-panel {
    top: 0;
    left: 0;
    width: 100%;
    height: 400px
}

.listImg {
    padding: 0 0 10px
}

.showImg,
ul#footer-menu-container li:first-child a {
    padding-left: 0
}

.showImg img {
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333
}

.thumbList {
    padding: 0;
    max-height: 340px;
    overflow: hidden
}

.thumbList img {
    max-width: 99%;
    margin: 3px 2px 3px 4px;
    float: left;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 4px #333
}

.thumbList img.active {
    -moz-box-shadow: 0 0 5px #b22023;
    -webkit-box-shadow: 0 0 5px #b22023;
    box-shadow: 0 0 4px #b22023
}

.thumbList img:hover {
    cursor: pointer;
    -moz-box-shadow: 0 0 5px #b22023;
    -webkit-box-shadow: 0 0 5px #b22023;
    box-shadow: 0 0 4px #b22023
}

#element_to_pop_up {
    display: none;
    max-width: 500px;
    height: 150px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #dc0000;
    text-align: center;
    padding: 10px;
    z-index: 999999;
    position: relative
}

#element_to_pop_up p {
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    line-height: 18px
}

#element_to_pop_up .b-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 3px;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    color: red
}

.addwishlist {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ff6969;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.addwishlist:active,
.addwishlist:focus,
.addwishlist:hover,
.addwishlist:visited {
    background-color: #e75a3a;
    text-decoration: none;
    color: #fff
}

#slidepopup {
    width: 220px;
    bottom: 80px;
    left: -220px;
    border: 1px solid #0f4e9d;
    z-index: 9999;
    padding: 5px;
    text-align: center
}

#slidepopup h2 {
    display: block;
    color: red;
    font-weight: 700;
    margin: 0;
    padding: 5px 0;
    line-height: 20px;
    border-bottom: 1px dashed #e5e5e5
}

#slidepopup h2 .close {
    background: url('../images/close.gif') left top no-repeat;
    width: 13px;
    height: 13px;
    margin: 3px 3px 0 0;
    float: right;
    cursor: pointer;
    text-indent: -99999px
}

#slidepopup h2 .close:hover {
    background: url('../images/close.gif') left bottom no-repeat
}

#slidepopup h3 a {
    color: #0f4e9d;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    padding: 7px 0
}

#slidepopup .viewdate {
    color: #a1a1a1;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 0
}

.msgerror,
.msgsuccess {
    display: block;
    padding: 5px;
    margin: 5px 0;
    line-height: 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.contentNews .newsitem:first-child,
.wish {
    margin-top: 5px
}

.msgsuccess {
    background-color: #c4f8c0;
    border: 1px solid green;
    color: green
}

.box-detail p.msgerror,
.box-detail p.msgsuccess,
.cate_desc p.msgerror,
.cate_desc p.msgsuccess,
.listProduct p.msgerror,
.listProduct p.msgsuccess {
    padding: 5px
}

#payment_info {
    padding: 0 7px
}

.msgerror {
    background-color: #fddbd7;
    border: 1px solid red;
    color: red
}

.wish {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

.wish th {
    background-color: #ccc;
    padding: 5px;
    color: #414141;
    font-size: 13px
}

.wish td {
    padding: 3px 5px;
    font-size: 13px
}

.title_library,
.title_library a,
.title_library2,
.title_library2 a {
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-transform: uppercase
}

td.nums,
th.nums {
    width: 20px;
    text-align: center
}

td.image {
    width: 80px;
    text-align: center
}

td.item_name {
    min-width: 200px
}

td.item_name img {
    width: 150px;
    float: left;
    border: none
}

td.item_name a {
    color: #006;
    text-decoration: none;
    display: block
}

td a.cart_proname {
    padding-top: 10px;
    line-height: 16px;
    margin-left: 160px
}

.comt_name,
.comt_text,
.viewCounter {
    font-style: italic;
    color: #484848
}

.title_library,
.title_library2 {
    margin: 0 0 5px;
    padding: 0;
    line-height: 20px;
    color: #ba0816
}

.title_library2 {
    line-height: 18px;
    padding-left: 35px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: url('../images/icon-title.png') 7px 7px no-repeat #cb2227;
    overflow: hidden
}

.hotlinebottom a,
.title_library a,
.title_library2 a {
    text-decoration: none;
    color: #fff
}

#section {
    padding-top: 15px;
    background: 0 0
}

.commentInfo,
.listcomment,
.listcomment2 {
    height: 230px;
    overflow: hidden
}

.listcomment2 {
    height: auto;
    max-height: 230px
}

.boxtopcomment .commentImg img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc
}

.boxtopcomment h2 {
    padding: 0;
    margin: 0 0 7px;
    font-size: 14px;
    font-weight: 700
}

.boxtopcomment h2 a {
    text-decoration: none;
    color: #414141;
    display: block;
    font-weight: 700
}

.listcomment h3,
.listcomment2 h3 {
    margin: 0 0 1px 110px;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    display: block
}

.clickcomt,
.commnetList h2 {
    font-weight: 700;
    font-size: 14px
}

.listcomment h3 a,
.listcomment2 h3 a {
    line-height: 18px;
    text-decoration: none;
    color: #414141;
    display: block
}

.comt_label {
    color: #444;
    font-weight: 700;
    text-decoration: underline
}

.comt_text,
p.comt_text {
    padding-left: 25px;
    background: url('../images/view_details.png') 5px 4px no-repeat;
    color: green;
    padding-bottom: 0
}

.comment_item,
.comment_item2 {
    background-color: #f5f5f5;
    padding: 7px;
    margin-bottom: 5px;
    display: block
}

.comment_item2 {
    margin-left: 30px
}

.listcomment img,
.listcomment2 img {
    float: left;
    width: 100px;
    margin-bottom: 5px
}

.clickcomt {
    text-align: center;
    margin: 0;
    padding: 10px 0
}

.clickcomt a {
    color: red;
    text-decoration: none;
    display: block;
    line-height: 17px
}

.commnetList h2 {
    margin: 0;
    padding: 5px 0;
    line-height: 20px;
    color: #ba0816
}

.note {
    font-weight: 400;
    font-size: 11px;
    color: #484848
}

.releated_page_container .list_releated,
p.link_box_comment {
    display: block;
    margin: 0;
    padding: 0
}

p.link_box_comment a {
    padding: 10px;
    text-align: center;
    color: #ba0816;
    font-weight: 700;
    text-decoration: none;
    display: block
}

.groupcate {
    display: block;
    margin-bottom: 7px
}

.groupcate img {
    width: 100% !important;
    border: none
}

.groupcate.row,
.lien-he-container .row {
    margin-left: -5px;
    margin-right: -5px
}

.groupcate .col-xs-12,
.groupcate .col-xs-3.col-sm-3.col-md-3,
.lien-he-container .row [class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px
}

.top_price {
    padding-bottom: 10px;
    text-align: center;
    margin: 0
}

.don_gia img {
    border: none;
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.hotlinebottom {
    bottom: 0;
    width: 100%;
    line-height: 30px;
    font-weight: 700;
    font-size: 20px;
    background-color: #b01f24;
    text-align: center;
    color: #fff;
    z-index: 99999
}

.call_now,
.call_now_circle,
.chat_now {
    width: 80px;
    height: 80px
}

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

@keyframes float {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

iframe#subiziframe12230948092348092384 {
    right: 30px !important
}

.call_now {
    overflow: hidden;
    cursor: pointer;
    float: left;
    bottom: 25px;
    left: 5px;
    z-index: 999
}

.chat_now {
    overflow: hidden;
    cursor: pointer;
    float: right;
    bottom: 5px;
    right: 5px;
    z-index: 999
}

.call_now_circle {
    top: 0;
    left: 0;
    position: absolute;
    border: 2px solid #d32618;
    opacity: .5;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    animation: 1.2s ease-in-out infinite call-circle-anim;
    -moz-animation: 1.2s ease-in-out infinite call-circle-anim;
    -o-animation: 1.2s ease-in-out infinite call-circle-anim;
    -webkit-animation: 1.2s ease-in-out infinite call-circle-anim
}

.call_now_circle_fill {
    width: 50px;
    height: 50px;
    top: 15px;
    left: 15px;
    position: absolute;
    opacity: .75;
    background: #d32618;
    border: 2px solid transparent;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    animation: 2.3s ease-in-out infinite call-circle-fill-anim;
    -moz-animation: 2.3s ease-in-out infinite call-circle-fill-anim;
    -o-animation: 2.3s ease-in-out infinite call-circle-fill-anim;
    -webkit-animation: 2.3s ease-in-out infinite call-circle-fill-anim
}

.call_now_icon {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    background-size: 24px 24px !important;
    background: #d32618;
    border: 2px solid transparent;
    opacity: 1;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    animation: 1s ease-in-out infinite call-icon-anim;
    -o-animation: 1s ease-in-out infinite call-icon-anim;
    -moz-animation: 1s ease-in-out infinite call-icon-anim;
    -webkit-animation: 1s ease-in-out infinite call-icon-anim
}

.chat_now .call_now_circle {
    border-color: #2b79fa
}

.call_now_icon:before {
    content: "\e182";
    font-family: 'Glyphicons Halflings';
    line-height: 28px;
    text-align: center;
    display: block;
    font-size: 20px;
    color: #fff
}

@keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes call-circle-fill-anim {

    0%,
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@keyframes call-icon-anim {

    0%,
    100%,
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@font-face {
    font-family: et-line;
    src: url('../fonts/et-line.eot');
    src: url('../fonts/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line.woff') format('woff'), url('../fonts/et-line.ttf') format('truetype'), url('../fonts/et-line.svg#et-line') format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: et-line;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

header#header-site {
    position: relative;
    z-index: 999
}

.main-container {
    position: relative;
    z-index: 10
}
#main-container{
    background-color: #fff;
}
footer {
    position: relative;
    z-index: 12
}

#mainMenu ul#primary-menu li {
    display: table-cell;
    text-align: center;
    float: none;
    position: relative
}

#mainMenu ul#primary-menu>li>a {
    color: #000000;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 10px;
    height: auto;
    max-height: 100%;
    font-weight: 600 !important;
    text-align: center;
}

#mainMenu ul#primary-menu>li.active>a {
    background-color: rgba(233, 233, 233, 0.873)
}

#mainMenu ul#primary-menu>li>a:after {
    content: '\25BA';
    margin-left: 5px;
    content: '\25BC';
    font-size: 9px
}

#mainMenu ul#primary-menu>li>a:only-child:after {
    margin-left: 0;
    content: '';
}

#mainMenu ul#primary-menu>li>ul {
    margin-top: 4px;
    padding-top: 4px;
    background: #fff;
    color: #000;    
    left: 0;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-left: 0;
    display: none;
    position: absolute;
    top: 100%;
    letter-spacing: normal;
    width: 275px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    border-radius: 0 0 3px 3px
}

.slider_home_page .slick-dots {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slider_home_page .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slider_home_page .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 50%
}

.slider_home_page .slick-dots li.slick-active button {
    background: #ff8000
}

.comment_group_category,
.header-single-theme .box-item .boxImg,
.releated_page_container .releated_single_tintuc .boxNews,
.slider_home_page.slick-dotted.slick-slider,
.small_banner .camera a:last-child {
    margin-bottom: 0
}

#mainMenu ul#primary-menu>li>ul:after,
#mainMenu ul#primary-menu>li>ul:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10
}

#mainMenu ul#primary-menu>li>ul:before {
    border-color: rgba(172, 141, 84, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -2px
}

#mainMenu ul#primary-menu>li>ul>li,
ul#smal-menu-container {
    display: block;
    width: 100%
}

#mainMenu ul#primary-menu>li>ul>li>a {
    padding: 5px 10px;
    color: #000000;
    font-weight: 400;
    letter-spacing: -.5px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ebebeb7d;
    font-size: 12px
}

#mainMenu ul#primary-menu>li>ul>li:last-child>a,
.contentNews .newsitem:last-child,
.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li:last-child {
    border-bottom: none
}

#mainMenu ul#primary-menu>li>ul:hover {
    transform: scale(1.1);
    background-color: rgb(255, 255, 255);
}

#mainMenu ul#primary-menu>li>ul>li>a:hover {
    background: #ffbe52;
    transition: background-color .3s;
    transform: scale(1.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    text-decoration: none;
}

.border-group,
.container_group_header,
.home_grid_group_container {
    margin: 0 auto;
    position: relative;
    z-index: 10
}

ul#smal-menu-container li {
    display: inline-block;
    text-align: right
}

ul#smal-menu-container li a {
    display: block;
    text-align: center;
    font-size: 13px
}

.boxFrame,
.content_siderbar_header_single {
    display: block;
    background: #fff
}

.boxFrame .box_map {
    display: block;
    margin-bottom: 10px
}

.boxFrame .box_map h3 {
    font-size: 13px;
    background: url(../img/bg_title2.png) 5px 9px no-repeat #888;
    font-weight: 700;
    padding: 0 0 0 20px;
    height: 30px;
    overflow: hidden;
    text-align: left;
    color: #fff;
    display: block;
    line-height: 30px
}

.boxFrame .box_map a {
    display: block;
    zoom: 1;
    background: #fff
}

.boxFrame .box_map a:after,
.boxImg:after,
.boxImgContent:after,
.boxNews:after,
.details-sumary:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.boxFrame .box_map img {
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #e5e5e5
}

.rightContent .sidebar_qc {
    background: 0 0 !important
}

.page_navi {
    text-align: center
}

.contentNews .newsitem {
    margin-top: 15px;
    border-bottom: 1px dashed #f2f2f2;
    padding-bottom: 5px;
    position: relative
}

.newsitem span.viewmore {
    line-height: 11px
}

.boxImg,
.boxImgContent,
.boxNews {
    zoom: 1
}

ul.list_releated li h3.otheritem {
    background: url(../images/success.png) left top no-repeat;
    padding-left: 20px;
    padding-bottom: 0;
    margin-bottom: 0
}

ul.list_releated li a,
ul.list_releated li h2 a,
ul.list_releated li h3 a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    display: block;
    line-height: 18px
}

ul.list_releated li a:hover {
    color: red;
    text-decoration: underline
}

.single_theme_content .listNews .info_other .row.row-listpro {
    padding: 0;
    margin-left: -7.5px;
    margin-right: -7.5px
}

ul.social_like_single {
    display: block;
    text-align: left;
    position: relative;
    height: 20px
}

ul.social_like_single li.linkin {
    margin: 0 5px;
    height: 20px;
    position: relative;
    top: -7px
}

.header_slider_home .row,
.ntx-footer-about-container .row,
.tm-grid-block .row,
ul.social_like_single li.twitter_btn {
    margin-right: 0;
    margin-left: 0
}

ul.social_like_single li.fb_btn {
    position: relative;
    top: 0;
    vertical-align: top
}

ul.social_like_single li.fb-share-tbn {
    margin-left: 5px;
    top: -3px
}

ul.social_like_single li.linkhay a {
    display: block;
    text-decoration: none
}

ul.social_like_single li.linkhay a img {
    border: 0;
    height: 20px
}

.small_banner .camera a {
    margin-bottom: 6px
}

#row_releated_theme_category .navi ul,
.center-block,
.content_tbl_contact,
.group-section-wrap .info h1,
.group-section-wrap .info h2,
.group-section-wrap .info p {
    display: block;
    text-align: center
}

#row_releated_theme_category .navi,
.group-section-wrap .info .tbl_back {
    display: block;
    text-align: center;
    padding: 15px 0
}

li.footer_parent_menu_li h5 {
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 17px;
    color: #484848
}

.pc {
    display: block !important
}

.entry-content {
    font-family: Expro, Arial, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #000
}

.sb-l-p,
.sb-l-titile {
    font-family: Arial, Helvetica, sans-serif
}

.entry-content img {
    max-width: 100%;
    height: auto !important
}

.box-new-group-container .contentScroll .newsitem h3 a {
    font-size: 13px;
    font-family: Arial, "Times New Roman", Times, serif
}

.sort_name span.title {
    font-weight: 700;
    display: block;
    padding: 10px 0;
    font-size: 17px;
    font-family: RCB;
    color: #b01f24
}

.view_order {
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin: 0 0 10px;
    padding: 10px;
    position: relative
}

.wrapper-contact-form {
    display: block;
    margin-top: 15px
}

#map_canvas {
    width: 100%;
    height: 450px
}

.container_contact {
    -webkit-box-shadow: 0 0 7px 1px #bababa;
    -moz-box-shadow: 0 0 7px 1px #bababa;
    box-shadow: 0 0 7px 1px #bababa;
    background-color: #e5e5e5
}

.lien-he-container {
    display: block;
    padding: 0 10px
}

.contentNews .entry-content,
.single_theme_content .entry-content {
    display: block;
    font-family: Roboto, Arial, Arial, "Times New Roman", Times, serif;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 28px;
    color: #484848;
    margin-top: 10px
}

.btn_readmore {
    padding: 5px 0
}

a.btn_readmore_link {
    padding: 4px 10px
}

#row_releated_theme_category p.tai {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    font-family: RCB;
    margin-top: 20px;
    color: #b01f24
}

#row_releated_theme_category #loader {
    display: block;
    text-align: center;
    margin-top: 0
}

#loader {
    zoom: 1;
    display: block;
    width: 16px;
    height: 16px;
    margin: 20px auto;
    animation: .8s steps(1, start) infinite wait;
    background: linear-gradient(0deg, #f4f5fa 1px, transparent 0, transparent 8px, #f4f5fa 8px), linear-gradient(90deg, #f4f5fa 1px, #f6f9fb 0, #f6f9fb 3px, #f4f5fa 3px), linear-gradient(0deg, #ececf5 1px, transparent 0, transparent 8px, #ececf5 8px), linear-gradient(90deg, #ececf5 1px, #f2f3f9 0, #f2f3f9 3px, #ececf5 3px), linear-gradient(0deg, #e7eaf4 1px, transparent 0, transparent 8px, #e7eaf4 8px), linear-gradient(90deg, #e7eaf4 1px, #eef1f8 0, #eef1f8 3px, #e7eaf4 3px), linear-gradient(0deg, #b9bedd 1px, transparent 0, transparent 10px, #b9bedd 10px), linear-gradient(90deg, #b9bedd 1px, #d0d5e8 0, #d0d5e8 3px, #b9bedd 3px), linear-gradient(0deg, #9fa6d2 1px, transparent 0, transparent 15px, #9fa6d2 15px), linear-gradient(90deg, #9fa6d2 1px, #c0c5e1 0, #c0c5e1 3px, #9fa6d2 3px), linear-gradient(0deg, #8490c6 1px, transparent 0, transparent 15px, #8490c6 15px), linear-gradient(90deg, #8490c6 1px, #aeb5da 0, #aeb5da 3px, #8490c6 3px);
    background-repeat: no-repeat;
    background-size: 4px 9px, 4px 9px, 4px 9px, 4px 9px, 4px 9px, 4px 9px, 4px 11px, 4px 11px, 4px 16px, 4px 16px, 4px 16px, 4px 16px;
    background-position: -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 2px, -4px 2px, -4px 0, -4px 0, -4px 0, -4px 0
}

@keyframes wait {
    12.5% {
        background-position: -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, 0, 0
    }

    25% {
        background-position: -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, 0, 0, 6px, 6px
    }

    37.5% {
        background-position: -4px, -4px, -4px, -4px, -4px, -4px, 0, 0, 6px, 6px, 12px, 12px
    }

    50% {
        background-position: -4px, -4px, -4px, -4px, 0, 0, 6px, 6px, 12px, 12px, -4px, -4px
    }

    62.5% {
        background-position: -4px, -4px, 0, 0, 6px, 6px, 12px, 12px, -4px, -4px, -4px, -4px
    }

    75% {
        background-position: 0, 0, 6px, 6px, 12px, 12px, -4px, -4px, -4px, -4px, -4px, -4px
    }

    87.5% {
        background-position: 6px, 6px, 12px, 12px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px
    }

    100% {
        background-position: 12px, 12px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px, -4px
    }
}

#row_releated_theme_category .navi li {
    padding: 5px 13px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 10px
}

#row_releated_theme_category .navi li a {
    display: block;
    color: #85b716
}

.releated_single_tintuc .navi li {
    background: #ccc !important
}

.releated_single_tintuc .navi {
    padding: 10px 0 15px
}

.logo_inc .tm-logo {
    display: block;
    margin: 0;
    height: 60px
}

.tm-logo span {
    margin: auto;
    justify-content: center;
    display: flex
}

.tm-logo .logo_nx_dong_1 {
    font-size: 14px;
    color: #8dc63f;
    font-weight: 700;
    padding-top: 8px
}

.tm-logo .logo_nx_dong_2 {
    font-size: 12px;
    color: #0f0f0fbe;
    font-weight: 500
}

.logo_inc .info-logo {
    display: block;
    margin: 0;
    padding: 0 5px;
    text-decoration: none;
    line-height: 30px;
    color: #000;
    background: #f0f0f0
}

.logo_inc .info-logo span {
    display: block;
    float: left;
    line-height: 30px
}

.logo_inc .info-logo span.title_ht1 {
    padding: 0 5px;
    margin-left: 5px
}

.logo_inc .info-logo span a {
    line-height: 30px;
    color: #e05b3a;
    text-decoration: none;
    text-transform: inherit;
    font-size: 14px;
    font-weight: 300
}

.info_slider_main .sidebar-info {
    display: block;
    padding: 10px
}

.uk-panel-box {
    padding: 0 20px;
    background: #fff;
    color: #555
}

.sb-l-titile {
    font-size: 15px;
    font-weight: 700;
    color: red;
    padding: 0 5px
}

.sb-l-content:not(.b-3) {
    border-bottom: 1px solid #f1f1f1
}

.sb-l-p {
    font-size: 13px;
    padding: 0 5px 0 20px;
    position: relative
}

.con_dau img {
    width: 150px;
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.sidebar-info .sb-l-content {
    margin-top: 10px;
    padding-bottom: 10px
}

.slider_main_details {
    display: block;
    border-left: 1px solid #f1f1f1
}

.sidebar-info .b-1 {
    margin-top: 0
}

.tab-sidebar-left {
    padding: 7px 1px;
    margin-top: 10px;
    line-height: 2;
    border-top: 1px solid #f1f1f1
}

.tab-left-chill {
    padding: 3px 10px;
    margin: 4px 0;
    background-color: #91ca14;
    font-weight: 600;
    font-size: 13px;
    color: #000
}

.ntx-footer-about-container .row [class*=col-],
.tm-grid-block .row [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.tm-grid-block-one {
    text-align: center;
    padding: 0;
    line-height: 2.5;
    font-size: 15px;
    background: #91ca14
}

.tm-grid-block-one .box_item,
.tm-grid-block-two .box-gird-end {
    border-right: 1px solid #999
}

.ntx-footer-about .ntx-footer-item:last-child .content-config-ntx-footer,
.tm-grid-block-one .box_item:last-child,
.tm-grid-block-two .box-gird-end:last-child {
    border-right: none
}

.tm-grid-block-two {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 6%), 0 4px 10px rgb(0 0 0 / 6%);
    margin-top: 5px;
    background: #fff
}

.tm-grid-block-two .box-gird-end {
    padding: 10px !important;
    background: #fff;
    color: #555
}

.home_grid_group_container {
    background: #f1f1f1;
    position: relative;
    z-index: 9
}

.b-content a {
    color: #000;
    font-weight: 700
}

.gotohome,
.list-chill,
.pfoote-content p,
.sidebar_feature_post ul.muti_menu_right_category>li>a span,
.uk-margin-remove {
    font-weight: 500
}

.b-content a:hover {
    text-decoration: none;
    color: #943521
}

.box-wrap-group .box_item .xem-huong,
.box-wrap-group .box_item .xem-huong p {
    color: #000 !important
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.uk-progress {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: rgba(0, 0, 0, .03);
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);
    border-radius: 100px
}

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #dc5537;
    float: left;
    -webkit-transition: width .6s;
    transition: width .6s;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #e4623f, #d64c31);
    background-image: linear-gradient(to bottom, #e4623f, #d64c31)
}

.uk-progress-success .uk-progress-bar {
    background-color: #6cc76f;
    background-image: -webkit-linear-gradient(top, #82d28f, #5ebf59);
    background-image: linear-gradient(to bottom, #82d28f, #5ebf59)
}

.uk-progress-danger .uk-progress-bar {
    background-color: #40a7dc;
    background-image: -webkit-linear-gradient(top, #57b5e5, #319ed6);
    background-image: linear-gradient(to bottom, #57b5e5, #319ed6)
}

.uk-align-right {
    margin-left: 15px;
    float: right
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-slide-left;
    animation-name: uk-slide-left
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-slide-right;
    animation-name: uk-slide-right
}

.item_products_thumb {
    position: relative;
    display: block
}

.tm-article-featured-image {
    position: relative;
    display: block;
    z-index: 10
}

.tm-article-content {
    display: block;
    position: relative;
    z-index: 11
}

.tm-article-content .uk-article-title {
    background-color: #fff;
    display: block
}

.tm-article-content .title_project {
    line-height: 22px;
    text-transform: none;
    display: block;
    overflow: hidden;
    font-size: 20px;
    padding: 0 10px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.tm-article-content .aintro,
.tm-article-content .title_project a {
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    white-space: normal
}

.tm-article-content .title_project a {
    color: #000;
    display: block;
    height: 30px;
    font-size: 10px;
    -webkit-line-clamp: 2;
    line-height: 14px;
    margin: 4px 0;
    font-family: Roboto;
}

.tm-article-content .title_project a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #5ba000
}

.tm-article-content .title_project a:active {
    text-decoration: underline;
    font-weight: 900;
    color: #2c0036
}

.tm-article-content .description-article {
    background: #fff;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
    height: 0
}

.boxImg-item,
.home_category_theme_group .boxImg-item {
    margin-top: 8px
}

.tm-article-content .aintro {
    color: #000;
    display: block;
    padding: 0;
    display: -webkit-box;
    height: 54px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 18px;
    text-align: justify;
    text-transform: inherit;
    font-family: Arial, sans-serif;
    background: #fff
}

.boxImg-item {
    padding-bottom: 0;
    border: none
}

.item_project_group .row {
    margin-left: -10.5px;
    margin-right: -10.5px
}

.item_project_group .row [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
    
}

.item_box_project_home {
    display: block;
    position: relative;
    background: #ecececcf;
    border-radius: 5px
}

.container_list_projects_home {
    margin-top: -25px
}

.container:after,
.container:before {
    display: table;
    content: " "
}

.main_content .item_box_project_home .tbanner h2 ::after {
    content: '';
    top: -5px;
    left: -11px;
    padding: 10px;
    position: absolute;
    z-index: 0;
    width: 110%;
    height: 35px;
    box-sizing: border-box;
    right: 0;
    margin: auto;
    border-radius: 42px
}

@keyframes click_catagory {
    0% {
        transform: translate(1em, 0)
    }

    100% {
        transform: (0, 0)
    }
}

.category_theme_load_home_item .tbanner {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    display: flex;
    border-bottom: 1px solid #85b716;
    background-color: #fff;
    margin-top: 20px;
}

.category_theme_load_home_item .tbanner h2 {
    display: block;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0
}

.category_theme_load_home_item .tbanner a {
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-transform: uppercase;
    border: 0;
    color: #333
}

.category_theme_load_home_item .tbanner h2 a {
    color: #85b716;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    letter-spacing: -1px;
    word-spacing: 2px
}

.icon_arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAdFJREFUeNqs1kuIzVEYAPDfcAdNsVEKe9YUy1EWlNiMx0R55LkQjWd5Tl6l8YwUoQZFg2YzJWahWFKs790PK6lZTDG4Nt+t/+Ia997vntVX59+v7zvfOed/OqrVqnqjUqmM4zNW4rcGx7Qp5majG28xvR3gisisG8fbAb7HQMT7sTQLwh18wsLIsjMLjkWWk+jFpiwIQ3ge8UBkmwJFuWNYUFjXFPil0OkebMiCMIyXmIWTmFfvo45yudyEaQleB3YZJzIZiqN4I+LDsflTIFzHO8yIBnVlwZ/RoAksx7EsCB9wJeIDWJYF4TY+Yi7OoJQFv+ECfmEddmVBGMHDiPuxKAvCOVQwH+fbAX7F2XY0pTgWtxM8FWVDOQsewcWIL6E/A/bhasTXcDpTcl/hkriJo5k1PBgZ1bBDxclSk9ieQDpwK9aw5etrB+4Fdj8y+9MquBMPAhvEvnpYo+B23I33zSB2o9rqT6o3yuvEI+z930tsKrAHTwIbioZMtvpyWI+ngQ1jayPYv8AePMbMwLY0itUD10SZXYXMfjSzUYvgKrwI7FVgE80eoxq4uoCNYmMrWA1ci2eYk8VqZ3kk4jfYjPHMBVmKl8AotuF79vr+OwCA8GVi7vNsQgAAAABJRU5ErkJggg==);
    background-position: right;
    background-repeat: no-repeat;
    padding: 2px;
    margin: 0 4px
}

.tbanner .read_more {
    display: inline !important;
    font-size: 13px !important;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 5px
}

.read_more_content {
    margin-bottom: 00px
}

.read_more {
    padding:10px;
    border: 1px solid #85b715;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 10px;
    color: #333;
    background: #fff
}

.read_more:hover {
    background: #85b715;
    color: #fff;
    padding:10px;
}

@media(max-width:580px) {
    .line-button a {
        right: 0;
        width: 100%;
        padding: 5px;
        margin: 2px;
        top: 80px;
        display: inline-flex !important;
        justify-content: center;
        border-radius: 5px;
        background-color: #ff0;
        color: #000;
        border: 1px solid #000;
        font-weight: 500
    }

    .container_title_category h1 {
        font-size: 18px !important
    }
}

section.tm-bottom-a {
    padding: 0;
    background: #fff
}

.tm-bottom-a .box-footer {
    padding: 15px;
    display: block;
    position: relative
}

.pfoote-content .uk-ft-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    color: #e05b3a;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    font-size: 20px
}

.pfoote-content p {
    margin-bottom: 5px;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #000
}

.pfoote-content p a {
    font-size: 12pt;
    font-family: Tahoma, Geneva, sans-serif;
    color: #000
}

ul#footer-menu-top-field-container li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 5px
}

ul#footer-menu-top-field-container li a {
    position: relative;
    padding-left: 20px
}

ul#footer-menu-top-field-container li a::before {
    content: "\f006";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fed300;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0
}

ul#footer-menu-top-field-container li a:hover::before {
    content: "\f005";
    text-decoration: none
}

.ntx-footer-about {
    display: block;
    padding-top: 0;
    background: #000
}

.ntx-footer-about .content-config-ntx-footer {
    position: relative;
    border-right: 1px solid gray;
    -webkit-backface-visibility: hidden;
    border-left: 1px solid rgba(0, 0, 0, .07);
    padding: 15px;
    min-height: 300px;
    display: block
}

.ntx-footer-about .content-config-ntx-footer h2,
.ntx-footer-about .content-config-ntx-footer h2 a {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.ntx-footer-about .content-config-ntx-footer p {
    color: #fff;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt
}

.ntx-footer-about .content-config-ntx-footer p.thongso {
    font-size: 28px;
    color: red;
    text-align: center;
    display: block;
    margin: 20px 0
}

.ntx-footer-about .content-config-ntx-footer p.thongso span {
    font-size: 28pt;
    color: red;
    display: block;
    line-height: 30px
}

.ntx-footer-about .content-config-ntx-footer p.feaut {
    font-size: 17px;
    color: #fff;
    text-align: center;
    display: block
}

.social_footer ul li {
    display: block;
    float: left;
    margin-left: 15px
}

.ntx-footer-menu .group-ntx-footer-menu {
    padding: 10px 0;
    background: #fff
}

ul#footer-menu-container li {
    display: block;
    float: left;
    margin: 0;
    padding: 0
}

ul#footer-menu-container li a {
    display: block;
    border-right: 1px solid #f1f1f1;
    padding: 0 15px;
    font-size: 15px
}

ul#footer-menu-container li:last-child a {
    padding-right: 0;
    border-right: none
}

.copy-right-footer {
    background: #000;
    display: block;
    margin-bottom: 40px;
    position: relative;
    font-weight: 500;
    padding: 25px
}

.copy-right-footer p {
    margin-bottom: 5px;
    color: #fff;
    font-size: 15px
}

.copy-right-footer .footer-title-company {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 20px;
    font-family: 'book antiqua', palatino
}

.copy-right-footer .partner-footer,
.copy-right-footer .partner-footer a {
    color: #999;
    font-size: 13px;
    font-weight: 400
}

ul.list-about-footer {
    display: block;
    color: #fff;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-family: Roboto
}

ul.list-about-footer>li {
    padding: 0 10px 10px;
    line-height: 20px;
    color: #fff
}

.branch-title {
    color: #fff;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    font-size: 18px;
    font-family: 'book antiqua', palatino
}

.branch-li {
    list-style-type: disc !important;
    font-size: 15px
}

.list-about-footer .branch-ul {
    padding-top: 10px;
    padding-left: 30px
}

.copy-right-footer .partner-footer {
    display: block;
    font-family: Roboto, Expro, Arial, "Times New Roman", Times, serif
}

#toTop {
    background: #ee1d25;
    display: block;
    top: 86%;
    left: 20px;
    z-index: 1000;
    width: 40px;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-transition: 50ms linear;
    transition: 50ms linear;
    animation: 2s infinite float;
    cursor: pointer
}

#page,
.bg_fff,
.details-sumary {
    background: #fff
}

#toTop:after {
    content: "\f077";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.footer_coppyright .coppyrights,
.footer_coppyright .design-footer {
    color: #999 !important
}

.pd-15 {
    padding: 15px
}

.loban-388,
.loban-429,
.loban-522 {
    padding-left: 5px
}

.format-row .row {
    margin-right: -6.5px !important;
    margin-left: -6.5px !important
}

.format-row .row [class*=col-] {
    padding-right: 2px !important;
    padding-left: 2px !important
}

#toc_container {
    display: block;
    width: 100%;
    background: #eeebe6;
    padding: 10px;
    border-radius: 3px;
    margin: 0 0 20px
}

#toc_container .toc_title {
    font-size: 17px;
    font-family: RCB;
    margin: 0 0 10px
}

#toc_container ul {
    display: block;
    padding-top: 3px;
    padding-left: 0;
    margin: 0;
    font-family: Aria
}

#toc_container ul.toc_list li {
    display: block;
    padding-left: 10px
}

#toc_container ul.toc_list li ul li {
    display: block;
    padding-left: 15px
}

#toc_container ul.toc_list li a {
    display: block;
    line-height: 20px;
    color: #676767
}

#toc_container ul.toc_list li a:hover {
    color: #f60
}

.details-sumary {
    display: flex;
    font-size: 14px;
    text-align: justify;
    font-family: Roboto, Expro;
    color: #000;
    zoom: 1;
    padding: 15px;
    line-height: 25px;
    
    justify-content: center;
    flex-wrap: wrap;
        flex-direction: column;
}

.entry-content.details-sumary,
.entry-post.entry_content_details .details-sumary {
    padding: 15px 0
}

.details-sumary .more-articles ul li,
.header-single-theme .row [class*=col-],
.list_new_category_group .row [class*=col-],
.single_theme_content .listNews .info_other .row [class*=col-] {
    padding-right: 2px;
    padding-left: 2px
}

.details-sumary h2,
.details-sumary h3,
.details-sumary h4,
.details-sumary h5,
.details-sumary h6 {
    font-family: Roboto;
    margin: -4px 0 8px;
    text-align: left;
    font-weight: 700;
    display: block
}

.details-sumary h2 {
    font-size: 23px;
    line-height: 30px
}

.details-sumary h3 {
    font-size: 20px;
    line-height: 27px
}

.details-sumary h4 {
    font-size: 18px;
    line-height: 25px
}

.details-sumary h5,
.details-sumary h6,
.title_sidebar .title {
    font-size: 17px;
    line-height: 25px
}

.details-sumary a {
    color: #e05b3a
}

.details-sumary a:hover {
    color: #6a9211;
    text-decoration: underline
}

.details-sumary p {
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 4px;
    color: #333
}

.details-sumary blockquote {
    background: url(/images/cty/linh-tinh/blockquote.gif) 3px 7px repeat-y #ffe9ce;
    margin: 10px 0;
    padding: 10px 40px;
    border-radius: 3px;
    letter-spacing: 0
}

figcaption {
    border-bottom: none;
    display: block;
    float: none;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center
}

.details-sumary ol,
.details-sumary ul {
    display: block;
    font-size: 13px;
    list-style-type: disc;
    margin: 0;
    padding-left: 30px;
    line-height: 26px;
    word-spacing: 2px
}

.details-sumary ol {
    list-style-type: decimal
}

.details-sumary .more-articles ul {
    list-style-type: none;
    margin: auto -7.5px 10px;
    padding-left: 0
}

.details-sumary img {
    
    margin: 15px auto !important;
    display: block;
    height: auto !important
}

.autocomplete-suggestions {
    border: 1px solid #f2f2f2;
    border-radius: 0 0 5px 5px;
    background: #fff;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    font-weight: 400;
    color: #39f
}

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #666
}

.autocomplete-suggestion:hover {
    background: #f1f1f1;
    color: #72c02c;
    cursor: pointer
}

.aligncenter,
figure.aligncenter img,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.container_description_category,
.container_description_category_news {
    background: #fff;
    
    line-height: 30px !important;
}

.sidebar_feature_post {
    display: block;
    margin-bottom: 15px;
    background: #fff;
    -moz-box-shadow: 3px 3px 5px -2px rgba(178, 178, 178, .97);
    -webkit-box-shadow: 3px 3px 5px -2px rgba(178, 178, 178, .97);
    box-shadow: 3px 3px 5px -2px rgba(178, 178, 178, .97);
    font-family: Roboto, Expro, Arial, "Times New Roman", Times, serif;
    letter-spacing: -1px
}

.title_sidebar {
    background-color: #f3f3f3;
    display: -webkit-box
}

.title_sidebar .title {
    color: #000;
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.menu-chill-paren {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    text-align: center;
    padding: 7px 25px;
    margin: 15px 0
}

.list-chill {
    padding: 8px 15px;
    background-color: #85b715;
    color: #000;
    border-radius: 4px
}

.list_post_sidebar,
.sidebar_feature_post .muti_menu_right_category {
    display: block;
    background: #fff;
    padding: 10px
}

.post_news_siderbar_content li .item a.thumbnail_sidebar {
    float: left;
    display: block;
    max-width: 100px;
    margin-right: 10px
}

.post_featuenew_siderbar_content li .item a.thumbnail_sidebar img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 0
}

.post_featuenew_siderbar_content li,
.post_news_siderbar_content li {
    display: inline-block;
    margin: 10px 0 0;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    width: 100%
}

.post_featuenew_siderbar_content li:last-child,
.post_news_siderbar_content li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.post_featuenew_siderbar_content li .item a.title_post,
.post_news_siderbar_content li .item a.title_post {
    display: block;
    cursor: pointer
}

.post_featuenew_siderbar_content li .item a.title_post h5,
.post_news_siderbar_content li .item a.title_post h5 {
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 20px;
    color: #e05b3a
}

.post_featuenew_siderbar_content li .item a.title_post h5 {
    font-size: 15px;
    line-height: 20px;
    color: #e05b3a;
    font-weight: 400;
    font-family: Tahoma, Geneva, sans-serif
}

.post_featuenew_siderbar_content li .item a.title_post:hover h5,
.post_news_siderbar_content li .item a.title_post:hover h5 {
    text-decoration: underline;
    color: red
}

.question_answer_container {
    background-color: #cbddb3b3;
    border: 1px solid #3db401;
    padding: 20px
}

.container_single_product_view {
    display: block;
    margin: 15px 0
}

.header-single-theme .row,
.list_new_category_group .row {
    margin-right: -7.5px;
    margin-left: -7.5px
}

.list_new_category_group .newsitem:first-child h2 a,
.list_new_category_group .newsitem:first-child h3 a {
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto, Expro, Arial, "Times New Roman", Times, serif
}

.list_new_category_group .newsitem:first-child h2 a {
    font-size: 16px;
    font-weight: 700
}

.content_siderbar_header_single .camera {
    display: block;
    padding: 5px
}

.list_new_category_group .titleView2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: red
}

.section_grid {
    display: grid;
    justify-items: center;
    margin: 40px 0;
    grid-template-columns: repeat(3, 1fr)
}

.section_grid .cricle_img {
    border-radius: 100%;
    overflow: hidden;
    border: 5px solid #999;
    margin: 0 auto;
    width: 220px !important;
    display: block
}

.content_full table th {
    width: inherit !important
}

.content_full table td,
.content_full table th {
    padding: 5px !important
}

.content_full tbody tr td {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #5f6062;
    font-size: 13px;
    padding: 2px 5px;
    border: 1px solid #e0e0e0;
    vertical-align: middle
}

.chingio30>td,
.muoimotgio30>td,
.muoisaugio>td {
    background: #f0f3f5
}

.muoibagio>td,
.muoinamgio>td,
.tamgio30>td {
    background: #c4ced4
}

.releated_page_container ul.list_releated li {
    display: block;
    position: relative;
    margin-top: 5px;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px
}

.releated_page_container ul.list_releated li a {
    display: block;
    position: relative;
    font-size: 14px;
    padding-left: 20px
}

.releated_page_container ul.list_releated li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #e05b3a;
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: 8px
}

.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a:hover,
.releated_page_container ul.list_releated li a:hover {
    text-decoration: underline;
    color: #e05b3a
}

.sidebar_feature_post ul.muti_menu_right_category>li {
    display: block;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.sidebar_feature_post ul.muti_menu_right_category>li>a {
    display: block;
    position: relative;
    font-size: 15px;
    padding-left: 15px
}

.sidebar_feature_post ul.muti_menu_right_category>li>a:before {
    display: block;
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #e05b3a;
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: 5px
}

.sidebar_feature_post ul.muti_menu_right_category>li>a:hover,
.sidebar_feature_post ul.muti_menu_right_category>li>a:hover span {
    display: block;
    text-decoration: underline;
    color: #85b715
}

.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li {
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #f2f2f2
}

.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    max-height: 63px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    text-align: justify;
    color: #333
}

.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a:before {
    display: block;
    content: "\f0a4";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fa4800;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 10px
}

.post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a:hover:before {
    text-decoration: none;
    color: #e05b3a
}

.author_post_asolute,
.meta_time,
.rating_description,
.rating_theme {
    position: absolute;
    right: -99990px
}

.call-now-button {
    display: none;
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
    background: #e63517;
    right: 0;
    bottom: 44px;
    display: flex !important
}

.fb-button,
.gotohome,
.tiktokk-button,
.zalo-button {
    width: 130px;
    display: inline-flex !important;
    right: 0;
    z-index: 99999;
    position: fixed;
    box-shadow: inset 0 0 0 0 #54b3d6;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    clear: both
}

.call-now-button div,
.fb-button div,
.line-button div,
.tiktokk-button div,
.zalo-button div {
    display: flex
}

.call-now-button div p {
    color: #fff;
    display: table;
    padding: 17px;
    border-radius: 21px;
    height: 34px;
    line-height: 14px;
    font-size: 14px;
    margin: -4px -4px -4px 40px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none !important;
    box-sizing: border-box
}

.fb-button div p,
.line-button div p,
.tiktokk-button div p,
.zalo-button div p {
    padding: 22px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none !important;
    font-size: 14px;
    text-transform: uppercase
}

.fb-button,
.tiktokk-button,
.zalo-button {
    margin: 0 auto;
    border: 2px solid #639700
}

.fb-button :hover,
.tiktokk-button :hover,
.zalo-button :hover {
    box-shadow: inset 175px 0 0 0 #85b716;
    color: #fff
}

.tiktokk-button a img,
.zalo-button a img {
    border: none;
    display: inline-block;
    width: 22px;
    height: auto
}

.gotohome,
.tiktokk-button {
    border-radius: 5px
}

.tiktokk-button div p,
.zalo-button div p {
    display: table;
    height: 34px;
    margin: -4px -4px -4px 40px;
    box-sizing: content-box
}

.tiktokk-button div p {
    color: #221e1ecf;
    border-radius: 21px;
    box-sizing: border-box
}

.tiktokk-button {
    background: #000000cf;
    padding: 5px;
    margin-right: 10px;
    bottom: 100px;
    justify-content: flex-start
}

.gotohome {
    margin: 2px 11px 2px 2px;
    margin-top: -3px !important;
    padding: 4px;
    bottom: 176px;
    justify-content: center;
    background-color: #009210;
    color: #000;
    border: 1px solid #fff
}

.fb-button,
.zalo-button {
    margin-right: 10px;
    justify-content: flex-start
}

.gotohome:hover {
    box-shadow: inset 175px 0 0 0 #85b716;
    color: #ff0
}

.gotohome a:hover {
    color: #ff0
}

.zalo-button div p {
    color: #fff;
    border-radius: 21px;
    box-sizing: border-box
}

.zalo-button {
    background: #04a9e0cf;
    padding: 2px;
    bottom: 98px;
    border-radius: 5px
}

.fb-button a img {
    border: none;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-bottom: -13px
}

.fb-button div p,
.line-button div p {
    color: #000;
    display: table;
    border-radius: 21px;
    height: 34px;
    margin: -4px -4px -4px 40px;
    box-sizing: content-box;
    box-sizing: border-box
}

.fb-button {
    background: #000000cf;
    padding: 5px;
    bottom: 131px;
    border-radius: 5px
}

#ra .quick-alo-ph-circle.active,
.quick-alo-ph-circle-fill.active {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    position: absolute;
    opacity: 1
}

.fb-button a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
    height: 30px;
    flex-direction: row
}

.line-button,
.text_nho {
    justify-content: center
}

.text_tren {
    margin: -11px 0 8px 35px;
    font-size: 14px;
    color: #b5ffb5;
    font-weight: 600;
    font-family: ui-rounded
}

.text_nho {
    text-wrap: nowrap;
    font-size: 11px !important;
    font-weight: 500;
    font-family: monospace;
    text-transform: uppercase;
    margin-top: -10px;
    word-spacing: -3px
}

#ra .quick-alo-ph-circle.active {
    width: 85px;
    height: 85px;
    top: -22px;
    left: -17px;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    -webkit-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    -moz-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform-origin: 50% 50%
}

.quick-alo-ph-circle-fill.active {
    width: 74px;
    height: 74px;
    top: -17px;
    left: -11px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -moz-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform-origin: 50% 50%
}

.quick-alo-ph-img-circle.shake {
    width: 40px;
    height: 40px;
    top: 0;
    left: 6px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(https://4.bp.blogspot.com/-QS_kNivpwOo/W_ynu6c8ZII/AAAAAAAAFuQ/YLJjZduBSrc3hNinm4eI4lI67utRtQi-QCLcBGAs/s1600/quick-call-button.png) center center no-repeat;
    -webkit-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    -moz-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {

    0%,
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {

    0%,
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {

    0%,
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg);
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    100%,
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {

    0%,
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {

    0%,
    100%,
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.call-now-button div a .quick-alo-ph-img-circle,
.call-now-button div a .quick-alo-phone-img-circle {
    background-color: red
}

.container_brand_public .border_contact {
    border: 1px solid #f2f2f2
}

.border-brand img {
    max-width: 100%;
    height: auto;
    display: block
}

.border-brand {
    padding: 10px;
    border: 2px solid #c7c7c7
}

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

.info-brand {
    padding: 5px;
    text-align: justify;
    font-family: arial, helvetica, sans-serif
}

.colums-contact {
    display: -webkit-inline-box;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 1fr)
}

.img-logo-contact {
    padding: 10px;
    width: 30%
}

.info-contact {
    font-family: tahoma, arial, helvetica, sans-serif;
    display: grid;
    padding: 17px
}

.menu-interior {
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    color: #222;
    background-color: #fffe00;
    display: block;
    padding: 10px 0;
    margin: 10px 0;
    height: 40px
}

@media (min-width:1200px) {
    #mainMenu ul#primary-menu>li>a {
        font-size: 12px;
        padding: 10px 6px 7px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 2
    }

    #mainMenu ul#primary-menu>li>a:hover {
        transform: scale(1.1);
        background-color: #a4f0ff !important;
        text-decoration: none;
    }
}

@media screen and (min-width:768px) {
    .boxImgContent .imgPro.col-sm-9.col-md-9 {
        padding-right: 0
    }
}

@media screen and (max-width:1200px) {

    .line-button a,
    .list-chill {
        color: #000;
        font-weight: 500
    }

    .line-button a {
        right: 0;
        width: 100%;
        padding: 5px;
        margin: 2px;
        top: 80px;
        display: inline-flex !important;
        justify-content: center;
        border-radius: 5px;
        background-color: #ff0;
        border: 1px solid #000
    }

    .container_brand_public .img_brand_thuonghieu {
        margin-bottom: 5px
    }

    .container_brand_public .border_contact .img-logo-contact {
        display: block;
        width: 100%;
        float: none
    }

    .container_brand_public .border_contact .img-logo-contact img {
        display: block;
        width: 39%;
        max-width: 100%;
        height: auto !important;
        margin: 5px auto
    }

    .container_brand_public .border_contact .info-contact {
        display: block;
        width: 100%;
        float: none;
        margin-top: -10px;
        padding: 5px 15px 10px;
        line-height: 22px
    }

    .container_brand_public .border_contact .info-contact span {
        display: block;
        margin-bottom: 5px;
        text-align: center
    }

    .container_brand_public .border_contact .colums-contact {
        display: block;
        grid-gap: initial;
        grid-template-columns: inherit
    }

    .box-new-group-container .contentScroll .newsitem p {
        display: block;
        line-height: 18px;
        height: 36px;
        overflow: hidden
    }

    .container {
        width: 100%
    }

    #mainMenu {
        overflow: hidden
    }

    .menu-chill-paren {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        text-align: center;
        padding: 5px 10px;
        margin: 15px 0
    }

    .list-chill {
        padding: 5px;
        background-color: #85b715;
        border-radius: 4px
    }
}

@media screen and (max-width:1015px) {
    .container {
        width: 100%
    }

    .menu-chill-paren {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        text-align: center;
        padding: 5px 10px;
        margin: 15px 0
    }

    .list-chill {
        padding: 5px;
        background-color: #85b715;
        color: #000;
        font-weight: 500;
        border-radius: 4px
    }
}

@media screen and (max-width:980px) {
    .box-qc-hide {
        display: none !important
    }

    .menu_mobile_resposive {
        right: 10px
    }

    .menu-chill-paren {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        text-align: center;
        padding: 5px 10px;
        margin: 15px 0
    }

    .list-chill {
        padding: 5px;
        background-color: #85b715;
        color: #000;
        font-weight: 500;
        border-radius: 4px
    }
}

@media screen and (max-width:767px) {

    .header_kt_bt a,
    .header_lich_bt p a,
    .header_menu_nt a {
        font-family: Roboto, Arial, "Times New Roman", Times, serif;
        font-size: 14px;
        font-weight: 700
    }

    .post_news_theme_siderbar_content ul.list_theme_posts_item_sidebar li a,
    .ve-tieu-de {
        font-size: 15px
    }

    ul#primary_menu-mobile-id>li>a,
    ul#primary_menu-mobile-id>li>ul>li a {
        color: #fff;
        background: 0 0 !important;
        border-bottom: none !important;
        text-transform: uppercase
    }

    .page-site,
    .sr-only,
    body.cbp-spmenu-push-toleft {
        overflow: hidden
    }

    .details-sumary a img,
    .mh-alo-phone {
        cursor: pointer
    }

    .line-button a {
        right: 0;
        width: 100% !important;
        padding: 5px;
        margin: 2px;
        top: 80px;
        display: inline-flex !important;
        justify-content: center;
        border-radius: 5px;
        background-color: #ff0;
        color: #000;
        border: 1px solid #000;
        font-weight: 500
    }

    ul.social_like_single li.linkin {
        top: -5px
    }

    ul.social_like_single li.fb-share-tbn {
        top: 0
    }

    .container_single_product_view {
        margin: 0 0 10px
    }

    .branch-title {
        border-bottom: 1px solid #444
    }

    .ve-tieu-de {
        line-height: 53px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        display: block
    }

    .ntx-footer-about .content-config-ntx-footer {
        border-left: none;
        border-right: none;
        min-height: auto
    }

    .ntx-footer-row .content-config-ntx-footer {
        border-bottom: 1px solid #4e4d4d
    }

    .slider_home_page {
        display: none !important;
        height: 0 !important
    }

    .header_kt_bt {
        width: 100%;
        background-color: #0f9dff;
        text-align: center;
        padding: 6px 0
    }

    .header_kt_bt a {
        color: #000
    }

    .header_menu_nt {
        width: 100%;
        background-color: #fffe00;
        text-align: center;
        padding: 5px 0;
        margin: 2px 0 0
    }

    .header_menu_nt a {
        color: #222
    }

    .details-sumary,
    .details-sumary p {
        letter-spacing: .2px;
        font-family: Roboto, Montserrat, Expro, Arial, "Times New Roman", Times, serif;
        line-height: 30px
    }

    #top-head .logo_inc a,
    .header_lich_bt,
    .item_slick a,
    .list_index_service ul.list,
    .right_blog,
    a#alo,
    ul#primary_menu-mobile-id li,
    ul.list-vertical li img {
        display: block
    }

    .header_lich_bt p {
        text-transform: uppercase;
        background: #df0d0d;
        padding: 8px 15px;
        margin: 0 0 5px;
        text-align: center;
        position: relative
    }

    .header_lich_bt p a,
    .header_lich_bt p span {
        color: #fff
    }

    .flexnav .touch-button .navicon,
    .flexnav li a {
        color: #fff !important
    }

    .details-sumary .section_grid,
    ul.list-about-footer {
        grid-template-columns: repeat(1, 1fr)
    }

    .cbp-spmenu-left.cbp-spmenu-open,
    body.cbp-spmenu-push-toleft .cbp-spmenu-open {
        overflow-y: scroll
    }

    .content_full .title_product {
        padding-left: 10px;
        padding-right: 10px
    }

    .contentNews {
        padding-left: 3%;
        padding-right: 3%
    }

    .container_default_page .container,
    .home-index .container,
    .post_category_list .item_category .item .row [class*=col-],
    .selection_header_group .container,
    .single_tin_tuc_not_cat_view .container,
    .single_tin_tuc_view .container {
        padding-right: 0;
        padding-left: 0
    }

    #releated_theme_category .info_other {
        display: block;
        padding: 0 2%
    }

    .details-sumary {
        font-size: 16px
    }

    .details-sumary p {
        padding: 0;
        margin-bottom: -6px;
        margin-top: 0;
        font-weight: 400;
        font-size: 15px
    }

    #top-head .hotline_header,
    #top-head .main_bg_header,
    #top-head .main_bg_header a,
    .tm-article-content .description-article {
        display: none
    }

    .menu-chill-paren {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        text-align: center;
        padding: 5px 10px;
        margin: 15px 0
    }

    .list-chill {
        padding: 4px 10px;
        background-color: #85b715;
        color: #000;
        font-weight: 500;
        border-radius: 4px
    }

    .container_single_product_view .cate_desc {
        display: block;
        padding: 0 4%
    }

    .boxImg-item,
    .item_box_project_home .boxImg-item {
        margin-top: 8px;
        min-height: 150px;
    }

    .tm-article-content .aintro {
        max-height: 55px;
        height: auto
    }

    .container_slick_mobile .slick-slide,
    .footer_view_container .about_footer,
    .footer_view_container .tool_footer,
    .post_featuenew_siderbar_content li .item a.thumbnail_sidebar img {
        width: 100%
    }

    .post_featuenew_siderbar_content li .item a.title_post h5,
    .post_news_siderbar_content li .item a.title_post h5,
    .sidebar_feature_post ul.muti_menu_right_category>li>a {
        font-size: 16px;
        font-weight: 400;
        line-height: 21px
    }

    .sidebar_feature_post ul.muti_menu_right_category>li>a:before {
        top: 1px
    }

    .sidebar_feature_post ul.muti_menu_right_category>li {
        margin-top: 10px;
        padding-bottom: 10px
    }

    section#section {
        padding-top: 0
    }

    .container-products-group section#section,
    .leftContent .row.row-content {
        margin-left: -15px;
        margin-right: -15px
    }

    .container-products-group .list_theme_category {
        padding: 0 3%;
        background: #edededdb;
    }

    .container_description_category,
    .container_description_category_news {
        margin-bottom: 0;
        line-height: 1em;
        background: #edededdb;
    }

    .copy-right-footer {
        margin-bottom: 30px
    }

    section.tm-bottom-a {
        border-top: 1px solid #f2f2f2;
        display: block
    }

    .tm-article-featured-image .imgProduct-project img {
        display: block;
        width: 100%;
        height: auto;
        height: 60% !important
    }

    .category_theme_load_home_item .tbanner {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -5px
    }

    .container_list_projects_home .item_box_project_home .item_project_group {
        margin-top: 0
    }

    .item_box_project_home {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    ul#primary_menu-mobile-id>li>a,
    ul#primary_menu-mobile-id>li>ul {
        border-top: 1px solid rgba(0, 0, 0, .3);
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%)
    }

    #sidr-primary-menu,
    .header_slider_home .info_slider_main,
    .home_grid_group_container,
    .logo_inc .info-logo,
    .pc,
    .service_home_gallery,
    .sidebar_qc,
    .single_theme_content .header-single-theme .small_banner {
        display: none !important
    }

    .home-index.container,
    .main-container-top-footer .container {
        padding-left: 0;
        padding-right: 0;
    }

    .header_slider_home .slider_main_details {
        border-left: none
    }

    #top-head {
        position: relative;
        display: block;
        min-height: 53px;
        background: #fff;
        color: rgba(0, 0, 0, .5)
    }

    .container_group_header .project-category {
        display: block;
        text-transform: uppercase;
        color: #85b716;
        background: #fff;
        margin: 1px 0;
        border-bottom: 2px solid #f2f2f2;
        font-family: Tahoma, Geneva, sans-serif;
        opacity: 0;
        height: 0
    }

    .flexnav .touch-button,
    .flexnav li ul li a {
        background: #486505 !important
    }

    .container_group_header .project-category p {
        color: #7db600;
        letter-spacing: -.5px
    }

    #section,
    .container_group_header .project-category center {
        background: #fff
    }

    iframe#subiziframe12230948092348092384 {
        bottom: 20px !important;
        right: 30px !important
    }

    .flexnav li a {
        background: #000 !important;
        font-size: 14px;
        font-weight: 700;
        font-family: Tahoma, Geneva, sans-serif;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    ul#primary_menu-mobile-id>li>a {
        padding: 10px 15px;
        font-weight: 700;
        font-size: 16px;
        width: 100%;
        display: block;
    }
    
.menu-toggle {
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1000;
  }
  
  
  .side-menu {
    position: fixed;
    top: 0;
    left: -250px; 
    width: 250px;
    height: 100%;
    background-color: #333;
    color: white;
    transition: left 0.3s ease; 
    z-index: 999;
  }
  
  .side-menu ul {
    list-style-type: none;
  }
  
  .menu-item a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 15px;
    background-color: #333;
  }
  
  .menu-item a:hover {
    background-color: #444;
  }
  
  .has-submenu > a::after {
    content: " ▼";
  }
  
  .submenu {
    display: none;
    list-style-type: none;
    padding: 0;
  }
  
  .submenu li a {
    padding-left: 30px;
    background-color: #444;
  }
  
  .submenu li a:hover {
    background-color: #555;
  }
  
  
  .side-menu.open {
    left: 0;
    overflow-y: scroll;
  }
  

    .flexnav.flexnav-show {
        border-right: 1px solid #fff
    }

    .flexnav .touch-button {
        height: 43px !important;
        display: none !important
    }

    ul#primary_menu-mobile-id li ul {
        display: block !important;
        padding-left: 0;
        margin-left: 0
    }

    ul#primary_menu-mobile-id>li>ul {
        padding: 5px 0 5px 7px
    }

    ul#primary_menu-mobile-id>li>ul>li a {
        font-weight: 600;
        font-size: 13px;
        padding: 4px 15px;
        border: 1px solid #171717;
        border-radius: 8px;
        line-height: 24px;
        width: 100%;
        display: block;
    }
    ul#primary_menu-mobile-id>li>ul>li a :hover{
        background: #ffbe52;
        transition: background-color .3s;
        transform: scale(1.05);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        text-decoration: none;
    }

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 270px
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -270px
    }

    .cbp-spmenu-push-toright {
        left: 270px
    }

    .single_theme_content .header-single-theme .box-item {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        zoom: 1
    }

    .leftContent:after,
    .left_blog:after,
    .rightContent:after,
    .right_blog:after,
    .row_select_header .service_info:after,
    .row_select_header .videos_info:after,
    .single_theme_content .header-single-theme .box-item:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden
    }

    .single_theme_content .header-single-theme .box-item .boxImg {
        border: none
    }

    .single_theme_content .header-single-theme .box-item .boxImg img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

    .border-group,
    .container_group_header,
    .footer_content_group_box,
    .home_grid_group_container {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .leftContent,
    .rightContent {
        float: none !important;
        zoom: 1
    }

    ul#footer-menu-container>li {
        width: 50%
    }

    .container_slick_mobile {
        display: block !important;
        padding: 10px 0;
        margin: 10px auto;
        position: relative;
        overflow: hidden
    }

    .container_slick_mobile .slide {
        width: 100%;
        height: 100%
    }

    .slider_service_home {
        width: 100% !important
    }

    .container_slick_mobile h3 {
        font-size: 19px;
        font-weight: 700;
        padding: 5px 0
    }

    .container_slick_mobile .exceript {
        display: block;
        line-height: 20px
    }

    .item_slick a img,
    .nav_logo_group,
    .post_sidebar_new a.thumbnail_sidebar img,
    .service_sidebar_featured a.thumbnail_sidebar img {
        display: block;
        width: 100%
    }

    ul.list-vertical li,
    ul.list-vertical li img {
        height: auto !important;
        width: 100% !important
    }

    .mobile {
        display: block !important
    }

    .footer_view_container .social_footer {
        width: 100%;
        padding: 0 30px
    }

    .bar2::after,
    .post_category_list .item_category .item:first-child {
        padding-left: 0
    }

    .social_tbl_like_group {
        text-align: left
    }

    .menu_mobile_header {
        margin: 0 !important;
        position: absolute;
        
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        display: block;
        z-index: 10
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        clip: rect(0, 0, 0, 0);
        border: 0
    }

    .bar1,
    .bar2,
    .bar3 {
        background-color: #000;
        position: relative;
        display: block;
        height: 3px;
        margin: 4px 0;
        transition: .4s;
        width: 25px;
        font-weight: 700
    }

    .left_blog,
    .right_blog,
    .row_select_header .videos_info {
        width: 100%;
        zoom: 1;
        float: none
    }

    .bar2::after {
        content: "menu";
        position: fixed;
        top: 7px;
        font-size: 16px;
        text-transform: uppercase;
        left: -50px
    }

    #top-head .logo_inc,
    .nav_logo_group .container {
        position: relative;
        padding: 0;
        display: block
    }

    #top-head .logo_inc {
        top: 0;
        left: 0;
        box-shadow: 0 0 0 1px rgb(0 0 0 / 6%), 0 4px 10px rgb(0 0 0 / 6%)
    }

    #top-head .logo_inc a img {
        display: block;
        height: 56px;
        margin: 0 auto
    }

    #top-head .logo_inc a img.mobile {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 2px;
        box-shadow : unset}

    .mobile_menu ul#primary-menu li {
        display: block;
        float: none
    }

    .mobile_menu ul#primary-menu li a {
        display: block;
        text-align: left;
        font-size: 13px
    }

    .cbp-spmenu {
        max-width: 100%;
        background: #2f2f2f !important;
        position: fixed
    }

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #e1e1e1 !important
    }

    .row_select_header .service_info {
        width: 100%;
        float: none;
        zoom: 1;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: -7px
    }

    .list_index_service ul.list,
    .right_blog .sidebar_support {
        padding-right: 15px;
        padding-left: 15px
    }

    .list_index_service ul.list li {
        margin: 0
    }

    .post_category_list .item_category,
    .post_category_list .item_category .item .row {
        margin-right: 0;
        margin-left: 0
    }

    .container_default_page .row {
        margin-right: -7.5px;
        margin-left: -7.5px
    }

    .container_default_page .row [class*=col-] {
        padding-right: 7.5px;
        padding-left: 7.5px
    }

    .post_category_list .item_category .item:last-child,
    .project_index .left_blog {
        padding-right: 0
    }

    .tab-content .newmain {
        display: block;
        padding: 10px;
        background: #fff
    }

    .tab-content .newmain .textbewnaub {
        display: block;
        float: none;
        max-width: 100%;
        margin-right: 0
    }

    .tab-content .newmain .fl {
        margin-right: 10px
    }

    .videos_info .video-container iframe {
        height: 250px !important
    }

    .list-cat-show .title-post-cat {
        display: block;
        padding: 5px 0
    }

    .mh-alo-phone {
        background-color: transparent;
        bottom: 0;
        height: 110px;
        left: 0;
        position: fixed;
        visibility: visible;
        width: 110px;
        z-index: 200000 !important
    }

    .mh-alo-ph-circle {
        background-color: transparent;
        border: 2px solid #eea2a2;
        border-radius: 100%;
        height: 90px;
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px;
        width: 90px
    }

    .mh-alo-ph-circle-fill {
        background-color: rgba(209, 7, 7, .5);
        border: 2px solid transparent;
        border-radius: 100%;
        height: 60px;
        left: 28px;
        opacity: .75 !important;
        position: absolute;
        top: 28px;
        transition: .5s;
        width: 60px
    }

    .mh-alo-ph-img-circle {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") center center/70% auto no-repeat #d10707;
        border: 2px solid transparent;
        border-radius: 100%;
        height: 30px;
        left: 43px;
        opacity: .7;
        position: absolute;
        top: 43px;
        transform-origin: 50% 50% 0;
        transition: .2s ease-in-out;
        width: 30px
    }

    .details-sumary h1 {
        font-size: 24px;
        line-height: 30px
    }

    .details-sumary h2 {
        font-size: 22px;
        line-height: 27px
    }

    .details-sumary h3 {
        font-size: 18px;
        line-height: 25px
    }

    .details-sumary h4 {
        font-size: 16px;
        line-height: 23px
    }

    .details-sumary h5 {
        font-size: 14px;
        line-height: 22px
    }

    .details-sumary h6 {
        font-size: 13px;
        line-height: 22px
    }
}

@media screen and (max-width:600px) {
    .box-new-group-container .boxNews .list_news {
        width: 100%;
        display: block
    }

    .box-new-group-container .boxNews .feature_news,
    .box-new-group-container .title_product .sub_feature {
        display: none
    }
}

@media (max-width:603px) {
    .listProduct .box-item .carousel-stage img {
        height: auto;
        width: 565px;
        max-width: 100%
    }

    #boxDetail .info_view p,
    .cate_desc .info_view p {
        padding: 0;
        font-size: 11px
    }

    #boxDetail .info_view .h2-line,
    .cate_desc .info_view .h2-line {
        font-size: 12px
    }

    div .cate_desc_detail .col-sm-9 img,
    div .clearn_detail img,
    div .desc_detail .col-sm-9 img {
        max-height: 450px
    }

    .container .paging span.page,
    .container .paging span.page-a {
        margin-right: 7px;
        margin-bottom: 7px
    }

    body #element_to_pop_up {
        max-width: 98%
    }

    .don_gia,
    .listcomment,
    .topcomment {
        width: 100%
    }

    .listcomment,
    .listcomment2 {
        border-top: 1px solid #ccc;
        padding: 10px 0 0;
        margin-top: 5px
    }
}

@media (max-width:568px) {
    .listProduct .box-item .carousel-stage img {
        height: auto;
        width: 540px;
        max-width: 100%
    }

    div .cate_desc_detail .col-sm-9 img,
    div .clearn_detail img,
    div .desc_detail .col-sm-9 img {
        max-height: 380px
    }

    a.prev {
        display: none
    }
}

.line-button,
.line-button a {
    padding: 5px;
    display: inline-flex !important;
    border-radius: 5px
}

@media screen and (max-width:540px) {
    .container_tab_home ul.nav-tabs li {
        margin-bottom: 10px
    }
}

@media (max-width:520px) {
    .container iframe {
        height: 250px
    }

    .title_product,
    .title_product2 {
        text-transform: uppercase;
        display: block;
        text-align: center;
        color: #85b716;
        font-size: 13px !important;
        font-weight: 700;
        overflow: hidden;
        width: 80%;
        margin: auto
    }

    .row.row-listpro .col-sm-6,
    .row.row-listpro .col-xs-6 {
        width: 50%
    }

    .imgPro {
        width: 75%;
        float: left
    }

    .boxImgContent .col-sm-3 {
        padding-left: 0
    }

    .boxImgContent .col-sm-3,
    .home_category_theme_group .boxImgContent .imgPro,
    .info_other .boxImgContent .imgPro,
    .list_theme_category .boxImgContent .imgPro {
        width: 100%;
        float: none;
        zoom: 1;
        display: block
    }

    .home_category_theme_group .boxImgContent .col-sm-3,
    .info_other .boxImgContent .col-sm-3 {
        width: 100%;
        float: none;
        zoom: 1
    }

    .boxImgContent .col-sm-3:after,
    .home_category_theme_group .boxImgContent .imgPro:after,
    .info_other .boxImgContent .col-sm-3:after,
    .list_theme_category .boxImgContent .col-sm-3:after,
    .list_theme_category .boxImgContent .imgPro:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden
    }

    .home_category_theme_group .boxImgContent .col-sm-3 .product_desc,
    .info_other .boxImgContent .col-sm-3 .product_desc,
    .list_theme_category .boxImgContent .col-sm-3 .product_desc {
        max-height: auto;
        min-height: auto;
        padding: 15px 10px 10px;
        display: block
    }
}

@media (max-width:460px) {
    .tbanner .read_more {
        font-size: 9px !important;
        position: relative;
        top: -2px
    }

    .item_project_group .row [class*=col-] {
        padding-right: 2.5px;
        padding-left: 2.5px
    }

    .listProduct .box-item .carousel-stage img {
        height: auto;
        max-width: 420px;
        width: 100%
    }

    div .cate_desc_detail .col-sm-9 img,
    div .clearn_detail img,
    div .desc_detail .col-sm-9 img {
        max-height: 350px
    }

    .container iframe {
        height: 200px
    }

    .hotlinebottom {
        font-size: 17px
    }
}

@media (max-width:420px) {
    .newsitem span.viewmore {
        margin-left: 150px
    }

    .boxImgContent .imgPro.col-sm-9.col-md-9 {
        padding-right: 0
    }

    .item_project_group .row [class*=col-] {
        padding-right: 2.5px;
        padding-left: 2.5px
    }
}

@media (max-width:360px) {
    ul.social_like_single li.linkin {
        display: none
    }

    .listProduct .box-item .carousel-stage img {
        height: auto;
        max-width: 320px;
        width: 100%
    }

    div .cate_desc_detail .col-sm-9 img,
    div .clearn_detail img,
    div .desc_detail .col-sm-9 img {
        max-height: 340px
    }

    .hotlinebottom {
        font-size: 14px
    }

    .item_project_group .row [class*=col-] {
        padding-right: 2.5px;
        padding-left: 2.5px
    }
}

@media screen and (max-width:320px) {
    ul#footer-menu-container>li {
        width: 100%
    }

    .item_project_group .row [class*=col-] {
        padding-right: 2.5px;
        padding-left: 2.5px
    }

    .single_theme_content .entry-content img {
        moz-box-shadow: 0 0 5px #bfb5b5;
        -webkit-box-shadow: 0 0 5px #bfb5b5;
        box-shadow: 0 0 5px #bfb5b5;
        max-width: 95%;
        height: auto;
        vertical-align: middle
    }

    .clear,
    .clearfix {
        zoom: 1
    }

    .clear:after,
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden
    }
}

.line-button {
    z-index: 99999;
    clear: both;
    position: fixed;
    box-shadow: inset 0 0 0 0 #54b3d6;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    margin-top: -3px !important;
    right: 4%;
    width: 92%;
    margin: auto;
    bottom: 12px
}

.line-button a {
    right: 0;
    width: 17%;
    margin: 2px;
    top: 80px;
    justify-content: center;
    background-color: #ff0;
    color: #000;
    border: 1px solid #000;
    font-weight: 500
}

.dropdown {
    position: relative;
    padding: 2px 15px;
    background-color: #9aa668;
    line-height: 25px;
    border-top: 1px solid #c7c7c7
}@media screen and (max-width: 767px) {
 .tm-article-featured-image>div.imgProduct-project>a.effect>img {
 
height: 20vh !important;
}

}
@media screen and (max-width: 465px) {
    .tm-article-featured-image>div.imgProduct-project>a.effect>img {
    
   height: 18vh !important;
   }
   
   }

/* Integrated on 2025-09-05 04:24 — merged old mobile-menu rules and appended unified pack */
/* ============================================================
   MOBILE MENU PACK (Header + Toggle + Push Menu + Overlay)
   - Giữ nguyên class/ID hiện có: .navbar-toggle, #main_navigation, .push-menu...
   - Gộp và thay thế các rule trùng lặp/không cần (float/absolute/transform cũ)
   - Đặt ĐOẠN NÀY Ở CUỐI FILE để ưu tiên cascade
   ============================================================ */

/* 1) Header row: logo ⟷ toggle cùng 1 dòng, cân giữa */
@media (max-width:767px){
  /* Wrapper đang ôm logo + thông tin + nút */
  .header .logo_group,
  .header .logo-group,
  .header .container_group_header,
  .header .header-top{
    display:flex !important;
    align-items:center !important;         /* căn giữa theo trục dọc */
    justify-content:space-between !important;
    flex-wrap:nowrap !important;           /* KHÔNG cho xuống dòng */
    gap:10px;
    padding:6px 10px;
    min-height:52px;
    width:100%;
    position:relative;
  }

  /* Logo không bị ép, ảnh logo co tự nhiên */
  .header .logo_inc,
  .header .logo_inc_img_add{flex:0 0 auto;}
  .header .logo_inc img{display:block;max-height:32px;width:auto}

  /* Phần text giữa co giãn (không đẩy nút xuống) */
  .header .top-head,
  .header .slogan,
  .header .brand-text{
    flex:1 1 auto; min-width:0;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  }

  /* 2) Nút menu: bỏ mọi float/absolute/transform cũ, cố định 44x44 */
  .navbar-toggle.menu_mobile_header,
  .navbar-toggle.menu_mobile_header.toggle-menu{
               position: absolute;
        right: 8px;
        top: auto;
        margin-bottom: - 10px !important;
        margin-top: -54px !important;
        transform: none !important;
        float: none !important;
        margin-left: auto;
        flex: 0 0 44px !important;
        width: 44px;
        height: 44px;
        display: inline-flex
;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #888;
        border-radius: 10px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        z-index: 20;
        align-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
  }
  .navbar-toggle .bar1,.navbar-toggle .bar2,.navbar-toggle .bar3{
    display:block; width:20px; height:2px; margin:3px 0; background:#111; border-radius:2px;
  }
}

/* 3) Push menu panel (ghi đè rule cũ display:none) */
#main_navigation{display:block !important;}
.push-body{overflow:hidden;} /* khóa cuộn khi mở menu */

.push-menu{
  position:fixed; top:0; bottom:0; left:0;
  width:72vw; max-width:360px; background:#fff; z-index:10000;
  padding:12px 14px; overflow-y:auto;
  transform:translateX(-100%); transition:transform .25s ease;
  box-shadow:2px 0 16px rgba(0,0,0,.12);
}
.push-menu.is-open{transform:translateX(0);}
.push-menu[hidden]{display:block;} /* ẩn ban đầu bằng transform, không phá layout */
.push-menu__close{background:none;border:0;font-size:28px;line-height:1;cursor:pointer}

/* 4) Overlay mờ */
.push-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9999}
.push-overlay[hidden]{display:none}

/* 5) Nội dung menu và trạng thái */
#main_navigation .nav-list,#main_navigation .sub-list{list-style:none;margin:0;padding:0}
#main_navigation .nav-item{position:relative}
#main_navigation .nav-link{display:inline-block;padding:12px 8px;text-decoration:none;color:#111}
#main_navigation .nav-item.is-active>.nav-link{font-weight:700}
#main_navigation .sub-toggle{margin-left:6px;background:none;border:0;cursor:pointer}
#main_navigation .sub-list{margin:4px 0 8px 14px;padding-left:8px;border-left:2px solid #eee}

/* 6) Chống style bên ngoài đè màu chữ */
#main_navigation,#main_navigation *{color:inherit;text-shadow:none;mix-blend-mode:normal}

/* 7) Dark mode (tùy chọn) */
@media (prefers-color-scheme:dark){
  #main_navigation{background:#121212;color:#f5f5f5}
  #main_navigation .sub-list{border-color:#2a2a2a}
}