:root{--urlwp-accent:#446084;--urlwp-shell:1180px;--urlwp-header-main:90px;--urlwp-header-nav:55px;--urlwp-header-mobile:70px}body{background:#fff}.urlwp-site{max-width:none;margin-inline:auto;background:#fff}.urlwp-header-main{min-height:var(--urlwp-header-main);display:flex;align-items:center;background:color-mix(in srgb,var(--urlwp-accent) 8%,#fff)}.urlwp-header-row{min-height:var(--urlwp-header-main)}.urlwp-header-bottom{min-height:var(--urlwp-header-nav);display:flex;align-items:center;background:#f1f1f1}.urlwp-header-nav-row{width:min(100% - 32px,var(--urlwp-shell));margin-inline:auto}.urlwp-primary-nav{margin:0}.urlwp-menu{justify-content:center}.urlwp-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.urlwp-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--urlwp-accent) 72%,#19c7ff),var(--urlwp-accent));color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.2)}.urlwp-menu>li{position:relative}.urlwp-menu .sub-menu{position:absolute;display:none;z-index:20;top:100%;left:0;min-width:220px;margin:0;padding:10px;background:#fff;list-style:none;box-shadow:0 12px 28px rgba(0,0,0,.16)}.urlwp-menu li:hover>.sub-menu,.urlwp-menu li:focus-within>.sub-menu{display:block}@media(max-width:849px){.urlwp-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 0 16px}}:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #e97d1f;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.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(2,2,2,0)}.header-bottom {background-color: #ef7c17}.header-main .nav > li > a{line-height: 16px }.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: #ffffff;}.nav .nav-dropdown{border-color: #ffffff }.nav-dropdown{border-radius:15px}.nav-dropdown{font-size:98%}.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #ddb16e;}.nav .nav-dropdown{background-color: #ddb16e}body{color: #0a0a0a}h1,h2,h3,h4,h5,h6,.heading-font{color: #e97d1f;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Roboto Serif", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Roboto Serif", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Roboto Serif", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Roboto Serif", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #ffffff;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS *//* Container của nút, để căn giữa trên trang */.gifcode-container {display: flex;justify-content: center;margin: 20px 0;position: relative; /* Giữ lại position để container không bị lạ *//* Không cần `z-index` */}/* Style cho nút "GIFCODE" */#gifcode-btn {display: inline-flex;justify-content: center;align-items: center;min-width: 200px;height: 60px;font-size: 16px;font-weight: bold;color: #fff;background: #e08509;border-radius: 999px;cursor: pointer;user-select: none;text-align: center;line-height: 60px;position: -webkit-sticky; /* Dính cho cả trình duyệt Webkit (Chrome, Safari) */position: sticky; /* Dính cho các trình duyệt khác */top: 80px; /* Khoảng cách từ trên, thay đổi giá trị này theo chiều cao của header *//* Không cần `z-index` */pointer-events: auto;padding: 0 20px;/* Box Shadow để tạo hiệu ứng nổi bật */box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s ease-in-out;}/* Hiệu ứng hover (di chuột vào nút) */#gifcode-btn:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.3);transform: translateY(-2px);}/* Style cho thông báo */.gifcode-msg {text-align: center;margin-top: 15px;color: #ffd700;font-size: 15px;position: relative; /* Giữ lại position để thông báo không bị lệch *//* Không cần `z-index` */}#header {z-index: 10000;}.header-main {background-color: #000;}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}


#video-header{
    width: 100%;
    min-height: 90px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1 !important;
    object-fit: fill;
}
#video-footer{
    width: 100%;
    top: -160px;
    position: absolute;
    object-fit: fill;
}

#footer{
    overflow: hidden;
}
/* #main {
    background-image: none;
    background-size: cover;
    background-repeat:no-repeat;
} */
.contact-link {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(5px);
    }
}

.item-tele:hover {
    animation: shake 3s ease infinite;
}

.item-tele a img {
    display: block;
    width: 100%;
    height: auto;
}

.btn-blacklink {
    display: flex;
    border-radius: 47.202px;
    border: 0.652px solid #A6A6A4;
    background: linear-gradient(90deg, #EA9A00 0%, #CE8800 50.52%, #EA9A00 100%);
    box-shadow: 0px 5.21741px 5.21741px 0px rgba(0, 0, 0, 0.25);
    padding-bottom: 4px;
    position: relative;
    cursor: pointer;
}

.btn-blacklink {
    transition: all 0.2s;
}

    .btn-blacklink:hover {
        transform: scale(1.05, 1.05);
    }

.icon-link {
    position: absolute;
    height: 100%;
}

    .icon-link img {
        height: 100%;
    }

.btn-blacklink-1 {
    padding: 20px 0;
    padding-left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 47.202px;
    border-right: 1.304px solid #F38015;
    border-bottom: 2.609px solid #F38015;
    border-left: 1.304px solid #F38015;
    background: linear-gradient(180deg, #FFF 0%, #FFF 44.27%, #D8D8D8 100%);
    box-shadow: 0px 5.21741px 5.21741px 0px rgba(0, 0, 0, 0.25), 0px -5.21741px 3.91306px 0px rgba(0, 0, 0, 0.25) inset;
}

.btn-blacklink-1 {
    color: #141414;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
        margin-left: 20px;
}
.contact-link p {
    display:none;
}
@media only screen and (max-width: 480px) {
    video {
        width: 375px;
    }

}
@media screen and (max-width: 768px){
    #video-footer{
        display:none;
    }
}
.entry-content, .hihihaha  {
    border: solid 2px #ef7c17;
    border-radius: 20px;
    padding: 10px 20px;
    box-shadow: 0 0 30px #ef7c17;
    background:#fff
}
@media screen and (max-width: 1200px) {
    .col-xl-3 {
        display: flex;
        width: 100%;
        gap: 35px;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 17px;
    }
}
/* buttom  */
.button2 {
        display: block;
                font-size: 13px !important;
        text-decoration: none;
        --black: #fff;
        --ch-black: #720000;
        --eer-black: #fff;
        --night-rider: #2e2e2e;
        --white: #ffffff;
        --af-white: #f3f3f3;
        --ch-white: #e1e1e1;
        border-radius: 8px;
        width: 135px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0px;
        padding: 0px 5px;
        border: none;
        color: white;
        position: relative;
        cursor: pointer;
        font-weight: 500;
        transition-duration: 0.2s;
        background-color: var(--ch-black);
      }

      .button2:before,
      .button2:after {
        content: "";
        position: absolute;
        left: -2px;
        top: -2px;
        border-radius: 10px;
        background: linear-gradient(
          45deg,
          var(--ch-black),
          var(--eer-black),
          var(--night-rider),
          var(--ch-white),
          var(--night-rider),
          var(--eer-black),
          var(--ch-black),
          var(--ch-black)
        );
        background-size: 400%;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        z-index: -1;
        animation: steam 20s linear infinite;
      }

      @keyframes steam {
        0% {
          background-position: 0 0;
        }

        50% {
          background-position: 400% 0;
        }

        100% {
          background-position: 0 0;
        }
      }

      .button2:after {
        filter: blur(50px);
      }
@media(max-width:849px){.urlwp-header-main,.urlwp-header-row{min-height:var(--urlwp-header-mobile)}.urlwp-header-row{position:relative;justify-content:center}.urlwp-menu-toggle{position:absolute;left:0;margin:0}.urlwp-brand{margin-inline:auto}.urlwp-header-actions{display:none}.urlwp-header-bottom{min-height:auto;display:block;position:relative}.urlwp-header-nav-row{width:100%}.urlwp-primary-nav{inset:100% 0 auto}.urlwp-mobile-ctas{border-top:1px solid rgba(0,0,0,.08)}}