@charset "utf-8";
@import "font-awesome.css";
@import "modules.css";
@import "noresponsive.css";
@import "carousel.css";

body {
    background: #fff;
    color: #222;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    line-height: 1.4
}
/*header{z-index:999;background:#e52d27;background:-webkit-linear-gradient(to right,#b31217,#e52d27);background:linear-gradient(to right,#b31217,#e52d27)}*/
.Wrapper {
    margin: 0 auto;
    max-width: 1920px;
}

.flexbox {
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.search {
    width: 14%
}

    .search input {
        float: left
    }

    .search input {
        border-radius: 4px 0 0 4px;
        width: 600px;
        height: 38px;
        border: 1px solid #ccc;
        text-indent: 5px;
        max-width: 85%;
        border-right: none
    }

    .search button {
        background-color: #fff;
        color: #d52422;
        padding: 8px 0;
        border-radius: 0 4px 4px 0;
        height: 38px;
        border: 1px solid #ccc;
        border-left: none;
        width: 100px;
        max-width: 15%
    }

        .search button i:before {
            content: "\f002";
            font: 17px/1 FontAwesome
        }

input:focus, textarea:focus, select:focus {
    outline-offset: unset !important
}

:focus {
    outline: unset !important
}
/*.icon-menu{background-image:url(images/logomenu.png);background-repeat:no-repeat;background-position-y:0;display:inline-block;width:80px;height:41px;content:" "}*/
h1.logo {
    width: 300px
}

.mn-beptu {
    background-position-x: 2px
}

.mn-bepgas {
    background-position-x: -80px
}

.mn-mayhutmui {
    background-position-x: -161px
}

.mn-mayruabat {
    background-position-x: -242px
}

.mn-lonuong {
    background-position-x: -243px
}

.mn-lovisong {
    background-position-x: -321px
}

.mn-chaurua {
    background-position-x: -402px
}

.mn-voirua {
    background-position-x: -561px
}

.mn-tulanh {
    background-position-x: -642px
}

.nav-menu-top {
    width: 55%
}

.mnTop span {
    display: block;
    height: 20px;
    overflow: hidden;
    margin-top: 2px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.mnTop li {
}

.cartTop {
    text-align: center;
    color: #fff;
    margin-right: 1%;
    position: relative;
    cursor: pointer;
    width: 6%
}

    .cartTop .fa {
        font-size: 25px;
        margin-bottom: 2px
    }

    .cartTop p {
        margin: 0;
        font-weight: 600;
        text-transform: uppercase
    }

    .cartTop span {
        font-size: 13px
    }

.dropdownCart {
    position: absolute
}

.dropdownCart {
    position: absolute;
    width: 250px;
    left: -160%;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 10px 5px 25px -6px #ccc;
    -moz-box-shadow: 10px 5px 25px -6px #ccc;
    box-shadow: 10px 5px 25px -6px #ccc;
    top: 100%;
    display: none;
    z-index: 999
}

    .dropdownCart li {
        padding: 5px
    }

.media img {
    max-width: unset
}

.media .title-cart {
    color: #607D8B;
    font-weight: 600
}

.cartTop .priceCart {
    color: #d00000;
    font-size: 13px
}

.dropdownCart li:hover {
    background: #f3f3f3
}

.ul-menu-muiten:after {
    height: 0;
    width: 0;
    position: absolute;
    top: -20px;
    right: 12px;
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    display: block
}

.cartTop:hover .dropdownCart {
    display: block
}

.nav-menu-top li:hover span {
    color: #FFEB3B
}

.slidehome {
    width: 75%;
    float: left
}

#sync2 {
    border-top: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid transparent
}

    #sync2 .item {
        display: table;
        vertical-align: middle;
        position: relative;
        background: #fff;
        text-align: center;
        cursor: pointer;
        height: 55px;
        font-size: 13px;
        width: 100%;
        border-right: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        color: #656565
    }

    #sync2 .owl-item.synced .item:before {
        content: '';
        position: absolute;
        top: -8px;
        left: calc((100% - 10px)/2);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 8px;
        border-color: transparent transparent #d6321c;
        z-index: 9
    }

    #sync2 .owl-item.synced .item {
        background-color: #d52421;
        color: #fff
    }

        #sync2 .owl-item.synced .item h3 {
            font-size: 13px;
            font-weight: 700
        }

    #sync2.owl-item:first-child .item {
        border-left: 1px solid #d4d4d4
    }

    #sync2 .item h3 {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        vertical-align: middle;
        display: table-cell;
        text-align: center;
        padding: 0 15px
    }

.slidenewTop {
    margin-top: 10px
}

.adv-newTop {
    float: right;
    width: 24.3%
}

.advtit {
    background: #db2723
}

    .advtit a {
        font: bold 13px/40px arial;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        width: 50%;
        position: relative;
        position: relative
    }

        .advtit a:nth-child(1):after {
            background: url(images/bg.png) no-repeat -267px -160px;
            width: 18px;
            height: 40px;
            content: ' ';
            background-size: 462px;
            right: -17px;
            bottom: 0;
            position: absolute;
            z-index: 1
        }

        .advtit a:nth-child(2) {
            color: #d32f2f;
            background: #db2723;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px
        }

.dot {
    width: 6px;
    height: 6px;
    background-color: #d0021b;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px
}

    .dot .ping {
        border: 1px solid #fff;
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: rgba(238,46,36,.2);
        border-radius: 100%;
        margin: -2px 0 0 -2px;
        -moz-animation: sonar 1.25s linear infinite;
        -o-animation: sonar 1.25s linear infinite;
        -webkit-animation: sonar 1.25s linear infinite;
        animation: sonar 1.25s linear infinite;
        display: block
    }

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

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

.newTopRight li:nth-child(1) {
    position: relative;
    padding-bottom: 0;
    list-style: none
}

    .newTopRight li:nth-child(1) .title-newTop {
        position: absolute;
        bottom: 0;
        background: #607d8bbd;
        padding: 10px;
        color: #fff
    }

.newTopRight li {
    padding: 10px 0;
    font-weight: 400;
    font-family: arial;
    list-style: inside;
    border-bottom: 1px solid #ececec;
    color: #656565;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.9
}

    .newTopRight li:hover {
        color: #d00000
    }

.newTopRight {
    margin-top: 10px
}

.thuonghieuMain h2 {
    color: #4a4a4a !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    align-self: center;
    float: left !important;
    width: 18%;
    padding: 29px 0;
    font-size: 14px;
    height: 110px;
    background: #215dad;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: left;
    color: white !important;
    padding-left: 10px;
    width: 240px;
    background: #fd6d1d;
    text-align: center;
}

section {
    clear: both;
    width: 100%;
    float: left
}

.list-brand-top {
    float: left;
    width: 75%;
}

.thuonghieuMain {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.bx-categoryMain {
    margin-top: 10px
}

.title-bx-main {
    background: url('https://ketsatphutai.vn/themes/default/images/center_bg.gif');
    width: 100%;
    float: left;
    background-size: 100px 42px;
    background: #f76518;
}

.name-ctgr-main {
    float: left;
    background: #006699;
    color: #fff;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    min-width: 230px;
    font-size: 13px;
}

    .name-ctgr-main:after {
        background: url(images/bg.png) no-repeat -267px -160px;
        width: 18px;
        height: 40px;
        content: ' ';
        background-size: 462px;
        right: -17px;
        bottom: 0;
        position: absolute;
        z-index: 1
    }

    .name-ctgr-main .mn-beptu {
        background-position-y: -4px;
        background-position-x: 5px;
        width: 70px
    }

    .name-ctgr-main .mn-bepgas {
        background-position-y: -4px;
        background-position-x: -97px;
        width: 70px
    }

    .name-ctgr-main .mn-mayhutmui {
        background-position-y: -4px;
        background-position-x: -175px;
        width: 70px
    }

    .name-ctgr-main .mn-mayruabat {
        background-position-y: -4px;
        background-position-x: -175px;
        width: 70px
    }

    .name-ctgr-main .mn-mayruabat {
        background-position-y: -4px;
        background-position-x: -256px;
        width: 70px
    }

    .name-ctgr-main .mn-lonuong {
        background-position-y: -4px;
        background-position-x: -335px;
        width: 70px
    }

    .name-ctgr-main .mn-lovisong {
        background-position-y: -4px;
        background-position-x: -415px;
        width: 70px
    }

    .name-ctgr-main .mn-chaurua {
        background-position-y: -4px;
        background-position-x: -495px;
        width: 70px
    }

    .name-ctgr-main .mn-voirua {
        background-position-y: -4px;
        background-position-x: -572px;
        width: 70px
    }

    .name-ctgr-main .mn-tulanh {
        background-position-y: -4px;
        background-position-x: -655px;
        width: 70px
    }

.ctgr-title-right {
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .ctgr-title-right li label {
        position: relative;
        font-size: 15px;
        font-family: arial;
        padding: 0 5px 0 10px;
        color: #d12221
    }

        .ctgr-title-right li label:after {
            content: "\f06d";
            position: absolute;
            left: -10px;
            top: 0;
            color: #d12221;
            font: normal normal normal 18px/1 FontAwesome
        }

    .ctgr-title-right a {
        padding: 0 3px;
        color: black;
        border-right: 1px solid #ffffff;
    }

        .ctgr-title-right a:hover {
            color: #FFEB3B;
        }

    .ctgr-title-right li {
        margin-right: 15px
    }

.row-ctgr {
    margin-left: -10px;
    margin-right: -10px
}

.col-item-prd {
    padding-left: 10px;
    padding-right: 10px
}

ul.list-ctgr li {
    float: left;
    margin-bottom: 15px;
    width: 25%;
}

    ul.list-ctgr li .itemprd {
        border: 1px solid #ddd;
        position: relative;
        text-align: center;
        background: #fff;
    }

.itemprd .info-itemprd h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 10px;
    color: #006ec5;
    height: 45px;
    font-weight: unset;
}

.bgh {
    height: 18px;
    text-align: center;
    font-family: arial;
    font-size: 16px;
    font-weight: 600;
}
/*.bgh:before{background-image:url(images/bgh.png);background-repeat:no-repeat;display:inline-block;width:80px;content:" ";background-size:300px;height:100%}*/
/*Clas Hãng Sản phẩm*/
.iaeg:before {
    background-position: 23px 3px;
    background-size: 280px
}

.iamica:before {
    background-position: -64px 1px;
    width: 60px
}

.iamts:before {
    background-position: -129px 4px;
    width: 40px
}

.iaosmith:before {
    background-position: -164px 2px;
    width: 72px
}

.iarber:before {
    background-position: -242px -4px;
    width: 64px
}

.ibalay:before {
    background-position: 1px -26px;
    width: 60px
}

.iberghoff:before {
    background-position: -71px -24px;
    width: 70px
}

.ibinova:before {
    background-position: -150px -24px;
    width: 60px
}

.iblanco:before {
    background-position: -228px -24px;
    width: 60px
}

.ibosch:before {
    background-position: 0 -50px;
    width: 73px
}

.icandy:before {
    width: 75px;
    background-size: 500px !important;
    background-position: -430px -557px
}

.ibrandt:before {
    background-position: -93px -57px;
    width: 63px;
    background-size: 330px
}

.icanzy:before {
    background-position: -154px -52px;
    width: 63px
}

.icariny:before {
    background-position: -222px -46px;
    width: 59px;
    background-size: 290px
}

.icarysil:before {
    background-position: 2px -76px;
    width: 70px
}

.icata:before {
    background-position: -65px -72px;
    width: 70px
}

.ichefs:before {
    background-position: -140px -73px;
    width: 56px
}

.iedesa:before {
    background-position: -202px -73px;
    width: 68px
}

.ielectrolux:before {
    background-position: 1px -111px;
    width: 81px;
    background-size: 330px
}

.ielmich:before {
    background-position: -84px -100px;
    background-size: 309px;
    width: 64px
}

.ielo:before {
    background-position: -148px -98px;
    width: 36px
}

.iemalia:before {
    background-position: -191px -95px;
    width: 68px
}

.ifaber:before {
    background-position: -235px -119px;
    width: 68px
}

.ifagor:before {
    background-position: -153px -120px;
    width: 68px
}

.ifaster:before {
    background-position: -80px -118px;
    width: 56px
}

.ifissler:before {
    background-position: 0 -133px;
    background-size: 280px;
    width: 39px
}

.ifivestar:before {
    background-position: 0 -142px;
    background-size: 350px;
    width: 82px
}

.ifranke:before {
    background-position: -45px -132px;
    background-size: 280px;
    width: 56px
}

.igiovani:before {
    background-position: -98px -133px;
    background-size: 280px;
    width: 56px
}

.ihafele:before {
    background-position: -161px -133px;
    background-size: 280px;
    width: 65px
}

.ihitachi:before {
    background-position: -185px -173px;
    background-size: 310px;
    width: 64px
}

.ikangaroo:before {
    background-position: -111px -189px;
    background-size: 340px;
    width: 76px
}

.ikernau:before {
    background-position: -32px -167px;
    width: 53px
}

.iking:before, .ikinghoff:before {
    background-position: -2px -201px;
    background-size: 310px;
    width: 73px
}

.ikitchinox:before {
    background-position: -91px -200px;
    background-size: 310px;
    width: 74px
}

.ikosco:before {
    background-position: -179px -202px;
    background-size: 310px;
    width: 74px
}

.ilg:before {
    background-position: -252px -193px;
    width: 44px
}

.ilorca:before {
    background-position: 0 -218px;
    width: 49px
}

.imalloca:before {
    background-position: -66px -232px;
    width: 75px;
    background-size: 320px
}

.imunchen:before {
    background-position: -150px -232px;
    width: 77px;
    background-size: 320px
}

.imunchen-l:before {
    background-position: -170px -262px;
    width: 86px;
    background-size: 360px
}

.inapoli:before {
    background-position: -228px -215px;
    width: 66px
}

.inapoliz:before {
    background-position: 0 -244px;
    width: 66px
}

.ineff:before {
    background-position: -69px -240px;
    width: 66px
}

.inodor:before {
    background-position: -147px -256px;
    width: 66px;
    background-size: 320px
}

.ipaloma:before {
    background-position: -219px -256px;
    width: 66px;
    background-size: 320px
}

.ipanasonic:before {
    background-position: -255px -298px;
    width: 66px;
    background-size: 340px
}

.ipyramis:before {
    background-position: -194px -354px;
    width: 80px;
    background-size: 400px
}

.irinnai:before {
    background-position: -72px -265px;
    width: 60px
}

.irobam:before {
    background-position: -3px -256px;
    width: 60px;
    background-size: 290px
}

.iseverin:before {
    background-position: 0 -288px;
    width: 70px
}

.ihenry:before {
    background-position: -79px -258px;
    background-size: 270px;
    width: 40px
}

.isevilla:before {
    background-position: -245px -162px;
    width: 61px
}

.isiemens:before {
    background-position: -145px -287px;
    width: 63px
}

.ismartcook:before {
    background-position: -258px -327px;
    width: 67px
}

.ismeg:before {
    background-position: 0 -310px;
    width: 60px
}

.isobisung:before {
    background-position: -68px -300px;
    width: 56px;
    background-size: 290px
}

.isunhouse:before {
    background-position: -142px -312px;
    width: 65px
}

.itaka:before {
    background-position: -214px -301px;
    width: 60px;
    background-size: 290px
}

.iteka:before {
    background-position: 0 -330px;
    width: 41px;
    height: 30px;
    background-size: 290px
}

.itopy:before {
    background-position: -51px -332px;
    background-size: 290px;
    width: 42px
}

.izelmer:before {
    background-position: -99px -332px;
    background-size: 290px;
    width: 66px
}

.ieurosun:before {
    background-position: -169px -333px;
    background-size: 290px;
    width: 82px
}

.imestik:before {
    background-position: 3px -354px;
    background-size: 290px;
    width: 70px
}

.idudoff:before {
    background-position: -61px -318px;
    background-size: 290px;
    width: 60px
}

.ilatino:before {
    background-position: -77px -341px;
    background-size: 280px;
    width: 65px
}

.ielica:before {
    background-position: -135px -329px;
    background-size: 300px;
    width: 50px
}

.iredsun:before {
    background-position: -166px -354px;
    background-size: 290px;
    width: 60px
}

.inamilux:before {
    background-position: 3px -377px;
    background-size: 290px;
    width: 55px
}

.isakura:before {
    background-position: -73px -376px;
    background-size: 290px;
    width: 55px
}

.igorlde:before {
    background-position: -140px -376px;
    background-size: 290px;
    width: 60px
}

.iberndes:before {
    background-position: -197px -374px;
    background-size: 288px;
    width: 55px
}

.ikorkmaz:before {
    background-position: -2px -396px;
    background-size: 290px;
    width: 55px
}

.ieurogold:before {
    background-position: -71px -382px;
    background-size: 280px;
    width: 70px
}

.ipetrolimex:before {
    background-position: -160px -395px;
    background-size: 290px;
    width: 70px
}

.iblum:before {
    background-position: -232px -395px;
    background-size: 290px;
    width: 60px
}

.ipetrovietnam:before {
    background-position: -2px -425px;
    background-size: 290px;
    width: 25px
}

.idynamic:before {
    background-position: -31px -428px;
    background-size: 300px;
    width: 60px
}

.ikendo:before {
    background-position: -232px -354px;
    background-size: 290px;
    width: 60px
}

.iwonderful:before {
    background-position: -97px -434px;
    background-size: 305px;
    width: 60px
}

.igoldsun:before {
    background-position: -146px -383px;
    background-size: 270px;
    width: 60px
}

.ireca:before {
    background-position: -203px -382px;
    background-size: 270px;
    width: 60px
}

.igado:before {
    background-position: -27px -450px;
    background-size: 300px;
    width: 55px
}

.ikiwa:before {
    background-position: -90px -450px;
    background-size: 300px;
    width: 55px
}

.ishinwoo:before {
    background-position: -158px -450px;
    background-size: 300px;
    width: 60px
}


.s {
    display: table
}

.s {
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    font-weight: 700;
    height: 15px;
    width: 70px;
    margin: 0 auto
}

.s5 {
    background-position: -367px -175px
}

.s4 {
    background-position: -367px -145px
}

.s3 {
    background-position: -367px -126px
}

.s2 {
    background-position: -367px -107px
}

.s1 {
    background-position: -367px -90px
}

.name {
    /* margin-bottom: 10px */
}

i.pr2.line-price {
    text-shadow: none;
    overflow: inherit;
    color: #6d6d6d;
    text-decoration: line-through;
    /* float: left; */
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
}

.prSale {
    color: #d62522;
    /* float: right; */
    font-size: 16px;
    font-weight: 700;
}

.row-pr {
    padding: 0 10px;
    margin: 10px 0;
    margin-bottom: 0px;
}
/*.btnViewprd{font-size:11px;background:#e52d27;background:-webkit-linear-gradient(to right,#b31217,#e52d27);background:linear-gradient(to right,#b31217,#e52d27);border-radius:5px;color:#fff;font:bold 12px/33px Arial;padding:0 15px;cursor:pointer;margin:0 2px}*/
.btnViewprd:hover {
    color: #fff
}

.ribon-box-qua {
    position: absolute;
    width: 40px;
    left: 10px;
    bottom: 11px
}

img.combo-icon {
    position: absolute;
    top: -1px;
    right: -11px;
    width: 100px
}

.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

    .ribbon span {
        font-size: 10px;
        font-weight: 700;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#F70505 0%,#8F0808 100%);
        box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
        position: absolute;
        top: 19px;
        left: -21px
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #8F0808;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #8F0808
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #8F0808;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #8F0808
        }

.name-ctgr-main span {
    text-transform: uppercase
}

.company-view {
    width: 100%;
    height: 272.5px;
    margin: 0 auto;
    margin-top: 20px;
    border-top: 2px solid #000
}

    .company-view .company-left {
        width: 70%;
        float: left
    }

.company-left .company-top-left, .fanpage-right .company-top-left {
    padding: 10px 0;
    background-color: #fff
}

    .company-left .company-top-left h3, .fanpage-right .company-top-left h3 {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 5px;
        padding-left: 5px
    }

.company-content-left .company-content {
    border-left: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    display: block;
    overflow: hidden;
    width: 100%
}

.company-content li {
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    cursor: pointer;
    float: left;
    overflow: hidden;
    position: relative;
    width: 20%;
    display: flex;
    padding: 10px 0;
    justify-content: center
}

.fanpage-right {
    float: left;
    width: 30%;
    padding-left: 10px
}

.red {
    color: #ed1a21
}

.add-fanpage {
    padding-left: 5px
}

.footerTop {
    padding-top: 10px
}

.tagline {
    padding: 33px 0
}

.muahang {
    width: 25%;
    float: left;
}

.toptit {
    margin-bottom: 20px;
    font: 16px/20px arial;
    color: #1f70b3;
    font-weight: 600
}

    .toptit:before {
        content: "\f095";
        font: 14px/20px FontAwesome;
        margin-right: 5px;
        color: #1699cf;
        vertical-align: top
    }

.muahang p {
    padding: 0px 10px;
    font: 14px/24px arial;
    font-style: italic;
    margin: 0px !important;
}

    .muahang p span {
        display: inline-block;
        width: 101px
    }

    .muahang p b {
        color: #444;
        font-size: 14px
    }

.incom {
    width: 75%;
    padding-left: 5%;
    float: left;
}

    .incom div {
        text-align: left;
        width: 33.33%;
        float: left;
    }

        .incom div:nth-child(1) label:before {
            content: "\f129"
        }

    .incom a {
        font: 13px/25px arial;
        color: #333;
        display: block
    }

    .incom div:nth-child(2) label:before {
        content: "\f0f6";
        font-size: 13px
    }

.prContact {
    float: unset
}

.manager {
    text-align: center;
    border: 1px solid #1f70b3;
    border-radius: 0;
    padding: 0;
    width: 39% !important
}

p.vuson-group {
    color: #fff;
    background: #006699;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: tahoma
}

.manager img {
    border-radius: 100%
}

p.name-manager {
    text-align: center;
    font-style: italic;
    font-weight: 600;
    font-size: 14px
}

.postvuson {
    padding: 10px;
    display: block;
    text-align: left
}

.ftTop {
    background: #f7f7f7;
    margin-top: 10px;
    padding-bottom: 10px
}

.diachishowroom {
    background: #006699;
    background: -webkit-linear-gradient(to right,#b31217,#e52d27);
    background: linear-gradient(to right,#00679d,#006dc3f7);
    padding: 10px 0;
    border-top: 7px solid #006699;
}

.title-store {
    font-size: 18px;
    /* margin: 0 0 15px; */
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 600;
    word-spacing: 2px;
    text-align: center;
    border-bottom: 1px solid #006699;
    /* padding: 10px 0 20px; */
    color: #fff;
}

ul.diachoshdk > li {
    width: 33.3%;
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 130px;
    float: left;
}

.store-info {
    float: left;
    vertical-align: top;
    font-size: 14px;
    color: #596067;
    font-family: 'Roboto',sans-serif
}

p.name-showroom {
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 5px;
    line-height: 18px
}

.store-info p {
    margin-bottom: 0;
    line-height: 21px;
    color: #fff
}

p.diachi {
    min-height: 42px
}

.showroom-ft {
    float: left;
    width: 100%
}

.store-info .fa {
    margin-right: 10px
}

.ft-bottom {
    padding: 0 10px;
    display: block;
    text-align: center;
    width: 100%;
    float: left;
}

.flexJus {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flexCen {
    display: flex;
    align-items: center;
    justify-content: center
}

.dmca {
    margin: 0 10px;
    width: 150px;
    height: 50px;
    background-position: -144px 1px
}

.bct {
    margin-right: 10px;
    width: 135px;
    height: 50px;
    background-position: 0 0
}

.ft-bottom a {
    display: inline-block;
    text-align: center;
    height: 50px;
    margin-top: 5px;
    justify-content: center;
    vertical-align: middle;
    line-height: 38px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.bg {
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
}

#copyright {
    display: inline-block;
    margin-left: 0;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: bold;
    color: #0770bf;
}

.switchview, .switchview:hover {
    background: #006699;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px
}

.breadcrumb {
    list-style: none;
    background-color: #fff;
    border-radius: 0;
    font-family: arial
}

.breachTop {
    margin: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.breadcrumb > .active {
    color: #d12220;
    font-weight: 700
}

.orderstyle li {
    float: left
}

    .orderstyle li.moselect a {
        color: #fff;
        background: #d82623
    }

    .orderstyle li a {
        font: 11px/22px arial;
        float: left;
        margin-right: 6px;
        padding: 0 5px;
        border: 1px solid #d82623;
        border-radius: 3px
    }

        .orderstyle li a:hover {
            background: #ff000014
        }

.colleft {
    padding-right: 1%;
    width: 20%;
    float: left;
}

.colright {
    width: 80%;
    float: right;
}

.colleft .find-advance {
    border: 1px solid #eee
}

.find-advance .bx-find-left {
    margin-bottom: 10px
}

    .find-advance .bx-find-left .title {
        padding: 5px 10px;
        font-size: 16px;
        font-weight: 700;
        color: #5f5f5f;
        border-bottom: 1px solid #eee
    }

.form-item {
    padding: 0 10px !important;
    margin-top: 10px !important
}

    .form-item li {
        margin-bottom: 20px
    }

.ibrand {
    height: 30px;
    margin-top: -6px;
    background: #de2a25;
    padding: 1px;
    width: 77px;
}

.note-ctgr {
    background: #ff000017;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 10px;
    font-family: arial
}

    .note-ctgr h1, .note-ctgr h2, .note-ctgr h3, .note-ctgr h4, .note-ctgr h5, .note-ctgr h6 {
        font-size: 18px;
        font-weight: 600
    }

.list-prd-ctgr ul.list-ctgr li {
    float: left;
    width: 25%
}

.itemprd .bgr-hover-prd {
    background: #2b2b2bbd;
    color: #fff;
    font-size: 15px;
    font-family: arial;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    min-height: 220px;
    padding: 20px;
    line-height: 2;
    border-bottom: 1px solid #ddd;
    pointer-events: none;
    -ms-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    pointer-events: none;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    text-align: left
}

.itemprd:hover .bgr-hover-prd {
    -ms-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.pagination > li > a, .pagination > li > span {
    border-radius: 50% !important;
    margin: 0 5px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e02a26;
    border-color: #e02a26
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: white;
    text-decoration: none;
    background-color: #aaa;
    border: 1px solid #aaa;
}

.pdl-small-images {
    width: 100%;
    margin-top: 10px
}

    .pdl-small-images .item {
        margin-bottom: 7px;
        text-align: center;
        overflow: hidden;
        padding: 0;
        width: 15%;
        float: left;
        border-radius: 0;
        margin-right: 10px
    }

        .pdl-small-images .item:last-child {
            margin-right: 0
        }

        .pdl-small-images .item a {
            display: block;
            vertical-align: middle;
            width: 100%;
            text-align: center;
            border: 2px solid #d00
        }

            .pdl-small-images .item a.active {
                border-color: #d00
            }

        .pdl-small-images .item .reponsive-img {
            display: block
        }

            .pdl-small-images .item .reponsive-img img {
                height: 65px;
                padding: 3px
            }

.pdl-image img {
    display: block;
    /* width: 100% */
    margin: auto !important;
}

.titleTopDetail .titleNamePrd {
    /* margin-bottom: 20px; */
    color: #215dad;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    float: left;
}

#page-main-detailprd section {
    margin: 0 !important
}

.title-star .s {
    display: inline-block
}

.area_price {
    display: block;
    overflow: hidden;
    line-height: 25px;
    padding: 0 0 10px
}

    .area_price label {
        display: inline-block;
        vertical-align: sub;
        font-size: 14px;
        color: #000;
        font-weight: normal;
    }

    .area_price > p > strong {
        display: inline-block;
        overflow: hidden;
        font-size: 24px;
        color: #d0021b;
        vertical-align: middle;
        margin-right: 5px;
    }

span.priceline {
    display: inline-block;
    text-decoration: line-through;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 400;
    margin-left: 5px;
    color: #6d6d6d;
}

.area_price span.five-7ngay {
    color: #d00;
    font-size: 16px;
    font-family: arial;
    font-weight: 600
}

.area_price br {
    margin-bottom: 10px
}

.area_order {
    display: block;
    overflow: hidden;
    margin: 10px 0
}

    .area_order .buy_now {
        float: left;
        width: 52%;
        overflow: hidden;
        padding: 9px 0;
        border-radius: 4px;
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #d00;
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#d00),to(#980101));
        background: -webkit-linear-gradient(top,#d00,#980101);
        background: -moz-linear-gradient(top,#d00,#980101);
        background: -ms-linear-gradient(top,#d00,#980101);
        background: #41a200;
    }

.area_price p {
    margin-bottom: 0px;
}

.area_order span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 400
}

.area_order .phone_pd_btn {
    line-height: normal;
    float: right;
    width: 46%;
    padding: 9px 0;
    text-align: center;
    background: linear-gradient(to right,#006699,#006ec5);
    color: #fff;
    border-radius: 4px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.prd-gift.giftdetail .gift-show .gift-info .gift-name {
    margin-bottom: 5px
}

.giftdetail .gift-show {
    width: 50%;
    float: left;
    margin-bottom: 10px
}

.policy_pd {
    display: block;
    overflow: hidden;
    margin: 0;
    margin-bottom: 15px
}

    .policy_pd p {
        display: block;
        overflow: hidden;
        padding: 0 10px 0 0;
        font-size: 14px;
        font-family: tahoma;
        color: #333;
        margin-bottom: 0
    }

    .policy_pd a {
        color: #288ad6
    }

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

.xhtn li {
    font: 11px/15px arial;
    float: left;
    width: 31.33%;
    margin: 1%;
    padding: 1%;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.bgb {
    background-image: url(images/bgbosch.png);
    background-repeat: no-repeat
}

.ixtt {
    background-position: -105px -51px
}

.ighmp {
    background-position: -153px -51px
}

.ickgr {
    background-position: -200px -51px
}

.ilapdat {
    background-position: -280px -7px
}

.igiaohang {
    background-position: -248px -51px
}

.ithanhtoan {
    background-position: -295px -51px
}

.xhtn i {
    width: 34px;
    height: 33px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px
}

.prd-gift {
    min-height: 80px !important;
    padding: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .prd-gift .title-gift {
        text-align: center;
        position: relative;
        z-index: 0
    }

        .prd-gift .title-gift .title {
            font-size: 14px !important;
            font-weight: 500;
            display: inline;
            background-color: #fff;
            padding: 0 1rem;
            color: #FF5722 !important;
            background-color: #fff;
            color: #2e2e2e
        }

            .prd-gift .title-gift .title i {
                margin-right: 4px
            }

        .prd-gift .title-gift:after {
            content: '';
            position: absolute;
            bottom: 6px;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #e9ecef
        }

    .prd-gift .gift-show {
        display: block
    }

        .prd-gift .gift-show .row {
            margin: 0
        }

        .prd-gift .gift-show .row {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-items: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .prd-gift .gift-show .gift-info .gift-name {
            display: block;
            display: -webkit-box;
            max-height: 30px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-weight: 600;
            font-size: 13px;
            line-height: 14px
        }

.color-brand-primary {
    color: #E7192D;
    font-weight: 600
}

h6.gift-price.font-regular {
    font-size: 12px
}

.prd-gift .gift-show .gift-info {
    padding: 2rem .5rem
}

.fix-row-5 {
    margin-left: -5px !important;
    margin-right: -5px !important
}

.fix-padding-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.dbs {
    margin-bottom: 10px !important;
    background: #f5f5f5;
    padding: 10px 20px !important;
    min-height: 290px;
    overflow-y: scroll
}

    .dbs li {
        font: bold 12px/18px arial;
        color: #555;
        cursor: pointer
    }

        .dbs li:hover {
            color: #E7192D
        }

        .dbs li:nth-child(1) {
            font: bold 13px/30px arial;
            text-indent: 20px;
            margin-bottom: 5px;
            background: url(images/bgbosch.png) -321px -1px no-repeat
        }

.btn-tragop, .btn-tragop:active, .btn-tragop:visited, .btn-tragop:focus {
    background: #FF5722;
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

    .btn-tragop span {
        display: block;
        font-weight: 400
    }

    .btn-tragop:hover {
        color: #fff;
        background: #ef6439
    }

.tg-tab-tb {
    margin: 15px 0;
    display: table;
    width: 100%
}

.tg-tab-tdl {
    display: table-cell;
    width: 39.5%;
    min-height: 400px
}

.tg-tab-tdr {
    display: table-cell;
    vertical-align: top;
    width: 60.5%;
    border: 1px solid #ddd;
    padding: 30px 0 0 40px;
    font-family: arial
}

.tg-tab-titl {
    text-align: center;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    background: #c3281d;
    display: block;
    padding: 20px 0 25px
}

.tg-tabul {
    padding: 25px 0 75px 15px;
    background-color: #f2f2f2
}

    .tg-tabul > li > a > p {
        color: #34495e;
        font-size: 14px;
        font-family: arial;
        position: relative;
        padding: 12px 25px 12px 0;
        line-height: 22px
    }

        .tg-tabul > li > a > p > span {
            display: inline-block;
            float: left;
            margin: 0 10px;
            color: #FFF;
            padding: 1px 8px;
            background: #34495e;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .tg-tabul > li.active {
        background: #FFF;
        position: relative;
        right: -1px
    }

        .tg-tabul > li.active > a > p {
            color: #c3281d
        }

            .tg-tabul > li.active > a > p > span {
                background: #c3281d
            }

.tab-content > .tab-tabul {
    display: none
}

    .tab-content > .tab-tabul.active {
        display: block
    }

.tg-tab-scroll {
    overflow: auto;
    max-height: 400px
}

.tg-tab-itit {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c3281d;
    padding-bottom: 11px
}

.tg-tabr-p {
    margin-left: 30px
}

    .tg-tabr-p li {
        font-size: 14px;
        padding: 7px 4px
    }

.tg-tab-ulsel {
    display: table-cell;
    width: 80px;
    vertical-align: top;
    font-size: 14px;
    color: #c3281d
}

.tg-tab-ulifo {
    display: table-cell;
    vertical-align: top
}

    .tg-tab-ulifo p {
        margin-bottom: 5px;
        padding-left: 14px
    }

.tg-tab-tcc {
    font-size: 14px;
    display: inline-block;
    margin-top: 2px
}

.tg-tabr-p p i.fa {
    color: #c3281d;
    font-size: 13px;
    padding-right: 5px
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0;
    background: #fff;
    opacity: 1;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: -5px;
    right: -5px;
    position: absolute;
    text-align: center;
    font-size: 20px;
    z-index: 999999
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    opacity: 1
}

.fix-modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0
}

.fix-modal .modal-header {
    padding: 0;
    border-bottom: 0
}

.title-trg {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 40px 0
}

.trg-tbnoti table tr td {
    width: 20%
}

.trg-tbnoti table > thead > tr > th, .trg-tbnoti table > tbody > tr > th, .trg-tbnoti table > tfoot > tr > th, .trg-tbnoti table > thead > tr > td, .trg-tbnoti table > tbody > tr > td, .trg-tbnoti table > tfoot > tr > td {
    vertical-align: top
}

.info-showroom {
    text-align: center;
    padding-top: 35px;
    font-size: 15px
}

p.title-shr {
    font-weight: 700;
    font-size: 18px;
    color: #d8241b
}

i.fa.fa-google {
    color: #db2724
}

i.fa.fa-facebook-square {
    color: #4267b2
}

.modal-body .info-showroom .fa {
    margin-right: 5px
}

.location-showroom .wrapper {
    width: 1100px;
    margin: 0 auto
}

.location-showroom h4 {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px
}

.box-item-order {
    background: #fff;
    color: #fff;
    padding: 10px;
    height: 350px;
    overflow-y: scroll
}

    .box-item-order .item-order {
        position: relative;
        padding: 8px 25px;
        margin: 0;
        cursor: pointer;
        font-family: tahoma;
        color: #215dad;
    }

ul#locations li {
    color: gray
}

    ul#locations li:hover {
        color: #db2724
    }

.box-item-order .item-order:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 15px;
    margin-top: -5px;
    background: #bbd6f1;
    border-radius: 50%;
    z-index: 1
}

.box-item-order .item-order:before {
    background: #FFEB3B
}

.box-item-order .item-order:after {
    content: '';
    width: 3px;
    height: 100%;
    left: 9px;
    top: 10px;
    background: #d6e7f7;
    display: block;
    position: absolute
}

.box-item-order .item-order:first-child:after {
    height: 100%;
    top: 15px
}

.box-item-order .item-order:nth-child(2n+1):after {
    content: '';
    width: 3px;
    height: 100%;
    left: 9px;
    top: 20px;
    background: #d6e7f7;
    display: block;
    position: absolute
}

.box-item-order .item-order:nth-child(2n+1):after {
    background: #FFC107
}

.box-item-order .item-order:last-child:after {
    background: transparent
}

section.location-showroom {
    background: #f3f3f3;
    padding: 30px 0
}

.product-other {
    /* margin-top: 20px */
    text-align: center;
    border: 1px solid #ccc;
    padding: 0px 20px;
}

    .product-other h3.title, .coment-post h3 {
        font-size: 23px;
        font-weight: 600;
        color: black;
        margin-bottom: 20px;
        clear: both;
    }

.content-detail {
    margin-top: 20px
}

.post-entry {
    font-family: arial
}

    .post-entry .title {
        font-size: 26px;
        margin-bottom: 20px;
        clear: both;
        text-align: center;
    }

.expand.js-content {
    overflow: hidden;
    margin-bottom: 15px;
    max-height: 600px
}

.show-more {
    margin-bottom: 12px;
    margin-top: 5px;
    color: #242424
}

    .show-more #js-show-more, .show-more .viewnext {
        display: block;
        color: #189eff;
        text-align: center;
        width: 400px;
        border: 1px solid #189eff;
        height: 39px;
        line-height: 39px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 400;
        margin: 15px auto 10px
    }

.article-content .js-content.expand + .show-more::before {
    content: "";
    height: 55px;
    margin-top: -45px;
    position: relative;
    background: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(0.5,#fff),to(rgba(255,255,255,0)));
    display: block
}

.coment-post {
    margin-top: 20px
}

.tt li {
    width: 100%;
    float: left;
    margin: 15px 0;
    padding: 10px 0;
    border-top: 1px solid #ddd
}

    .tt li .ttimg {
        width: 190px;
        float: left;
        margin-right: 20px
    }

    .tt li:nth-child(1) .ttimg, .tt li:nth-child(2) .ttimg, .tt li:nth-child(3) .ttimg {
        width: 100%;
        float: unset;
        margin-right: 0
    }

    .tt li:nth-child(1), .tt li:nth-child(2), .tt li:nth-child(3) {
        padding: 0 0 15px;
        border-top: none;
        margin-top: 0;
        width: 32.6%;
        margin: 0 1% 0 0;
        float: left
    }

    .tt li:nth-child(3) {
        margin-right: 0
    }

.news-list .title-new {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-list p {
    text-align: justify;
    font-size: 15px;
    color: #8a8a8a;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.time-new {
    font-style: italic;
    color: gray
}

.tt li .hm-responsive {
    padding-top: 70%
}

.tt li:nth-child(1) .hm-responsive, .tt li:nth-child(2) .hm-responsive, .tt li:nth-child(3) .hm-responsive {
    padding-top: 55%;
    margin-bottom: 10px
}

.tt li:hover .title-new {
    color: #db2724
}

.col-tuvanmuahang .title-tuvan {
    background: #b31217;
    color: #fff;
    padding: 10px;
    text-align: center
}

.list-danhmucnew {
    border: 1px solid #ddd
}

    .list-danhmucnew li {
        background: #e8e8e8;
        padding: 5px 10px
    }

        .list-danhmucnew li a {
            display: block;
            text-align: center;
            padding: 15px 10px;
            background: #fff;
            font-size: 16px;
            color: #5f5f5f;
            font-family: tahoma
        }

            .list-danhmucnew li a:hover {
                box-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 5px #7b7b7b;
                color: #e02b25;
                font-weight: 600
            }

.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600
}

.post-entry {
    font-family: arial;
    font-size: 16px;
    line-height: 1.6
}

    .post-entry .titleNew {
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 400
    }

.dtoptime {
    display: flex;
    font-size: 14px;
    margin-bottom: 10px;
    color: gray
}

    .dtoptime div {
        margin-right: 10px
    }

.r2 {
    text-align: center;
    color: #b31217;
    font: 26px/36px arial;
    display: block
}

    .r2 span {
        display: block;
        font-size: 16px;
        font-family: tahoma;
        font-weight: 600
    }

.title-landing {
    padding: 20px
}

section.list-prd-landing {
    background: #8a9ca5;
    padding-top: 20px
}

.wrapcenter {
    width: 1100px;
    margin: 0 auto
}

.title-section {
    margin-top: 20px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px
}

.customer-profit-area ul.list-profit {
    text-align: center
}

.customer-profit-area ul.list-profit {
    margin: 2rem 12rem
}

    .customer-profit-area ul.list-profit li {
        display: inline-block;
        margin: .75rem;
        width: 30%
    }

        .customer-profit-area ul.list-profit li a {
            display: block;
            border: 1px solid #e9ecef;
            border-radius: .5rem;
            vertical-align: middle
        }

            .customer-profit-area ul.list-profit li a .el {
                display: inline-block;
                vertical-align: middle
            }

                .customer-profit-area ul.list-profit li a .el.el-icon {
                    width: 45%;
                    padding: 1.5rem .5rem 1.5rem 2rem
                }

                    .customer-profit-area ul.list-profit li a .el.el-icon .icon {
                        text-align: center
                    }

.customer-profit-area .icon img {
    width: 100px
}

.customer-profit-area ul.list-profit li a .el.el-content {
    width: 52%
}

    .customer-profit-area ul.list-profit li a .el.el-content .content {
        color: #555;
        font-family: arial;
        line-height: 1.5;
        font-size: 13px
    }

.font-bold {
    font-weight: 600
}

.section.customer-profit-area {
    padding: 20px 0
}

section.location-landing {
    padding: 30px 0
}

.signup-form {
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 0 12px 50px rgba(0,0,0,0.15),0 7px 24px rgba(0,0,0,0.12);
    box-shadow: 0 12px 50px rgba(0,0,0,0.15),0 7px 24px rgba(0,0,0,0.12);
    padding: .5rem 3rem 1rem;
    margin: 1rem 0
}

.signup-form {
    padding: 2rem 3rem 1rem
}

    .signup-form h4 {
        font-size: 20px;
        color: #e42d27;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase
    }

.item-brand-ctgr {
    position: relative;
    margin-bottom: 30px
}

    .item-brand-ctgr .hm-responsive {
        padding-top: 70%
    }

    .item-brand-ctgr .title {
        background: #464646a3;
        color: #fff;
        font-weight: 600;
        padding: 10px;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
        font-family: roboto;
        text-transform: uppercase
    }

    .item-brand-ctgr:hover .title {
        background: #bf0000e8;
        color: #fff
    }

section.Cartone {
    font-family: arial;
    margin-top: 20px
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.bg-dark {
    background-color: #d72623 !important
}

.text-light {
    color: #f8f9fa !important;
    font-size: 18px
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.card-footer {
    text-align: center;
    padding: 0.75rem 1.25rem;
    /* background-color: rgba(0,0,0,.03); */
    /* border-top: 1px solid rgba(0,0,0,.125); */
    /* margin-top: 50px; */
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
        text-align: center;
    }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-next-order {
    font-size: 18px;
    background: #41a200;
    border: 1px solid #41a200;
    color: #fff;
    font-weight: 400;
    float: right;
}

    .btn-next-order:hover, .btn-next-order:hover {
        color: #fff !important
    }

.btn-stop-order {
    font-size: 18px;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #183544;
    font-weight: 400
}

.form-group {
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 100%
}

.title-label {
    margin-bottom: 10px
}

.card form input.form-control {
    height: 37px
}

.form-info-muahang .radio {
    padding-left: 5px
}

    .form-info-muahang .radio label {
        font-weight: 500;
        font-size: 16px;
        color: #7d7d7d
    }

.panel-hoadon {
    font-size: 15px
}

    .panel-hoadon .name-prd-order {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 5px
    }

    .panel-hoadon .number-prd-order {
        font-size: 12px;
        color: #888
    }

    .panel-hoadon .panel-body {
        border: 1px solid #eee
    }

.footer-order {
    font-size: 15px
}

span.phanloai-ord {
    border: 1px solid #e2e2e2;
    font-size: 13px;
    padding: 3px 5px;
    background: #fff
}

.card-header {
    font-family: roboto;
    font-weight: 600;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-color: #003e52;
    color: #fff;
    position: relative
}

.form-info-muahang .radio {
    padding-left: 20px;
    margin-bottom: 0;
}

.table-my-order {
    text-align: left
}

.datedh {
    font-style: italic
}

.card-body .title {
    color: #000;
    float: left;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    /* padding-bottom: 10px */
    text-align: center;
}

.cart-giohang {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto
}

.btn-number-gr {
    background: #fff;
    color: #000;
    border: 1px solid #d4d4d4 !important
}

.list-quatang {
    font-size: 13px;
    color: #1699cf;
    line-height: 1.6
}

.w20, .w30, .w40, .w50, .w60, .w70, .w80 {
    padding-left: 15px;
    padding-right: 15px
}

.w30p {
    width: 30% !important;
    margin-right: 10px
}

img.img-thumb-small-table {
    height: 100px;
    object-fit: contain;
}

.titleprd {
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px dotted #d7d7d7
}

.back-to-top {
    background-color: #d72623
}

.box-list-callshowroom {
    border: 2px solid #ec0000;
    padding: 10px;
    position: relative;
    margin: 10px 0;
    padding-top: 40px
}

    .box-list-callshowroom .title {
        position: absolute;
        background: #ec0000;
        padding: 5px 10px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 50px;
        top: -15px;
        left: 20%;
        right: 20%;
        text-align: center
    }

.tableCallBuy tr td {
    width: 50%;
    padding: 0 10px
}

    .tableCallBuy tr td:nth-child(2) {
        font-size: 15px;
        font-weight: 600;
        padding-left: 20px
    }

.selectoder label {
    color: #ce0000 !important;
    font-weight: 600 !important;
    font-size: 14px !important
}

.boxAdr {
    background: #eaeaea;
    margin: 15px;
    padding: 10px;
    position: relative
}

.box-adr-user.ul-menu-muiten:after {
    border-bottom: 10px solid #eaeaea;
    left: 30px
}

.box-adr-showroom.ul-menu-muiten:after {
    border-bottom: 10px solid #eaeaea;
    left: 200px
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #333;
    background-color: #fff;
    border-color: #e0e0e0
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: #fff
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #8c8c8c
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #000
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 1px !important;
    outline: 1px !important;
    outline-offset: -2px
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    margin-bottom: 10px
}

.list-goShowroom label {
    color: #333 !important;
    font-weight: 400 !important
}

.list-goShowroom {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden
}

    .list-goShowroom .radio {
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 5px;
        margin-bottom: 10px
    }

.colright .thuonghieuMain h2 {
    height: 65px;
}

#sync2 img {
    padding: 5px;
}




/*SearchTop*/
.resuiltSearch {
    display: none;
    position: absolute;
    z-index: 10;
    top: 125%;
    left: 0;
    background: #ffffff;
    border-top: 1px solid #eee;
    padding: 10px 5px !important;
    box-shadow: 0 10px 25px -10px #000;
    width: 350px;
}

    .resuiltSearch.ul-menu-muiten:after {
        left: 20px
    }

    .resuiltSearch .name-prd {
        font-weight: 600;
        color: #607D8B
    }

    .resuiltSearch .pri-item {
        font-size: 14px;
        color: #d32321;
        font-weight: 600;
        margin-bottom: 0
    }

    .resuiltSearch li {
        margin-bottom: 5px;
        border-bottom: 1px dashed #eee
    }

        .resuiltSearch li:hover .name-prd {
            color: #000
        }

ul.diachoshdk {
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
}

.name-ctgr-main h1 {
    font-size: 18px;
    padding: 0px 15px;
}

.ctgr-title-right li a.itemprop:hover {
    color: #ffce00;
}

.incom-menu {
    width: 32.6%;
}

.fb-page.fb_iframe_widget {
    width: 100%;
}

    .fb-page.fb_iframe_widget iframe {
        width: 100% !important;
    }

header#fix_header {
    z-index: 2;
}

.muahang.company {
    border: 1px solid #e14304;
    padding: 0px;
}

.company label {
    width: 100%;
    text-align: center;
    background: #e14304;
    padding: 10px;
    color: white;
}

.company img {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}

.pull-right {
    float: right !important;
}

p.mrTai {
    font-weight: bold;
    text-align: center;
    height: 20px;
    font-style: italic;
}

/*css Call*/
.support-online {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.support-online .btn-support {
    cursor: pointer;
}

.support-online a {
    display: block;
}

.support-online a {
    position: relative;
    margin: 17px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
}

.support-online i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

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

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

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

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}


/*css support online*/
.support-online {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: -5px;
}

    .support-online a {
        position: relative;
        margin: 17px 10px;
        text-align: left;
        width: 40px;
        height: 40px;
    }

    .support-online i {
        width: 40px;
        height: 40px;
        background: #43a1f3;
        color: #fff;
        border-radius: 100%;
        font-size: 20px;
        text-align: center;
        line-height: 1.9;
        position: relative;
        z-index: 999;
    }

    .support-online a span {
        border-radius: 2px;
        text-align: center;
        background: #43a1f37d;
        padding: 9px;
        display: block;
        width: 135px;
        margin-left: 10px;
        position: absolute;
        color: #fe0b0b;
        z-index: 999;
        font-size: 19px;
        top: 0px;
        left: 40px;
        transition: all 0.2s ease-in-out 0s;
        -moz-animation: headerAnimation 0.7s 1;
        -webkit-animation: headerAnimation 0.7s 1;
        -o-animation: headerAnimation 0.7s 1;
        animation: headerAnimation 0.7s 1;
    }

    /*.support-online a:hover span {
        display: block;
    }*/

    .support-online a {
        display: inline-block;
    }

        .support-online a span:before {
            content: "";
            width: 0;
            height: 0;
            /*  border-style: solid;
            border-width: 10px 10px 10px 0;
            border-color: transparent #43a1f330 transparent transparent;
            position: absolute; */
            left: -10px;
            top: 10px;
        }

.alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
    right: -10px;
}

.alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

.support-online .btn-support {
    cursor: pointer;
}

.monopoly-box {
    text-indent: -9999px;
    margin: 0;
    position: absolute;
    background: url(images/present-box.gif) 0 0/35px 35px no-repeat;
    width: 35px;
    height: 35px;
    left: 10px;
    bottom: 10px;
    background: url('https://ketsatphutai.vn/Content/images/docquyen.gif') 0 0/100px 55px no-repeat;
    width: 100px;
    height: 60px;
    left: 50px;
    top: -7px;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 7px !important
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #aaa
}

.flexCen {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price.box.row-pr.all {
    margin: 5px 0px;
}

    .price.box.row-pr.all p {
        margin: 0px;
        min-height: 25px;
    }

.view-more-home {
    position: relative;
    float: right;
    height: 25px;
}

    .view-more-home a {
        background: #5263b5;
        color: white;
        margin: 3px 0px 1px;
        padding: 5px 20px;
        position: absolute;
        right: 0px;
        top: -10px;
        border-radius: 5px;
    }

.info-company-bottom.all {
    padding: 0px 5%;
}

ul.list-ctgr.same-hang li {
    margin-bottom: 10px;
}

.same-hang h3.name {
    font-size: 13px;
    margin: 0px;
    height: 40px;
    -webkit-line-clamp: 2;
}

ul.list-ctgr.same-hang {
}

.same-hang .price p {
    font-size: 13px;
}

.same-hang .price i.prSale {
    font-size: 13px;
}

.same-type li .thongtin p {
    font-size: 11px;
    padding: 0px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 20%;
    background: white;
    color: black;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 20%;
    background: white;
    color: black;
}

.noidungmau {
    display: block;
    float: left;
    width: 100%;
    border: 1px solid #fd6e1d;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.ribbon1 {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

    .ribbon1 span {
        width: 100px;
        display: block;
        position: absolute;
        background-image: url('/Content/skins/images/khuyenmai.gif');
        background-size: 75px;
        height: 100%;
        background-repeat: no-repeat;
    }

.ribbon2 {
    position: absolute;
    left: 0px;
    top: 125px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 25px;
    padding: 0px !important;
}

    .ribbon2 span {
        width: 100%;
        display: block;
        position: absolute;
        background-size: 75px;
        height: 100%;
        background-repeat: no-repeat;
        background: #fbda00;
        font-size: 12px;
        color: #000;
        border-radius: 2px;
        line-height: 18px;
        text-align: center;
        padding: 0 5px;
        line-height: 25px;
        color: black;
    }

.ribbon8 {
    position: absolute;
    right: 0px;
    top: 125px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 25px;
    padding: 0px !important;
}

    .ribbon8 span {
        width: 100%;
        display: block;
        position: absolute;
        background-size: 75px;
        height: 100%;
        background-repeat: no-repeat;
        background: #de2900;
        font-size: 12px;
        color: #000;
        border-radius: 2px;
        line-height: 18px;
        text-align: center;
        padding: 0 5px;
        line-height: 25px;
        color: white;
    }

li.newHome {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #f1f1f1;
    padding: 10px 0px;
}

a.titleNewsHome:hover {
    color: #f86618;
    font-weight: bold;
}

.boxEmail {
    position: fixed;
    bottom: 70px;
    left: 100px;
    background: #43a1f3;
    padding: 20px;
    border-radius: 5px;
    color: white;
}

.all-payment {
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 5px;
}

    .all-payment .payment_box {
        background-color: #fff;
        border-radius: 2px;
        box-sizing: border-box;
        color: #515151;
        font-size: 0.92em;
        line-height: 1.5;
        margin: 1em 0;
        padding: 1em;
        position: relative;
        width: 100%;
        display: none;
    }

.payment-method {
    display: block;
    overflow: hidden;
    padding: 15px;
}

.all-payment .payment_box::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 1em;
    content: "";
    display: block;
    left: 0;
    margin: -1em 0 0 2em;
    position: absolute;
    top: -0.75em;
}

.box-phuongthucthanhtoan {
    margin-top: 10px;
}
a.bg.bct {
    background: url(/Content/images/thongbaobct.jpg);
    background-size: contain;
}
.area_order.btn_orderDetail a {
    display: inline-block;
    float: left;
    width: 31.3%;
    margin: 0px 1%;
}

.header-sort-cate {
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    border-bottom: 1px solid #eee;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    display: block;
    float: left;
}

.er-sort-cate {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

    .er-sort-cate h3 {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        float: left;
    }

    .er-sort-cate ul {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

        .er-sort-cate ul li {
            padding: 0 0 0 20px;
        }

            .er-sort-cate ul li a {
                color: #000;
                font-size: 14px;
                display: flex;
                display: -webkit-flex;
                align-items: center;
            }

                .er-sort-cate ul li:hover a::before, .er-sort-cate ul li a.active::before {
                    content: "\f192";
                    font-family: "FontAwesome";
                    color: #ff910d;
                }

                .er-sort-cate ul li a::before {
                    content: "\f10c";
                    font-family: "FontAwesome";
                    margin: 0 8px 0 0;
                    font-size: 16px;
                    color: #a6a6a6;
                }

.loading {
    background: #000;
    opacity: 0.5;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

    .loading .icon {
        background: url(/Content/pc/images/ajax-loader.gif) no-repeat center center / 50px 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
    }
ul.seen-product li {
    background: white;
    padding: 10px;
    margin: 5px;
}
h3.seen-title {
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 5px 5px 5px;
}
.seen-box {
    background: #f3f3f3;
}

.sale-flash {
    position: absolute;
    font-size: 16px;
    color: #FFF;
    width: 46px;
    font-weight: 700;
    height: 30px;
    line-height: 27px;
    text-align: center;
    top: 0px;
    left: -6px;
    z-index: 1;
    padding-left: 5px;
}

    .sale-flash.new {
        background-image: url(https://bizweb.dktcdn.net/100/362/076/files/sale-1.png?v=1576401156207);
    }
img {
    transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
img[data-src] {
    opacity: 0;
    background-color: red; /* Initial thumbnail background color */
}

    img[data-src].loaded {
        opacity: 1;
        background-color: transparent; /* Background becomes transparent when image is loaded */
    }
table.table.table-striped.tableCallBuy.Top5 tr td:first-child {
    font-weight: bold;
}