/* source core inline style */
:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #dd3333;--fs-experimental-link-color-hover: #eeee22;}.tooltipster-base {--tooltip-color: #dd3333;--tooltip-bg-color: #ffffff;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.header-main{height: 88px}#logo img{max-height: 88px}#logo{width:243px;}.header-bottom{min-height: 55px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(0,0,0,0.9)}.header-bottom {background-color: #262425}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{border-bottom-color: #1e73be;}.nav .nav-dropdown{border-color: #1e73be }.nav-dropdown{border-radius:5px}.nav-dropdown{font-size:100%}.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #eeee22;}.nav .nav-dropdown{background-color: #eeee22}.blog-wrapper{background-color: #262425;}body{color: #ffffff}h1,h2,h3,h4,h5,h6,.heading-font{color: #dd3333;}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 500;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Roboto, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 500;font-style: normal;}.alt-font{font-family: Roboto, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #9f1d1d;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #9f1d1d;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */.gift {bottom: 15%;bottom: 5%;box-sizing: border-box;cursor: pointer;position: fixed;right: 15px;right: 4%;z-index: 11;}.close-gift {position: absolute;top: -10px;right: -10px;background-color: #000;color: #fff;border-radius:50%;width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 16px;cursor: pointer;z-index: 12;background:red;}element {}.thumb-gift {margin:15px 0;max-width: 120px;position: relative;}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Thịnh hành";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}

/* source extra inline style */
.header-button-1 a {
    width: 120px;
    padding-top: 2px;
    font-size: 12px;
    border: none;
    outline: none;
    color: #000;
    background: linear-gradient(141deg, #000000 0%, #f81123 60%, #000000);
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.header-button-1 a:hover {
    width: 120px;
    padding-top: 2px;
    font-size: 12px;
    border: none;
    outline: none;
    color: #FF0000;
    background: linear-gradient(141deg, #000000 0%, #f81123 60%, #000000);
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.header-button-1 a:before {
    content: "";
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -5px;
    left: -5px;
    background-size: 500%;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    animation: gradient-btn 15s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 99px;
}
.header-button-1 a:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    border-radius: 99px;

}
@keyframes gradient-btn {
0% {
    background-position: 0 0;
}
50% {
    background-position: 400% 0;
}
100% {
    background-position: 0 0;
}
}

.header-button-2 a {
    width: 120px;
    padding-top: 2px;
    font-size: 12px;
    border: none;
    outline: none;
    color: #000;
    background: linear-gradient(141deg, #000000 0%, #f81123 60%, #000000);
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.header-button-2 a:hover {
    width: 120px;
    padding-top: 2px;
    font-size: 12px;
    border: none;
    outline: none;
    color: #FF0000;
    background: linear-gradient(141deg, #000000 0%, #f81123 60%, #000000);
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.header-button-2 a:before {
    content: "";
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -5px;
    left: -5px;
    background-size: 500%;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    animation: gradient-btn 15s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 99px;
}
.header-button-2 a:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    border-radius: 99px;

}
@keyframes gradient-btn {
0% {
    background-position: 0 0;
}
50% {
    background-position: 400% 0;
}
100% {
    background-position: 0 0;
}
}

.tieu-de {
    font-size: 16px;
    line-height: 45px;
    font-weight: 700;
    height: 45px;
    color: #dd5f11;
    margin-bottom: 0;
    background-color: #2f1201;
    border: 4px solid #e83109;
    border-radius: 4px;
    padding: 0 16px;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 20px;
}
.home-content > .col > .col-inner {
   max-height: 1000px;
   overflow: auto;
   padding: 10px;
   border: 2px solid #b20000;
   border-radius: 10px;
   box-shadow: 0 2px 30px #b20000;
   word-wrap: break-word;
}
.home-content > .col > .col-inner {
  height: 100%;
  overflow: auto;
}
.home-content > .col > .col-inner::-webkit-scrollbar {
  width: 0.5rem;
  border-radius: 10px;
}
.home-content > .col > .col-inner::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #b20000;
}
.section-title-main {
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #dd5f11 0%,
    #FF0099 29%,
    #CC00FF 67%,
    #FFFF00 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}
h1 {
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #dd5f11 0%,
    #FF0099 29%,
    #CC00FF 67%,
    #FFFF00 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.taxonomy-description {
                overflow: hidden;
                position: relative;
                margin-bottom: 20px;
                padding-bottom: 25px;
            }
            .pls_readmore_category_post {
                text-align: center;
                cursor: pointer;
                position: absolute;
                z-index: 10;
                bottom: 0;
                width: 100%;
                background: #262425;
            }
            .pls_readmore_category_post:before {
                height: 55px;
                margin-top: -45px;
                content: "";

                display: block;
            }
.pls_readmore_category_post a {
  color: #FFF;
  display: block;
  width: 200px;
  margin: auto;
  background: linear-gradient(to right, #d14104, #cb5e2f, #d14104);
  padding: 5px;
  border-radius: 99px;
}
            .pls_readmore_category_post a:after {
                content: '';
                width: 0;
                right: 0;
                border-top: 6px solid #FFF;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 0 0 5px;
            }
            .pls_readmore_category_post_less:before {
                display: none;
            }
            .pls_readmore_category_post_less a:after {
                border-top: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff;
            }
h2, h3 {
    text-wrap: auto;
}
.content-area {
    background: #262425;
}



#clearads {
  background: linear-gradient(to right,#C02425 0%,#F0CB35 50%,#C02425 100%);
  background-size: 300% 100%;
  transition: all .4s ease-in-out;
  color: white;
  font-size: 14px;
  padding: 3px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 5px
}
#clearads:hover {
  background-position: 99% 0;
  transition: all .4s ease-in-out
}
.closecf {
  font-size: 14px;
  height: 20px;
  position: absolute;
  top: -35px;
  left: 305px;
  color: white;
  background: linear-gradient(to right,#C02425 0%,#F0CB35 50%,#C02425 100%);
  background-size: 300% 100%;
  transition: all .4s ease-in-out;
  text-decoration: none;
  cursor: pointer
}
.closecf:hover {
  background-position: 99% 0;
  transition: all .4s ease-in-out
}