@font-face {
    font-family: 'FontAwesome';
    src: url(../Content/fonts/awesome/fontawesome-webfont.ttf);
    src: url('../Content/fonts/awesome/fontawesome-webfont.ttf') format('embedded-opentype'),url(../Content/fonts/awesome/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url('../Content/fonts/awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    background-color: #fff;
    overflow-x: auto;
    min-width: 1200px
}

body, input, button, option, textarea, legend, h4, h5, h6 {
    font: 14px/18px Arial, Helvetica, sans-serif;
    color: #333;
    outline: none
}

h1 {
    font: 28px/25px arial
}

a {
    text-decoration: none;
    color: #1d537f
}

a:hover {
    text-decoration: none;
    color: #ff6100
}

* {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

hr {
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    border-top: none;
    clear: both
}

.headpage {
    margin-bottom: 10px;
    padding: 10px 0;
    height: 34px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.head-module {
    margin: 20px 0
}

.head-module .flexJus, .head-module .flexCen {
    height: 40px
}

header .b {
    position: relative
}

.catetag {
    background: #f3f3f3;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    height: 48px;
}

.catetag a {
    display: inline-block;
    margin: 15px 10px;
}

.catetag a::before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 5px;
}

.i img {
    width: 100%
}

.sapo {
    padding: 15px;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    margin-bottom: 10px;
}

.sapo h2 {
    margin-bottom: 5px;
    font-size: 16px;
}

.b, .b2, section {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.b3 {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

.fl, .slidehome, .shock-m li, .shock-p a, .shock, .search input, .fsl, .fsr, .ai, .anv, .anv img, .muahang, .incom, .leftm, .colleft {
    float: left
}

.fr, .advht, .fsl span, .follow, .colright {
    float: right
}

.cl, footer, .shock-m:after, nav {
    clear: both;
    display: table;
    content: " "
}

.b, .b2, section, .pi, .pir, .s, header, footer, nav, .shock {
    width: 100%
}

section {
    margin-top: 10px;
    margin-bottom: 10px
}

.f, .bst, .shock-p, .dbox, .comact, .bpq, .bpq2, .r1, .r2, .banner, .banner img, .boxpro {
    float: left;
    width: 100%
}

.colleft {
    padding-right: 1%;
    width: 18%
}

.colright {
    width: 82%
}

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

.w80 {
    width: 80%
}

.w60 {
    width: 60%
}

.w70 {
    width: 70%
}

.w50 {
    width: 50%
}

.w40 {
    width: 40%
}

.w30 {
    width: 30%
}

.w20, .menufac p a, .five a {
    width: 20%
}

.dbox {
    margin: 40px 0
}

.hide, .bs {
    display: none
}

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

.show, .tvmp b, .sht, .sn label, .anv label, .incom a, .btn2, .btn2 span, .dd:hover > .menulist, .op label, .six .pr, .hcmenu li:hover > ul, .r2 i, #PP label, #PP a, .toptit, .camket li span b {
    display: block
}

.show {
    display: block !important
}

.inline, .shock-m div, .shock-m li h2 {
    display: inline
}

.logo, .btn, .ibf, .cart, .tvmp, .dv i, .camket div, .fsl i, .fsl span, .anv label, .follow a, .follow span, .bsf a, .shock-p a, .menufac p a, .nhan i, .hctit h2, .hctit a, .hctit div, .hcnew, #PP a, .mi i, .mi2, .mi2 i, .comact span {
    display: inline-block
}

.flexCen, .pn, .pn2, .pi, .ser, .dv li, .camket li, .follow, .psnext, .psback, .op, .op0, .search {
    display: flex;
    align-items: center;
    justify-content: center
}

.flexJus, .anv ul, .shock-p, .pw {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flexNor {
    display: flex;
    align-items: center
}

.flexL {
    display: flex;
    justify-content: flex-start;
}

.flexR {
    display: flex;
    justify-content: flex-end;
}

.s, .b2 {
    display: table
}

.flexCol, .op .pp, .ttcol3 {
    display: flex;
    flex-direction: column
}

.flex, .box_footer ul, .dd:hover > .menufac, .dd:hover > .menugd, .hcmenu, .listh ul, .pagelist, .incom, .dv, .camket, .camket ul, .comment {
    display: flex
}

.flex {
    justify-content: space-between
}

.dd, nav, #PP label, .bpq, .five a, .hcmenu li, .hclist a, .boxpro, .pspanel, .psitem, .sales label, .camket, .camket ul, .camket li, .comment {
    position: relative
}

.dd i:after {
    margin-left: 3px;
    font: 12px/23px FontAwesome;
    vertical-align: top;
    content: "\f0dd"
}

nav div, .menulist, #all-hsx, .nhan, .bpq strong, .five a:after, .hcmenu li ul, .hcnew, .pswrap {
    position: absolute
}

.bo, .five, .six a, .dv li, nav div, #PP, .product a, .ss a {
    border: 1px solid #ddd
}

.p10 {
    padding: 10px
}

.mr0 {
    margin-right: 0 !important
}

.cen, .btn, .pn, .tvmp, .cart, .sht, .product a {
    text-align: center
}

.text {
    font-size: 16px;
    line-height: 25px;
    text-align: justify
}


/*dac diem*/
.dacdiem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.dacdiem img, .dacdiem object {
    max-width: 100%;
    display: block
}

.dacdiem h2 {
    font: 25px/30px arial;
    margin: 20px 0;
    color: #555
}

.dacdiem p {
    font: 15px/25px arial;
    color: #666
}

.dacdiem:nth-last-child(1) {
    border-bottom: none
}

.ddimg, .ddinfo {
    width: 50%;
    float: left
}

.ddinfo {
    padding: 0 80px;
    text-align: center
}


.larlink {
    font: bold 13px/40px tahoma !important;
    color: #1d537f !important;
    padding-left: 10px;
    margin: 0 !important
}

.moselect {
    color: #fff;
    background: #1e5480
}

.ds, .ds h2 {
    display: inline;
    font-size: 12px;
    color: #666
}

.ds h2 {
    font-weight: 700
}


/*phan trang*/
.phantrang {
    float: left;
    width: 100%;
    padding: 15px 0;
    margin: 10px 0 0;
    text-align: center;
    border-top: 1px solid #ddd
}

.phantrang li {
    display: inline-block
}

.phantrang li a {
    margin: 0 2px;
    padding: 5px 10px;
    border-radius: 50%
}

.phantrang li:hover a, .phantrang li.active a {
    background-color: #1d537f;
    color: #FFF
}

.phantrang li a {
    color: #000
}

.box {
    margin: 20px 0
}

.boxtit {
    display: inline-block;
    float: left;
    border-left: 5px solid #f6a623;
    border-right: 2px solid #ddd;
    padding: 0 15px;
    font-size: 18px;
    color: #333
}

/*san pham*/
.bsqt {
    display: block;
    color: green;
    font: 12px/16px arial;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-top: 1px solid #ddd
}

.btn {
    text-transform: uppercase
}

.btn {
    border-radius: 5px;
    color: #fff;
    font: bold 12px/33px Arial;
    padding: 0 10px;
    cursor: pointer;
    margin: 0 2px
}

.btnmore {
    background: #ff6000
}

.bac {
    padding: 0 15px !important
}

.bac:hover {
    color: #fff
}

.bcam {
    background: linear-gradient(to top, #ffa103, #fb7d0f)
}

.bxanh {
    background: linear-gradient(to bottom, #0174b4, #00659e) !important;
}

.itragop {
    background: #ffa103;
    color: #000;
    font: 11px/21px arial;
    padding: 0 5px;
    width: 70px;
    position: absolute;
    z-index: 1;
}

.btn2 {
    border-radius: 6px;
    padding: 9px 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(to top, #2290e4, #1072bf);
    font: bold 15px Arial;
    margin-bottom: 10px
}

.btn2 span {
    font: 12px arial;
    text-transform: none
}

.odh, .odh:hover {
    background: linear-gradient(to top, #ffa801, #fb7710) !important
}

.pn, .pn2 {
    height: 20px;
    margin: 15px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.pn2 {
    font-size: 17px
}

.pi, .pir {
    height: 183px;
    margin-bottom: 10px
}

.pir {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pi img {
    max-height: 100%;
    max-width: 100%
}

.pr, .prl {
    font: bold 16px/26px arial;
    color: red
}

.prl {
    font-size: 18px !important
}

.op0 {
    height: 80px
}

.op {
    height: 120px;
    flex-direction: column
}

.op p, .op2 p {
    font: 12px/16px arial;
    color: #666
}

.op label {
    font-weight: 700;
    color: #1665ab;
    line-height: 25px
}

.pcta {
    height: 60px;
    float: left;
    width: 100%
}

.sum {
    text-align: justify;
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

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

.s0 {
    background-position: -367px -160px
}

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

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

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

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

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

.nhan {
    width: 100%;
    text-align: right;
    top: 10px;
    right: 10px;
    font: bold 12px arial
}

.nhan i {
    color: #fff;
    font: bold 9px/11px arial;
    height: 47px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 43px;
    background: url(/public/frontend/images/iconm.png) 0 0
}

.bpq {
    border: 1px dashed #aaa;
    border-radius: 10px
}

.bpq strong {
    font: 13px/20px arial;
    padding: 0 8px;
    background: #fff;
    left: 30px;
    top: -10px;
    color: red
}

.bpq, .bpq2 {
    font: 12px/16px arial;
    text-align: left;
    padding: 15px 10px;
    color: #444
}

.bpq2 strong {
    font: bold 13px/20px arial;
    color: #1e5480;
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.bpq strong:before, .bpq2 strong:before {
    content: "\f06b";
    font: 15px/20px FontAwesome;
    margin-right: 5px
}

.bpq b:last-child, .bpq2 b:last-child {
    color: red
}

.bpq img, .bpq2 img {
    max-height: 45px;
    margin-right: 3px;
    float: left
}

.numgift {
    font: 12px/20px arial
}

.numgift:before {
    content: "\f111";
    font: 5px/19px FontAwesome;
    margin-right: 5px;
    vertical-align: top
}

.btnprev {
    color: #4a90e2;
    border: 1px solid #4a90e2
}

.btnprev:hover {
    background: #4a90e2;
    color: #fff
}

.pp {
    font-size: 12px;
    line-height: 20px
}

.pp li {
    color: #666
}

.pw {
    background: #eee
}

#pmore::before {
    clear: both;
    content: "";
    display: block
}

#pmore p {
    clear: both;
    color: #666;
    cursor: pointer;
    font: bold 12px/20px Arial;
    margin: 15px auto;
    padding: 10px;
    text-align: center;
    width: 230px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.pr2 {
    color: #ff6000;
    font: bold 19px/26px arial;
    margin: 10px 0;
    display: block
}

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

.bgh {
    height: 20px
}

.bgh:before {
    background-image: url(/public/frontend/images/bgh.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 80px;
    content: " ";
    background-size: 300px;
    height: 100%
}

.op2 {
    min-height: 40px
}

.qg {
    min-height: 65px
}


.bwranty {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 95px;
    background-position: 0 -6px;
    z-index: 1
}

.bwranty span {
    font: bold 18px/108px arial;
    color: #fff;
    transform: rotate(-20deg);
    display: block;
    text-align: center;
    z-index: 1
}

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

.bi .cen {
    position: relative
}

/*icon*/
.fa:before {
    font: 14px/1px FontAwesome
}

.face:before {
    content: "\f09a"
}

.gplus:before {
    content: "\f0d5"
}

.ytb:before {
    content: "\f167"
}

.radio:before {
    font: 14px/1px FontAwesome;
    margin-right: 5px;
    color: #999
}

.select:before {
    content: "\f192"
}

.unselect:before {
    content: "\f10c"
}

.down:before {
    content: "\f0dd"
}

.home:before {
    content: "\f015"
}

.location:before {
    content: "\f041"
}

/*icon hang*/
.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
}

.ielag:before {
    background-position: 20px -372px;
    width: 70px
}

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

.iberndes:before {
    background-position: -40px -372px;
    width: 70px
}

.izwilling:before {
    background-position: -111px -372px;
    width: 70px
}

.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
}

.igaggenau:before {
    background-position: -184px -365px;
    width: 74px
}

.ineff:before {
    background-position: 4px -400px;
    width: 70px
}

.iliebherr:before {
    background-position: -66px -398px;
    width: 70px
}

/*search box*/
.search-box {
    display: none;
    position: absolute;
    left: -1px;
    top: 54px;
    background: #fff;
    border-top: none;
    width: 345px;
    right: 0;
    z-index: 9999;
    border: 1px solid #e2e2e2
}

.search-box li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #e8e8e8;
    background: #fff;
    padding: 10px;
    position: relative;
    box-sizing: border-box
}

.search-box li .search-img {
    float: left;
    width: 55px;
    object-fit: cover
}

.search-box li .search-img img {
    float: left;
    width: 100%
}

.search-box li .search-name {
    float: left;
    width: 70%;
    padding: 0 0 0 10px;
    box-sizing: border-box
}

.search-box li .search-name h4 {
    overflow: hidden;
    line-height: 1.3em;
    font-size: 14px;
    color: black;
    font-weight: 600;
    height: 36px
}

.search-box li .search-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.search {
    position: relative
}

ul.search-box:before {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(218, 218, 218, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -9px
}

span.price_search {
    font-size: 12px;
    color: #c70100;
    float: none
}

.breadcrumb {
    display: flex;
    align-items: center;
}

.breadcrumb p, .ds h1, .breadcrumb li {
    display: inline;
}

.breadcrumb > p:after, .breadcrumb > li:after {
    padding: 0 5px;
    color: #337ab7;
    content: "\f105";
    font: normal normal normal 14px/1px FontAwesome;
}

.breadcrumb a {
    font: bold 13px/15px arial;
    color: #337ab7;
}

/*table*/
.table table {
    margin: 15px auto;
    font-size: 13px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #666;
    float: left;
    width: 600px;
}

.table table th {
    padding: 12px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #777 !important;
}

.table table > tbody > tr > td {
    padding: 8px;
    color: #333;
}

.table table > tbody > tr:nth-child(2n+1) > td {
    background: #f9f9f9;
}

.table table > tbody > tr:nth-child(2n) > td {
    background: #fff;
}

.table table tfoot td {
    font-size: 11px;
}

/*danh gia*/
.detail-rating {
    margin-left: 20px;
}

.rating-item label {
    float: left;
    width: 58px;
    display: block;
    color: #0082f1;
}

.detail-rating-mark {
    color: #949495;
    margin: 0px 5px;
    text-align: left;
    float: left;
    font-size: 14px;
}

.rating-item {
    display: table;
    margin-bottom: 5px;
    width: 100%;
}

.rating-item > span.rating-level {
    color: #0082f1;
    width: 50%;
}

.rating-item > span {
    display: inline-block;
    position: relative;
}

.rating-item > span.rating-bar {
    background: #d4d4d4;
    border-radius: 3px;
    box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.3) inset;
    height: 12px;
    width: 60%;
    margin: 8px 5px 0px 5px;
    float: left;
}

.rating-item > span > span {
    background: #ffa63e;
    border-radius: 3px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4) inset;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.starRating:not(old) {
    display: inline-block;
    width: 7.5em;
    height: 1.5em;
    overflow: hidden;
    vertical-align: bottom;
}

.starRating:not(old) > input {
    display: none;
}

.starRating:not(old) > label {
    display: block;
    float: right;
    position: relative;
    background: url('/public/frontend/images/star-off.png');
    background-size: contain;
}

.starRating:not(old) > label:before {
    content: '';
    display: block;
    width: 1.5em;
    height: 1.5em;
    background: url('/public/frontend/images/star-on.png');
    background-size: contain;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before {
    opacity: 1;
}

.ratings-pro span {
    font-size: 13px;
    color: #fff;
}

.rating-bc, .topmodule .detail-rating {
    display: inline-block;
    vertical-align: top;
    margin: -3px 0 0;
}

/*PSlide san pham*/
.psnext, .psback {
    float: left;
    height: 100%;
    width: 3%;
    cursor: pointer;
}

.psnext:before, .psback:before {
    font: 34px/1 FontAwesome;
    color: #999;
}

.psnext:before {
    content: "\f105";
}

.psback:before {
    content: "\f104";
}

.pspanel {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 94%;
}

.pswrap {
    width: 9900px;
    height: 100%;
}

.psitem {
    float: left;
    height: 100%;
    text-align: center;
}

/*.mnb .psnext,.mnb .psback {position:absolute;width:25px;height:40px;top:calc(50% - 20px);font:25px/40px FontAwesome;z-index:1;color:#fff;background:#333;opacity:0.5;text-align:center;cursor:pointer;}
.mnb .psnext {right:5px;}
.mnb .psback {left:5px;}*/

/*PSlide khuyen mai dau trang danh muc san pham*/
.kmcm {
    height: 165px;
}

.kmcm .pspanel {
    margin-bottom: 10px;
    width: 100%;
}

.kmcm .psitem {
    padding: 0 5px;
}

.kmcm .psnext, .kmcm .psback {
    position: absolute;
    width: 25px;
    height: 40px;
    top: calc(50% - 20px);
    font: 25px/40px FontAwesome;
    z-index: 1;
    color: #fff;
    background: #333;
    opacity: 0.5;
    text-align: center;
    cursor: pointer;
}

.kmcm .psnext {
    right: 5px;
}

.kmcm .psback {
    left: 5px;
}

.kmcm .psitem img {
    width: 100%;
}

.ss {
    float: left;
    height: 280px;
    margin-bottom: 20px;
    width: 100%;
}

.ss a {
    padding: 10px;
    margin: 0 5px;
}

.ss .pi {
    height: 165px !important;
}

.logo {
    width: 14%;
    margin-right: 2%
}

.tc {
    width: 58%;
    margin: 0 0 0 2%;
}

.tc.flexJus a span {
    color: white
}

.tc a {
    font: bold 12px/20px arial;
    display: inline-block;
    text-transform: uppercase;
    text-align: center
}

.tc a {
    color: #eee;
    font: bold 11px/20px arial;
    display: inline-block;
    text-transform: uppercase;
    text-align: center
}

.tc a:nth-last-child(1) {
    padding-right: 0
}

.tc a img {
    display: block;
    margin: 0 auto
}

.tc span {
    display: block;
    height: 15px;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 5px
}

/*.search {
width: 14%
}

.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: #666;
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
}*/


.tim input {
    border-radius: 15px;
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    text-indent: 5px;
    padding-right: 105px;
    font-size: 12px;
}

.tim button {
    color: #666;
    height: 26px;
    border: none;
    width: 100px;
    background: transparent;
    max-width: 15%;
    position: absolute;
    top: 0;
    right: 0;
}

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

.padb, .box_footer ul {
    padding-left: 3%;
    padding-right: 3%;
}

.btop { /*padding:0 0 10px;*/
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.simM a {
    display: inline-block;
    padding-right: 15px;
    font: 14px/10px arial;
    color: #000;
}

.simM a:hover, .bbc a:hover {
    color: #00639a;
}

.bCart {
    font: 13px/40px arial;
    color: #444;
    background-position: -460px -115px;
    padding-left: 45px;
    height: 40px;
    position: relative;
}

.bCart:hover {
    color: #00639a;
}

.bCart label {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -12px;
    left: 19px;
    font-weight: bold;
    font-size: 15px;
    color: #00639a;
}

#BMPWrap {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-align: center;
}

#BMPWrap button {
    border: 1px solid #e6e6e6;
    color: #000;
    padding: 0 50px;
    font: 13px/45px arial;
    background: #fff;
    display: inline-block;
}

#BMPWrap button:hover {
    border-color: #000;
}

.bbc {
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.bbc p, .bbc li {
    display: inline-block;
    font: bold 13px/15px arial;
    color: #337ab7 !important;
}

.bbc p:after, .bbc li:after {
    content: "\f105";
    font: 14px FontAwesome;
    padding: 0px 5px;
}

.bbc p a, .bbc li a {
    color: #337ab7 !important;
}

.bbc .bCart {
    position: absolute;
    right: 0;
    top: 0px;
}

.hightlight {
    padding: 10px 0px !important;
}

.hightlight h1 {
    font-size: 16px !important;
}

.hightlight .text {
    margin-top: 0px !important;
    line-height: 30px;
    margin-top: 0px;
    font-size: 14px !important;
}

.hightlight .text p, .hightlight .text span {
    line-height: 30px;
    font-size: 14px !important;
    margin-top: 0px;
}

.bbc {
    border-bottom: none;
}

.dbtop {
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}

.dbtop h1 {
    color: #000;
    font-size: 22px;
}

.dbtop div {
    margin-top: 15px;
    display: flex;
    height: 20px;
    align-items: center;
}

.dbtop div span {
    margin: 0 5px 0 0;
}

.bmi {
    position: absolute;
    top: 10px;
    right: 0;
    width: 94px;
    height: 35px;
    background-position: -91px -3px;
    padding: 4px 11px;
    text-align: center;
    font: 12px/13px arial;
    color: #fff;
    z-index: 1;
    background-size: 280px
}

/*.whyboschbalay {position: absolute;border: 1px solid #ddd;color: #288ad6;top:-3px;left:76%;padding:0 10px;line-height:32px;width:24%;}
.whyboschbalay:before {content: "\f059";font:20px/32px FontAwesome;vertical-align: top;color: #2b8dd9;padding-right: 5px;}*/
.whyboschbalay {
    position: absolute;
    top: -3px;
    left: 76%;
    width: 24%;
}

.dbcol1 {
    width: 45%;
}

.dbcol2 {
    width: 23%;
    margin: 0 4% 0 4%;
}

.dbcol3 {
    width: 24%;
}

.dbcol4 {
    width: 51%;
    margin-left: 4%;
}

#writeVote {
    color: #666;
    cursor: pointer;
}

.imore {
    overflow: hidden;
}

/*gia soc*/
.pwgiasoc {
    margin-bottom: 5px !important;
}

.pwgiasoc span {
    font-size: 16px !important;
}

.giasoc {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 24px;
    background: #f9f9f9;
    border-radius: 3px;
}

.giasoc label {
    background: linear-gradient(to right, #a63030, #ee5555);
    font: bold 15px/30px arial;
    display: block;
    color: #fff;
    border-radius: 3px 3px 0 0;
}

.giasoc strong {
    color: #ca2f40;
    font-size: 28px;
    border-bottom: 1px dashed #ddd;
    margin: 0 auto;
    width: 186px;
    display: block;
    padding: 8px 0;
}

.giasoc p {
    color: #333;
    margin: 0 20px;
    padding: 3px 0;
}

/*gia hang xa*/
.ghx {
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #de2340;
}

.ghx div {
    background: url('/public/frontend/images/xa-hang.png') 0 -32px no-repeat;
    color: #fff;
    border: 1px solid #e72f40;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.ghx div label {
    font: bold 14px/20px arial;
    margin-bottom: 7px;
    display: block;
}

.ghx div label:before {
    background: url('/public/frontend/images/xa-hang.png') -374px 0px no-repeat;
    width: 25px;
    height: 25px;
    content: " ";
    padding-right: 20px;
}

.ghx div span {
    font-size: 12px;
    line-height: 23px;
}

.ghx-p {
    display: block;
}

.ghx-p b {
    color: #ffe400;
    font-size: 20px;
}

.ghx-tk, .ghx-bh {
    display: inline-block;
}

.ghx-tk b {
    font-size: 14px;
}

.ghx-bh {
    color: #ffe400;
    margin-left: 30px;
    background: url('/public/frontend/images/xa-hang.png') 0 0 no-repeat;
    padding-left: 27px;
}

.ghx p {
    padding: 10px;
    color: #555;
    background: #fffdeb;
    border-radius: 0 0 5px 5px;
}

.ghx p span {
    display: block;
    font: 12px/22px arial;
}

.ghx p span label {
    color: #de2340;
}

/*nhap sdt nhan ma*/
.isdt {
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    background: #e63155;
    background: -webkit-linear-gradient(to left, #1fb349, #10752c);
    background: linear-gradient(to left, #1fb349, #10752c);
}

.isdt .label01 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    display: block;
}

.isdt .label02 {
    background: -webkit-linear-gradient(#fff, #ffdc37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: unset;
    margin: 10px 0;
    display: block;
    font: 21px/25px arial;
}

.isdt {
    text-align: center;
    color: #fff
}

.form-checksales-detail .form-controls {
    width: 100%;
    height: 32px;
}

.form-checksales-detail .btn-check-submit {
    width: auto;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
    padding: 1px 10px;
    background: #e63155;
    background: -webkit-linear-gradient(to left, #e63155, #89216b);
    background: linear-gradient(to left, #e63155, #89216b);
}

.form-checksales-detail {
    width: 100% !important;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-view-other {
    color: #fff;
    background: -webkit-linear-gradient(top, #ffa103, #fb7d0f);
    text-align: center;
    padding: 5px 10px;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 12px;
}

.btn-view-other:hover {
    color: #fff;
    opacity: 0.9;
}

.clearfix {
    clear: both;
}

/**/
#taisaomua {
    position: relative;
    height: 55px;
}

/*#taisaomua label {display:block;border:1px solid #ddd;font:14px/37px arial;padding:0 10px;border-radius:30px;background:-webkit-linear-gradient(right,#eee,#999);color:#333;position:relative;}*/
/*#taisaomua label:after {background:url('/public/frontend/images/bg.png') no-repeat -376px 1px;display:inline-block;width:68px;height:68px;content:' ';position:absolute;top:-16px;right:-5px;}*/


#taisaomua label, #taisaomua > h1:first-child, #taisaomua > h2:first-child, #taisaomua > h3:first-child, #taisaomua > h4:first-child, #taisaomua > h5:first-child, #taisaomua > h6:first-child{
    display: block;
    border: 1px solid #ddd;
    font: 12px/30px arial;
    padding: 0 10px;
    background: #145597;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}


#taisaomua p:after, #taisaomua p:before {
    width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    bottom: 100%;
}

#taisaomua p:after {
    border: 10px solid transparent;
    border-bottom-color: #fdfdfd;
    left: 191px;
}

#taisaomua p:before {
    border: 11px solid transparent;
    border-bottom-color: #ddd;
    left: 190px;
}

#taisaomua p {
    background: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: #333;
    display: none;
    font: 13px/22px arial;
    left: 0px;
    top: 45px;
    padding: 10px 15px;
    position: absolute;
    text-align: justify;
    z-index: 2;
}

#taisaomua:hover > p {
    display: block;
}

/*.bmi{position:absolute;top:0;right:0;width:114px;height:45px;background-position:-110px -3px;padding: 5px 25px;text-align: center;font: 14px/16px arial;color:#fff;z-index:1;}*/
.bwranty {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 95px;
    background-position: 0 -6px;
    z-index: 1;
}

.bwranty span {
    font: bold 18px/108px arial;
    color: #fff;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    display: block;
    text-align: center;
    z-index: 1;
}

.new_pro_detail_img {
    height: 400px;
    position: relative;
    margin-bottom: 10px;
}

#ProImg {
    height: 400px;
    width: 100%;
}

#ProImg .psitem, #listimg .psitem {
    display: flex;
    justify-content: center;
    align-items: center;
}

#ProImg .psback:before, #ProImg .psnext:before {
    color: #0098d7;
    font-size: 40px;
}

#listimg {
    height: 70px;
}

#listimg .psitem {
    margin: 0 5px;
    border: 1px solid #ddd
}

#listimg .psselect {
    border-color: #fb7d0f;
}

#listimg img {
    max-height: 100%;
    padding: 5px;
}

#listimg .psback:before, #listimg .psnext:before {
    color: #0098d7;
    font-size: 20px;
}

#listimg .pswrapNormal {
    width: 100% !important;
    justify-content: center;
    display: flex;
}

.dbi {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    color: #222;
    padding-top: 40px;
    padding-bottom: 40px;
}

.dbi p {
    font: 20px/30px arial;
    color: #111;
    text-align: justify;
}

.dbi li {
    margin-bottom: 15px;
}

.dbi .advan li {
    font-size: 15px;
}

.dbs {
    margin-bottom: 10px;
}

/*.dbs li:nth-child(1){font:bold 13px/42px arial;background:#f6f6f6;text-indent:20px;margin-bottom:10px;color:#0098d7;border:1px solid #eee;}
.dbs li{font:bold 12px/28px arial;text-indent:10px;color:#555;cursor:pointer;}*/
.dbs li:nth-child(1) {
    font: bold 13px/30px arial;
    text-indent: 20px;
    margin-bottom: 10px;
    background: url(/public/frontend/images/bgbosch.png) -321px -1px no-repeat;
}

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

.dbprice {
    font: 13px/20px arial;
}

.dbprice span {
    font: bold 28px arial;
    color: #d0021b;
}

.bqua {
    margin: 15px 0;
}

.bqua label {
    font: bold 13px/13px arial;
    color: #777;
    display: block;
    margin-bottom: 8px;
}

.bqua a {
    font: 15px/18px arial;
    display: flex;
    color: #666;
    align-items: center;
    margin-bottom: 10px;
}

.bqua a img {
    width: 70px;
    margin-right: 10px;
    float: left;
}

.bqua a span {
    display: block;
}

.bqua a span b {
    color: red;
    font-weight: normal;
}

.bqua ul {
    float: left;
    width: 100%;
}

.bqua li {
    color: #555;
    font: 12px/27px arial;
}

.bqua li::before {
    content: "\f111";
    font: 6px/26px FontAwesome;
    vertical-align: top;
    color: #2b8dd9;
    padding-right: 5px;
}

.xhtn {
}

.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;
}

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

.xhtn label:nth-child(1) {
    color: #fda409;
    background: #fff;
    width: 140px;
    text-align: center;
    font: bold 16px arial;
    position: absolute;
    top: -11px;
    left: calc(50% - 70px);
}

.lqt {
    margin: 30px 0;
    height: 200px;
    border: 1px solid #ddd;
}

.lqt-tit {
    background: #f5f5f5;
    width: 28%;
    height: 100%;
    position: relative;
}

.lqt-tit p b:before {
    content: "\f06b";
    font: 15px/26px FontAwesome;
    padding-right: 3px;
    color: #e4ab24;
}

.lqt-tit p b {
    display: block;
    color: #047cb9;
    font-size: 20px;
    margin-bottom: 4px;
}

.lqt-tit span {
    display: block;
    width: 80px;
    height: 80px;
    font: bold 15px/80px arial;
    text-align: center;
    color: #fff;
    background: #ed1b24;
    border-radius: 50%;
    margin-left: 30px;
}

.lqt-data {
    width: 56%;
    height: 100%;
    border-left: 1px solid #ddd;
}

.lqt-data a {
    width: 600px;
    height: 100%;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lqt-data a h5 {
    font: 15px/15px arial;
    color: #333;
    height: 30px;
}

.lqt-data a p {
    font: 12px/15px arial;
    color: #555;
    display: block;
}

.lqt-data a p span {
    color: red;
    font: 15px arial;
}

.lqt-data a img {
    height: 100px;
    margin-top: 10px;
}

.lqt-total {
    width: 16%;
    height: 100%;
}

.lqt-total p {
    text-align: center;
}

.lqt-total p:before {
    content: "\f06b";
    font: 15px/26px FontAwesome;
    padding-right: 3px;
}

.lqt-total p b {
    color: red;
    font: bold 25px/30px arial;
    display: block;
}

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

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

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

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

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

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

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

.tabdetail {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    margin-bottom: 50px;
    background: #f7f7f7;
}

.tabdetail div span {
    font: 15px/65px arial;
    padding: 0 20px;
    border-right: 1px solid #ddd;
    display: inline-block;
    color: #666;
    cursor: pointer;
}

.tuvanfree {
    background: #e40c0c;
    color: #fff;
    font: 12px/28px arial;
    border-radius: 5px;
    padding: 0 8px;
}

/*.suportOnline{margin:10px 0 15px;position:relative;text-align:center;}
.suportOnline label {display:block;color:#0068a2;font:bold 14px/20px arial;}
.suportOnline strong {color:red;font:bold 36px/50px arial;margin:10px 0;border:1px solid #ddd;border-radius:6px;}
.suportOnline strong i{background-position:-234px -3px;width:38px;height:38px;display:inline-block;}
.suportOnline span {display:block;font-size:16px;color:#666;position:relative;border-top:1px solid #ddd;padding-top:20px;margin-top:20px;}
.suportOnline span label{display:block;font-size:16px;color:#666;background:#fff;position:absolute;top:-10px;left:calc(50% - 30px);width:60px;text-align:center;font:16px arial;}*/

.suportOnline {
    margin: 10px 0 15px;
    position: relative;
    text-align: center;
}

.suportOnline label {
    display: block;
    color: #0068a2;
    font: bold 14px/20px arial;
}

.suportOnline strong {
    color: red;
    font: bold 17px/50px arial;
    margin-top: 5px;
    border-radius: 6px;
    background: #f8f8f8;
}

.suportOnline strong i {
    background-position: -193px -2px;
    background-size: 280px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 3px;
}

.suportOnline span {
    display: block;
    font-size: 12px;
    color: #666;
    position: relative;
    margin-left: 10px;
    line-height: 25px;
}

span.hotline {
    color: red;
    font: bold 17px/25px arial;
    border-radius: 6px;
    background: #f8f8f8;
    border-left: 1px solid white;
}

span.p247 {
    padding-left: 20px;
    color: #0171b0;
    font: bold 17px/25px arial;
    border-radius: 6px;
    background: #f8f8f8;
    border-left: 1px solid white;
    text-align: center;
}

.freeship {
    font: 12px/35px arial;
    color: #555;
    padding-left: 37px;
    background-position: -467px -158px;
}

.da {
    text-align: center;
    margin-bottom: 18px;
}

.da label {
    display: block;
    font: 13px/40px arial;
    text-align: left;
}

.btn3 {
    border-radius: 6px;
    padding: 9px 0;
    color: #fff;
    cursor: pointer;
    font: bold 18px arial;
}

.btn3:hover {
    color: #fff;
}

.btn3 span {
    display: block;
    font: 14px arial;
    margin-top: 5px;
}

#tskt_img {
    max-width: 100%;
}

#Pcontent {
    margin-top: 15px;
    padding: 30px 5% 0;
    border-top: 1px solid #ddd;
}

.bcontent {
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
}

.dtit {
    font: 28px/28px arial;
    display: block;
    color: #000;
    margin-bottom: 30px;
}

.bmore {
    font: 700 14px/30px arial;
    text-align: center;
    display: none;
    width: 100%;
    color: #ff6000;
    margin-top: 20px;
}

.bmore i::before {
    content: '\f107';
    font: 14px/1px FontAwesome;
    padding-left: 5px;
}

.trainghiem {
    height: 400px;
}

.trainghiem button {
    cursor: pointer;
}

.trainghiem, .trainghiem .w70, .bcta {
    height: 400px;
}

.tnc {
    padding: 0 80px;
}

.tnc label {
    display: block;
    font: 25px arial;
    color: #333;
}

.tnc p {
    margin: 30px 0;
    font: 15px/20px arial;
}

.tnc span {
    display: block;
    font: 16px arial;
    color: #0195d9;
    margin-bottom: 30px;
}

.bcta {
    width: 29%;
    margin-left: 1%;
    padding: 10px 60px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.bcta label {
    font: 19px arial;
    color: #333;
}

.bcta p {
    margin: 35px 0;
    font: 15px/20px arial;
}

.bcta p b {
    display: block;
    font: bold 40px/30px arial;
    color: #1fb349;
    margin-top: 10px;
}

.bcta div span {
    margin-bottom: 10px;
}

.bcta ul {
    color: #555;
    text-align: left;
}

.bcta ul li {
    margin-bottom: 10px;
}

.bcta ul span {
    display: inline-block;
    width: 54px;
}

.bcta ul b {
    color: #1fb349;
}

.tnh {
    border-bottom: 1px solid #ddd;
    position: relative;
    margin: 10px 0 40px;
}

.tnh label {
    display: block;
    background: #fff;
    position: absolute;
    width: 60px;
    left: calc(50% - 25px);
    font: 15px/30px arial;
    top: -15px;
}

#dacdiemnoibat {
    width: 100%;
    float: left;
    margin-bottom: 100px;
}

.w50n {
    width: 50%;
    float: left;
}

#tongquan {
    padding-right: 8%;
}

#thongso .table table {
    width: 100% !important;
}

#tsthums li {
    margin: 0 5px;
}

.faq {
    background: #f7f7f7;
    padding: 40px;
}

.phukien a {
    display: block;
    float: left;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}

.phukien a:nth-last-child(1) {
    border-bottom: none;
}

.phukien a img {
    margin-right: 15px;
    width: 60px;
    float: left;
}

.phukien a h5 {
    font: bold 12px/15px arial;
    color: #1d537f;
    margin: 0 0 10px;
}

.phukien a span {
    color: red;
    font: bold 12px arial;
}

.dsum {
    padding-left: 50px;
}


/*danh gia*/
#danhgia {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 18%;
    margin-left: 2%;
}

#danhgia .detail-rating {
    margin-left: 0;
}

#danhgia .rating {
    margin-top: 20px;
}

.rating > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.rating > li label {
    color: #1d537f;
}

.rating > li div {
    background: #eee;
    margin: 0 20px;
    flex: auto;
    height: 10px;
    overflow: hidden;
}

.rating > li div span {
    background: #ffa63e;
    display: block;
}

.rating > li .count {
    color: #323431;
    width: 32px;
}

.btn4 {
    width: 300px;
    border-radius: 5px;
    font: bold 20px/50px arial;
    text-align: center;
    background: -webkit-linear-gradient(top, #ffa103, #fb7d0f);
    color: #fff;
    border: none;
}

.btn4:hover {
    opacity: 0.8;
    color: #fff;
}


.faqtab li {
    font: 18px/80px arial;
    border-top: 1px solid #ddd;
    color: #666;
    padding-right: 10px;
}

.faqtab li:before {
    content: '\f005';
    font: bold 18px/80px FontAwesome;
    padding-right: 15px;
    color: #f7f7f7;
}

.faqtab li:after {
    content: '\f067';
    float: right;
    display: inline-block;
    font: 13px/80px FontAwesome;
}

.faqcur:before {
    color: #ed7b1f !important;
}

.faqcur:after {
    content: '\f068' !important;
}

.faqtab {
    border-bottom: 1px solid #ddd;
    width: 40%;
}

.fcw {
    width: 55%;
    margin-left: 5%;
    padding: 20px;
    background: #fff;
    height: 400px;
    font-size: 15px;
    line-height: 25px;
    float: left;
    text-align: justify;
}

.fc {
    display: none;
}

.dtit div {
    display: inline-block;
    font-size: 16px;
    color: #666;
}

.khqt {
    height: 420px;
}

.khqt .pi {
    height: 190px;
}

.khqt .pi img {
    max-height: 85%;
}

.khqt .psitem {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 5px;
    padding: 10px;
    align-items: center;
}

.khqt h3 {
    font: 17px/30px arial;
    color: #666;
    height: 30px;
    margin: 15px 0;
}

.khqt .s {
    display: table;
    width: 70px;
}

.khqt .pr {
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    margin: 15px 0 10px;
    padding: 15px 0 10px;
    color: #0176b7;
    font: bold 25px/25px arial;
}

.khqt-cta {
    width: 100%;
}

.khqt-cta p {
    width: 49%;
    border-radius: 5px;
    font: 12px/40px arial;
    text-align: center;
    margin: 0.5%;
    display: inline-block;
    border: 1px solid #ddd;
}

.khqt-cta p:hover {
    opacity: 0.8;
}

.khqt-cta p:nth-child(1) {
    color: #555;
}

.khqt-cta p:nth-child(2) {
    color: #fff;
    background: #028fc8;
}

@media only screen and (max-width: 1366px) {
    .btn3 {
        font-size: 16px;
    }
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    cursor: grab;
}

.pswp--dragging .pswp__img {
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container,
.pswp__img {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    transition: opacity 0.2s;
    box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(https://bepnamduong.vn/Content/plugins/photoswipe/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(https://bepnamduong.vn/Content/plugins/photoswipe/default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    transform: translateY(6px);
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}

.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption__center a {
    font: bold 12px/30px arial;
    padding: 0 10px;
    background: #fb7710;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@media screen and (max-width: 768px) {
    .pswp__caption__center a {
        font: bold 12px/38px arial;
        padding: 0 15px;
    }
}

@-webkit-keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(-140deg);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(-140deg);
    }
    100% {
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}


.dbprice {
    margin-bottom: 0px;
}

.suportOnline {
    margin-top: 50px;
}

p.giamprice {
    margin-bottom: 50px;
}

.dbi {
    border-top: none;
}

/*comment*/
.combox {
    display: table;
    width: 100%;
    margin: 0 auto 10px;
}

.combox .comtit {
    font: 20px/30px arial;
    display: block;
}

.comment {
    margin-top: 20px;
    position: relative;
    display: flex;
}

.repbox {
    padding-left: 50px;
}

.comment textarea {
    display: inline-block;
    width: 100%;
    height: 80px;
    padding: 6px 75px 6px 6px;
    font: 13px/18px arial;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.comment button {
    width: 65px;
    border-radius: 4px;
    border: none;
    background: red;
    font: bold 13px/30px arial;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 5px;
    cursor: pointer;
}

.media {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.media:last-child {
    border-bottom: none;
}

.comava {
    background: #bababa;
    float: left;
    font: 700 12px/40px arial;
    height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
    color: #fff;
    border-radius: 4px;
}

.qtv {
    background: red;
}

.combody {
    display: table-cell;
    margin-left: 20px;
    box-sizing: border-box;
    width: 2000px;
}

.combody strong {
    font: bold 13px/25px arial;
    color: #666;
}

.combody strong i {
    padding: 3px 5px;
    font: 12px/14px arial;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    border-radius: 4px;
    background: #ffa63e;
}

.combody p {
    font: 13px/20px arial;
    text-align: justify;
}

.comact {
    margin: 0 0 15px;
}

.comact .time {
    color: #666;
    font: 12px arial;
}

.comact .reply {
    color: #1d537f;
    cursor: pointer;
    font: 12px arial;
}

.listrep {
    padding-left: 50px;
    margin-top: 10px;
}

.listrep li {
    padding: 5px 0;
}

@media screen and (max-width: 530px) {
    .combox {
        display: table;
        width: 98%;
        margin: 10px auto;
    }

    .combox .dtit {
        font-size: 16px;
        line-height: 30px;
    }

    .comment textarea, .comment button {
        font-size: 12px;
    }

    .combody p {
        font-size: 12px;
    }
}
.bsitelink, .box_footer ul {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #ddd;
    margin-top: 30px;
}

.bsitelink li, .box_footer ul li {
    margin-right: 30px;
}

.bsitelink li:nth-last-child(1) , .box_footer ul li:nth-last-child(1){
    margin-right: 0;
}

.bsitelink li a , .box_footer ul li a{
    font: 14px/23px arial;
    display: block;
    color: #444;
}

.bsitelink li a:nth-child(1), .box_footer ul li a:nth-child(1) {
    font: bold 15px/20px arial;
    margin-bottom: 20px;
}


.button {
    background-color: #2b91af;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none
}

.button.small {
    border-radius: 15px;
    float: right;
    margin: 22px 5px 0;
    padding: 6px 15px
}

.button:hover {
    background-color: #1e1e1e
}

.button > span {
    font-size: 84%
}

.button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px
}

#popup, #popup2, #popup3, .bMulti {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    max-width: 90%;
    padding: 25px
}

#popup .logo {
    color: #2b91af;
    font: bold 325% Petrona, sans
}

#popup, .bMulti {
    min-height: 250px
}

#popup2 iframe {
    background: url(loader.gif) center center no-repeat;
    min-height: 240px;
    min-width: 450px
}

.loading {
    background: url(loader.gif) center center no-repeat
}

.bMulti p {
    font: 500% Petrona, sans-serif;
    padding: 45px 0 0;
    text-align: center
}

.bMulti a {
    left: 175px;
    position: absolute;
    top: 175px
}

.lt-ie9 .bModal {
    background-color: #000
}

#ShowroomItem {
    display: table;
    width: 900px
}

#commentstep2 {
    color: #333;
    padding: 10px;
    clear: both;
    width: 400px
}

#commentstep2 label {
    display: block;
    border-bottom: 1px solid #ddd;
    font: 700 13px/35px arial
}

#commentstep2 span {
    display: block;
    margin-top: 10px
}

#commentstep2 input[type="text"] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 25px;
    margin-top: 10px;
    text-indent: 10px
}

#commentstep2 button {
    display: block;
    clear: both;
    float: right;
    margin-top: 10px;
    background: #db0404;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
    border: none
}

.tex-tuvan {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    text-align: center;
    margin: 30px 0
}

.form-tuvan {
    width: 100%;
    text-align: center;
    margin: 20px 0
}

.form-tuvan input {
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    padding: 8px 12px
}

.form-tuvan button {
    background: #db0404;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    outline: medium none;
    padding: 6px 20px;
    height: 34px;
    margin-left: 5px
}

.box-call-center {
    width: 100%;
    height: 140px;
    padding: 0;
    background: url(../images/icon-product.png) no-repeat -1px -260px;
    text-align: center
}

.box-call-center h5.text-call-center {
    color: #078ec0;
    font-size: 20px;
    font-weight: 400;
    padding: 30px 0 15px 40px;
    margin: 0
}

.number-center {
    font-size: 28px;
    color: red;
    font-weight: 700
}

.xemtainha {
    width: 550px;
    display: table;
    color: #333
}

.xemtainha .xhtit {
    font: bold 16px/16px arial;
    text-indent: 10px;
    display: block;
    margin-bottom: 20px
}

.xhpanel {
    display: table;
    width: 100%
}

.xhi {
    float: left;
    width: 100%;
    background: #f2f5f7;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 10px;
    border-radius: 13px
}

.xhi .xhimg {
    float: left;
    width: 14%;
    text-align: center
}

.xhi .xhimg img {
    width: 60px
}

.xhin {
    float: left;
    width: 54%;
    margin: 0 2%
}

.xhin b {
    font: 15px/20px arial;
    display: block
}

.xhin ul {
    float: left;
    padding: 0;
    margin: 5px 0 0
}

.xhin li {
    float: left;
    width: 100%;
    font: 12px/20px arial
}

.xhin li b {
    font-weight: 700
}

.xhin li:before {
    color: #2689d5;
    margin-right: 5px;
    font: 4px/10px FontAwesome;
    content: "\f111";
    vertical-align: middle
}

.xhin li b {
    color: red;
    font-size: 11px
}

.xhip {
    float: left;
    width: 28%;
    font: 12px/20px arial;
    padding-right: 2%;
    text-align: right
}

.xhip span {
    display: block
}

.xhip span:nth-child(1) {
    color: #666
}

.xhip span:nth-child(1) b {
    color: red
}

.xhip span:nth-child(2) {
    color: #57ac60
}

.xhf {
    width: 100%;
    float: left;
    margin: 10px 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.xhf strong {
    font: bold 12px/35px arial;
    display: inline-block;
    width: 120px;
    vertical-align: top
}

.xhf strong span {
    color: #d31212
}

.xhf div {
    width: 100%;
    float: left;
    padding: 5px 0
}

.xhf div p {
    width: 350px;
    display: inline-block;
    margin: 0
}

.xhf div p input {
    width: 430px;
    display: inline-block;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 5px
}

.xhf div p textarea {
    width: 430px;
    display: inline-block;
    height: 65px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px
}

.xhf div p label {
    color: #d31212;
    font: 11px/15px arial;
    margin: 5px 0 0;
    display: none
}

.xhf div p .err {
    border-color: #d31212
}

.xhf div p .err + label {
    display: block
}

.xha {
    display: flex;
    width: 100%;
    align-items: center
}

.xha ul {
    float: left;
    width: 70%;
    margin: 0 2% 0 0;
    border-right: 1px solid #ddd;
    padding: 15px 10px
}

.xha li {
    font: 12px/20px arial
}

.xha li:before {
    margin-right: 8px;
    font: 12px/1px FontAwesome;
    content: "\f00c";
    color: #57ac60;
    vertical-align: middle
}

.xha div {
    float: left;
    width: 100%
}

.xha div p {
    display: inline-block;
    float: left;
    font: 15px/35px arial;
    margin: 0
}

.xha div p b {
    color: red;
    font-size: 16px
}

.xha div button {
    font: bold 14px/35px arial;
    background: #d0021b;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 0 20px;
    float: right
}

.xhs ul {
    padding: 0
}

.xhs ul li {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin-left: 3%
}

.xhs ul li:before {
    font: 20px/1px FontAwesome;
    content: "\f095";
    color: #017ab3;
    margin-right: 5px;
    vertical-align: bottom;
    padding: 3px 5px;
    border-radius: 50%;
    border: 1px solid #017ab3
}

.xhs ul li b {
    display: block;
    color: red;
    padding-left: 35px
}

.xhs p {
    text-align: center;
    font: bold 12px/20px arial;
    color: #1d537f;
    margin-top: 20px
}

.tol {
    font: 13px/25px arial;
    float: left;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%;
    text-indent: 10px
}

.tol b {
    color: red
}

@media screen and (max-width: 530px) {
    .xemtainha .xhtit {
        font: bold 12px/16px arial;
        margin-bottom: 10px
    }

    .xhi {
        background: none;
        border-radius: 0
    }

    .xemtainha, .xhf div p, .xhf div p input {
        width: 100%
    }

    .xhin {
        width: 84%;
        margin: 0 0 0 2%
    }

    .xhin b {
        font-size: 12px
    }

    .xhi .xhimg img {
        max-width: 100%
    }

    .xhip {
        width: 84%;
        text-align: left;
        padding: 0 0 0 16%
    }

    .xhf strong {
        font: bold 12px/20px arial
    }

    #commentstep2 {
        width: 200px
    }

    .form-tuvan input {
        width: 140px
    }

    .box-call-center h5.text-call-center {
        padding: 30px 0 15px;
        font: 14px/20px arial
    }

    .form-tuvan button {
        padding: 6px 10px
    }
}



.pagination{
    margin-bottom: 25px;
    text-align: center;
    clear: both;
    height: 35px;
    position: relative;
    z-index: 5;
}
.pagination:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0) 100%);
}

.pagination li{
    display: inline-block;
    padding: 0;
    margin: 0px 5px;
    position: relative;
    bottom: 2px;
}
.pagination .active span {
    cursor: not-allowed;
}
.pagination .disabled span{
    color: white;
    cursor: not-allowed;
}
.pagination li a, .pagination .active span{
    display: block;
    color: white;
    padding: 10px 7px 5px;
}
.pagination a:hover {
    background: #1E7EE8;
    color: white;
}
.pagination li.active span {
    background: #1E7EE2;
    color: white;
}