.input:first-child,.input:last-child,.input:nth-child(3) {
    grid-column-start: 1
}

.footer-abouts,.footer-service,.home-pro,.p-video-list,.showcatagory,.showcatagory1,.showsp {
    grid-auto-rows: minmax(min-content,max-content)
}

.mnc1a:hover svg path,.promotion-block ul li svg {
    fill: var(--default-color-2)
}

.navtop .menuconc2 li.mnc2 a.mnc2a,a,di a,header.fixed .navtop .mnc1 a.mnc1a {
    text-decoration: none!important
}

.giat5 {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.banner .slidenbn li,.binhluannew li,.er-serach,.grid-gallery ul,.listHinhAnh li,.menumk .menuconc2 li,.menumk .mnc1,.menumk li,.menutop ul li,.nav-container li,.navtop .menuconc2 li.mnc2,.navtop .mnc1,.notsp li,.p-photo-list,.pages ul li,.rightvs li,.showhangpro li,.showloaimk ul,.slidedt li,.slidedt ul,.sloganmain li,.thongtindh,.thongtindh ul,.tinnoibat li {
    list-style: none
}

.GuiYkien,.alltheloai li:hover h3,.menucenter a:nth-child(n+1):hover,.navtop .mnc1 a.mnc1a:hover,.p-new-content .title:hover,.promotion-block h5,.sanpham:hover .tensp a,.tit-com,.titftnew,.titgt,.title-promotion,.tittinnew h3,.ttbg:hover .pnbg a {
    color: var(--default-color-2)
}

.giat2,.giatl,.home-pro li:first-child:hover .giatl,.input .btn-sumid-contact,.p-banner {
    background: var(--default-color-2);
}

.home-contact-container h2,.home-contact-container h3 {
    text-align: center;
    letter-spacing: .01em;
    line-height: 1.4;
    font-weight: 600;
    font-family: gb
}

.GuiYkien .textbox,.box-select,.contact,.fanpage .fb-page,.list-ti,.overhide,.top-dutoan,di .allbody {
    overflow: hidden
}

.coppy,.footer-abouts,.navtop .mnc1 .mnc1a,.ttfooter {
    white-space: nowrap
}

.hotline-dt a,.lispnew a,.lispnew.thuonghieusp,.menucenter a,.menutop li a,.titnewtc a,.titnewtc h1,.tttheloai h3 {
    text-transform: capitalize
}

.GuiYkien .btn,.btnchitiet a,.btndk input,.btnprint,.btnthemxenew,.btthanhtoann input,.c-tabs-nav a,.car-info a,.chondongxe label,.ctbg a,.dkngay a,.flex-al span,.flexcall a,.flexcall p,.hotlinedt a,.hottn a,.hottop h3,.inbangtamtinh,.li-ti p,.logoft h2,.logoft h4,.menumk li.danhmucsp,.mndm1a,.motamn h3,.nav-container li h3,.showhang .text1,.slogan h2,.slogan h4,.slogangt,.slogansmall h4,.tencty,.tenqt,.tensp a,.tenspct,.themxenew a,.thongsotit,.tieudetl,.tit-pop,.titchitiet h3,.titdm h3,.titdoitac,.titftnew,.titftnew h3,.titgiaohang,.titgt,.titgt h2,.titgt1,.titgt2,.titnew,.titnewgt,.titthanhtoan,.titthongso,.titthongsonew,.tittin h2,.tittinnew h3,.tittinnew h5,.tittle,.tittle h3,.tittleab h3,.tittn,.txtpop input.btbpop,.up-case,.xemctgt a,.xemtatcatin a,.xemtctin a {
    text-transform: uppercase
}

.GuiYkien .txt,.album,.allabouts,.allshowtc,.alltheloai li,.box-select input,.box-select select,.box-select textarea,.contain.contact,.dangky-dt,.dangky-dt a,.li-ti a,.menucenter a,.overhide,.sanpham,.tentin,.titthongsonew,.tomtattinnew {
    box-sizing: border-box
}

@font-face {
    font-family: VEURASB;
    src: url('/fonts/UTMHELVEBOLD.TTF') format('truetype')
}

@font-face {
    font-family: VEURASBI;
    src: url('/fonts/VEURASBI.TTF') format('truetype')
}

@font-face {
    font-family: VEURASN;
    src: url('/font/UTMHELVE.TTF') format('truetype')
}

@font-face {
    font-family: UVNHONGHA_I;
    src: url('/font/UVNHONGHA_I_0.TTF') format('truetype')
}

@font-face {
    font-family: UVNHONGHA_R;
    src: url('/font/UVNHONGHA_R_0.TTF') format('truetype')
}

@font-face {
    font-family: UVNHongHaHep_B;
    src: url('/font/UVNHongHaHep_B.TTF') format('truetype')
}

@font-face {
    font-family: UVNHongHaHep_R;
    src: url('/font/UVNHongHaHep_R.TTF') format('truetype')
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/font/segoeui.ttf') format('truetype')
}

@font-face {
    font-family: UVFChikita;
    src: url('/font/UVFChikita.ttf') format('truetype')
}

@font-face {
    font-family: 'UTM Silk Script';
    src: url('/font/UTM Silk Script.ttf') format('truetype')
}

@font-face {
    font-family: 'line san';
    src: url('/font/UVF LH Line1 Sans Thin.TTF') format('truetype')
}

@font-face {
    font-family: aph;
    src: url('/font/UVF APHRODITE PRO_1.TTF') format('truetype')
}

@font-face {
    font-family: avo;
    src: url('/font/SVN-Avo.ttf') format('truetype')
}

@font-face {
    font-family: Gothic;
    src: url('/font/ufonts.com_century-gothic.TTF') format('truetype')
}

@font-face {
    font-family: Lucida;
    src: url('/font/Lucida Fax Regular.ttf') format('truetype')
}

@font-face {
    font-family: ikola;
    src: url('/font/ufonts.com_iskoola-pota.ttf') format('truetype')
}

@font-face {
    font-family: cider;
    src: url('/font/UVF Cider Script.ttf') format('truetype')
}

@font-face {
    font-family: myriad;
    src: url('/font/MYRIADPRO-REGULAR.OTF') format('opentype')
}

@font-face {
    font-family: aleo;
    src: url('/font/SVN-AleoLight.otf') format("opentype")
}

@font-face {
    font-family: bserif;
    src: url('/font/BreeSerif-Regular.otf') format("opentype")
}

@font-face {
    font-family: nexab;
    src: url('/font/SVN-NEXA BOLD.TTF') format("truetype")
}

@font-face {
    font-family: nexal;
    src: url('/font/SVN-NEXA LIGHT.TTF') format("truetype")
}

@font-face {
    font-family: shin;
    src: url('/font/SVN-Shintia Script.ttf') format("truetype")
}

@font-face {
    font-family: carp;
    src: url('/font/SVN-The Carpenter Regular.otf') format("truetype")
}

@font-face {
    font-family: quato;
    src: url('/font/UVF Quattrocento-Regular.ttf') format("truetype")
}

@font-face {
    font-family: fran;
    src: url('/font/SVN-Franko.ttf') format("truetype")
}

@font-face {
    font-family: ess;
    src: url('/font/UTM ESSENDINE CAPS.TTF') format("truetype")
}

@font-face {
    font-family: hel;
    src: url('/font/UTM HELVETINS.TTF') format("truetype")
}

@font-face {
    font-family: moti;
    src: url('/font/HLT MOTION PICTURE.TTF') format("truetype")
}

@font-face {
    font-family: aguda;
    src: url('/font/SVN-Aguda Regular.otf') format("opentype")
}

@font-face {
    font-family: flami;
    src: url('/font/SVN-Flamingo Script.otf') format("opentype")
}

@font-face {
    font-family: newton;
    src: url('/font/SVN-Newton.ttf') format("truetype")
}

@font-face {
    font-family: glober;
    src: url('/font/VL_GLOBER BOOK_0.OTF') format("opentype")
}

@font-face {
    font-family: haptic;
    src: url('/font/SVN-Haptic Script.otf') format("opentype")
}

@font-face {
    font-family: bershine;
    src: url('/font/SVN-Berkshire Swash.ttf') format("truetype")
}

@font-face {
    font-family: lobs;
    src: url('/font/SVN-Lobster.ttf') format("truetype")
}

@font-face {
    font-family: nguyendu;
    src: url('/font/UVNNGUYENDU.TTF') format("truetype")
}

@font-face {
    font-family: utavo;
    src: url('/font/UTM AVO.TTF') format("truetype")
}

@font-face {
    font-family: utavob;
    src: url('/font/UTM AVOBOLD_0.TTF') format("truetype")
}

@font-face {
    font-family: unisan;
    src: url('/font/UniSansHeavy.otf') format("opentype")
}

@font-face {
    font-family: belico;
    src: url('/font/SVN-Bellico.otf') format("opentype")
}

@font-face {
    font-family: swiss;
    src: url('/font/UTM SWISS 721 BLACK CONDENSED.TTF') format("truetype")
}

@font-face {
    font-family: atenam;
    src: url('/font/ford-antenna-medium-58955836e60d2.otf') format("opentype")
}

@font-face {
    font-family: atenar;
    src: url('/font/ford-antenna-regular-xcnd-589558121012a.otf') format("opentype")
}

@font-face {
    font-family: atenalight;
    src: url('/font/FordAntennaCondWGL-Light_0.otf') format("opentype")
}

@font-face {
    font-family: gbl;
    src: url('/font/SVN-GILROY BLACK.otf') format("opentype")
}

@font-face {
    font-family: gb;
    src: url('/font/SVN-GILROY BOLD.otf') format("opentype")
}

@font-face {
    font-family: gh;
    src: url('/font/SVN-GILROY HEAVY.otf') format("opentype")
}

@font-face {
    font-family: gl;
    src: url('/font/SVN-GILROY LIGHT.otf') format("opentype")
}

@font-face {
    font-family: gm;
    src: url('/font/SVN-GILROY MEDIUM.otf') format("opentype")
}

@font-face {
    font-family: gsb;
    src: url('/font/SVN-GILROY SEMIBOLD.otf') format("opentype")
}

@font-face {
    font-family: gt;
    src: url('/font/SVN-GILROY THIN.otf') format("opentype")
}

@font-face {
    font-family: gr;
    src: url('/font/SVN-GILROY REGULAR.otf') format("opentype")
}

.input .btn-sumid-contact {
    color: #ffff
}

.input:last-child {
    grid-column: span 4/span 4;
    grid-row-start: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.farmenu,.right-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-footer {
    display: flex;
    justify-content: center
}

.footer-abouts,.footer-service {
    display: grid
}

.footer-abouts,.side-list.df {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.footer-service {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.menucenter a:before {
    content: '';
    background-color: #3333336e
}

.right-bot,.truycap {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000
}

.binhluannew li,.calltv,.dctop i,.dkngay,.giasp,.hinhanhsp,.imgshownew,.imgspn a,.showhangpro li a,.showxe ul,.slidedt li,.sliderPhotos ul li a,.slo,.social-footer a,.sosanh,.text-al,.thumb-item,.tittleab,.ttgh,.tttheloai,.tttheloai1 {
    display: flex
}

.dctop,.item-pic-content,.menu-footer,.right-bot,.social-footer,.truycap,.ttbg,header.fixed .navfull {
    display: flex;
    justify-content: center;
    align-items: center
}

.GuiYkien th {
    color: var(--default-color-2)!important
}

.tit-com {
    display: flex;
    justify-content: start;
    align-items: center
}

.ttcty div p:nth-child(2)::before,.ttcty div:nth-child(4):before,.ttctyy div p:nth-child(2)::before {
    content: "\f0e0"
}

.ttctyy div p:nth-child(3)::before,.ttctyy div p:nth-child(4)::before {
    content: "\f3c5";
    color: var(--default-color-1);
    border-radius: 20px
}

.ttctyy div p::before {
    content: "\f007";
    color: var(--default-color-4)
}

.farmenu,.footercenter,.header-top,.libanggia.titnewbg,.p-product-count,.p-product-top .title,.pager,.promotion-block h5 {
    display: flex;
    align-items: center
}

@media (max-width: 739px) {
    .alltheloai li,.fs {
        justify-content:center
    }

    .footer-service,.home-pro,.list-content,.showcatagory,.showsp {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .list-content,.menu-footer .menucenter:last-child {
        position: relative
    }

    .imgtheloai,.imgtheloai img,.navtop {
        height: 100%
    }

    .input:nth-child(4) .sp-ec {
        top: 51%;
        left: 27px
    }

    .input .txt:focus+.sp-ec,.input .txt:not(:placeholder-shown)+.sp-ec {
        top: -10px;
        transform: scale(1);
        color: #9ba0a4
    }

    .input .sp-ec {
        margin: 0;
        left: 24px;
        top: 65%
    }

    .input .form-control {
        width: 100%;
        padding: 12px 30px
    }

    .list-brand img {
        width: 95%
    }

    .tentin a {
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .showcatagory {
        column-gap: 8px
    }

    .home-pro>:first-child,.showcatagory>:first-child {
        grid-column: span 2;
        display: block;
        width: 70%;
        margin: 0 auto
    }

    .allbody-1,.allbody-2,.ctbg a:last-child,.giabg,.home-contact-container,.home-pro-tit,.input .text-area,.input-capcha,.thongtinleft,.thongtinright {
        width: 100%
    }

    .home-pro li:first-child .imgtheloai::after {
        font-size: 10px
    }

    .alltheloai {
        padding: 0
    }

    .grid.wide {
        padding: 0 10px;
        width: 100%;
        margin: 10px 0
    }

    .alltheloai li {
        padding-bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center
    }

    .botft-container,.footercenter,.input:nth-child(4),.menu-footer {
        flex-direction: column
    }

    .tomtattl {
        font-size: 12px!important
    }

    #ShowMenu,.giatl,.tensp a {
        font-size: 13px
    }

    .ttnewtl {
        width: 100%;
        text-align: center
    }

    .img-cotact-p {
        padding: 0;
        width: 95%;
        display: none
    }

    .allbody,.fs,.topnew {
        display: flex
    }

    .input:nth-child(4) {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0;
        margin: 0;
        width: 100%
    }

    .input .txt:not(:placeholder-shown)+.sp-ec {
        top: 120px
    }

    .input:nth-child(4) input {
        padding: 10px 24px;
        width: 100%;
        margin-top: 6px
    }

    .input .btn-sumid-contact {
        width: 49%;
        padding: 15px 20px;
        text-align: center
    }

    .fs {
        align-items: center;
        flex-direction: column
    }

    .list-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: -27px;
        width: 100%;
        border-top: 1px dashed #a7a7a7
    }

    .topnew {
        justify-content: center;
        align-items: center;
        box-shadow: 0 9px 6px rgb(37 57 61 / 2%);
        z-index: 1111
    }

    .giatl {
        padding: 4px 33px;
        margin-bottom: 8px
    }

    .tttheloai {
        gap: 10px
    }

    .allbody {
        justify-content: space-between;
        align-items: center
    }

    .logo canvas,.right-top,.tensp a:after,header.fixed .navfull {
        display: none
    }

    #ShowMenu,header.fixed .logo,header.fixed .topnew {
        display: block
    }

    .logo .logodes {
        display: block;
        margin: 0!important
    }

    .tensp a {
        -webkit-line-clamp: 1
    }

    .giat2 {
        padding: 6px 31px;
        margin-bottom: 5px
    }

    .tentlbg {
        font-size: 14px!important
    }

    .mtbg {
        font-size: 11px!important
    }

    .xem-chi-tiet {
        font-size: 12px
    }

    .ttbg {
        gap: 7px
    }

    .hinhanhbg a {
        width: 64%
    }

    .padtop30 {
        padding: 10px 1px
    }

    .modal {
        padding-right: 0
    }

    .showchitiet img {
        width: 80%
    }

    .titgt {
        font-size: 22px
    }

    .menucenter a,.tomtatgt {
        font-size: 15px
    }

    .footercenter {
        gap: 0
    }

    .titftnew {
        text-align: left
    }

    .ttfooter {
        padding: 21px;
        margin-top: 0;
        width: 100%;
        background-color: #9f969626;
        border-radius: 10px
    }

    .right-ft {
        margin-top: 23px
    }

    .footer-service {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        column-gap: 20px;
        width: 100%
    }

    .menu-footer .menucenter:last-child::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        border-top: 1px dashed #7d7c7c;
        top: -28px
    }

    .ttcty *,.ttctyy * {
        font-size: 15px!important
    }

    .tttheloai h3 {
        font-size: 16px
    }

    .mota-sp {
        font-size: 11px
    }

    .navtop {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 276px;
        background-color: #fcfdff;
        overflow: auto;
        z-index: 9999
    }

    #ShowMenu {
        background-color: var(--default-color-2);
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 0;
        background-image: url(/Design/icon-menu.png);
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 18px 21px;
        background-position: 10px 11px
    }

    .tit-com span {
        transform: translateX(0)
    }

    .box-detail {
        flex-direction: column;
        width: 100%
    }
}

.input:first-child,.input:nth-child(2) {
    grid-column: span 2/span 2;
    grid-row-start: 2
}

.pager a,.pager span {
    border: 1px solid var(--default-color-2)
}

.input:nth-child(2),.input:nth-child(4) {
    grid-column-start: 3
}

.input:nth-child(3),.input:nth-child(4) {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2;
    grid-row-start: 3
}

.input:nth-child(4) {
    flex-direction: row;
    align-items: flex-end
}

.farmenu .mc1:nth-child(7),.navtop .mnc1 mnc1a:nth-child(7),.product-left-wrap .wrap-list,.promo,.promotion,li,ul {
    padding: 0
}

.home-contact-container h2 {
    padding: 47px 0 20px;
    font-size: 31px;
    color: #233581
}

.label-search,.pager a,.titgt,.titgt1,.titgt2 {
    color: var(--default-color-2)
}

.giat5:before,.product-detail-mid-bottom table:before,.product-detail-mid-bottom:before {
    content: "";
    background: #8080802e
}

di .allbody {
    width: 1126px;
    height: auto;
    margin: auto;
    font-family: mulir;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.box-detail,.pager,.pager span {
    justify-content: center
}

.allsanpham .allbody,.alltheloai .allbody,.alltin .allbody,.doitacft .allbody,.menumk .allbody,.showtrangcon .allbody,.top .allbody {
    overflow: inherit
}

.havesub1:hover:after,.havesub:hover:after {
    content: "\f107"
}

.pager span {
    background-color: var(--default-color-2);
    align-items: center
}

.pager a {
    justify-content: center;
    align-items: center
}

.fb-comments iframe,.navfull.fix .logo a,.navfull.fix .logo canvas,.rse {
    width: 100%!important
}

#ShowMenu,#Showsanpham,.album .galerry,.boxes h1,.bx-wrapper .bx-controls-direction a.disabled,.c-0,.c-tabs-nav a:last-child:after,.c-tabs-nav.ctabmau a.ctabamau:after,.ctabnewts a:after,.loctour_submit,.logo .logodes,.logo-mobile,.mc-caption,.menu-rs .container .list li .drop .drop-item:last-child a::before,.menu-rs .container .list li:last-child,.menumobile,.mnc1 a:hover:after,.mnhome,.mobile,.mobilenone,.navfull.fix .logo:after,.navfull.fix .logo:before,.navfull.fix .slogan,.navtop .mnc1 a.active:after,.navtop .mnc1:last-child,.none345 .newnone3,.none345 .newnone4,.popup-text-container .btn-pop,.product-detail-mid,.rightdm .newnone3,.rightdm .newnone4,.sdttop:first-child:after,.seo,.showchitiet h1,.showhangpro li:nth-child(n+8),.showhangpro.showahang li:last-child,.tag,.tintuc:nth-child(n+3) .kmnewhot,.tomtat4tin,.ttcty div p:nth-child(4),.ttctyy .esl,.ttctyy div p:nth-child(3),.ulmenuan,header.fixed .topnew {
    display: none
}

.farmenu,.footercenter {
    justify-content: space-between
}

.label-search {
    display: flex;
    justify-content: right;
    align-items: center
}

.c-tab.is-active,.c-tabts.is-active,.coppy span,.filter-overlay.active,.logo-ft img,.menumk li.mnc1.have:hover ul.menuspc2,.mnspc2:hover .motamn h5,.navtop li:hover .menuconc2,.newtinnb:first-child .hanb,.showhangpro.showahang li:nth-child(n+1),.txtpop,.xemttnh,a,header.fixed .logo-mobile {
    display: block
}

.smartsoft-ph-circle,.smartsoft-ph-circle-fill,.smartsoft-ph-img-circle {
    transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0
}

.backgft:after,.backgft:before,.flex-al span:after,.mnsnew:before,.tensp a:after,.tentin:before {
    content: ""
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.allchinh {
    display: flex;
    flex-direction: column
}

.mota-sp,.mota-sp a,.tensp a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.menucenter a,.navtop .menuconc2 li.mnc2 a.mnc2a,.tttheloai1 h2 {
    text-transform: capitalize;
    text-transform: capitalize
}

.menu-footer,.social-footer a,.ttfooter {
    display: flex
}

.sanpham .hinhanhsp img {
    height: 204px;
    object-fit: cover
}

.footertop:before,.xemct a {
    background-position: center
}

.squy:nth-child(2n+2) .sttqt {
    right: inherit
}

.activefix .centerqt,.activefix .squy {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: forwards
}

#Slideshow,#Slideshow .photo,.allabouts,.allshowgioithieu,.btnchitiet a,.footer-abouts,.footertop,.imgtheloai,.imgtin,.menucenter,.menucenter a,.mndanhmuccon .menucondmc2,.mndm1,.p-photo-item,.promotion span,.showxe ul,.showxe ul li,.sscrollc,.sscrolll {
    position: relative
}

.nav-container li a:before,.tittin h3:after,.tittin h3:before {
    content: ''
}

.footertop {
    padding: 50px 0 20px;
    background: var(--default-color-2)
}

.footertop:before,.ttctynew {
    background-repeat: no-repeat
}

.footertop:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/Design/xe-dau-keo-hino.png)
}

.ttfooter {
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

.menu-footer {
    justify-content: center;
    color: #fff
}

.footer-abouts,.footer-service {
    grid-template-columns: repeat(2,minmax(0,1fr));
    display: grid;
    margin-left: 15px;
    font-family: interM
}

.coppy a,.tenbaivietnew,.tit-com span,di a {
    font-family: manB
}

.arcontactus-widget .arcontactus-close,.footer-service,.menucenter a:nth-child(n+1):hover,.menutop li a.active,.menutop li a:hover,.tit-com span,.ttcty {
    color: #fff
}

.titftnew {
    color: var(--default-color-1) !important;
}

.GuiYkien .txt,.social-footer a,.tenspct {
    color: var(--default-color-2)
}

.menucenter a:after {
    content: '>';
    position: absolute;
    width: 9px;
    display: block;
    left: -15px;
    top: 17%;
    align-items: center;
    color: #fffF;
    font-size: 8px;
}

.menucenter a:before {
    content: '';
    background-color: #fff
}

.infoCompany p em:nth-of-type(2):before,.ttcty div p:first-child::before,.ttcty div:nth-child(3):before,.ttctyy div p:first-child::before {
    content: "\f095";
    content: "\f095";
    content: "\f095"
}

.lispnew strong,.truycap a,.truycap h3,a {
    font-weight: 400
}

.showctbv a {
    font-weight: unset!important
}

.ctbg a:hover,.product-left-wrap .wrap-item.active .checkbox {
    background-color: var(--default-color-1)
}

.product-left-wrap .wrap-item .checkbox::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #fff;
    border-radius: 3px
}

a {
    cursor: pointer;
    color: inherit
}

.showctbv h1 {
    margin-bottom: 13px
}

.showctbv ul li {
    font-weight: unset
}

.showctbv h1,h2,h3,h4 {
    font-weight: 400!important
}

.showcatagory,.showcatagory1 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.tentin {
    border-left: 3px solid var(--default-color-2)
}

.tomtattinnew {
    align-items: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.infoCompany p em:nth-of-type(5):before,.ttcty div:nth-child(5):before {
    content: "\f0ac"
}

.GuiYkien .txt {
    border: 1px solid var(--default-color-2)
}

.GuiYkien .btn, .alltheloai li:hover .giatl, .header-top-register a:hover, .home-pro li:first-child:hover .giatl, .sanpham:hover .giat2, .sanpham:hover .giatl {
    background: var(--default-color-1);
}

.menumk .mnc1 a.active img,.menumk .mnc1:hover a img {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: brightness(1000%)
}

.navtop .menuconc2 li.mnc2 a.mnc2a {
    font-family: manR;
    font-weight: bolder
}

.showsp {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.titdt:before {
    content: url('/Design/icon_titdienthoai.png')
}

.tittab:before {
    content: url('/Design/icon_tittablet.png')
}

.titphu:before {
    content: url('/Design/icon_titphu.png')
}

.ttctyy strong,.ttctyy strong a {
    color: var(--default-color-1)!important;
    width: 91px
}

.ttctyy * {
    width: 90%
}

.tit-com {
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center
}

.ttcty div p:first-child::before {
    color: var(--default-color-1)
}

.ttcty div p:nth-child(2)::before,.ttctyy div p:nth-child(2)::before {
    content: "\f0e0";
    color: var(--default-color-1)
}

.ttcty div p:nth-child(3)::before,.ttcty div p:nth-child(4)::before {
    content: "\f3c5";
    color: var(--default-color-1)
}

.ttcty div p:nth-child(5)::before {
    content: "\f09a";
    color: var(--default-color-1)
}

.ttctyy div p:first-child::before {
    color: var(--default-color-1)
}

.ttctyy div p:nth-child(4)::before,.ttctyy div p:nth-child(5)::before {
    content: "\f09a";
    background: var(--default-color-2);
    border-radius: 20px;
    top: 14%
}

.promotion span p::before,.ttcty div p::before {
    font-family: FontAwesome;
    color: var(--default-color-4);
    transform: translateY(0)
}

.ttcty div p::before {
    content: "\f007"
}

.ttcty div p:nth-child(3) {
    white-space: normal
}

.ttcty div p:nth-child(4) {
    white-space: normal;
    width: 112%
}

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

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

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

.promotion span p,.promotion-block h5 {
    align-items: center;
    font-size: 16px;
    display: flex
}

.promotion span p {
    padding: 0;
    margin: 6px 6px 6px 21px
}

.promotion span p::before {
    content: "\f02b";
    position: absolute;
    left: 0;
    font-size: 17px;
    color: var(--default-color-2)
}

.home-pro li:first-child:hover h3,.my-news-breadcum .slug a:hover,.p-video-item:hover h3,.product-left-title span,.side-item:hover span,.side-new-content h3:hover {
    color: var(--default-color-1)
}

.alltheloai li {
    border: 1px solid #0097d000
}

.home-pro {
    display: grid!important;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.tttheloai h3,.tttheloai1 h2 {
    margin: 15px 10px 0;
    position: relative;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tttheloai1 h2 {
    height: 29px;
    font-family: interSB
}

.product-left-title .reset {
    display: flex;
    align-items: center;
    color: #333;
    transition: .3s;
    font-family: manR
}

.product-left-wrap .wrap-title {
    margin: 0;
    font-weight: 100;
    color: var(--default-color-2);
    font-size: 17px;
    font-family: gb
}

.product-left-wrap .wrap-item {
    display: flex;
    margin: 10px 0;
    cursor: pointer
}

.product-left-wrap {
    padding: 10px 14px;
    border-bottom: 1px solid #33333317
}

.product-left .side-submit {
    text-align: center;
    padding: 8px 12px;
    background-color: var(--default-color-2);
    color: #fff;
    text-transform: uppercase;
    font-family: interB;
    font-size: 17px;
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: .3s;
    left: 0
}

.product-left-wrap .wrap-item span {
    display: flex;
    color: #555;
    font-size: 14px;
    margin-left: 6px;
    user-select: none;
    transition: .3s;
    flex: 1;
    font-family: manR
}

.product-left-wrap .wrap-item .checkbox {
    width: 13px;
    height: 13px;
    border: 1px solid #3333332b;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transform: translateY(2px)
}

.product-left {
    background-color: #fff;
    float: left;
    width: 300px;
    border-radius: 5px;
    position: relative;
    padding-bottom: 36px
}

.product-left-title span {
    text-transform: uppercase;
    font-family: interB;
    font-size: 15px
}

.dangky-dt a,.p-title-top {
    text-transform: capitalize
}

.product-left-title {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid #23232317
}

.tttheloai,.tttheloai1 {
    justify-content: center;
    flex-direction: column
}

.my-news-rs .container.show .wrap::after,.product-left.active {
    left: 0
}

.filter-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 9999
}

.dangky-dt a,.filter-toggle-btn {
    background: var(--default-color-2)
}

.filter-toggle-btn {
    display: none;
    position: fixed;
    left: 0;
    top: 50%;
    color: #fff;
    border: none;
    padding: 14px 20px;
    font-size: 14px;
    z-index: 11000;
    box-shadow: 0 4px 8px rgba(0,0,0,.3)
}

.product-left .close-filter {
    display: none;
    background: #e30613;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .filter-toggle-btn {
        border-top-right-radius:50%;
        display: block;
        border-bottom-right-radius: 50%;
        padding: 9px 9px 9px 6px;
        transition: opacity .3s,visibility .3s;
        opacity: 1;
        visibility: visible
    }

    .filter-toggle-btn.active {
        opacity: 0
    }

    .filter-toggle-btn img {
        width: 16px;
        height: auto
    }

    .product-left .close-filter {
        display: inline-block
    }
}

.c-tabs-nav a,.pager span {
    border: 1px solid var(--default-color-2)
}

.giat2 {
    color: #fffF
}

.ctbg a,.detail-product-detail .btn-pop,.libanggia.titnewbg {
    background-color: var(--default-color-2)
}

.pnbg a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.detail-product-detail {
    border: 1px solid #3333331a;
    -webkit-mask-image: linear-gradient(to bottom,black 70%,transparent 100%);
    mask-image: linear-gradient(to bottom,#000000 83%,transparent 100%)
}

.hottn a {
    color: var(--default-color-2);
    background: #fffcfcde
}

.arcontactus-widget.right.arcontactus-message {
    bottom: 40px
}

.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message {
    width: 60px;
    height: 60px
}

.arcontactus-widget {
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.arcontactus-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.arcontactus-widget.left.arcontactus-message {
    left: 20px;
    right: auto
}

.arcontactus-widget.left .arcontactus-message-button {
    right: auto;
    left: 0
}

.arcontactus-widget.left .arcontactus-prompt {
    left: 80px;
    right: auto;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.arcontactus-widget.left .arcontactus-prompt:before {
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: auto;
    left: -15px;
    content: ''
}

.arcontactus-widget.left .messangers-block {
    right: auto;
    left: 0;
    -webkit-transform-origin: 10% 105%;
    -ms-transform-origin: 10% 105%;
    transform-origin: 10% 105%
}

.arcontactus-widget.left .callback-countdown-block {
    left: 0;
    right: auto
}

.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before {
    left: 25px;
    right: auto;
    content: ''
}

.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
    bottom: 70px
}

.arcontactus-widget.md .arcontactus-prompt {
    bottom: 5px
}

.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
    left: 21px;
    content: ''
}

.arcontactus-widget.md.left .arcontactus-prompt {
    left: 70px
}

.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before {
    right: 21px;
    content: ''
}

.arcontactus-widget.md.right .arcontactus-prompt {
    right: 70px
}

.arcontactus-widget.md .arcontactus-message-button .pulsation {
    width: 74px;
    height: 74px
}

.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons,.arcontactus-widget.sm .arcontactus-message-button .callback-state,.arcontactus-widget.sm .arcontactus-message-button .icons {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message {
    width: 50px;
    height: 50px
}

.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
    bottom: 60px
}

.arcontactus-widget.sm .arcontactus-prompt {
    bottom: 0
}

.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
    left: 16px;
    content: ''
}

.arcontactus-widget.sm.left .arcontactus-prompt {
    left: 60px
}

.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before {
    right: 16px;
    content: ''
}

.arcontactus-widget.sm.right .arcontactus-prompt {
    right: 60px
}

.arcontactus-widget.sm .arcontactus-message-button .pulsation {
    width: 64px;
    height: 64px
}

.arcontactus-widget.sm .arcontactus-message-button .static {
    margin-top: -16px
}

#Slideshow .next:hover,#Slideshow .prev:hover,.arcontactus-widget.active,.btn-top:hover,.grid-gallery .grid li:hover figure,.grid-gallery figure:hover,.listHinhAnh:hover .hover,.menu-rs .container .btn-close.active .back,.menu-rs-search a:hover img,.mnspc2:hover .photosmnh,.mnspc2:hover:before,.opa1,.p-video-item.show .overlay-video,.smartsoft-phone.smartsoft-static,.social-footer a:hover,.thumbnail img.active,figure.effect-apollo img {
    opacity: 1
}

.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.arcontactus-widget.arcontactus-message {
    z-index: 10000;
    right: 20px;
    bottom: 20px;
    position: fixed!important;
    height: 70px;
    width: 70px
}

.arcontactus-widget .arcontactus-message-button {
    width: 70px;
    position: absolute;
    display: none!important;
    height: 70px;
    right: 0;
    background-color: red;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.arcontactus-widget .arcontactus-message-button p {
    font-family: Ubuntu,Arial,sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    margin: 0
}

.arcontactus-widget .arcontactus-message-button .pulsation {
    width: 84px;
    height: 84px;
    background-color: red;
    border-radius: 50px;
    position: absolute;
    left: -7px;
    top: -7px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: 2s infinite arcontactus-pulse;
    animation: 2s infinite arcontactus-pulse
}

.arcontactus-widget .arcontactus-message-button .icons {
    background-color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.arcontactus-widget .arcontactus-message-button .static {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -26px;
    width: 52px;
    height: 52px;
    text-align: center
}

.arcontactus-widget .arcontactus-message-button .static img {
    display: inline
}

.arcontactus-widget .arcontactus-message-button .static svg {
    width: 24px;
    height: 24px;
    color: #fff
}

.arcontactus-widget .arcontactus-message-button.no-text .static {
    margin-top: -12px
}

.arcontactus-widget .pulsation:nth-of-type(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.arcontactus-widget .pulsation.stop {
    -webkit-animation: none;
    animation: none
}

.arcontactus-widget .icons-line {
    top: 10px;
    left: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    height: 24px
}

.arcontactus-widget .icons,.arcontactus-widget .static {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.arcontactus-widget .icons-line.stop {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.arcontactus-widget .icons-line span {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: red
}

.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg {
    width: 24px;
    height: 24px
}

.arcontactus-widget .icons-line span i {
    display: block;
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span {
    margin-right: 40px
}

.arcontactus-widget .icons.hide .icons-line {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.anh:nth-child(3n+1),.anhgt:nth-child(3n+1),.arcontactus-widget .icons .icon:first-of-type,.c-tabs-nav.ctabmau a.ctabamau:first-child,.imgshownew:nth-child(4n+1),.listHinhAnh li:nth-child(3n+1),.menucenter a:nth-child(2n+2),.mnspc2:nth-child(3n+1),.sdttop:first-child,.showhangpro li:nth-child(8n+1),.sloganmain li:first-child,.sp3:nth-child(3n+1),.sp5:nth-child(5n+1),.thumbnail img:nth-child(5n+1),.tintuc:nth-child(3n+1) {
    margin-left: 0
}

.arcontactus-widget .arcontactus-close svg {
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: .12s ease-in;
    -moz-transition: .12s ease-in;
    -o-transition: .12s ease-in;
    transition: .12s ease-in;
    display: block
}

.arcontactus-widget .arcontactus-close.show-messageners-block svg {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
    background: center no-repeat #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    position: absolute;
    bottom: -29px;
    right: -11px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transition: .12s ease-out;
    -moz-transition: .12s ease-out;
    -o-transition: .12s ease-out;
    transition: .12s ease-out;
    z-index: 10000;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.GuiYkien .txt,.album,.allabouts,.allshowtc,.alltheloai li,.contain.contact,.dangky-dt,.dangky-dt a,.li-ti a,.menucenter a,.overhide,.sanpham,.tentin,.titthongsonew,.tomtattinnew {
    box-sizing: border-box
}

.menu-rs .container .btn-close i,.pager a {
    -webkit-transition: .2s linear;
    -o-transition: .2s linear
}

.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: '';
    display: none!important
}

.arcontactus-widget .arcontactus-prompt.active,.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.arcontactus-widget .arcontactus-prompt {
    color: #787878;
    font-family: Arial,sans-serif;
    font-size: 16px;
    line-height: 18px;
    width: auto;
    bottom: 10px;
    right: 80px;
    white-space: nowrap;
    padding: 18px 20px 14px;
    display: none
}

.arcontactus-widget .messanger,.pager {
    display: -webkit-box;
    display: -ms-flexbox
}

.arcontactus-widget .arcontactus-prompt:before {
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    bottom: 16px;
    right: -15px;
    content: ''
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    z-index: 100;
    height: 14px;
    width: 14px;
    padding: 2px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
    height: 10px;
    width: 10px;
    display: block
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
    border-radius: 10px;
    display: inline-block;
    left: 3px;
    padding: 0;
    position: relative;
    top: 4px;
    width: 50px
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
    position: relative;
    float: left;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 2px;
    -webkit-animation: 2s infinite arcontactus-updown;
    animation: 2s infinite arcontactus-updown
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.arcontactus-widget .messangers-block.sm .messanger {
    padding-left: 50px;
    min-height: 44px
}

.arcontactus-widget .messangers-block.sm .messanger span {
    height: 32px;
    width: 32px;
    margin-top: -16px
}

.arcontactus-widget .messangers-block.sm .messanger span svg {
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.arcontactus-widget .messanger {
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px 8px 60px;
    position: relative;
    min-height: 54px;
    text-decoration: none;
    background: var(--default-color-1,#fff);
    border-radius: 13px
}

.arcontactus-widget .messanger:hover {
    background-color: var(--default-color-2,#f0f0f0)
}

.arcontactus-widget .messanger:before {
    background-repeat: no-repeat;
    background-position: center
}

.arcontactus-widget .messanger.facebook span {
    background: #0084ff
}

.arcontactus-widget .messanger.viber span {
    background: #7c529d
}

.arcontactus-widget .messanger.telegram span {
    background: #2ca5e0
}

.arcontactus-widget .messanger.skype span {
    background: #31c4ed
}

.arcontactus-widget .messanger.email span {
    background: #ff8400
}

.arcontactus-widget .messanger.contact span {
    background: #7eb105
}

.arcontactus-widget .messanger.call-back span {
    background: #54cd81
}

.arcontactus-widget .messanger span {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #fff!important
}

.arcontactus-widget .messanger:hover span svg path {
    fill: var(--default-color-2,#000)
}

.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg path {
    fill: var(--default-color-1,#000)
}

.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    color: var(--default-color-1,#000)
}

.arcontactus-widget .messanger span i {
    font-size: 24px;
    line-height: 24px
}

.arcontactus-widget .messanger p {
    margin: 0;
    font-family: interSB,Arial,sans-serif;
    font-size: 14px;
    color: #fffF;
    font-weight: 700;
    white-space: nowrap
}

@-webkit-keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes arcontactus-updown {
    0%,100%,43% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25%,35% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px)
    }
}

@keyframes arcontactus-updown {
    0%,100%,43% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    25%,35% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px)
    }
}

@-webkit-keyframes arcontactus-show-stat {
    0%,100%,20%,85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    21%,84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes arcontactus-show-stat {
    0%,100%,20%,85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    21%,84% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes arcontactus-show-icons {
    0%,100%,20%,85% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    21%,84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes arcontactus-show-icons {
    0%,100%,20%,85% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    21%,84% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 468px) {
    .arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message {
        width:auto;
        right: 20px;
        left: 20px
    }
}

.p-tag-item:hover,.pager a:hover,.pager span {
    background-color: var(--default-color-1)
}

.popup-text .grid.wide {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 950px
}

.pager,.pager span {
    -webkit-box-align: center
}

.popup-text-container section {
    overflow-x: hidden;
    overflow-y: overlay;
    display: block;
    height: 100%;
    width: 100%
}

.pager a,.pager span {
    height: 30px;
    user-select: none
}

.popup-text-container {
    width: 100%;
    max-height: 500px;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    line-height: 160%;
    color: #232323;
    font-size: 16px;
    position: relative;
    height: 500px
}

.no-data,.p-tag {
    padding-bottom: 10px
}

.popup-text-container .title {
    margin: 0 0 10px;
    color: var(--default-color-1);
    text-transform: uppercase;
    font-family: interB;
    font-size: 20px
}

.p-cate {
    color: #75cbcb;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
    margin: 0 0 4px;
    line-height: 150%;
    text-transform: uppercase
}

@keyframes fordecor {
    0%,100% {
        transform: translateY(0)
    }

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

@keyframes fordecor2 {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

.side-right {
    width: 320px;
    float: right
}

.flatpickr-calendar {
    z-index: 9999999999999999999999999999999999999!important;
    font-family: arial
}

.side-kp-btn span {
    display: block;
    font-size: 15px;
    color: #fff;
    font-family: robotoR;
    margin-left: 8px;
    transform: translateY(1px)
}

.no-data,.pager a {
    color: var(--default-color-1)
}

.bx-wrapper img.imgsli {
    height: 100%!important;
    object-fit: cover
}

.no-data {
    margin-top: 10px;
    font-size: 16px;
    display: block;
    font-family: interR;
    float: left;
    opacity: .8;
    margin-left: 63px
}

.pager {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    margin: 15px 0;
    justify-content: center;
    flex-wrap: wrap
}

.pager span {
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: var(--default-color-1);
    margin: 0 5px
}

.p-new-item,.p-video-item h3,.rs-close {
    background-color: #fff
}

.pager a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--default-color-1);
    margin: 5px;
    transition: .2s linear
}

.pager a:hover {
    color: #fff
}

.list-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-tag-item,.p-tag-list {
    display: flex
}

.p-tag-list,.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.list-tag i {
    padding-right: 3px
}

.p-tag-title {
    margin: 10px 0;
    font-size: 16px;
    color: var(--default-color-2);
    font-family: interSB
}

.p-tag-item {
    border: 2px solid #06b7bf66;
    width: fit-content;
    border-radius: 55px;
    font-size: 13px;
    font-family: interM;
    color: var(--default-color-1);
    padding: 4px 10px;
    margin: 3px;
    transition: .3s
}

.p-tag-item:hover {
    border-color: var(--default-color-1);
    color: #fff
}

.p-title-sub::before,.p-title.hav-border::before {
    width: 182px;
    height: 3px;
    background-color: var(--default-color-4);
    position: absolute;
    bottom: 0;
    content: ''
}

.p-title-top {
    margin: 0 0 6px;
    text-align: center;
    color: var(--default-color-4);
    font-weight: 100;
    font-size: 25px;
    line-height: 110%
}

.p-title,.p-title-sub {
    line-height: 140%;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    font-weight: 100;
    text-transform: capitalize
}

.p-title {
    color: var(--default-color-1);
    margin: 0;
    font-family: robotoSeB;
    font-size: 42px;
    justify-content: center
}

.p-title-sub {
    margin: 1px 0 0;
    color: var(--default-color-4);
    font-family: robotoSeSBI;
    font-size: 32px;
    justify-content: center;
    padding-bottom: 9px
}

.menu-rs-name,.p-dv-title span,.p-product-top .title span,.rs-bottom-text strong,.side-title,.slogan h2,.tencty {
    text-transform: uppercase
}

.p-title.hav-border {
    padding-bottom: 6px
}

.p-video-list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: 20px;
    row-gap: 20px;
    position: relative
}

.p-video-item {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    height: 300px
}

.video-wrap .p-video-item {
    display: block!important
}

.p-video-item a {
    width: 100%;
    height: 100%;
    position: relative
}

.p-video-item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #16375e;
    border-radius: 7px;
    opacity: 0
}

.p-video-item .img {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    height: 100%
}

.p-video-item .icon {
    position: absolute;
    z-index: 2;
    transition: .2s linear
}

.p-video-item:hover .icon {
    opacity: .7
}

.p-video-item .overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    display: none
}

.p-video-item .overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: .2s linear;
    opacity: 0;
    width: 100%;
    z-index: 3;
    pointer-events: none
}

.imgtin a,.p-video-item .overlay-video iframe {
    width: 100%;
    height: 100%;
    display: block
}

.GuiYkien table,.allsosanh tbody,.chondongxe table,.flexcar,.hinhanh-s,.hinhanh-s img,.hinhanhnewss img,.menu-rs .container .list li .drop.show,.menucenter,.menucenter a:hover::before,.menumk.menudmnew ul,.p-video-item .overlay img,.sao,.saosp,.slideshow.slidtheloai,.thongtinin .thongtinright {
    width: 100%
}

.p-video-item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    margin: 0;
    font-family: interSB;
    transition: .3s;
    color: #333333ad;
    font-size: 15px;
    line-height: 145%;
    font-weight: 100;
    padding: 10px 16px
}

.mota-sp a,.p-dv-descript span,.p-video-item h3 span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.my-news-rs {
    z-index: 9999
}

.my-news-rs.fixed {
    top: 85px
}

.my-news-rs .btn {
    width: 40px;
    height: 40px;
    background-color: var(--default-color-1);
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: 20px
}

.grid-gallery .slideshow nav span.nav-next,.hvr-underline-from-left.active:before,.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before,.input-capcha .tops1,.my-news-rs .container.show .wrap::before {
    right: 0
}

.menu-rs.show,.my-news-rs .container.show,.popup-text.show {
    opacity: 1;
    pointer-events: all
}

.input .sp-ec,.menu-rs {
    pointer-events: none
}

.my-news-rs .container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    background-color: #0082cab8;
    backdrop-filter: blur(8px);
    transition: .2s linear
}

.my-news-rs .wrap .rs-nav {
    flex: 1;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 20px
}

.my-news-rs .wrap .rs-item:hover .rs-link,.rs-close:hover {
    background-color: var(--default-color-4);
    color: #fff
}

.my-news-rs .wrap .rs-link {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 5px 0;
    padding: 16px 19px;
    border-radius: 5px;
    transition: .2s linear
}

.my-news-rs .wrap::after,.my-news-rs .wrap::before {
    width: 50%;
    background-color: #0082cab8;
    backdrop-filter: blur(8px);
    transition: .3s .1s;
    height: 100%
}

.my-news-rs .wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0
}

.my-news-rs .wrap::before {
    position: absolute;
    right: -100%
}

.my-news-rs .wrap::after {
    position: absolute;
    left: -100%
}

.p-new-content .btn:hover,.p-news-content__type2 .btn:hover {
    background-color: transparent;
    color: var(--default-color-2)
}

.rs-bottom-text {
    margin-top: 13px
}

.rs-bottom-text h3 {
    display: flex;
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    text-align: center
}

.p-new-content .descript,.p-new-content .title,.side-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.rs-bottom-text strong {
    font-weight: 100;
    font-size: 30px;
    font-family: SFSB;
    margin-top: 10px;
    text-align: center;
    padding: 0 20px
}

.rs-close {
    position: absolute;
    right: 35px;
    top: 35px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 21px;
    color: #333;
    transition: .2s linear
}

.p-descript {
    text-align: center;
    display: block;
    color: #767676;
    font-size: 16px;
    font-weight: 100;
    max-width: 871px;
    margin: 12px auto 0;
    line-height: 133.2%
}

.p-new-list,.side-list {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content)
}

.p-new-list {
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: 10px;
    row-gap: 10px
}

.p-new-item {
    padding: 10px;
    border-radius: 20px
}

.p-new-img:hover img,.side-new-img:hover img {
    transform: scale(1.02)
}

.p-new-img {
    overflow: hidden;
    height: 225.64px;
    border-radius: 15px
}

.my-news-breadcum .slug a,.p-new-img img,.side-new-img img {
    transition: .3s
}

.p-new-content {
    padding: 12px 12px 2px
}

.p-new-content .title {
    margin: 3px 0 0;
    color: var(--default-color-1);
    font-family: interB;
    font-weight: 100;
    font-size: 17px;
    line-height: 150%;
    -webkit-line-clamp: 2;
    transition: .3s
}

.p-new-content .descript {
    color: #767676;
    line-height: 150%;
    font-size: 14px;
    -webkit-line-clamp: 4;
    margin-top: 5px
}

.p-new-content .btn {
    width: fit-content;
    background-color: var(--default-color-2);
    border-radius: 55px;
    font-family: interSB;
    color: #fff;
    font-weight: 100;
    font-size: 14px;
    padding: 9px 24px;
    margin-top: 10px;
    border: 2px solid var(--default-color-2);
    transition: .3s
}

.my-news-breadcum .container {
    padding: 6px 0
}

.my-news-breadcum {
    background-color: #e50d470d
}

.my-news-breadcum .slug {
    display: flex;
    align-items: center;
    color: #3333338c;
    font-size: 13px
}

.my-news-breadcum .slug p {
    font-size: 10px;
    margin: 0 10px
}

.side-left {
    float: right;
    width: 370px
}

.side-wrap {
    margin-bottom: 25px
}

.side-kp-hotline .side-title {
    color: var(--default-color-1);
    font-size: 18px
}

.side-title {
    font-weight: 100;
    font-family: interSB;
    margin: 0 0 19px;
    font-size: 20px;
    color: var(--default-color-1);
    position: relative;
    padding-bottom: 5px
}

.side-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 45px;
    height: 2px;
    background-color: var(--default-color-1)
}

.side-list {
    border: 1px solid rgba(4,20,66,.1);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 12px;
    grid-template-columns: repeat(1,minmax(0,1fr));
    column-gap: 12px;
    row-gap: 12px
}

.side-item,.side-new-img .options-item {
    border-radius: 55px;
    display: flex;
    align-items: center
}

.p-news-list__same,.p-news-list__type2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.side-item {
    justify-content: space-between;
    background-color: #f5f7fd;
    padding: 16px 20px
}

#top-nav.navbar,.mnspc2:hover .costmn,.p-news-item__type2,.p-news-list__same .p-news-item__type2,.showdanhmuc:last-child,.side-item:last-child,.side-kp-hotline .item:last-child,.side-new-item:last-child,.side-new-item:last-child .side-new-content h3 {
    margin-bottom: 0
}

.side-item span {
    font-family: interSB;
    color: #333;
    font-size: 16px;
    transition: .3s;
    padding-right: 20px;
    -webkit-line-clamp: 1
}

.side-item:hover i {
    transform: translateX(0);
    opacity: 1;
    color: var(--default-color-1)
}

.side-item i {
    opacity: 0;
    transform: translateX(-15px);
    transition: .3s
}

.side-new-img .options {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 4px
}

.side-new-img .options-item {
    background-image: linear-gradient(to right,var(--default-color-1) 0,var(--default-color-1) 100%);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px
}

.p-news-content__type2 .descript,.p-news-content__type2 .title,.side-new-content h3 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.side-new-img .options-item i {
    font-size: 10px
}

.side-new-img .options-item span {
    font-size: 10px;
    line-height: 100%;
    padding-left: 4px
}

.side-new-img {
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.side-new-content h3 {
    margin: 6px 0 0;
    -webkit-line-clamp: 2;
    font-family: interSB;
    color: #333;
    transition: .3s;
    line-height: 150%;
    font-weight: 100
}

.p-news-list__type2 {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    column-gap: 20px;
    row-gap: 20px
}

.p-news-link__type2 {
    border: 1px solid rgba(4,20,66,.1);
    padding: 16px;
    border-radius: 10px;
    background-color: #fff
}

.p-news-img__type2 {
    border-radius: 10px;
    height: 225px;
    overflow: hidden
}

.p-dv-item:hover img,.p-news-img__type2:hover img,.p-product-img:hover img {
    transform: scale(1.02)
}

.p-dv-img img,.p-news-img__type2 img,.p-product-img img {
    transition: .3s
}

.p-news-options__type2 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(20,21,21,.1);
    padding: 10px 0
}

.p-news-list__same,.p-photo-list {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-auto-rows: minmax(min-content,max-content)
}

.p-news-options__type2 .options-item {
    margin-right: 25px;
    font-size: 13px;
    color: #333
}

.home-pro li:first-child:hover h3,.p-news-options__type2 .options-item i,.p-product-price h3,.p-product-title:hover {
    color: var(--default-color-1)
}

.p-news-options__type2 .options-item span {
    display: inline-block;
    margin-left: 3px
}

.p-news-content__type2 {
    padding-top: 12px
}

.p-news-content__type2 .title {
    margin: 0;
    font-family: interSB;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 18px;
    color: #333;
    line-height: 155%;
    -webkit-line-clamp: 2;
    transition: .3s
}

.navtop .mnc1 a.mnc1a:hover,.p-news-content__type2 .title:hover,.sanpham:hover .tensp a {
    color: var(--default-color-2)
}

.p-news-content__type2 .descript {
    -webkit-line-clamp: 3;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    line-height: 154%
}

.p-news-content__type2 .btn {
    width: fit-content;
    background-color: var(--default-color-2);
    color: #fff;
    border-radius: 55px;
    padding: 10px 20px;
    border: 2px solid var(--default-color-2);
    transition: .3s;
    margin-top: 15px
}

h1,h2,h3,h4,h5,li,ul {
    padding: 0;
    margin: 0
}

.p-news-content__type2 .btn span {
    font-family: interSB;
    font-size: 16px;
    display: inline-block;
    margin-right: 5px
}

.side-kp-hotline {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #ff060642
}

.side-kp-hotline .item {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.side-kp-hotline .item .icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: var(--default-color-2);
    justify-content: center;
    box-shadow: 0 0 10px 0 #33333324
}

.side-kp-hotline .item span strong {
    color: var(--default-color-2);
    margin-top: 2px;
    font-size: 17px;
    font-family: interSB;
    font-weight: 100
}

.pxem a.axem:hover,.side-kp-hotline .item span strong:hover,section a:hover {
    text-decoration: underline
}

.side-kp-hotline .item span {
    color: #333;
    font-size: 13px;
    padding-left: 10px;
    display: flex;
    flex-direction: column
}

.p-photo-list {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.p-photo-item a {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.p-photo-img {
    height: 290px;
    border-radius: 5px;
    overflow: hidden
}

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

.p-photo-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 151%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    background-color: var(--default-color-1);
    color: #fff;
    font-weight: 100;
    font-family: interSB
}

.p-product-cart,.popup-text-btn {
    width: 36px;
    height: 36px;
    position: absolute
}

.p-product-list {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: 20px;
    row-gap: 20px
}

.p-product-item {
    padding: 8px 8px 0;
    border-radius: 10px;
    background-color: #fff;
    transition: .3s;
    border: 1px solid #3333330f
}

.p-product-cart,.p-product-percent {
    background-color: var(--default-color-2)
}

.p-product-item:hover {
    box-shadow: 0 0 10px 0 #33333321
}

.p-product-img {
    height: 203px;
    border-radius: 10px;
    overflow: hidden
}

.p-product-content {
    padding: 10px 0
}

.p-product-title {
    color: #1e1e1e;
    font-size: 15px;
    line-height: 144%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: pre-wrap;
    transition: .3s;
    font-family: interB
}

.p-product-options {
    display: flex;
    margin-top: 10px;
    margin-bottom: 14px
}

.p-product-price h3 {
    margin: 0;
    font-size: 16px;
    font-family: interB;
    line-height: 117.8%;
    font-weight: 100
}

.p-product-price span {
    font-size: 12px;
    display: block;
    line-height: 117.8%;
    color: #888;
    text-decoration: line-through;
    margin-top: 2px
}

.p-product-percent {
    border-radius: 5px;
    font-family: interSB;
    font-size: 10px;
    line-height: 117.8%;
    color: #fff;
    padding: 4px 5px;
    margin-left: 16px;
    height: fit-content
}

.p-product-bottom {
    display: flex;
    position: relative;
    align-items: end
}

.p-product-star {
    display: none;
    align-items: center
}

.p-product-star img {
    width: 76px
}

.p-product-star span {
    display: block;
    color: #cdcfd0;
    font-size: 11px;
    margin-left: 3px;
    font-weight: 100
}

.p-product-count span {
    color: #555;
    font-weight: 100;
    font-size: 13px
}

.p-product-count strong {
    margin-left: 4px;
    color: var(--default-color-2);
    font-size: 12px;
    font-weight: 100;
    font-family: interSB
}

.p-product-cart {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0
}

.p-product-cart a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff
}

.p-product-top,.p-product-top a {
    align-items: center;
    display: flex
}

.p-product-top {
    border-radius: 20px 20px 0 0;
    justify-content: space-between;
    padding: 15px 25px 15px 39px;
    background: linear-gradient(65deg,#00adbe 0,#1d6777 77%)
}

.menu-rs .container .list .list-item:hover,.menu-rs .container .list li .drop .drop-item a:hover,.p-banner-container a:hover,.popup-text-btn {
    background-color: var(--default-color-1);
    color: #fff
}

.home-bg-1,.home-bg-2,.listtintuctt,.toplogo {
    background-size: cover
}

.hotlinetop,.navfull.fix .navtop .mnc1 a.litrangchu {
    background-position: left
}

.p-product-top .title-icon {
    width: 47px;
    height: 47px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(180deg,#ffbbac 0,#fd2e00 100%)
}

.p-product-top .title-icon::before {
    content: '';
    position: absolute;
    border-radius: 33px;
    background: linear-gradient(179deg,rgba(255,255,255,0) .28%,rgba(255,255,255,.9) 101%);
    background-blend-mode: soft-light;
    width: 33px;
    height: 23px;
    bottom: 0;
    opacity: .4
}

.p-product-top .title span {
    line-height: 117.84%;
    display: block;
    font-family: interB;
    font-size: 25px;
    color: #fff;
    margin-left: 15px
}

.p-product-top a {
    background-color: #fff;
    border-radius: 55px;
    color: var(--default-color-2);
    padding: 10px 28px
}

.p-product-top a span {
    font-family: interSB;
    font-size: 14px;
    line-height: 117.8%;
    display: block
}

.p-product-top a i {
    font-size: 14px;
    margin-left: 5px
}

.p-banner-content {
    display: flex;
    align-items: center;
    padding: 12px 0;
    flex-wrap: wrap
}

.p-banner-container a {
    color: var(--default-white);
    border-radius: 55px;
    font-family: interM;
    transition: .3s
}

.popup-text-btn:hover {
    opacity: .6
}

.c-tab .showctbv,.c-tab.is-active .showanhn,.gioithieu .logo,.gioithieu .showchitiet .btnchitiet,.gioithieu .showchitiet .tomtatgt,.gioithieu .showchitiet img,.gioithieu .slogangt,.gioithieu .tomtat,.gioithieu .xemctgt,.menu-rs,.menu-rs .container .btn-close.active i,.sanpham .xemctgt,.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.c-tab .showctbv{
    opacity: 1
}
.popup-text-btn {
    right: 10px;
    top: 12px;
    font-size: 15px;
    z-index: 9;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s
}

.p-dv-descript,.p-dv-title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 100;
    text-align: center
}

.p-banner-container p {
    margin: 0 6px;
    font-size: 12px;
    color: #fff
}

.p-banner-container span {
    color: var(--default-white)
}

.p-banner-container a,.p-banner-container span {
    font-size: 12px;
    padding: 4px 10px
}

.p-details h3 {
    color: var(--default-color-1);
    font-weight: 100;
    font-family: interSB
}

.p-dv-list {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: 17px;
    row-gap: 43px;
    margin-top: 40px
}

.p-dv-content,.p-dv-title {
    position: relative;
    display: flex
}

.p-dv-item {
    border: 1px solid var(--default-color-5);
    border-radius: 19px;
    background-color: #fff
}

.p-dv-img {
    border-radius: 19px;
    height: 245px;
    overflow: hidden
}

.p-dv-content {
    padding: 17px 9px 41px;
    flex-direction: column;
    align-items: center
}

.p-dv-title {
    margin: 0;
    font-family: robotoSeB;
    color: var(--default-color-5);
    align-items: center;
    justify-content: center;
    padding-bottom: 8px
}

.menu-rs-search,.p-dv-btn {
    align-items: center;
    display: flex
}

.p-dv-title::before {
    content: '';
    position: absolute;
    width: 182px;
    height: 2px;
    background-color: #ab7c50;
    bottom: 0
}

.p-dv-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.p-dv-descript {
    margin: 9px 0 0;
    color: var(--default-color-4);
    font-family: robotoSeSB
}

.p-dv-btn {
    width: 167px;
    height: 42.3px;
    justify-content: center;
    position: absolute;
    bottom: -21px
}

.p-dv-btn img {
    position: absolute;
    width: 100%;
    height: 100%
}

.p-dv-btn span {
    position: relative;
    z-index: 2;
    display: block;
    font-family: interM;
    color: #fff;
    font-size: 16px
}

.home-bg-1 {
    background-image: url(../Design/img/home-bg-1.png)
}

.home-bg-2 {
    background-image: url(../Design/img/home-bg-2.png)
}

.menu-rs {
    position: fixed;
    z-index: 999999999999999999999999999999999999;
    width: 100vw;
    height: 100vh;
    background-color: #00000059;
    top: 0;
    left: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.menu-rs-search {
    border: 1px solid #ffffffb5;
    width: 80%;
    border-radius: 3px;
    height: 40px;
    margin: 10px auto;
    background-color: #fff
}

.menu-rs .container .btn-close,.menu-rs-bot {
    background-color: var(--default-color-1);
    position: absolute
}

.menu-rs-bot {
    bottom: 0;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--default-color-2);
    font-family: barSB;
    font-size: 18px;
    width: 100%;
    color: #fff
}

.menu-rs-search a {
    position: relative;
    height: 100%;
    padding: 0 10px;
    color: var(--default-color-1)
}

.menu-rs-search a::before {
    content: '';
    position: absolute;
    right: 0;
    width: 2px;
    height: 60%;
    background-color: #33333354
}

.menu-rs-search a img {
    opacity: .3
}

.menu-rs-search input {
    background-color: transparent;
    border: none;
    outline: 0;
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    flex: 1
}

.menu-rs-search input::placeholder {
    color: #333
}

.dctop i,.hottop span:nth-child(2) {
    color: #074880
}

.menu-rs-top {
    width: 100%;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fffF
}

.menu-rs-top .logo img,.thongtinleftnew {
    width: 60%
}

.menu-rs.show .container {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.menu-rs .container {
    width: 40%;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .3s ease-in .2s;
    -o-transition: .3s ease-in .2s;
    transition: .3s ease-in .2s;
    -webkit-box-orient: vertical;
    background-color: var(--default-color-2);
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: hidden;
    height: 100vh;
    overflow-y: auto;
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.menu-rs .container .btn-close {
    color: #333333ab;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 15px
}

.menu-rs .container .btn-close.active {
    border-radius: 0;
    right: calc(85%)
}

.menu-rs .container .btn-close i {
    position: absolute;
    transition: .2s linear;
    opacity: 1
}

.menu-rs .container .btn-close i.back {
    opacity: 0;
    display: none
}

.menu-rs .container .btn-close:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.menu-rs.show .container .btn-close {
    -webkit-transition-delay: opacity .6s;
    -o-transition-delay: opacity .6s;
    transition-delay: opacity .6s;
    display: none
}

.menu-rs .container .list {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column
}

.menu-rs .container .list ul {
    flex: 1
}

.menu-rs .container .list .list-item {
    width: 100%;
    position: relative;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-bottom: 1px solid #ffffff45;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    padding: 17px 12px;
    display: block;
    font-family: gb;
    font-size: 15px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    font-weight: 100
}

.menu-rs .container .list li {
    list-style: none;
    height: 48px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ffffff45
}

.menu-rs .container .list li .btn {
    position: absolute;
    right: 13px;
    font-size: 12px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    top: 10px;
    z-index: 2
}

.menu-rs .container .list li .btn i {
    transition: .3s ease-in-out
}

.menu-rs .container .list li.show {
    height: auto;
    background-color: #00acfa0a
}

.menu-rs .container .list li.show .btn i {
    transform: rotate(-180deg)
}

.menu-rs .container .list li .drop {
    position: relative;
    width: 100%;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #828388
}

.menu-rs .container .list li .drop .drop-item {
    height: auto;
    display: block
}

.menu-rs .container .list li .drop .drop-item a {
    width: 100%;
    position: relative;
    padding: 9px 20px;
    font-size: 14px;
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    line-height: 150%;
    font-family: manB;
    text-decoration: none!important;
    font-weight: 400
}

.menu-rs .container .list li .drop.show .drop-item a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: .9;
    pointer-events: all;
    -webkit-transition: .3s linear .3s;
    -o-transition: .3s linear .3s;
    transition: .3s linear .3s
}

.menu-rs .container .list li .drop .drop-item a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #05338017;
    opacity: .8;
    bottom: 0;
    border-radius: 2px;
    left: 0
}

.menu-rs .container .list .list-item::before {
    position: absolute;
    opacity: .8
}

.menu-rs-name {
    font-family: interSB;
    color: var(--default-color-1);
    font-size: 21px;
    text-align: center;
    line-height: 155%;
    width: 100%;
    background-color: #fff;
    padding: 15px 10px
}

.menu-rs-name strong {
    font-weight: 100;
    font-size: 27px
}

@media(max-width: 739px) {
    .menu-rs .container {
        width:75%
    }
}

@font-face {
    font-family: interSB;
    src: url('../../assets/Font-t/Inter/static/Inter-SemiBold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: interM;
    src: url('../../assets/Font-t/Inter/static/Inter-Medium.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: manR;
    src: url('../../assets/Font-t/Manrope/static/Manrope-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: gm;
    src: url('/font/SVN-GILROY%20MEDIUM.otf') format('opentype');
    font-display: swap
}

@font-face {
    font-family: gb;
    src: url('/font/SVN-GILROY%20BOLD.otf') format('opentype');
    font-display: swap
}

@font-face {
    font-family: manB;
    src: url('../../assets/Font-t/Manrope/static/Manrope-Bold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: anyB;
    src: url('../../assets/Font-t/Anybody/static/Anybody-Bold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: roboR;
    src: url('../../assets/Font-t/Robo/static/Roboto-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: roboM;
    src: url('../../assets/Font-t/Robo/static/Roboto-Medium.ttf') format('truetype');
    font-display: swap
}

.input .btn-sumid-contact {
    background: var(--default-color-2);
    color: #ffff
}

.promotion-block ul li svg {
    width: 13px;
    height: 13px
}

.right-top {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 15px
}

.navtop .mnc1 {
    margin-top: 0;
    position: relative
}

.menumk .mnc1:first-child,.navtop .mnc1:first-child {
    background: 0 0
}

header.fixed .navtop {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 50px
}

.botft {
    /* background-color: #1b4c87; */
}

.GuiYkien .imgCapcha,.tieudetsss {
    float: left;
    margin-right: 8px
}

.navtop .menuconc2 {
    min-width: 264px;
    width: 230px
}

.contain.contact {
    float: left
}

.dctop i {
    display: flex
}

.tit-com {
    color: var(--default-color-2);
    display: flex;
    justify-content: start;
    align-items: center
}

.ttcty div p:nth-child(3)::before,.ttctyy div p:nth-child(3)::before {
    content: "\f3c5"
}

.promotion-block h5 svg {
    fill: var(--default-color-1)
}

.home-pro li:first-child {
    /* border: 5px solid transparent; */
}

.home-pro li:first-child:hover {
    /* border-color: var(--default-color-1); */
}

@media (max-width: 739px) {
    .tentin a,.tttheloai h3 {
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }

    .footer-service,.home-pro,.list-content,.showcatagory,.showcatagory1,.showsp {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sanpham .hinhanhsp img {
        height: 125px
    }

    .tentin a {
        -webkit-line-clamp: 2;
        display: -webkit-box
    }

    .tensp a,.tttheloai h3 {
        -webkit-line-clamp: 1
    }

    .titgt1 {
        font-size: 22px;
        margin-bottom: 25px;
        margin-top: 29px
    }

    .allbody-1,.allbody-2,.contact .right-content,.ctbg a:last-child,.giabg,.home-contact-container,.home-pro-tit,.input .text-area,.input-capcha,.istt img,.thongtinleft,.thongtinright {
        width: 100%
    }

    .home-pro li:first-child .imgtheloai::after {
        padding: 0;
        font-size: 10px
    }

    .home-pro {
        column-gap: 10px!important;
        row-gap: 10px
    }

    .logo img {
        width: 61%;
        margin: 0!important
    }

    .input .text-area {
        margin-top: 15px
    }

    .input:nth-child(4) input {
        height: 46px
    }

    .logo .logodes,.ttctyy div p,.ttctyy div p:nth-child(4) span {
        margin: 0!important
    }

    .list-content {
        row-gap: 7px;
        column-gap: 7px
    }

    .topnew {
        justify-content: center;
        align-items: center;
        height: 89px
    }

    .contact .left-content,.dctop,.fanpage,.header-top-register,.logo canvas,.messangers-block.lg .show,.right-bot,.right-top,.tensp a:after,header.fixed .navfull {
        display: none
    }

    .coppy,.logo {
        display: flex;
        justify-content: center
    }

    .showsp {
        padding: 0;
        column-gap: 5px;
        width: 100%;
        row-gap: 5px
    }

    .ttbg,.tttheloai1 {
        gap: 7px
    }

    .titgt {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .botft-container,.hotline-bot .hotline-header,.logo-ft,.logo-ft a {
        text-align: center
    }

    .box-dutoan,.overhide {
        padding: 5px
    }

    .footer-service {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        margin-left: 20px
    }

    .ttctyy div p {
        width: 99%
    }

    .tttheloai h3 {
        margin: 8px;
        display: -webkit-box;
        height: 100%
    }

    .tit-com span {
        font-size: 17px
    }

    .thongtinleft,.thongtinright {
        z-index: 2
    }

    .home-contact-container h2 {
        font-size: 22px;
        padding: 33px 0 4px
    }

    .flexcar {
        margin-top: 0
    }

    .showchitiet {
        margin-top: 0!important
    }

    .bx-wrapper .bx-viewport {
        height: 243px!important
    }

    .slideshow:nth-child(2) .bx-wrapper .bx-viewport {
        height: 95px!important
    }

    .slideshow.slidtheloai {
        height: 100%!important
    }

    .slideshow {
        height: 325px!important
    }

    .input-capcha .tops {
        top: 20px;
        right: 7px
    }

    .box-dutoan {
        width: 96%
    }

    .contain.contact {
        padding: 4px
    }

    .GuiYkien .btn {
        padding: 11px 20px
    }

    .titgt2 {
        font-size: 20px
    }

    .infoCompany h3 {
        font-size: 23px
    }

    .GuiYkien th {
        padding-bottom: 0
    }

    .title-promotion {
        font-size: 18px
    }

    .alltin {
        padding: 1px 0 37px
    }

    .tttheloai1 h2 {
        margin-top: 9px;
        font-size: 15px;
        height: 19px
    }

    .tttheloai1 h3 {
        padding: 0 5px
    }

    .coppy {
        padding: 0;
        font-size: 14px;
        margin-top: 5px;
        align-items: center;
        flex-direction: column
    }

    .hotline-bot a,.logo-ft {
        justify-content: center;
        display: flex
    }

    .showcatagory1 {
        column-gap: 10px;
        row-gap: 10px
    }

    .showtrangcon {
        padding-bottom: 34px
    }

    .logo-left:after,.logo-left:before {
        display: NONE
    }

    .logo-left {
        transform: translateY(10px);
        background: 0 0
    }

    .hotline-bot {
        color: #fffF
    }

    .hotline-bot a {
        align-items: center;
        gap: 5px;
        padding: 2px 0
    }

    .header-top {
        justify-content: space-between;
        gap: 15px;
        white-space: nowrap
    }

    .header-top-e {
        gap: 2px
    }

    .logo-ft a {
        width: 53%
    }

    .logo-ft {
        margin: 0 auto
    }

    .footer-abouts {
        margin-left: 20px
    }

    .menucenter a:after {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 3px
    }

    .footertop {
        padding-bottom: 15px
    }

    .tittinnew {
        margin-bottom: -3px
    }

    .footertop:before {
        background-size: cover;
        background-position: center center
    }

    .product-left {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100%;
        background: #fff;
        z-index: 100000;
        overflow-y: auto;
        transition: left .3s;
        box-shadow: 2px 0 10px rgba(0,0,0,.3);
        padding: 20px
    }

    .arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
        width: max-content;
        white-space: nowrap
    }

    .arcontactus-widget .messanger p {
        white-space: normal;
        font-size: 12px
    }

    .arcontactus-widget .messanger {
        width: max-content;
        background: var(--default-color-1,#f0f0f0);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        padding: 0 11px
    }

    .arcontactus-widget .messanger span svg {
        -webkit-transform: translate(8px,7px);
        -ms-transform: translate(8px,7px);
        transform: translate(8px,7px);
        position: unset;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: 0;
        vertical-align: unset
    }

    .arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg path {
        fill: var(--default-color-1,#000)
    }

    .arcontactus-widget .messanger span {
        position: unset;
        margin-top: 0;
        margin-right: 0
    }

    .no-data {
        margin-left: 0
    }

    .alltheloai li,.fs {
        justify-content: center
    }

    .list-content,.menu-footer .menucenter:last-child {
        position: relative
    }

    .imgtheloai,.imgtheloai img,.navtop {
        height: 100%
    }

    .input:nth-child(4) .sp-ec {
        top: 51%;
        left: 27px
    }

    .input .txt:focus+.sp-ec,.input .txt:not(:placeholder-shown)+.sp-ec {
        top: -10px;
        transform: scale(1);
        color: #9ba0a4
    }

    .input .sp-ec {
        margin: 0;
        left: 24px;
        top: 65%
    }

    .input .form-control {
        width: 100%;
        padding: 12px 30px
    }

    .list-brand img {
        width: 95%
    }

    .tentin a {
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .showcatagory {
        column-gap: 8px
    }

    .home-pro>:first-child,.showcatagory>:first-child {
        grid-column: span 2;
        grid-column: span 2;
        display: block;
        width: 70%;
        margin: 0 auto
    }

    .alltheloai {
        padding: 0
    }

    .grid.wide {
        padding: 0 10px;
        width: 100%;
        margin: 10px 0
    }

    .alltheloai li {
        padding-bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center
    }

    .tomtattl {
        font-size: 12px!important
    }

    #ShowMenu,.giatl,.tensp a {
        font-size: 13px
    }

    .ttnewtl {
        width: 100%;
        text-align: center
    }

    .img-cotact-p {
        padding: 0;
        width: 95%;
        display: none
    }

    .allbody,.fs,.topnew {
        display: flex
    }

    .input:nth-child(4) {
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0;
        margin: 0;
        width: 100%
    }

    .input .txt:not(:placeholder-shown)+.sp-ec {
        top: 120px
    }

    .input:nth-child(4) input {
        padding: 10px 24px;
        width: 100%;
        margin-top: 6px
    }

    .input .btn-sumid-contact {
        width: 49%;
        padding: 15px 20px;
        text-align: center
    }

    .fs {
        align-items: center;
        flex-direction: column
    }

    .list-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: -27px;
        width: 100%;
        border-top: 1px dashed #a7a7a7
    }

    .topnew {
        justify-content: center;
        align-items: center;
        box-shadow: 0 9px 6px rgb(37 57 61 / 2%);
        z-index: 1111
    }

    .giatl {
        padding: 4px 33px;
        margin-bottom: 8px
    }

    .tttheloai {
        gap: 10px
    }

    .allbody {
        justify-content: space-between;
        align-items: center
    }

    .botft-container,.footercenter,.menu-footer {
        flex-direction: column
    }

    #ShowMenu,header.fixed .logo,header.fixed .topnew {
        display: block
    }

    .logo .logodes {
        display: block;
        margin: 0!important
    }

    .giat2 {
        padding: 6px 31px;
        margin-bottom: 5px
    }

    .tentlbg {
        font-size: 14px!important
    }

    .mtbg {
        font-size: 11px!important
    }

    .xem-chi-tiet {
        font-size: 12px
    }

    .hinhanhbg a {
        width: 64%
    }

    .padtop30 {
        padding: 10px 1px
    }

    .modal {
        padding-right: 0
    }

    .showchitiet img {
        width: 80%
    }

    .titgt {
        font-size: 22px
    }

    .menucenter a,.tomtatgt {
        font-size: 15px
    }

    .footercenter {
        gap: 0
    }

    .titftnew {
        text-align: left
    }

    .ttfooter {
        padding: 21px;
        margin-top: 0;
        width: 100%;
        background-color: #9f969626;
        border-radius: 10px
    }

    .right-ft {
        margin-top: 23px
    }

    .footer-service {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 20px;
        width: 100%
    }

    .menu-footer .menucenter:last-child::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        border-top: 1px dashed #7d7c7c;
        top: -28px
    }

    .ttcty *,.ttctyy * {
        font-size: 15px!important
    }

    .tttheloai h3 {
        font-size: 16px
    }

    .mota-sp {
        font-size: 11px
    }

    .navtop {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 276px;
        background-color: #fcfdff;
        overflow: auto;
        z-index: 9999
    }

    #ShowMenu {
        background-color: var(--default-color-2);
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 0;
        background-image: url(/Design/icon-menu.png);
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 18px 21px;
        background-position: 10px 11px
    }

    .tit-com span {
        transform: translateX(0)
    }

    .box-detail {
        flex-direction: column;
        width: 100%
    }
}

.input:first-child,.input:nth-child(2) {
    grid-column: span 2/span 2;
    grid-row-start: 2
}

.mota-sp,.tensp a {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

@keyframes titleH1 {
    0% {
        left: -50%;
        opacity: 0
    }

    70% {
        left: 0;
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes titleH2 {
    0% {
        right: -50%;
        opacity: 0
    }

    70% {
        right: 0;
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes Logo {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes Preloader {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes Preloader {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes Bg-Animation {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(.8)
    }

    70% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.2)
    }
}

@keyframes Bg-Animation {
    0%,100% {
        transform: translate3d(-50%,-50%,0) scale(.8)
    }

    70% {
        transform: translate3d(-50%,-50%,0) scale(1.2)
    }
}

@-webkit-keyframes Bg-Animation2 {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(.8)
    }

    30% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.4)
    }
}

@keyframes Bg-Animation2 {
    0%,100% {
        transform: translate3d(-50%,-50%,0) scale(.8)
    }

    30% {
        transform: translate3d(-50%,-50%,0) scale(1.4)
    }
}

@-webkit-keyframes Bg-Animation3 {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.4)
    }

    50% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1)
    }
}

@keyframes Bg-Animation3 {
    0%,100% {
        transform: translate3d(-50%,-50%,0) scale(1.4)
    }

    50% {
        transform: translate3d(-50%,-50%,0) scale(1)
    }
}

@-webkit-keyframes DrawStroke {
    0% {
        stroke-dashoffset: 300;
        stroke-opacity: 1
    }

    100% {
        stroke-dashoffset: 0;
        stroke-opacity: 0
    }
}

@keyframes DrawStroke {
    0% {
        stroke-dashoffset: 300;
        stroke-opacity: 1
    }

    100% {
        stroke-dashoffset: 0;
        stroke-opacity: 0
    }
}

@-webkit-keyframes DrawStroke2 {
    0% {
        stroke-dashoffset: 0;
        stroke-dasharray: 10;
        fill: #ec1c24
    }

    50% {
        fill: #ff7b00
    }

    100% {
        stroke-dashoffset: 1000;
        stroke-dasharray: 0;
        fill: #ec1c24
    }
}

@keyframes DrawStroke2 {
    0% {
        stroke-dashoffset: 0;
        stroke-dasharray: 10;
        fill: #ec1c24
    }

    50% {
        fill: #ff7b00
    }

    100% {
        stroke-dashoffset: 1000;
        stroke-dasharray: 0;
        fill: #ec1c24
    }
}

@-webkit-keyframes RotateNew {
    0%,100% {
        -webkit-transform: rotate(0) scale(1);
        opacity: 1
    }

    33% {
        -webkit-transform: rotate(90deg) scale(.8);
        opacity: .3
    }

    80% {
        -webkit-transform: rotate(35deg) scale(1);
        opacity: 1
    }
}

@keyframes RotateNew {
    0%,100% {
        transform: rotate(0) scale(1);
        opacity: 1
    }

    33% {
        transform: rotate(90deg) scale(.8);
        opacity: .3
    }

    80% {
        transform: rotate(35deg) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes Play {
    from {
        background-position: 0
    }

    to {
        background-position: -360px
    }
}

@keyframes Play {
    from {
        background-position: 0
    }

    to {
        background-position: -360px
    }
}

@-webkit-keyframes Ani2 {
    0% {
        box-shadow: 0 0 0 rgba(10,130,60,0);
        border: 1px solid rgba(10,130,60,0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        box-shadow: 0 0 60px #0a823c;
        border: 0 solid #0a823c;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes Ani2 {
    100% {
        box-shadow: 0 0 60px #0a823c;
        border: 0 solid #0a823c;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    0% {
        box-shadow: 0 0 0 #0a823c;
        border: 1px solid #0a823c;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(202,26,30,0);
        border: 1px solid rgba(202,26,30,0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    70% {
        box-shadow: 0 0 50px #ca1a1e;
        border: 1px solid #ca1a1e;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        box-shadow: 0 0 60px rgba(202,26,30,0);
        border: 0 solid rgba(202,26,30,0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(202,26,30,0);
        border: 1px solid rgba(202,26,30,0);
        transform: scale(0)
    }

    70% {
        box-shadow: 0 0 50px #ca1a1e;
        border: 1px solid #ca1a1e;
        transform: scale(1)
    }

    100% {
        box-shadow: 0 0 60px rgba(202,26,30,0);
        border: 0 solid rgba(202,26,30,0);
        transform: scale(1.5)
    }
}

@keyframes Rotate {
    from {
        transform: rotate(0) translateZ(0)
    }

    to {
        transform: rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0) translateZ(0)
    }

    to {
        -webkit-transform: rotate(360deg) translateZ(0)
    }
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOff {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes fadeOff {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes fadeOn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes fadeOn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,25% {
        opacity: 1;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,25% {
        opacity: 1;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: 1;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fadeTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-500px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px,0,0);
        transform: translate3d(-300px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,300px,0);
        transform: translate3d(0,300px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,300px,0);
        transform: translate3d(0,300px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-300px,0);
        transform: translate3d(0,-300px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-300px,0);
        transform: translate3d(0,-300px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(15deg) scale(.5);
        opacity: 0
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(15deg) scale(.5);
        opacity: 0
    }

    100% {
        transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0) scale(1);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateX(90deg) scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes goLeft1 {
    0% {
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goLeft1 {
    0% {
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(50%,0) );
        transform: translate(50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(50%,0);
        transform: translate(50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes scaleSmall {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(3)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleLarge {
    0% {
        opacity: 0;
        transform: scale(3)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes Ringing {
    0%,100%,16%,24%,8% {
        -webkit-transform: rotate(0)
    }

    12%,20%,4% {
        -webkit-transform: rotate(-15deg)
    }
}

@keyframes Ringing {
    0%,100%,16%,24%,8% {
        transform: rotate(0)
    }

    12%,20%,4% {
        transform: rotate(-15deg)
    }
}

@-webkit-keyframes Color {
    0% {
        background-color: #e30613
    }

    50% {
        background-color: #cda853
    }

    100% {
        background-color: #751146
    }
}

@keyframes Color {
    0% {
        background-color: #e30613
    }

    50% {
        background-color: #cda853
    }

    100% {
        background-color: #751146
    }
}

@-webkit-keyframes Shape {
    0%,100% {
        border-top: 20px solid #ff3000
    }

    50% {
        border-top: 20px solid #50ad77
    }
}

@keyframes Shape {
    0%,100% {
        border-top: 20px solid #ff3000
    }

    50% {
        border-top: 20px solid #50ad77
    }
}

@-webkit-keyframes Border {
    0%,60% {
        border-top-color: #e30613
    }

    30% {
        border-top-color: #fff
    }
}

@keyframes Border {
    0%,60% {
        border-top-color: #e30613
    }

    30% {
        border-top-color: #fff
    }
}

@-webkit-keyframes Border1 {
    0%,60% {
        border-color: #e30613
    }

    30% {
        border-color: #fff
    }
}

@keyframes Border1 {
    0%,60% {
        border-color: #e30613
    }

    30% {
        border-color: #fff
    }
}

@-webkit-keyframes trackBallSlide {
    0%,100%,30%,60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    15%,50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes trackBallSlide {
    0%,100%,30%,60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    15%,50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.form-contact {
    font-family: interL
}
/* Ẩn placeholder cho tất cả input và textarea bên trong class .fs */
.fs input::placeholder, 
.fs textarea::placeholder {
    color: transparent !important;
    text-indent: -9999px; /* Đảm bảo ẩn hẳn text trên một số trình duyệt */
    opacity: 0;
}

/* Hỗ trợ các trình duyệt cũ hơn (nếu cần) */
.fs input::-webkit-input-placeholder, .fs textarea::-webkit-input-placeholder { color: transparent; }
.fs input::-moz-placeholder, .fs textarea::-moz-placeholder { color: transparent; }
.fs input:-ms-input-placeholder, .fs textarea:-ms-input-placeholder { color: transparent; }
.fs {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(1,1fr);
    gap: 8px
}

.input {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column-reverse;
    position: relative
}

.input .form-control {
    width: 100%;
    padding: 20px 28px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #ccc;
    outline: 0;
    background: 0 0
}

.input .text-area,.input .txt {
    border-radius: 10px;
    font-size: 14px;
    background: 0 0;
    outline: 0
}

.input .txt {
    width: 84%;
    padding: 20px 28px;
    border: 1px solid #ccc
}

.input .text-area::placeholder {
    font-family: interL;
    color: #9e9e9e;
    pointer-events: none;
    transition: .3s;
    font-size: 15px
}

.input .text-area {
    width: 100%;
    padding: 20px 25px 20px 29px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 19px
}

.text-area::placeholder {
    color: #888;
    opacity: 1
}

.input .sp-ec {
    position: absolute;
    left: 0;
    top: 61%;
    transform: translateY(-50%);
    color: #9e9e9e;
    transition: .3s;
    background: 0 0;
    padding: 0 4px;
    margin-left: 30px
}

.input .form-control:focus+.sp-ec,.input .form-control:not(:placeholder-shown)+.sp-ec {
    top: 2px;
    transform: scale(1);
    color: #9ba0a4
}

.input .txt:focus+.sp-ec,.input .txt:not(:placeholder-shown)+.sp-ec {
    top: -19px;
    transform: scale(1);
    color: #9ba0a4
}

.input .btn-sumid-contact {
    width: 22%;
    padding: 15px 28px;
    border-radius: 10px;
    border: 1px solid;
    background: var(--default-color-2);
    color: #ffff;
    font-size: 14px;
    margin-top: 32px;
    margin-bottom: 54px
}
.input .btn-sumid-contact:hover{
background:var(--default-color-1)
}

.input:first-child {
    grid-column-start: 1;
    width: 100%
}

.input:nth-child(2) {
    grid-column-start: 3;
    position: relative;
    width: 100%
}

.input:nth-child(3),.input:nth-child(4) {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2;
    grid-row-start: 3;
    width: 100%
}

.input:nth-child(3) {
    grid-column-start: 1
}

.input:nth-child(4) {
    grid-column-start: 3;
    flex-direction: row;
    align-items: flex-end
}

.tops {
    position: absolute;
    top: 21%;
    right: 11px
}

.input:nth-child(4) input {
    width: 100%;
    padding: 20px 28px;
    margin: 0;
    position: relative
}

.input-capcha {
    position: relative;
    flex-direction: row-reverse;
    width: 100%
}

.input:nth-child(4) .sp-ec {
    top: 50%;
    left: 0
}

.input:last-child {
    grid-column: span 4/span 4;
    grid-column-start: 1;
    grid-row-start: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0;
    width: 100%
}

transf {
    font-family: gr;
    width: 100%;
    margin: auto!important
}

marbody {
    width: 100%;
    margin: auto;
    font-family: aleo;
    overflow-x: hidden;
    float: left
}

.home-contact-container h3 {
    text-align: center;
    padding: 47px 0 20px;
    font-size: 31px;
    letter-spacing: .01em;
    line-height: 1.4;
    font-weight: 600;
    color: #233581;
    font-family: gb
}

h1,h2,h3,h4,h5 {
    text-decoration: none
}

.product-detail01 span {
    border-top: none
}

.product-detail-mid-bottom table:before,.product-detail-mid-bottom:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -8px;
    background: #8080802e
}

.product-detail-mid-bottom table {
    width: 100%!important;
    position: relative;
    border: none
}

.pager a,.pager span {
    padding: 4px 10px;
    margin-left: 5px;
    width: 10px;
    display: inline-block;
    font-size: 16px;
    font-family: aguda
}

.product-detail-mid-bottom {
    margin: 20px 0
}

.product-detail01 tr td {
    padding: 8px!important;
    font-family: interM
}

.promotion-block .list-promo {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 12px
}

.promotion-block .list-promo p {
    margin: 0 0 0 4px;
    font-family: interR
}

di a {
    font-weight: 400
}

.allbody {
    width: 1126px;
    height: auto;
    overflow: hidden;
    margin: auto;
    font-family: mulir;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pager,.pager span {
    justify-content: center;
    text-align: center
}

.caption-over .allbody,.menusp .allbody {
    overflow: initial
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper,.owl-carousel .owl-wrapper-outer,.sanpham .owl-carousel .owl-wrapper,.sanpham .owl-carousel .owl-wrapper-outer,figure.effect-julia {
    height: 100%
}

.havesub:hover:after {
    color: #ffcd1c
}

.havesub1:after {
    content: "\f105";
    position: absolute;
    font-family: FontAwesome;
    right: 8px;
    top: 11px;
    z-index: 9;
    color: #0079c3
}

.pager {
    color: #106496;
    margin-bottom: 0;
    float: left;
    width: 100%;
    margin-top: 6px;
    padding: 20px 0;
    display: flex;
    align-items: center
}

.pager span {
    color: #fff;
    background-color: var(--default-color-2);
    border-radius: 4px;
    display: flex;
    align-items: center
}

.fb-comments,.pager a {
    background-color: #fff
}

.pager a {
    color: var(--default-color-2);
    border: 1px solid var(--default-color-2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pages ul li a,.pages ul li span span {
    background: #fff;
    border: 1px solid #fb6705
}

.addthis_inline_share_toolbox {
    float: left;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    bottom: 0;
    left: 0
}

.addthis_inline_share_toolbox a,.btndk,.centerbox ul,.centerboxs ul,.custl .spprev,.demo-slide,.leftdm,.pix_diapo img,.rightboxes ul,.rightboxess ul,.squy:nth-child(2n+2) .imquytrinh,.textsl,.themxenew {
    float: left
}

.fb-comments {
    width: 100%;
    float: right;
    margin: 6px 0 0;
    display: block!important;
    height: auto
}

.hovergallery {
    overflow: hidden;
    height: 100%
}

.hovergallery img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 1;
    margin: auto
}

.hovergallery img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 1
}

@-webkit-keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0%,40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

.pix_diapo .tieude {
    position: absolute;
    left: 15%;
    top: 36%;
    float: left;
    margin: auto;
    z-index: 9999;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0;
    color: #fff;
    font-family: nexab;
    font-size: 65px;
    text-align: center;
    width: 70%;
    text-shadow: 3px 3px 4px rgba(0,0,0,.5)
}

.logo canvas {
    left: 0;
    float: left
}

.pages {
    clear: both;
    display: flex;
    margin: auto auto 10px;
    float: none;
    height: auto
}

.lispnew p,.pages ul,.tbthanhtoan label {
    float: left;
    margin: auto
}

.pages ul li {
    float: left;
    display: block;
    margin-right: 3px
}

.pages ul li a {
    padding: 4px 12px 6px 13px;
    color: #fb6705;
    font-family: aguda;
    float: left;
    font-size: 18px
}

.pages ul li a span {
    font-family: avo;
    font-size: 18px;
    float: left
}

.pages ul li.on a {
    background: #fb6705;
    color: #fff;
    font-family: avo;
    padding: 4px 13px 6px 12px;
    float: left
}

.pages ul li span span {
    color: #bfbfbf;
    padding: 8px 12px 5px 13px;
    float: left
}

.pages img {
    width: 14px;
    height: 15px
}

.c-tabs-nav__link h3 {
    font-size: 17px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-family: aleo
}

.giasp h4,.oldprice {
    text-decoration: line-through
}

.hotcty p,.hotlinetop,.menutop li a,.tencty {
    font-family: atenalight
}

.c-tabs-nav__link .is-active h3 {
    color: #046cdf
}

#tabs {
    padding: 0;
    width: 100%;
    float: left;
    margin: 0
}

figure.effect-apollo figcaption::before {
    width: 120%;
    height: 130%
}

figure.effect-apollo p {
    max-width: inherit;
    float: left;
    top: 0;
    border: none;
    text-align: center;
    padding: 10px;
    margin: 15% auto auto
}

.album-default,.btthanhtoann,.c-tab.ctabmauxe a,.centerload img,.contain contact,.formGuiYkien table,.formGuiYkien.formnew,.fulltextbox,.hanb img,.hinhbg img,.imgpktc img,.infoCompany,.infomauxe,.khuyenmai,.khuyenmai img,.listHinhAnh,.listimgnew,.menumk .mnc1 .mnsp2,.nvnew img,.shareft img,.showall,.showpklq,.slidel,.tbthanhtoan,.thongtinanh,.txtlaithu,.vs img {
    width: 100%;
    float: left
}

.leftboxes .tenphong a,.leftboxess .tenphong a {
    font-size: 22px
}

.leftboxes .tenphong h3,.leftboxess .tenphong h3,.menutop p {
    font-size: 13px
}

.leftboxes .tenphong,.leftboxess .tenphong {
    max-width: 90%
}

.leftboxes,.leftboxess {
    width: 100%;
    height: 235px;
    overflow: hidden
}

#slider a.imgLink,#sliderInner,.banner .slidenbn li img,.c-tabs-nav.ctabmau a.ctabamau img,.fill,.leftboxes ul,.leftboxess ul,.notsp .owl-item,.sliderPhotos ul li {
    width: 100%;
    height: 100%
}

.leftboxes ul li {
    float: left;
    width: 100%;
    height: 100%;
    position: relative
}

.leftboxes ul li .postImg,.leftboxess ul li .postImg {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    float: left
}

.leftboxes ul li .postImg figure,.leftboxess ul li .postImg figure {
    float: left;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0
}

.rightboxes,.rightboxess {
    width: 100%;
    float: left;
    margin-top: 20px
}

.rightboxes ul li,.rightboxess ul li {
    background-repeat: no-repeat;
    background-position: left 12px;
    float: left;
    display: block;
    width: 100%
}

.centerbox ul li a,.centerboxs ul li a,.rightboxes ul li a,.rightboxess ul li a {
    float: left;
    font-size: 17px;
    color: #4b4b4b;
    font-family: nexal;
    padding: 2px 15px
}

.rightboxes ul li.active a {
    color: #0b4851
}

.centerbox ul li:hover a,.centerboxs ul li:hover a,.rightboxes ul li:hover a,.rightboxess ul li.active a,.rightboxess ul li:hover a {
    color: #00b4f0
}

.centerbox,.centerboxs {
    float: right;
    margin-top: 10px
}

.centerbox ul li,.centerboxs ul li {
    background-repeat: no-repeat;
    background-position: left 12px;
    float: left;
    display: block;
    background-color: #cfcfcf;
    width: 14px;
    height: 14px;
    margin: 0 2px;
    border-radius: 3px;
    cursor: pointer
}

.centerbox ul li.active {
    background-color: #fbea78
}

.listslide,.logoft img,.newtinnb a {
    float: left;
    width: 100%
}

.list-content {
    margin: 40px 10px;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: 0;
    row-gap: 20px
}

.item-content {
    transition: transform .3s
}

.ist,ul {
    padding: 0;
    margin: 0
}

.grid-gallery .grid,.grid-wrap {
    margin: 0 auto;
    max-width: 100%
}

.istt img {
    width: 97%;
    max-width: 100%;
    transition: transform .5s
}

.istt img:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
    height: 100%
}

.centerboxs ul li.active {
    background-color: #00b4f0
}

@keyframes translateX1 {
    0% {
        transform: translateX(50%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes translateX2 {
    0% {
        transform: translateX(400%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes translateX3 {
    0% {
        transform: translateX(800%)
    }

    100% {
        transform: translateX(0)
    }
}

::-webkit-input-placeholder {
    color: #434a54
}

::-moz-placeholder {
    color: #434a54
}

:-ms-input-placeholder {
    color: #434a54
}

:-moz-placeholder {
    color: #434a54
}

.activefix .camketleft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #007cb6;
    border-color: #007cb6
}

.owl-theme .owl-controls .owl-page span {
    background-color: #fff;
    border: 1px solid #007cb6;
    margin: 5px 2px
}

.listtintuctt {
    width: 100%;
    float: left;
    padding: 60px 0;
    background-attachment: fixed;
    position: relative
}

.grid-gallery ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.grid-gallery figcaption p,.grid-gallery figure,.tab-content pre.pre-show {
    margin: 0
}

.grid-gallery .grid li,.grid-gallery .slideshow li {
    margin: 1%;
    overflow: hidden;
    float: left;
    cursor: pointer
}

.grid-gallery figure img {
    display: block;
    width: 100%;
    opacity: 1
}

.grid-gallery figcaption h3 {
    margin: 0;
    padding: 0 0 .5em
}

.grid-wrap {
    padding: 0
}

.grid-gallery .grid li {
    width: 32.7%
}

.grid-gallery .grid figure {
    padding: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.grid-gallery .grid figcaption {
    background: #e4e4e4;
    padding: 25px
}

.grid-gallery .slideshow {
    position: fixed;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transition: opacity .5s,visibility 0s .5s;
    transition: opacity .5s,visibility 0s .5s
}

.grid-gallery .slideshow-open .slideshow {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.grid-gallery .slideshow ul {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,150px);
    transform: translate3d(0,0,150px);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.grid-gallery .slideshow ul.animatable li {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.grid-gallery .slideshow-open .slideshow ul {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.grid-gallery .slideshow li {
    width: 31%
}

.grid-gallery .slideshow li.show,.smartsoft-phone.smartsoft-show {
    visibility: visible
}

.grid-gallery .slideshow li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.8);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.hotcty p,.hotlinetop,.navtop .mnc1 a.litrangchu,.toplogo {
    background-repeat: no-repeat
}

.grid-gallery .slideshow li.current:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s,visibility 0s .3s;
    transition: opacity .3s,visibility 0s .3s
}

.grid-gallery .slideshow figure {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 50px solid #fff;
    overflow: hidden
}

.grid-gallery .slideshow figcaption {
    padding-bottom: 20px
}

.grid-gallery .slideshow figcaption h3 {
    font-weight: 300;
    font-size: 200%
}

.grid-gallery .slideshow nav span {
    position: fixed;
    z-index: 1000;
    color: #59656c;
    text-align: center;
    padding: 3%;
    cursor: pointer;
    font-size: 2.2em
}

.grid-gallery .slideshow nav span.nav-next,.grid-gallery .slideshow nav span.nav-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.grid-gallery .slideshow nav span.nav-close {
    top: 0;
    right: 0;
    padding: .5em 1em;
    color: #31373a
}

@-webkit-keyframes RotateNew1 {
    0% {
        -webkit-transform: rotate(-70deg) scale(1);
        opacity: 1
    }

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

@keyframes RotateNew1 {
    0% {
        -webkit-transform: rotate(-70deg) scale(1);
        opacity: 1
    }

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

@-webkit-keyframes Heightimg {
    0% {
        margin-top: -100%;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes Heightimg {
    0% {
        margin-top: -100%;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes Che {
    0% {
        top: 0;
        opacity: 1
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

@keyframes Che {
    0% {
        top: 0;
        opacity: 1
    }

    100% {
        top: 100%;
        opacity: 1
    }
}

@-webkit-keyframes Zoomanh {
    0% {
        opacity: 1;
        transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        -moz-transform: scale(1.5,1.5);
        -o-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1)
    }
}

@keyframes Zoomanh {
    0% {
        opacity: 1;
        transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        -moz-transform: scale(1.5,1.5);
        -o-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1)
    }
}

@-webkit-keyframes Zoomanh1 {
    0% {
        opacity: 0;
        transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        -moz-transform: scale(1.5,1.5);
        -o-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1)
    }
}

@keyframes Zoomanh1 {
    0% {
        opacity: 0;
        transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        -moz-transform: scale(1.5,1.5);
        -o-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1)
    }
}
/* 1. Ép slide đầu tiên hiển thị ngay lập tức */
.sliderbanner .swiper-slide:first-child {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1;
}

/* 2. Giữ khung hình cố định để trình duyệt không phải tính toán lại (Layout Shift) */
.sliderbanner {
    height: auto;
    background: #f0f0f0;
}

/* 3. Đảm bảo ảnh chiếm trọn khung hình ngay lập tức */
.sliderbanner .fill {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.banner,.header,.positamtinh {
    width: 100%;
    float: left;
    position: relative
}

.top {
    width: 100%;
    float: left;
    background-color: #ed1b24;
    height: 124px;
    position: relative
}

.navfull .allbody {
    overflow: inherit;
    height: 100%;
    z-index: 3333
}

.allabouts,.allchinh,.anhgt,.giasp,.hinhanhsp,.hinhanhsp a,.img2tin,.img4tin,.imgnb,.imgshownew,.imgtin,.imquytrinh,.info,.listHinhAnh li .listImg,.listHinhAnh li h4 a,.mnspc2,.mota-sp,.motamn h5,.nav-container li,.navtop .menuconc2.menuconspc2,.pix_diapo,.sanpham,.sanpham.notsp,.slidedt,.slidetop,.sloganmain li,.ten2tin,.tennb a,.tensp,.tensp a,.tentin a,.tomtatqt,.tomtattin,.tomtattinnew {
    overflow: hidden
}

.navfull .menuconc2.menuconspc2 .allbody {
    overflow: hidden;
    position: relative;
    transition: .5s;
    margin-top: 100px;
    opacity: 0
}

.navfull .navtop .mnc1.mnsp:hover .menuconc2.menuconspc2 .allbody {
    margin-top: 0;
    opacity: 1
}

.toplogo {
    width: 100%;
    float: left;
    height: 128px;
    background-image: url('/Design/bg_head.png');
    position: relative
}

.hotlinetop {
    float: right;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background-image: url('/Design/icon_call.png');
    padding-left: 22px;
    margin-top: 10px
}

.btntim,.hotcty p,.slogan h2,.slogan h4,.slogangt,.tencty {
    font-weight: 700
}

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

.menutop {
    float: right;
    margin-left: 20px;
    margin-right: 20px
}

.menutop ul {
    padding: 0;
    margin: auto;
    float: left
}

.menutop ul li {
    float: left
}

.menutop li a {
    font-size: 12px;
    color: #b2b2b2;
    padding: 8px 10px;
    float: left;
    text-transform: capitalize
}

.menutop img {
    float: left;
    margin-top: 1px;
    margin-right: 3px
}

.menutop p {
    float: left;
    margin: auto;
    color: #606060
}

.chitiettsss,.hotcty p,.luuyvay strong,.menutop li:hover p,.showthongtintl strong {
    color: #018bd3
}

.sdttop:after {
    content: '-';
    margin-left: 5px;
    margin-right: 5px
}

.header-top {
    display: flex;
    justify-content: right;
    align-items: center
}

.logo-left:before {
    content: "";
    width: 1000vh;
    right: 0;
    top: 0;
    background: #fff;
    position: absolute;
    height: 123%
}

.logo-left:after {
    position: absolute;
    background-image: url("../../Design/logo-left-top.png");
    content: "";
    height: 153px;
    width: 112%;
    top: -12px;
    left: 170px;
    background-color: #fffF;
    clip-path: polygon(100% 0,100% -58%,16% 100%,0 100%,0 0)
}

.logo-left {
    opacity: 0;
    animation: 1s ease-out forwards fadeIn;
    position: relative;
    transform: translateY(9px);
    background: #fff
}

.slidetop:nth-child(2),.slogansmall {
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(9)
    }
}

.logo-left: before {
    content: "";
    position: absolute;
    width: 118%;
    height: 100%;
    left: 0;
    top: 0;
    background: red
}

.header-top-e {
    display: flex;
    justify-content: space-between;
    height: 94px
}

.logo {
    position: relative;
    margin-left: 0;
    padding: 0
}

.allslidetop,.photosmnh,.slidetop img,.slogansmall {
    position: absolute
}

.navfull.fix .logo {
    width: 100px
}

.logo img {
    width: 100%;
    height: 100%;
    margin: auto!important
}

.hotcty,.hotcty p {
    text-align: right;
    height: 23px
}

.slogan {
    float: left;
    margin-top: 7px;
    margin-left: -38px
}

.tencty {
    display: block;
    color: #fff;
    font-size: 23px;
    padding-left: 74px
}

.hotcty {
    display: block;
    background-color: #fff
}

.hotcty p {
    margin: 1px auto auto;
    font-size: 17px;
    padding: 0 10px 0 0;
    display: inline-block
}

.costmn,.label-search,.logogt,.motamn h3,.motamn h5,.slogangt,.titgt {
    text-align: center
}

.hotcty img {
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    height: 14px
}

.slogan h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 28px;
    font-family: unisan;
    margin: auto
}

.slogan h4 {
    width: 100%;
    float: left;
    margin: auto;
    color: #1f1f1f;
    font-size: 16px;
    text-transform: uppercase;
    font-family: atenalight
}

.motamn h3,.slogansmall h4 {
    font-size: 22px;
    text-transform: uppercase
}

.slogansmall {
    float: left;
    margin-left: 44px;
    margin-top: 31px;
    z-index: 9;
    right: 15%;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.slidetop:nth-child(2),.slidetop:nth-child(4) {
    margin-top: 10px;
    -webkit-animation-name: flipInX;
    -webkit-animation-duration: 2s
}

.slogansmall h4 {
    font-family: utavob;
    color: #fff;
    margin: auto;
    text-shadow: 2px 0 0 #0b4db2,-2px 0 0 #0b4db2,0 2px 0 #0b4db2,0 -2px 0 #0b4db2,1px 1px #0b4db2,-1px -1px 0 #0b4db2,1px -1px 0 #0b4db2,-1px 1px 0 #0b4db2
}

.allslidetop {
    right: 20px;
    top: 3px;
    z-index: 1
}

.slidetop {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 5px solid #fff;
    float: left;
    position: relative
}

.slidetop img {
    width: 100%;
    height: 100%;
    float: left;
    left: 0;
    top: 0
}

.callbot a,.relatitop {
    float: left;
    position: relative
}

.slidetop:nth-child(2) {
    z-index: 1;
    margin-right: -15px;
    animation-name: flipInX;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.slidetop:nth-child(4),.slidetop:nth-child(6) {
    -webkit-animation-fill-mode: forwards;
    opacity: 0
}

.slidetop:nth-child(4) {
    z-index: 3;
    float: right;
    margin-left: -15px;
    animation-name: flipInX;
    animation-duration: 2s;
    animation-delay: .2s;
    animation-fill-mode: forwards
}

.slidetop:nth-child(6) {
    z-index: 4;
    margin-left: 0;
    width: 110px;
    height: 110px;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .4s;
    animation-fill-mode: forwards
}

.navfull {
    position: relative;
    background-color: #fcfdff;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 9px 6px rgb(37 57 61 / 5%);
    transition: none
}

.navfull.fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 40px
}

.navfull.fix .navtop .mnc1 a {
    padding: 10px 24px 9px
}

.navfull.fix .navtop .mnc1 {
    background-position: left center;
    background-size: auto 40%
}

.farmenu .mnc1:first-child {
    padding: 0;
    text-align: left
}

header.fixed .farmenu {
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
    width: 100%
}

.farmenu,.footercenter {
    justify-content: space-between
}

.farmenu {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 67%
}

.label-search {
    color: var(--default-color-2);
    font-size: 18px;
    width: 55px;
    height: 100%;
    display: flex;
    justify-content: right;
    align-items: center
}

.navtop .mnc1.mnsp {
    position: initial
}

.menuconc2 {
    opacity: 0!important;
    visibility: hidden!important;
    transform: translateY(-7px)!important;
    transition: opacity .5s,transform .5s,visibility 0s linear .5s!important;
    /* position: absolute!important; */
    top: 100%!important;
    left: 0!important;
    z-index: 10!important;
    background: #fff!important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15)!important;
    pointer-events: none!important;
}

#Slideshow .caption .child,.smartsoft-phone,.swiper-slide-invisible-blank {
    visibility: hidden
}

.smartsoft-ph-circle,.smartsoft-ph-circle-fill,.smartsoft-ph-img-circle {
    transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0
}

.mnsnew,.mnspc2,.photosmn {
    position: relative
}

.mnc1.show-menu>.menuconc2 {
    opacity: 1!important;
    visibility: visible!important;
    transform: translateY(0)!important;
    transition-delay: 0s!important;
    pointer-events: auto!important
}

.mnc1a svg path {
    fill: #888989
}

.navtop .mnc1 a.mnc1a {
    color: #0c0c0c;
    float: left;
    padding: 17px 0;
    font-size: 17px;
    transition: .5s;
    border-radius: 4px;
    font-family: interM;
    text-transform: uppercase
}
.mnc1.have {
    position: relative;
}

.menuconc2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 250px;
    z-index: 999;
}

.mnc1.have:hover .menuconc2 {
    display: block;
    pointer-events: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
}
header.fixed .navtop .mnc1 a.mnc1a {
    padding: 14px 0;
    transition: none!important
}

.navtop .mnc1:first-child a,.thongtinright.thongtinpknew .lispnew.likm.limota p,.tittle h3.titnone,header.fixed .navtop .mnc1:first-child a {
    padding-left: 0
}

.navtop .mnc1:nth-child(6) a,header.fixed .navtop .mnc1:nth-child(6) a,header.fixed .navtop .mnc1:nth-child(8) a {
    padding-right: 0
}

.navtop .mnc1:nth-child(7) a {
    padding-right: 0;
    display: none
}

.navtop .mnc1 a.litrangchu {
    margin: 20px auto auto;
    background-image: url('/Design/nav_home.png');
    background-position: center center;
    padding: 17px 22px;
    float: left
}

.navtop {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    transition: none
}

.btntim,.costmn,.mnsnew:before,.motamn,.motamn h5,.photosmnh {
    transition: .5s
}

.navtop .mnc1 a:after {
    width: 6px;
    height: 6px;
    content: '';
    background-image: url('/Design/after_li.png');
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    z-index: 9
}

.mnsnew {
    width: 100%;
    float: left;
    height: 100%
}

.mnspc2 {
    width: 32%;
    float: left;
    height: 295px;
    margin-bottom: 22px;
    margin-left: 2%;
    border-radius: 0
}

.mnspc2 img,.photosmn {
    height: 100%;
    float: left
}

.mnspc2 img {
    width: auto;
    min-width: 100%
}

.photosmn {
    width: 100%;
    z-index: 1
}

.photosmnh {
    width: 100%;
    float: left;
    z-index: 98;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0
}

.mnsnew:before,.mnspc2a {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0
}

.mnspc2:hover .motamn {
    background: 0 0;
    margin-bottom: 7px
}

.mnspc2a {
    width: 100%;
    float: left
}

.motamn {
    float: left;
    width: 100%;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.7);
    padding: 10px 0
}

.motamn h3 {
    float: left;
    width: 100%;
    margin: auto auto 5px;
    color: #fff
}

.motamn h5 {
    float: left;
    width: 90%;
    margin: auto;
    font-size: 15px;
    color: #fff;
    padding: 0 5%
}

.costmn {
    width: 100%;
    float: left;
    background-color: rgba(1,139,211,.8);
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    margin-bottom: -100px
}

.btntim,.nextbn {
    float: right
}

.mnsnew:before {
    content: "";
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
    opacity: 0
}

.btntim {
    background: center center no-repeat #ebebeb;
    border: none;
    border-left: none;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    outline: 0;
    width: 100px;
    height: 48px;
    color: #323232
}

.gioithieu,.them a,.xemct a,.xemctgt a {
    background-repeat: no-repeat
}

#Slideshow .next,.nextbn {
    background-image: url('/Design/diapo/pnext.png')
}

.btntim:hover {
    background-color: #81cc21;
    color: #fff
}

.banner .slidenbn {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative
}

.banner .slidenbn li {
    padding: 0;
    margin: auto
}

.customNavigation.cusbanner {
    top: calc((100% - 40px)/ 2);
    width: 98%;
    margin-left: 1%;
    height: 0;
    z-index: 1
}

.customNavigation.cusbanner a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer
}

.prevbn {
    float: left;
    background-image: url('/Design/diapo/pprew.png')
}

.popup-text {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #33333375;
    z-index: 99999999999;
    opacity: 0;
    transition: .3s;
    pointer-events: none
}

.allchinh {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column
}

.gioithieu {
    width: 100%;
    float: left;
    position: relative;
    background-position: center center;
    background-image: url('/Design/bg_gt.png');
    padding: 45px 0 65px;
    background-color: #fff;
    background-size: 100% auto
}

.tensp a:after,.tomtat:before,.topgiothieu {
    position: absolute;
    left: 0
}

.topgiothieu {
    width: 100%;
    height: 19px;
    z-index: 1000;
    bottom: 0;
    background-image: url('/Design/beforegt.png');
    background-size: 100% 100%
}

.allsanpham,.pix_diapo,.sanpham,.tensp {
    position: relative
}

.pix_diapo {
    height: 100%;
    z-index: 99;
    width: 100%
}

.logogt {
    margin: auto;
    display: block;
    width: 100%;
    opacity: 0
}

.slogangt {
    display: block;
    font-size: 23px;
    color: #949494;
    text-transform: uppercase;
    margin-bottom: 15px
}

.slogangt.slolefttl {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px
}

#tabts,.c-tabs-nav.ctabmau,.slideshow.slidtheloai img {
    width: 100%;
    float: left;
    margin: auto
}

.activefix .logogt {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.giatl p,.logogt img {
    margin: auto;
    display: block
}

.titgt h2,.titgt h3,.titgt h4,.xemctgt a {
    display: inline-block
}

.img-cotact-p {
    padding: 16px 116px;
}

.list-brand {
    display: flex;
    justify-content: center;
    gap: 74px;
}

.titgt,.titgt1,.titgt2 {
    width: 100%;
    display: block;
    padding-top: 10px;
    font-family: gb;
    color: var(--default-color-2);
    font-weight: 700;
    text-transform: uppercase
}

.home-contact {
    background: url('/Design/home-product.png') no-repeat
}

.titgt {
    margin: auto auto 10px;
    font-size: 32px
}

.titgt2 {
    margin: 4px auto 34px;
    text-align: left;
    font-size: 26px
}

.titgt1 {
    margin: 34px auto 52px;
    text-align: center;
    font-size: 32px
}

.tomtat,.xemctgt {
    color: #353535;
    text-align: left
}

.titgt h2 {
    margin: auto;
    font-size: 27px;
    color: #ee0a0a;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
}

.titgt h3,.tomtat {
    width: 100%;
    font-weight: 400
}

.titgt h3 {
    margin: auto auto auto 0;
    font-size: 24px;
    color: #ee0a0a;
    font-family: atenalight
}

.titgt h4 {
    width: 76px;
    height: 3px;
    background-color: #353535;
    margin: auto
}

.notsp li,.notsp li a,.notsp li img,.notsp ul {
    float: left;
    height: 100%
}

.activefix .titgt,.activefix .tittinnew h3 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix .centerqt,.activefix .squy:first-child,.activefix .tomtat {
    animation-delay: .4s
}

.activefix .tomtat {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.activefix .tittinnew h5,.activefix.gioithieu .xemctgt {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix .centerqt,.activefix .squy {
    -webkit-animation-fill-mode: forwards;
    opacity: 0
}

.tomtat {
    margin: auto;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    padding-top: 7px;
    display: none
}

.tenqt,.tensp a,.tittin h2,.tt2tin a {
    font-weight: 700
}

.tensp,.xemctgt {
    display: block;
    width: 100%
}

.tomtat:before {
    float: left;
    top: 5px
}

.xemctgt {
    margin-top: 20px;
    font-size: 17px
}

.btn-navbar span.icon-bar,.hinhanhsp,.squy:first-child,.squy:nth-child(2),.sscrolll:first-child,.ttctynew:first-child {
    margin-top: 0
}

.xemctgt a {
    font-size: 12px;
    color: #0b4db2;
    padding: 12px 28px 12px 18px;
    background-image: url('/Design/xct_icon.png');
    background-position: 88% 16px;
    border-radius: 4px;
    text-transform: uppercase
}

.xemctgt a:hover {
    background-color: #0b4db2;
    color: #fff;
    background-image: url('/Design/xcth_icon.png')
}

.allsanpham {
    width: 100%;
    float: left;
    padding: 0;
    z-index: 2
}

.sanpham {
    width: 100%;
    transition: .5s;
    margin: 0;
    float: left;
    z-index: 1;
    background: #fff;
    box-shadow: 2px 7px 16px rgb(144 144 144 / 24%);
    background: rgb(255 255 255 / 70%);
    border-radius: 8px
}

.sanpham:hover,.tensp {
    z-index: 2
}

.allabouts,.tintuc {
    box-shadow: 1px 1px 9px rgb(145 145 145 / 16%)
}

.sanpham.sanphampk.sppknew:nth-child(n+1) {
    width: 23%;
    margin-left: 0;
    padding: 10px 1%
}

.sanpham.notsp {
    width: 23%;
    height: 341px
}

.notsp ul {
    width: 100%;
    padding: 0;
    margin: auto
}

.notsp li,.notsp li a {
    width: 100%
}

.notsp li img {
    min-width: 100%;
    width: auto
}

.sanpham.notsp:hover,.sanphampk:hover {
    outline: 0
}

.showsp.showspcon .sanpham {
    outline: #eeeeee solid 1px;
    margin-bottom: 1px
}

.showsp.showspcon .sanpham:hover {
    outline: #fed700 solid 1px
}

.GuiYkien .txt50+.txt50,.coppy.thietke,.custl .spnext,.rightdm,.sanpham2,.squy:nth-child(2n+2),.squy:nth-child(2n+2) .leftqt,.squy:nth-child(2n+2) .ttquytrinh,.squy:nth-child(odd) .tomtatqt,.tin2:nth-child(2),.xemtatca {
    float: right
}

.tensp {
    margin-bottom: 13px
}

.hinhanhsp,.squy,.thongtinsp,.ttgh {
    position: relative;
    z-index: 1
}

.tensp a {
    text-align: left;
    font-size: 17px;
    color: #000;
    padding: 0;
    text-transform: uppercase;
    font-family: interR;
    margin-left: 14px;
    position: relative;
    display: -webkit-box
}

.tensp a:after {
    content: "";
    width: 100%;
    height: 1px;
    bottom: -7px;
    border-top: 1px dashed #7d7c7c;
    z-index: 99999999
}

.hinhanhsp {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    margin-bottom: 0
}

.hinhanhsp a {
    width: 100%;
    text-align: center;
    display: block
}

.sanpham .hinhanhsp img {
    text-align: center;
    transition: .5s;
    min-width: 100%;
    width: 100%
}

.mota-sp {
    text-align: left;
    color: #7f7f7f;
    font-size: 14px;
    margin: 0 12px 13px;
    font-family: gm;
    display: -webkit-box
}

.sttqt,.tomtatsp {
    font-family: atenalight;
    text-align: center
}

.thongtinsp {
    width: 100%;
    padding: 4px 0;
    float: left;
    display: block;
    text-align: center
}

.tomtatsp {
    width: 90%;
    display: block;
    margin: auto;
    padding-top: 20px;
    font-size: 16px;
    color: #4c4c4c;
    opacity: 0
}

.ttgh {
    width: 90%;
    padding: 0 5% 10px;
    display: flex;
    height: 33px;
    float: left
}

.them,.xemct {
    display: inline-block;
    margin: auto
}

.them {
    width: 78%
}

.them a {
    display: block;
    font-size: 13px;
    color: #81cc21;
    border: 1px solid #81cc21;
    border-radius: 3px;
    padding: 7px 2% 7px 24px;
    background-image: url('/Design/sp_cart.png');
    background-position: 5px 7px
}

.xemct {
    width: 19%
}

.luotxemtin,.ten2tin,.ten4tin a,.xemct a,.xemtatcatin a {
    display: block
}

.them a:hover {
    background-color: #81cc21;
    color: #fff;
    background-image: url('/Design/sp_carth.png')
}

.xemct a {
    background-image: url(/Design/sp_tim.png);
    height: 30px;
    border: 1px solid #ed1b24;
    background-position: center;
    background-size: auto;
    border-radius: 3px
}

.luotxemtin,.rightvs li,.ttctynew {
    background-repeat: no-repeat;
    background-position: left
}

.allquytrinh,.nav-container li,.shareft a {
    background-size: 100% 100%
}

.xemct a:hover {
    border-color: #ed1b24;
    background-image: url('/Design/sp_timh.png');
    background-color: #ed1b24
}

.all5sp,.allsosanh tr:nth-child(odd),.backwhite,.bgwhite,.fancybox-type-iframe .fancybox-inner,.leftqt,.showctbl,.sttqt {
    background-color: #fff
}

.showctbl {
    width: 96%;
    height: 100%;
    padding: 10px 2%
}

.showctbl * {
    font-family: atenalight!important;
    max-width: 100%
}

.lbthongtinnganhang *,.showctbl table,.showctbv *,.showctbv img,.showctbv table,.showthongso * {
    max-width: 100%!important
}

.showctbl img {
    width: 100%!important;
    height: auto!important
}

.showctbl table {
    width: 99%!important
}

.aqt,.formGuiYkien {
    width: 100%;
    display: block;
    float: left
}

.squy {
    width: 50%;
    float: left;
    margin-top: 30px
}

.leftqt {
    width: 87.2%;
    float: left;
    padding: 14px 3%;
    border-radius: 90px;
    border-bottom: 1px solid #e5e5e5
}

.imquytrinh {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    border: 1px solid #0b4db2;
    float: right
}

.imquytrinh img {
    height: 100%;
    float: left;
    width: auto;
    min-width: 100%
}

.sttqt {
    font-size: 15px;
    color: #4d4d4d;
    border: 1px solid #b4b4b4;
    width: 28px;
    height: 20px;
    float: right;
    padding: 4px 0;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: 30%;
    z-index: 12
}

.tenqt,.tomtatqt {
    text-align: right;
    font-family: atenalight
}

.squy:nth-child(2n+2) .sttqt {
    right: inherit;
    left: -15px;
    top: 55%;
    float: left
}

.allquytrinh {
    width: 100%;
    background-color: #f9f9f9;
    background-image: url('/Design/bg_quytrinhn.png');
    float: left;
    padding: 80px 0 70px;
    margin-top: -30px;
    z-index: 1;
    position: relative
}

.centerqt {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 6px;
    height: 100%;
    background-color: #0b4db2;
    left: 0;
    border-radius: 20px;
    margin: auto;
    right: 0
}

.activefix .centerqt,.activefix .squy {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: forwards
}

.activefix .rightvs li,.activefix .titvs,.activefix .vs {
    -webkit-animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards
}

.activefix .squy:nth-child(2),.activefix .tin2:nth-child(2),.activefix .titvs,.activefix .vs:nth-child(2) {
    animation-delay: .6s
}

.activefix .rightvs li:first-child,.activefix .squy:nth-child(3),.activefix .tin4:first-child,.activefix .tintuc:first-child {
    animation-delay: .8s
}

.activefix .rightvs li:nth-child(2),.activefix .squy:nth-child(4),.activefix .tin4:nth-child(2),.activefix .tintuc:nth-child(2),.activefix .vs:nth-child(3) {
    animation-delay: 1s
}

.activefix .rightvs li:nth-child(3),.activefix .squy:nth-child(5),.activefix .tin4:nth-child(3),.activefix .tintuc:nth-child(3) {
    animation-delay: 1.2s
}

.activefix .rightvs li:nth-child(4),.activefix .squy:nth-child(6),.activefix .tin4:nth-child(4),.activefix .tintuc:nth-child(4) {
    animation-delay: 1.4s
}

.quytrinh {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 50px
}

.ttquytrinh {
    width: 66%;
    float: left;
    margin-top: 20px
}

.tenqt {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #0b4db2;
    text-transform: uppercase;
    margin-bottom: 15px
}

.libanggia.titnewbg .pnbg,.squy:nth-child(2n+2) .tenqt,.squy:nth-child(2n+2) .tomtatqt {
    text-align: left
}

.tomtatqt {
    width: 93%;
    float: left;
    font-size: 14px;
    color: #545454;
    height: 54px
}

.lkquytrinh {
    width: 36px;
    height: 27px;
    background-image: url('/Design/before_quytrinh.png');
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 34%
}

.leftvs,.visao {
    float: left;
    position: relative
}

.squy:nth-child(2n+2) .lkquytrinh {
    right: inherit;
    left: 0;
    top: 53%
}

.visao {
    width: 100%;
    margin: -20px auto auto;
    background-image: url('/Design/bg_visao.png');
    background-repeat: no-repeat;
    z-index: 3;
    height: 418px
}

.leftvs {
    width: 30%;
    margin-top: 57px;
    height: 100%
}

.rightvs {
    width: 63%;
    float: right;
    padding: 70px 0
}

.titvs {
    font-size: 30px;
    color: #0b4db2;
    text-transform: uppercase;
    font-family: atenalight;
    text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    margin-bottom: 5px;
    opacity: 0
}

.vs {
    position: absolute;
    z-index: 3;
    width: 176px;
    opacity: 0
}

.allabouts,.allshowgioithieu,.footertop,.imgtin,.sscrollc,.sscrolll {
    position: relative
}

.activefix .rightvs li,.activefix .vs {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

.activefix .vs:first-child {
    animation-delay: 0s
}

.activefix .titvs {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: forwards
}

.activefix .rightvs li:nth-child(5) {
    animation-delay: 1.6s
}

.activefix .rightvs li:nth-child(6) {
    animation-delay: 1.8s
}

.vs:first-child {
    left: 30px;
    top: 0
}

.vs:nth-child(2) {
    left: 151px;
    top: 101px
}

.vs:nth-child(3) {
    left: 0;
    top: 155px
}

.rightvs li {
    color: #fff;
    font-size: 20px;
    font-family: atenalight;
    width: 96%;
    float: left;
    padding-left: 4%;
    background-image: url('/Design/icon_like.png');
    margin-top: 14px;
    opacity: 0
}

.rightvs ul {
    padding: 0;
    margin: auto;
    float: left;
    width: 100%
}

.alltinnoibat {
    width: 100%;
    float: left;
    background-color: #f9f9f9;
    padding: 60px 0
}

.showtinleft {
    width: 63%;
    float: left
}

.showtinright {
    width: 35%;
    float: right
}

.tin2 {
    width: 48.5%;
    float: left
}

.img2tin {
    width: 100%;
    height: 200px
}

.tin2 .img2tin img {
    width: auto;
    height: 100%;
    min-width: 100%
}

.tittin h3:after,.tittin h3:before {
    height: 1px;
    display: inline-block;
    background-image: url('/Design/tittt.png');
    width: 20px;
    margin-bottom: 5px;
    content: ''
}

.tt2tin {
    border: 1px solid #d8d8d8;
    border-top: none;
    padding: 15px 10px
}

.ten2tin {
    width: 100%;
    height: 46px;
    margin-bottom: 10px
}

.tt2tin a {
    color: #ee0a0a;
    font-family: atenalight;
    font-size: 18px
}

.tt2tin a:hover {
    color: #000
}

.luotxemtin {
    background-image: url('/Design/icon_xem.png');
    padding-left: 20px;
    font-family: atenalight;
    color: #a6a6a6;
    font-size: 12px
}

.tomtattin {
    width: 100%;
    text-align: left;
    font-family: atenalight;
    font-size: 14px;
    color: #3a3a3a;
    margin-top: 10px;
    height: 60px;
    line-height: 20px
}

.tittin {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.activefix .tittin h2 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.activefix .tittin h3,.c-tab.is-active .showanhn,.c-tab.is-active .showctbv {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.activefix .xemtatcatin {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.tittin h2 {
    font-family: atenalight;
    font-size: 28px;
    color: #0b4db2;
    text-transform: uppercase;
    text-align: center;
    margin: auto auto 5px
}

.tittin h3 {
    font-family: atenalight;
    font-size: 15px;
    color: #f2dd18;
    text-transform: uppercase;
    text-align: center;
    margin: auto
}

.tittin h3:before {
    padding-right: 0;
    margin-right: 5px
}

.tittin h3:after {
    padding-left: 0;
    margin-left: 5px
}

.textmin,.tin4 {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.img4tin {
    width: 27%;
    float: left;
    height: 80px
}

.tt4tin {
    width: 70%;
    float: right
}

.ten4tin {
    width: 100%;
    margin-bottom: 5px
}

.ten4tin a {
    font-family: atenalight;
    font-size: 14px;
    color: #3a3a3a;
    text-align: justify;
    width: 100%
}

.ten4tin a:hover,.ttctynew.dccty p:first-child span {
    color: #ee0a0a
}

.listHinhAnh li .listImg img,.tin4 .img4tin img {
    width: auto;
    height: 100%;
    float: left;
    min-width: 100%
}

.xemtatcatin {
    width: 100%;
    float: left;
    opacity: 0
}

.xemtatcatin a {
    border: 1px solid #f2dd18;
    text-align: center;
    font-size: 14px;
    color: #0b4db2;
    text-transform: uppercase;
    padding: 12px 0 9px;
    background-color: #fff;
    transition: .5s
}

.xemtatcatin a:hover {
    background-color: #f2dd18;
    color: #fff
}

.footer {
    width: 100%;
    float: left;
    margin: auto;
    background-color: #fff
}

.footercenter {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 52px
}

.logoft {
    float: left;
    margin-top: 8px;
    margin-bottom: 8px
}

.menuft {
    float: left;
    margin-left: 3%;
    margin-top: 40px
}

.menuft a {
    float: left;
    color: #3e3e3e;
    font-size: 14px;
    padding: 6px 14px;
    text-transform: uppercase;
    border-radius: 4px
}

.menuft a:hover {
    color: #fff;
    background-color: #ed1b24
}

.logoft h4,.ttctynew p:first-child {
    font-family: atenalight;
    font-size: 15px;
    color: #ee0a0a
}

.shareft {
    float: right;
    margin-top: 32px
}

.shareft a {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #c1c0c0;
    border: 1px solid #c1c0c0;
    border-radius: 50%;
    margin-left: 5px
}

.shareft a.fb {
    background-image: url('/Design/s_fb.png')
}

.shareft a.tw {
    background-image: url('/Design/s_tw.png')
}

.shareft a.gg {
    background-image: url('/Design/s_gg.png')
}

.shareft a.yt {
    background-image: url('/Design/s_yt.png')
}

.shareft a:hover {
    background-color: #81cc21;
    border: 1px solid #81cc21
}

.footertop {
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 30px;
    z-index: 2
}

.allfttop,.hotrodm:last-child {
    padding-bottom: 0
}

.allfttop {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ed1b24
}

.logoft h4 {
    text-transform: uppercase;
    font-weight: 700;
    margin: 1px auto auto 10px;
    width: 225px;
    float: left
}

.logoft h2,.titftnew h3 {
    font-size: 23px;
    float: left;
    text-transform: uppercase;
    font-weight: 700
}

.logoft h2 {
    color: #feffff;
    font-family: atenalight;
    margin: auto auto auto 10px
}

.ttfooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 30%;
    white-space: nowrap
}

.ttctynew {
    width: 90%;
    float: left;
    margin-top: 15px;
    padding-left: 10%;
    padding-top: 1px;
    margin-bottom: 7px
}

.ttctynew p {
    width: 100%;
    margin: auto;
    float: left
}

.ttctynew p:first-child {
    text-transform: uppercase;
    text-transform: uppercase;
    margin-top: 1px
}

.ttctynew p:last-child,.ttctynew.dccty p:first-child {
    font-family: atenalight;
    font-size: 15px;
    color: #fff
}

.ttctynew.dccty p:first-child {
    text-transform: inherit
}

.dccty {
    background-image: url('/Design/ft_diachi.png')
}

.dtcty {
    background-image: url('/Design/ft_dienthoai.png')
}

.emailcty {
    background-image: url('/Design/ft_email.png')
}

.webcty {
    background-image: url('/Design/ft_website.png')
}

.menu-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 27px
}

.footer-abouts,.footer-service {
    grid-auto-rows: minmax(min-content,max-content);
    display: grid
}

.footer-abouts {
    font-family: interM;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 38px;
    row-gap: 1px;
    white-space: nowrap
}

.footer-service {
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 0;
    row-gap: 0
}

.home-pro,.showcatagory,.showcatagory1,.showsp {
    grid-auto-rows: minmax(min-content,max-content);
    column-gap: 20px;
    row-gap: 20px
}

.titftnew {
    width: 100%;
    font-size: 18px;
    font-family: manB;
    color: var(--default-color-2);
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600
}

.titftnew h3 {
    color: #018bd3;
    font-family: atenalight;
    margin: auto;
    width: 100%
}

.titftnew h4 {
    width: 40px;
    height: 2px;
    background-color: #018bd3;
    margin: 10px auto 25px;
    float: left
}

.titftnew h6 {
    font-size: 15px;
    text-transform: uppercase;
    color: #81cc21;
    width: 100%;
    margin: 25px auto;
    font-weight: 700
}

.titftnew h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #ed1b24;
    width: 100%;
    margin: auto;
    font-weight: 700
}

.menucenter a,.navtop .menuconc2 li.mnc2 a.mnc2a {
    text-transform: capitalize;
    text-transform: capitalize
}

.right-ft {
    width: 100%;
    margin-top: 5px
}

.menucenter a:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.menucenter a:before {
    content: '';
    position: absolute;
    top: calc(93%);
    width: 0;
    height: 1px;
    background-color: #3333336e;
    transition: .8s cubic-bezier(.3,1.5,.3,1);
    left: 0
}

.menucenter a {
    font-size: 16px;
    color: #FF;
    margin-bottom: 10px;
    transition: .5s;
    margin-left: 0;
    font-weight: 700;
    width: fit-content
}

.menucenter a:nth-child(n+1):hover {
    color: var(--default-color-2);
    text-decoration: underline
}

.demo-box:hover,.mnv-tuvan p a,.pxem a.axem {
    text-decoration: none
}

.mailft,.nvkd {
    width: 33%;
    float: right
}

.sloganmail {
    width: 100%;
    float: left;
    color: #3e3e3e;
    font-size: 14px;
    font-family: atenalight
}

.showthanhtoan,.textmail {
    width: 100%;
    float: left;
    margin-top: 15px
}

.textmail input:first-child {
    font-family: atenalight;
    font-weight: 700;
    font-size: 13px;
    float: left;
    background-color: #fff;
    padding: 10px;
    color: #018bd3;
    width: 76%;
    border-radius: 4px 0 0 4px;
    outline: 0;
    border: 1px solid #dedede;
    height: 16px
}

.textmail input:last-child {
    width: 42px;
    height: 38px;
    float: left;
    background: url('/Design/ft_guimail.png') center center #018bd3;
    border: 1px solid #018bd3;
    border-radius: 4px;
    cursor: pointer;
    border-left: none;
    outline: 0;
    margin-left: -2px
}

.textmail input::-webkit-input-placeholder {
    color: #676767
}

.textmail input::-moz-placeholder {
    color: #676767
}

.textmail input:-ms-input-placeholder {
    color: #676767
}

.textmail input:-moz-placeholder {
    color: #676767
}

.doitacft {
    width: 100%;
    float: left;
    padding: 0;
    margin: 20px 0
}

.slidedt {
    width: 100%;
    float: left;
    height: 87px;
    background: #fff;
    border: 1px solid #eae9e7;
    border-radius: 4px
}

.slidedt ul {
    padding: 0;
    width: 74%;
    float: left;
    height: 100%
}

.slidedt li {
    text-align: center;
    display: flex;
    height: 100%
}

.slidedt li a {
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex
}

.slidedt li img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    width: auto;
    height: auto
}

.GuiYkien th,.tennv,.tennv h3 {
    text-align: left
}

.slidedt .owl-item:last-child li {
    border-right: 1px solid #ececec
}

.botft {
    float: left;
    width: 100%;
    /* background-color: var(--default-color-2); */
}

.coppy {
    padding: 15px 0;
    font-size: 15px;
    font-family: manB
}

.coppy h3 {
    color: #f6f6f6;
    font-weight: 400;
    font-size: 14px;
    margin: 2px auto auto;
    float: left
}

.coppy a {
    font-weight: 700;
    margin: auto;
    /* color: #fff; */
}

.coppy.thietke h3 {
    border-left: 1px solid #fff;
    padding-left: 26px;
    margin-left: 10px;
    margin-right: 7px
}

.social-footer a {
    display: flex;
    width: 32px;
    height: 32px;
    border: 1px solid;
    color: #fff;
    opacity: .3;
    border-radius: 50%;
    margin: 0 5px
}

.truycap a,.truycap h3 {
    font-size: 16px;
    /* color: #f6f6f6; */
    font-weight: 400
}

.dctop i:before,.giapo,.hottop i:before,.right-mn img,.showmauxe #tabs,.social-footer i {
    margin: auto
}

.botft-container {
    display: flex;
    justify-content: space-between
}

.truycap {
    padding: 0 22px;
    background-image: url('/Design/icon_tong.png');
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    justify-content: center;
    align-items: center
}

.truycap h3 {
    margin: 0 5px auto auto;
    font-family: manB
}

.truycap a {
    margin: auto
}

.btn-top {
    opacity: 1;
    display: none!important
}

header.fixed .logo-mobile a {
    width: 100%!important;
    padding: 5px
}

header.fixed .logo-mobile canvas {
    width: 70%
}

header.fixed .logo-mobile img {
    margin: 0!important;
    width: 70%
}

.btn-top img {
    width: 100%;
    height: 100%;
    opacity: 1
}

.allshowgioithieu {
    width: 100%;
    float: left;
    padding: 30px 0
}

.allabouts {
    padding: 21px;
    background: #fff;
    margin: auto;
    border-radius: 10px;
    font-family: interM!important
}

.hotrodm,.nav-container li a:before,.titdm h3 {
    background-repeat: no-repeat
}

.nav-container li h3,.titnewgt {
    font-family: atenalight;
    font-weight: 700;
    text-transform: uppercase
}

.hienthi {
    width: 79%;
    float: left
}

.danhmuc,.danhmuc.dmbaiviet {
    width: 21%;
    float: left
}

.hienthi.htbaiviet {
    width: 77%;
    float: right
}
.logo-ft img{width: 54%;padding-top: 13px;}
.Khuyenmaindm,.anhgtnew,.img-car,.logo-ft a,.mndanhmuc li,.mndanhmuccon,.nav-container,.showspdanhmuc,.titdm {
    width: 100%;
    display: block
}

nav {
    width: 100%;
    display: block;
    margin: auto
}

.nav-container ul {
    padding: 0;
    margin: auto;
    width: 100%;
    display: block
}

.nav-container li {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 2px;
    background-image: url('/Design/nav_bg.png');
    background-color: #018bd3
}

.nav-container li a {
    width: 100%;
    display: block;
    position: relative;
    height: 100%
}

.nav-container li h3 {
    margin: auto;
    padding: 13px 0;
    width: 90%;
    display: block;
    font-size: 15px;
    color: #fff;
    padding-left: 10%
}

.nav-container li a.active h3,.nav-container li h3:hover {
    color: #fed700
}

.nav-container li a:before {
    content: '';
    width: 14px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('/Design/right_menuli.png');
    background-size: 100% 100%
}

.titnewgt {
    width: 100%;
    float: left;
    font-size: 22px;
    color: #0b4db2;
    border-bottom: 1px solid #0b4db2;
    margin-bottom: 19px;
    padding-bottom: 10px
}

.sscrollc,.sscrolll {
    width: 100%;
    float: left;
    margin-top: 30px
}

.mapgt {
    width: 100%;
    float: left;
    height: 500px
}

.showctbv {
    width: 100%;
    display: block;
    float: left;
    margin: auto
}

.fanpage .list-nav,.tinnoibat {
    margin-right: 0
}

.showctbv * {
    font-family: interR!important
}

.chucvu,.emailnv,.tennb a,.tennv h3,.tennv h4 {
    font-family: atenalight
}

.showctbv img {
    height: auto!important;
    opacity: 1!important
}

.showctbv table {
    width: 100%!important;
    margin: auto!important
}

.showctbv li {
    margin-left: 20px!important
}

.anhgt {
    float: left;
    width: 32.6%;
    margin-left: 1%;
    height: 160px;
    margin-bottom: 7px
}

.anhgt a,.sloganmain li a {
    width: 100%;
    float: left;
    height: 100%
}

.anhgt img {
    height: 100%;
    width: auto;
    float: left;
    min-width: 100%
}

.info {
    width: 100%;
    float: left;
    margin-top: 10px
}

.showdanhmuc {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.chucvu,.tennv {
    margin-bottom: 5px;
    display: block
}

.titdm h3 {
    margin: auto;
    color: #000;
    display: block;
    width: 100%;
    padding: 0 0 10px;
    background-position: 10px 15px;
    text-transform: uppercase;
    font-size: 19px
}

.chucvu,.emailnv,.tennv h3,.tinnoibat li:hover .tennb a {
    color: #0b4db2
}

.showhotrodm {
    width: 100%;
    display: block;
    margin-top: 15px
}

.hotrodm {
    border-top: 1px solid #e9ebee;
    width: 88%;
    display: block;
    padding: 12px 0;
    background-position: left 16px
}

.chucvu,.emailnv,.imgnb a,.tennv,.tinnoibat,.tinnoibat li {
    width: 100%
}

.hotrodm:first-child {
    border: none;
    padding-top: 0
}

.chucvu {
    font-size: 17px;
    font-weight: 700
}

.giasp,.saosp,.tentin,.tl-tin {
    text-align: center
}

.tennv h3 {
    margin: auto 5px auto auto;
    font-size: 16px;
    font-weight: 400;
    float: left
}

.tennv h4 {
    margin: auto;
    font-size: 15px;
    color: red;
    padding-top: 1px
}

.emailnv {
    display: block;
    font-size: 14px
}

.tinnoibat {
    display: block;
    border-radius: 0;
    background-color: #fff;
    border-top: none;
    float: right
}

.spantext,.views {
    margin-right: 10px
}

.tinnoibat ul {
    display: block;
    padding: 0;
    width: 100%;
    float: left
}

.tinnoibat li {
    display: inline-block;
    float: left;
    padding: 5px 0;
    height: 70px;
    margin-top: 0
}

.imgnb,.imgnb a {
    height: 100%;
    float: left
}

.gallery-thumbs-container .bx-wrapper,.google_map iframe,.libanggia:last-child,.liss:first-child,.menumk .menuconc2 li:first-child,.menumk .menuconc2 li:last-child a,.menumk .mnc1:last-child,.mndm1:first-child a,.navtop .menuconc2 li.mnc2:first-child,.tinnoibat li:first-child {
    border: none
}

.imgnb {
    width: 30%
}

.tennb {
    width: 67%;
    float: right
}

.tennb h3 {
    width: 100%;
    float: left;
    margin: 5px auto auto;
    font-weight: 400;
    font-size: 12px;
    color: #ee0b0b
}

.tennb a,.tentin a {
    font-weight: 700;
    color: #000
}

.tennb a {
    font-size: 13px;
    height: 58px
}

.imgnb img {
    width: auto;
    float: left;
    height: 100%;
    min-width: 100%
}

.showcatagory,.showcatagory1 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    padding: 0
}

.imgtin,.tentin,.tentin a,.thongtintin,.tl-tin {
    display: block
}

.tintuc {
    border-radius: 10px;
    background: #fff;
    font-family: gm
}

.tintuc:nth-child(n+4) {
    margin-top: 25px
}

.imgtin {
    width: 100%
}

.kmnewhot {
    position: absolute;
    right: 0;
    top: 3px;
    width: 43px;
    z-index: 99
}

.kmnewhot img {
    width: 100%!important;
    float: left;
    height: auto!important
}

.tintuc .imgtin img {
    width: 100%;
    height: auto;
    min-height: 100%;
    display: block;
    transition: .5s
}

.tintuc:hover .imgtin img {
    transform: scale(1.1);
    overflow: visible
}

.thongtintin {
    border-top: none;
    padding: 15px 0 20px;
    border-radius: 0
}

.tentin {
    width: 100%;
    border-bottom: 1px solid #b4b4b4;
    border-left: 3px solid var(--default-color-2);
    margin-top: 5px;
    position: relative
}

.hover,.menumk,.menumk .menuconc2,.menusp,.tentin:before {
    position: absolute
}

.tentin:before {
    content: "";
    width: 15px;
    height: 7px;
    background-image: url('/Design/tit-news-before.png');
    top: 100%;
    display: inline-block;
    left: calc((100% - 15px)/ 2)
}

.tl-tin {
    font-size: 11px;
    color: #999
}

.tentin a {
    font-size: 16px;
    padding: 0 5px;
    margin-bottom: 7px;
    margin-top: 4px;
    font-family: interSB
}

.height20 a {
    height: 20px
}

.height20 {
    margin-bottom: 0;
    padding-bottom: 0
}

.tomtattinnew {
    width: 100%;
    color: #555;
    margin-top: 18px;
    padding: 0 12px;
    align-items: center;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.GuiYkien .btn,.boxes,.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item,.giasp sup,.infoCompany p em,.menumk .mnc1 a img,.menumk .mnc1 a p {
    display: inline-block
}

.martop30 {
    margin-top: 30px
}

.tenbaivietnew,.ttbaivietnew {
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #010101
}

.tenbaivietnew {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.ttbaivietnew {
    font-family: atenalight;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400
}

.date,.views {
    font-family: interL;
    font-size: 13px;
    color: #afafaf;
    background-repeat: no-repeat;
    background-position: left
}

.date {
    background-image: url('/Design/icon_ngay.png');
    padding-left: 21px
}

.views {
    background-image: url('/Design/icon_luotxem.png');
    padding-left: 22px;
    margin-left: 13px
}

.GuiYkien .txt50,.left-content,.left-dutoan,.leftin {
    width: 49%;
    float: left
}

.GuiYkien,.title-promotion {
    width: 100%;
    float: left;
    color: var(--default-color-2)
}

.title-promotion {
    font-size: 20px
}

.formGuiYkien table tr {
    gap: 20px
}

.formGuiYkien table td {
    width: 50%;
    text-align: left
}

.giasp,.imgshownew,.slo {
    display: flex
}

.contact .left-content {
    width: 51%;
    float: left
}

.contact .right-content {
    width: 47%;
    float: right;
    color: var(--default-color-2)
}

.contact .infoCompany {
    margin: 0;
    line-height: 1.5;
    font-size: 19px;
    color: var(--default-color-2)
}

.GuiYkien h4,.infoCompany h3 {
    font-size: 31px;
    color: var(--default-color-2);
    margin: 0 0 10px;
    font-family: gsb;
    text-transform: uppercase
}

.infoCompany p {
    margin: 0;
    font-size: 15px;
    color: #3f3f3f;
    line-height: 2;
    font-family: segoe ui
}

.infoCompany p em {
    font-style: normal;
    position: relative;
    padding-left: 30px
}

.infoCompany p em:before {
    content: "\f041";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    border: 1px solid #de0017;
    width: 22px;
    border-radius: 100%;
    text-align: center;
    color: #de0017;
    line-height: 1.5;
    top: 3px
}

.infoCompany p em:nth-of-type(2),.infoCompany p em:nth-of-type(4) {
    width: 135px
}

.infoCompany p em:nth-of-type(3):before {
    content: "\f1ac"
}

.infoCompany p em:nth-of-type(4):before {
    content: "\f003"
}

.GuiYkien .txt {
    border: 1px solid var(--default-color-2);
    padding: 15px 2%;
    width: 100%;
    font-family: arial;
    font-size: 16px;
    outline: 0;
    color: var(--default-color-2);
    box-shadow: 1px 1px 5px rgb(38 43 48 / 50%);
    margin-bottom: 5px;
    border-radius: 3px
}

.input-capcha .tops {
    right: 13px
}

.GuiYkien th {
    font-weight: 400;
    color: var(--default-color-2)!important;
    font-size: 16px;
    padding-top: 10px;
    position: relative;
    width: 100%
}

.giasp h3,.sloganmain li h3 {
    font-family: atenalight;
    font-size: 16px;
    font-weight: 700
}

.GuiYkien .btn {
    border: none;
    padding: 11px 45px;
    color: #fff;
    background: var(--default-color-1);
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    border-radius: 3px
}

.GuiYkien .button,.GuiYkien .capcha {
    padding-top: 10px
}

.GuiYkien .btnRefresh {
    width: 35px;
    height: 35px;
    background: url(/Design/refresh.png) 0 0/100% 100%;
    border: 1px solid #0b4db2;
    cursor: pointer
}

.google_map {
    height: 484px;
    margin-top: 20px;
    float: left;
    width: 100%
}

.error,.spantext {
    margin-top: 5px;
    float: left
}

.textbox input::-webkit-input-placeholder {
    color: var(--default-color-2)
}

.textbox input::-moz-placeholder {
    color: var(--default-color-2)
}

.textbox input:-ms-input-placeholder {
    color: var(--default-color-2)
}

.textbox input:-moz-placeholder {
    color: var(--default-color-2)
}

.textbox textarea::-webkit-input-placeholder {
    color: var(--default-color-2)
}

.textbox textarea::-moz-placeholder {
    color: var(--default-color-2)
}

.textbox textarea:-ms-input-placeholder {
    color: var(--default-color-2)
}

.textbox textarea:-moz-placeholder {
    color: var(--default-color-2)
}

.listHinhAnh ul {
    padding: 0;
    float: left;
    width: 100%
}

.listHinhAnh li {
    width: 32.3%;
    float: left;
    margin-left: 1.5%;
    margin-bottom: 10px
}

.listHinhAnh li .listImg {
    width: 100%;
    display: block;
    float: left;
    height: 164px;
    position: relative
}

.hover {
    width: 50px;
    height: 50px;
    background-image: url('/Design/play.png');
    background-size: 100% 100%;
    left: 40%;
    top: 34%;
    opacity: .8
}

.listHinhAnh li h4 {
    margin: auto;
    width: 100%;
    float: left;
    padding: 5px 0
}

.listHinhAnh li h4 a {
    font-family: atenalight;
    font-size: 16px;
    color: #0b4db2;
    padding: 0;
    width: 100%;
    float: left;
    height: 20px
}

.imgshownew {
    width: 24.2%;
    float: left;
    margin-left: 1%;
    margin-bottom: 10px;
    height: 187px
}

.imgshownew a {
    border: 1px solid #ee0b0b
}

.listimgnew .imgshownew img {
    width: 100%;
    height: 100%;
    float: left;
    min-width: 100%
}

.error {
    color: #f2dd18
}

.menusp {
    width: 100%;
    left: 0;
    bottom: -42px;
    z-index: 2222
}

.menumk {
    float: left;
    padding: 0;
    width: 100%;
    z-index: 1111
}

.menumk .menuconc2 {
    display: none;
    width: 225px;
    z-index: 3333;
    left: 100%;
    top: 0;
    padding-top: 0;
    padding-left: 1px
}

.menumk .menuconc2 li {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(0,0,0,.3)
}

.menumk .mnc1 .menuconc2 a {
    padding: 10px 5%;
    width: 90%;
    background-color: #fed700;
    float: none;
    display: inline-block;
    font-size: 14px;
    color: #010101;
    border: none!important
}

.menumk .mnc1 .menuconc2 a:hover {
    border: none;
    background-color: #fff;
    color: #000
}

.menumk .mnc1 {
    float: left;
    position: relative;
    width: 100%;
    padding: 0
}

.menumk.menudmnew {
    position: relative;
    width: 100%;
    float: left
}

.spantext {
    color: #b2b2b2;
    font-size: 12px;
    font-family: atenalight
}

.menumk .mnc1 a {
    font-size: 14px;
    font-family: atenalight;
    color: #363636;
    padding: 9px 5%;
    float: left;
    width: 90%;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background-color: #fff
}

.menumk .mnc1:hover {
    background-color: #ed1b24
}

.menumk .mnc1 .mnsp2 a.active,.menumk .mnc1 .mnsp2:hover a,.menumk .mnc1 a.active,.menumk .mnc1:hover a {
    background-color: #ed1b24;
    color: #fff
}

.menumk .mnc1 a p {
    margin: auto;
    width: 86%;
    float: right;
    position: relative;
    z-index: 2
}

.menumk .mnc1 .mnsp2 a {
    background-color: #fff;
    color: #363636
}

.navtop .menuconc2 {
    position: absolute;
    z-index: 2222;
    top: 100%;
    left: -72%;
    padding-top: 2px;
    display: none;
    padding-left: 0
}

.navtop .menuconc2.menuconspc2 {
    width: 100%;
    background-color: rgba(0,0,0,.8);
    padding-top: 0;
    height: 0;
    display: block;
    transition: .5s
}

.navtop li.mnc1.mnsp.have:hover .menuconc2.menuconspc2 {
    height: auto;
    padding-top: 20px
}

.navtop .menuconc2 li.mnc2 {
    width: 100%
}

.navtop .menuconc2 li.mnc2 a.mnc2a {
    background-color: rgb(252 253 255);
    padding: 13px 5%;
    float: left;
    width: 100%;
    color: #888989
}

.navtop .menuconc2 li.mnc2 a.mnc2a:hover {
    color: var(--default-color-2);
    text-decoration: none;
    background: #f7f7f7
}

.menumk .mnc1 a img {
    float: left;
    margin-left: 0;
    position: absolute;
    left: 2%;
    top: 7px;
    width: 41px;
    height: 33px;
    z-index: 1
}

.sloganmain {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: 20px
}

.sloganmain ul {
    padding: 0;
    width: 100%;
    float: left
}

.sloganmain li {
    float: left;
    width: 19.2%;
    margin-left: 1%;
    position: relative
}

.sloganmain li img {
    float: left;
    height: 100%;
    width: auto;
    min-width: 100%;
    transition: .5s
}

.sanpham:hover .hinhanhsp img,.sloganmain li:hover img {
    transform: scale(1.1) rotate(0)
}

.ttcty div p::before,.ttctyy div p::before {
    font-family: FontAwesome;
    transform: translateY(0)
}

.sloganmain li h3 {
    margin: auto auto 5px;
    color: #fff;
    float: left;
    width: 100%
}

.sloganmain li h4 {
    margin: auto;
    float: left;
    font-size: 24px;
    font-family: belico;
    font-weight: 400;
    width: 100%;
    color: #fff;
    line-height: 23px
}

.slo {
    position: absolute;
    background-color: rgba(129,204,33,.8);
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    border-radius: 4px
}

.sloganmain li:hover .slo {
    background-color: rgba(237,27,36,.8)
}

.ttslogan {
    width: 74%;
    float: left;
    margin-top: 4px
}

.giasp {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 0;
    height: 22px
}

.giasp h3 {
    color: #ed1b24;
    margin: auto;
    float: left
}

.giasp h4 {
    font-size: 12px;
    color: #a9a9a9;
    float: left;
    margin: 5px auto auto 5px;
    font-weight: 400;
    border-left: 1px solid #a9a9a9;
    padding-left: 5px
}

.giasp sup {
    margin: auto auto auto 2px;
    color: #ed1b24;
    font-size: 13px;
    font-weight: 400
}

.tittle,.tittle h3 {
    color: #fff;
    background-repeat: no-repeat;
    font-weight: 700;
    position: relative;
    background-size: 100% 100%;
    text-transform: uppercase
}

.saosp {
    margin: 0 0 4px;
    display: block
}

.depro,.hotlinedt a,.tittle h3 {
    text-align: left
}

.depro,.muahang a,.saosp i {
    display: inline-block
}

.depro {
    margin: auto 5px auto auto;
    float: left;
    width: auto
}

.btnxuly,.dem1,.muahang {
    text-align: center
}

#slider,.muahang {
    margin-bottom: 20px
}

.saosp i {
    width: 13px;
    height: 12px;
    margin-left: 2px
}

.saosp i.sv {
    background-image: url('/Design/icon_sangvang.png')
}

.saosp i.sx {
    background-image: url('/Design/icon_saoxam.png')
}

.muahang {
    width: 100%;
    float: left
}

.muahang a {
    background-image: url('/Design/bg_muahang.png');
    width: 118px;
    height: 33px
}

.muahang a:hover {
    background-image: url('/Design/bg_muhangh.png')
}

.alltheloai li:hover .giatl,.sanpham:hover .giat2 {
    color: #fff;
    background: var(--default-color-1)
}

.tittle {
    font-size: 20px;
    padding: 13px 5%;
    width: 90%;
    font-family: UVNHongHaHep_B;
    background-image: url(/Design/bg_dm.jpg)
}

.tittle.tittrangcon {
    font-size: 17px;
    padding: 0;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    width: 100%;
    background: 0 0;
    display: flex
}

.check1,.text1 {
    border: none;
    cursor: pointer
}

.tittle.tittrangcon:after {
    position: absolute;
    height: 1px;
    left: 0;
    top: 100%;
    right: 0;
    content: '';
    width: 100%
}

.tittle.titphunew {
    background: #e6ffc4;
    font-size: 17px;
    color: #ed1b24;
    border: 1px solid #eae9e7;
    border-top: none;
    width: 89.6%;
    border-right: none;
    border-bottom: none
}

.tittle.titcon {
    background-color: #fff;
    margin-top: 10px
}

.tittle h3 {
    font-size: 18px;
    background-position: center bottom;
    margin: 2px auto auto;
    float: left;
    padding: 10px 53px;
    background-image: url(/Design/bgtit.png)
}

.tittle h3.titphu {
    padding-left: 28px
}

.haftft {
    width: 49%
}

.sp5:nth-child(n+1) {
    width: 19%;
    margin-left: 1%
}

.sp5 .hinhanhsp {
    height: 135px
}

.loadgif {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    z-index: 99999
}

.check1,.dem1,.giat5:before {
    position: absolute
}

.centerload {
    width: 150px;
    height: 150px;
    margin: auto
}

.check1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('/Design/ra.png');
    width: 14px;
    height: 14px;
    margin: auto;
    background-size: 100% 100%;
    outline: 0;
    left: 0;
    top: 5px
}

.btnxuly,.martopsp,.thumbnail,.titnewtc,.txtpop:nth-child(n+2) {
    margin-top: 10px
}

.checklist:hover .check1,.checkn .check1 {
    background-image: url('/Design/rah.png')
}

.text1 {
    font-family: atenalight;
    font-size: 14px;
    color: #000;
    background: 0 0;
    padding: 4px 0 4px 8%;
    width: 83%
}

.dem1 {
    right: 0;
    width: 24px;
    padding: 4px 0;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    top: 0;
    background-color: #a2a2a2
}

#slider,.showhang ul,.showloaimk,.showloaimk li,.sliderPhotos,.thumbnail,.titnewtc a {
    position: relative
}

.boxmenu,.showloaimk,.titnewtc {
    background-color: #fff
}

.showloaimk {
    border: 1px solid #b8b8b8;
    padding: 10px 0;
    border-radius: 4px;
    display: block
}

.showloaimk ul {
    padding: 10px;
    display: block
}

.titnewtc a,.titnewtc h1 {
    padding: 8px 20px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    float: left
}

.imgspn,.showloaimk li,.ttspn {
    display: inline-block
}

.showloaimk li {
    width: 100%;
    margin-bottom: 7px
}

.checkn .text1,.showloaimk li:hover .text1 {
    color: #ee0b0b
}

.checkn .dem1,.showloaimk li:hover .dem1 {
    background-color: #000
}

#slider,#sliderFrame,#thumbs,.lispnew.likm.limota p {
    background: 0 0
}

.showhang ul {
    height: 350px;
    overflow: auto
}

#slider,.bottop,.fanpage,.heightslide,.sliderPhotos,.slider_contain,.thumb,.titnewtc,.ttspn a {
    overflow: hidden
}

.sp3:nth-child(n+1) {
    width: 32%;
    float: left;
    margin-left: 1.6%
}

.titnewtc {
    width: 99.6%;
    float: left;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.09)
}

.titnewtc h1 {
    margin: auto
}

.giat5,.tenspct,.ttspn a {
    font-weight: 700
}

.titnewtc a:before {
    right: -9px;
    z-index: 3;
    border-left: 11px solid #fff
}

.titnewtc a:after {
    right: -10px;
    z-index: 2;
    border-left: 11px solid #d0d0d0
}

.titnewtc a:after,.titnewtc a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent
}

.titnewtc a:hover {
    background-color: #e6e9ed
}

.titnewtc a:hover:before {
    border-left-color: #e6e9ed
}

.boxmenu {
    background-image: url('/Design/box_menu.png');
    background-repeat: no-repeat;
    background-size: 100% 32px
}

.btnxuly {
    width: 100%;
    float: left
}

.btnxuly input:nth-child(2) {
    background: #fed700;
    color: #010101;
    border: none;
    outline: 0;
    cursor: pointer;
    font-family: atenalight;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px
}

.sliderPhotos {
    height: 260px;
    border: 1px solid #d6d6d6
}

.slider_contain {
    width: 100%;
    border: 1px solid #eae9e7;
    border-top: none;
    border-right: none
}

.thumb,.thumb-item {
    border: 1px solid #b8b8b8
}

.slider_contain ul {
    padding: 0;
    display: block;
    margin: auto
}

.slider_contain li {
    display: block;
    outline: #eae9e7 solid 1px;
    height: 61px!important;
    padding: 17px 5%;
    width: 89%!important
}

.imgspn {
    width: 44%;
    height: 100%;
    float: left
}

.imgspn a,.sliderPhotos ul li a {
    width: 100%;
    height: 100%;
    display: flex
}

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

.ttspn {
    width: 52%;
    float: right
}

#sliderFrame,.thontinchung {
    float: left;
    width: 100%;
    padding: 0
}

.ttspn a {
    display: block;
    font-size: 13px;
    color: #81cc21;
    height: 16px
}

.sliderPhotos ul {
    display: inline-block;
    width: 100%;
    height: 100%
}

.thumbnail {
    display: block
}

.sliderPhotos ul li img {
    width: auto;
    margin: auto;
    height: 100%;
    min-width: 100%
}

.thumbnail img {
    width: 17.2%;
    border: 1px solid #000;
    margin-left: 5px;
    display: inline-block;
    opacity: .4;
    margin-bottom: 5px
}

.slideshow.slipk .heightslide {
    height: 353px
}

.thontinchung {
    margin-bottom: 30px
}

#slider {
    width: 100%;
    border: 1px solid #000;
    height: 249px
}

#thumbs {
    padding: 0;
    margin: auto
}

#slider a.imgLink img,.imgha figure.effect-julia img {
    height: 100%;
    width: auto;
    min-width: 100%
}

.gallery-thumbs-container {
    margin-top: 10px;
    height: 99px;
}

.thumb-item {
    display: flex;
    height: 76px
}

.thumb {
    display: block;
    margin: auto auto auto 1%;
    width: 100%;
    opacity: .5;
    cursor: pointer;
    display: flex;
    height: 99%
}

.thumb.pager-active,.thumb:hover {
    opacity: 1;
    border-color: #000
}

.slideshow ul {
    display: block;
    padding: 0;
    height: 100%
}

.slideshow ul.bxslider li {
    height: 100%;
    width: 100%
}

.slideshow ul.bxslider li a {
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.thongtinright {
    width: 48%;
    float: right;
    background: url(../../Design/tesx.png) 0 0/cover no-repeat;
    padding: 16px;
    height: 100%
}

.cskh,.lispnew.likm p,.titchitiet h3 {
    background-repeat: no-repeat
}

.cskh,.mndanhmuc li a {
    background-position: left
}

.lispnew,.topright {
    width: 100%;
    padding: 0;
    float: left
}

.thongtinright.thongtinpknew {
    margin-left: 2%
}

.lispnew a,.lispnew.thuonghieusp {
    margin-left: 0;
    text-transform: capitalize
}

.giat5:before {
    content: "";
    width: 100%;
    bottom: -9px;
    left: 0;
    background: #8080802e;
    height: 1px
}

.dctop,.giat5,.giohang,.header-container,.lispnew.likm,.menumk ul,.poregiohang,.titchitiet h3,.topnew {
    position: relative
}

.giat5 {
    display: inline-block;
    margin: 15px 0 24px;
    font-size: 22px;
    color: #e5101d;
    font-family: 'UTM Avo'!important;
    line-height: 1.7;
    letter-spacing: .25px;
    width: 100%
}

.tenspct {
    width: 100%;
    text-transform: uppercase;
    font-size: 21px;
    color: var(--default-color-2);
    margin-bottom: 0;
    border-radius: 4px;
    font-family: gb
}

.hotlinedt a,.lispnew,.titgiaohang,.titthanhtoan {
    font-family: atenalight
}

.heightslide {
    width: 100%;
    background-color: #fff
}

.lispnew {
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    text-align: justify
}

.lispnew.likm {
    border: 1px solid #80cc21;
    border-radius: 4px;
    margin-bottom: 15px
}

.lispnew.likm.limota p {
    padding-left: 0;
    width: 94%;
    text-align: justify
}

.lispnew.likm p {
    width: 89%;
    float: left;
    padding: 8px 0 8px 4%;
    background-image: url('/Design/icon_gif.png');
    background-position: left 8px;
    margin-left: 3%
}

.thongtinright.thongtinpknew .lispnew.likm p {
    padding-left: 6%;
    padding-bottom: 5px
}

.titkm {
    width: 96%;
    float: left;
    background-color: #80cc21;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 8px 2%
}

.lispnew a,.namesp {
    font-size: 17px;
    font-weight: 700
}

.namesp {
    color: #000;
    margin-bottom: 5px
}

.costsp {
    font-size: 24px;
    padding-top: 0;
    padding-bottom: 15px;
    color: #ee0b0b;
    margin-bottom: 0
}

.newprice {
    color: #ee0b0b;
    font-size: 25px;
    font-weight: 700;
    float: left
}

.lispnew a {
    float: left;
    color: #010101
}

.lispnew.thuonghieusp {
    padding: 3px 0;
    list-style: disc;
    width: 100%;
    margin-bottom: 10px
}

.bottomright {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    padding-top: 15px
}

.bottomright h2 {
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin: auto auto 3px;
    color: #81cb21
}

.bottomright h3 {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    margin: auto auto 10px
}

.muahangspnew {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 4px
}

.muahangspnew .lbmuahang {
    color: #fff;
    text-align: center;
    float: left;
    padding: 6px 15px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #81cb21;
    margin-left: 15px;
    font-size: 15px;
    border-radius: 3px;
    border: none;
    outline: 0;
    cursor: pointer
}

.quantity-selector {
    float: left;
    border: 1px solid #81cb21;
    font-size: 16px;
    width: 60px;
    margin: 0 3px;
    text-align: center;
    color: #81cb21;
    outline: 0;
    padding: 5px 0;
    border-radius: 3px
}

.qtyminus,.qtyplus {
    background-color: #81cb21;
    font-size: 18px;
    width: 30px;
    height: 30px;
    outline: 0;
    cursor: pointer
}

.qtyplus {
    float: right;
    border: none;
    color: #fff;
    border-radius: 3px
}

.qtyminus {
    float: left;
    border: none;
    color: #fff;
    border-radius: 3px
}

.showspdanhmuc .sanpham {
    width: 98%;
    float: none
}

#___plusone_0 {
    margin-top: 0!important;
    float: left!important
}

.fanpage {
    border: 1px solid #fff;
    border-radius: 10px
}

.splienquan .titchitiet,.titchitiet {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px
}

.fb_iframe_widget {
    margin-top: 0;
    margin-right: 5px;
    float: left
}

.hotlinedt,.splienquan,.tblaithu,.thongtinchitiet {
    width: 100%;
    float: left;
    margin-top: 0
}

.hotlinedt a {
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 21px;
    color: #ee0b0b;
    padding: 11px 0;
    border-radius: 4px;
    text-transform: uppercase
}

.btthanhtoann input,.titthanhtoan {
    text-align: center;
    text-transform: uppercase
}

.titchitiet {
    width: 100%;
    float: left;
    background-image: url('/Design/right_bg.png');
    background-size: 100% 100%
}

.borderct {
    border: 1px solid #ebebeb;
    padding: 20px 2%;
    width: 96%;
    border-radius: 4px
}

.titchitiet h3 {
    float: left;
    padding: 7px 0 7px 20px;
    margin: auto;
    border-bottom: none;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    background-image: url('/Design/right_menuli.png');
    background-size: auto 100%
}

.binhluanfb {
    display: none;
    width: 100%;
    float: left;
    margin-top: 20px
}

.contain.contact {
    width: 100%;
    padding: 20px;
    background: #fff;
    font-family: interR
}

.poregiohang {
    width: 100%;
    height: 100%;
    float: left
}

.titthanhtoan {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 38px;
    font-weight: 700;
    color: #fff
}

.bgthanhtoan {
    background-image: url('/Design/bg_cart1.jpg');
    background-size: cover;
    background-attachment: fixed
}

.leftthanhtoan {
    width: 30%;
    float: right
}

.centerthanhtoan {
    width: 37%;
    float: left;
    margin-left: 2%
}

.imgpktc,.rightthanhtoan {
    width: 30%;
    float: left
}

.thongtinthanhtoans {
    background-color: #fff;
    float: left;
    padding: 20px 2%;
    width: 96%;
    border-radius: 3px
}

.titgiaohang {
    width: 100%;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    color: #2c3e50;
    margin-bottom: 20px
}

.thongtindh {
    width: 96%;
    float: left;
    border: 1px solid #b3b3b3;
    padding: 10px 2%;
    border-radius: 4px
}

.phivanchuyen,.tamtinh {
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0;
    font-family: atenalight;
    float: left
}

.thongtindh ul {
    width: 100%;
    float: left;
    padding: 0
}

.thongtindh li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #b3b3b3;
    padding: 5px 0
}

.namett {
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: atenalight;
    color: #000;
    margin-bottom: 10px
}

.pricett {
    font-family: atenalight;
    font-size: 13px;
    text-align: right
}

.tamtinh {
    text-align: left
}

.tamtinh p,.tongcongtt p {
    width: 40%;
    float: left;
    margin: auto;
    font-weight: 700;
    font-size: 15px
}

.tamtinh p:nth-child(2),.tongcongtt p:nth-child(2) {
    width: 60%;
    text-align: right
}

.phivanchuyen {
    font-size: 15px
}

.tongcongtt {
    width: 96%;
    float: left;
    font-family: atenalight;
    text-align: left;
    padding: 10px 2%;
    background-color: #aaa;
    color: #fff;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 10px
}

.textmin input {
    width: 90%;
    font-size: 14px;
    color: #000;
    padding: 10px 5%;
    border-radius: 3px;
    outline: 0;
    border: 1px solid #b3b3b3
}

.textmin textarea {
    height: 70px;
    width: 90%;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    padding: 10px 5%;
    outline: 0
}

.textmin .tbthanhtoan input {
    float: left;
    width: auto;
    margin: 5px 5px auto auto
}

.lbthongtinnganhang {
    display: none;
    width: 100%;
    float: left
}

.lbthongtinnganhang * {
    font-family: atenalight!important;
    color: #000!important;
    font-weight: 700;
    margin: auto
}

.btthanhtoann input,.ttgtnew {
    font-family: atenalight;
    float: left;
    width: 100%
}

.baohanh,.cskh {
    margin-left: 20px
}

.btthanhtoann input {
    outline: 0;
    background-color: #010101;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 0;
    cursor: pointer
}

.Khuyenmaindm img {
    width: 100%;
    height: auto
}

.likhuyenmai {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.anhgtnew img {
    width: 100%;
    margin-bottom: 10px
}

.ttgtnew {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: justify;
    margin-top: 10px
}

.baohanh,.bottop,.cskh {
    float: right
}

.none,.owl-theme .owl-controls,.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev,.swiper-pagination-bullet:only-child,.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled,.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.header-container {
    backdrop-filter: blur(5.75px);
    width: 100%;
    z-index: 4;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    backdrop-filter: blur(5.75px)
}

header.fixed .navfull {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 87%
}

header.fixed .header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 0 10px 0 #3333333b
}

.topnew {
    width: 100%;
    background-color: #fff;
    height: 100%;
    z-index: 9999;
    border-bottom: 1px solid #efefef
}

.bottop {
    margin-top: 20px;
    height: 48px
}

.cskh {
    font-size: 13px;
    color: #7a7a7a;
    background-image: url('/Design/top_mail.png');
    padding-left: 19px;
    margin-top: 6px
}

.giohang,.mocua {
    float: right;
    margin-left: 25px;
    margin-top: 6px
}

.header-top-register span {
    font-family: gm;
    color: #fffF;
    font-size: 15px;
    font-weight: 700
}

.header-top-register a {
    display: flex;
    align-items: center;
    background: var(--default-color-2);
    border-radius: 42px;
    text-transform: uppercase;
    padding: 9px 22px;
    gap: 7px
}

.giohang a,.mocua {
    padding-left: 50px
}

.svg-list-task svg {
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.svg-list-task svg path {
    fill: #FFFF
}

.dctop:before {
    content: "";
    width: 1px;
    position: absolute;
    height: 100%;
    right: -9px;
    top: 0;
    background: #ddd
}

.giohang a,.kmsp,.kmsp span,.menumk li.danhmucsp,.mocua,.timkiem .txttim {
    background-repeat: no-repeat
}

.dctop {
    color: #5b5858;
    font-family: gm;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    gap: 18px;
    font-weight: 700;
    font-size: 14px
}

.dctop i {
    color: var(--default-color-2);
    width: 39px;
    height: 37px;
    display: flex;
    border: 1px solid;
    border-radius: 50%;
    font-size: 20px
}

.baohanh a,.cskh p,.cskh strong {
    float: left;
    font-size: 12px
}

.cskh p {
    margin: auto;
    color: #010101
}

.cskh strong {
    margin: auto auto auto 5px;
    color: #da1f26
}

.baohanh a {
    color: #010101
}

.mocua {
    background-image: url('/Design/nav_time.png');
    height: 40px
}

.hottop a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-weight: 700
}

.hottop i {
    color: var(--default-color-2);
    width: 37px;
    height: 38px;
    display: flex;
    border: 1px solid;
    border-radius: 50%;
    font-size: 17px
}

.hottop span {
    display: block;
    font-family: gm;
    color: #5b5858;
    font-size: 15px
}

.mocua h3,.mocua h4 {
    color: #fff;
    font-weight: 400
}

.hottop span:nth-child(2) {
    font-family: gb;
    color: var(--default-color-2);
    font-size: 18px
}

.giohang {
    height: 40px;
    width: 158px
}

.kmsp,.theloaisp {
    height: 16px;
    overflow: hidden
}

.timkiem {
    float: left;
    background-color: #ebebeb;
    border-radius: 4px
}

.mocua h3 {
    display: block;
    margin: auto;
    font-size: 12px
}

.hottop h3,.mocua h4 {
    font-size: 16px;
    display: block;
    margin: auto
}

.giohang a {
    float: left;
    background-image: url(/Design/nav_cart.png);
    height: 40px
}

.hottop h3 {
    text-transform: uppercase;
    color: #fff
}

.giohang p,.hottop h4 {
    font-size: 12px;
    color: #fff
}

.hottop h4 {
    display: block;
    margin: auto;
    font-weight: 400
}

.giohang p {
    margin: 0 auto auto;
    float: left
}

.giohang h4 {
    font-size: 16px;
    color: #fff;
    margin: auto;
    width: 100%;
    float: left;
    font-weight: 400
}

.timkiem .txttim,.timkiem select {
    border: none;
    font-size: 13px;
    color: grey;
    outline: 0;
    float: left;
    background-color: #fff
}

.customNavigation.customhang a,.menumk li.danhmucsp,.theloaisp a {
    font-weight: 700;
    text-transform: uppercase
}

.timkiem select {
    padding: 12px 14px 11px;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    width: 150px;
    height: 40px
}

.timkiem .txttim {
    padding: 14px 14px 13px 27px;
    width: 230px;
    height: 15px;
    border-radius: 4px;
    margin-top: 3px;
    margin-left: 3px;
    background-image: url('/Design/tim_icon.png');
    background-position: 9px 14px
}

.titdt:before,.titphu:before,.tittab:before {
    margin-right: 4px;
    margin-top: 1px;
    top: 0
}

.timkiem select option {
    font-size: 15px;
    padding: 5px 10px;
    line-height: 20px;
    border: none
}

.txttim::-webkit-input-placeholder {
    color: #bababa;
    font-style: normal
}

.txttim::-moz-placeholder {
    color: #bababa;
    font-style: normal
}

.txttim:-ms-input-placeholder {
    color: #bababa;
    font-style: normal
}

.txttim:-moz-placeholder {
    color: #bababa;
    font-style: normal
}

.menumk ul {
    padding: 0;
    width: 21%;
    float: left;
    box-shadow: 1px 2px 3px rgba(1,1,1,.1)
}

.menumk ul.menuspc2 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    display: none;
    z-index: 2222;
    padding: 0
}

.menumk li {
    float: left;
    width: 100%
}

.menumk li a {
    width: 90%;
    padding: 5px 5%;
    float: left
}

.menumk li.danhmucsp {
    font-size: 20px;
    color: #fff;
    padding: 13px 5%;
    width: 90.01%;
    font-family: UVNHongHaHep_B;
    background-image: url('/Design/bg_dm.jpg');
    background-size: 100% 100%;
    position: relative
}

.tithang a:hover,.xemtatca a {
    color: #fcd601
}

.menumk li.danhmucsp:before {
    content: url('/Design/icon-menu.png');
    margin-right: 10px;
    float: left;
    margin-top: -1px
}

.showsp {
    width: 100%;
    padding: 0;
    float: right;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-bottom: 21px;
    width: 332px;
    width: calc(100% - 320px);
}

.showborder {
    border-top: 1px solid #eee;
    margin-left: 0
}

.titdt:before {
    content: url('/Design/icon_titdienthoai.png');
    position: absolute;
    left: 0
}

.tittab:before {
    content: url('/Design/icon_tittablet.png');
    position: absolute;
    left: 0
}

.titphu:before {
    content: url('/Design/icon_titphu.png');
    position: absolute;
    left: 0
}

.tithang {
    float: right;
    margin-right: 15px
}

.tithang.titpknew {
    float: left;
    margin-right: 0;
    width: 98%;
    margin-top: 5px;
    padding-left: 1%
}

.tithang.titpkhang.titpknew {
    max-width: 60%;
    float: right;
    height: 23px;
    overflow: hidden;
    text-align: right;
    margin-right: 9px;
    margin-top: 0;
    padding-left: 0
}

.tithang.titpkhang.titpknew a {
    float: right;
    background: 0 0;
    padding: 4px 10px
}

.xemtatca a {
    float: left;
    text-decoration: underline;
    font-size: 14px;
    padding: 4px 0
}

.tithang a {
    color: #393939;
    font-size: 14px;
    padding: 4px 10px;
    float: left
}

.tithang.titpknew a {
    background-color: #f3f5f7;
    margin-left: 5px;
    font-size: 13px;
    border-radius: 4px;
    padding: 3px 8px;
    margin-bottom: 3px
}

.theloaisp {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.theloaisp a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #010101
}

.kmsp {
    float: left;
    width: 93%;
    color: #696969;
    font-size: 13px;
    background-position: left 0;
    padding-left: 0
}

.kmsp span {
    width: 100%;
    height: 100%;
    float: left;
    background-image: url('/Design/icon_gif.png');
    padding-left: 7%
}

.sanphampk {
    width: 92%;
    padding: 10px 4%
}

.pkslide0.owl-carousel.owl-theme,.pkslide1.owl-carousel.owl-theme,.pkslide10.owl-carousel.owl-theme,.pkslide2.owl-carousel.owl-theme,.pkslide3.owl-carousel.owl-theme,.pkslide4.owl-carousel.owl-theme,.pkslide5.owl-carousel.owl-theme,.pkslide6.owl-carousel.owl-theme,.pkslide7.owl-carousel.owl-theme,.pkslide8.owl-carousel.owl-theme,.pkslide9.owl-carousel.owl-theme,.pkslidedt.owl-carousel.owl-theme,.pkslidenew.owl-carousel.owl-theme,.pkslidetb.owl-carousel.owl-theme,.show98 {
    width: 98%;
    padding: 0 1%
}

.spnext,.spprev {
    width: 25px;
    height: 25px;
    background-size: 70% 70%;
    border: 1px solid #eee;
    background-position: center center;
    float: right;
    background-repeat: no-repeat;
    cursor: pointer
}

.thongtinsp.thongtinpl {
    width: 100%;
    padding: 10px 0
}

.customNavigation {
    float: right;
    margin-left: 20px;
    margin-top: -2px;
    position: absolute
}

.ttcty,.ttctyy {
    margin-top: 15px
}

.ttctyy,.ttctyy * {
    position: relative
}

.spnext {
    background-image: url('/Design/sp_next.png')
}

.spprev {
    background-image: url('/Design/sp_prev.png');
    margin-right: 5px
}

.spnext:hover,.spprev:hover {
    border-color: #018bd3;
    background-color: #018bd3
}

.customNavigation.customhang {
    margin: auto;
    width: 80%;
    right: 0;
    top: 27px;
    padding: 0 1% 0 0;
    float: left;
    background-repeat: no-repeat;
    background-position: right 31px;
    cursor: pointer;
    z-index: 99;
    height: 0
}

.customNavigation.customhang a {
    font-size: 14px;
    color: #2c2c2c;
    width: 28px;
    height: 36px;
    float: right
}

.customNavigation.customhang a.next {
    background-image: url('/Design/dt_next.png')
}

.customNavigation.customhang a.prev {
    background-image: url('/Design/dt_prev.png');
    float: left
}

.ttcty {
    width: 100%
}

.ttctyy:before {
    content: "";
    width: 100%;
    top: -11px;
    left: -25px;
    height: 1px;
    background: #8080802e;
    position: absolute
}

.ttctyy {
    width: 100%;
    margin-left: 27px
}


.ttcty *,.ttctyy * {
    font-family: mulir!important;
    color: #333!important;
    margin: auto!important;
    line-height: 26px!important;
    font-weight: 700;
    font-size: 16px
}
.ttcty *{
color: #FFF !important;
}
.ttctyy strong,.ttctyy strong a {
    color: var(--default-color-1)!important
}

.ttcty div:nth-child(n+1):before {
    margin-right: 0;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
    font-family: fontawesome;
    color: #074880!important
}

.tit-com {
    font-size: 23px;
    color: var(--default-color-2);
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid;
    padding-top: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 18px;
    border-top: 1px solid #FFF;
}

.list-other,.logo-ft {
    overflow: hidden;
    width: 100%
}

.tit-com img {
    margin: 0!important;
    width: 16%
}

.ttcty div:nth-child(n+1) {
    padding-left: 20px;
    position: relative;
    margin-top: 20px
}

.ttctyy div p:first-child::before {
    background: var(--default-color-1);
    border-radius: 20px;
    top: 14%
}

.ttctyy div p:nth-child(2)::before {
    content: "\f0e0";
    background: #fff;
    border-radius: 20px;
    color: #d93025;
    top: 14%
}

.ttctyy div p::before {
    content: "\f09a";
    position: absolute;
    color: var(--default-color-4);
    left: -27px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    color: #fff
}

.ttcty div p::before {
    content: "\f007";
    position: absolute;
    color: var(--default-color-4);
    left: 0;
    font-size: 14px
}

.bx-wrapper .thumb img {
    width: 100%;
    margin: auto;
    min-height: 100%
}

.allshowtc,.overhide {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 9px rgb(145 145 145 / 16%)
}

.showtrangcon {
    width: 100%;
    float: left;
    padding-bottom: 61px;
    background: url('/Design/bg-tin.png') center center/cover no-repeat fixed;
    padding-top: 15px!important
}

.allbodycon {
    width: 1200px;
    margin: auto
}

.alldanhmuc,.msct,.pktc,.showthongso {
    width: 100%;
    float: left
}

.oldprice {
    font-size: 18px;
    color: #acacac;
    float: left;
    margin-left: 13px;
    margin-top: 13px
}

.msct {
    margin-bottom: 11px
}

.msct p {
    float: left;
    width: 22px;
    height: 22px;
    margin: auto 5px auto auto;
    overflow: hidden;
    border-radius: 50%
}

.msct p img {
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%
}

.alldanhmuc {
    position: relative;
    margin-bottom: 0
}

.showthongso {
    overflow: hidden;
    height: 592px
}

.showthongso * {
    font-family: atenalight!important;
    background: 0 0!important;
    font-size: 13px!important
}

#Slideshow .caption h4,#Slideshow .caption p,.posisdt,.titdoitac {
    font-family: atenalight;
    font-weight: 700
}

.fancyboxcauhinh {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fcd919 50%,#fed700 55%);
    right: 0;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 17px
}

.tenanh a,.tenpktc {
    color: #010101;
    font-size: 15px
}

.pktc {
    margin-top: 10px;
    background-color: #f3f5f7
}

.pktc a {
    width: 96%;
    padding: 5px 2%;
    float: left
}

.tenpktc {
    width: 65%;
    float: right
}

.martop1 {
    margin-top: 1px
}

.showhangpro {
    width: 98%;
    float: left;
    margin-top: 10px;
    background-color: #fff;
    padding: 10px 1%;
    position: relative
}

.showanhn,.showhangpro li a,.showhangpro ul,.tinn {
    width: 100%;
    float: left
}

.showhangpro ul {
    padding: 0;
    margin: auto
}

.showhangpro li {
    width: 10%;
    float: left;
    border: 1px solid #eee;
    height: 34px;
    padding: 5px 1%;
    margin-left: .3%;
    margin-bottom: 5px
}

.showhangpro li a {
    height: 100%;
    display: flex
}

.showhangpro li img {
    width: auto;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.showhangpro li.allhang {
    position: absolute;
    top: 10px;
    right: 1%;
    display: block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    height: auto;
    padding: 12px 1%
}

.showanhn {
    margin-top: 0
}

.lbMessage {
    padding: 10px 1%;
    float: left;
    font-size: 18px
}

.tinn {
    padding-top: 1%;
    padding-bottom: 1%;
    height: 98%
}

.lbthongbao {
    padding: 10px 1%;
    float: left
}

.tinnbnew {
    width: 98%;
    float: left
}

.newtinnb {
    width: 100%;
    float: left;
    padding: 11px 0;
    border-bottom: 1px solid #eee
}

.c-tabts,.hanb {
    width: 100%;
    float: left;
    display: none
}

.tentinnb {
    width: 100%;
    float: left;
    color: #010101;
    margin-top: 5px
}

.fbfanpage,.tenanh {
    margin-top: 10px
}

.fbfanpage {
    float: right;
    margin-right: 0;
    width: 100%
}

.anh {
    width: 32.6%;
    float: left;
    margin-left: 1%;
    margin-bottom: 10px
}

.imgha,.tenanh,.tenanh a {
    width: 100%;
    float: left
}

.imgha {
    height: 250px;
    overflow: hidden
}

.lbgiohang {
    font-size: 16px;
    display: inline-block
}

.luuyemail,.luuygh {
    width: 100%;
    font-size: 15px;
    float: left
}

.luuygh {
    margin-top: 20px;
    text-align: justify
}

.btnchitiet,.btnchitiet a,.pore,.posisdt,.tomtatgt {
    text-align: center
}

.luuyemail {
    margin-top: 15px
}

.smartsoft {
    bottom: 5%;
    right: 0;
    display: block
}

.smartsoft-phone.smartsoft-hover {
    opacity: .5
}

.smartsoft-phone.smartsoft-active .smartsoft-ph-circle {
    animation: 1.1s ease-in-out infinite smartsoft-circle-anim!important
}

.smartsoft-phone.smartsoft-static .smartsoft-ph-circle {
    animation: 2.2s ease-in-out infinite smartsoft-circle-anim!important
}

.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle {
    border-color: #e30050;
    opacity: .5
}

.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle,.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle {
    border-color: #ec1019;
    opacity: .5
}

.smartsoft-phone.smartsoft-green .smartsoft-ph-circle {
    border-color: #e30606;
    opacity: 1;
    display: none
}

.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle {
    border-color: rgba(244,11,131,.96);
    opacity: .5
}

.smartsoft-phone.smartsoft-active .smartsoft-ph-circle-fill {
    animation: 1.7s ease-in-out infinite smartsoft-circle-fill-anim!important
}

.smartsoft-phone.smartsoft-static .smartsoft-ph-circle-fill {
    animation: 2.3s ease-in-out infinite smartsoft-circle-fill-anim!important;
    opacity: 0!important
}

.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle-fill,.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle-fill,.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle-fill {
    background-color: #db0066;
    opacity: .75!important
}

.smartsoft-phone.smartsoft-green .smartsoft-ph-circle-fill {
    background-color: #e30606;
    opacity: .75!important;
    display: none
}

.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle-fill {
    background-color: rgba(204,204,204,.5);
    opacity: .75!important
}

.smartsoft-ph-img-circle {
    opacity: .7
}

.smartsoft-phone.smartsoft-active .smartsoft-ph-img-circle {
    animation: 1s ease-in-out infinite smartsoft-circle-img-anim!important
}

.smartsoft-phone.smartsoft-gray .smartsoft-ph-img-circle,.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-img-circle,.smartsoft-phone.smartsoft-hover .smartsoft-ph-img-circle {
    background-color: #ec1019
}

.smartsoft-phone.smartsoft-green .smartsoft-ph-img-circle {
    background-color: #e30606;
    border: 1px solid #fff
}

.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-img-circle {
    background-color: rgba(244,11,131,.96)
}

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

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

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

@keyframes smartsoft-circle-fill-anim {
    0%,100% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }

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

@keyframes smartsoft-circle-img-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)
    }
}

.smartsoft-ph-circle-fill {
    animation: 2.3s ease-in-out infinite smartsoft-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 25px;
    opacity: .1;
    position: absolute;
    top: 25px;
    transition: .5s;
    width: 70px
}

.smartsoft-ph-img-circle {
    animation: 1s ease-in-out infinite smartsoft-circle-img-anim;
    background-color: rgba(30,30,30,.1);
    background-image: url("/Design/z.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 50px;
    background-size: 35px 35px
}

.smartsoft-phone {
    background-color: transparent;
    cursor: pointer;
    height: 50px;
    transition: visibility .5s;
    width: 50px;
    z-index: 100!important;
    position: relative
}

.smartsoft-ph-circle {
    animation: 1.2s ease-in-out infinite smartsoft-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30,30,30,.4);
    border-radius: 100%;
    height: 100px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 10px;
    transition: .5s;
    width: 100px
}

.swiper-slide,.swiper-wrapper {
    transition-property: transform
}

.callbot {
    position: fixed;
    bottom: 4px;
    z-index: 999;
    right: 6px;
    display: none
}

.pore {
    width: 100%;
    margin: auto
}

#example-info h1,#more h1,.allsanphamtc {
    margin-top: 40px
}

.posisdt {
    position: absolute;
    top: 8px;
    z-index: 99;
    right: 63%;
    width: 169px;
    background-color: #018bd3;
    padding: 6px 10px 5px 0;
    color: #fff;
    border-radius: 17px;
    border: 1px solid #fff;
    font-size: 19px
}

#Slideshow,#Slideshow .photo,.btnchitiet a,.imgtheloai,.mndanhmuccon .menucondmc2,.mndm1,.showxe ul,.showxe ul li {
    position: relative
}

.allsanphamtc {
    width: 100%;
    float: left
}

.mndanhmuc {
    border: 1px solid #eae9e7;
    border-top: none;
    padding: 0 5%;
    height: 124px;
    overflow: auto
}

#Slideshow,.alltheloai li,.habl,.imgtheloai {
    overflow: hidden
}

.mndanhmuc.mndanhmuccon {
    height: auto;
    overflow: hidden
}

.mndanhmuc ul {
    width: 100%;
    margin: auto;
    padding: 10px 0
}

.mndanhmuc li a {
    font-size: 14px;
    color: #363636;
    background-image: url('/Design/icon_lidm.png');
    background-repeat: no-repeat;
    padding: 5px 0 5px 5%;
    display: block
}

.imgkmn {
    width: 100%;
    display: block;
    height: 178px
}

.imgkmn img {
    width: auto;
    display: block;
    height: 100%;
    min-width: 100%
}

.sao p,.saosp p {
    display: inline-block;
    background-image: url('/Design/sp_star.png');
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.sao p {
    width: 11px;
    height: 11px;
    margin: 0 .5px
}

.sao p.f,.saosp p.f {
    background-image: url('/Design/sp_starh.png')
}

.saosp p {
    width: 14px;
    height: 14px;
    margin: 0 1px
}

.saosp.saonew {
    text-align: left;
    float: left;
    margin-top: 5px
}

.titdoitac {
    width: 17%;
    float: left;
    font-size: 14px;
    color: #595959;
    text-transform: uppercase;
    padding: 35px 2%
}

.binhluanft {
    width: 100%;
    float: left;
    background-color: #81cc21
}

.fan {
    width: 30%;
    margin-top: 0;
    float: right
}

.binhluannew {
    width: 58%;
    float: left;
    padding: 20px 0
}

.binhluannew ul,.c100 {
    width: 100%;
    margin: auto
}

.binhluannew li {
    width: 100%;
    display: flex;
    float: left
}

.habl {
    width: 100px;
    float: left;
    border-radius: 50%;
    height: 100px;
    border: 2px solid #fff
}

.habl img {
    width: 100%;
    float: left;
    min-width: 100%;
    min-height: 100%
}

.ttbl {
    width: 82%;
    float: right;
    margin-left: 3%
}

.tenbl {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px
}

.martop20,.showchitiet {
    margin-top: 20px!important
}

.tenbl h3 {
    margin: auto;
    float: left;
    font-size: 18px;
    color: #fff
}

.tenbl h4 {
    margin: 3px auto auto 5px;
    float: left;
    font-size: 15px;
    color: #fff;
    font-weight: 400
}

.alltheloai li:hover h3,.promotion-block h5,.ttbg:hover .pnbg a {
    color: var(--default-color-2)
}

.ndbl {
    width: 100%;
    float: left;
    color: #e0ffb8;
    font-size: 14px
}

.titftnewbl {
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.mndm1,.mndm2 {
    width: 90%;
    list-style: none
}

.mndm1a,.mndm2a {
    display: block;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left
}

.marbot30 {
    margin-bottom: 30px!important
}

.padtop30 {
    padding-top: 30px
}

.mndanhmuccon ul {
    padding: 0;
    border: 1px solid #eae9e7
}

.mndanhmuccon .menucondmc2 {
    border: none;
    padding: 0;
    width: 100%;
    display: none;
    transition: .5s;
    z-index: 10
}

.alltheloai li:after,.alltheloai:after {
    z-index: 99;
    width: 1px;
    top: 0;
    height: 100%
}

.mndm2 {
    margin-left: 5%;
    display: block
}

.mndm1 {
    padding: 0 5%;
    display: block
}

.mndm1a {
    width: 95%;
    color: #80cc22;
    background-image: url(/Design/icon_lidm.png);
    padding: 12px 0 11px 5%;
    border-top: 1px solid #eae9e7;
    font-weight: 700;
    text-transform: uppercase
}

.mndm2a {
    width: 90%;
    color: #363636;
    padding: 8px 0 8px 10%;
    border-top: 1px solid #eae9e7!important
}

.mndm1.have:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    cursor: pointer
}

.promotion-block h5 svg {
    fill: var(--default-color-1);
    width: 15px;
    height: 15px
}

.promotion-block h5 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    font-family: interR;
    font-size: 16px
}

@keyframes zoomInLink {
    0% {
        transform: scale(0);
        visibility: hidden
    }

    25% {
        transform: scale(0);
        visibility: visible
    }

    100% {
        transform: scale(1);
        visibility: visible
    }
}

@keyframes rotateLeft {
    0% {
        visibility: hidden
    }

    50% {
        opacity: 0;
        visibility: visible;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(0)
    }
}

@keyframes zoomSlide {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

@keyframes zoomSlide1 {
    0% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes Continue {
    0%,100% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

#Slideshow {
    height: 100%
}

#Slideshow img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#Slideshow .photo {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

#Slideshow .next,#Slideshow .prev {
    width: 45px;
    height: 45px;
    bottom: 50%;
    opacity: .5;
    z-index: 79;
    background-size: 100% 100%;
    position: absolute;
    cursor: pointer
}

#Slideshow .photo li {
    height: 100%;
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    left: 0
}

#Slideshow .photo li:nth-child(odd) img {
    transform: scale(1.2);
    animation: 10s linear zoomSlide
}

#Slideshow .photo li .caption .child img {
    transform: scale(1);
    animation: unset;
    z-index: auto;
    height: auto;
    float: right;
    position: relative;
    width: 100%
}

#Slideshow .photo li:nth-child(2n) img {
    transform: scale(1);
    animation: 10s linear zoomSlide1
}

#Slideshow .next {
    right: 5px
}

#Slideshow .prev {
    left: 5px;
    background-image: url('/Design/diapo/pprew.png')
}

#Slideshow .caption-over {
    position: absolute;
    top: 27%;
    right: 0;
    z-index: 78;
    max-width: 100%;
    left: 0
}

#Slideshow .caption {
    margin: auto;
    transform: translateY(10%);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%
}

#Slideshow .caption h4 {
    margin: 0 auto auto;
    font-size: 20px;
    text-align: left;
    color: #018bd3;
    background-color: #fff;
    width: auto;
    float: left;
    padding: 10px
}

#Slideshow .caption p {
    width: 100%;
    font-size: 40px;
    margin: auto auto -5px;
    color: #018bd3;
    text-align: left;
    text-shadow: 1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
}

#Slideshow .caption a {
    float: left;
    height: 37px
}

#Slideshow .caption a+a {
    margin-left: 10px;
    border: 2px solid #fff;
    background: 0 0
}

#Slideshow .caption a+a:hover {
    border-color: #fff;
    color: #313131;
    background: #fff
}

#Slideshow svg {
    position: absolute;
    z-index: 5;
    bottom: 20px;
    left: 49%;
    animation: 1s infinite Continue
}

#Slideshow .caption img {
    width: auto!important;
    height: auto!important;
    float: left!important
}

#Slideshow .caption .logobn.child {
    position: absolute;
    bottom: 0;
    right: 8%
}

#Slideshow .child.achild {
    width: 100%;
    float: left;
    text-align: left
}

.showxe {
    float: left;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 40px
}

.showxe ul {
    padding: 0;
    margin: auto;
    width: 100%;
    float: left;
    display: flex
}

.showxe ul li {
    margin: auto;
    list-style: none;
    z-index: 3;
    opacity: 0
}

.showxe ul li img {
    display: block;
    max-width: 100%
}

.showxe ul li:first-child {
    position: absolute;
    left: 2%;
    z-index: 1
}

.showxe ul li:nth-child(3) {
    position: absolute;
    right: 3%;
    z-index: 1
}

.showchitiet {
    width: 100%;
    float: left;
    margin-bottom: 32px!important;
    margin: 0
}

.showchitiet img {
    width: 20%;
    margin: auto auto 25px;
    display: block
}

.tomtatgt {
    display: block;
    margin: 20px auto;
    color: #0000009e;
    font-size: 20px;
    line-height: 24px;
    font-family: gm
}

.btnchitiet a {
    display: block;
    margin: auto;
    color: #018bd3;
    font-size: 13px;
    text-transform: uppercase;
    width: 130px;
    border: 1px solid;
    padding: 10px 0;
    border-radius: 4px
}

.btnchitiet a:hover,.sosanh a:hover {
    background-color: #018bd3;
    color: #fff
}

.btnchitiet a:hover:after {
    content: url('/Design/gt_iconcth.png')
}

.btnchitiet {
    margin: auto;
    display: block
}

.btnchitiet a:after {
    content: url('/Design/gt_iconct.png');
    margin-left: 5px
}

.alltheloai {
    width: 100%;
    float: left;
    background: url('/Design/bg-theloai.png') center center/cover no-repeat;
    padding: 8px 0 40px
}

.allbodynew {
    width: 1263px;
    margin: auto
}

.tttheloai,.tttheloai1 {
    text-align: left!important;
    margin: 0
}

.alltheloai ul {
    padding: 0;
    width: 100%;
    display: block;
    column-gap: 20px
}

.home-pro li:first-child {
    transition: border-color .3s
}

.alltheloai li {
    /* box-shadow: 2px 7px 16px rgb(144 144 144 / 24%); */
    background: rgb(255 255 255 / 70%);
    border: 1px solid #0097d000;
    text-align: left;
    padding-bottom: 0;
    border-radius: 17px;
    transition: .3s
}

.alltheloai li:hover {
    background-color: #fff;
    border-color: var(--default-color-2)
}

.libanggia,.ttbg {
    border-bottom: 1px solid #dedede
}

.album:hover img,.alltheloai li:hover .imgtheloai img {
    transform: scale(1.1)
}

.alltheloai li:after {
    position: absolute;
    left: 0;
    display: block;
    background-size: 100% 100%
}

.alltheloai:after {
    position: absolute;
    right: 0;
    display: block;
    background-image: url('/Design/tl_bg.png');
    background-size: 100% 100%
}

.backgft:after,.backgft:before {
    top: 0;
    content: "";
    background-image: url('/Design/bg_ftleft.jpg');
    background-size: 100% 100%
}

.imgtheloai {
    width: 100%;
    float: left
}

.home-pro {
    display: grid!important;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.imgtheloai a {
    height: 100%;
    display: flex
}

.tttheloai h3,.tttheloai1 h3 {
    text-transform: capitalize;
    font-family: interSB;
    display: -webkit-box;
    position: relative;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.imgtheloai img {
    max-width: 100%;
    transition: .5s;
    max-height: 100%;
    width: 100%;
    position: relative
}

.tttheloai1 h3 {
    margin: 17px 10px 0;
    height: 26px
}

.tttheloai h3 {
    margin: 15px 10px 0;
    height: 46px
}

.dkngay a,.tieudetl,.tittinnew h3,.tittinnew h5,.tittn,.xemtctin a {
    text-transform: uppercase
}

.tttheloai h3:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -16px;
    left: 0;
    border-top: 1px dashed #7d7c7c
}

.tttheloai1 {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 9px
}

.tttheloai {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 15px
}

.tieudetl {
    width: 90%;
    padding: 0 5%;
    text-align: center;
    float: left;
    font-family: gb;
    color: #0f9cd2;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 3px;
    font-weight: 700
}

.tomtattl {
    width: 94%;
    text-align: left;
    color: #7f7f7f;
    font-size: 15px;
    margin: 0 10px;
    font-family: gm;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.giat2,.giatl {
    text-align: center;
    background: var(--default-color-2);
    border-radius: 13px;
    font-weight: 700
}

.giat2,.giatl,.giatl h4,.giatl h5 {
    display: inline-block
}

.giat2 {
    font-family: gm;
    padding: 8px 40px;
    margin: auto;
    color: #fffF;
    font-size: 16px
}

.dkngay a,.giatl,.giatl h4,.giatl h5,.tittn {
    color: #fff
}

.giatl {
    float: none;
    font-family: manb;
    padding: 6px 34px;
    margin: auto auto 11px;
    overflow: hidden;
    font-size: 15px
}

.allbanggia,.alltin,.backgft,.banggia,.c-tab,.c-tabs-nav,.calltuvan,.calltv,.giabg,.pnbg,.tittinnew,.tittinnew h3,.tittinnew h5,.tittleab {
    float: left
}

.calltv,.dkngay {
    display: flex;
    text-align: center
}

.giatl h4 {
    font-size: 18px;
    margin: 0 5px 0 0
}

.giatl h5 {
    font-size: 18px;
    margin: 0
}

.custl {
    left: 0;
    top: 27%;
    width: 100%;
    margin: auto;
    height: 0
}

.allbody-2 img {
    margin: 0!important;
    max-width: 100%;
    width: 100%
}

.trainghiem {
    width: 100%;
    max-width: 100%
}

.showthongtintl *,.showthongtintl img,.showthongtintl table,section img {
    max-width: 100%!important
}

.tittn {
    text-align: center;
    font-weight: 700;
    font-family: gb;
    font-size: 32px
}

.slogantn {
    text-align: center;
    font-size: 18px;
    color: #000;
    font-family: interSB;
    margin-top: 10px;
    background: #fffcfcde;
    padding: 20px;
    border-radius: 16px
}

.dkngay {
    width: 100%;
    margin-top: 30px;
    opacity: 0
}

.dkngay a {
    display: block;
    width: 184px;
    margin: auto;
    font-size: 20px;
    background-color: #018bd3;
    padding: 13px 0 13px 27px;
    position: relative;
    background-image: url('/Design/laithu_icon.png');
    background-repeat: no-repeat;
    background-position: 30px 18px;
    overflow: hidden
}

.allbanggia,.alltin,.backgft,.banggia,.c-tab,.c-tabs-nav,.calltuvan,.calltv,.flexcall h2,.flexcall h6,.hinhanhbg,.libanggia,.pnbg,.tittinnew,.tittinnew h5,.tittleab {
    width: 100%
}

.dkngay a:before {
    position: absolute;
    top: 0;
    left: 40%;
    width: 170px;
    height: 121px;
    background: rgba(255,255,255,.5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: .5s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}

.dkngay a:hover:before {
    left: -160%;
    top: 390%
}

.alltin {
    padding: 1px 0 85px;
    background: url('/Design/bg-tin.png') 0 0/cover no-repeat
}

.tittinnew {
    position: relative;
    margin-bottom: 25px
}

.tittinnew h3 {
    width: 100%;
    margin: auto auto 5px;
    font-size: 25px;
    font-family: gm;
    color: var(--default-color-2);
    font-weight: 700
}

.tittinnew h5 {
    margin: auto;
    font-size: 14px;
    color: #a7a7a7
}

.xemtctin {
    position: absolute;
    right: 0;
    bottom: 6px
}

.backgft,.backgft img,.c-tabs-nav a,.ctts,.flexcall,.sosanh a,.thongso,.xemtctin a {
    position: relative
}

.xemtctin a {
    color: #018bd3
}

.xemtctin a:after {
    content: url('/Design/gt_iconct.png');
    margin-left: 5px;
    margin-top: -1px;
    float: right
}

.calltuvan {
    background-color: #00579a
}

.backgft {
    text-align: center;
    z-index: 1
}

.backgft img {
    margin: auto;
    z-index: 3;
    display: block
}

.backgft:before {
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0
}

.backgft:after {
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0
}

.calltv {
    margin: auto
}

.flexcall {
    margin: auto;
    padding-top: 60px;
    padding-bottom: 10px
}

.flexcall h2 {
    display: block;
    margin: auto;
    padding: 0;
    font-weight: 700;
    text-align: left
}

.flexcall a,.flexcall p {
    font-size: 36px;
    display: inline-block;
    font-weight: 700;
    font-family: atenalight;
    color: #fff;
    text-transform: uppercase
}

.flexcall p {
    margin: 0 5px 0 0
}

.flexcall a {
    margin: 0
}

.flexcall h6 {
    font-size: 20px;
    font-family: atenalight;
    color: #fff;
    text-transform: uppercase;
    margin: auto;
    font-weight: 400;
    text-align: left;
    padding-left: 100px
}

.flexcall:before {
    content: url(/Design/ft_iconman.png);
    float: left;
    border-right: 1px solid #fff;
    padding-right: 14px;
    margin-right: 14px
}

.list-other a {
    display: block;
    color: #666;
    font-size: 17px;
    margin-top: 10px;
    margin-left: 0;
    transition: .5s
}

.list-other a:hover {
    color: #00579a;
    margin-left: 5px
}

.dangky-dt a i,.list-other i {
    margin-right: 5px
}

.c-tabs-nav a,.tittleab h3 {
    margin: auto;
    text-transform: uppercase
}

.c-tabs-nav {
    margin-bottom: 30px;
    display: inline-block;
    text-align: center
}

.c-tabs-nav a {
    background-color: #fff;
    display: inline-block;
    border-radius: 26px;
    padding: 7px 40px;
    color: #333;
    border: 1px solid var(--default-color-2);
    font-size: 18px;
    line-height: 30px;
    font-weight: 700
}

.c-tab {
    display: none;
    margin-left: 0
}

.c-tabs-nav a.is-active,.c-tabs-nav a:hover {
    background-color: var(--default-color-2);
    color: #fff
}

.tittleab {
    text-align: center;
    display: flex;
    opacity: 0;
    margin-bottom: 40px
}

.tittleab h3 {
    background-image: url('/Design/bgtit2.png');
    background-size: 100% 100%;
    padding: 7px 78px 10px;
    font-size: 20px;
    color: #fff;
    height: 30px
}

.pnbg,.pnbg a {
    font-size: 15px;
    text-align: left;
    font-weight: 700
}

.c-tab.is-active .tittleab {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.allbanggia {
    padding: 30px 0
}

.banggia {
    background: #fff
}

.libanggia {
    padding: 15px 0;
    min-height: 100px
}

.libanggia:hover {
    background-color: #f1f1f1
}

.hinhanhbg {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.xem-chi-tiet {
    background: #4255a9;
    color: #fff;
    padding: 10px 19px;
    border-radius: 8px;
    font-family: interM
}

.dangky-dt a:hover,.xem-chi-tiet:hover {
    background: linear-gradient(90deg,#273584 0,#2d77bc 100%)
}

.ctbg a,.detail-product-detail .btn-pop,.libanggia.titnewbg {
    background-color: var(--default-color-2)
}

.hinhanhbg a {
    display: flex;
    width: 47%;
    justify-content: space-between
}

.pnbg {
    height: 100%;
    padding: 13px 14px
}

.pnbg a {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.ctbg a,.giabg {
    text-align: center
}

.giabg {
    width: 24%;
    color: red;
    font-weight: 700;
    padding: 10px 0
}

.ctbg,.ctbg a,.ttbg {
    float: right
}

.ctbg {
    width: 100%;
    margin-top: 5px
}

.ctbg a {
    width: 37%;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 6px
}

.ctbg a:last-child {
    float: right;
    width: 50%
}

.ttbg {
    margin-top: 21px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.dangky-dt,.motasp {
    margin-top: 20px;
    width: 100%
}

.hinhbg {
    width: 27%
}

.tentlbg {
    width: 100%;
    float: left;
    font-family: interSB;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--default-color-2);
    margin-bottom: 10px
}

.libanggia.titnewbg *,.titnew {
    font-family: atenalight;
    font-weight: 700
}

.mtbg {
    width: 100%;
    float: left;
    font-size: 15px;
    text-align: left;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.ttnewtl {
    width: 33%
}

.libanggia.titnewbg {
    padding: 7px 0;
    text-align: right;
    min-height: auto;
    width: 100%;
    display: flex;
    align-items: center
}

.sosanh,.titnew {
    text-align: center
}

.libanggia.titnewbg * {
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    display: block;
    border: none
}

.allbodysp {
    width: 76%;
    margin-left: 12%;
    float: left
}

.allbodysp .showsp {
    margin-bottom: 60px
}

.titnew {
    width: 100%;
    float: left;
    font-size: 33px;
    text-transform: uppercase;
    color: #018bd3;
    margin-bottom: 20px
}

.backsp {
    background-image: url(/Design/bg_gt.png);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.showthongtintl {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 30px
}

.showthongtintl * {
    font-family: atenalight!important
}

.showthongtintl img {
    height: auto!important
}

.sosanh {
    width: 100%;
    display: flex;
    margin-bottom: 0
}

.sosanh a {
    margin: auto;
    font-size: 13px;
    border: 1px solid #018bd3;
    color: #018bd3;
    border-radius: 3px;
    padding: 4px 7px 5px 9px;
    transition: .4s
}

.sosanh a:after {
    content: url(/Design/gt_iconct.png);
    margin-left: 5px;
    transition: .4s
}

.sosanh a:hover:after {
    content: url(/Design/gt_iconcth.png)
}

.thongtinleft {
    width: 50%;
    float: left
}

.c-tab.ctabmauxe,.showmauxe,.sthongso {
    width: 100%;
    float: left
}

.showmauxe {
    margin-bottom: 40px
}

.c-tabs-nav.ctabmau a.ctabamau {
    border: none;
    background: 0 0;
    width: 50px;
    height: 50px;
    float: left;
    padding: 0;
    margin-left: 1px;
    border-top: 2px solid #fff;
    display: block;
    line-height: normal;
    border-radius: 0
}

.c-tab.ctabmauxe {
    margin-left: 0
}

.c-tab.ctabmauxe img {
    float: left;
    max-width: 100%;
    width: auto
}

.c-tabs-nav.ctabmau a.ctabamau.is-active,.c-tabs-nav.ctabmau a.ctabamau:hover {
    border-color: #018bd3
}

.sthongso {
    margin-bottom: 25px
}

.thongtinright .sthongso,.thongtinrightnew .sthongso,.topright .sthongso {
    width: 99%
}

.thongso {
    width: 96%;
    float: left;
    font-size: 16px;
    padding: 5px 2%;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.2);
    margin-bottom: 5px;
    color: #333
}

.ctts.cttratruoc,.titts {
    width: 40%
}

.titts {
    float: left;
    font-weight: 700
}

.ctts {
    width: 58%;
    float: right;
    color: #018bd3
}

.titthongso,.titthongsonew {
    width: 100%;
    text-transform: uppercase
}

.thongsoc {
    background-color: rgba(242,242,242,.5)
}

.titthongso {
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #018bd3;
    margin-bottom: 10px
}

.titthongsonew {
    float: left;
    font-size: 19px;
    color: rgba(17,17,17,.85);
    margin-bottom: 30px;
    background: #e6e6e6;
    padding: 5px 15px;
    font-family: gb
}

.bold,.nobold {
    font-size: 15px
}

.thongsored,.thongsored a {
    color: #018bd3;
    text-align: right
}

.nobold {
    font-weight: 400;
    width: 54%
}

.bold,.btnthemxenew,.dangky-dt a,.themxenew a,.thongsored a,.thongsotit {
    font-weight: 700
}

.txtlaithu input,.txtlaithu textarea {
    width: 93%;
    color: #000;
    background-color: #fff;
    margin-bottom: 10px;
    outline: 0
}

.bold {
    width: 45%
}

.txtlaithu input {
    font-size: 14px;
    padding: 9px 3%;
    border: 1px solid #aca9a9;
    border-radius: 4px
}

.txtlaithu textarea {
    font-size: 14px;
    padding: 12px 3%;
    border: 1px solid #aca9a9;
    border-radius: 4px;
    height: 52px
}

.btndk input,.thongsotit {
    text-transform: uppercase;
    color: #fff
}

.txtlaithu textarea::-webkit-input-placeholder {
    color: #434a54
}

.txtlaithu textarea::-moz-placeholder {
    color: #434a54
}

.txtlaithu textarea:-ms-input-placeholder {
    color: #434a54
}

.txtlaithu textarea:-moz-placeholder {
    color: #434a54
}

.txtlaithu input::-webkit-input-placeholder {
    color: #434a54
}

.txtlaithu input::-moz-placeholder {
    color: #434a54
}

.txtlaithu input:-ms-input-placeholder {
    color: #434a54
}

.txtlaithu input:-moz-placeholder {
    color: #434a54
}

.laithuxe.laithu70 .tblaithu {
    width: 70%;
    margin-left: 15%;
    padding-bottom: 40px
}

.ctabnewts {
    width: 100%;
    float: left;
    border-bottom: 2px solid #018bd3;
    border-radius: 0;
    padding: 0;
    text-align: left;
    background: #f2f2f2
}

.ctabnewts a {
    margin: auto auto 0;
    padding: 10px 19px 8px;
    border: none;
    background: 0 0;
    border-radius: 0;
    line-height: normal
}

.ctabnewts img {
    width: 23px;
    float: left
}

.c-tabs-nav.ctabnewts a.is-active img,.c-tabs-nav.ctabnewts a:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.thongtinrightnew {
    width: 38%
}

.laithu {
    width: 99%;
    float: left
}

.btndk input {
    background-color: #018bd3;
    border: none;
    font-size: 16px;
    padding: 12px 23px;
    border-radius: 4px;
    outline: 0;
    cursor: pointer
}

.thongsotit {
    width: 96%;
    float: left;
    background: #0f9cd2;
    font-size: 14px;
    padding: 8px 2%;
    border: 1px solid rgb(1 139 211);
    margin-bottom: 5px
}

.backss,.fanhot,.topkd {
    background-repeat: no-repeat
}

.detail-product-detail,.motasp {
    font-size: 16px;
    font-family: interM
}

.cttratruoc select {
    float: right;
    font-size: 15px;
    outline: 0;
    color: #018bd3;
    border: 1px solid;
    padding: 7px 10px;
    cursor: pointer
}

.motasp {
    text-align: justify
}

.product-detail-bottom {
    display: flex;
    gap: 15px;
    flex-direction: row-reverse
}

.dangky-dt {
    display: block;
    text-align: center;
    overflow: hidden
}

.detail-product-detail .title {
    text-transform: capitalize;
    color: var(--default-color-1);
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 100;
    font-family: interB;
    width: 100%
}

.detail-product-detail .btn-pop {
    user-select: none;
    position: absolute;
    bottom: 10px;
    color: #fff;
    border-radius: 55px;
    font-size: 15px;
    padding: 5px 12px;
    margin: 0 auto;
    left: calc(50% - 50px);
    width: 100px;
    user-select: none;
    cursor: pointer;
    transition: .3s
}

.swiper-fade.swiper-free-mode .swiper-slide,.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out
}

.detail-product-detail {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    line-height: 150%;
    color: #333;
    position: relative;
    margin-bottom: 18px;
    height: fit-content;
    max-height: 250px;
    overflow: hidden;
    border: 1px solid #3333331a;
    margin-top: 27px;
    z-index: 1;
    -webkit-mask-image: linear-gradient(to bottom,black 70%,transparent 100%);
    mask-image: linear-gradient(to bottom,#000000 83%,transparent 100%)
}

.btnthemxenew,.dangky-dt a,.hotline-dt a {
    font-size: 18px;
    display: block
}

.dangkylt,.logoin {
    width: 100%;
    float: left;
    text-align: center
}

.dangky-dt a {
    text-transform: capitalize;
    margin: auto;
    background: var(--default-color-2);
    color: #fff;
    padding: 10px 0 14px;
    transition: .5s;
    border-radius: 5px;
    width: 100%;
    font-family: manR;
    box-shadow: inset 0 -4px 0 0 rgb(0 0 0 / 20%)
}

.hotline-dt a:hover {
    background: linear-gradient(90deg,#91181e 0,#e30f1a 100%)
}

.hotline-dt a {
    text-transform: capitalize;
    background: red
}

.btnthemxenew,.chondongxe label,.themxenew a {
    text-transform: uppercase
}

.dangkylt.dangky-dt a {
    background: #0f9cd2
}

.backss,.flex-al span:after,body {
    background-color: #fff
}

.fancybox-opened .fancybox-skin {
    background: 0 0;
    box-shadow: none
}

.titthongsonew.titlaithunew {
    text-align: center;
    background-color: #018bd3;
    color: #fff;
    padding: 7px 0;
    margin-bottom: 10px
}

.laithuxe.laithu70 {
    width: 100%;
    float: left;
    background-image: url('/Design/bg_laithu.png');
    background-size: cover
}

.chondongxe {
    width: 80%;
    float: left;
    margin-left: 14%;
    margin-bottom: 20px
}

#changelog,.allsosanh {
    margin-bottom: 40px
}

.chondongxe tr {
    width: 33%;
    float: left
}

.chondongxe input {
    border-radius: 0;
    background: 0 0
}

.chondongxe label {
    font-family: atenalight;
    color: #fff;
    font-size: 17px
}

.allsosanh {
    width: 100%;
    float: left;
    border: none
}

.allsosanh tr {
    width: 100%;
    border-color: #dedede
}

.allsosanh td.thongsoss {
    width: 23%
}

.btnthemxenew {
    text-align: center;
    color: #018bd3;
    margin: auto
}

.allsosanh td {
    padding: 10px 1%;
    border-color: #dedede;
    border-spacing: 0
}

.hinhanhnewss {
    width: 150px;
    display: block;
    margin: auto
}

.lbdangkynew,.themxenew a {
    margin-bottom: 10px;
    float: left
}

.themxenew a {
    background-color: #018bd3;
    font-size: 15px;
    color: #fff;
    padding: 7px 18px;
    border-radius: 4px
}

.backss {
    background-attachment: fixed
}

.btnprint,.inbangtamtinh {
    background-color: #018bd3
}

.xoass a,.xoass input {
    font-family: atenalight;
    background: 0 0;
    border: none;
    outline: 0;
    color: #018bd3;
    font-size: 16px;
    text-align: center;
    padding: 5px 0
}

.hottn a,.li-ti p {
    font-family: gb;
    text-transform: uppercase
}

.bx-wrapper .bx-controls-auto,.thongtinin .tenspct,.xoass {
    text-align: center
}

.allsosanh tr td:first-child {
    font-weight: 700;
    font-size: 17px;
    padding: 10px 1%;
    text-align: center
}

.liss {
    width: 100%;
    float: left;
    border-top: 1px solid #dedede;
    padding: 8px 0;
    font-size: 17px
}

.gianewss,.tennewss {
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.gianewss {
    color: red
}

.tennewss {
    color: #018bd3
}

.lbdangkynew {
    width: 85%;
    color: #fff;
    margin-left: 15%;
    font-size: 17px
}

#faq dd,.luuyvay {
    margin-bottom: 20px
}

.autoheight {
    height: auto!important
}

.activefix.showxe ul li:first-child,.activefix.showxe ul li:nth-child(3) {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.showxe ul li:nth-child(2) {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.showchitiet .slogangt {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix .tittinnew .xemtctin,.activefix.showchitiet img {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.showchitiet .btnchitiet,.activefix.showchitiet .tomtatgt {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    opacity: 0
}

.activefix.showchitiet .tomtatgt {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 2s;
    animation-delay: .8s;
    animation-fill-mode: forwards
}

.activefix.showchitiet .btnchitiet {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

.activefix.alltheloai.alleffect li {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.trainghiem {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.trainghiem .slogantn,.activefix.trainghiem .tittn {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards
}

.activefix.trainghiem .tittn {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.trainghiem .slogantn {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 2s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.activefix.alltintc .tintuc,.activefix.trainghiem .dkngay {
    -webkit-animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    opacity: 0
}

.activefix.trainghiem .dkngay {
    animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards
}

.activefix.alltintc .tintuc {
    animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-fill-mode: forwards
}

.hottn {
    display: block;
    text-align: center;
    margin-top: 25px
}

.hottn a {
    margin: auto;
    color: var(--default-color-2);
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    background: #fffcfcde;
    padding: 12px 35px;
    border-radius: 10px
}

.bottom-dk {
    font-size: 18px;
    color: #fff;
    font-style: italic;
    margin-top: 15px;
    display: none
}

.giaspnew,.lbtongphi {
    color: red
}

.activefix .hottn {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.luuyvay {
    width: 100%;
    float: left;
    font-size: 15px;
    text-align: justify
}

.fanhot {
    background-image: url('/Design/hot1.gif');
    width: 34px;
    height: 20px;
    background-size: 32px auto;
    float: right;
    display: block;
    opacity: 1;
    background-position: left;
    padding-left: 36px
}

.nvnew,.nvnew p {
    width: 100%;
    float: left
}

.giaspnew {
    width: 100%;
    float: left;
    font-family: atenalight;
    font-size: 27px;
    margin-top: 10px;
    font-weight: 700
}

.topkd {
    float: right;
    font-size: 13px;
    color: #606060;
    background-image: url(/Design/p.png);
    background-position: left 2px;
    padding-left: 17px;
    margin-top: 7px;
    background-size: 12px auto;
    font-family: swiss
}

.nvnew {
    margin-bottom: 19px
}

.nvnew p {
    background-color: #f2f1f1;
    color: #018bd3;
    font-size: 17px;
    text-align: center;
    padding: 5px 0;
    margin: 1px auto auto
}

.newtsleft {
    width: auto
}

.newtsright {
    width: auto;
    float: right
}

.newtsright a {
    float: left;
    width: auto
}

.newtsright span {
    float: right;
    margin-left: 5px;
    width: auto;
    display: block
}

.abimg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    overflow: hidden;
    z-index: 1
}

.btnprint,.se-pre-con {
    position: fixed;
    top: 0;
    left: 0
}

.abimg img {
    width: 100%;
    height: 53px;
    transform: rotate(30deg);
    -moz-transform: rotate(46deg);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    margin: auto auto auto -10px;
    opacity: .2
}

.album a,.album img,.se-pre-con {
    height: 100%
}

.pnkhyenmai1 {
    width: auto;
    margin-right: 7px
}

.pnkhyenmai2 {
    float: none;
    width: 100%;
    text-align: justify
}

.btnketqua,.car-info a,.costdown,.inbangtamtinh,.li-ti,.text-al,.x {
    text-align: center
}

.costdown {
    font-size: 16px;
    color: #018bd3;
    width: 92%;
    float: left;
    margin: -10px 2% 10px;
    font-weight: 700
}

.thongtinin {
    width: 800px;
    margin: auto;
    overflow: hidden;
    padding: 30px 0
}

.thongtinin .thongtinleft {
    width: 59%;
    margin-bottom: 10px
}

.imgin {
    width: 40%;
    float: right;
    margin-top: -15px
}

.imgin img {
    max-width: 100%
}

.right-dutoan,.rightin {
    width: 49%;
    float: right
}

.btnprint {
    border: none;
    font-size: 20px;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    outline: 0;
    cursor: pointer
}

.inbangtamtinh {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #fff;
    padding: 10px 0;
    font-size: 17px;
    text-transform: uppercase
}

.se-pre-con {
    display: none;
    width: 100%;
    z-index: 9999;
    background: url(/Design/load.svg) center no-repeat rgba(0,0,0,.1)
}

.album,.bottom-album,.flex-al span,.top-album {
    position: relative
}

.album a,.album img,.box-detail,.li-ti a,.li-ti img,.li-ti span,.top-album {
    display: block
}

.top-album {
    overflow: hidden;
    background-image: url('/Design/bg-vs.png');
    background-size: 100% 100%;
    padding: 30px 0 95px;
    z-index: 2
}

.bottom-album {
    overflow: hidden;
    margin-top: -90px;
    z-index: 1
}

.li-ti {
    float: left;
    width: 20%
}

.li-ti img {
    margin: auto
}

.li-ti p {
    margin: 9px auto auto;
    font-size: 18px
}

.li-ti span,.x {
    font-size: 14px
}

.li-ti span {
    margin: 5px auto auto;
    width: 90%;
    font-family: mulir
}

.li-ti a {
    color: #fff
}

.album {
    width: 50%;
    float: left;
    height: 450px;
    overflow: hidden
}

.box-tim,.flex-al span:after,.text-al {
    position: absolute;
    right: 0
}

.text-al {
    left: 0;
    bottom: 0;
    top: 0;
    background: rgb(2 99 136 / 30%);
    padding-top: 67px;
    display: flex;
    list-style: none;
    z-index: 1
}

.album img {
    width: auto;
    min-width: 100%;
    transition: .5s
}

.flex-al {
    overflow: hidden;
    margin: auto
}

.flex-al span {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-family: gsb;
    padding-right: 23px;
    padding-top: 12px;
    padding-bottom: 34px;
    float: left
}

.flex-al p {
    color: #caebf3;
    font-size: 15px;
    display: inline-block;
    margin: 40px auto auto;
    padding-left: 32px;
    float: right
}

.box-select input,.box-select select,.box-select textarea {
    background: rgba(242,242,242,.5);
    padding: 9px 15px;
    font-size: 17px;
    border: 1px solid rgba(0,0,0,.2);
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer
}

.flex-al span:after {
    content: "";
    width: 1px;
    height: 79px;
    display: inline-block;
    transform: rotate(56deg);
    top: 0
}

.box-detail {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    gap: 23px
}

.fancybox-container {
    z-index: 9999999
}

.info .fb_iframe_widget span {
    width: 130px!important
}

.info .fb_iframe_widget iframe {
    min-width: 130px!important
}

.box-dutoan {
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #fff;
    padding: 30px
}

.box-select:nth-child(n+2),.car-info,.overhide:nth-child(n+2) {
    margin-top: 20px
}

#ctl00_ContentPlaceHolder1_pnother {
    width: 100%;
    float: left;
    padding: 40px 0
}

.box-select span {
    display: block;
    font-family: gb;
    color: var(--default-color-2);
    margin-bottom: 10px;
    font-size: 17px
}

.box-select input,.box-select select {
    display: block
}

.box-select textarea {
    display: block;
    height: 100px
}

.box-select option {
    background: #fff;
    color: #000
}

.img-car img {
    display: block;
    width: 100%
}

.car-info {
    display: block;
    overflow: hidden
}

.car-info span {
    display: block;
    font-size: 23px;
    font-family: gb;
    text-transform: uppercase;
    color: #0f9cd2
}

.car-info p {
    display: block;
    margin: 8px auto auto;
    font-size: 17px;
    line-height: 30px
}

.car-info a {
    display: block;
    background: red;
    color: #fff;
    padding: 14px 10px 16px;
    font-family: gm;
    text-transform: uppercase;
    margin-top: 30px
}

.bottom-dutoan {
    overflow: hidden;
    margin-top: 50px
}

.li-dutoan {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.2);
    padding: 10px 10px 12px
}

.li-dutoan span {
    float: left;
    font-size: 16px;
    font-family: gm
}

.li-dutoan span:nth-child(2) {
    float: right;
    color: red;
    font-family: gb
}

.mnv-tuvan p a,.pxem a.axem,.x {
    font-family: arial,helvetica
}

.li-dutoan.li-tit {
    display: block;
    background: #0f9cd2;
    color: #fff;
    padding: 8px 20px 12px;
    font-size: 20px;
    border: none
}

.btnketqua {
    display: block;
    margin-top: 46px
}

.btnketqua input {
    border: none;
    outline: 0;
    background: var(--default-color-2);
    color: #fff;
    text-transform: uppercase;
    padding: 14px 31px;
    font-family: gsb;
    cursor: pointer
}

.li-dutoan:nth-child(n+2) {
    margin-top: 15px
}

.li-dutoan:nth-child(2n+3) {
    background: #f2f2f2
}

.box-tim {
    top: 8px;
    background: #fcfdff;
    display: block
}

.box-tim input {
    font-size: 16px;
    padding: 19px 2px;
    border: 1px solid var(--default-color-2);
    border-radius: 4px;
    height: 20px;
    outline: 0
}

.mnv-tuvan p,.mnv-tuvan p a {
    color: #fff;
    font-size: 15px;
    margin: 0
}

.box-tim input:nth-child(2) {
    height: 36px;
    padding: 5px 17px;
    background: var(--default-color-2);
    border: none;
    color: #fff;
    outline: 0
}

.right-mn {
    width: 40px;
    position: fixed;
    right: 0;
    z-index: 9990;
    top: calc(40% - 80px);
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    display: none
}

.popup,html {
    overflow-y: auto
}

.right-mn a {
    width: 100%;
    display: flex;
    background-color: #1b4c87;
    height: 40px
}

.right-mn a:hover {
    background-color: #0f9cd2
}

.x {
    background: rgba(78,86,101,.8);
    font-weight: 700;
    color: #fff;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    top: -25px;
    width: 25px;
    z-index: 99999999
}

.callzalo a,.close-pop input,.pxem,img {
    display: block
}

.alogo,.pxem {
    height: 20px;
    background: #f26522;
    position: absolute;
    bottom: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet,.x:hover {
    cursor: pointer
}

.pxem {
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    left: 0;
    z-index: 999999999;
    border-left: 1px solid #fff
}

.alogo,.mnv-tuvan p a,.txtpop input.btbpop,section a {
    display: inline-block
}

.pxem a.axem {
    color: #fff;
    font-size: 12px;
    line-height: 23px;
    padding-left: 5px
}

.alogo {
    right: 0;
    z-index: 999999999999;
    width: 40px;
    padding-right: 0;
    padding-left: 5px
}

.mnv-tuvan,.wrap {
    position: fixed;
    display: none;
    right: 0
}

.mnv-tuvan {
    width: 60px;
    background: 0 0;
    z-index: 8889;
    bottom: 51px;
    cursor: pointer
}

.mnv-tuvan p {
    padding: 0 13px;
    text-align: left
}

.mnv-tuvan p a {
    padding: 5px 0 7px
}

.mnv-tuvan p a:hover {
    text-decoration: underline;
    cursor: pointer
}

.mnv-tuvan p img {
    float: right;
    margin-top: 10px;
    position: absolute;
    left: -20px;
    bottom: 0
}

.wrap {
    width: 250px;
    height: 325px;
    bottom: 25px;
    z-index: 9999
}

.content-pop,main {
    position: relative
}

.txtpop input,.txtpop select {
    width: 100%;
    box-sizing: border-box;
    display: block;
    outline: 0;
    background: rgba(242,242,242,.5);
    border: 1px solid rgba(0,0,0,.2);
    padding: 9px 11px;
    font-size: 17px;
    cursor: pointer
}

.popup {
    right: 0;
    bottom: 0;
    text-align: center;
    background: #00000061;
    opacity: 1
}

.content-pop {
    margin: auto;
    background: #fff;
    padding: 0;
    border-radius: 4px;
    width: 313px;
    box-sizing: border-box
}

.tit-pop,.txtpop input.btbpop {
    background-color: #1b4c87;
    text-transform: uppercase;
    color: #fff
}

.close-pop {
    position: absolute;
    width: auto;
    right: 7px;
    top: 7px;
    cursor: pointer
}

.close-pop input {
    width: 24px;
    height: 24px;
    line-height: 22px;
    right: 7px;
    top: 7px;
    border-radius: 50%;
    border: 1px solid;
    color: #fff;
    font-size: 12px;
    background: 0 0
}

.tit-pop {
    padding: 10px 0
}

.box-pop {
    padding: 15px
}

.txtpop input.btbpop {
    width: auto;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 4px;
    padding: 10px 20px
}

.callzalo {
    position: fixed;
    bottom: 119px;
    z-index: 999;
    right: 6px;
    width: 55px
}

.callzalo a {
    overflow: hidden
}

.callzalo img {
    width: 100%;
    display: none
}

@media (max-width: 1023px) {
    .no-display-mobile-tablet {
        display:none!important
    }
}

#changelog .log,#top-nav {
    border-bottom: 1px solid #e1e6dd
}

.rs,body {
    padding: 0
}

:root {
    --default-color-1: #EA0036;
    --default-color-2: #233581;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

section a {
    text-decoration: unset;
    color: var(--default-color-4)
}

.no-select {
    user-select: none!important
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: Inter-Regular;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden!important;
    scroll-behavior: smooth
}

section img {
    margin: 0 auto!important;
    height: auto
}

section ul {
    padding-left: 25px
}

html.rs {
    overflow-y: hidden!important
}

body {
    border: 0;
    overflow: hidden;
    margin: 0
}

main {
    z-index: 3
}

.decor,.swiper-cube .swiper-slide .swiper-slide,.swiper-fade .swiper-slide .swiper-slide,.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup,.popup-overlay {
    display: none;
    position: fixed
}

img {
    user-select: none
}

img.fill {
    -o-object-fit: cover;
    object-fit: cover
}

.input-df {
    outline: 0;
    border: none;
    background-color: transparent
}

#top-nav,.popup {
    background: #fff
}

.no-margin {
    margin: 0!important
}

.rs {
    margin: 0;
    list-style: none
}

.popup {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    z-index: 1000;
    width: 80%;
    max-width: 600px;
    max-height: 70vh
}

.popup-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 999
}

.popup .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px
}

.popup-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

@media (max-width: 739px) {
    .alltheloai li,.coppy,.fs,.topnew {
        justify-content:center
    }

    .home-pro,.list-content,.showcatagory,.showsp {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .list-content,.menu-footer .menucenter:last-child {
        position: relative
    }

    .tentin a,.tttheloai h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }

    .input:nth-child(4) .sp-ec {
        top: 61%;
        left: 27px
    }

    .input .txt:focus+.sp-ec,.input .txt:not(:placeholder-shown)+.sp-ec {
        top: -5px;
        transform: scale(1);
        color: #9ba0a4
    }

    .input .sp-ec {
        margin: 0;
        left: 24px;
        top: 65%
    }

    .input .form-control {
        width: 100%;
        padding: 12px 30px
    }

    .list-brand img {
        width: 95%
    }

    .tentin a {
        font-size: 15px;
        -webkit-line-clamp: 2;
        display: -webkit-box
    }

    .tensp a,.tttheloai h3 {
        -webkit-line-clamp: 1
    }

    .showcatagory {
        column-gap: 8px
    }

    .showcatagory>:first-child {
        grid-column: span 2;
        width: 100%;
        margin: 0 auto;
    }

    .titgt1 {
        font-size: 22px;
        margin-bottom: 25px;
        margin-top: 29px
    }

    .allbody-1,.allbody-2,.contact .right-content,.ctbg a:last-child,.giabg,.home-contact-container,.home-pro-tit,.input-capcha,.istt img {
        width: 100%
    }

    .home-pro li:first-child .imgtheloai::after {
        font-size: 14px;
        padding: 0
    }

    .alltheloai {
        padding: 0
    }

    .home-pro>:first-child {
        grid-column: span 2;
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .home-pro {
        column-gap: 10px!important;
        row-gap: 10px
    }

    .logo img {
        width: 61%;
        margin: 0!important
    }

    .grid.wide {
        padding: 0 10px;
        width: 100%;
        margin: 10px 0
    }

    .imgtheloai,.imgtheloai img {
        height: 100%
    }

    .alltheloai li {
        padding-bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center
    }

    .tomtattl {
        font-size: 12px!important
    }

    #ShowMenu,.giatl,.tensp a {
        font-size: 13px
    }

    .ttnewtl {
        width: 100%;
        text-align: center
    }

    .img-cotact-p {
        padding: 0;
        width: 95%;
        display: none
    }

    .allbody,.fs,.topnew {
        display: flex
    }

    .input .text-area {
        width: 100%;
        margin-top: 15px
    }

    .input:nth-child(4) {
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0;
        margin: 0;
        width: 100%
    }

    .input .txt:not(:placeholder-shown)+.sp-ec {
        top: 120px
    }

    .input:nth-child(4) input {
        padding: 10px 24px;
        width: 100%;
        margin-top: 14px;
        height: 46px
    }

    .input .btn-sumid-contact {
        width: 49%;
        padding: 15px 20px;
        text-align: center
    }

    .fs {
        align-items: center;
        flex-direction: column
    }

    .list-content {
        row-gap: 7px;
        column-gap: 7px
    }

    .list-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: -27px;
        width: 100%;
        border-top: 1px dashed #a7a7a7
    }

    .topnew {
        align-items: center;
        box-shadow: 0 9px 6px rgb(37 57 61 / 2%);
        z-index: 1111;
        height: 89px
    }

    .giatl {
        padding: 4px 33px;
        margin-bottom: 8px
    }

    .tttheloai {
        gap: 10px
    }

    .allbody {
        justify-content: space-between;
        align-items: center
    }

    .contact .left-content,.fanpage,.logo canvas,.right-bot,.right-top,.tensp a:after,header.fixed .navfull {
        display: none
    }

    #ShowMenu,header.fixed .logo,header.fixed .topnew {
        display: block
    }

    .logo .logodes {
        display: block;
        margin: 0!important
    }

    .showsp {
        padding: 0;
        column-gap: 5px;
        row-gap: 5px;
        width: 100%;
    }

    .giat2 {
        padding: 6px 31px;
        margin-bottom: 5px
    }

    .tentlbg {
        font-size: 14px!important
    }

    .mtbg {
        font-size: 11px!important
    }

    .popup-content .ctbg,.popup-content .giabg,.popup-content .pnbg,.xem-chi-tiet {
        font-size: 12px
    }

    .ttbg,.tttheloai1 {
        gap: 7px
    }

    .hinhanhbg a {
        width: 64%
    }

    .padtop30 {
        padding: 10px 1px
    }

    .modal {
        padding-right: 0
    }

    .showchitiet img {
        width: 80%
    }

    .titgt {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .menucenter a,.tomtatgt {
        font-size: 15px
    }

    .footercenter {
        flex-direction: column;
        gap: 0
    }

    .botft-container,.menu-footer {
        flex-direction: column
    }

    .titftnew {
        text-align: left
    }

    .botft-container,.hotline-bot .hotline-header {
        text-align: center
    }

    .ttfooter {
        padding: 21px;
        margin-top: 0;
        width: 100%;
        background-color: #9f969626;
        border-radius: 10px
    }

    .box-dutoan,.overhide,.popup-content .ttbg {
        padding: 5px
    }

    .right-ft {
        margin-top: 23px
    }

    .footer-service {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 20px;
        width: 100%
    }

    .menu-footer .menucenter:last-child::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        border-top: 1px dashed #7d7c7c;
        top: -28px
    }

    .ttcty *,.ttctyy * {
        font-size: 15px!important
    }

    .tttheloai h3 {
        font-size: 16px;
        margin: 8px;
        display: -webkit-box;
        height: 100%
    }

    .mota-sp {
        font-size: 11px
    }

    .navtop {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 276px;
        background-color: #fcfdff;
        height: 100%;
        overflow: auto;
        z-index: 9999
    }

    #ShowMenu {
        background-color: var(--default-color-2);
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        margin-left: 0;
        background-image: url(/Design/icon-menu.png);
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 18px 21px;
        background-position: 10px 11px
    }

    .tit-com span {
        transform: translateX(0);
        font-size: 17px
    }

    .box-detail {
        flex-direction: column;
        width: 100%
    }

    .thongtinleft,.thongtinright {
        width: 100%;
        z-index: 2
    }

    .home-contact-container h3 {
        font-size: 22px;
        padding: 33px 0 4px
    }

    .flexcar {
        margin-top: 0
    }

    .showchitiet {
        margin-top: 0!important
    }

    .bx-wrapper .bx-viewport {
        height: 243px!important
    }

    .slideshow:nth-child(2) .bx-wrapper .bx-viewport {
        height: 95px!important
    }

    .slideshow.slidtheloai {
        height: 100%!important
    }

    .slideshow {
        height: 325px!important
    }

    .input-capcha .tops {
        top: 20px;
        right: 7px
    }

    .box-dutoan {
        width: 96%
    }

    .contain.contact {
        padding: 4px
    }

    .GuiYkien .btn {
        padding: 11px 20px
    }

    .titgt2 {
        font-size: 20px
    }

    .infoCompany h3 {
        font-size: 23px
    }

    .GuiYkien th {
        padding-bottom: 0
    }

    .title-promotion {
        font-size: 18px
    }

    .alltin {
        padding: 1px 0 37px
    }

    .footer {
        padding: 25px 0 0
    }

    .tttheloai1 h3 {
        margin-top: 11px;
        font-size: 16px
    }

    .coppy {
        padding: 0;
        font-size: 14px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .showcatagory1 {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px
    }

    .showtrangcon {
        padding-bottom: 34px
    }

    .logo-left:after,.logo-left:before {
        display: NONE
    }

    .logo-left {
        transform: translateY(10px);
        background: 0 0
    }

    .hotline-bot {
        color: #fffF
    }

    .hotline-bot a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        padding: 2px 0
    }

    .popup {
        width: 95%;
        padding: 10px;
        max-height: 80vh
    }

    .popup-title {
        font-size: 16px
    }
}

.btn-top {
    background-image: url('/Design/top.png');
    background-repeat: no-repeat;
    border: none;
    bottom: 6px;
    cursor: pointer;
    outline: 0;
    padding: 0;
    position: fixed;
    right: 20px;
    width: 50px;
    z-index: 9999;
    border-radius: 21px;
    height: 49px;
    background-size: 100% 100%;
    opacity: .7
}

.swiper,.swiper-wrapper {
    z-index: 1;
    position: relative
}

.grid {
    width: 100%;
    display: block;
    padding: 0
}

.grid.wide {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.row.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.col {
    padding-left: 4px;
    padding-right: 4px
}

.demo-full,.row.no-gutters .col {
    padding-left: 0;
    padding-right: 0
}

.c-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.c-2,.c-3 {
    -webkit-box-flex: 0
}

.c-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.c-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.c-4,.c-5 {
    -webkit-box-flex: 0
}

.c-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.c-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.c-6,.c-7 {
    -webkit-box-flex: 0
}

.c-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.c-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.c-8,.c-9 {
    -webkit-box-flex: 0
}

.c-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.c-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.c-10,.c-11 {
    -webkit-box-flex: 0
}

.c-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.c-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.c-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.c-o-1 {
    margin-left: 8.33333%
}

.c-o-2 {
    margin-left: 16.66667%
}

.c-o-3 {
    margin-left: 25%
}

.c-o-4 {
    margin-left: 33.33333%
}

.c-o-5 {
    margin-left: 41.66667%
}

.c-o-6 {
    margin-left: 50%
}

.c-o-7 {
    margin-left: 58.33333%
}

.c-o-8 {
    margin-left: 66.66667%
}

.c-o-9 {
    margin-left: 75%
}

.c-o-10 {
    margin-left: 83.33333%
}

.c-o-11 {
    margin-left: 91.66667%
}

@media (min-width: 740px) {
    .row {
        margin-left:-8px;
        margin-right: -8px
    }

    .col {
        padding-left: 8px;
        padding-right: 8px
    }

    .m-0 {
        display: none
    }

    .m-1,.m-10,.m-11,.m-12,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9 {
        display: block
    }

    .m-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .m-2,.m-3 {
        -webkit-box-flex: 0
    }

    .m-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .m-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .m-4,.m-5 {
        -webkit-box-flex: 0
    }

    .m-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .m-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .m-6,.m-7 {
        -webkit-box-flex: 0
    }

    .m-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .m-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .m-8,.m-9 {
        -webkit-box-flex: 0
    }

    .m-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .m-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .m-10,.m-11 {
        -webkit-box-flex: 0
    }

    .m-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .m-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .m-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .m-o-1 {
        margin-left: 8.33333%
    }

    .m-o-2 {
        margin-left: 16.66667%
    }

    .m-o-3 {
        margin-left: 25%
    }

    .m-o-4 {
        margin-left: 33.33333%
    }

    .m-o-5 {
        margin-left: 41.66667%
    }

    .m-o-6 {
        margin-left: 50%
    }

    .m-o-7 {
        margin-left: 58.33333%
    }

    .m-o-8 {
        margin-left: 66.66667%
    }

    .m-o-9 {
        margin-left: 75%
    }

    .m-o-10 {
        margin-left: 83.33333%
    }

    .m-o-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1113px) {
    .l-1,.l-2 {
        -webkit-box-flex:0
    }

    .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px
    }

    .col {
        padding-left: 6px;
        padding-right: 6px
    }

    .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .l-0 {
        display: none
    }

    .l-1,.l-10,.l-11,.l-12,.l-2,.l-2-4,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9 {
        display: block
    }

    .l-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .l-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .l-2-4,.l-3 {
        -webkit-box-flex: 0
    }

    .l-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .l-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .l-4,.l-5 {
        -webkit-box-flex: 0
    }

    .l-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .l-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .l-6,.l-7 {
        -webkit-box-flex: 0
    }

    .l-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .l-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .l-8,.l-9 {
        -webkit-box-flex: 0
    }

    .l-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .l-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .l-10,.l-11 {
        -webkit-box-flex: 0
    }

    .l-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .l-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .l-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .l-o-1 {
        margin-left: 8.33333%
    }

    .l-o-2 {
        margin-left: 16.66667%
    }

    .l-o-3 {
        margin-left: 25%
    }

    .l-o-4 {
        margin-left: 33.33333%
    }

    .l-o-5 {
        margin-left: 41.66667%
    }

    .l-o-6 {
        margin-left: 50%
    }

    .l-o-7 {
        margin-left: 58.33333%
    }

    .l-o-8 {
        margin-left: 66.66667%
    }

    .l-o-9 {
        margin-left: 75%
    }

    .l-o-10 {
        margin-left: 83.33333%
    }

    .l-o-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 740px) and (max-width:1023px) {
    .no-display-tablet {
        display:none!important
    }

    .wide {
        width: 644px
    }
}

@media (min-width: 1024px) and (max-width:1239px) {
    .wide {
        width:984px
    }

    .wide .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .wide .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px
    }

    .wide .col {
        padding-left: 12px;
        padding-right: 12px
    }

    .wide .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .wide .l-0 {
        display: none
    }

    .wide .l-1,.wide .l-10,.wide .l-11,.wide .l-12,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9 {
        display: block
    }

    .wide .l-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .wide .l-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .wide .l-2-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .wide .l-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .wide .l-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .wide .l-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .wide .l-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .wide .l-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .wide .l-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .wide .l-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .wide .l-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .wide .l-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .wide .l-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .wide .l-o-1 {
        margin-left: 8.33333%
    }

    .wide .l-o-2 {
        margin-left: 16.66667%
    }

    .wide .l-o-3 {
        margin-left: 25%
    }

    .wide .l-o-4 {
        margin-left: 33.33333%
    }

    .wide .l-o-5 {
        margin-left: 41.66667%
    }

    .wide .l-o-6 {
        margin-left: 50%
    }

    .wide .l-o-7 {
        margin-left: 58.33333%
    }

    .wide .l-o-8 {
        margin-left: 66.66667%
    }

    .wide .l-o-9 {
        margin-left: 75%
    }

    .wide .l-o-10 {
        margin-left: 83.33333%
    }

    .wide .l-o-11 {
        margin-left: 91.66667%
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    height: 100%;
    width: 100%
}

.bx-wrapper img.imgsli {
    display: block;
    width: 100%;
    margin: auto;
    min-height: 100%;
    transition: .5s
}

.bx-wrapper .bx-viewport {
    left: 0;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    height: 100%!important
}

.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: unset !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/Design/controls.png) 0 -32px no-repeat
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(/Design/controls.png) -43px -32px no-repeat
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 1!important
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(/Design/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(/Design/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

#top-nav {
    -webkit-transform: translateZ(0)
}

#top-nav.navbar .nav {
    margin: 8px 0
}

#top-nav.navbar .nav>li>a {
    padding: 6px 12px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

#top-nav.navbar .nav>li>a.download {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#top-nav.navbar .nav>li>a.download-on {
    background-color: #ff8a3c;
    color: #fff
}

#top-nav.navbar .nav>li>a.download-on:hover {
    color: #fff;
    background-color: #ff7920
}

#header {
    background: #f1f1f1;
    padding: 100px 0
}

#header .btn-success {
    padding: 15px 30px;
    margin-bottom: 5px
}

#header .logo {
    display: block;
    margin-top: 60px;
    float: right
}

img.arrow-down {
    margin: 0 auto;
    display: block
}

pre.pre-show {
    margin: 40px 0
}

.nav-tabs {
    margin-top: 20px;
    margin-bottom: 0
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.table td,.table th {
    padding: 8px 12px
}

#footer {
    padding: 20px 0;
    background: #f3f3f3;
    text-align: center
}

.twitter-share-button {
    top: 4px;
    position: relative
}

#owl-example .item {
    padding: 30px 0;
    margin: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#owl-example .item img {
    width: auto;
    margin: 0 auto;
    display: block
}

#owl-example .item h3 {
    font-size: 28px;
    font-weight: 300;
    margin: 25px 0 0
}

#owl-example .item h4 {
    margin: 5px 0 0;
    font-size: 18px
}

.item h1 {
    margin: inherit
}

.orange {
    background: #ff8a3c
}

.darkCyan {
    background: #42bdc2
}

.demo-box:hover .demo-slide .bg,.forestGreen {
    background: #7fc242
}

.yellow {
    background: #ffd800
}

.dodgerBlue {
    background: #388bd1
}

.skyBlue {
    background: #a1def8
}

.zombieGreen {
    background: #3fbf79
}

.violet {
    background: #db6ac5
}

.yellowLight {
    background: #fee664
}

.steelGray {
    background: #cad3d0
}

.demos-row {
    margin-top: 30px;
    margin-bottom: 30px
}

.demo-page {
    margin-top: 0;
    margin-bottom: 100px
}

.demo-box {
    display: block;
    background: #f3f3f3;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.demo-box h3 {
    padding-bottom: 20px;
    margin: 0;
    color: #869690
}

.demo-wrapper {
    padding: 30px 30px 20px
}

.demo-slide .bg {
    background: #aebab6;
    margin-right: 1px;
    height: 100%
}

.demo-Json-custom .demo-slide,.demo-images .demo-slide,.demo-lazy .demo-slide {
    height: 40px;
    width: 33.3333333%
}

.demo-full .demo-slide {
    height: 40px;
    width: 25%
}

.demo-custom .demo-slide {
    height: 40px;
    width: 10%
}

.demo-height .demo-slide,.demo-one .demo-slide {
    height: 40px;
    width: 100%
}

.demo-Json .demo-slide {
    height: 40px;
    width: 20%
}

.demo-lazy .demo-slide .bg {
    background: url('../img/AjaxLoader.gif') center center no-repeat #aebab6
}

#changelog .label {
    margin-bottom: 10px
}

#changelog .log {
    margin-bottom: 30px;
    padding-bottom: 30px
}

#faq dt {
    line-height: 26px
}

#faq dd {
    line-height: 22px
}

@media (max-width: 979px) {
    .navbar-fixed-bottom .navbar-inner,.navbar-fixed-top .navbar-inner {
        padding:0
    }

    .navbar-fixed-bottom,.navbar-fixed-top {
        position: fixed
    }
}

@media (max-width: 480px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        position:static
    }

    #header {
        text-align: center;
        padding: 20px 0
    }

    #header .logo {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .hp-table .hp-table tbody,.hp-table table,.hp-table td,.hp-table th,.hp-table thead,.hp-table tr {
        display:block
    }

    .hp-table thead tr {
        display: none
    }

    .hp-table tr {
        border: 0 solid #ccc;
        margin-bottom: 10px
    }

    .hp-table td:before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .hp-table td:nth-of-type(2):before {
        content: "Default:";
        font-weight: 700
    }

    .hp-table td:nth-of-type(3):before {
        content: "Type:";
        font-weight: 700
    }

    .hp-table td:nth-of-type(4):before {
        content: "Description:";
        font-weight: 700
    }
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #040303
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-scrollbar,.swiper-scrollbar-drag {
    position: relative;
    border-radius: var(--swiper-scrollbar-border-radius,10px)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-scrollbar {
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active,.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active,.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cards,.swiper-cube,.swiper-flip {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}