@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@300;400;500;600;700&display=swap');
@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Black.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Black.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Black.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Black.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Black.svg#BeVietnamPro-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Bold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Bold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Bold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Bold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Bold.svg#BeVietnamPro-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.svg#BeVietnamPro-BlackItalic) format("svg");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.svg#BeVietnamPro-ExtraLight) format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.svg#BeVietnamPro-ExtraLightItalic) format("svg");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.svg#BeVietnamPro-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.svg#BeVietnamPro-ExtraBoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.svg#BeVietnamPro-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Italic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Italic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Italic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Italic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Italic.svg#BeVietnamPro-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-LightItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.svg#BeVietnamPro-LightItalic) format("svg");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Light.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Light.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Light.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Light.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Light.svg#BeVietnamPro-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.svg#BeVietnamPro-MediumItalic) format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Medium.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Medium.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Medium.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Medium.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Medium.svg#BeVietnamPro-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Regular.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Regular.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Regular.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Regular.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Regular.svg#BeVietnamPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-SemiBold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.svg#BeVietnamPro-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.svg#BeVietnamPro-SemiBoldItalic) format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.svg#BeVietnamPro-ThinItalic) format("svg");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Thin.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Thin.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Thin.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Thin.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Thin.svg#BeVietnamPro-Thin) format("svg");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'LHanoienne Typeface';src:url(../fonts/lhanoienne/LHanoienneTypeface.eot);src:url(../fonts/lhanoienne/LHanoienneTypeface.eot?#iefix) format("embedded-opentype"),url(../fonts/lhanoienne/LHanoienneTypeface.woff2) format("woff2"),url(../fonts/lhanoienne/LHanoienneTypeface.woff) format("woff"),url(../fonts/lhanoienne/LHanoienneTypeface.otf) format("otf"),url(../fonts/lhanoienne/LHanoienneTypeface.ttf) format("truetype"),url(../fonts/lhanoienne/LHanoienneTypeface.svg#LHanoienneTypeface) format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/myriadpro/MyriadPro-Bold.eot');
    src: url('../fonts/myriadpro/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/myriadpro/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/myriadpro/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/myriadpro/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/myriadpro/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body{margin:0}
body,html{font-family:'Be Vietnam Pro',sans-serif;font-size:1rem;line-height:24px;font-weight:300;letter-spacing:-0.001rem;touch-action:manipulation}
body::-webkit-scrollbar-track,.select2-results__options::-webkit-scrollbar-track,.click-popup .popup ul::-webkit-scrollbar-track,.menuNav::-webkit-scrollbar-track,.fancybox-slide::-webkit-scrollbar-track,.nice-select .list::-webkit-scrollbar-track,.modal-open .modal::-webkit-scrollbar-track,.click-popup .content::-webkit-scrollbar-track,.account-popup .contentWrap .content::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track,.ez-toc-container::-webkit-scrollbar-track,.emoji-menu::-webkit-scrollbar-track{background-color:rgba(222,222,222,.75)}
body::-webkit-scrollbar-thumb,.select2-results__options::-webkit-scrollbar-thumb,.click-popup .popup ul::-webkit-scrollbar-thumb,.menuNav::-webkit-scrollbar-thumb,.fancybox-slide::-webkit-scrollbar-thumb,.nice-select .list::-webkit-scrollbar-thumb,.modal-open .modal::-webkit-scrollbar-thumb,.click-popup .content::-webkit-scrollbar-thumb,.account-popup .contentWrap .content::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb,.ez-toc-container::-webkit-scrollbar-thumb,.emoji-menu::-webkit-scrollbar-thum{background-color:#B0B0B0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
body::-webkit-scrollbar,.select2-results__options::-webkit-scrollbar,.click-popup .popup ul::-webkit-scrollbar,.menuNav::-webkit-scrollbar,.fancybox-slide::-webkit-scrollbar,.nice-select .list::-webkit-scrollbar,.modal-open .modal::-webkit-scrollbar,.account-popup .contentWrap .content::-webkit-scrollbar,.scrollbar::-webkit-scrollbar,.ez-toc-container::-webkit-scrollbar,.emoji-menu::-webkit-scrollbar{width:4px;height:4px;background-color:rgba(222,222,222,.75)}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
body::-webkit-scrollbar{width:10px;height:10px}
*,a:active,a:focus{outline:0!important}
:focus{box-shadow:none!important}
*{-webkit-text-size-adjust:none;text-size-adjust:none}
a,a:visited,a:focus{text-decoration:none}
a:hover{text-decoration:underline}
a{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;cursor:pointer}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:600;line-height:normal}
.clear{clear:both;font-size:0;line-height:0;height:0}
p{margin:0;padding:8px 0}
ol,ul{list-style:none}
a{text-decoration:none}
img{border:none;max-width:100%;width:auto;height:auto}
input{color:#222}
select::-ms-expand{display:none}
button{border:none;background:none;padding:0;letter-spacing:-0.001rem;color:#222}
b,strong{font-weight:600}
.text-underline{text-decoration:underline}
.form-control{appearance:none;background:none;border:1px solid #B0B0B0;border-radius:0;color:#222;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:.938rem;font-weight:300;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}
.form-control:focus,.form-control.active,.dropdown-list.selected .form-control{border:1px solid #222!important}
.form-control.white.active,.form-control.white:disabled,.form-control.white.disabled{border-color:#FFF!important}
.form-control::-webkit-input-placeholder{color:rgba(112,112,112,.5)}
.form-control::-moz-placeholder{color:rgba(112,112,112,.5)}
.form-control:-ms-input-placeholder{color:rgba(112,112,112,.5)}
.form-control:-moz-placeholder{color:rgba(112,112,112,.5)}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:all 5000s ease-in-out 0;transition-property:background-color,color}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline;display:block}
.fl{float:left}
.fr{float:right}
.hidden{display:none!important}
.noScroll{overflow:hidden!important;inset:-808px 0 0}
.cl-white,.cl-white *,a.cl-white,.cl-white a:hover{color:#FFF!important}
.cl-blue{color:#008489!important}
.cl-grey{color:#707070}
.nobor{border:none!important}
.z-higher{z-index:99999999999!important}
.z-lower{z-index:inherit!important}
.row:before{display:none}
.row,.sl-gen:not(.noSpace) .slick-list{margin:0 -12px}
.row [class^=col-],.sl-gen:not(.noSpace) .item{padding:0 12px}
.wrapper{width:100%;max-width:1400px;padding:0 24px;margin:0 auto}
.greyBg{background-color:#f7f7f7}
.not-active{opacity:.3;pointer-events:none}
#ci-wrapper{font-size:.938rem}
.andi{opacity:0;pointer-events:none}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slide-dots .slick-dots{position:absolute;left:0;right:0;bottom:0;text-align:center;z-index:5}
.slide-dots .slick-dots li{display:inline-block;margin:0 6px}
.slide-dots .slick-dots li button{width:8px;height:8px;background:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:none;font-size:0;padding:0;background-color:#B0B0B0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.slide-dots .slick-dots li.slick-active button{-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transform-origin:center}
.input-group{width:100%}
.input-group-img{width:90px;white-space:nowrap;padding-left:7px;display:table-cell;vertical-align:middle}
.input-group-img img{max-width:inherit}
.nicescroll-rails{z-index:9999!important}
.ci-main-top{position:relative;width:100%;max-width:1400px;margin:auto;padding-top:56px}
.ci-main-top .img{width:100%;overflow:hidden;position:relative;padding-top:540px;background-repeat:no-repeat;background-position:center;background-size:cover}
#ci-slide-home .link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
#ci-slide-home .slick-dots li.slick-active button{background-color:#FFF}
.ci-main-top .top-page-heading{top:32px;left:0;width:100%;padding-bottom:48px;z-index:2;pointer-events:none}
.ci-main-top .boxTitle{margin-bottom:36px}
#p-banner .img.i-video{padding-top:30%}
#p-banner .img.i-video iframe,#p-banner .img.i-video video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
#banner-sub .img:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;background-color:rgba(0,0,0,.3)}
.countdown{top:29%;left:50%;z-index:2;margin-left:-260px}.countdown .times{display:inline-block;font-family:"Myriad Pro",sans-serif;font-size:11.25rem;line-height:.9;color:#a42f32;font-weight:700}.countdown .day{-webkit-text-stroke:6px transparent;background:linear-gradient(to right,#ffca48,#fef78d,#ffc53f);text-shadow:0 2px 0 #265426,0 4px 12px rgba(38,84,38,0.25);-webkit-background-clip:text;background-clip:text}.countdown .d-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#87100E 3.3%,#A9100E 29.21%,#7E0C0C 54.82%,#E65248 75.74%,#93100E 95.81%,#C64242 102.26%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.txt-expired{font-size:8rem}@media (max-width: 780px){.countdown{top:29%;margin-left:-150px}.countdown .times{font-size:100px}}
#ci-slide-home .link1{top:53%;left:50%;width:200px;height:18%;margin-left:-225px;z-index:1}
#ci-slide-home .link2{top:53%;left:50%;width:202px;height:18%;margin-left:23px;z-index:1}
/*==================END SETUP======================*/
.rad3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.rad4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.rad6{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.rad8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.rad10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rad12{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.rad14{-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px}
.rad16{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.rad24{-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px}
.no-rad{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.bor{background-color: #ffffff;border: 1px solid #B0B0B0}
a.button-web:hover,button.button-web:hover{background-color:#EBEBEB!important}
.w-shadow{-moz-box-shadow:0 0 10px rgba(0,0,0,0.08)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.08)!important;box-shadow:0 0 10px rgba(0,0,0,0.08)!important;background-color:#fff!important;border:1px solid #E9E9E9;color:#222222}
.w-shadow1{-moz-box-shadow:0 0 3px rgba(0,0,0,0.16)!important;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16)!important;box-shadow:0 0 3px rgba(0,0,0,0.16)!important;background-color:#fff!important;border:1px solid #E5E5E5}
.animated{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes ani_height{from{height:0}to{height:100%}}@keyframes ani_height{from{height:0}to{height:100%}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.scale-animate{display:block;position:relative;overflow:hidden}
.scale-animate img{-webkit-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-moz-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-o-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.scale-animate:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.button-web{display:inline-block;align-items:center;vertical-align:bottom;justify-content:center;padding:0 24px;height:48px;line-height:44px;border:1px solid transparent;text-align:center;position:relative;overflow:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;font-size: 0.875rem;font-weight:500;cursor:pointer;white-space:nowrap;min-width:120px;text-decoration:none!important}
.button-web span{display:inline-block;position:relative;z-index:1}
.button-web span:not(.hover){pointer-events:none}
.button-web:not(.btn-face):hover{color:#222222!important}
.button-web.v1{background-color:#FFFFFF;border-color:#222222}
.button-web.v1.v1_1{background:none;color:#e8e8e8;border-color:#FFFFFF}
.button-web.v2{background-color:#222222;color:#FFFFFF}
.button-web.v2:hover{background-color:#707070!important;color:#FFF!important;border-color:#707070!important}
.button-web.v3{background-color:#FF385C;color:#FFFFFF!important}
.button-web.v3:hover,.button-search:hover,.btn-search-field:hover{background:#DC0E63!important;background:-moz-linear-gradient(-90deg,#DC0E63 0%,#E51D4E 100%)!important;background:-webkit-linear-gradient(-90deg,#DC0E63 0%,#E51D4E 100%)!important;background:linear-gradient(270deg,#DC0E63 0%,#E51D4E 100%)!important;border-color:transparent!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC0E63',endColorstr='#E51D4E',GradientType=1);color:#FFF!important}
.button-web.v3 .hover{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(circle at center center, rgb(255, 56, 92) 0%, rgb(230, 30, 77) 27.5%, rgb(227, 28, 95) 40%, rgb(215, 4, 102) 57.5%, rgb(189, 30, 89) 75%, rgb(189, 30, 89) 100%)!important;background-size:200% 200%;opacity:0;-o-transition:opacity 1.25s ease .1s;-moz-transition:opacity 1.25s ease .1s;-ms-transition:opacity 1.25s ease .1s;-webkit-transition:opacity 1.25s ease .1s;transition:opacity 1.25s ease 0s}
.button-web.v3:hover .hover{opacity:1}
.button-web.v4{min-width:100%;border:2px solid #B0B0B0;padding:0 16px}
.button-web.v5{border:2px solid #008489;background-color:#FFFFFF;min-width:inherit}
.button-web.v1.v1_1:hover{color:#FFFFFF!important}
.button-web.v1.v1_1:hover{-moz-box-shadow:0 0 10px #FFFFFF;-webkit-box-shadow:0 0 10px #FFFFFF;box-shadow:0 0 10px #FFFFFF;background:none!important}
.button-web.btn-small{padding:6px 24px 10px;height:40px;line-height:inherit}
.button-txt{font-size:0.875rem;text-decoration:underline;font-weight:400;padding:8px 16px;white-space:nowrap}
.button-txt:hover{background-color:#F7F7F7}
.btn-linkweb{font-weight:400;color:#008489!important;text-decoration:underline!important}
a.btn-linkweb:hover,a:hover .btn-linkweb{text-decoration:none!important}
.btn-link.disabled{color:#B0B0B0!important}
.img-responsive{display:inline-block;width:100%;height:auto}
.mdi{display:inline-block}
.mdi:before, .mdi-set{font-size:1.5rem}
.click-popup,.search-field-wrapper{position:relative}
.popup{opacity:0;visibility:hidden;position:absolute;top:calc(100% + 10px);left:-9999px;z-index:1100;background-color:#fff;text-align:left;pointer-events:none;padding:24px 24px 16px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.16);-moz-box-shadow:0 0 8px rgba(0,0,0,.16);box-shadow:0 0 8px rgba(0,0,0,.16);-ms-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.click-popup.active .popup,.click-popup-filters.active .popup,.search-field-wrapper.active .popup{opacity:1;left:auto;visibility:visible;pointer-events:auto}
.filter-search{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;z-index:100;opacity:0;-ms-transition:all 366ms;-webkit-transition:all 366ms;transition:all 366ms;max-height:100%;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;font-size:.938rem}
.filter-search.show-on{opacity:1;z-index:2147483650;pointer-events:auto}
.filter-search .filter-bg{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.5)}
.filter-search .screen,.detail-prod-popup .screen{z-index:-9;display:none;pointer-events:none;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.filter-search.show-on .screen.active,.detail-prod-popup .screen.active{z-index:10;display:block;pointer-events:auto;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/*==================MODAL=================*/
.modal-open .modal{z-index:10000000005!important}
.modal-backdrop{z-index:100000000!important}
.modal .button-web{height:40px;padding:7px 24px 9px;line-height:inherit;min-width:inherit}
.product-page.modal-open,.product-page.modal-open .modal,.tool-page.modal-open,.tool-page.modal-open .modal{padding:0!important}
.product-page.modal-open{overflow:hidden!important}
.mypopup-albumn{overflow-y:hidden}
.mypopup-albumn .modal-dialog{max-width:100%;margin:0}
.mypopup-albumn .modal-content{border:none;opacity:0}
.mypopup-albumn.show .modal-content{-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-duration:1.2s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;overflow:visible}
.mypopup-albumn .close-icon{position:absolute;top:0;right:-4px;font-size:1.875rem;z-index:5;width:30px;height:30px}
.modal-open .fancybox-container{z-index:99992!important}
/*==================MODAL=================*/
.account-page .modal-open{padding-right:0!important;overflow:hidden!important;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0}
.modal-full-mb {padding:40px!important}
.modal-full-mb .modal-dialog{max-width:100%;margin:0;display:contents}
.modal-full-mb .modal-content{width:100%;max-width:100%;min-height:100%;background:#FFF}
.modal-full-mb .mod-header{padding:0 24px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-box-pack:justify;-webkit-box-align:center;flex:0 0 auto;height:64px;border-bottom:1px solid rgba(217,217,217,.5);position:relative}
.modal-full-mb .mod-header .title{font-size:1rem;font-weight:500}
.modal-full-mb .mod-header .close,.account-popup .fancybox-close{opacity:1;background:none;color:#222222;position:absolute;top:16px;left:16px;width:32px;height:32px;line-height:32px;padding:0;margin:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.modal-full-mb .mod-header .close:hover,.account-popup .fancybox-close:hover{background-color:#F7F7F7}
.modal-full-mb .mod-header .close svg,.account-popup .fancybox-close svg{display:block;height:100%;overflow:visible;position:relative;width:100%;padding:4px!important}
.modal-full-mb .mod-header .close svg path,.account-popup .fancybox-close svg path{fill:currentColor;stroke-width:0}
.modal-full-mb .mod-body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;min-height:calc(100vh - 220px);min-height:calc(var(--window-height) - 220px);max-height:calc(100vh - 220px);max-height:calc(var(--window-height) - 220px);width:100%;overflow:auto;flex:1 1 auto}
.modal-full-mb .mod-body .inner{padding:24px 56px;width:100%;max-width:1288px;margin:auto}
.modal-full-mb .mod-footer{-webkit-box-pack:justify;-webkit-box-align:center;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(217,217,217,.5)}
.modal-full-mb .mod-footer .inner{width:100%;padding:16px 24px}
#add-note-img .tab-tilte{padding-bottom:8px;border-bottom:1px solid #D9D9D9;font-size:0.875rem;font-weight:400;margin-bottom:24px}
#add-note-img .note{display:block;font-size:0.75rem;;line-height:18px;color:#707070;margin-bottom:12px}
#add-note-img .remove-photo{font-weight:500}
/*==================SOCIAL===================*/
.socialBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.socialBox a,.socialBox button{display:inline-block;position:relative;white-space:nowrap;font-weight:300}
.socialBox a:not(:last-child){margin-right:16px}
.socialBox label{cursor:pointer;margin-bottom:0;width:100%}
.socialBox i,.zalo-share-button{display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain}
.socialBox i:before{font-size:1.5rem;line-height:24px}
.socialBox .ic-facebook{background-image:url(../images/icon/facebook-f-icon.svg)}
.socialBox .ic-youtube{background-image:url(../images/icon/youtube-icon.png)}
.socialBox .ic-messenger{background-image:url(../images/icon/messenger-icon.png)}
.socialBox .ic-viber{background-image:url(../images/icon/viber-icon.png)}
.socialBox .ic-zalo,.zalo-share-button{background-image:url(../images/icon/zalo-icon.svg)}
.zalo-share-button{overflow:visible!important}
.zalo-share-button iframe{opacity:0}
.socialBox .ic-email{background-image:url(../images/icon/mail-icon.png)}
.socialBox .ic-phone1{background-image:url(../images/icon/phone-arr-icon1.png)}
.socialBox .ic-phone2{background-image:url(../images/icon/phone-arr-icon2.png)}
.socialBox .ic-copy{background-image:url(../images/icon/copy-icon.svg)}
.top-head .socialBox i,.top-head  .zalo-share-button{width:18px;height:18px}
.top-head .socialBox a:not(:last-child),#ci-footer .socialBox a:not(:last-child){margin-right:12px}
.addressFoot .socialBox i,.zalo-share-button{width:20px;height:16px}
.addressFoot .socialBox a:first-child{margin-left:0.25rem}
/*==================BEGIN HEADER===================*/
#ci-header{min-height:120px}
#ci-header,#ci-header .sticker{    -webkit-transition: background-color .3s,opacity .3s; 
    -o-transition: background-color .3s,opacity .3s;
    transition: background-color .3s,opacity .3s;}
.top-head{min-height:40px;padding:8px 0;background-color:#F7F7F7;font-size:0.875rem}
.top-head .top-hotline img{display:inline-block;width:18px;flex-shrink:0;margin-right:8px;position:relative;top:-2px}
.mainHead{position:relative;width:100%;height:80px;padding:16px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.logo a{display:inline-block;text-decoration:none!important}
.logo img{max-height:36px}
.mainHead .header-tools .inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.header-tools .trigger,.head-account .trigger{display:inline-block;width:68px;height:40px;line-height:40px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;padding:0 5px;background-color:#FFF;border:1px solid #D8D8D8;text-align:center}
.head-account .click-popup.active .trigger,.head-account .trigger:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.18);-moz-box-shadow:0 2px 4px rgba(0,0,0,.18);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.head-account .trigger{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content: flex-end;line-height:30px}
.head-account .trigger span{width: 100%;height: 30px;padding-left: 26px;background: url(../images/icon/menu-icon.svg) 4px center/16px auto no-repeat;}
.head-account .trigger span i,.socialBox .trigger span i{display:inline-block;width: 30px;height: 30px}
.head-account .trigger span i:before,.socialBox .trigger span i:before{font-size:1.875rem;line-height: 30px}
.mainHead .partner-panel{min-width:80px}
.head-account .click-popup.active .popup,.notifications-list .click-popup.active .popup{-webkit-transform-origin:100% 0;transform-origin:100% 0;width:240px;padding:0;overflow:hidden}
.head-account .click-popup.active .popup,.notifications-list .click-popup.active .popup{right:0}
.popup .it-list{padding:8px 0}
.popup .it-list:not(:last-child){border-bottom:1px solid rgba(217,217,217,0.5)}
.popup .dropdown-item{padding:.5rem 1rem;white-space:normal}
.popup .dropdown-item.active,.popup .dropdown-item:active,.popup .dropdown-item:focus,.popup .dropdown-item:hover{background:#F7F7F7;color:#222}
.header-tools .popup .name-user{padding:8px 16px;pointer-events:none}
.header-tools .popup i{display:inline-block;position:relative;vertical-align:middle;top:2px;width:24px;margin-right:12px;text-align:center}
.head-account.activation .trigger span .acc-avatar{position: relative; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;color:#FFFFFF;font-size:0.875rem;font-style:normal}
.head-account.activation .trigger span .acc-avatar:not(.not-bg){background-color:#222222;}
.head-account.activation .trigger span .acc-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.head-account.activation .it-account .dropdown-item{font-weight:400}
.notifications-list .popup{padding:0;width:300px;font-size:.875rem;overflow:hidden}
.notifications-list.active .popup{right:-64px}
.notifications-list .title,.notifications-list .dropdown-item{padding:12px 1rem}
.top-head .ico img{max-height:18px}
.top-head .count{position:absolute;top:-3px;left:12px;padding:0 4px;min-width:16px;height:16px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;font-size:.575rem;line-height:16px;color:#FFF;background-color:#FF385C;z-index:1;text-align:center}
.notifications-list .count{left:8px}
.notifications-list .it-list{max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto}
.notifications-list .dropdown-item{display:block;white-space:normal;border:none;font-weight:300;line-height:1.5}
.notifications-list .title,.notifications-list .dropdown-item:not(:last-child){border-bottom:1px solid #e5e5e5}
.notifications-list .dropdown-item:last-child:hover{-webkit-border-radius:0 0 12px 12px;-moz-border-radius:0 0 12px 12px;border-radius:0 0 12px 12px}
.notifications-list .txt-null{border-top:1px solid #e5e5e5}
.notifications-list .tend{padding:0;margin:0}
.notifications-list .time{font-size:.75rem;color:#B0B0B0}
#ci-header .sticker{background-color:#FFF;-webkit-box-shadow:4px 0 10px rgba(0,0,0,0.12);-moz-box-shadow:4px 0 10px rgba(0,0,0,0.12);box-shadow:4px 0 10px rgba(0,0,0,0.12)}
#ci-header.fixed .sticker{position:fixed;top:0;left:0;width:100%;z-index:1001;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1}
#ci-header.fixed .top-head{display:none}
@-webkit-keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
/*=============MENU=============*/
.menuWrap,.menuNav ul li{position:relative}
.menuNav > ul > li{cursor:pointer}
.menuNav h2,.menuNav li h3{font-weight:300}
/*==================END HEADER=====================*/
.tend,.tend a,.des,.list-showroom .productAttr{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
.tend{line-height:22px;padding:0}
.imgWrap{position:relative;overflow:hidden;width:100%}
/*==================BEGIN BREADCRUMB===============*/
.breadcrumb{width:100%;margin:0;background-color:transparent;font-size:0.813rem;padding:.75rem 0 0}
.breadcrumb ul li{padding-right:10px;margin-right:10px;float:left;position:relative;line-height:20px}
.breadcrumb ul li:first-child{padding-left:0}
.breadcrumb ul li a,.breadcrumb ul li a i{display:block;font-size:inherit;line-height:inherit;color:inherit;text-transform:inherit;color:#707070}
.breadcrumb ul li a span{display:block}
.breadcrumb ul li:not(:last-child):after{content:"\F0142";font-family:"Material Design Icons";font-weight:600;position:absolute;right:-5px;top:57%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:0.75rem;;line-height:20px}
.breadcrumb ul li:last-child{margin-right:0}
.breadcrumb ul li.home a i{display:inline-block;line-height:20px;margin-right:5px}
.breadcrumb ul li:last-child a{color:#222222}
.top-heading{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;margin:0;background-color:transparent;font-size:0.75rem;;text-align:center}
/*LOADING*/
.loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.6);width:100vw;height:100vh;z-index:10000}.lds-default{display:inline-block;position:relative;width:80px;height:80px}.lds-default div{position:absolute;width:6px;height:6px;background:#CCC;border-radius:50%;animation:lds-default 1.2s linear infinite}.lds-default div:nth-child(1){animation-delay:0;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
/*==================END BREADCRUMB=================*/
.sl-gen .slick-arrow{border:none;position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:0;z-index:5;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.arr-circle .slick-arrow{width:32px;height:32px;background-color:#FFFFFF;border:1px solid #E3E3E3;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#B0B0B0}    
.arr-circle .slick-prev{left:-20px}
.arr-circle .slick-next{right:-20px}
.arr-circle .slick-arrow:before{font-family:"Material Design Icons";font-size:1.5rem;line-height:30px}
.arr-circle .slick-prev:before{content:'\F0141'}
.arr-circle .slick-next:before{content:'\F0142'}
.arr-circle .slick-arrow:hover{border-color:#222222;color:#222222}
.sl-gen.v2 .slick-arrow{width:16px;height:24px;color:#767676;background:#FFFFFF url(../images/icon/right-arrow.svg) center center/contain no-repeat;opacity:0.5}
.sl-gen.v2 .slick-arrow:hover{opacity:1}
.sl-gen.v2 .slick-prev{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:8px 25%;transform-origin:8px 25%}
.sl-gen.v2 .slick-next{left:64px}
.view-col .item,.sl-gen.slick-initialized .slick-track,.sl-gen.slick-initialized .item{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
.slick-arrow.slick-disabled{opacity:0.3!important}
.sl-gen.slick-initialized:not(.noSpace) .slick-slide,.sl-gen.slick-initialized:not(.sl-muti-rows) .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}
.sl-gen.slick-initialized:not(.noSpace) .slick-slide{height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
/*==================BEGIN BOX MID==================*/
.boxTitle{margin-bottom:32px;position:relative}
.boxTitle .title{display:inline-block;font-size:1.75rem;line-height:40px;font-weight:500;letter-spacing:-0.01rem}
.boxTitle .title.t1{font-size:1.375rem;line-height:30px}
.boxTitle .title.t2{font-size:1.5rem;line-height:34px}
.boxTitle .title.t3{font-size:2rem;line-height:44px}
.boxTitle .title.t4{font-size:2.625rem;line-height:60px}
.boxTitle .title.t5{font-size:1.625rem;line-height:1.5}
.header-title{white-space:nowrap;font-size:1.5rem;font-weight:400;padding-left:8px}
.sub-title{font-size:1.25rem;line-height:28px;font-weight:500;margin-bottom:16px}
.s-title{font-size:1.125rem;line-height:26px;font-weight:500;margin-bottom:16px}
.boxTitle .note{font-size:0.875rem;color:#707070}
/*==================END BOX MID====================*/
.choose-btn{position:relative;padding-left:32px!important;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:24px}
.choose-btn input[type='radio'],.choose-btn input[type='checkbox'],.package-services input[type='radio']{position:absolute;opacity:0;top:0;left:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#FFFFFF;border:1px solid #B0B0B0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input[type='radio']~.checkmark:after,.choose-btn input[type='checkbox']~.checkmark:after{content:"";position:absolute;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input[type='radio']~.checkmark,.choose-btn input[type='radio']~.checkmark:after{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.choose-btn input[type='radio']~.checkmark{width:22px;height:22px}
.choose-btn input[type='radio']~.checkmark:after,.choose-btn input:checked ~ .checkmark:after{opacity:1;visibility:visible}
.choose-btn input[type='radio']~.checkmark:after{left:6px;top:6px;width:8px;height:8px;background-color:#FFF}
.choose-btn .required input ~ .checkmark{border-color:#F00}
.choose-btn input:checked ~ .checkmark{background-color:#222222;border-color:#222222}
.choose-btn input[type='checkbox']~.checkmark{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.choose-btn input[type='checkbox']~.checkmark:after{left:8px;top:3px;width:7px;height:12px;border:solid #fff;border-width:0 .15em .15em 0}
.choose-btn input[type='checkbox']:checked ~ .checkmark:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.choose-btn>label{display:block;margin:0;cursor:pointer}
.choose-btn>label .txt{display:inline-block;line-height:24px}
.choose-btn input[type='radio']:checked+.txt,.choose-btn input[type='radio'].active+.txt{font-weight:500}
/*==================UI DATEPICKER=====================*/
input:focus{outline:none}
.calendar-icon{position:relative}
.calender-icon .input-group-btn{position:absolute;right:16px;top:50%;width:16px;height:16px;margin-top:-8px;cursor:pointer;background:url(../images/icon/calendar-icon.svg) center center/contain no-repeat;pointer-events:none}
#ui-datepicker-div{display:none;width:240px;background-color:#fff;border:none;-webkit-box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);-moz-box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);margin-top:.25rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;border-radius:.5rem;padding:.2rem;font-family:'Be Vietnam Pro',sans-serif;font-size:0.938rem}
.ui-datepicker table{border-collapse:collapse;border-spacing:0;margin:0}
.ui-datepicker-calendar thead th{padding:.75em .25rem;text-align:center;font-weight:400;color:#222222}
.ui-datepicker-calendar tbody td{width:2rem;text-align:center}
.ui-datepicker-calendar tbody td .ui-state-default,.ui-datepicker-calendar tbody td a{display:block;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;line-height:1.4rem;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-webkit-transition:.3s all;transition:.3s all;text-decoration:none;text-align:center}
.ui-datepicker-calendar tbody td a:hover{background-color:#ebebeb;color:#333}
.ui-datepicker-calendar tbody td a.ui-state-active{background-color:#E91E63;border-color:#E91E63;color:#fff}
.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:50%;width:2rem;height:2rem;margin:-1rem .5rem 0;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-webkit-transition:.3s all;transition:.3s all}
.ui-datepicker-header a.ui-corner-all:hover{background-color:#ECEFF1}
.ui-datepicker-header a>span{display:none}
.ui-datepicker .ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:0;font-size:0.875rem;font-weight:400}
.ui-datepicker-week-col{color:#78909C;font-weight:300;font-size:.75rem}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #222;background:#222;color:#FFF}
.bootstrap-datetimepicker-widget{width:320px!important;max-width:320px;background-color:#FFF;margin:10px 0!important;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;padding:16px!important;border:1px solid rgba(217,217,217,.5);-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);z-index:1035!important}
.bootstrap-datetimepicker-widget:before,.bootstrap-datetimepicker-widget:after{display:none!important}
.bootstrap-datetimepicker-widget *{font-family:'Be Vietnam Pro',sans-serif!important;font-size:0.875rem}
.bootstrap-datetimepicker-widget .table-condensed>thead>tr>th,.bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td,.bootstrap-datetimepicker-widget .table-condensed>tfoot>tr>td{padding:10px 8px}
.bootstrap-datetimepicker-widget table thead tr:first-child th,.bootstrap-datetimepicker-widget table td{background:none!important}
.bootstrap-datetimepicker-widget table th{position:relative}
.bootstrap-datetimepicker-widget table th.prev:hover::before,.bootstrap-datetimepicker-widget table th.next:hover::before{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;content:'';width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#F7f7F7;mix-blend-mode:multiply;pointer-events:none}
.bootstrap-datetimepicker-widget table tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.bootstrap-datetimepicker-widget table td{width:calc(100%/7);flex-shrink:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;border:1px solid transparent;position:relative}
.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td.day{width:40px;height:40px}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color:#222222}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{color:#d2d2d2}
.bootstrap-datetimepicker-widget table td.new{color:#d2d2d2}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.new.active{color:#FFF}
.date{position:relative}
.date input{cursor:pointer}
.bootstrap-datetimepicker-widget table td:hover:not(.disabled){border-color:#222!important}
.bootstrap-datetimepicker-widget table td.active{background-color:#222!important}
.bdpw-clock-digit,.bdpw-timepicker-btn{width:24px!important;height:24px!important;line-height:24px!important}
.bdpw-clock-digit.cursor{color:#222222}
/*==================SUPPORT===================*/
.boxSupport{padding-top:36px;margin-top:48px;border-top:1px solid #D9D9D9}
.boxSupport .row-support{margin:0 -15px}
.boxSupport .support{position:relative;padding-left:28px}
.boxSupport .support:before{position:absolute;top:4px;left:0;width:20px;height:100%;content:"";background-position:0 0;background-size:contain;background-repeat:no-repeat}
.boxSupport .item:first-child .support:before{background-image:url(../images/icon/black-search-icon.svg)}
.boxSupport .item:nth-child(2) .support:before{background-image:url(../images/icon/phone-icon1.svg)}
.boxSupport .item:nth-child(3) .support:before{background-image:url(../images/icon/faq-icon.svg)}
.boxSupport .support .tend{font-size:1.125rem;line-height:1.4;font-weight:400;margin-bottom:4px}
.boxSupport .support p{padding-bottom:0}
/*==================BEGIN FOOTER===================*/
#ci-footer{background-color:#F7F7F7}
.mainFoot{padding:36px 0 24px;font-size:0.875rem}
.mainFoot a{color:#707070}
.mainFoot a:hover{text-decoration:underline!important}
.mainFoot .title{font-weight:500;text-transform:uppercase;padding-top:8px;margin-bottom:16px}
.boxBot{margin-bottom:24px}
.mainFoot hr{border-top:1px solid #dfdfdf}
.addressFoot{font-size:0.75rem;line-height:24px}
.mainFoot .addressFoot{margin-bottom:16px}
.addressFoot p{padding:1px 0;color:#707070}
.addressFoot img{display:inline-block;max-width:16px;max-height:16px;margin-right:8px;position:relative;top:-2px}
.addressFoot .link{white-space:nowrap;margin-right:20px}
.gov-img img{max-width:121px}
.botLink h3{font-size:0.875rem;font-weight:300;line-height:23px}
.botFoot{color:#707070;font-size:0.75rem;line-height:22px}
.gov-img a{display:inline-block}
/*==================END FOOTER=====================*/
/*==================GO TOP=========================*/
.go_top{display:none;position:absolute;top:-20px;left:50%;width:40px;height:40px;margin-left:-20px;font-size:1.25rem;background-color:#FFFFFF!important;cursor:pointer;text-align:center;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.go_top:before{content:"\F0143";font-family:"Material Design Icons";font-weight:600;line-height:40px;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}
.tool-fixed{position:fixed;z-index:49;bottom:10px;right:10px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;opacity:0;visibility:hidden;transform:translateX(130%);-webkit-transform:translateX(130%);-moz-transform:translateX(130%);-o-transform:translateX(130%);-ms-transform:translateX(130%)}
.tool-fixed.onshow{transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);opacity:1;visibility:visible}
.tool-fixed li{position:relative}
.tool-fixed li a{display:block;width:44px;height:44px}
.tool-fixed li svg{width:100%;position:relative;z-index:3}
.tool-fixed li~li{margin-top:10px}
.tool-fixed .icon{width:44px;-ms-flex-negative:0;flex-shrink:0;height:44px;text-align:center;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.tool-fixed .text{height:44px;line-height:44px;position:absolute;z-index:-1;top:0;right:0;border-radius:50px;background-color:#FFFFFF;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.12);-moz-box-shadow:0 0 6px rgba(0,0,0,0.12);box-shadow:0 0 6px rgba(0,0,0,0.12);color:#222;font-size:0.875rem;font-weight:500;padding-left:16px;padding-right:56px;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;text-align:center;min-width:160px;opacity:0;pointer-events:none}
.tool-fixed .hotline .icon{background-color:#f44336;border-radius:100%}
.tool-fixed .hotline .icon svg{width:70%}
.tool-fixed li:hover .text{opacity:1;pointer-events:auto}
/*===========================SLIDER HOME=============================*/
#ci-slide-home img{width:100%!important}
#banner-sub{width:100%;position:relative}
#banner-sub .img img{width:100%}
/*===========================FILTER=============================*/
.form-group .ftxt{display:block;color:#707070}
/*.floating-label{position:absolute;top:15px;left:10px;color:#707070;-moz-transform:transform 150ms ease-out,font-size 150ms ease-out;-ms-transform:transform 150ms ease-out,font-size 150ms ease-out;-webkit-transition:transform 150ms ease-out,font-size 150ms ease-out;-o-transition:transform 150ms ease-out,font-size 150ms ease-out;transition:transform 150ms ease-out,font-size 150ms ease-out;pointer-events:none;cursor:text;margin-bottom:0;z-index:1}
.form-group.focused .floating-label{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px);font-size:0.75rem;line-height:18px}
.form-group.focused .ftxt{font-size:0.75rem;;line-height:14px}*/
.form-control{padding:22px 16px 6px;height:56px;line-height:inherit}
.toggle-password{position:absolute;top:0;right:0;z-index:2;cursor:pointer;width:40px;height:100%;background:url(../images/icon/show-icon.svg) center center/22px auto no-repeat;opacity:0.6}
.toggle-password.mdi-eye-off{background-image:url(../images/icon/hide-icon.svg)}
.toggle-password:before{font-size:0}
.form-control,.form-control:focus{box-shadow:none;-webkit-box-shadow:none;background:none}
.form-control{padding:10px 16px;height:48px}
.dropdown-list.disabled .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#707070!important}
.form-control.required,.dropdown-list.required .form-control,.dropdown-list.required .select2-container .select2-selection--single{border-color:#F00!important}
.button-web.disabled{pointer-events:none;opacity:0.5!important;background-color:#F4F4F4!important;border-color:#B0B0B0!important}
.form-group .ftxt .required,.form-group .floating-label .required,.error-info{color:#F00!important}
.error-info{font-size:0.75rem;;line-height:18px;padding-bottom:0}
.error-info i{display:inline-block;margin-right:4px;position:relative;top:2px}
.error-info i:before{font-size:1.25rem}
.dropdown-list .select2-container{width:100%!important;text-align:left}
.select2-container--focus .select2-selection--single{border:1px solid #222222!important}
.select2-dropdown{padding:12px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;z-index:20006}
.select2-container .select2-selection--single{height:48px;border-color:#B0B0B0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#222222}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:11px 16px;color:#B0B0B0;line-height:24px}
.select2-results{color:#707070}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{-webkit-border-radius:8px!important;-moz-border-radius:8px!important;border-radius:8px!important}
.dropdown-list.selected .select2-container--default .select2-selection--single .select2-selection__rendered{color:#222222}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;top:0;right:12px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:9px;height:9px;margin-top:-6px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.select2-container--open .select2-dropdown{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;border:none;-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);padding:16px}
.select2-container--open .select2-dropdown--below{margin-top:10px}
.select2-container--open .select2-dropdown--above{margin-bottom:10px}
.select2-search--dropdown{position:absolute;width:100%;left:0;right:0;padding:0}
.select2-container--open .select2-dropdown--below .select2-search--dropdown{top:-58px}
.select2-container--open .select2-dropdown--above .select2-search--dropdown{bottom:-48px}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color:#B0B0B0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:11px 16px}
.select2-container--open .select2-search--dropdown .select2-search__field{border-color:#222222}
.form-contact-content .location .select2-search--dropdown{top:-35px}
.select2-container--default .select2-results>.select2-results__options{max-height:355px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:none;color:#222222;font-weight:500}
.select2-container--default .select2-results__option[aria-selected=true]{background:none}
.dropdown-list.selected .select2-container .select2-selection--single{border:1px solid #222!important}
.dropdown-list{position:relative;white-space:nowrap}
.dropdown-list select{width:100%;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer}
.dropdown-list select:focus,.dropdown-list select:visited{border-color:#B0B0B0}
.dropdown-list:not(.selected) select{color:#B0B0B0}
.dropdown-list select option{display:block;padding:10px 12px;line-height:1.4;color:#222!important}
.dropdown-list select option:checked{background-color:#F6F6F6}
.form-control:disabled,.form-control.disabled,.dropdown-list.disabled .form-control,.dropdown-list.disabled .select2-container .select2-selection--single,.trigger.disabled{pointer-events:none;background-color:#F4F4F4!important;border:1px solid #B0B0B0!important}
/*==BEGIN: FILTER==*/
.content-showhide>div:not(.active),.filter-search-wrap .check-showhide>div{display:none}
.filter-search-wrap{width:100%;max-width:690px;margin:0 auto;pointer-events:auto}
.filter-search-wrap .inner{background-color:#222;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;overflow:hidden}
.filter-search-wrap .inner .item~.item .title:before{position:absolute;top:50%;left:0;width:1px;height:26px;margin-top:-13px;content:'';background-color:rgba(255,255,255,0.4)}
.filter-search-wrap .item.no-bor .title:before,.filter-search-wrap .item.no-bor+.item .title:before{opacity:0!important}
.filter-search-wrap .item{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.filter-search-wrap .title{width:100%;cursor:pointer;position:relative;white-space:nowrap;height:50px;padding:13px 24px;font-weight:300;letter-spacing:0;color:#FFF}
.filter-search-wrap .check-showhide>div:not(.active){display:block}
.filter-search-wrap .check-showhide{height:34px;overflow:hidden}
.filter-search-wrap .choose-btn .txt{display:inline-block;padding-left:20px;font-size:.75rem;margin-top:10px;text-align:right;color:rgba(255,255,255,0.9)}
.filter-search-wrap .choose-btn:last-child .txt{background:url(../images/icon/select-icon.svg) 0 45%/auto 14px no-repeat}
.filter-search-wrap .choose-btn:first-child .txt{background:url(../images/icon/w-search-icon.svg) 0 45%/auto 14px no-repeat}
.filter-search-wrap .choose-btn:hover .txt{text-decoration:underline}
.filter-search-wrap .choose-btn{padding-left:0!important}
.ul-suggest li.selected{background-color:#F7F7F7}
.home-page .search-keyword .form-control{background-color:#FFF;border:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;text-align:left;height:50px;font-size:.938rem;padding-left:24px;padding-right:48px}
.home-page .search-keyword .icon-search{position:absolute;top:4px;right:4px;bottom:4px;min-width:42px;height:42px;z-index:5;padding:0!important;background:#FF385C url(../images/icon/w-search-icon.svg) center center/auto 16px no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.home-page .search-keyword:not(.active) .delete-icon{display:none}
.filter-search-wrap .txtFilter{color:#FFF;padding:30px 0;position:relative;font-size:.75rem}
.filter-search-wrap .line{width:20px;height:1px;background-color:#FFF}
.back-home{position:relative;left:-8px;z-index:2;display:inline-block;width:32px;height:32px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center}
.back-home:hover{background-color:#F7F7F7}
.back-home i:before{font-size:1.25rem;line-height:32px}
.back-home .txt{position:absolute;white-space:nowrap;top:50%;left:44px;margin-top:-14px;pointer-events:none}
.sub-page #ci-header .back-home{position:absolute;top:50%;margin-top:-16px}
.filter-list .choose-btn{padding-left:0!important;margin-bottom:8px}
._filters .filter-list .choose-btn>label{display:inline-block}
.filter-search .search-filter-input{padding:0;border:none!important;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
._filters .filter-list .txt,.ui-autocomplete .txt{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;align-items:center;-webkit-line-clamp:1;height:42px;line-height:40px;padding:0;min-width:180px;position:relative;border:1px solid transparent;max-width:100%;font-size:.938rem}
.filter-list .icon,.ui-autocomplete .txt .icon{width:32px;display:inline-block;margin-right:8px;text-align:center;position:relative;top:-2px}
.filter-list .icon img,.ui-autocomplete .txt .icon img{max-width:32px;max-height:25px}
.filter-list input[type='radio']:checked~.txt,.filter-list input[type='radio'].active~.txt,.filter-list li.active .txt{font-weight:500;color:#222}
.screen .car-status .txt:before,.screen .car-location .txt:before,.screen .car-price .txt:before{display:inline-block;width:28px;height:28px;line-height:28px;background-color:#F7F7F7;text-align:center;font-family:"Material Design Icons";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:12px;border:1px solid transparent}
.screen .car-status .txt:before{content:'';background:#F7F7F7 url(../images/icon/car.svg) center center/16px no-repeat;position:relative;top:7px}
.screen .car-location .txt:before{content:'\F034E'}
.screen .car-price .txt:before{content:'\F01C1';font-size:1rem}
.filter-actions{-webkit-box-pack:justify;-webkit-box-align:center;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(217,217,217,.5);padding:16px 24px 23px 12px;background-color:#FFF}
.car-other-fields .item,#screen-filter-advanced .filter-selected .item{margin-right:8px}
#screen-filter-advanced .filter-selected{top:0;z-index:2;padding:16px 0 8px}
#screen-filter-advanced .filter-selected:before{position:absolute;top:0;left:-24px;right:-24px;height:100%;content:"";pointer-events:none;background-color:#F7f7F7}
.all-filter-wrap{max-width:calc(100% - 38px)}
.all-filter-wrap .sub-items::-webkit-scrollbar{width:0;display:none}
.paddle{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:0;z-index:5;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;width:32px;height:32px;background-color:#FFF;border:1px solid #707070;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#707070;text-align:center;display:none;cursor:pointer}
.paddle.left{left:0}
.paddle.right{right:0}
.paddle:before{font-family:"Material Design Icons";font-size:1.5rem;line-height:30px}
.paddle.left:before{content:'\F0141'}
.paddle.right:before{content:'\F0142'}
.paddle:hover{border-color:#222;color:#222}
#screen-filter-advanced #accordion{padding-top:32px}
#screen-filter-advanced .filter-list .choose-btn{line-height:0;display:inline-block;padding-right:36px}
.car-other-fields .item .tend,#screen-filter-advanced .filter-selected .item{font-size:.875rem;line-height:34px;font-weight:300;color:#707070;min-width:82px;padding:0 20px;height:36px;white-space:nowrap;text-align:center;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background-color:#fff;border:1px solid #D6D6D6;cursor:pointer;position:relative}
.car-other-fields .item.disabled,#accordion .card.disabled{opacity:.5;pointer-events:none}
.car-other-fields .item .tend:hover{border-color:#222;color:#222}
.car-other-fields .item.has-value .tend{padding-right:32px;line-height:32px;background-color:#F7F7F7;border:2px solid #222;color:#222}
.car-other-fields .item .delete-icon,#screen-filter-advanced .delete-icon,#screen-filter-advanced .remove-icon{position:absolute;top:0;right:0;width:30px;height:100%;z-index:1;text-align:center;cursor:pointer}
.car-other-fields .item .delete-icon i,#screen-filter-advanced .filter-selected .delete-icon i,#screen-filter-advanced .remove-icon i{position:absolute;top:50%;right:8px;width:16px;height:16px;line-height:16px;margin-top:-8px;display:inline-block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222;color:#FFF}
#screen-filter-advanced .remove-icon i{top:48%}
.car-other-fields .item .delete-icon i:before,#screen-filter-advanced .filter-selected .delete-icon i:before,#screen-filter-advanced .remove-icon i:before{font-size:.813rem}
.car-other-fields .item:hover .delete-icon i,#screen-filter-advanced .filter-selected .item:hover .delete-icon i,#screen-filter-advanced li:hover .remove-icon i{background-color:#FF385C;color:#FFF}
.car-other-fields .item .delete-icon{display:none}
.car-other-fields .item.has-value .delete-icon{display:block}
#screen-filter-advanced .filter-selected .item{min-width:inherit;height:30px;line-height:28px;font-size:.813rem;padding:0 32px 0 12px;margin-bottom:8px}
#accordion .card{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow:hidden}
#accordion .card:not(:last-child){margin-bottom:24px;border-bottom:1px solid #D9D9D9}
#accordion .card-header{padding:0;background:none;border:none;-webkit-border-radius:0;border-radius:0}
#accordion .card-header .card-text{width:100%;border:none;padding-right:40px;font-size:1rem;line-height:26px;font-weight:400;margin-bottom:24px;text-align:left;position:relative}
#accordion .card-header .card-text:after{position:absolute;top:50%;right:10px;width:40px;text-align:center;border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;content:"";width:10px;height:10px;margin-top:-5px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .3s linear;-ms-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#accordion .card-header .card-text[aria-expanded="true"]{font-size:1.125rem;color:#000}
#accordion .card-header .card-text[aria-expanded="true"]:after{-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
#accordion .card-body{padding:0 0 16px}
.car-other-fields .filter-actions{padding:16px 16px 16px 8px;border-top:1px solid #D9D9D9;background-color:#FFF}
.click-filter-advanced{margin-right:8px;width:36px;flex-shrink:0}
.icon-filter-advanced{width:36px;height:36px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;z-index:5;border:1px solid #DDD}
.icon-filter-advanced img{max-width:15px}
.icon-filter-advanced .count{display:none;position:absolute;min-width:14px;height:14px;left:19px;top:-3px;background:#FF385C;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-weight:700;font-size:10px;line-height:14px;color:#FFF;padding:0 2px;text-align:center}
.click-filter-advanced.active .count{display:block}
.icon-filter-advanced:hover,.click-filter-advanced.active .icon-filter-advanced{border-color:#222}
.screen .head-title{position:relative;z-index:2;background:none;padding:16px 24px;font-size:1rem;font-weight:300;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.12);-moz-box-shadow:0 0 6px rgba(0,0,0,0.12);box-shadow:0 0 6px rgba(0,0,0,0.12)}
.screen .head-title b{font-weight:500}
.screen .title-text{font-size:1.25rem;line-height:1.875;font-weight:400;margin-bottom:24px}
.screen .filter-list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0}
.screen .head-title .close-ico:hover,.car-other-fields .title .close-ico:hover{background-color:#F7F7F7}
.screen .tend{font-size:1rem}
.screen .sr-content{position:relative;top:0;z-index:auto;opacity:1;visibility:visible;pointer-events:auto;width:100%;border:none;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;flex:1 1 auto}
.screen .popup-content{height:100%;padding:32px 0 24px 24px}
.screen .popup-content .inner-item{max-height:100%;overflow:auto}
#screen-filter-advanced .popup-content{max-height:100%;overflow:auto;padding-left:24px;padding-right:24px}
.screen .link-txt{font-weight:500}
.screen .car-price .popup-content{padding:12px 24px 32px}
.screen .car-location .tend{padding:12px 24px 0}
.screen .filter-list .txt{margin:0;padding-bottom:0;padding-left:0;padding-right:0;min-width:inherit;overflow:hidden}
.screen .filter-list li{width:33.333333%;padding:0 12px;padding-left:0}
.screen .filter-list a{display:inline-block}
.screen .filter-list .icon{position:relative;top:-1px}
.screen .filter-list li.hide{display:none}
.tab-pane:not(.filter-price) .filter-list input[type='radio']:checked~.txt,.tab-pane:not(.filter-price) .filter-list input[type='radio'].active~.txt,.sub-page .screen-inner:not(.filter-price) .filter-list input[type='radio']:checked~.txt,.sub-page .screen-inner:not(.filter-price) .filter-list input[type='radio'].active~.txt{border:none!important}
.screen .filter-list .choose-btn{padding-left:0!important}
.screen .filter-list .choose-btn label,.screen .filter-list .choose-btn .txt{width:100%}
#screen-filter-advanced .card:nth-child(2) .choose-btn,#screen-filter-advanced .card:nth-child(n+4) .choose-btn{margin-bottom:4px}
#screen-filter-advanced .card .filter-list{padding-bottom:8px}
#mypopup-thongbao-tuchoi{max-width:730px}
.ui-widget{font-family:'Be Vietnam Pro',sans-serif;font-size:.938rem;line-height:24px;font-weight:300}
/*===========================BOX HOME=============================*/
.boxSection{padding:80px 0}
.boxSection .linkAll .btn-more{display:inline-block;position:relative;vertical-align:bottom;padding:0 36px 0 24px;text-align:center;position:relative;overflow:hidden;font-size:.875rem;font-weight:500;color:#000;text-decoration:underline}
.boxSection .linkAll .btn-more:after{position:absolute;top:50%;right:16px;display:inline-block;font-family:"Material Design Icons";content:"\F0142";font-size:1.2rem;font-weight:300;line-height:18px;margin-top:-9px}
.boxSection .linkAll .btn-more:hover{text-decoration:none}
.boxSection .boxContent,.wrapCont{position:relative}
.boxSection .arr-circle .slick-arrow{top:-52px}
.boxSection .arr-circle .slick-prev{left:auto;right:36px}
.boxSection .arr-circle .slick-next{right:0}
.boxSection .box-border{padding:16px 24px;border:1px solid #ddd}
.boxSection .box-border .boxTitle{margin-bottom:24px}
.boxSection .avatar,.wrapCont .avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.boxSection .avatar .imgWrap,.wrapCont .avatar .imgWrap{width:50px;overflow:visible;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.boxSection .avatar .img,.wrapCont .avatar .img{position:relative;overflow:hidden;padding-top:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF}
.boxSection .avatar .img img,.wrapCont .avatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
/*------------ css cho box ------------*/ 
.desc ol,.desc ul{padding-left:30px}
.desc ol{list-style:decimal}
.desc ul{list-style:disc}
.desc li{margin:6px 0;position:relative}
.desc h2,.desc h3,.desc h4,.desc h5,.desc h6{padding:0.4rem 0;margin:0;font-weight:600}
.desc h2{font-size:1.5rem;line-height:34px}
.desc h3{font-size:1.25rem;line-height:30px}
.desc h4{font-size:1rem;line-height:28px}
.desc h5{font-size:0.938rem;line-height:26px}
.desc h6{font-size:0.875rem;line-height:24px}
.desc table{width:100%!important;height:auto!important}
.desc td,.desc th{padding:8px 16px;line-height:inherit;border:1px solid #CCCCCC}
.desc table th:first-child{background-color:#F5F5F5}
.desc img{max-width:100%!important;height:auto!important}
.desc iframe,.desc video{width:100%!important}
.tab-tools-hori+hr{border-top-color:#e5e5e5;top:-1px}
.tab-tools-hori li~li{margin-left:36px}
.tab-tools-hori li:last-child{padding-right:24px}
.tab-tools-hori li a{display:block;position:relative;color:#707070;font-weight:500;padding-bottom:16px;white-space:nowrap;text-decoration:none!important}
.tab-tools-hori li a:before{position:absolute;content:"";left:0;width:0;bottom:0;height:2px;background-color:#222222;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;z-index:1}
.tab-tools-hori li:hover a,.tab-tools-hori li.active a,.tab-tools-hori li a.active{color:#222222}
.tab-tools-hori li.active a:before,.tab-tools-hori li a.active:before{width:100%}
/*=================BEGIN: PAGINATION==================*/
.pagination{width:100%;background:transparent;padding:0;margin:0;padding-top:24px}
.pagination ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;width:100%}
.pagination ul li{display:inline-block;margin:0 8px 0 0}
.pagination ul li span{display:table-cell;width:32px;height:32px;box-sizing:border-box;border:none;vertical-align:middle;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;background-color:#fff;border:none;text-align:center;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;font-size:0.875rem}
.pagination ul li span.pagecur{background:#fff}
.pagination ul li a:hover span,.pagination ul li span.pagecur{color:#fff;background-color:#2D2d2D}
.pagination ul li span:before{position:relative;top:2px}
/*=================TOOL ITEMS==================*/
.boxToolItems{background:url(../images/buiding-bg.png) 0 bottom repeat-x}
.boxToolItems .content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.boxToolItems .caption{width:100%}
.boxToolItems .icon{flex-shrink:0}
.boxToolItems .icon svg{fill:#222}
.boxToolItems .tend{font-size:1.25rem;line-height:1.5;margin-bottom:8px}
.boxToolItems .des{color:#707070}
.boxToolItems .button-web{min-width:150px;height:40px;padding:7px 24px 9px;line-height:inherit!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}
.boxToolItems .icon:hover .anim{transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center;-moz-transform-box:fill-box;-webkit-transform-box:fill-box;transform-box:fill-box}
.boxToolItems .icon:hover .car{-webkit-animation:car 1.5s infinite ease;animation:car 1.5s infinite ease}
.boxToolItems .icon:hover .money,.boxToolItems .icon:hover .driving{-webkit-animation:spin 4s infinite linear;animation:spin 4s infinite linear}
@-webkit-keyframes car {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes car {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes spin {
from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes spin {
from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
/*=================LOGOS==================*/
.box-group.top{background:linear-gradient(to bottom, #ffffff 0%,#f7f7f7 80%)}
.boxLogo .logos .caption:not(:last-child){margin-bottom:16px}
.boxLogo .logos .caption a,.boxLogo .logos .img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.boxLogo .logos .imgWrap{max-width:60px;flex-shrink:0;margin-right:10px}
.boxLogo .logos .img{width:100%;height:40px;justify-content:center}
.boxLogo .logos img{max-height:100%}
.boxLogo .logos .tend{font-weight:300}
.boxLogo .caption:hover a,.boxCates .cate:hover a{text-decoration:none}
/*==PRODUCT CATES==*/
.boxCates{padding-bottom:64px}
.boxCates .cate{width:100%}
.boxCates .cate .img{position:relative;overflow:hidden;padding-top:50%}
.boxCates .cate .img img{position:absolute;top:50%;left:50%;max-width:94%;max-height:94%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*==MENU TABS==*/
.clickScroll{max-width:100%;overflow-x:auto;overflow-y:hidden}
.boxMenu.notClick{margin-bottom:16px}
.clickScroll ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}
/*==BEGIN: PRODUCTS==*/
.info-switch+label{margin-bottom:0;cursor:pointer}
.info-checked{overflow:hidden;display:none!important}
input[type="radio"]:checked~.info-checked,input[type="checkbox"]:checked~.info-checked,.dealer-tools .phone.active .info-checked{overflow:visible;height:auto;display:inherit!important}
.info-switch input[type="radio"]:checked~.txt,.info-switch input[type="checkbox"]:checked~.txt,.dealer-tools .phone.active .txt{display:none;pointer-events:none}
.chk-switch{position:relative;display:inline-block;width:44px;height:24px;margin-bottom:0;margin-top:10px}
.chk-switch input{opacity:0;width:0;height:0}
.chk-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.chk-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.chk-switch input:checked + .slider{background-color:#222222}
.chk-switch input:focus + .slider{-webkit-box-shadow:0 0 1px #2196F3;-moz-box-shadow:0 0 1px #2196F3;box-shadow:0 0 1px #2196F3}
.chk-switch input:checked + .slider:before{-moz-transform:translateX(20px);-o-transform:translateX(20px);-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
.slider.round{-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px}
.slider.round:before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.review-sumary .icon{display:inline-block;margin-right:4px;color:#FF385C;position:relative;top:1px}
.review-sumary .icon:before{font-size:1.25rem}
.review-sumary .count{padding-left:4px}
.tags{padding-bottom:24px}
.tags li{margin-bottom:8px}
.tags li:not(:last-child){margin-right:8px}
.tags li a,.tags li span{display:block;padding:4px 10px;background-color:#F2F2F2;border:1px solid transparent;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-size:0.875rem;text-decoration:none!important}
.tags li:hover a{background-color:#FFF;border-color:#222222}
.boxSection .link-page .more{display:block;border:none;padding:0;position:relative;padding-top:64px;background-color:#FFF}
.boxSection .link-page .more:before{position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:50px;background-color:#FFF;border:1px solid #222222;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-family:"Material Design Icons";content:"\F0054";font-size:1.5rem;font-weight:300;line-height:48px;padding-left:2px;text-align:center}
.product{width:100%;position:relative;margin-bottom:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#FFF;border:1px solid #E3E3E3;overflow:hidden}
.product .count-offer{position:absolute;top:0;left:0;-webkit-border-radius:0 16px 16px 0;-moz-border-radius:0 16px 16px 0;border-radius:0 16px 16px 0;font-size:0.75rem;;line-height:24px;color:#FFF;padding:0 8px}
.product .img{position:relative;overflow:hidden;width:100%;padding-top:66%}
.product .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}
.info-switch[type="checkbox"]{display:none}
.product .img img{-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;transition:all 1s linear}
.product:hover .lSAction{opacity:1}
.product .p-like{position:absolute;top:0;right:0;display:block;width:40px;height:40px;line-height:40px;text-align:center;z-index:20}
.product .p-like:not(.active){opacity:0.6}
.product .p-like i:before{font-size:1.375rem}
.product .p-like:not(.active) i{text-shadow:0 1px 1px #FFFFFF,0 -1px 1px #FFFFFF,-1px 0 0 #FFFFFF,1px 0 0 #FFFFFF}
.product .p-like.active i:before{content:'\F02D1'}
.product .p-delete{position:absolute;top:12px;right:12px;z-index:20;display:inline-block;width:28px;height:28px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16);-moz-box-shadow:0 0 3px rgba(0,0,0,0.16);box-shadow:0 0 3px rgba(0,0,0,0.16);cursor:pointer;background:#FFF url(../images/icon/trash-icon.svg) center center/12px 15px no-repeat}
.product .p-view-info{display:inline-block;text-decoration:underline}
.product:hover .p-view-info{text-decoration:none}
.product .p-service{font-size:.75rem;line-height:18px;margin-bottom:12px}
.product .p-service li{padding-left:20px;position:relative}
.product .p-service li~li:before{position:absolute;top:7px;left:9px;width:3px;height:3px;border-radius:50%;background-color:#222;content:""}
.product .p-service li:first-child{padding-left:24px}
.product .p-service li:first-child:before{position:absolute;top:-2px;left:0;display:inline-block;font-family:"Material Design Icons";content:"\f00c0";font-size:1.125rem;color:#FF385C}
.product .p-fstatus{position:absolute;bottom:0;right:0;font-size:0.75rem;font-weight:400;font-style:italic;padding:6px 16px 4px 24px;background-color:#484848;-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 0%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 0%)}
.product .tend{font-weight:500;text-transform:capitalize}
.product .tend a{-webkit-line-clamp:2;max-height:44px}
.product .price .number{font-size:1rem;line-height:26px;font-weight:600}
.p-allow{display:inline-block;padding:2px 8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.16);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.16);box-shadow:0 2px 4px rgba(0,0,0,0.16);background-color:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.2);font-size:0.75rem;;line-height:18px;text-transform:uppercase}
.product .p-allow{position:absolute;top:8px;left:8px}
.product .p-status{position:absolute;top:50%;left:50%;display:inline-block;width:60px;height:60px;line-height:60px;padding:0 8px;background-color:rgba(0,0,0,.8);font-size:0.75rem;;color:#FFFFFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-top:-30px;margin-left:-30px}
.product .review-sumary{padding-top:0}
.product .productAttr{font-size:0.875rem;color:#707070;line-height:1.5;margin-top:4px}
.product .productAttr span:not(:first-child){padding-left:12px}
.product .productAttr span:not(:first-child):before{content:'-';position:relative;left:-6px}
.product .p-tag{position:absolute;top:8px;left:0;z-index:2;min-width:64px;padding:3px 8px;display:inline-block;font-size:0.813rem;font-weight:400;background-color:#FF385C;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}
.sl-gen .product{height:100%}
.type1 .product{max-width:420px;margin:0 auto;padding-bottom:95px}
.type1 .product>.caption{padding:12px 16px}
.type1 .product .p-related-info{position:absolute;left:16px;right:16px;bottom:16px;margin-top:12px}
.type1 .product .info-user{margin-top:12px}
.type1 .product .dealer{margin-bottom:12px}
.type1 .product .dealer a{border-bottom:1px solid transparent;font-size:0.875rem}
.type1 .product .info-user .avatar .imgWrap{width:45px;margin-right:8px;flex-shrink:0;border:1px solid #E3E3E3}
.type1 .product .info-user .avatar .name{font-size:0.875rem;font-weight:400;text-transform:capitalize;line-height:1.5;color:#008489}
.type1 .product .info-user .avatar .name a{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;max-height:24px;color:#008489}
.product .info-user.showroom .tag-showroom{display:inline-block;min-width:64px;text-align:center;padding:1px 8px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-size:.75rem;color:#fff;line-height:18px;background-color:#222}
.list-prods .product{margin-bottom:56px}
.p-tool{border-top:1px solid #f3f3f3}
.type1 .p-tool{position:absolute;left:0;bottom:0;width:100%;z-index:2}
.p-tool .btn-tool{display:block;width:100%;height:42px;padding:9px 8px;text-align:center;font-size:0.875rem;line-height:24px;cursor:pointer}
.p-tool .popup{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;top:auto;bottom:43px;width:100%;height:108px;padding:12px 16px;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px}
.list-showroom .p-tool .popup{height:120px}
.p-tool .item:nth-child(n+4),.p-tool .tool-item:nth-child(n+4){margin-top:8px}
.type1 .product .link-detail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.type2 .item{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.type2 .product{width:100%;padding:16px 12px 16px 0;margin:0}
.boxProducts.type1 .slick-arrow,.otherProds .slick-arrow{top:33%}
.boxProducts.type2 .boxContent{position:relative}
.boxProducts.type2 .slick-list{margin:0}
.boxProducts.type2 .item{padding:0;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9}
.boxProducts.type2 .item:before{position:absolute;top:50%;left:0;right:0;height:1px;content:'';pointer-events:none;background-color:#D9D9D9;z-index:-1}
.boxProducts.type2 .boxTitle{margin-bottom:24px}
.boxProducts.type2 .boxMenu{margin-bottom:48px}
.boxProducts.type2 .product>.captionWrap{align-items:center}
.type2 .product .img{padding-top:70%;border:1px solid #e9e9e9}
.type2 .product>.caption{width:100%;flex-direction:column;justify-content:space-between}
.type2 .productAttr ul{justify-content:space-between}
.type2 .productAttr li{width:auto}
.boxProducts.type2 .product .review-sumary{padding-top:0;padding-bottom:4px}
.boxProducts.type2 .product .price{padding-top:4px}
.boxProducts.type2 .product .link a{display:block;font-size:0.875rem;text-transform:uppercase;padding:11px 16px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.boxProducts.type2 .product .link a{border-top:1px solid #f3f3f3}
.otherProds,.info-seo{padding-top:56px;border-top:1px solid #DDDDDD}
.prods-empty,.img-desktop.empty{display:none}
.prods-empty .product{position:relative;overflow:hidden;padding-bottom:0}
.prods-empty .product .img{background-color:#fff}
.prods-empty .product .img:after,.productThumbnail .empty .img:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#FFF url(../images/black-logo-icon.svg) center center/60px 40px no-repeat;opacity:0.3}
.prods-empty .product .empty-text{height:12px;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%) 0 0 / 1000px 104px;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;animation-timing-function:linear}
.prods-empty .product .empty-text:not(:last-child){margin-bottom:12px}
@-moz-keyframes placeHolderShimmer {
0%{background-position:0 0}
100%{background-position:-135% 0}
}
@keyframes placeHolderShimmer {
0%{background-position:0 0}
100%{background-position:-135% 0}
}
.productThumbnail .empty .img{background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%) 0 0 / 1000px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear}
.productThumbnail .expired{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;max-width:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(0,0,0,0.7);z-index:10}
.productThumbnail .expired .txt{position:relative;padding-top:100%}
.productThumbnail .expired .txt>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-25deg);-moz-transform:translate(-50%,-50%) rotate(-25deg);transform:translate(-50%,-50%) rotate(-25deg);font-size:1.125rem;color:#FFF;white-space:nowrap}
/*==NAV DOTS CAROUSEL==*/
.slick-container{margin:0 auto}
.slick-dots-container{position:absolute;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:8px;z-index:10;max-width:4.7rem;overflow:hidden;display:block;padding:0;height:.875rem}
.slick-dots-container > ul{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;align-items:center;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;-webkit-transition:all .25s;transition:all .25s;position:relative;padding:0;margin:0;list-style:none;-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);bottom:unset;height:100%}
.slick-dots-container > ul li{display:inline-block;margin:0 .25rem;background-color:rgba(255,255,255,0.6);border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.slick-dots-container > ul li button{display:block;width:7px;height:7px;cursor:pointer;color:transparent;border:0;outline:0;padding:0;margin:0;background:none!important}
.slick-dots-container > ul li.p-small-1,.slick-dots-container > ul li.n-small-1{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}
.slick-dots-container > ul li.slick-active{-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;background:#FFF}
.slick-dots li button:before{display:none}
.gallery-thumbs .slick-arrow{width:28px;height:28px;top:50%!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px transparent,0 0 0 4px transparent,0 2px 4px rgba(0,0,0,.18)!important;background:rgba(255,255,255,.9)}
.gallery-thumbs .slick-arrow:before{font-size:1.25rem;line-height:28px;color:#222222}
.gallery-thumbs .slick-arrow:hover{background:#FFF}
.gallery-thumbs .slick-prev{left:12px!important;right:auto!important;}
.gallery-thumbs .slick-next{right:12px!important}
.home-page .gallery-thumbs .slick-arrow{display:none!important}
/*==BANNER==*/
.boxBanner{padding-top:64px}
/*============DETAIL COMPARE============*/
.boxCompareDetail .compair-tend span{position:relative}
.boxCompareDetail .compair-tend span~span:before{display:inline-block;width:26px;content:'vs';text-align:center}
.tab-content>.tab-pane{position:relative}
.boxCompareDetail .grid,.boxCompareDetail .items-model{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.boxCompareDetail .models .item{padding:0 16px;position:relative}
.modelsWrapOut:not(.fixed) .items-model .item~.item{border-left:1px solid #e5e5e5}
.boxCompareDetail .models .item:hover .img:after{opacity:1}
.boxCompareDetail .models .form-group{margin:0}
.boxCompareDetail .models .select2-container .select2-selection--single{float:none;width:100%;background:#FFF;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.boxCompareDetail .models .dropdown-list:not(.selected) .select2-container .select2-selection--single{border:none!important}
.boxCompareDetail .models .form-group:not(:first-child) .select2-container .select2-selection--single{border-top:1px solid #D9D9D9!important}
.boxCompareDetail .models .form-groupWrap .form-group:first-child .select2-container .select2-selection--single{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}
.boxCompareDetail .models .form-groupWrap .form-group:last-child .select2-container .select2-selection--single{-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px}
.boxCompareDetail .models .form-group:not(:first-child) .dropdown-list.selected .select2-container .select2-selection--single{border-top:none!important}
.modelsWrapOut.fixed .models .form-control{height:36px;padding:5px 16px}
.boxCompareDetail .i-addmore .top .title{font-weight:300}
.boxCompareDetail .i-addmore .top .icon{padding:24px 0;color:#979797}
.boxCompareDetail .i-addmore .top .icon img{max-height:27px}
.four-cols .item{width:25%}
.three-cols .item{width:33.33333333%}
.two-cols .item{width:50%}
.one-cols .item{width:100%}
.boxCompareDetail .models.no-cols .items-model{width:0}
.boxCompareDetail .models.no-cols .i-addmore{width:100%;border-left:none!important}
.boxCompareDetail .models:not(.no-cols) .i-addmore{border-left:1px solid #E5E5E5}
.boxCompareDetail .type0 .models{max-width:720px}
.boxCompareDetail .type0 .models .item{width:50%;padding:48px 32px 36px}
.boxCompareDetail .type0 .i-addmore:first-child{border:none!important}
.boxCompareDetail .type0 .models .number-list{position:absolute;top:16px;left:32px;font-size:1.5rem;color:#9a9a9a}
.boxCompareDetail .type0 .models .content .img{margin-bottom:36px}
.boxCompareDetail .type0 .models .img .noimg{height:76px;-webkit-filter:grayscale(1) brightness(1.8);filter:grayscale(1) brightness(1.8);}
.boxCompareDetail .models .product{max-width:100%;margin-bottom:0;border:none;-webkit-border-radius:0;border-radius:0;border-radius:0}
.boxCompareDetail .models .product .img{border:1px solid rgba(217,217,217,.5)}
.boxCompareDetail .models .slick-arrow{top:50%!important}
.boxCompareDetail .models .slick-prev{right:auto!important;left:5px!important}
.boxCompareDetail .models .slick-next{right:5px!important}
.boxCompareDetail .product .compair-actions{position:absolute;right:12px;top:12px;z-index:3}
.boxCompareDetail .product .compair-actions .action{display:inline-block;width:26px;height:26px;line-height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.16)!important;-moz-box-shadow:0 0 2px rgba(0,0,0,0.16)!important;box-shadow:0 0 2px rgba(0,0,0,0.16)!important;background-color:#FFF;text-align:center;cursor:pointer;padding:0}
.boxCompareDetail .product .compair-actions .action i:before{font-size:1rem}
.boxCompareDetail .product .compair-actions .action:hover{background-color:#222222;color:#FFF}
.boxCompareDetail .product .compair-actions .action~.action{margin-left:8px}
.boxCompareDetail .models .product .imgWrap{margin-bottom:8px}
.boxCompareDetail .models .product .tend{margin-bottom:2px;font-size:1.125rem;line-height:1.5}
.boxCompareDetail .models .product .tend a{-webkit-line-clamp:1;max-height:30px}
.boxCompareDetail .type1 .models .product>.caption{padding:0}
.boxCompareDetail .type1 .models .product .price{margin-top:0;display:none}
.boxCompareDetail .type1 .models .noimg{max-height:85px;margin-bottom:24px}
.modelsWrapOut.fixed .target-models{position:fixed;top:0;left:0;right:0;z-index:20020;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;background-color:#FFF;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);-moz-box-shadow:0 0 6px rgba(0,0,0,0.16);box-shadow:0 0 6px rgba(0,0,0,0.16);border-bottom:1px solid #E9E9E9;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.modelsWrapOut.fixed .modelsWrap{width:100%;margin:0 auto}
.modelsWrapOut.fixed .models{padding:8px 0 12px;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.modelsWrapOut.fixed .i-addmore,.modelsWrapOut.fixed .product .imgWrap,.modelsWrapOut.fixed .product .sl-thumbs,.modelsWrapOut.fixed .product .productAttr,.modelsWrapOut.fixed .prods-empty{display:none!important}
.modelsWrapOut.fixed .models .item{padding:0 24px 0 0}
.modelsWrapOut.fixed .models .product{padding:0;border:none}
.modelsWrapOut.fixed .models .product .tend{padding-right:64px}
.modelsWrapOut.fixed .models .product .link{display:none}
.modelsWrapOut.fixed .models .product .price{padding-top:8px;display:block}
.modelsWrapOut.fixed .product .compair-actions{top:auto;bottom:0;right:0}
.boxCompareDetail .p-tabWrapOut .target-scroll{background:none;border:none}
.modelsWrapOut.fixed .models .form-group,.compare-select{max-width:85%;margin-top:8px}
.modelsWrapOut.fixed .models .btn-remove{right:0}
.i-addmore.off,.modelsWrapOut .tab-title{display:none;width:25%;flex-shrink:0}
.i-addmore.off{position:absolute!important;top:-5000px}
.modelsWrapOut .tab-title .choose-btn{margin-bottom:8px}
.modelsWrapOut.fixed .tab-title,.modelsWrapOut.fixed .tab-title .txt{display:block}
.modelsWrapOut.fixed .tab-title .txt{line-height:22px}
.boxCompareDetail .items-model{flex-shrink:0}
.compare-select .trigger{position:relative;cursor:pointer}
.compare-select .trigger:after{border-bottom:1px solid #222;border-right:1px solid #222;content:'';display:block;width:8px;height:8px;margin-top:-6px;pointer-events:none;position:absolute;right:16px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.compare-select .form-control{font-weight:400}
.compare-select .popup{width:300px;padding-top:16px}
.compare-select .popup li{line-height:32px}
.compare-select .popup li a{color:#606060;text-decoration:none!important}
.compare-select .popup li.active a{color:#222222;font-weight:400}
.panels-compare .panel-cp:not(:first-child){padding-top:24px;border-top:1px solid #E5E5E5}
.panels-compare .title{text-align:left;position:relative;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0.02rem;color:#222;margin-bottom:12px}
.cp-videos .img{position:relative;overflow:hidden;width:100%;padding-top:67%;border:1px solid #E3E3E3}
.cp-videos:not(.empty) .img:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.1) url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><path fill="%23FFFFFF" fill-rule="evenodd" d="m256 0c70.7 0 134.7 28.7 181 75 46.3 46.3 75 110.3 75 181 0 70.7-28.7 134.7-75 181-46.3 46.3-110.3 75-181 75-70.7 0-134.7-28.7-181-75-46.3-46.3-75-110.3-75-181 0-70.7 28.7-134.7 75-181 46.3-46.3 110.3-75 181-75zm156.7 99.2c-40.1-40.1-95.5-64.9-156.7-64.9-61.2 0-116.6 24.8-156.8 64.9-40 40.2-64.9 95.6-64.9 156.8 0 61.2 24.9 116.6 65 156.7 40.1 40.2 95.5 65 156.7 65 61.2 0 116.6-24.8 156.7-65 40.2-40.1 65-95.5 65-156.7 0-61.2-24.8-116.6-65-156.8zm-188.3 246.3c-13.4 7.3-22.5 3-23.4-12.9l-0.5-154.5c-0.3-14.6 11.4-18.7 22.6-11.7l110.3 76.8c13.7 7.8 13.7 17.7 0 26.6z"/></svg>') center center/48px no-repeat;pointer-events:none;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.cp-videos .img:hover:after{background-color:rgba(0,0,0,0)}
.cp-videos .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.cp-videos.empty .img{background-color:#EAEAEA}
.cp-videos.empty .text-null{top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;line-height:1.3}
.panels-compare .info{padding-bottom:24px}
.panels-compare .panel-cp:last-child .info{padding-bottom:0}
.table-tech{width:100%;min-width:250px;overflow:auto;margin-bottom:16px}
.table-tech td{width:25%}
.table-tech td:first-child{color:#707070}
.outer-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-tech td .mdi,.panel-infos table td .mdi{display:inline-block;width:24px;height:24px;line-height:24px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#FFF;text-align:center}
.table-tech td .mdi:before,.panel-infos table td .mdi:before{font-size:0.875rem}
.table-tech .icon-tick,.panel-infos table td .icon-tick{background-color:#009b1f}
.table-tech .icon-cross,.panel-infos table td .icon-cross{background-color:#c13515}
.form-control{padding:10px 16px;height:48px}
.panels-compare .form-control,.panels-compare .select2-container .select2-selection--single{height:40px}
.panels-compare .form-control,.panels-compare .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top:7px;padding-bottom:7px}
.panels-compare .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.panels-compare .images .row{margin:0 -0.4167vw}
.panels-compare .images .item{padding:0 0.4167vw;margin-bottom:0.8333vw}
.panels-compare .images .img{position:relative;overflow:hidden;width:100%;padding-top:66%;border:1px solid #E3E3E3}
.panels-compare .images .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.panels-compareWrap{margin-top:48px}
.panels-compareWrap .tend{padding-bottom:16px;font-size:1.125rem;font-weight:400}
.panels-compareWrap .tend .item{padding-right:36px}
.boxCompareDetail .info-seo{margin-top:16px;padding-top:24px}
.boxCompareDetail .info-seo .content_show_hidden{max-height:100px}
/*==PRODUCT PAGE==*/
.sub-page.null .wrapCont>.boxSection .boxContent{color:#707070}
.sub-page.null .big-text{font-size:1.75rem;line-height:40px;padding-top:48px}
.sub-page.null .small-text{padding:36px 0}
.sub-page.null .name-showroom{font-weight:500}
.sub-page.null .btn-back{border-width:1px}
.sub-page.null .group-btn{padding-top:56px}
.sub-page.null .w-750{max-width:750px;margin:auto}
.sub-page.null .w-880{max-width:880px;margin:auto}
.sub-page.null .button-web{padding-left:16px!important;padding-right:16px!important}
.popup-report .link{padding-bottom:64px;padding-left:8px;padding-right:8px}
.boxList:not(.boxCateNews) .boxTitle{margin-bottom:24px}
.boxList.type1{padding-top:48px}
.boxList.type1 .boxTitle{margin-bottom:16px}
.boxSearchList .top-info{min-height:84px;margin-bottom:36px}
.boxSearchList .top-info .car-other-fields{padding:24px 0}
.boxSearchList .top-info.fixed .car-other-fields{position: fixed;top:80px;left:0;width:100%;z-index:1000;padding:16px 0;background-color:#f7f7f7;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1}
.line-split{margin-right:12px;padding-right:12px;position:relative}
.line-split:after{width:1px;height:18px;content:"";background-color:#222;position:absolute;top:4px;right:0}
.sort-product{width:70px;font-size:0.875rem}
.sort-product.selected{width:auto}
.sort-product .select2-container--default .select2-selection--single,.sort-product .select2-container--focus .select2-selection--single,.sort-product.selected .select2-container .select2-selection--single,.sort-product select{border:none!important;height:auto}
.sort-product .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 12px 0 0;color:#222222;font-weight:500}
.sort-product .select2-container--default .select2-selection--single .select2-selection__arrow{right:0;width:8px;height:26px}
.sort-product .select2-container--default .select2-selection--single .select2-selection__arrow b{width: 0!important;
height: 0!important;
border-style: solid!important;
border-width: 5px 4px 0 4px!important;
border-color: #222 transparent transparent transparent!important;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;margin-top:-2px}
.sort-product .select2-container--open .select2-dropdown--below{width:160px!important}
.boxList .info-result{margin-bottom:32px;color:#707070}
.boxList .txt-result>span{color:#222222;font-weight: 500}
.boxList .list-prods+.link-ajax{padding-bottom:64px}
.boxList .list-prods .row .item,.boxList .list-prods .row .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.boxList .slImgThumb .slick-prev{left:12px}
.boxList .slImgThumb .slick-next{right:12px}
.boxList .slImgThumb .slick-arrow:before{font-family:"Material Design Icons";font-size:1.25rem;line-height:28px}
.boxList .slImgThumb .slick-prev:before{content:'\F0141'}
.boxList .slImgThumb .slick-next:before{content:'\F0142'}
.boxList .linkAll{padding-top:24px!important}
.boxSection.boxOtherList{padding-bottom:32px}
/*=================================DEALER===================================*/
.boxFeaturedDealer .news{border:1px solid #E3E3E3;overflow:hidden}
.boxFeaturedDealer .news .img{border:none}
.boxFeaturedDealer .news .content{padding:16px}
.boxFeaturedDealer .news .tend a{-webkit-line-clamp:1;max-height:24px;color:#008489}
.boxFeaturedDealer .address,.boxFeaturedDealer .socialBox{font-size:.875rem;line-height:1.6}
.boxFeaturedDealer .news .content img{display:inline-block;max-width:18px;max-height:16px;margin-right:5px}
.boxFeaturedDealer .address img{position:relative;top:2px}
.boxFeaturedDealer .address em{font-size:0.75rem}
.boxFeaturedDealer .dealer-tools .zalo{margin-left:36px}
.boxFeaturedDealer .news .n-tag{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;display:inline-block;background-color:#FF385C;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;text-align:center}
.boxFeaturedDealer .news .n-tag:before{font-size:1rem;font-weight:400;line-height:24px}
.boxListDealer .filter-dealer-selected{font-weight:400;font-size:.75rem;line-height:18px}
.boxListDealer .filter-dealer-selected .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:relative;margin-right:10px;color:#222}
.boxListDealer .filter-dealer-selected i{display:block;width:16px;height:16px;line-height:16px;flex-shrink:0;background-color:#D9D9D9;color:#222;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;text-align:center}
.boxListDealer .filter-dealer-selected .item:hover i{background-color:#222;color:#FFF}
.boxListDealer .filter-dealer-selected i:before{font-size:.75rem}
.boxListDealer .news{margin-bottom:60px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-color:#FFF;border:1px solid #E3E3E3;overflow:hidden}
.boxListDealer .news .img{border:none}
.boxListDealer .news .n-tag{position:absolute;top:8px;right:8px;z-index:2;min-width:105px;padding:1px 12px 1px 32px;display:inline-block;font-size:0.75rem;font-weight:400;background-color:#FF385C;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;text-align:center}
.boxListDealer .news .n-tag:before{position:absolute;top:0;left:10px;display:inline-block;font-family:"Material Design Icons";content:"\F04CE";font-size:1rem}
.boxListDealer .news>.caption{padding:12px 12px 16px}
.boxListDealer .avatar{margin-bottom:10px;font-size:.875rem}
.boxListDealer .avatar .imgWrap{width:36px;margin-right:10px;flex-shrink:0}
.boxListDealer .avatar .name{font-weight:400;color:#484848;line-height:1.5}
.boxListDealer .avatar .short-des{color:#707070}
.boxListDealer .socialBox,.boxWishlist .dealer-tools{font-size:.875rem}
.boxListDealer .socialBox{margin-left:46px}
.boxListDealer .dealer-tools .caption img,.boxWishlist .dealer-tools .caption img{display:inline-block;max-width:18px;max-height:16px;margin-right:5px}
.boxListDealer .dealer-tools .zalo,.boxWishlist .dealer-tools .zalo{margin-left:36px}
.search-dealer .des{font-size:.875rem;color:#484848}
.search-dealer .box-search.active .close-ico{}
.search-dealer .form-control{padding:5px 16px 7px;height:40px;background:#FFF;border:1px solid #B0B0B0;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;padding-left:16px}
.search-dealer .form-control:focus,.search-dealer .form-control.active,.search-field-wrapper .form-control:focus,.search-field-wrapper .form-control.active{border-color:#B0B0B0!important;background:#FFF}
.search-dealer .form-control:focus,.search-field-wrapper .form-control:focus{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.18)!important;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.18)!important;box-shadow:0 2px 4px rgba(0,0,0,0.18)!important}
.search-dealer .button-web{position:absolute;top:5px;right:5px;bottom:5px;width:30px;min-width:30px;height:30px;padding:0!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';z-index:1}
.search-dealer .button-web:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../images/icon/w-search-icon.svg) center center/auto 12px no-repeat}
.search-dealer .delete-icon{position:absolute;top:50%;right:40px;margin-top:-10px;z-index:3;width:20px;height:20px;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222;text-align:center;cursor:pointer;color:#FFF}
.search-dealer .delete-icon:before{font-size:.875rem}
#mypopup-filter-dealer .fancybox-close{left:auto;right:24px;margin-left:4px;margin-right:-16px}
#mypopup-filter-dealer .item:not(:last-child){padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #D9D9D9}
.tags .choose-btn{padding-left:0!important}
.tags .choose-btn .txt{display:block;padding:4px 10px;background-color:#F2F2F2;border:1px solid transparent;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-size:.875rem}
.tags .choose-btn input:checked~.txt{background-color:#FFF!important;border-color:#222;font-weight:400}
.gr-dealer .tags .content_show_hidden{max-height:168px}
/*---------DETAIL PRODUCTS--------*/
.sub-page.small-theme .wrapper{width:100%;max-width:1288px;margin:auto}
.productContent{padding-bottom:64px}
.productContent .boxTitle{margin-bottom:24px}
.productWrap .boxTitle{margin-bottom:0;margin-right:32px}
.productWrap .top-info{margin-bottom:32px}
.productWrap .pTools{flex-shrink:0}
.productWrap .pTools .icon{display:inline-block;padding:4px 8px;font-size:0.875rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.productContent .pTools .icon:hover,.productContent .p-share.active .icon{background-color:rgba(216,216,216,0.16)}
.productContent .pTools .icon i{display:inline-block;width:16px;height:16px;position:relative;top:-1px;vertical-align:middle;margin-right:8px}
.productContent .pTools .p-share .icon i{background:url(../images/icon/share-icon.svg) center center/16px auto no-repeat}
.productContent .pTools .p-like:not(.active) i{text-shadow:none}
.productContent .pTools .p-like{margin-left:8px}
.productContent .pTools .p-like .ico{top:-3px}
.productContent .pTools .p-like .ico:before{font-size:1.25rem;line-height:16px}
.productContent .pTools .p-like.active .ico:before{content:'\F02D1'}
.productContent .boxSection:not(.productWrap){padding:48px 0}
.productContent .row .boxSection{padding-top:32px!important;padding-bottom:0!important}
.productContent .row .boxCalculate{padding-bottom:48px!important}
.productContent .line{margin-top:36px;border-top:1px solid #EDEDED}
.productContent .boxSection .wrapper.w2{max-width:800px}
.productContent .row .boxIntro{padding-top:0!important}
.productContent .row .boxIntro .avatar{position:absolute;top:0;right:0;margin:0}
.productContent .row .boxIntro>.boxTitle{margin-bottom:16px}
.productContent .row .boxIntro .content{margin-bottom:24px}
.productContent .row .boxIntro .over_hidden *{font-family:"Be Vietnam Pro",sans-serif!important;font-size:0.938rem!important;line-height:24px!important}
.p-parameter li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}
.p-parameter li,.ul-offers li~li{margin-top:16px}
.p-parameter li .icon,.ul-offers .icon{width:24px;flex-shrink:0;margin-right:12px;text-align:center}
.p-parameter li .icon img,.ul-offers .icon img{max-width:22px;max-height:22px;position:relative;top:-2px}
.boxIntro .desc,.productContent .offers{padding-top:32px}
.w_content_show_hidden .content_show_hidden{overflow:hidden;position:relative}
.w_content_show_hidden .content_show_hidden.active_show{max-height:inherit!important}
.productContent .w_content_show_hidden .content_show_hidden:not(.active_show):after,.info-seo .w_content_show_hidden .content_show_hidden:not(.active_show):after{content:"";background:rgba(255,255,255,0);background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 90%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(90%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 90%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 90%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 90%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);display:block;height:3rem;bottom:0;width:100%;position:absolute;left:0;pointer-events:none}
.button_show_hidden{display:none;padding:24px 0 8px}
.productContent .row .boxCalculate .button_show_hidden{padding:0;padding-top:12px}
.button_show_hidden a,.button_show_hidden span{font-weight:500;text-decoration:underline;padding-left:0!important}
.button_show_hidden span{display:inline-block;text-decoration:underline;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer}
.button_show_hidden a:hover span{text-decoration:none}
.productContent .w_content_show_hidden .content_show_hidden{max-height:350px}
.productContent .panel-infos .content_show_hidden{max-height:320px}
.productContent .offer-items{margin-bottom:8px}
.ul-offers .tend{font-weight:500;line-height:24px;margin-bottom:4px}
.ul-offers .info{color:#707070;margin-bottom:0!important}
.productContent .ul-offers .info{-webkit-line-clamp:2;max-height:48px}
.ul-offers .w_content_show_hidden .content_show_hidden{max-height:0}
.panel-infos .p-subTab{margin-bottom:24px}
.gallery-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end;position: absolute;top: 0;right:0;color: #222222;height: 30px }
.gallery-tools .item~.item{margin-left: 8px}
.gallery-tools .item .icon>i:before{font-size:1.25rem;cursor:pointer}
.gallery-tools .p-like,.gallery-tools .fancybox-button{position:relative!important}
.gallery-tools .p-like i{text-shadow:none!important;color:#222222}
.mypopup-albumn{width:100%;max-width:100%;min-height:100vh;min-height:var(--window-height);background:#FFF;padding:0;margin:0}
.mypopup-albumn .modal-body{max-height:100vh;overflow:auto;padding:1rem 0}
.mypopup-albumn .wrapper{max-width:868px}
.mypopup-albumn .tab-content{padding-bottom:16px}
.mypopup-albumn .box{padding-top:24px;position:relative}
.mypopup-albumn .s-title{margin-bottom:24px}
.mypopup-albumn .img,.mypopup-albumn .video{position:relative;margin-bottom:16px;text-align:center}
.mypopup-albumn .pp-header .sticky{position:fixed;z-index:2;top:0;left:0;width:100%;padding:16px 0;background-color:#FFF;z-index:1030;box-shadow:0 0 10px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.16);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.16)}
.mypopup-albumn .topContent{position:relative}
.mypopup-albumn .boxTitle{padding-right:36px}
.mypopup-albumn .p-subTab{margin-bottom:0;padding:0!important}
.mypopup-albumn .pp-header .gallery-tools{top:0;right:0;margin-right:36px}
.mypopup-albumn .item .icon{display:inline-block;width:30px;height:30px;line-height:1.875;text-align:center;left:0}
.mypopup-albumn .tend{text-align:center;margin:12px 0 16px}
.p-share{position:relative}
.p-share .content-share{padding:8px 16px 12px;top:36px;min-width:250px}
.p-share.active .content-share{right:0}
.p-share .content-share li .inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;padding:10px 0 10px 36px}
.p-share .content-share li{display:block;cursor:pointer;position:relative;overflow:hidden;line-height:20px}
.p-share .content-share img{max-width:20px;max-height:20px}
.p-share .content-share .img,.p-share .zalo-share-button{display:inline-block;width:24px!important;color:#FFFFFF;position:absolute;top:50%;left:0;margin-top:-10px;text-align:center;color:#222222;line-height:24px}
.p-share .content-share .img:before{font-size:1.625rem}
.p-share .content-share .zalo .inner{padding-left:0;height:36px}
.p-share .content-share .zalo-share-button{height:24px!important}
.p-share .content-share .zalo-share-button:after{position:absolute;top:0;left:36px;content:'Zalo';font-size:0.938rem;line-height:20px}
.p-share .content-share .zalo-share-button:hover:after{text-decoration:underline}
.p-subTab li ~ li{margin-left:8px}
.p-subTab li a{display:block;font-size:0.875rem;padding:4px 16px;color:#B0B0B0;position:relative;text-decoration:none!important;white-space:nowrap}
.p-subTab li.active a,.p-subTab li a.active{color:#222222!important}
.p-subTab li a:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;border:1px solid #B0B0B0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.p-subTab li:hover a:before,.p-subTab li.active a:before,.p-subTab li a.active:before{border-color:#222222}
.p-subTab li.active a:before,.p-subTab li a.active:before{border-width:2px}
.p-subTab.v1 li a{line-height:34px;color:#222222;font-weight:300;text-decoration:none!important;min-width:70px;padding:0 20px;height:36px;white-space:nowrap;text-align:center;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}
.p-subTab.v1 li:hover a{border-color:#222222}
.p-subTab.v1 li a.active{background-color:#f7f7f7;border:2px solid #222;line-height:32px}
.boxList .p-subTab.v1{margin-bottom:32px}
.productContent .p-share .icon{cursor:pointer}
.productContent .p-share .icon i:before{font-size:1.25rem}
.productThumbnail{position:relative}
.productThumbnail .thumbnails .item:nth-child(n+5){display:none}
.productThumbnail .img{padding-top:71.42857%;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.1)}
.productThumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pp-header{position:relative}
.back-link .button-web{min-width:160px}
.back-link span.text{padding-left:24px}
.back-link span.text:after{position:absolute;top:0;left:0;font-family:"Material Design Icons";content:"\F004D";font-size:1.25rem}
.productThumbnail .link-albumn{position:absolute;z-index:10;bottom:20px;right:20px}
.productThumbnail .link-albumn span{display:inline-block;font-size:0.875rem;background-color:#FFF;padding:5px 12px}
.boxCompareList .link .c-txt{font-weight:400;text-decoration:underline}
.boxCompareList .link .c-txt:hover{text-decoration:none}
.boxCompareList .product{border:none;margin-bottom:16px}  
.boxCompareList.type2 .product{padding:0}
.boxCompareList .product .caption{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}
.boxCompareList .product .tend{margin-bottom:4px}
.boxCompareList .product .tend a{height:auto;max-height:44px}
.boxCompareList .product .price{font-size:1rem}
.productContent .row .boxDrivingTest{padding-bottom:32px!important}
.productContent .boxFixed .link .btn-tools span{position:relative;top:-2px}
.productContent .boxFixed .link .btn-tools span:after{font-family:"Material Design Icons";content:'\F035D';font-size:1.25rem;position:relative;top:3px}
.productContent .boxFixed .link .btn-tools[aria-expanded="true"] span:after{content:"\F0360"}
.productContent .items-tool .title,.productContent .items-tool .tend{font-size:.875rem}
.productContent .items-tool .title{font-weight:500;margin-bottom:16px;padding:0 24px}
.productContent .items-tool .item{padding:8px 0}
.productContent .items-tool .icon{width:48px;height:48px;flex-shrink:0;margin-right:16px;background:#F0F0F0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.productContent .items-tool .icon svg{height: 24px;fill: #707070}
.productContent .items-tool .des{color: #B0B0B0;font-size: 0.75rem;line-height: 18px;}
.productContent .boxFixed{padding:20px 16px 24px;border:1px solid #e2e2e2;-webkit-box-shadow:0 6px 16px rgba(0,0,0,.12)!important;-moz-box-shadow:0 6px 16px rgba(0,0,0,.12)!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important}
.productContent .boxFixed .pTop>.price{font-size:1.25rem;font-weight:600;flex-shrink:0}
.productContent .boxFixed .pInfo{border:1px solid #e8e8e8}
.productContent .boxFixed .pInfo .inner{padding:16px 20px 12px;border-bottom:1px solid #D8D8D8}
.productContent .boxFixed .pInfo .item:nth-child(n+3){margin-top:20px}
.productContent .boxFixed .pInfo .inner .txt,.productContent .boxFixed .gialanbanh>.txt{display:block;font-size:0.625rem;;font-weight:600;margin:0;text-transform:uppercase}
.productContent .boxFixed .pInfo .info .price{font-size:1rem;line-height:24px}
.productContent .boxFixed .pInfo .gialanbanh{padding:16px 20px}
.productContent .boxFixed .pInfo .gialanbanh .price{display:inline-block;font-size:1rem;font-weight:600}
.productContent .profileDealer .button-web{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;padding-left:12px!important;padding-right:12px!important;min-width:inherit}
.method-contact .btn-contact .txt{font-weight:500;white-space:nowrap;margin-left:8px}
.method-contact .btn-contact img{width:20px;flex-shrink:0;position:relative;z-index:2}
.method-contact .btn-contact.v2 img{-webkit-filter:invert(1) brightness(3);filter:invert(1) brightness(3);width:24px;top:-2px}
.method-contact .link-zalo .icon-zalo{display:block;width:48px;height:48px;background:url(../images/icon/zalo-button.svg) center center/100% no-repeat}
.method-contact .btn-contact{width:calc(((100% - 48px) * 0.6) - 8px)}
.method-contact .btn-contact.v2{width:calc(((100% - 48px) * 0.4) - 8px)}
.productContent .boxFixed .items-tool{padding:24px 0 16px;margin-top:8px;background:#FFF;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);-moz-box-shadow:0 0 10px rgba(0,0,0,0.05);box-shadow:0 0 10px rgba(0,0,0,0.05);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.productContent .boxFixed .items-tool .item{padding:8px 24px}
.productContent .boxFixed .items-tool .item:hover{background-color:#F7F7F7}
.productContent .boxFixed .items-tool .item a:hover{text-decoration:none}
.p-TabDetail .link-zalo .icon-zalo{width:40px;height:40px}
.p-TabDetail .btn-contact{height:40px;line-height:36px}
/*DETAIL DEALER*/
.profileDealer{border:1px solid #e8e8e8}
.productContent .method-contact{padding:16px 20px}
.profileDealer .info-user{padding:12px 20px;border-bottom:1px solid #D8D8D8}
.profileDealer .avatar .imgWrap{width:30%;max-width:80px;margin-right:12px}
.profileDealer .info .name{font-weight:500}
.profileDealer .info .agent{font-size:.75rem;color:#717171}
.profileDealer .link .more{font-size:.875rem;font-weight:500;position:relative;padding-right:20px;text-decoration:underline}
.profileDealer .link .more:after{display:inline-block;font-family:"Material Design Icons";content:"\F0142";font-size:1.2rem;font-weight:300;line-height:18px;position:absolute;top:0;right:0}
.profileDealer .link .more:hover{text-decoration:none}
.boxDetailDealer .contentShowroom .thumb-dealer-wrap{width:100%;max-width:420px}
.boxDetailDealer .contentShowroom .thumb-dealer .img{position:relative;overflow:hidden;padding-top:66.667%;border:1px solid #E3E3E3}
.boxDetailDealer .contentShowroom .thumb-dealer .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.boxDetailDealer .contentShowroom .avatar{position:absolute;left:8px;bottom:8px}
.boxDetailDealer .dealer-attribute{margin:32px 0;padding-bottom:36px;border-bottom:1px solid #D9D9D9;font-weight:500}
.boxDetailDealer .dealer-attribute .item-atr~.item-atr{margin-top:16px}
.boxDetailDealer .dealer-attribute img{display:inline-block;max-width:24px;max-height:32px;margin-right:16px;flex-shrink:0}
.dealer-tools .caption{margin-bottom:16px}
.dealer-tools .caption img{display:inline-block;max-width:24px;max-height:24px;margin-right:12px;flex-shrink:0}
.dealer-tools .caption button:hover{text-decoration:underline}
.dealer-tools .caption .zalo-share-button{height:26px!important;margin-right:12px;flex-shrink:0}
.dealer-tools .caption .info-checked{position:relative;left:-3px}
.boxDetailDealer .date-create{font-size:0.875rem;color:#707070;line-height:22px}
.boxDetailDealer .i-content .about-tit{margin-bottom:16px}
.boxDetailDealer .i-content .content_show_hidden{max-height:48px}
.boxDetailDealer .i-content .button_show_hidden{padding:0}
.boxDetailDealer .info-dealer{padding:36px 0;margin-bottom:36px;border-bottom:1px solid #D9D9D9}
.boxDetailDealer .info-dealer .it-info~.it-info{margin-top:12px}
.boxDetailDealer .info-dealer img{display:inline-block;max-width:24px;max-height:24px;margin-right:12px}
.boxDetailDealer .product{padding-bottom:0}
.boxDetailDealer .product .caption{padding-bottom:16px}
.boxDetailDealer .product .price{margin-top:12px}
/*--------CALCULATION---------*/
.sub-menu .title{font-weight:400;line-height:24px}
.boxBannerContact{width:100%;max-width:1400px;margin:0 auto}
.tool-page .wrapCont .wrapper,.contact-page .wrapCont .wrapper,.faq-page .wrapCont .wrapper{width:100%;max-width:1280px;margin:auto}
.tool-page #ci-header.no-shadow .sticker{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.tool-page .menuFix.fixed ul{justify-content:center}
.content.left .txt{display:inline-block;color:#707070;margin-bottom:0}
.content.left .frToolWeb .txt{line-height:38px}
.content.left .frToolWeb .des{margin-bottom:32px;padding:0}
.frToolWeb .row-form{margin:0 -10px!important}
.frToolWeb .row-form .item{padding:0 10px!important}
.frToolWeb .cl-input{width:100%}
.frToolWeb textarea.form-control,.support-request #other-answer textarea.form-control{height:80px;resize:none}
.frToolWeb .item:first-child .link{padding-top:36px;min-height:48px}
.frToolWeb .item:first-child .link .button-web{min-width:150px}
.boxToolWeb .frToolWeb .note{font-size: 0.75rem;line-height: 18px;}
.count-char{position:absolute;bottom:0;right:8px;pointer-events:none;font-size:0.625rem;color:#707070}
.boxCalculate .title>span{display:block}
.boxCalculate .content .boxInfo ul:not(:last-child){margin-bottom:36px}
.boxInfo>ul>li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;padding:12px 0;border-bottom:1px solid #D9D9D9;justify-content:space-between}
.boxInfo>ul>li:first-child{padding-top:0}
.boxInfo>ul>li>.note{font-size:0.85em;color:#707070}
.boxInfo>ul>li .info{font-weight:400}
.boxCalculate .number{white-space:nowrap;font-weight:400}
.boxCalculate .last-result{border:none;padding-bottom:0;font-weight:500;line-height:1.5;align-items:center}
.boxCalculate .last-result .txt{color:#222222!important}
.boxCalculate .total{display:inline-block;font-size:1.5rem;font-weight:500;line-height:1.2}
.boxCalculate .click-popup .popup ul{margin-bottom:0}
.boxCalculate .click-popup,.boxCalculate .click-popup .popup{text-align:right}
.boxCalculate .click-popup .popup{left:auto;right:0}
.productContent .boxCalculate .dropdown-list{min-width:150px}
.boxCalculate .popup .choose-btn,.productContent .boxFixed .popup .choose-btn{margin:0}
.boxCalculate .popup li:not(:last-child) .choose-btn,.productContent .boxFixed .popup li:not(:last-child) .choose-btn{margin-bottom:8px}
.productContent .boxCalculate .content_show_hidden{max-height:100px}
.boxCalculate .click-popup .trigger,.productContent .boxFixed .pInfo  .click-popup .trigger{line-height:24px;position:relative;padding-right:24px}
.boxCalculate .click-popup .trigger:after,.productContent .boxFixed .pInfo .click-popup .trigger:after{position:absolute;right:4px;top:50%;margin-top:-12px;font-family:"Material Design Icons";content:'\F0140';pointer-events:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.productContent .boxCalculate .content_show_hidden.active_show .click-popup.active .trigger:after,.productContent .boxFixed .pInfo .click-popup.active .trigger:after{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.productContent .boxCalculate .content_show_hidden.active_show+.cal-action .total{display:none!important}
.panel-infos table{display:table}  
.panel-infos table tbody{width:100%}
.panel-infos table tr:not(:last-child){border-bottom: 1px solid #F1F1F1}
.panel-infos table td{border:none;padding:10px 0;vertical-align:top;width:auto}
.panel-infos table td:first-child{padding-right:16px;color:#707070}
.panel-infos table td:last-child{width:40%;text-align:right;color:#222222}
.detail-prod-popup .desc *{font-family:"Be Vietnam Pro",sans-serif!important;font-size:0.938rem!important;line-height:24px!important}
/*--------TOOLS WEB---------*/
.boxToolWeb .boxTitle{margin-bottom:36px}
.boxToolWeb .tab-tools-hori .icon{width:20px;flex-shrink:0;margin-right:8px;position:relative}
.boxToolWeb .tab-tools-hori .icon img{position:absolute;top:50%;left:50%;width:100%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.boxToolWeb .tab-tools-hori li:not(.active) .icon img{-webkit-filter:grayscale(1) brightness(2.5);filter:grayscale(1) brightness(2.5)}
.boxToolWeb .tab-tools-hori li:nth-child(2) .icon{width:22px}
.boxToolWeb .tab-tools-hori li:last-child .icon{width:24px}
.boxToolWeb .tab-tools-hori li a:before{height:3px}
.boxToolWeb .frToolWeb{padding-top:24px}
.boxToolWeb .frToolWeb .box~.box{margin-top:48px}
.boxToolWeb .frToolWeb .boxTitle{margin-bottom:24px}
.boxToolWeb .frToolWeb .s-title{margin-bottom:12px}
.boxToolWeb .frToolWeb .choose-btn>label .txt{font-size:.75rem;line-height:1.5}
.boxToolWeb .frToolWeb .formDes,.boxToolWeb .profileDealer{top:160px;z-index:10;padding:24px 36px 32px;border:1px solid #DDD;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.boxToolWeb .frToolWeb .formDes .sub-title{line-height:1.6;color:#222}
.boxToolWeb .profileDealer{padding:36px 32px}
.boxToolWeb .profileDealer .link{min-height:inherit}
.boxToolWeb .profileDealer .info-user{border:none}
.boxToolWeb .profileDealer .info-user .name{font-size:1.25rem;line-height:1.4}
.boxToolWeb .info-dealer{padding:24px 0;margin-bottom:30px;border-bottom:1px solid #D9D9D9}
.boxToolWeb .info-dealer .it-info~.it-info{margin-top:12px}
.boxToolWeb .info-dealer img{display:inline-block;max-width:20px;max-height:20px;margin-right:8px}
.boxToolWeb .method-contact .btn-contact{width:calc(100% - 56px)}
.boxToolWeb .box-result{display:none}
.boxToolWeb .box-result.active{display:block}
.boxToolWeb .box-result .img{text-align:center}
.boxToolWeb .content.left{width:100%}
.boxToolWeb .content.left .txt{color:#707070;margin-right:16px}
.boxToolWeb .back-link,.boxThankyou .back-link{padding-top:48px}
.boxToolWeb .sec-result{line-height:26px;position:relative}
.boxToolWeb .sec-result .row-result{font-weight:400}
.boxToolWeb .sec-result .row-result .txt{font-weight:300}
.boxToolWeb .last-result{padding-top:20px;margin-top:24px;border-top:1px solid #D9D9D9}
.boxToolWeb .link-contact .btn-edit{padding:0 0 6px;margin-left:24px}
.boxToolWeb .box-result .link-contact{padding-top:36px}
.boxToolWeb .frToolWeb .formDes .button-txt{text-decoration:none;position:relative;font-size:0.938rem;margin-right:-16px}
.boxToolWeb .frToolWeb .formDes .button-txt:after{font-family:"Material Design Icons";content:'\F0142'}
/*-------------ACCOUNT-------------*/
.account-popup,.page-account .contentWrap{-moz-border-radius:15px!important;-webkit-border-radius:15px!important;border-radius:15px!important}
.page-account .contentWrap{position:relative}
.page-account .screen,.packages-popup .screen{z-index:-9;display:none;pointer-events:none;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.page-account .screen.active,.packages-popup .screen.active{z-index:10;display:block;pointer-events:auto;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.account-popup{width:100%;max-width:560px;padding:0;margin:6px 0;background-color:#FFF;border:1px solid #707070;-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)}
.account-popup>.fancybox-close-small{display:none!important}
.account-popup .fancybox-button,.account-popup .boxTitle .back{background:none;color:#222222;position:absolute;top:16px;left:16px;width:32px;height:32px;line-height:32px;padding:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.account-popup .boxTitle .back i{line-height:inherit}
.account-popup .fancybox-button:hover,.account-popup .boxTitle .back:hover{background-color:#F7F7F7}
.account-popup .txt-tit{padding:64px 24px 0;margin-bottom:16px}
.account-popup .main-tit{padding:0 48px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:64px;border-bottom:1px solid rgba(217,217,217,.5);margin:0}
.account-popup .main-tit .title{font-size:1rem!important;line-height:22px}
.account-popup .boxTitle.has-backlink{padding-left:24px;padding-right:0}
.account-popup .content .boxTitle{margin-bottom:24px}
.account-popup .boxTitle .back{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.account-popup .contentWrap .content{padding:24px 24px 32px;max-height:calc(100vh - 120px);max-height:calc(var(--window-height) - 120px);overflow:auto}
.detail-prod-popup .contentWrap .content{padding-top:16px}
.detail-prod-popup .contentWrap .content{max-height:calc(100vh - 230px);max-height:calc(var(--window-height) - 230px)}
.detail-prod-popup .boxCalculate .click-popup .popup{padding:16px}
.detail-prod-popup .boxCalculate .filter-list li{width:100%!important;padding:0!important}
.detail-prod-popup .boxCalculate .filter-list .txt{height:auto;line-height:normal}
.account-popup .nice-select .list{max-height:200px}
.changeAvatar{position:relative}
.changeAvatar .file-upload{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.changeAvatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover}
.changeAvatar .link-change{position:relative}
.account-popup .changeAvatar .imgWrap{width:100%;max-width:170px;margin:auto;margin-bottom:64px}
.account-popup .changeAvatar .imgWrap .img{position:relative;padding-top:100%;overflow:hidden;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.account-popup textarea{height:100px!important}
.account-popup .small-note{padding-top:24px;font-size:0.875rem;line-height:20px}
.account-popup .des{padding:0;margin-bottom:32px}
.account-popup .des b{font-weight:400}
.account-popup .form-link{padding-top:12px;font-size:0.875rem;color:#B0B0B0}
.account-popup .small-note{padding-top:36px;color:#B0B0B0}
.account-popup .link,.account-popup .bot-link,.account-popup .bot-link{padding-top:36px}
.account-popup .link .button-web,.changeAvatar .upload-button{display:block;width:100%;min-width:100%}
.account-popup .form-account a:not(.button-web){color:#222222;text-decoration:underline}
.row-input{position:relative}
.account-popup .link-cancel{padding-top: 24px}
.account-popup .link-cancel .text{font-weight: 600;text-decoration: underline;}
.otherLogin .txtSocial{color:#707070;padding:16px 0;position:relative}
.otherLogin .txtSocial:before{position:absolute;top:49%;left:0;width:100%;height:1px;content:'';background-color:#E5E5E5}
.otherLogin .txtSocial span{display:inline-block;padding:0 10px;background-color:#FFFFFF;position:relative;z-index:1;font-size:0.75rem;}
.account-popup .btn-face,.otherLogin .button-web,.otherLogin .g-signin2{display:block;text-transform:none}
.account-popup .btn-face span:before,.account-popup .btn-face:hover span:before{color:#1876f1}
.account-popup .button-web span{display:block}
.account-popup .button-web span:before,.otherLogin .button-web span:before,.otherLogin .g-signin2 .abcRioButtonIconImage{position:absolute;top:0;left:0;width:24px;height:100%!important;font-size:1.25rem}
.account-popup .btn-face span:before{font-family:"Material Design Icons";content:'\F020C';font-size:1.75rem}
.account-popup .btn-gg span:before{background:url(../images/icon/i-google.svg) 0 center/contain no-repeat;content:''}
.abcRioButtonContentWrapper{position:relative}
.abcRioButton{width:100%!important;height:43px!important;-webkit-box-shadow:none!important;box-shadow:none!important}
.abcRioButtonContentWrapper,.abcRioButton:hover{width:auto!important}
.abcRioButtonIcon{width:20px!important;padding:0!important}
.otherLogin .btn-gg,.otherLogin .btn-gg:hover,.otherLogin .g-signin2{background-color:#FFF!important;border:2px solid #B0B0B0!important;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.otherLogin .button-web:not(:last-child){margin-bottom:16px}
.otherLogin .g-signin2 .abcRioButtonIconImage{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.abcRioButtonContents{font-size:0.938rem!important;line-height:41px!important}
.abcRioButtonContents>span{display:none!important}
.abcRioButtonContents:after{content:"Tiếp tục với Google"}
.abcRioButtonLightBlue{color:#222222!important}
.g-signin2:hover .abcRioButtonLightBlue:hover{background-color:#EBEBEB!important}
.register-step2 .code-OTP{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}
.register-step2 .code-OTP input{width:60px;height:60px;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:16px 0}
.register-step2 .code-OTP input:not(:last-child){margin-right: 8px}
.register-step6 .link{padding-top:16px}
.register-step6 .upload-button span:before{font-family:"Material Design Icons";content:'\F0B7E';font-size:1.5rem}
#mypopup-login .link,#mypopup-register .screen:first-child .link{padding-top:24px}
#mypopup-forgetpass .screen:first-child .link{padding-top: 64px}
#mypopup-register .logo-icon,#mypopup-register .check-icon{padding:24px 0 16px;margin:auto}
#mypopup-register .logo-icon img{max-height:55px}
#mypopup-register .register-step4 .des{margin-bottom:0}
#mypopup-register .sex{padding-top: 24px}
#mypopup-register .sex .choose-btn:not(:last-child){margin-left:36px;}
#mypopup-register .sex .avatar-img{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-end;justify-content:center;width:48px;height:48px;background-color:#fff;border:1px solid #E5E5E5;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;margin-bottom:8px}
#mypopup-register .sex input[type='radio']:checked~ .avatar-img{border-color: #FF385C}
#mypopup-register .sex .avatar-img img{max-height:38px}
#mypopup-contact-dealer .account-popup .boxTitle{padding-top:64px}
#mypopup-contact-dealer .tend{-webkit-line-clamp:1;max-height:24px}
.detail-prod-popup{max-width:780px}
.detail-prod-popup .ul-offers{margin-bottom:32px}
.wellcome-info .link{padding:0!important;padding-top:56px!important}
.wellcome-info .link .button-web{display: inline-block; min-width:inherit;width:auto}
.wellcome-info .link .button-web:not(:last-child){margin-right:10px}
.fancybox-close-small{width:50px;height:56px}
#mypopup-technology .p-subTab{position:absolute;top:120px;left:24px;right:24px;z-index:99}
#mypopup-technology .txt-tit{padding-bottom:48px}
#mypopup-contact-dealer{max-width:650px}
.w-400{max-width:400px}
.w-430{max-width:430px}
.w-600{max-width:600px}
.fancybox-slide--iframe{padding:0}
.fancybox-slide--iframe .fancybox-close-small{position:absolute;top:32px;right:calc((100% - 708px)/2);padding:2px!important;width:30px;height:30px}
.fancybox-slide--iframe .fancybox-close-small svg{color:#222222}
.mypopup-compare{max-width:calc(100% - 64px);margin:36px 0}
.mypopup-compare .boxTitle .title{padding:0 24px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:64px;border-bottom:1px solid rgba(217,217,217,.5);position:relative}
.mypopup-compare .contentWrap .content{min-height:calc(100vh - 235px);min-height:calc(var(--window-height) - 235px);max-height:calc(100vh - 235px);max-height:calc(var(--window-height) - 235px);overflow:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:0}
.mypopup-compare .contentWrap .content .inner{padding:32px 56px;width:100%;max-width:1288px;margin:auto}
.mypopup-compare .contentWrap .content .s-title{font-size:1rem}
.mypopup-compare .img{position:relative;padding-top:66.67%;overflow:hidden;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.mypopup-compare .img img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}
.mypopup-compare .bot-link{border-top:1px solid rgba(217,217,217,.5);background-color:#FFFFFF;padding:16px 24px}
.mypopup-compare .button-web{padding:6px 24px 12px;min-width:inherit;height:40px;line-height:24px}
.mypopup-compare .select2-container--default .select2-results>.select2-results__options{max-height:200px}
.mypopup-compare .dropdown-item:focus,.mypopup-compare .dropdown-item:hover{background:none}
.mypopup-compare .dropdown-list:after{position:absolute;right:16px;top:50%;content:'';-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.mypopup-compare .dropdown-list:not(.arr-full):after{border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:10px;height:10px;margin-top:-7px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
/*-------SWEET ALERT--------*/
.swal2-container{z-index:10000000005!important;-moz-transition:all 366ms linear!important;-ms-transition:all 366ms linear!important;-o-transition:all 366ms linear!important;-webkit-transition:all 366ms linear!important;transition:all 366ms linear!important}
.swal2-container .select2{display:none!important}
.swal2-show{-webkit-animation:none!important;animation:none!important}
.swal2-popup{padding:0!important}
.swal2-popup .swal2-title,.swal2-content{color:#222222!important}
.swal2-popup .swal2-header{padding:0 48px;height:64px;border-bottom:1px solid rgba(217,217,217,.5);align-items:center;justify-content:center}
.swal2-popup .swal2-title{font-size:1rem;line-height:22px;text-align:center;margin-bottom:0;font-weight:500!important;    letter-spacing:-0.01rem}
.swal2-content{font-family:'Be Vietnam Pro',sans-serif;font-size:0.938rem!important;line-height:24px!important;font-weight:300!important}
.swal2-content .content{padding:24px 24px 32px}
.swal2-content .content p:last-child{margin-bottom:0}
.swal2-actions,.swal2-content .link{margin:0!important;padding:0 24px 32px 24px!important}
.swal2-popup{-webkit-border-radius:15px!important;-moz-border-radius:15px!important;border-radius:15px!important;max-width:92%!important;text-transform:none!important;-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);box-shadow:0 3px 6px rgba(0,0,0,0.16)}
.swal2-actions .swal2-styled{font-size:0.875rem!important;padding:0 24px!important;margin:0!important;height:48px!important;line-height:44px!important;-webkit-border-radius:8px!important;-moz-border-radius:8px!important;border-radius:8px!important;font-weight:500!important}
.swal2-actions button{width:100%}
.swal2-styled.swal2-confirm{background-color:#222222!important;color:#FFFFFF!important}
.swal2-close{width:32px!important;height:32px!important;opacity:1;-webkit-border-radius:100%!important;-moz-border-radius:100%!important;border-radius:100%!important;top:16px!important;left:16px!important;font-size:2em!important;color:#222222!important;font-weight:700;line-height:32px!important}
.swal2-close:hover{background-color:#F7F7F7!important}
.swal2-icon{width:3em!important;height:3em!important;border-width:.15em!important}
.swal2-icon .swal2-icon-content{font-size:2em!important}
.swal2-icon.swal2-warning{border-color:red!important;color:red!important}
/*.swal2-styled,.swal2-styled:focus{border:none!important;font-size:1.5rem!important;font-weight:500!important;box-shadow:none!important}*/
.swal2-content .link .button-web{width:calc(50% - 12px)}
/*-----POPUP WISHLIST-----*/
.account-popup .pp-actions{border-top:1px solid #D9D9D9;background-color:#FFF}
.popup-wishlist .content{padding:32px 24px}
.popup-wishlist small.note{font-size:0.75rem;;line-height:24px;color:#707070}
.popup-wishlist .wishlist-actions{padding:0 24px 32px 24px}
.popup-wishlist .wishlist-actions .button-web,.boxAccount .link .button-web{min-width:inherit;padding:0 24px}
#mypopup-saved-wishlist .button-create{padding:8px 0}
#mypopup-saved-wishlist .button-create a{font-weight:500;height:64px;padding-left:80px;background:url(../images/icon/create-icon.png) 0 center no-repeat}
#mypopup-saved-wishlist .saved-wishlist .item{padding:8px 0;cursor:pointer}
#mypopup-saved-wishlist .saved-wishlist .imgWrap{width:64px;margin-right:16px}
#mypopup-saved-wishlist .saved-wishlist .img{position:relative;padding-top:100%;overflow:hidden}
#mypopup-saved-wishlist .saved-wishlist img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
#mypopup-saved-wishlist .saved-wishlist .tend{font-weight:500}
#mypopup-saved-wishlist .saved-wishlist .date-create{display:block;font-size:0.875rem;line-height:22px;color:#707070}
#mypopup-edit-wishlist .delete-wishlist{display:block;padding-top:24px;margin-top:24px;border-top:1px solid #eaeaea}
#mypopup-edit-wishlist .delete-wishlist a{font-size:0.875rem;color:#b40303;font-weight:400;text-decoration:underline}
.popup-wishlist .des{margin:0}
.popup-wishlist .des b{color:#222222}
#mypopup-info-test-driving .contentWrap .content{max-height:calc(100vh - 190px);max-height:calc(var(--window-height) - 190px)}
#mypopup-info-test-driving .product{margin-bottom:24px}
#mypopup-info-test-driving .info-test-driving p{padding:0.1rem 0}
#mypopup-info-test-driving .info-test-driving .txt{color:#707070}
#mypopup-info-test-driving .wishlist-actions{padding-top:16px}
#mypopup-info-test-driving .button-web{width:calc(50% - 12px)}
/*-----PANEL-----*/
.panel-group .panel{border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;font-size:0.938rem;line-height:25px}
.panel-group .panel+.panel{border-top:1px solid #DDDDDD}
.panel-default>.panel-heading{padding:0}
.panel-default .panel-title{font-size:1.375rem;line-height:34px;font-weight:300}
.panel-default > .panel-heading a{position:relative;display:block;padding:20px 40px 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.panel-default > .panel-heading a:after{position:absolute;top:20px;right:0;width:30px;height:25px;display:inline-block;-moz-transition:-moz-transform .25s linear;-ms-transition:-ms-transform .25s linear;-webkit-transition:-webkit-transform .25s linear;-o-transition:-o-transform .25s linear;transition:transform .25s linear;font-family:"Material Design Icons";font-size:1.75rem;text-align:center;content:'\F0140'}
.panel-default > .panel-heading a[aria-expanded="true"]:after{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%}
/*.panel-default > .panel-heading a[aria-expanded="false"]:after{content:'\F0140'}*/
.panel-default>.panel-heading+.panel-collapse>.panel-body{padding-bottom:20px;border:none}
/*-----SEARCH-----*/
.list-search .caption{margin-bottom:24px}
.list-search .caption .tend{font-size:1.125rem;font-weight:400;margin-bottom:8px}
.list-search .caption .des{-webkit-line-clamp:2;max-height:48px}
/*---------CROP IMAGE--------*/
.croppie-container{width:100%;height:100%}
.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}
.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%;background-color:#383838}
.croppie-container .cr-viewport,.croppie-container .cr-resizer{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;-webkit-box-shadow:0 0 2000px 2000px #383838;-moz-box-shadow:0 0 2000px 2000px #383838;box-shadow:0 0 2000px 2000px #383838;z-index:0}
.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}
.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all}
.croppie-container .cr-resizer-vertical::after,.croppie-container .cr-resizer-horisontal::after{display:block;position:absolute;box-sizing:border-box;border:1px solid #000;background:#fff;width:10px;height:10px;content:''}
.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}
.croppie-container .cr-resizer-vertical::after{left:50%;margin-left:-5px}
.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}
.croppie-container .cr-resizer-horisontal::after{top:50%;margin-top:-5px}
.croppie-container .cr-original-image{display:none}
.croppie-container .cr-vp-circle{border-radius:50%}
.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}
.croppie-container .cr-slider-wrap{position:absolute;text-align:center;z-index:5}
.croppie-container .cr-slider-wrap:before,.row-upload .edit-actions .text{display:block;content:'Zoom';font-size:1rem;margin-bottom:8px;text-align:left}
.croppie-container .cr-slider-wrap .text{font-size:1rem}
.croppie-result{position:relative;overflow:hidden}
.croppie-result img{position:absolute}
.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider{-webkit-appearance:none;width:100%;max-width:100%;padding-top:8px;padding-bottom:16px;background-color:transparent}
.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:#222;border:0}
.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:24px;width:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#FFF;border:1px solid #222;margin-top:-10px}
.cr-slider:focus{outline:none}
/*.cr-slider:focus::-webkit-slider-runnable-track{background:#ccc}*/
.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px}
.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}
/*hide the outline behind the border*/
.cr-slider:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}
.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}
.cr-slider::-ms-fill-lower{background:rgba(0,0,0,0.5);border-radius:10px}
.cr-slider::-ms-fill-upper{background:rgba(0,0,0,0.5);border-radius:10px}
.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}
.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,0.5)}
.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,0.5)}
/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}
.cr-rotate-controls button{border:0;background:none}
.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:1.375rem}
.cr-rotate-l i:before{content:'↺'}
.cr-rotate-r i:before{content:'↻'}
label.cabinet{display:block;cursor:pointer}
label.cabinet input.file{position:relative;height:100%;width:auto;opacity:0;-moz-opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);margin-top:-30px}
.upload-demo-wrap{position:relative;width:66.67%}
#upload-demo{position:absolute;top:0;left:0;width:100%;height:100%}
/*=========BEGIN NEWS========*/
.news{width:100%;position:relative}
.news .img{position:relative;overflow:hidden;padding-top:66.667%;border:1px solid #E3E3E3}
.news .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.news .caption{padding-top:12px}
.news .tend{font-weight:500;line-height:1.6;margin-bottom:12px}
.news .tend a{-webkit-line-clamp:2;max-height:48px}
.news .des{-webkit-line-clamp:2;max-height:44px;margin:12px 0;font-size:0.875rem;line-height:22px;color:#707070}
.news .date-post{font-size:0.75rem;;font-weight:300;color:#707070}
video.fancybox-video{-o-object-fit:cover;object-fit:cover}
.large-news{overflow:hidden}
.large-news .caption{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0,0,0,0.8) 100%);/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+45,000000+100&0+45,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 5%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000cc',GradientType=0 ); /* IE6-9 */}
.large-news .tend{font-size:1.375rem;margin-bottom:0}
.large-news .tend a{max-height:72px}
.large-news .date-post{font-size:0.875rem}
.large-news a:hover .tend{text-decoration:underline}
/*---------NEWS HOME--------*/
.newsHome .top-news .news{margin-bottom:0}
.newsHome .top-news .news~.news{margin-top:24px}
.newsHome .top-news .news .imgWrap{width:43%;max-width:280px;margin-right:16px;flex-shrink:0}
.newsHome .linkAll{padding-top:36px}
/*---------LIST NEWS--------*/
.menu-news .popup{top:0;padding:20px 24px;margin-top:10px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.16);-moz-box-shadow:0 0 12px rgba(0,0,0,.16);box-shadow:0 0 12px rgba(0,0,0,.16);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.menu-news .popup a{display:inline-block;padding:10px 12px;line-height:1.4;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.menu-news .popup li:hover a{background-color:#F7F7F7}
.news-page .searchTop .trigger:before,.trigger-search-faq .link:before{display:inline-block;width:16px;height:16px;background:url(../images/icon/black-search-icon1.svg) center center/16px auto no-repeat;content:''}
.sub-page .searchTop .popup{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;width:0;top:50%;-webkit-transition:width .4s,padding .4s;-moz-transition:width .4s,padding .4s;-o-transition:width .4s,padding .4s;-ms-transition:width .4s,padding .4s;transition:width .4s,padding .4s}
.news-page .searchTop .form-control{background:#FFF;border:1px solid #B0B0B0;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px}
.news-page .mainHead .icons{z-index:10;white-space:nowrap;width:72px}
.news-page .wrapCont .wrapper{max-width:1280px}
.banner-news-top{margin-bottom:16px}
.banner-news-sidebar .img{margin-top:30px}
.boxHotNews{padding-top:32px!important;background:url(../images/lineBg1.png) center bottom/contain no-repeat}
.boxHotNews .boxTitle{padding-top:32px}
.boxHotNews .hot-news .row-wrap{margin:0 -4px}
.boxHotNews .hot-news .row-wrap>.item{padding:0 4px}
.boxHotNews .hot-news .news .caption{position:absolute;left:0;bottom:0;width:100%}
.boxHotNews .hot-news .news .caption *{color:#FFF}
.boxHotNews .list-hot-news .date-post{font-size:.813rem}
.boxHotNews .list-hot-news .tend{font-size:1rem}
.boxProducts .tab-tools-hori li a:before,.box-list-news .tab-tools-hori li a:before{background-color:#FF385C}
.box-list-news .grid-news{margin-top:40px}
.box-list-news .list-news{padding-top:80px}
.list-news .news{margin-bottom:40px}
.box-list-news .list-news .news .imgWrap{width:35%;max-width:350px;flex-shrink:0;margin-right:24px}
.box-list-news .list-news .news .tend{font-size:1.125rem}
.box-list-news .list-news .news .tend a{max-height:58px}
.boxCateNews{padding-top:72px}
.featured-news .news .tend,.list-news .news .tend{margin-bottom:4px}
.featured-news .news .des{margin-top:0}
.boxList .item-follow .box-border{padding:24px}
.link-tools li{position:relative}
.link-tools li:before{position:absolute;top:15px;left:0;display:inline-block;width:3px;height:3px;content:"";background-color:#222;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.link-tools li a{display:inline-block;height:auto;padding:4px 0;padding-left:12px;color:#484848;font-weight:300}
/*---------DETAIL NEWS--------*/
.newsContent .info-meta{margin-bottom:36px}
.boxList .follow-us .socialBox i,.boxList .follow-us .zalo-share-button,.newsContent .socialBox i,.newsContent .zalo-share-button,.boxAuthor .socialBox i,.boxAuthor .zalo-share-button{width:26px!important;height:25px!important}
.newsContent .desc{letter-spacing:0.01rem;font-family:'Be Vietnam',sans-serif;font-weight:400}
/*.small-width,.newsContent .desc{width:100%;max-width:780px;margin:auto}*/
.newsContent .breadcrumb{padding-top:0;margin-bottom:24px}
.newsContent .boxTitle{margin-bottom:16px}
.the-date{font-size:0.875rem;line-height:20px;color:#B0B0B0}
.the-title{font-size:2.625rem;line-height:62px}
.newsContent .desc a,.faq-detail .desc a{color:#008489!important}
.newsContent .desc img{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.newsContent .desc table p{padding:0}
.newsContent .desc .embed-responsive{width:100%;max-width:650px;margin:auto}
#sidebar-news .most-viewed-news{width:100%;max-width:780px;margin:auto}
.box-border.link-tools .boxTitle{margin-bottom:14px}
.info-seo{margin-top:64px}
.info-seo .content_show_hidden{max-height:500px}
.info-seo .button_show_hidden a{font-size:0.938rem;color:#222!important}
/*================Table of content===================*/
.mbtTOCWrap{min-height:56px}
.mbtTOCWrap:not(.fixed){margin-bottom:32px}
.mbtTOCWrap .btn-danhmuc{display:block;width:100%;text-align:left;height:56px;position:relative;padding:0 24px 0 16px;background-color:#FFF;border:1px solid #dadada;cursor:pointer}
.mbtTOCWrap .btn-danhmuc i{display:inline-block;margin-right:5px}
.mbtTOCWrap .btn-danhmuc .icon-bar{display:inline-block;margin-right:8px;width:24px;height:24px;background:url(../images/icon/mucluc-icon.svg) center center/24px 24px no-repeat}
.mbtTOCWrap .btn-danhmuc:after{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px;font-family:"Material Design Icons";content:"\F0142";font-size:1.5rem}
.mbtTOCWrap:not(.fixed).active .btn-danhmuc,.mbtTOCWrap.active-fixed .btn-danhmuc{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
.mbtTOCWrap.active .btn-danhmuc:after{content:'\F0143'}
.mbtTOCWrap .btn-danhmuc span{display:inline-block;font-weight:400;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;max-height:24px}
.mbtTOCWrap:not(.fixed) .btn-danhmuc.dm2,.mbtTOCWrap.fixed .btn-danhmuc.dm1{display:none!important}
.mbtTOCWrap.fixed .btn-danhmuc.has-value .icon-bar{display:none}
.mbtTOCWrap.fixed .btn-danhmuc.has-value span{font-size:1rem;font-weight:500}
.mbtTOCWrap ol{margin:0;padding:0;list-style:none}
.ez-toc-container{background-color:#FFF;border:1px solid #dadada;border-top:none;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;display:none}
.mbtTOCWrap.active .ez-toc-container{display:block}
.ez-toc-container>ol{padding:16px;counter-reset:li}
.mbtTOCWrap ol li{counter-increment:step-counter}
.mbtTOCWrap ol li a{display:block;padding:4px 0 6px}
.mbtTOCWrap ol li a span{position:relative;display:block}
.ez-toc-container>ol>li>a>span{font-weight:400}
.ez-toc-container>ol>li>a>span::before{display:inline-block;content:counter(li) '.';counter-increment:li;margin-right:4px}
.mbtTOCWrap li a:visited{color:#4b2b74}
.mbtTOCWrap ol ol li a{padding-left:12px;color:#707070;font-size:0.875rem}
.mbtTOCWrap ol ol li a>span{padding-left:14px}
.mbtTOCWrap ol ol li a>span::before{display:inline-block;content:'';width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#222222;position:absolute;top:10px;left:0}
.mbtTOCWrap.fixed .mbtTOC{position:fixed;top:80px;z-index:50;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;padding:0;margin:0;;width:100%;max-width:735px}
.mbtTOCWrap.fixed .mbtTOC:before{position:absolute;top:0;left:-9999px;right:-9999px;height:56px;content:"";background-color:#F7F7F7;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);-moz-box-shadow:0 0 6px rgba(0,0,0,0.16);box-shadow:0 0 6px rgba(0,0,0,0.16)}
.mbtTOCWrap.fixed .ez-toc-container{max-height:30vh;overflow-y:auto;display:none}
.mbtTOCWrap.active-fixed .ez-toc-container{display:block}
.mbtTOCWrap.fixed .btn-danhmuc:after{content:"\F0142"}
.mbtTOCWrap.active-fixed .btn-danhmuc:after{content:'\F0143'}
.mbtTOCWrap.fixed .ez-toc-container .title{padding:10px;background-color:#222222;font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:#FFF;text-transform:uppercase}
.mbtTOCWrap.fixed ol li a{padding:7px 16px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.mbtTOCWrap.fixed ol ol li a{padding-left:30px}
.ez-toc-container>ol>li.active>a,.ez-toc-container>ol ol>li.active>a{background-color:#222;color:#FFF}
.newsContent .line{padding-top:32px;margin-top:32px;margin-bottom:0}
.newsContent .seo-info .title{margin-bottom:24px}
.other-news .item{padding-bottom:16px}
.other-news .item:not(.best-news) .caption{padding-top:0}
.other-news .item:not(.best-news) .imgWrap{width:74px;flex-shrink:0;margin-right:10px}
.other-news .item:not(.best-news) .img{padding-top:96%}
.other-news .link .more{font-size:0.875rem;font-weight:400;position:relative;padding-right:20px}
.other-news .link .more:after{display:inline-block;font-family:"Material Design Icons";content:"\F0142";font-size:1.2rem;font-weight:300;line-height:18px;position:absolute;top:1px;right:0}
/*=================COMMENT BOX==================*/
.emoji-wysiwyg-editor{border:1px solid #d0d0d0;overflow:auto;outline:none}
.emoji-wysiwyg-editor img{width:20px;height:20px;vertical-align:middle;margin:-3px 0 0}
.emoji-menu{position:absolute;top:36px;right:8px;z-index:999;padding:0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;border:1px solid #C5C5C5;padding:5px;max-height:200px;overflow-x:hidden;overflow-y:auto;width:220px;-webkit-overflow-scrolling:touch;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);box-shadow:0 1px 5px rgba(0,0,0,0.3)}
.emoji-menu img{width:24px;height:24px;vertical-align:middle;border:0 none}
.emoji-button{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;cursor:pointer;font-size:0;background:url(../images/icon/emoji-icon.svg) center center/16px 16px no-repeat;font-size:0}
.emoji-menu span{display:block;cursor:pointer;border:none;padding:3px;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;vertical-align:top;line-height:normal}
.emoji-menu span:hover{background-color:#F7F7F7}
.review-commentsWrap .s-title{margin-bottom:32px}
.review-commentsWrap .tab-tools-hori{margin-top:36px}
.form-comment textarea{height:60px;padding:8px 32px 12px 16px;background-color:#fff;border:1px solid #e1e1e1;resize:none;overflow:hidden;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7,1,0.7,1);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.form-comment.active textarea{height:100px}
.form-comment .link{display:none}
.form-comment .button-web{height:40px;padding:7px 16px 11px;line-height:inherit;min-width:inherit}
.form-comment .button-txt{position:relative;left:-16px}
.form-comment.active .link{display:block}
.login-to-comment{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.comment-icon{display:inline-block;position:relative;top:4px;width:20px}
.review-commentsWrap .tab-tools-hori li~li{margin-left:24px}
.review-commentsWrap .tab-tools-hori li a{padding-bottom:12px;font-weight:300}
.review-commentsWrap .review-items{padding-top:24px}
.review-commentsWrap .review-item~.review-item{margin-top:24px}
.review-item .avatar{width:32px;flex-shrink:0;margin-right:12px}
.review-item .avatar .imgWrap{width:32px}
.review-item .review-content{width:calc(100% - 44px);font-size:0.875rem;line-height:22px}
.review-item .review-name{font-weight:400}
.review-item .review-des{margin:4px 0}
.review-item .review-des .more-link i{position:relative;top:-2px;padding-left:2px}
.review-item .review-des .more-link i:before{display:inline-block;font-size:0.813rem;font-weight:400;line-height:14px;width:14px;height:14px;color:#FFF;font-style:normal;background-color:#CCC;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center}
.review-item .review-tools,.review-apply-wrap .count-apply{font-size:0.75rem;;color:#909090}
.review-item .review-tools>div:not(:last-child){margin-right:12px}
.review-item .review-box-reply .form-comment{margin-top:12px}
.review-item .review-reply,.review-item .review-like label{display:inline-block;cursor:pointer}
.review-item .review-reply{text-decoration:underline}
.review-item .review-reply:hover,.review-item .review-reply[aria-expanded="true"]{color:#222222}
.review-item .review-like label{margin-bottom:0}
.review-item .review-like input[type="checkbox"]{position:absolute;top:0;opacity:0}
.review-item .review-like .count-like{display:inline-block;padding-right:16px;position:relative}
.review-item .review-like .count-like:before{position:absolute;top:50%;right:0;width:12px;height:13px;margin-top:-7px;content:'';pointer-events:none;background:url(../images/icon/like-icon.svg) center center/contain no-repeat}
.review-item .review-like input[type="checkbox"]:checked~label{color:#FF385C}
.review-item .review-like input[type="checkbox"]:checked~label .count-like:before{background-image:url(../images/icon/like-icon-active.svg)!important}
.review-item .form-comment .link{display:block!important}
.review-apply-wrap .count-apply{margin-top:8px;cursor:pointer}
.review-apply-wrap .count-apply[aria-expanded="true"]{color:#222222}
.review-apply-wrap .count-apply[aria-expanded="true"] i:before{content:"\F0360"}
.review-apply-wrap .review-reply-items{padding-left:16px;margin-top:24px;border-left:3px solid #f0f0f0}
.review-box-reply.show~.review-apply-wrap .review-reply-items{margin-top:0;padding-top:24px}
.review-reply-items .form-comment{padding-left:0!important;border:none!important}
.review-commentsWrap .link-ajax{padding-top:36px}
/*=================AUTHOR==================*/
.boxAuthor .avatar .imgWrap{width:240px}
.boxAuthor .main-des{line-height:28px}
.boxAuthor .career{margin:36px 0 4px;font-size:0.875rem;font-weight:400}
.boxAuthor .socialBox{margin:16px 0 32px}
.boxAuthor .list-news{padding-top:32px;margin-top:36px;border-top:1px solid #D9D9D9}
.boxAuthor .item ~ .item .news{padding-top:24px;border-top:1px solid #D9D9D9}
.boxAuthor .news .imgWrap{width:100%}
.boxAuthor .news .name-cate{font-size:0.75rem;;margin-bottom:4px}
.boxAuthor .news .line{position:relative;padding-bottom:8px}
.boxAuthor .news .line:after{position:absolute;bottom:0;left:0;width:32px;height:1px;content:'';background-color:#D9D9D9;pointer-events:none}
.boxAuthor .news .des{margin-top:8px}
.boxAuthor .link-ajax{padding-top:12px}
/*============FAQ============*/
.tool-page .menuFix,.faq-page .menuFix,.boxPrice .menuFix{min-height:64px}
.tool-page .menuFix.fixed .target-scroll,.faq-page .menuFix.fixed .target-scroll,.boxPrice .menuFix.fixed .target-scroll{position:fixed;top:80px;left:0;width:100%;border:none;margin:0;background-color:#F7F7F7;z-index:45}
.tool-page .menuFix:not(.fixed) .target-scroll,.faq-page .menuFix:not(.fixed) .target-scroll,.boxPrice .menuFix:not(.fixed) .target-scroll{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:hidden}
.tool-page .menuFix.fixed .target-scroll,.faq-page .menuFix.fixed .target-scroll,.boxPrice .menuFix.fixed .target-scroll{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);-moz-box-shadow:0 0 6px rgba(0,0,0,0.16);box-shadow:0 0 6px rgba(0,0,0,0.16)}
.tool-page .menuFix.fixed .tab-tools-hori li a,.faq-page .menuFix.fixed .tab-tools-hori li a,.boxPrice .menuFix.fixed .tab-tools-hori li a{padding:20px 0}
.faq-page .menuFix .trigger-search-faq{top:50%;right:0;margin-top:-12px;z-index:5}
.tool-page .menuFix.fixed hr,.faq-page .menuFix.fixed hr,.faq-page .menuFix:not(.fixed) .trigger-search-faq,.boxPrice .menuFix.fixed hr{display:none}
.boxCover{padding-bottom:72px}
.boxCover .boxTitle{margin-bottom:36px}
.support-title{white-space:nowrap;padding-left:24px;position:relative;top:-2px}
.search-faq .input-search{background-color:#F7F7F7;border:1px solid #DDD;font-weight:400;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
/*.search-faq .btn-search-field{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-size:0}*/
.search-faq .popup .keyword{background:#fbfbfb url(../images/icon/search-icon.png) 12px center no-repeat;padding:12px 16px 12px 36px}
.search-field-wrapper .input-search::-webkit-input-placeholder{color:#222}
.search-field-wrapper .input-search::-moz-placeholder{color:#222}
.search-field-wrapper .input-search:-ms-input-placeholder{color:#222}
.search-field-wrapper .input-search:-moz-placeholder{color:#222}
.search-field-wrapper .delete-icon{position:absolute;top:50%;right:42px;margin-top:-10px;z-index:3;width:20px;height:20px;line-height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222;text-align:center;cursor:pointer;color:#FFF}
.search-field-wrapper .delete-icon:before{font-size:.875rem}
.filter-search-wrap .search-field-wrapper .delete-icon{right:4px;background:none;width:42px;height:42px;line-height:42px;margin-top:-21px}
.filter-search-wrap .search-field-wrapper .delete-icon:after{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;content:"";width:20px;height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222;z-index:-1}
.box-result-faq .search-field-wrapper .input-search{height:46px;padding:9px 16px 10px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;font-size:.875rem}
.box-result-faq .search-faq .btn-search-field{left:auto;top:7px;bottom:7px;right:7px;width:32px;height:32px}
.faq-page .tt-main{margin-bottom:36px}
.list-faq{padding:48px 0!important}
.featured-faq{margin-bottom:72px}
.boxFAQ .featured-faq .img{padding-top:68%}
.boxFAQ .list-questions .news{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #DDD}
.boxFAQ .list-questions .des{color:#707070;-webkit-line-clamp:3;max-height:66px}
.boxConnectFAQ{background-color:#000}
.boxConnectFAQ .news{background-color:#222;overflow:hidden}
.boxConnectFAQ .news .caption{padding:16px}
.boxConnectFAQ .news .des{font-size:.813rem;line-height:20px}
.faq-support-info .boxTitle{margin-bottom:24px}
.faq-support-info .caption .icon{width:22px;flex-shrink:0;max-width:22px;margin-right:12px}
.faq-support-info .caption .tend{font-size:.938rem;line-height:1.5;font-weight:500}
.faq-support-info .caption p{padding:0;font-size:.875rem}
.faq-support-info .caption b{font-weight:500}
.boxConnectFAQ .faq-support-info .caption .icon img,.boxConnectFAQ .faq-support-info .socialBox i,.boxConnectFAQ .faq-support-info .zalo-share-button{-moz-filter:invert(1) brightness(2);-webkit-filter:invert(1) brightness(2);filter:invert(1) brightness(2)}
.boxConnectFAQ .faq-support-info .item~.item{margin-top:20px;padding-top:20px;border-top:1px solid #2D2D2D}
.boxAccount .faq-support-info{margin-top:64px}
.faq-detail .link-tools li a{color:#222}
.support-request{padding-top:36px;margin-top:36px;border-top:1px solid #DDD}
.support-request .nav li{margin-left:16px!important}
.support-request .nav li a{text-decoration:underline}
.support-request .nav li:hover a{text-decoration:none}
.support-request .reasons .des{color:#707070;margin-bottom:32px}
.support-request .reasons .choose-btn{margin-bottom:20px}
.support-request .reasons .link{padding-top:8px}
.support-request .reasons .button-web{min-width:inherit;padding:4px 16px!important;height:34px;line-height:inherit}
.support-request .reasons #other-answer .form-group{padding-top:20px}
.box-result-faq .txt-result{color:#707070}
.box-result-faq .list-questions .news{padding-bottom:30px;margin-bottom:30px}
.faq-page.null .boxFAQ .big-text{font-weight:500;color:#222}
.file{position:relative;display:block;cursor:pointer;margin-bottom:0}
.file input{min-width:14rem;position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;cursor:pointer}
#btn-attachment{font-size:.813rem;line-height:25px}
#fileList img{display:inline-block;max-height:30px;margin-right:4px;margin-top:4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#fileList .item{background:url(../images/icon/attachment-icon.svg) 0 center/12px auto no-repeat;padding-left:24px;padding-right:0!important;margin-top:8px;color:#707070;width:100%;max-width:400px}
#fileList .item:first-child{margin-top:24px}
#fileList .file-name{font-size:.75rem}
.feedback .des{margin-bottom:36px;line-height:26px}
.feedback .line{margin-top:32px}
.feedback .link .button-web{min-width:110px}
.feedback .file-delete{position:relative;display:inline-block;width:24px;height:24px;line-height:22px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;cursor:pointer}
.feedback .file-delete:hover{background-color:#F7F7F7}
.feedback .file-delete:before{font-size:.875rem}
.feedback .back-link{padding-top:24px}
/*============WISHLIST============*/
.boxWishlist .boxTitle{margin-bottom:36px}
.boxWishlist .null .des{color:#707070;padding:24px 0 32px}
.all-wishlist{padding-top:56px}
.all-wishlist .row{margin:0 -12px}
.all-wishlist .row [class^='col-']{padding:0 12px}
.wishlist-folder{margin-bottom:72px}
.wishlist-folder .imagesWrap{position:relative;padding-top:52%;overflow:hidden;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:1px solid rgba(217,217,217,.5)}
.wishlist-folder .imagesWrap .img-item{position:absolute;width:33%;height:50%}
.wishlist-folder .imagesWrap .img-item:first-child{top:0;left:0;width:67%;height:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding-right:1px}
.wishlist-folder .imagesWrap .img-item:nth-child(2){top:0;right:0;padding-left:1px;padding-bottom:1px}
.wishlist-folder .imagesWrap .img-item:nth-child(3){bottom:0;right:0;padding-left:1px;padding-top:1px}
.wishlist-folder .imagesWrap .imgWrap{height:100%}
.wishlist-folder .imagesWrap .img{position:relative;overflow:hidden;width:100%;height:100%}
.wishlist-folder .imagesWrap .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wishlist-folder .caption{padding-top:16px}
.wishlist-folder .tend{font-size:1.375rem;line-height:32px;font-weight:400}
.boxWishlist .boxList.type1{padding-top:48px}
.tool-wishlist{margin-bottom:8px}
.tool-wishlist .back-wishlist{display:block;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px}
.tool-wishlist .back-wishlist i:before{line-height:48px}
.tool-wishlist .back-wishlist:hover{background-color:#F7F7F7}
.boxWishlist .edit-wishlist{display:inline-block;width:24px;height:24px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222222;color:#FFF;text-align:center}
.boxWishlist .edit-wishlist i{width:100%;height:100%;position:relative}
.boxWishlist .edit-wishlist i:before{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.125rem}
.boxWishlist .wishlists .product{padding-bottom:127px}
.boxWishlist .driving .product{padding-bottom:38px}
/*---------ACCOUNT PAGE--------*/
.account-info .image-uploaded .img,.boxAccount .image-uploaded .img{position:relative;padding-top:100%;overflow:hidden}
.profile-info .image-uploaded img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:1px solid #D9D9D9;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.profile-info p{margin-bottom:4px;padding:0}
.profile-info .txt{color:#707070}
.profile-info .button-txt{position:relative;top:2px;right:-12px}
.form-group .btn-editInfo{position:absolute;top:11px;right:12px;z-index:1;font-size:0.875rem;background-color:#FFFFFF;padding-left:12px}
.form-control:disabled~.btn-editInfo,.form-control:read-only~.btn-editInfo,.form-control.disabled~.btn-editInfo{background-color:#eee}
.account-info .gender{padding-top:4px}
.account-info .gender .choose-btn{padding-left:32px!important}
.account-info .gender .choose-btn~.choose-btn{margin-left:32px}
.change-pass .note{margin-bottom:24px}
.account-info .changeAvatar:not(.has-value) .img{border:1px dashed #707070}
.account-info .changeAvatar:not(.has-value) .img:before,.account-info .changeAvatar:not(.has-value) .img:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.account-info .changeAvatar:not(.has-value) .img:before{display:block;content:'';width:40px;height:30px;margin-top:-16px;background:url(../images/icon/img-icon.svg) center center/contain no-repeat}
.account-info .changeAvatar:not(.has-value) .img:after{display:block;content:'Thêm ảnh';color:#222222;font-size:0.938rem;font-weight:400;margin-top:16px}
.account-info .changeAvatar:not(.has-value) .img img{opacity:0}
.account-info .image-uploaded.has-value .img{cursor:default}
.account-info .img-actions{position:absolute;left:50%;top:50%;margin:-12px 0 0 -28px;z-index:3;opacity:0;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;pointer-events:none}
.account-info .img-actions .action{position:relative;display:inline-block;width:24px;height:24px;line-height:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16);-moz-box-shadow:0 0 3px rgba(0,0,0,0.16);box-shadow:0 0 3px rgba(0,0,0,0.16);text-align:center;cursor:pointer}
.account-info .img-actions .action~.action{margin-left:8px}
.account-info .img-actions .icon-upload{background:#FFF url(../images/icon/share-icon.svg) center center/11px 12px no-repeat}
.account-info .img-actions .icon-delete{background:#FFF url(../images/icon/trash-icon.svg) center center/12px 15px no-repeat}
.boxAccount .right-content{position:relative}
.boxAccount .image-uploaded{max-width:170px}
.boxAccount .changeAvatar .img{align-items:center;flex-direction:column;cursor:pointer;border:1px solid #D9D9D9;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.boxAccount .link{padding-top:24px;margin-top:8px;border-top:1px solid #D9D9D9}
.boxAccount .link .button-web,.small-btn{height:40px!important;padding:7px 24px 9px!important;line-height:inherit!important}
/*=================ABOUT==================*/
.about-page .des,.about-page .desc{color:#707070}
.boxBannerAbout .bg{position:relative;width:100%;overflow:hidden;padding-top:30.2%;background-position:center;background-repeat:no-repeat;background-size:cover}
.boxBannerAbout .top-page-heading{bottom:16%;left:0;right:0}
.boxBannerAbout .bg:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,0.3) 18%,rgba(0,0,0,0) 80%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.3) 18%,rgba(0,0,0,0) 80%);background:linear-gradient(to bottom,rgba(0,0,0,0.3) 18%,rgba(0,0,0,0) 80%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#00000000',GradientType=0)}
.boxBannerAbout .heading-title{font-size:2.813rem;font-weight:400;line-height:1.82}
.boxBannerAbout .heading-title img{max-height:72px;position:relative;margin-top:-24px}
.boxAbout{padding-top:80px}
.boxAbout .img img{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.boxAbout .logo-icon{width:60px}
.boxAbout .desc b{font-weight:400}
.boxFeature{padding:90px 0}
.boxFeature .item:nth-child(2n+1) .news{flex-direction:row-reverse}
.boxFeature .item~.item{padding-top:70px;margin-top:70px;border-top:1px solid #DDD}
.boxFeature .news .img{padding-top:70%;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.boxFeature .news .tend{font-size:1.625rem;line-height:1.4;font-weight:500}
.boxFeature .news .des{-webkit-line-clamp:inherit;max-height:inherit}
.boxFeature .ul-check li{position:relative;padding-left:40px;margin-top:32px;line-height:26px}
.boxFeature .ul-check li:before{position:absolute;top:0;left:0;width:26px;height:26px;text-align:center;border:2px solid #707070;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-family:"Material Design Icons";content:"\F012C";font-size:1.25rem;line-height:22px}
.boxInfoWeb{background-color:#F2F2F2}
.boxInfoWeb .info{background-color:#FFF;padding:24px 36px;margin-bottom:20px}
.boxInfoWeb .info .number{font-size:3.75rem;line-height:1.45;font-weight:600}
.boxInfoWeb .info .time{font-size:.75rem;line-height:18px;margin-top:40px}
.boxWhyChooseUs .main-des{margin-bottom:64px}
.boxWhyChooseUs .imgWrap .img{position:relative;overflow:hidden;padding-top:191.41%}
.boxWhyChooseUs .imgWrap .img img{position:absolute}
.boxWhyChooseUs .reason .tend{font-weight:500;font-size:1.375rem;line-height:1.45}
.boxWhyChooseUs .reason .des{-webkit-line-clamp:inherit;max-height:inherit}
/*=================SELLER==================*/
.seller-page .header-tools{width:0!important}
.seller-page .main-des{width:100%;color:#484848}
.seller-page .des,.ul-bullet,.packages-popup .des{color:#707070}
.boxVideo .bg{position:relative;overflow:hidden;padding-top:44.270833%;background-position:center;background-repeat:no-repeat;background-size:cover}
.boxVideo video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.boxVideo .bg:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;background-color:rgba(0,0,0,.24)}
.boxVideo .caption{position:absolute;top:0;left:0;bottom:0;width:100%;z-index:5}
.boxBannerSeller .bg:after{background:-moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=0)}
.title-page{font-size:3.125rem;line-height:76px;font-weight:500}
.boxBannerSeller .boxTitle{margin-bottom:24px}
.boxBannerSeller .heading-title{font-weight:400}
.boxBannerSeller .heading-title .t1 b{font-size:128.57%;font-weight:600;line-height:1.6}
.boxBannerSeller .heading-title .t2 b{font-size:167%;font-weight:700}
.boxBannerSeller .heading-title .t2 img{max-height:72px;position:relative;margin-top:-24px}
.boxBannerSeller .content{background-color:rgba(255,255,255,0.9);padding:32px 48px;max-width:450px;margin-left:auto}
.boxBannerSeller .link{padding-top:24px}
.boxBannerSeller .button-web{min-width:180px}
.boxIntroSteps .button-web{padding-left:16px!important;padding-right:16px!important}
.boxIntroSteps{padding:72px 0 140px!important;background:url(../images/buiding-bg.png) 0 bottom/auto 62% repeat-x}
.boxIntroSteps .caption{width:100%;max-width:220px}
.boxIntroSteps .step .order{font-size:1.125rem;line-height:26px;font-weight:600;margin-bottom:4px}
.boxIntroSteps .step .tend{font-weight:300}
.boxIntroSteps .step .link{padding-top:16px}
.boxWhy,.boxPrice:not(.no-bg){background:url(../images/lineBg1.png) center bottom/contain no-repeat}
.boxWhy{padding-bottom:96px}
.boxWhy .boxTitle{margin-top:-90px}
.boxWhy .boxContent:before{position:absolute;top:0;left:0;width:100%;height:50%;content:"";pointer-events:none;z-index:-2;background:#f7f7f7;background:-moz-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(254,254,254,1) 100%);background:-webkit-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(254,254,254,1) 100%);background:linear-gradient(to bottom,rgba(247,247,247,1) 0%,rgba(254,254,254,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#fefefe',GradientType=0);opacity:.9}
.boxWhy .boxContent:after{position:absolute;left:0;width:100%;content:"";pointer-events:none;z-index:-1;background-color:#F7F7F7}
.boxWhy .main-des{max-width:756px}
.boxWhy .news .img{padding-top:86.54%}
.boxWhy .news .tend{font-size:1.875rem;line-height:1.4;font-weight:500;margin-bottom:16px}
.boxWhy .news .des{font-size:.938rem;line-height:1.6;-webkit-line-clamp:inherit;max-height:inherit;margin-bottom:32px}
/*BOX PRICE*/
.boxPrice .main-des{max-width:615px;margin-bottom:40px}
.boxPrice .des{font-size:1.375rem;line-height:1.5}
.boxPrice .boxContent{padding-top:32px}
.price-table{border-top:10px solid #222;border-left:1px solid #DDD;border-bottom:1px solid #DDD;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.boxPrice .package-items .item:last-child .price-table{border-right:1px solid #DDD}
.price-table:hover{-webkit-box-shadow:0 0 30px rgba(0,0,0,0.16);-moz-box-shadow:0 0 30px rgba(0,0,0,0.16);box-shadow:0 0 30px rgba(0,0,0,0.16)}
.boxPrice .item:hover+.item .price-table{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.boxPrice .price-th{padding:36px 12px 24px}
.boxPrice .price-td{padding:32px 12px;height:90px;border-top:1px solid #DDD}
.boxPrice .price-td .icon-tick{color:#008A05}
.boxPrice .price-td .icon-cross{color:#C13515}
.boxPrice .logo-icon img{max-height:26px}
.boxPrice .fee .time{display:inline-block;font-size:0.875rem;line-height:1.45;font-weight:600}
.boxPrice .button-web{width:100%;min-width:inherit!important;max-width:150px}
.boxPrice .note p{font-size:.875rem}
.all-services .price-th{font-weight:500;font-size:1.25rem;line-height:1.4}
.price-table .price-th .desc{padding-top:24px;margin-top:24px;border-top:1px solid #DDD}
.price-table .tend{font-size:1rem;line-height:1.5;font-weight:600;margin-top:10px;margin-bottom:4px}
.price-table .fee{font-size:1.5rem;line-height:1.45;font-weight:600}
.price-table .old-fee{font-size:0.75rem;color:#B1B1B1;font-weight:500;line-height:1.4}
.price-table .old-fee .time{font-size:83%}
.price-table .f-fee{color:#FF385C;font-weight:600}
.price-td .info del{text-decoration:none;position:relative;display:inline-block;margin-right:2px}
.price-td .info del:after{position:absolute;content:"";left:-2px;top:45%;width:120%;min-width:12px;border-top:1px solid #222;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}
.price-td .info b{font-size:125%;color:#FF385C;font-weight:500;padding-left:3px}
.boxPrice .vip{border-top-color:#FF385C!important}
.boxPrice .vip .fee{color:#FF385C}
.tabs-price{padding:2px;background-color:#DDDDDD;-webkit-border-radius:41px;-moz-border-radius:41px;border-radius:41px}
.tabs-price li{font-size:0.75rem;padding:3px 8px;cursor:pointer;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px}
.tabs-price li.active{background-color:#FF385C;font-weight:500;color:#FFF}
.sale-tag{position:absolute;top:16px;right:-18px;width:115px;height:54px;color:#FFF;font-weight:600;padding-left:20px;background:url(../images/icon/ribbon.svg) 0 0/100% 100% no-repeat;padding-top:7px}
.faq-question{padding:48px 0}
.boxPrice #accordion .card-body{color:#707070;padding-top:4px}
.boxPrice #accordion .card-body p{padding:0}
.boxPrice #accordion .card-body .link-txt{font-weight:600}
.boxPrice .contact{font-size:1.125rem;line-height:1.5;color:#707070}
.boxPrice .contact .hotline{color:#222;font-weight:400}
.boxPrice .contact .hotline img{width:20px;margin-right:4px;position:relative;top:-1px}
/*CONNECT*/
.boxConnectSeller .news .img{padding-top:68%}
.boxConnectSeller .news .tend{font-size:1.125rem;margin-bottom:4px}
.boxConnectSeller .news .tend a{-webkit-line-clamp:inherit;max-height:inherit}
.boxConnectSeller .news .des{-webkit-line-clamp:inherit;max-height:inherit}
.boxConnectSeller .news .link{font-weight:400}
.boxRequest{background-color:#fcf4f5}
.boxRequest{padding:70px 0 96px}
.boxRequest .boxTitle .title{font-size:1.875rem}
.boxRequest .request{background-color:#FFF;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.16);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.16);box-shadow:0 4px 10px rgba(0,0,0,0.16);padding:30px 48px}
.boxRequest .request .icon img{height:24px}
.boxRequest .request .des{color:#707070;margin-bottom:36px}
.link-txt,.link-txt:focus{text-decoration:underline}
a.link-txt:hover,a:hover .link-txt{text-decoration:none!important}
/*=================PAYMENT==================*/
.boxPayment .boxContent{max-width:1120px;margin:auto}
.boxPayment .main-tit .title{font-size:1.875rem;line-height:1.5}
.boxPayment .top-des{padding:20px 120px 20px 24px;border:1px solid #DDD;margin-bottom:40px}
.boxPayment .top-des h5{font-size:1rem;font-weight:500;line-height:1.4}
.boxPayment .top-des:after{position:absolute;top:20px;right:36px;width:30px;height:30px;content:"";background:url(../images/icon/checklist-icon.svg) center center/100% no-repeat}
.steps-payment hr{margin:40px 0 32px}
.steps-payment .link-txt{font-weight:500}
.boxPayment textarea.form-control{height:80px}
.steps-payment .account-info .note,.boxShowroom .account-info .note{line-height:1.6;color:#808080}
.steps-payment .account-info .button-web,.boxShowroom .account-info .button-web{height:34px;line-height:32px!important;padding:0!important}
.steps-payment .account-info .button-web:hover,.boxShowroom .account-info .button-web:hover{background-color:#F7F7F7!important}
.steps-payment .image-uploaded .img,.boxShowroom .image-uploaded .img{padding-top:64%;border:1px solid #D9D9D9;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.steps-payment .changeAvatar:not(.has-value) .img,.boxShowroom .changeAvatar:not(.has-value) .img{border:none;background-color:#EAEAEA}
.steps-payment .changeAvatar:not(.has-value) .img:before,.boxShowroom .changeAvatar:not(.has-value) .img:before{display:none}
.steps-payment .changeAvatar:not(.has-value) .img:after,.boxShowroom .changeAvatar:not(.has-value) .img:after{width:60px;height:40px;margin-top:0;content:"";background:url(../images/logo-icon.svg) center center/contain no-repeat;-webkit-filter:grayscale(1);filter:grayscale(1)}
.steps-payment .account-info .img-actions,.boxShowroom .account-info .img-actions{top:12px;left:auto;right:12px;margin:0}
.packages .item{padding:20px 0 20px 48px !important;overflow:hidden}
.packages .item:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";pointer-events:none;border:1px solid #B0B0B0}
.packages .item:first-child,.packages .item:first-child:after{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.packages .item:last-child,.packages .item:last-child:after{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.packages .item.active{border-color:transparent}
.packages .item.active:after{border-width:2px;border-color:#222}
.packages .item:first-child:not(.active):after{border-bottom:none}
.packages .item:last-child:not(.active):after{border-top:none}
.packages .tend{font-weight:500;margin-bottom:10px}
.packages .content img{top:0;left:-32px;max-width:27px}
.packages .desc{font-size:.875rem;color:#707070}
.packages .desc ul{padding-left:20px}
.packages .desc li{margin-top:0;margin-bottom:2px}
.packages .fee{font-weight:600;font-size:1.125rem;line-height:1.45;position:absolute;top:20px;right:56px}
.packages .fee .time{font-size:.875rem;font-weight:400}
.packages .checkmark{position:absolute;top:22px;left:auto;right:16px;width:22px;height:22px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.packages .checkmark:after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.packages .item.active .checkmark{background-color:#222;border-color:#222}
.packages .item.active .checkmark:after{opacity:1;visibility:visible}
.packages-popup{max-width:900px}
.packages-popup .contentWrap .content{max-height:calc(100vh - 210px);max-height:calc(var(--window-height) - 210px)}
.packages-popup .boxTitle .title{font-size:1.625rem;line-height:1.5}
.packages-popup .main-des{color:#484848}
.packages-popup .price-table{border-top-width:6px!important}
.packages-popup .all-services .price-th{font-size:1.125rem;padding-bottom:24px}
.packages-popup .price-table .price-th{padding:24px 16px}
.packages-popup .logo-icon img{max-height:27px}
.packages-popup .price-table .tend,.packages-popup .premium .fee .time{font-size:1rem!important}
.packages-popup .boxPrice .price-td{height:60px}
.packages-popup .boxPrice .contact{font-size:.875rem}
.packages-popup .boxPrice .note{margin-top:20px;padding-top:12px}
.packages-popup .premium,.packages-popup .price-table:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1)}.target-payment:not(.active),#trial-package:not(.active){display:none}
.payment-info .content-showhide{padding-top:30px;margin-top:28px;border-top:1px dashed #B0B0B0}
.payment-info .ftxt,.payment-info .row-input{max-width:50%}
.payment-info .row-input,.info-cart .row-input{font-weight:400}
.payment-info .transfer-info .form-group{margin-bottom:12px}
.payment-info .transfer-info .tit{font-weight:400;font-size:1.125rem;line-height:1.4;letter-spacing:-.01em}
.payment-info .transfer-info .tit small{font-size:.875rem;color:#707070;line-height:20px;font-weight:300}
.payment-info .transfer-info .desc ul{list-style:none;padding:0}
.payment-info .transfer-info .desc li{padding-left:28px}
.payment-info .transfer-info .desc li:before{position:absolute;top:0;left:0;font-family:"Material Design Icons";content:"\F012C";font-size:1.25rem}
.boxPayment .confirm-agree{font-size:.75rem;line-height:18px;color:#B0B0B0}
.boxPayment .name-web{color:#000}
.info-cart{z-index:100}
.info-cart .boxTitle{margin-bottom:24px}
.info-cart hr{margin:30px 0 24px}
.info-cart .avatar .imgWrap{width:30%;max-width:124px;margin-right:12px}
.info-cart .avatar .img{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding-top:85%}
.info-cart .info .location,.info-cart .info .date-create{font-size:.75rem;color:#717171}
.info-cart .info .name{font-weight:500;margin-bottom:24px}
.info-cart .info .date-create{padding-left:18px;background:url(../images/icon/date-icon.svg) 0 center/12px no-repeat}
.info-cart .content .row-input:not(.has-value){font-weight:300;color:#B0B0B0}
.info-cart .total .number{font-weight:600;font-size:2.25rem;line-height:1.5}
.info-cart .total .number sup{font-size:60%}
.info-cart .total-wrap img{max-width:30px}
.steps-payment .actions .button-txt{position:relative;left:-16px}
.steps-payment .actions .btn-save{min-width:80px;font-weight:600}
.steps-payment .actions .btn-save:hover{background-color:#000!important;border-color:#000!important;color:#FFF!important}
.boxThankyou .box-inner{padding-left:48px;color:#484848}
.boxThankyou .box-inner b{font-weight:500}
.boxThankyou:not(.no-bg) .box-inner .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/danh-cho-nguoi-ban/thankyou-bg.gif) center 0/100% auto no-repeat;opacity:0.5;z-index:-1}
/*=================SHOWROOM==================*/
.boxShowroom .wrapper{max-width:990px}
/*=================CONTACT==================*/
.contact-page #ci-header:not(.fixed) .sticker{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.boxBannerContact .bg{position:relative;width:100%;overflow:hidden;padding-top:30.7%;background-position:center;background-repeat:no-repeat;background-size:cover}
.boxBannerContact .bg:after{position:absolute;top:0;left:0;width:50%;height:100%;content:"";pointer-events:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+82&0.5+0,0+82 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}
.boxBannerContact .top-page-heading{top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}
.boxContact .boxTitle .title{line-height:1.5!important}
.boxContact .des{color:#484848}
.boxContact .row-contact{padding:24px 30px 32px;border:1px solid #DDD;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.boxContact .row-contact .item~.item{border-top:1px solid #DDD;padding-top:24px;margin-top:24px}
.boxContact .info-contact .btn-linkweb{font-weight:300}
.boxContact .view-map{text-decoration:underline;font-weight:400}
.boxContact .view-map:hover{text-decoration:none}
.boxContact .info-contact .it-info~.it-info{margin-top:12px}
.boxContact .info-contact img{display:inline-block;max-width:22px;max-height:22px;margin-right:12px}
.boxContact .socialBox{position:relative;left:-4px}
.boxContact .socialBox i,.boxContact .zalo-share-button{width:36px!important;height:27px!important}
.boxContact .socialBox .ic-facebook{width:24px!important}
.boxContact .socialBox .ic-youtube{height:26px!important}
/*=================SEARCH KEYWORD==================*/
.sub-page .search-keyword .icon{width:16px;height:16px;z-index:1;background:url(../images/icon/black-search-icon1.svg) center center/16px auto no-repeat}
.sub-page .search-keyword .popup{left:auto!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;-webkit-transform:none!important;transform:none!important;overflow:hidden}
.sub-page .search-keyword .form-control{border:none!important}
.sub-page .search-keyword .searchTop.active .form-control{height:46px;padding:6px 12px 8px 24px;font-size:.875rem}
.sub-page .search-keyword .searchTop.active .icon{background:none;width:24px;height:24px}
.sub-page .search-keyword .searchTop.active .icon:before{font-family:"Material Design Icons";content:"\F0156";font-size:1.5rem;font-weight:300;line-height:24px}
.boxSearchList .boxTitle{margin-bottom:24px}
.boxSearchList .searchTop>.popup{z-index:1;margin:0!important}
.support-sidebar .button-web{height:42px;line-height:38px}
.error-page-message .caption{padding:10px 12px 12px;background-color:#efefef}
.error-page-message .close-txt{color:#FF385C}
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (min-width: 361px) {
.type2 .product>.captionWrap,.type2 .product>.caption{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.home-page .type2 .product>.caption{align-items:center}
.type2 .product .imgWrap{width:40%;max-width:194px;flex-shrink:0;margin-right:16px}
.type2 .product .caption{width:55%}
.productContent .content.left li>.txt{flex-shrink:0;margin-right:16px}
.boxCompareList .product>.captionWrap{position:relative}
.boxCompareList.type2 .product .imgWrap{max-width:160px}
.boxCompareList .product .caption{justify-content:center}
.back-link .btn-linkweb~.btn-linkweb{margin-left:32px}
.sub-page.null .group-btn .button-web~.button-web{margin-left:16px}
}
@media all and (min-width: 421px) {
#mypopup-info-test-driving .product{max-width:320px}
}
@media all and (min-width: 481px) {
.productContent .content.left .frToolWeb .txt{width:200px;white-space:nowrap;flex-shrink:0}
.boxToolWeb .content.left .frToolWeb .txt{width:35%;white-space:nowrap;flex-shrink:0}
.boxCompareList .product .price{padding-right:100px}
.boxCompareList .link{position:absolute;right:0;top:50%;margin-top:-12px}
.support-request .reasons #other-answer{position:relative;margin-left:-36px}
}
@media all and (min-width: 576px) {
.boxProducts .tab-tools-hori li~li{padding:0;margin:0}
.boxProducts .tab-tools-hori li a{padding:8px 16px}
.large-news .caption{position:absolute;left:0;bottom:0;width:100%;padding:16px 5.5%!important}
.large-news *{color:#FFF!important}
.list-questions .row{margin:0 -20px!important}
.list-questions [class^=col-]{padding:0 20px!important}
.boxAccount .faq-support-info .item~.item{margin-left:20px}
.boxAccount .faq-support-info .caption{border:1px solid #ddd;padding:12px 20px}
.boxAuthor .news .imgWrap{max-width:245px;flex-shrink:0;margin-right:30px}
.boxIntroSteps .step{text-align:center}
.boxIntroSteps .step .imgWrap{margin-bottom:16px}
.boxIntroSteps .step .img{height:90px}
.boxIntroSteps .step .img img{max-height:90px}
.boxIntroSteps .caption{margin:auto}
.modelsWrapOut:not(.fixed) .grid{background-color:#fff!important;border:1px solid #E5E5E5}
.panels-compare .panel-cp:first-child .title{margin-bottom:0}
}
@media all and (min-width: 744px) {
.wrapper{padding:0 40px}
.scroll-mb{margin-left:-40px;margin-right:-40px;padding-left:40px}
#screen-filter-advanced .filter-selected .inner{padding:0;margin:0}
.mbtTOCWrap.fixed .mbtTOC{padding:0 40px}
}
@media all and (min-width: 768px) {
.sub-page #ci-header.fixed.active .filter-overlay{z-index:1001}
.tool-page #ci-header.no-shadow{opacity:0}
.boxSupport .boxTitle{margin-bottom:36px}
.boxSupport .boxContent:before,.boxSupport .boxContent:after{position:absolute;top:0;width:1px;height:100%;content:"";pointer-events:none;background-color:#D9D9D9}
.boxSupport .boxContent:before{left:32.6%}
.boxSupport .boxContent:after{left:67%}
.boxSupport .support{width:100%;max-width:260px}
.boxSupport .item:nth-child(2) .support{margin:0 auto;max-width:280px}
.boxSupport .item:nth-child(3) .support{margin-left:auto}
.productThumbnail>.img-desktop>.row{margin:0!important}
.productThumbnail .mainImg,.productThumbnail .thumbnails{padding:0!important}
.productThumbnail .mainImg{padding-right:1px!important}
.productThumbnail .thumbnails{padding-left:7px!important}
.productThumbnail .mainImg .img{-moz-border-radius:12px 0 0 12px;-webkit-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px;overflow:hidden}
.productThumbnail .imgThumbnail{margin:0 -4px!important}
.productThumbnail .imgThumbnail .item{padding:0 4px!important}
.imgThumbnail .item:nth-child(n+3){margin-top:8px}
.productThumbnail .imgThumbnail .item:nth-child(2) .img{-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;border-radius:0 10px 0 0;overflow:hidden}
.productThumbnail .imgThumbnail .item:nth-child(4) .img{-moz-border-radius:0 0 10px;-webkit-border-radius:0 0 10px 0;border-radius:0 0 10px 0;overflow:hidden}
.detail-prod-popup .contentWrap .tab-content .content{height:calc(100vh - 210px);height:calc(var(--window-height) - 210px);max-height:inherit}
.modelsWrapOut:not(.fixed){min-height:380px}
.boxCompareDetail .models{padding:24px 8px}
.boxCompareDetail .models .form-groupWrap{border:1px solid #E5E5E5}
.mypopup-compare .bot-link{text-align:right}
.botLink .title:after{display:none!important}
.botLink .content{display:block!important}
.boxCover .boxTitle{text-align:center}
.boxCover .search-field-wrapper .row-input{width:100%;max-width:500px;margin:0 auto}
.profile-info .row{flex-direction:row-reverse}
.account-popup .pp-actions{padding:16px 0 24px;margin:0 24px}
.account-popup .pp-actions .btn-cancel{position:relative;left:-16px}
.btn-phonecall.active .info-checked{overflow:visible;height:auto;display:inherit!important}
.btn-phonecall.active .txt{display:none;pointer-events:none}
.btn-phonecall .info-checked{position:relative;left:-3px}
.boxFeature .feature>.row{flex-direction:row-reverse}
.boxFeature .feature .img{margin-left:64px}
.boxFeature .item:nth-child(2n+1) .caption,.boxFeature .item:nth-child(2n) .imgWrap{padding-right:12px}
.boxFeature .item:nth-child(2n) .caption,.boxFeature .item:nth-child(2n+1) .imgWrap{padding-left:12px}
.boxWhy .boxContent:after{top:30%;height:48%}
.boxWhy .item{margin-bottom:60px}
.boxWhy .item:nth-child(2n+1) .news .imgWrap{padding-right:2%}
.boxWhy .item:nth-child(2n+2) .news .imgWrap{padding-left:2%}
.boxWhy .item:nth-child(2n+1) .caption{padding-left:2%;padding-bottom:18%}
.boxWhy .item:nth-child(2n){position:relative;margin-top:-18%}
.boxWhy .item:nth-child(2n+2) .img{margin-left:auto}
.boxWhy .item:nth-child(2n+2) .caption{padding-right:2%;padding-top:15%;text-align:right}
.boxWhy .item:nth-child(2n) .caption .des{max-width:485px;margin-left:auto}
.boxConnectSeller .news{padding-bottom:48px}
.boxConnectSeller .news .link{position:absolute;bottom:0;left:0;width:100%}
.boxContact .row-contact{position:-webkit-sticky;position:sticky;top:100px;z-index:10}
.footer-expand{bottom:0;z-index:10;background-color:#FFF;border-top:1px solid #DDD;padding:12px 0}
.btn-show-footer{padding:0 4px;width:34px;height:34px;line-height:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.btn-show-footer>i:before{font-size:1.625rem}
.btn-show-footer:hover{background-color:#F7F7F7;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.5),0 0 0 5px rgba(255,255,255,0.7);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.5),0 0 0 5px rgba(255,255,255,0.7);box-shadow:0 0 0 1px rgba(0,0,0,0.5),0 0 0 5px rgba(255,255,255,0.7)}
.btn-show-footer.close-ico{position:absolute;top:12px;left:12px}
.news-page.list-page footer{position:fixed;left:0;bottom:0;width:100%;z-index:1002;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.news-page.list-page footer.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transition:all .3s cubic-bezier(0,0,0.1,1);transition:all .3s cubic-bezier(0,0,0.1,1)}
.news-page .footer-wrap{background-color:#FFF;z-index:1;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0;max-height:80vh;overflow:auto}
.news-page footer:before{position:absolute;top:-9999px;left:0;bottom:0;width:100%;z-index:-1;content:"";background-color:rgba(0,0,0,0.3);-webkit-transition:opacity .3s cubic-bezier(0,0,1,1);transition:opacity .3s cubic-bezier(0,0,1,1);opacity:0}
.news-page footer.show:before{opacity:1}
.botLink li ~ li{margin-top:12px}
}
@media all and (min-width: 781px) {
.ci-main-top .img.mb{display:none}
#ci-slide-home .caption{max-width:70%}
}
@media all and (min-width: 992px) {
.size{width:100%;max-width:730px}
.sub-page:not(.null) #ci-header.active .sticker{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
#ci-header.active .sticker{background:none}
#ci-header.active .sticker:before{height:168px!important}
.has-submenu .filter-search.desk{z-index:-1}
/*-----SEARCH KEYWORD-----*/
.news-page .searchTop .popup{opacity:1!important;visibility:visible!important;pointer-events:auto!important;left:auto!important;right:0;padding:0!important;z-index:1;width:300px;text-align:right}
.news-page .searchTop .form-control{padding:5px 16px 7px;height:40px;padding-left:16px}
.news-page .searchTop .form-control:focus,.news-page .searchTop .form-control.active{border-color:#B0B0B0!important}
.news-page .searchTop .form-control:focus{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.18)!important;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.18)!important;box-shadow:0 2px 4px rgba(0,0,0,0.18)!important}
.news-page .searchTop .button-search{position:absolute;top:5px;right:5px;bottom:5px;width:30px;min-width:30px;height:30px;padding:0!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';z-index:1;background-color:#FF385C}
.news-page .searchTop .button-search:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../images/icon/w-search-icon.svg) center center/auto 12px no-repeat}
.boxList .follow-us{position:relative;padding-top:65%}
.boxList .item-follow .box-border{position:absolute;top:0;left:0}
.sub-page .search-keyword .popup{right:9px;padding:9px 0}
.sub-page .search-keyword .searchTop.active>.popup{width:calc(100% - 18px);top:0;bottom:0;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px}
.sub-page .search-keyword .searchTop.active .button-search{width:104px;text-align:center;background-position:center}
.sub-page .search-keyword .searchTop.active .button-search:after{position:absolute;top:50%;margin-top:-13px;right:0;content:"";width:1px;height:26px;background-color:#B0B0B0}
.sub-page .search-keyword .searchTop.active .trigger{z-index:10000;margin-left:16px}
.sub-page .search-keyword .searchTop.active .form-control{margin-right:72px}
.search-keyword .searchTop.active .form-control,.search-keyword .searchTop.active .form-control:focus,.search-keyword .searchTop.active .form-control.active{border:none!important}
.filter-search{text-align:center}
.filter-search:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.filter-search .screens{width:100%;max-width:780px;margin:6px auto;background-color:#FFF;-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);background:#fff;display:inline-block;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;text-align:left;vertical-align:middle}
.filter-search.show-on .screens{border:1px solid #707070}
.filter-search .screen .inner-item{padding-right:12px}
.filter-search .screen.has-input-search .inner-item{max-height:342px;min-height:200px}
.filter-search #screen-filter1 .inner-item,.filter-search #screen-filter2 .inner-item{height:342px}
#screen-filter-advanced .sr-content{height:calc(100vh - 200px);height:calc(var(--window-height) - 200px)}
.filter-search .filter-actions .button-web{padding:0 16px;height:40px;line-height:36px;min-width:auto}
.sub-page #ci-header .filter-selected{border:1px solid #D9D9D9;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.16);-moz-box-shadow:0 0 1px rgba(0,0,0,0.16);box-shadow:0 0 1px rgba(0,0,0,0.16)}
.sub-page .click-filter:not(.show-sub-filter){padding:0;padding-left:8px}
.boxBannerHome .boxTitle{margin-bottom: 32px}
.boxProducts .linkAll{position:relative;margin-top:-20px}
.large-news .imgWrap,.large-news .img{height:100%}
.boxHotNews .hot-news{margin-bottom:16px}
.boxHotNews .hot-news .news{margin-bottom:8px}
.boxHotNews .hot-news .row-wrap>.item:first-child .news{-webkit-border-radius:12px 0 0 12px!important;-moz-border-radius:12px 0 0 12px!important;border-radius:12px 0 0 12px!important}
.boxHotNews .hot-news .list-hot-news .item:first-child .news{-webkit-border-radius:0 12px 0 0!important;-moz-border-radius:0 12px 0 0!important;border-radius:0 12px 0 0!important}
.boxHotNews .hot-news .list-hot-news .item:last-child .news{-webkit-border-radius:0 0 12px 0!important;-moz-border-radius:0 0 12px 0!important;border-radius:0 0 12px 0!important}
.productWrap .boxTitle .title{font-size:1.75rem;line-height:40px;font-weight:500}
.panels-compareWrap .tend{padding-left:25%}
.target-scroll{background-color:#FFF;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1);z-index:45}
.menuFix .target-scroll{top:-80px}
.menuFix.fixed .target-scroll{position:fixed;top:80px;left:0;width:100%;background-color:#F7F7F7;border:none;margin:0;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1}
.p-tabWrapOut{position:absolute;top:-5000px;min-height:80px;display:none}
.p-tabWrapOut.fixed{display:block}
.p-TabDetail li~li{margin-left:32px}
.p-TabDetail li a{display:block;height:64px;line-height:64px;position:relative;font-weight:400;text-decoration:none!important}
.p-TabDetail li a:before{position:absolute;content:"";left:0;width:0;bottom:0;height:4px;z-index:51;background-color:#222222;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.p-TabDetail li.active a:before{width:100%}
.p-TabDetail .sub-info-detail{display:none}
.p-TabDetail .sub-info-detail.show-on{display:block}
.p-TabDetail .sub-info-detail .price{font-size:1.125rem}
.productThumbnail .link-albumn span:before{display:inline-block;position:relative;top:4px;margin-right:6px;width:22px;height:18px;background:url(../images/icon/img-icon.svg) 0 center/contain no-repeat;content:''}
.boxCompareDetail .s-title{margin-bottom:32px}
.boxCompareDetail .models.no-cols{width:25%}
.boxCompareDetail .models.one-cols{width:50%}
.boxCompareDetail .models.one-cols .items-model,.boxCompareDetail .models.one-cols .i-addmore{width:50%}
.boxCompareDetail .models.four-cols .items-model{width:100%}
.boxCompareDetail .models.three-cols .items-model{width:100%}
.boxCompareDetail .models.two-cols .items-model{width:66.66666666%}
.boxCompareDetail .models.two-cols .i-addmore{width:33.33333333%}
.table-tech{border-collapse:separate;border-spacing:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border: 1px solid #E3E3E3}
.table-tech td{padding:12px 16px;vertical-align:top;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;text-align:center}
.table-tech td:first-child{text-align:left}
.table-tech tr:last-child td{border-bottom:none}
.table-tech td:last-child{border-right:none}
.modelsWrapOut.fixed .items-model{width:75%!important}
.modelsWrapOut.fixed .models .item .product{max-width:300px;margin:0}
.modelsWrapOut:not(.fixed) .models.selected{margin-left:25%}
.boxFixed{position:sticky;position:-webkit-sticky;top:160px;z-index:40}
.productContent .boxFixed .pTop{margin-bottom:12px}
.boxDetailDealer #main-content{padding-left:64px}
.boxDetailDealer .contentShowroom{top:100px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:#fff;border:1px solid #D9D9D9;padding:24px 24px 12px}
.sub-page .main-content #sidebar{width:280px;flex-shrink:0;position:relative}
.sub-page .main-content .right-content{width:calc(100% - 280px)}
.sub-menu,.faq-page #sidebar .inner{position:sticky;position:-webkit-sticky;top:100px;z-index:2}
.sub-menu .title{margin-top:8px;margin-bottom:16px;font-size:1.125rem;line-height:26px}
.tab-tools{margin-right:0!important;text-align:left!important}
.sub-menu li{display:block;margin-bottom:32px;position:relative}
.sub-menu li:not(:last-child){margin-bottom:12px}
.sub-menu a{display:inline-block;color:#707070;padding-left:16px;border-left:3px solid transparent}
.sub-menu li.active a{color:#222222;font-weight:400;border-color:#222222;font-weight:400}
.sub-menu .marker{position:absolute;top:0;left:0;width:2px;height:24px;margin:0!important;background:#222;-moz-transition:all .6s cubic-bezier(0.23,1,0.32,1.05);-ms-transition:all .6s cubic-bezier(0.23,1,0.32,1.05);-o-transition:all .6s cubic-bezier(0.23,1,0.32,1.05);-webkit-transition:all .6s cubic-bezier(0.23,1,0.32,1.05);transition:all .6s cubic-bezier(0.23,1,0.32,1.05)}
.boxToolWeb .tab-tools-hori li~li{margin-left:64px}
.boxToolWeb .frToolWeb .row{margin:0 -35px}
.boxToolWeb .frToolWeb .item{padding:0 35px}
.boxToolWeb .test-driving .box-result{position:relative;margin-top:-16px}
.boxCalculate .message .row-result .row{flex-direction:row-reverse}
.boxToolWeb .content.left{padding-right:5%}
.mypopup-compare .contentWrap .caption{padding-left:36px}
.boxList .item-follow .item:first-child .box-border{margin-bottom:16px}
.newsContent .desc,.newsContent .seo-info{font-size:1rem;line-height:30px}
.search-field-wrapper .btn-search-field{top:11px;right:11px;bottom:11px;width:48px;height:48px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FF385C}
.search-field-wrapper .btn-search-field:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../images/icon/w-search-icon.svg) center center/auto 16px no-repeat}
.boxCover .search-field-wrapper{width:100%;max-width:820px;margin:0 auto}
.boxCover .search-field-wrapper .row-input{width:100%;max-width:500px;margin:0 auto}
.boxCover .search-field-wrapper .input-search{height:70px;padding:18px 24px 20px;background-color:#F7F7F7;border:1px solid #DDD;font-size:1rem;font-weight:400;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.boxCover .search-field-wrapper .input-search{height:70px;padding:18px 24px 20px;font-size:1rem}
.boxCover .search-field-wrapper .delete-icon{right: 64px;}
.search-faq .popup{width:100%;padding:0;padding-bottom:16px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;overflow:hidden}
.search-faq .popup .list-search a{display:block;padding:8px 16px}
.search-faq .popup .list-search a:hover{background-color:#fbfbfb}
.search-keyword .filter-list,.search-faq .popup .list-search{max-height:336px;overflow:auto}
.search-faq .list-search li .icon{display:none}
.box-result-faq .search-faq .popup{width:820px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.faq-support-info .item:last-child .caption{font-size:1rem;line-height:1.6}
.boxConnectFAQ .faq-support-info{padding-left:10px}
.faq-page .right-content{padding-right:8%}
.box-result-faq .search-field-wrapper{display:block!important;width:100%;max-width:750px;margin:auto;margin-bottom:24px}
.box-result-faq .search-field-wrapper .form-control{background: #FFF!important}
.sub-page.null .group-btn .button-web~.button-web{margin-left:24px}
.faq-page.null .boxFAQ .des{font-size:1rem}
.boxWishlist{padding-top:48px!important}
.boxWishlist .null .link{margin-bottom:36px}
.boxAccount .row{margin:0 -15px}
.boxAccount *[class^=col-]{padding:0 15px}
.boxAccount .link .button-txt{position:absolute;top:-8px;right:-16px}
.boxCateNews .list-items .item:first-child,.boxCateNews .list-items .item:nth-child(2),.boxCateNews .list-items .item:nth-child(3){-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.hot-news .des{font-size:1rem}
.boxAbout .img{padding-right:30px}
.boxAbout .desc{padding-left:4px}
.boxFeature .item:nth-child(2n+1) .imgWrap{padding-left:40px}
.boxFeature .item:nth-child(2n) .imgWrap{padding-right:40px}
.boxFeature .item:nth-child(2n+1) .caption{padding-right:24px}
.boxFeature .item:nth-child(2n) .caption{padding-left:24px}
.seller-header.fixed:not(.has-button) .sticker{display:none;position:relative!important;   background: none!important; 
     -webkit-box-shadow:none!important; 
    -moz-box-shadow:none!important;
    box-shadow:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}
.seller-header.has-button .header-tools,.seller-header .button-web{display:none!important}
.seller-header.has-button .sticker{-webkit-animation:stuckMoveDown 0.6s 1 linear;animation:stuckMoveDown 0.6s 1 linear}
.seller-header.has-button .button-web{display:block!important}
.boxBannerSeller .heading-title{line-height:1.95}
.boxWhy .item{margin-bottom:80px}
.boxWhy .item:nth-child(2n){margin-top:-22.5%}
.boxWhy .item:nth-child(2n+1) .caption{padding-bottom:18%}
.boxWhy .boxContent:after{top:27%;height:50%}
.boxWhy .main-des{margin-bottom:60px}
.price-table .price-th{height:190px}
.all-services .price-th{height:200px}
.price-table .collapse{display:block!important}
.boxPrice .price-td{font-size:0.875rem}
.boxPrice .note{margin-top:36px;padding-top:24px;border-top:1px solid #EFEFEF}
.pack-dealer .price-table .price-th{height:230px}
.pack-dealer .all-services .price-th{height:240px}
.faq-question .boxTitle{margin-bottom:32px}
.faq-question .card{width:calc(50% - 15px)}
.boxPrice #accordion .card{border-bottom:none}
.boxPrice #accordion .card-header .card-text{font-size:1.125rem;line-height:1.5;padding:16px 50px 16px 24px}
.boxPrice #accordion .card-header .card-text:hover{background-color:#F4F4F4}
.boxPrice #accordion .card-header .card-text:after{width:12px;height:12px;margin-top:-6px;right:24px;border-bottom-width:.113rem!important;border-right-width:.113rem!important}
.boxPrice #accordion .card-body{padding:4px 24px 12px}
.packages-popup .screen{z-index:10;display:block;pointer-events:auto;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.packages-popup .price-table .price-th{height:145px}
.packages-popup .all-services .price-th{height:151px}
.packages-popup .price-table .fee{font-size:1.375rem;line-height:1.5}
.packages-popup .boxPrice .price-td.link{height:110px}
.packages-popup .boxPrice .button-web{max-width:130px;font-size:.875rem;height:34px;line-height:31px}
.all-services .price-th{font-size:1.25rem}
.price-table .price-td .mdi:before{font-size:1.875rem}
.boxPrice .note{margin-top:48px;padding-top:32px}
.boxPrice.type2 .all-services{border-bottom:1px solid #DDD}
.boxPrice.type2 .price-tbody .price-td{height:90px}
.boxPrice.type2 .link-general{position:relative;right:0;bottom:0;padding:32px 12px;width:100%;height:126px;border:1px solid #DDD;border-top:none;-moz-border-radius:0 0 16px 16px;-webkit-border-radius:0 0 16px 16px;border-radius:0 0 16px 16px}
.boxPrice.type2.pack-dealer .price-tbody .price-td:first-child{height:113px}
.boxPrice .price-td.link{height:126px!important}
.packages .tend{font-size:1rem}
.boxToolWeb .back-home,.boxPayment .back-home{width:48px;height:48px;left:-16px}
.boxToolWeb .back-home i:before,.boxPayment .back-home i:before{font-size:1.875rem;line-height:48px}
.steps-payment .boxTitle{margin-bottom:32px}
.boxPayment .confirm-agree{margin-bottom:30px}
.info-cart {margin-left: 15%;top: 100px;z-index: 50;}
.info-cart .inner{padding:24px;border: 1px solid #DDDDDD}
.boxContact .frToolWeb{padding-right:64px}
.boxContact .boxTitle .title{font-size:1.875rem}
.gov-img{text-align:right}
}
@media only screen and (min-width: 1025px) {      
.hide-dk{display:none!important}
#ci-slide-home .item{display:none}
#ci-slide-home .item:first-child{display:block}
.mainHead .partner-panel{height:40px;line-height:36px;padding:0 16px;margin-right:12px;font-weight:400}
.menuNav{position:relative;width:100%;max-width:720px;margin:auto;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease}
.menuNav ul:after{content:"";display:block;clear:both}
.menuNav a{display:block;position:relative}
.menuNav > ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;position:relative;z-index:5}
.menuNav > ul > li{float:left;display:inline-block;margin:0 7px}
.menuNav > ul > li > h2 > a{display:block;line-height:50px;padding:0;white-space:nowrap;text-decoration:none!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
.menuNav>ul>li.has-sub>h2>a{padding-right:20px}
.menuNav>ul>li.has-sub>h2>a:after{position:absolute;top:32%;right:0;display:inline-block;font-family:"Material Design Icons";font-size:1.25rem;content:"\F0140";line-height:1}
.menuNav ul ul{position:absolute;left:-9999px;top:120%;z-index:9999;opacity:0;width:250px;padding:24px 0;background-color:#fff;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);-moz-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15);-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;-webkit-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease}
.menuNav > ul > li > h2 > a:before{position:absolute;bottom:6px;left:50%;content:'';width:0;height:2px;background-color:#484848;-webkit-transition:transform .2s ease;-moz-transition:transform .2s ease;-ms-transition:transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)}
.menuNav > ul > li:not(.has-sub):hover > h2 > a:before,.menuNav > ul > li.active > h2 > a:before{width:18px;margin-left:-9px;-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.menuNav ul ul li.has-sub:hover:after{color:#FFF}
.menuNav ul ul li{display:block}
.menuNav ul ul li a{padding:11px 48px;white-space:nowrap;text-decoration:none!important;line-height:normal}
.menuNav ul ul li:hover a,.menuNav ul ul li a.active{background-color:#ededed}
.menuNav li:hover>ul{left:0;opacity:1;top:100%;visibility:visible}
.menu-news{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.menu-news > ul{-moz-transition:opacity .25s;-ms-transition:opacity .25s;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}
.menu-news > ul > li{margin:0 32px 0 0;order:2}
.menu-news > ul > li:nth-child(2){order:1}
.menu-news .popup a{display:block}
.menu-news > ul > li.click-popup>h2>a{padding-right:15px}
.menu-news > ul > li.click-popup>h2>a:before{position:absolute;top:52%;right:0;content:'';border-bottom:1px solid #222;border-right:1px solid #222;display:block;width:7px;height:7px;margin-top:-4px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.menu-news > ul > li.click-popup.active>h2>a:before{border-bottom:.12rem solid #222;border-right:.12rem solid #222}
.menu-news .popup{right:-3px;width:260px}
.search-open .menu-news > ul{opacity:0;z-index:-1}
.filter-search-wrap .item:hover{background-color:#707070}
.filter-search-wrap .item:hover .title:before,.filter-search-wrap .item:hover+.item .title:before{display:none!important}
.filter-list li:hover .txt{text-decoration:underline;color:#222}
.boxSearchList .top-info .car-other-fields{background-color:#F7F7F7}
.all-filter-wrap{width:calc(100% - 44px)}
.all-filter-wrap .filter-selected{max-width:100%;height:36px;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.all-filter-wrap .sub-items{position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:stretch;flex-direction:row;-webkit-flex-flow:row nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}
.all-filter-wrap.has-arrow .filter-selected{padding-right:40px}
.all-filter-wrap.has-arrow.left .filter-selected:after{position:absolute;top:0;left:-10px;width:120px;height:100%;content:'';z-index:4;pointer-events:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+20,ffffff+99&1+20,0+99 */
background: -moz-linear-gradient(left, rgba(247,247,247,1) 20%, rgba(255,255,255,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(247,247,247,1) 20%,rgba(255,255,255,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(247,247,247,1) 20%,rgba(255,255,255,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.all-filter-wrap.has-arrow.right .filter-selected:after{position:absolute;top:0;right:-10px;width:120px;height:100%;content:'';z-index:4;pointer-events:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,f7f7f7+80&0+1,1+80 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(247,247,247,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%,rgba(247,247,247,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(247,247,247,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */}
.view-col .slick-track,.view-col .slick-list,.view-col .slick-slide,.view-col .item{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
.view-col .slick-slide{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.view-col .slick-slide,.view-col .item{width:100%}
.dealer-tools .caption.active{pointer-events:none}
.boxToolItems .caption{max-width:280px}
.boxToolItems .icon{width:20%;max-width:56px;margin-right:24px}
.boxToolItems .it-calculate .icon{width:22%;max-width:62px}
.boxToolItems .it-compare .icon{width:24%;max-width:72px}
.boxToolItems .icon svg{position:absolute;top:8px;left:0;width:100%;height:auto}
.btn-call.mb{display:none!important}
.boxSection .sl-gen~.linkAll{position:absolute;top:-64px;right:84px}
.boxSection .linkAll .more{display:inline-block;font-size:.875rem;font-weight:400;line-height:20px}
.scroll-mb{margin-right:0}
.account-info .changeAvatar.has-value:hover .img:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;background-color:#000;opacity:.16}
.account-info .changeAvatar.has-value:hover .img-actions{opacity:1;pointer-events:auto}
.boxLogo{padding-bottom:56px}
.boxFeaturedDealer .item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.boxFeaturedDealer .news{display:-ms-flexbox;display:flex;-ms-flex-align:center}
.boxFeaturedDealer .news .imgWrap{width:30%;max-width:140px;height:100%;flex-shrink:0}
.boxFeaturedDealer .news .img{padding-top:100%;height:100%;-webkit-border-radius:12px 0 0 12px;-moz-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px}
.boxLogo .logos .item{padding-top:6px;padding-bottom:6px}
.boxLogo .logos .caption,.boxCates .cate{padding:16px 8px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}
.boxLogo .logos .caption:hover,.boxCates .cate:hover{background-color:#F7F7F7;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);-moz-box-shadow:0 0 6px rgba(0,0,0,0.16);box-shadow:0 0 6px rgba(0,0,0,0.16)}
.boxBannerHome.bottom .bg{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
#cropImagePop .mod-body .row-upload{display:-ms-flexbox!important;display:flex!important;justify-content:space-between}
.croppie-container .cr-slider-wrap{position:absolute;right:calc((40% + 64px)*-1);top:24px;width:40%;z-index:5}
.upload-demo-wrap{height:calc((100vw - 192px) * 0.6667*280/420)}
#upload-demo .cr-boundary{width:calc((100vw - 192px) * 0.6667);height:calc((100vw - 192px) * 0.6667*280/420)}
.row-upload .edit-actions{width:33.33%;position:relative;padding-top:96px;padding-left:64px}
.boxFAQ .news .tend{font-size: 1rem;line-height:1.5;margin-bottom:8px}
.boxFAQ .news .tend a{max-height:54px}
.boxWhyChooseUs{padding-bottom:96px}
.boxWhyChooseUs .item{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.boxWhyChooseUs .reason{width:100%;max-width:370px;display:-ms-flexbox;display:flex}
.boxWhyChooseUs .item:nth-child(n+4) .reason{margin-left:auto}
.boxWhyChooseUs .imgWrap{position:absolute;top:50%;left:50%;width:calc(33.33333333% - 15px);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.boxWhyChooseUs .imgWrap .img img{top:50%;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%}
.boxWhyChooseUs .why-items .sl-gen{-ms-flex-wrap:wrap;flex-wrap:wrap}
.boxWhyChooseUs .item:not(:nth-child(3n)){margin-bottom:64px}
.boxWhyChooseUs .item:first-child{-webkit-box-ordinal-group:1;-ms-flex-order:1;order:1}
.boxWhyChooseUs .item:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:3;order:3}
.boxWhyChooseUs .item:nth-child(3){-webkit-box-ordinal-group:5;-ms-flex-order:5;order:5}
.boxWhyChooseUs .item:nth-child(4){-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2}
.boxWhyChooseUs .item:nth-child(5){-webkit-box-ordinal-group:4;-ms-flex-order:4;order:4}
.boxWhyChooseUs .item:nth-child(6){-webkit-box-ordinal-group:6;-ms-flex-order:6;order:6}
.boxWhyChooseUs .item:nth-child(n+4){margin-left:33.333333%}
.boxWhyChooseUs .reason .icon{width:40px;flex-shrink:0;margin-right:20px}
.boxWhyChooseUs .reason .caption{padding-top:0}
.seller-page .main-des{font-size:1.125rem;line-height:26px}
.boxIntroSteps .caption{max-width:250px}
.boxThankyou .box-inner{min-height:550px}
.boxThankyou{padding-bottom:0!important}
.boxConnectSeller .sl-gen{margin:0 -15px!important}
.boxConnectSeller .item{padding:0 15px!important}
.tags .choose-btn:hover .txt{background-color:#FFF;border-color:#222;font-weight:400}
.cp-videos .slick-arrow{opacity:0}
.cp-videos .sl-video:hover .slick-arrow {opacity:1}
}
@media all and (min-width: 1080px) {
.boxWhyChooseUs .boxContent{padding:48px 0}
}
@media all and (min-width: 1128px) {
.wrapper{max-width:1560px;padding:0 80px}
.menuNav > ul > li{margin:0 15px}
.productContent #main-content{-ms-flex:0 0 63%;flex:0 0 63%;max-width:63%;padding-right:48px}
.productContent #sidebar{-ms-flex:0 0 37%;flex:0 0 37%;max-width:37%}
.modelsWrapOut.type1.fixed .modelsWrap{max-width:1120px}
.mbtTOCWrap.fixed .mbtTOC{padding:0 80px}
}
@media screen and (min-width: 1200px) {   
.banner-news-bottom .img:not(:last-child){display:none}
.boxToolWeb .frToolWeb .formDes,.boxToolWeb .profileDealer{margin-left:45px}
.sub-page .boxSection{padding-top:64px}
.sub-page .tool-news{display:none}
.sidebar.fixed .inner{position:-webkit-sticky;position:sticky;top:156px;z-index:10;-webkit-animation:fadeIn 0.6s 1;animation:fadeIn 0.6s 1}
#sidebar-search.fixed .other-news,.sidebar.fixed .banner-news-sidebar{display:none}
.boxListDealer .line-split{padding:0;margin:0}
.boxListDealer .line-split:after{display:none}
.boxListDealer #sidebar-search>.inner{position:-webkit-sticky;position:sticky;top:90px;z-index:10;display:block!important}
.boxCompareDetail .models.three-cols .items-model{width:100%}
.modelsWrapOut.type1.fixed .models{width:100%}
.boxHotNews .hot-news .row-wrap>.item:first-child .tend a{max-height:78px}
.boxHotNews .list-hot-news .caption{padding:16px 24px}
.mbtTOCWrap.fixed .mbtTOC{padding:0}
.boxCover .the-title{font-size:2.875rem;font-weight:500;line-height:67px}
.upload-demo-wrap,#upload-demo .cr-boundary{height:380px}
.boxAuthor{padding-top:80px}
.landing-page .wrapCont .wrapper{max-width:1248px;padding:0 24px}
.about-page .boxSection .boxTitle{margin-bottom:56px}
.boxAbout .desc,.boxFeature .news .des{font-size:1rem;line-height:26px}
.boxWhyChooseUs .boxContent{padding:80px 0}
.boxWhyChooseUs .main-des{font-size:1.125rem;line-height:26px}
.boxBannerSeller .heading-title{font-size:2.625rem}
.boxWhy .item:nth-child(2n+1) .news .imgWrap{padding-right:5.5%}
.boxWhy .item:nth-child(2n+2) .news .imgWrap{padding-left:5.5%}
.boxWhy .item:nth-child(2n+1) .caption{padding-left:5.5%}
.boxWhy .item:nth-child(2n+2) .caption{padding-right:5.5%}
.boxWhy .news .des{font-size:1rem;line-height:1.8}
.all-services .price-th{font-size:1.5rem}
.tabs-price li~li{margin-left:4px}
.boxRequest .item:first-child{padding-right:30px}
.boxRequest .item:last-child{padding-left:30px}
}
@media screen and (min-width: 1288px) {
.ci-main-top .img.mb{display:none}
.boxLogo .logos .caption,.boxCates .cate{padding-left:16px;padding-right:16px} 
.boxLogo .logos .imgWrap{width:34%}
#upload-demo .cr-boundary{width:calc(1176px * 0.6667)}
}
@media screen and (min-width: 1440px) {
.ci-main-top .img{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.boxFeaturedDealer .item,.boxDetailDealer .list-prods *[class^=col-]{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.boxFeaturedDealer .item:nth-child(n+4){margin-top:24px}
.newsHome .item:first-child{-ms-flex:0 0 730px;flex:0 0 750px;max-width:750px}
.newsHome .item:last-child{-ms-flex:0 0 calc(100% - 750px);flex:0 0 calc(100% - 750px);max-width:calc(100% - 750px)}
.boxHotNews .top-news .caption{padding-right:20%}
.sub-page.null .wrapCont>.boxSection{padding:120px 0}
.boxListDealer .tags a{padding:4px 16px}
.boxDetailDealer #main-content{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.boxDetailDealer #sidebar,.all-wishlist .item{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.sub-page .main-content #sidebar{width:320px}
.sub-page .main-content .right-content{width:calc(100% - 320px)}
.boxSection .box-border{padding:24px;background-color:#FFF}
.groupbox-sidebar .tags{padding-bottom:16px}
#sidebar-search{-ms-flex:0 0 385px;flex:0 0 385px;max-width:385px}
#main-search{-ms-flex:0 0 calc(100% - 385px);flex:0 0 calc(100% - 385px);max-width:calc(100% - 385px);padding-right:50px}
#sidebar-news{-ms-flex:0 0 360px;flex:0 0 360px;max-width:360px}
#main-news{-ms-flex:0 0 calc(100% - 360px);flex:0 0 calc(100% - 360px);max-width:calc(100% - 360px);padding-right:4%}
.boxBannerSeller .bg{padding-top:36.4583%!important}
.boxPrice .price-td{font-size:0.938rem}
.boxPrice #accordion .card-header .card-text{padding-top:24px;padding-bottom: 24px;}
}
@media all and (min-width: 1920px) {
.boxTitle .title{font-size:2.125rem;line-height:50px}
#ci-slide-home .caption .tend{font-size:72px}  
#ci-slide-home .caption .des{font-size:36px}  
.boxBannerHome .boxTitle .title{font-size:3.25rem;line-height:70px}
.home-page .boxLogo .arr-circle .slick-arrow,.boxFeaturedDealer .arr-circle .slick-arrow,.sub-page .arr-circle .slick-arrow{top:-58px}
.boxSection .sl-gen~.linkAll{top:-70px}
.boxHotNews .hot-news .row-wrap>.item:first-child .tend{font-size:1.625rem;line-height:1.5}
}
@media screen and (max-width: 1400px) {
.boxBannerSeller .content{padding:20px 32px 24px}
.boxBannerSeller .content .boxTitle{margin-bottom:16px}
.icon-create-showroom.onshow{right:10px}
}
@media screen and (max-width: 1439px) {
.boxBannerAbout .heading-title{font-size:2.25rem}
.boxBannerAbout .heading-title img{max-height:56px;margin-top:-16px}
.boxBannerSeller .heading-title{font-size:2.25rem}
.boxBannerSeller .heading-title .t2 img{max-height:56px;margin-top:-16px}
}
@media screen and (max-width: 1365px) {
.filterWrap .item:nth-child(6) .popup{left:auto;right:0}
}
@media all and (max-width: 1199px) {  
.header-tools .click-popup.active.activation:before{top:32px}
.boxSection{padding:56px 0 64px}
.boxBanner{padding-top:48px}
.boxTitle .title.t3{font-size:1.5rem}
.box-group.top{background:linear-gradient(to bottom, #ffffff 0%,#f7f7f7 30%)}
.boxIntroSteps{padding-bottom:136px!important}
.boxToolItems .des{font-size:0.875rem;line-height:1.58}
.boxLogo,.boxSupport{padding-top:48px}
.modelsWrapOut.fixed .modelsWrap{padding:0 40px}
.boxHotNews{padding-bottom:48px}
.boxHotNews .top-news .news{margin-bottom:16px}
.boxHotNews .boxTitle{padding-top:24px}
.box-list-news .banner-news-sidebar .img:nth-child(n+2){display:none}
.box-list-news{padding-bottom:56px}
.banner-news-bottom .boxContent{padding-top:56px;border-top:1px solid #DDDDDD}
.banner-news-bottom .img~.img{margin-top:30px}
.boxList.list-news:not(.boxCateNews){padding-top:32px}
.box-list-news .list-news{padding-top:48px}
.list-news .news{margin-bottom:24px}
.sort-product{width:82px}
.sub-page .tool-news{font-size:0.875rem}
.sub-page .tool-news .mdi{position:relative;top:2px}
.sub-page .tool-news .back{position:relative;font-size:0.813rem;line-height:1.4}
.sub-page .tool-news .back i{margin-left:-8px}
.sub-page .tool-news .trigger{padding:3px 6px 3px 10px;background-color:#FFF;border:1px solid #222222;text-decoration:none!important;white-space:nowrap}
.sub-page .tool-news .select-tools.active:before{position:fixed;top:0;left:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.4);z-index:25}
.sub-page .tool-news .select-tools.active .trigger{position:relative;z-index:26}
.sub-page .tool-news .select-tools.active .trigger i:before{content:"\F0360"}
.sub-page .tool-news .popup{left:auto;right:0;width:200px;padding-top:16px;z-index:30}
.large-news .caption{padding:16px!important}
.large-news .tend{font-size:1.125rem}
.newsHome .large-news .tend a{-webkit-line-clamp:3;max-height:87px!important}
.boxHotNews .large-news .tend a{-webkit-line-clamp:2;max-height:58px!important}
.boxHotNews .list-hot-news .tend{font-size:0.938rem}
.boxHotNews .list-hot-news .tend a{max-height:52px!important}
.sort-product{margin-right:12px;padding-right:12px}
.sort-product:before{width:1px;height:18px;content:"";background-color:#222;position:absolute;top:3px;right:0}
.boxList .info-result .tool-news{font-weight:500;line-height:24px}
.boxList .info-result .tool-news .mdi{position:absolute;top:0}
.boxList .info-result .select-tools.active .trigger:before{position:absolute;top:-8px;left:-16px;right:-32px;bottom:-8px;z-index:-1;content:"";-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #222;background-color:#FFF}
.boxList .info-result .select-tools.active .mdi{top:-4px}
.boxList .info-result .select-tools .popup{right:-32px}
.boxListDealer{padding-bottom:24px}
.boxListDealer #sidebar-search .inner{order:1}
.boxListDealer #main-search{order:2;;margin-top:36px}
.boxListDealer .news{margin-bottom:32px}
aside .link-tools{display:none}
.boxSection:not(.boxListDealer) #sidebar-search{margin-top:36px!important}
.box-list-news #sidebar-news{margin-bottom:40px}
.mbtTOCWrap.fixed .mbtTOC{max-width:100%;left:0}
.boxNewsDetail .most-viewed-news{padding-top:48px}
.title-page{font-size:2.5rem;line-height:60px}
.list-faq{padding:24px 0!important}
.boxFeature .item~.item{padding-top:48px;margin-top:48px}
.boxInfoWeb .info{padding:24px}
.boxInfoWeb .info .number{font-size:3rem;line-height:1.4}
.boxInfoWeb .info .time{margin-top:24px}
.boxWhyChooseUs .main-des{margin-bottom:36px}
.boxWhyChooseUs .reason .tend{font-size:1.125rem}
.boxCompareDetail .models .product .tend{font-size:1rem}
}
@media all and (max-width: 1024px) {
.hide-mb{display:none!important}
.rad16{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rad12{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.rad10{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.button-web{height:40px;padding:6px 24px 10px!important;line-height:inherit!important}
.mainHead .partner-panel{min-width:64px;height:36px;padding:4px 16px 7px!important}
/*---Menu mobile--*/
.menu-mobile{position:fixed;z-index:2147483650;left:0;right:0;bottom:0;background-color:#FFF;border-top:1px solid #ddd;height:72px;padding-bottom:12px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.menu-mobile.z-lower{z-index:100!important}
.menu-mobile .inner{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;height:100%;-webkit-justify-content:center;justify-content:space-between}
.menu-mobile .inner>div{width:20%;flex-shrink:0;text-align:center}
.menu-mobile .trigger{display:block;cursor:pointer;position:relative;padding:8px 0}
.menu-mobile .inner .icon{display:block;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain}
.menu-mobile .item.home .icon{background-image:url(../images/icon/home-icon.svg)}
.menu-mobile .item.home.active .icon{background-image:url(../images/icon/home-icon-active.svg)}
.menu-mobile .item.wislist .icon{background-image:url(../images/icon/car-icon.svg)}
.menu-mobile .item.wislist.active .icon{background-image:url(../images/icon/car-icon-active.svg)}
.menu-mobile .item.tool .icon{background-image:url(../images/icon/drive-icon.svg)}
.menu-mobile .item.tool.active .icon{background-image:url(../images/icon/drive-icon-active.svg)}
.menu-mobile .item.showroom .icon{background-image:url(../images/icon/buy-icon.svg)}
.menu-mobile .item.showroom.active .icon{background-image:url(../images/icon/gia-active.svg)}
.menu-mobile .item.other-menu .icon{background-image:url(../images/icon/menu-icon.svg)}
.menu-mobile .item.other-menu.active .icon{background-image:url(../images/icon/menu-icon-active.svg)}
.menu-mobile .inner .txt{font-size:0.625rem;color:#707070;font-weight:400;white-space:nowrap}
.menu-mobile .popup{position:fixed;top:100%;left:0;bottom:72px;-webkit-box-direction:normal;-webkit-box-orient:vertical;width:100vw;max-width:100vw;height:calc(100% - 72px);max-height:calc(100% - 72px);display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;z-index:10000;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);padding:0;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.menu-mobile .click-popup.active .popup{top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto}
.other-menu .title{position:relative;z-index:2;padding:24px}
.other-menu .title .text{font-size:1.25rem;line-height:1.875;font-weight:500;letter-spacing:-1px;margin-bottom:4px}
.other-menu .note{font-size:0.75rem;color:#707070}
.other-menu .note a{text-decoration:underline}
.menu-mobile .popup-content{max-height:calc(100% - 80px);overflow:auto;flex:1 1 auto;padding:16px 24px 36px}
.other-menu .form-link{padding:16px 0}
.other-menu .popup:not(.logined) li~li,.menu-news .other-menu:not(.logined) li~li{border-top:1px solid #D9D9D9}
.other-menu .menu-list{font-size:0.938rem}
.other-menu .menu-list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;padding:9px 0;position:relative}
.other-menu .menu-list .ico{width:20px;height:27px;flex-shrink:0;margin-right:12px}
.other-menu .menu-list .ico img{max-width:20px;max-height:20px}
.other-menu .menu-list ul{margin-left:30px}
.other-menu .menu-list li li{border:none!important;position:relative}
.other-menu .menu-list li li:before{position:absolute;top:15px;left:0;display:inline-block;width:3px;height:3px;content:"";background-color:#222222;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.other-menu .menu-list li li a{height:auto;padding:4px 0;padding-left:16px;color:#484848;font-size:0.875rem} 
.other-menu .menu-list li li:last-child{padding-bottom:12px}
.other-menu .menu-list li.has-sub>a:before{font-family:"Material Design Icons";content:"\F0140";font-size:24px;font-weight:300;position:absolute;top:50%;right:5px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.other-menu .menu-list li.has-sub>a[aria-expanded="true"]:before{content:"\F0143"}
.other-menu .info-user{font-size:0.875rem;margin-bottom:24px}
.other-menu .avatar .imgWrap{width:50px;overflow:visible;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-right:16px}
.other-menu .avatar .img{position:relative;overflow:hidden;padding-top:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF}
.other-menu .avatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.other-menu .avatar .name{font-size:1rem;font-weight:500}
.other-menu .small-title{font-size:0.75rem;;color:#707070;font-weight:400;padding:24px 0 8px}
.other-menu .group-button .button-web{min-width:100px}
.other-menu.logined li{border-bottom:1px solid #D9D9D9}  
.home-page .icons .click-filter{width:0;height:36px;padding:0;line-height:36px;text-align:center;opacity:0;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);cursor:pointer;}
.home-page #ci-header.show-btn-search .icons .click-filter{opacity:1;width:36px;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none}
/*-------Menu news-------*/
.menu-head-mobile{width:36px;flex-shrink:0;position:relative;left:-8px}
.menu-head-mobile .trigger-bar{height:36px}
.menu-head-mobile .trigger-bar img{width:100%}
.menu-head-mobile .inner{position:fixed;top:0;right:calc(-100% - 10px);bottom:0;-webkit-box-direction:normal;-webkit-box-orient:vertical;width:100vw;max-width:100vw;height:100%;max-height:100%;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;z-index:2147483650;-ms-transition:all .25s ease-out;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;padding:0;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.menu-head-mobile.active .inner{right:0;pointer-events:auto}
.menu-head-mobile .head-menu,.news-page .searchTop .head-menu{position:relative;z-index:2;padding:8px 24px;-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);box-shadow: 0 0 6px rgba(0, 0, 0, 0.12)}
.menu-head-mobile .head-menu .close-ico,.news-page .searchTop .head-menu .close-ico{display:inline-block;width:48px;height:48px;background:url(../images/icon/close-icon.svg) center center/16px 16px no-repeat;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-right:-16px}
.menu-head-mobile .head-menu .close-ico:hover,.news-page .searchTop .head-menu .close-ico:hover{background-color:#F7F7F7!important}
.menu-head-mobile .menuNav,.news-page .searchTop .search-field-wrapper{padding:30px 24px 32px;max-height: calc(100% - 64px);overflow:auto;
    flex:1 1 auto}
.menu-head-mobile .faq-cate-list{padding-top:16px}
.menu-head-mobile .faq-cate-list .trigger{display:block;background:#fff url(../images/icon/list-icon.svg) 16px center/16px auto no-repeat;padding:10px 12px 12px 40px;border:1px solid #e1e1e1}
.menu-head-mobile .faq-cate-list .popup{width:100%}
.menu-head-mobile .faq-cate-list .popup li{border:none!important}
.menu-head-mobile .faq-cate-list .popup a{min-width:210px;text-decoration:none!important}
.search-open .menu-head-mobile{pointer-events:none}
.dropdown-item:focus,.dropdown-item:hover{background:none}
.dropdown-list:after{position:absolute;right:16px;top:50%;content:'';-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.dropdown-list:not(.arr-full):after{border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:10px;height:10px;margin-top:-7px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.custom-combobox{position:relative;display:inline-block}
.custom-combobox-toggle{position:absolute;top:0;bottom:0;margin-left:-1px;padding:0}
.custom-combobox-input{margin:0;padding:5px 10px}
.productContent .dropdown-list:after{right:4px}
.otherLogin .button-web,.otherLogin .g-signin2{line-height:32px}
.abcRioButton{height:auto!important}
.abcRioButtonContents{line-height:20px!important}
.abcRioButtonContents>span{line-height:20px}
.changeAvatar .imgWrap{margin-bottom:36px}
.clickScroll,.scroll-mb{scrollbar-width:none;-ms-overflow-style:none}
.clickScroll::-webkit-scrollbar,.scroll-mb::-webkit-scrollbar{width:0;display:none}
.scroll-mb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;backface-visibility:hidden;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-align:center;position:relative}
.scroll-mb>.row{margin:0!important}
.sl-gen:not(#ci-slide-home):not(.slide-mb){display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;backface-visibility:hidden;-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);white-space:nowrap}
.productThumbnail .sl-gen{margin-right:-40px}
.sl-gen:not(#ci-slide-home):not(.slide-mb)>*{white-space:normal;text-align:left;padding:0!important;flex:0 0 auto!important}
.sl-gen:not(#ci-slide-home)>.item>.cate,.sl-gen:not(#ci-slide-home)>.item>.product,.sl-gen:not(#ci-slide-home)>.item>.news,.productContent .sl-gen .item>.imgWrap{margin-right:16px;width:calc(100% - 16px)}
.boxToolItems .icon{height:42px}
.boxToolItems .icon svg{width:auto;height:100%}
.boxToolItems .tend{font-size:1rem}
.list-cates{margin:0!important}
.list-cates>*{width:calc((100vw - 112px)/5)!important}
.list-cates .tend{font-size:.875rem}
.boxBannerHome .boxTitle{margin-bottom:16px}
.boxBannerHome .boxTitle .title{font-size:1.5rem;line-height:35px}
.boxBannerHome .des{font-size: 0.875rem}
.boxBannerHome .button-web{padding-left:16px!important;padding-right:16px!important}
.slLogos>*{flex:1 1 auto!important;width:160px}
.boxLogo .logos img{max-height:38px}
.boxLogo .logos .caption a{white-space:nowrap}
.slProducts>*,.slProducts-related>*,.slProducts-viewed>*,.slProds-mostviewed>*,.slNews>*,.slDealer>*{width:296px!important}
.car-other-fields .item:last-child{padding-right: 10px; margin-right:40px}
.btn-call.desk{display:none!important}
.p-tool .click-popup.active .btn-tool,.p-tool-detail .click-popup.active .btn-txt{font-size:0}
.p-tool .click-popup.active .btn-tool:after,.p-tool-detail .click-popup.active .btn-txt:after{display:inline-block;content:'ĐÓNG';font-size:0.875rem;line-height:24px}
.boxSection .sl-gen+.linkAll{position:relative;top:auto!important;flex-shrink:0;text-align:center!important;padding-right:16px}
.boxSection .sl-gen+.linkAll .more{display:block;font-size:0.75rem;;color:#707070;border:none;padding:0;position:relative;padding-top:56px}
.boxSection .sl-gen+.linkAll .more:before{position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:50px;content:'';background-color:#FFF;border:1px solid #B0B0B0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.boxSection .sl-gen+.linkAll .more:after{position:absolute;top:14px;left:50%;margin-left:-12px;font-family:"Material Design Icons";content:"\F0054";font-size:1.5rem;color:#B0B0B0;font-weight:300}
.boxSection .sl-gen+.linkAll .more:hover:before{border-color:#222}
.boxSection .sl-gen+.linkAll .more:hover:after{color:#222}
.box-group.top .linkAll,.newsHome .linkAll{text-align:center}
.newsHome .linkAll,.boxCates .linkAll{padding-top:36px}
.boxHotNews .top-news .row{margin:0!important}
.boxHotNews .top-news .item{-ms-flex:0 0 260px;flex:0 0 260px;max-width:260px}
.boxFeaturedDealer .news .img{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}
.paddle{display:none!important}
.sort-product select{width:84px;padding-right:16px;background:none;color:#222!important;font-weight:500}
.sort-product:after{right: 12px;width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #222 transparent transparent transparent;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;margin-top:-2px}
.sort-product.selected select{width:auto}
.p-tabWrapOut{display:none}
.productContent .boxFixed .p-tool-detail .popup .inner{min-height:100px!important;height:auto!important;margin-bottom:0;padding:16px}
.method-contact .btn-contact.v2{width:40px}
.method-contact .btn-contact.v3{width:calc(((100% - 40px) * 0.6) - 8px)}
.method-contact .link-zalo .icon-zalo{width:40px;height:40px}
.productContent .boxFixed .link .btn-tools{width:160px}
.boxToolWeb .method-contact .btn-contact{width:calc(100% - 48px)}
.account-info .changeAvatar.has-value .img-actions{opacity:1;pointer-events:auto}
.landing-page .back-link-page{width:32px;height:32px;padding:0;text-align:center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:rgba(255,255,255,.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.landing-page .back-link-page i:before{font-size:1.125rem}
.seller-header .back-link-page{margin-top:8px}
#about-header .back-link-page{background-color:rgba(0,0,0,.4);color:#FFF}
.landing-page .back-link-page:hover{background-color:#FFF!important;color:#222!important}
.seller-page .boxSection .boxTitle{margin-bottom:36px}
.title-page{font-size:1.875rem;line-height:42px;font-weight:600}
.main-heading .title-page{font-size:34px;line-height:48px;padding:24px 40px 0}
.boxFeature .news .tend{font-size:1.375rem;line-height:32px;margin-bottom:4px}
.boxFeature .ul-check{padding-top:4px}
.boxFeature .ul-check li{margin-top:20px;padding-left:34px;line-height:22px}
.boxFeature .ul-check li:before{width:22px;height:22px;font-size:1rem;line-height:18px}
.boxWhyChooseUs .scroll-mb{padding-right:24px}
.boxWhyChooseUs .item{width:226px}
.boxWhyChooseUs .imgWrap{max-width:327px;margin:auto;margin-bottom:36px;background-color:#F2F2F2;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.boxWhyChooseUs .imgWrap .img{padding-top:88%}
.boxWhyChooseUs .imgWrap .img img{top:0;left:0;width:100%;height:auto}
.boxWhyChooseUs .reason{text-align:center}
.boxWhyChooseUs .reason .des{letter-spacing:-.02em;line-height:25px}
.boxWhyChooseUs .reason .icon{height:70px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}
.boxWhyChooseUs .reason .icon img{max-height:90%}
.boxBannerSeller .item{width:100%!important}
.main-heading{position:relative;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;background-color:#fff;margin-top:-16px}
.boxIntroSteps .step .order{font-size:1rem;line-height:23px}
.boxIntroSteps .step .tend{font-size:0.875rem;line-height:20px}
.boxWhy .news .tend{font-size:1.375rem}
.upload-demo-wrap{width:100%;padding-top:66.67%;margin-bottom:104px}
.croppie-container .cr-slider-wrap{width:100%;left:0;bottom:-80px}
.row-upload .edit-actions{padding-bottom:24px}
.boxThankyou:not(.no-bg) .box-inner .bg{left:-40px;right:-40px}
.payment-page #ci-footer{display:none}
}
@media all and (max-width: 991px) {
.noScroll-991{overflow:hidden!important;inset:-808px 0 0}
.modal .mod-body .inner{padding:24px}
#ci-header{min-height:104px!important}
.mainHead{padding:0;height:64px!important}
body:not(.landing-page) .logo .i1,.landing-page #ci-header:not(.fixed) .logo .i2,.landing-page #ci-header.fixed .logo .i1,.seller-page .logo .i1{display:none}
.seller-page .logo .i2{display:block!important}
.logo img{max-height:24px}
.show-search .top-head{display:none}
#ci-header .logo-icon{width:45px}
#ci-header .logo-icon img{max-height:30px}
.sub-page.null.no-shadow #ci-header{min-height:64px}
.sub-page.null.no-shadow #ci-header .sticker{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.sub-page.null.no-shadow #ci-footer{display:none}
.sub-page.null .big-text{font-size:1rem;line-height:26px;padding-top:32px}
.sub-page.null .small-text{font-size:0.875rem;line-height:20px;padding:24px 0}
.sub-page.null .group-btn{padding-top:32px}
.faq-page.null .big-text{font-size:1.5rem}
/*TAB TOOLS*/
.tab-tools li~li{margin-left:36px}
.tab-tools li:last-child{padding-right:24px}
.tab-tools li a{display:inline-block;position:relative;color:#707070;font-weight:400;padding-bottom:8px;text-decoration:none!important}
.tab-tools li a:before{position:absolute;content:"";left:0;width:0;bottom:0;height:2px;background-color:#222222;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.tab-tools li:hover a,.tab-tools li.active a,.tab-tools li a.active{color:#222222}
.tab-tools li.active a:before,.tab-tools li a.active:before{width:100%}
/*SEARCH TOP*/
.filter-search-wrap .check-showhide,#search-by-key{display:none}
.filter-search-wrap .inner{display:block!important}
.home-page .filter-search .p-subTab{position:absolute;top:16px;left:24px;right:80px;z-index:2}
.home-page .filter-search .screen .head-title{padding-top:64px;}
.home-page .filter-search .screen .head-title .close-ico{position:absolute;top:8px;right:24px}
.sub-page .search-keyword,.news-page .searchTop{width:36px;flex-shrink:0;left:-8px}
.searchTop .trigger{display:block;width:100%;height:36px;cursor:pointer}
.show-search #ci-header .sticker{z-index:20030}
.news-page .searchTop>.popup{position:fixed;top:100%;left:0;bottom:72px;-webkit-box-direction:normal;-webkit-box-orient:vertical;width:100vw;max-width:100vw;height:calc(100% - 72px);max-height:calc(100% - 72px);display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;z-index:10000;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);padding:0;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.news-page .searchTop.active>.popup{top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto}
.filter-search{top:100%;background-color:#FFF;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.filter-search.show-on{top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.screen .head-title{padding:8px 24px}
.screen .head-title .close-ico:before,.screen .head-title .close-ico i:before,.filter-search .filter-tabs .close-ico i:before,.car-other-fields .title .close-ico:before,.boxCompareDetail .popup-tool .title .close-ico:before{line-height:48px}
.filter-search .screen .sr-content{height:calc(100% - 170px);height:calc(var(--window-height) - 170px)}
.popup-actions{-webkit-box-pack:justify;-webkit-box-align:center;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(217,217,217,.5);padding:16px 24px 23px 12px;background-color:#FFF}
.screen .screen-inner{height:100%;max-height:100%;width:100vw;max-width:100vw;display:flex;flex-direction:column}
.boxCompareDetail .popup-tool .title{position:relative;z-index:2;background:none;padding:8px 24px;font-size:1rem;font-weight:300;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.12);-moz-box-shadow:0 0 6px rgba(0,0,0,0.12);box-shadow:0 0 6px rgba(0,0,0,0.12)}
.screen .head-title .close-ico,.filter-search .filter-tabs .close-ico,.car-other-fields .title .close-ico{display:inline-block;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px;flex-shrink:0}
.screen .head-title .close-ico,.filter-search .filter-tabs .close-ico{margin-left:0;margin-right:-16px;left:auto}
.screen .head-title .close-ico i:before,.filter-search .filter-tabs .close-ico i:before{font-size:1.5rem}
.screen .popup-content{padding:0}
.screen .popup-content .inner-item{padding:24px}
.filter-search .item .button-web span{display:none}
.filter-search .item .button-web{width:46px;min-width:46px;padding-left:12px!important;padding-right:12px!important}
.filter-search .item .button-web:before{position:absolute;top:0;right:0;width:100%;height:100%;content:'';background:url(../images/icon/w-search-icon.svg) center center/auto 15px no-repeat}
.boxToolWeb .test-driving .box-result .close-ico:hover,.result-full-mobile .close-ico:hover,.boxCompareDetail .popup-tool .title .close-ico:hover{background-color:#F7F7F7}
.price-filter-range{width:calc(100% - 64px);margin-left:auto;margin-right:36px}
.filter-search .screens,.filter-search .screen,.detail-prod-popup .screens,.detail-prod-popup .screen{height:100%}
.home-page .filter-search .filter-price{padding-bottom:48px}
.home-page .filter-search .filter-actions{position:fixed;z-index:2147483650;left:0;right:0;bottom:0;background-color:#FFF;border-top:1px solid #ddd;height:72px;padding-bottom:12px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.filter-list li{margin-bottom:4px}
.home-page .screen .filter-list .choose-btn,#screen-filter-advanced .filter-list li{margin-bottom:0}
.fancy-full-mobile .fancybox-container{position:fixed;top:100%;bottom:0;left:0;width:100vw;max-width:100vw;height:100%;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:100;padding:0;max-height:100%;overflow:auto;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.fancy-full-mobile .fancybox-is-open{top:0;z-index:2147483650;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto}
.fancy-full-mobile .account-popup{max-width:100%}
.fancy-full-mobile .fancybox-slide--html{padding:0}
.fancy-full-mobile .account-popup,.fancy-full-mobile .contentWrap{margin:0;max-width:100%!important;height:100vh;height:var(--window-height);-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none;border:none!important}
#search-key-mb .searchTop.active .trigger{margin-left:auto;width:48px;height:64px}
#search-key-mb .searchTop.active:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:#FFF;z-index:1}
#search-key-mb .searchTop.active{position:absolute;left:0;right:0;top:0;height:64px}
#search-key-mb .searchTop.active>.popup{width:calc(100% - 48px);right:48px;margin-top:-20px}
#search-key-mb .searchTop.active .button-search{position:absolute;top:0;right:0;width:48px;height:100%}
#search-key-mb .searchTop.active .form-control{height:42px;padding:5px 48px 7px 16px}
.filter-search #search-key-mb .searchTop.active{left:24px;right:64px}
.list-page:not(.news-page) #ci-header:not(.fixed){min-height:104px!important}
.list-page:not(.news-page):not(.wishlist-page):not(.null) #ci-header:not(.fixed) .sticker{padding-bottom:40px}
.boxSearchList .top-info{position:absolute;top:-50px;left:0;width:100%;z-index:1035;min-height:54px}
.boxSearchList .top-info .car-other-fields{padding:12px 0}
.boxSearchList .top-info.fixed{z-index:500}
.boxSearchList .top-info.fixed .car-other-fields{top:64px}
.car-other-fields .item .tend{font-size:.813rem;font-weight:300;width:auto;padding:0 12px;height:30px;line-height:27px;white-space:nowrap;text-align:center;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:#fff;border:1px solid #DDD;cursor:pointer}
.car-other-fields .item.has-value .tend{padding-right:32px;line-height:26px}
.click-filter-advanced{width:30px}
.icon-filter-advanced{width:30px;height:30px}
.icon-filter-advanced img{max-width:14px}
.click-filter-wrap,.faq-page .back-home{position:relative}
#screen-filter-advanced .filter-selected .scroll-mb{margin-left:-24px;margin-right:-24px;padding-left:24px}
#ci-header .menuWrap,.click-filter:not(.show-sub-filter){width:100%;max-width:890px;margin:0 auto}
#ci-header .menuWrap{min-height:48px;position:relative}
.menuNav .it-support{position:fixed;left:0;right:0;bottom:0;border-top:1px solid #ededed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between}
.menuNav .it-support .dropdown-item{width:50%;flex-shrink:0;text-align:center;position:relative}
.menuNav .it-support .dropdown-item:last-child:before{position:absolute;top:0;bottom:0;left:0;width:1px;content:'';background-color:#ededed}
.menuNav .it-support .dropdown-item i{display:inline-block;position:relative;vertical-align:middle;top:0;width:24px;margin-right:12px;text-align:center}
.row{margin:0 -8px}
.row [class^='col-'],.step3 .choose-time .item{padding:0 8px}
.slProducts .slick-arrow,.slRowProducts .slick-arrow,.slNews .slick-arrow{display:none!important}
.list-cates>*{width:calc((100vw - 112px)/4)!important}
.pagination{padding:12px 0}
.list-prods .product{margin-bottom:36px}
.large-news{margin-bottom:24px}
.hot-news .large-news{margin-bottom:16px}
.productContent .gallery-mb{position:absolute;top:32px;left:40px;right:40px;z-index:12}
.productThumbnail .scroll-mb{margin:0!important;padding-left:0!important}
.productThumbnail .link-albumn{right:12px;bottom:12px}
.productThumbnail .link-albumn span{padding:4px 10px;background-color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:0.75rem;;line-height:18px;color:#FFF}
.productThumbnail .sl-gen>*{width:100vw!important}
.productThumbnail .sl-gen a{display:block;width:100%}
.productContent .row .boxIntro>.boxTitle{margin-bottom:4px}
.p-parameter li{margin-top:12px}
.productContent .boxCalculate .dropdown-list select{border:none;padding:0;height:auto}
.productContent .boxCalculate .dropdown-list:after{width:100%;height:1px;background-color:#707070;border:none;top:auto;bottom:4px;right:0}
.productContent .boxCalculate .dropdown-list select{direction:rtl}
.productContent .boxCalculate .dropdown-list select option{direction:rtl;padding:3px}
.boxTitle,.boxMenu.clickScroll{margin-bottom:24px}
.boxTitle .title{font-size:1.375rem;line-height:32px}
.boxTitle .title.t1,.sub-title{font-size:1.125rem;line-height:30px}
.boxTitle .title.t3{font-size:1.375rem;line-height:30px}
.boxTitle .title.t4{font-size:1.875rem;line-height:42px}
.boxSearchList .boxTitle{margin-bottom:16px}
.boxSearchList .boxTitle .title{font-size:1.25rem;line-height:30px}
.top-page-heading .title.t4{font-size:1.5rem;line-height:32px}
.boxSection .box-border .boxTitle{margin-bottom:16px}
.box-border.link-tools .boxTitle{margin-bottom:8px}
.page-account .boxContent{padding:48px 0}
.page-account .info{margin-bottom:24px}
.page-account .name-logo{font-size:40px;line-height:40px;margin-bottom:0}
.menuClick:not(.botLink) .contentWrap{display:none}
.menuClick.active .contentWrap{display:block!important}
.productContent .row .boxSection:not(:first-child){padding-top:24px!important}
.productContent .line{margin-top:24px!important}
.boxIntro .line+.desc,.productContent .offers{padding-top:24px}
.boxToolWeb .info-dealer{padding:16px 0;margin-bottom:20px}
.boxToolWeb .profileDealer .info-user .name{font-size:1rem}
.boxToolWeb .row-result .content{padding-top:16px}
.boxToolWeb .back-link,.boxThankyou .back-link{padding-top:28px}
.sub-page:not(.news-page) .wrapCont .boxSection,.news-page .otherProds{padding:36px 0 48px}
.list-page .boxList.type1,.boxSearchList{padding-top:36px!important}
.boxSearchList .boxList.type1{padding-top:0!important}
.boxList .info-result{margin-bottom:24px}
.boxSection .box-border{padding-left:16px;padding-right:16px}
.boxIntro .p-like{width:30px;height:30px;line-height:30px}
.content.left .frToolWeb .des{margin-bottom:24px}
.tool-page #sidebar{position:fixed;top:0;left:0;right:0;height:96px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.16);-moz-box-shadow:0 0 4px rgba(0,0,0,.16);box-shadow:0 0 4px rgba(0,0,0,.16);padding:0 40px;background-color:#FFFFFF;z-index:5}
.tool-page .boxCompareDetail.selected #sidebar{position:absolute}
.tool-page .main-content .right-content{padding-top:96px}
.tool-page #ci-header .menuWrap{max-width:100%}
.tool-page .boxToolWeb{padding-top:32px!important;padding-bottom:56px}
.boxToolWeb .boxTitle{margin-bottom:24px}
.boxToolWeb .frToolWeb{padding-top:0}
.boxToolWeb .frToolWeb .box~.box,.boxToolWeb .profileDealer{margin-top:36px;position:static!important}
.boxToolWeb .frToolWeb .formDes{margin-top:24px;position:static!important}
.frToolWeb .item:first-child .link{padding-top:24px}
.boxSupport{padding-top:36px;margin-top:48px}
.boxSupport .support p{font-size:0.875rem;line-height: 1.5}
.sub-menu .title{font-size:1.25rem;line-height:28px;padding:21px 0 16px}
.productContent .boxFixed .s-title{display:block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:24px;margin-right:24px}
.productContent .boxFixed .profileDealer{border:none}
.productContent .boxFixed .link{padding:16px 0 0}
.method-contact .btn-contact.v2{width:calc(((100% - 40px) * 0.4) - 8px)}
.productContent .boxFixed .method-contact .btn-contact.v2{margin-left:8px}
.tool-page .menuFix.fixed .target-scroll,.faq-page .menuFix.fixed .target-scroll,.boxPrice .menuFix.fixed .target-scroll{top:64px}
.productContent .productWrap{padding:0!important}
.productContent .back-link-page,.productContent .pTools .icon{width:32px;height:32px;padding:0;text-align:center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.productContent .back-link-page i:before,.productContent .pTools .p-like .ico:before{font-size:1.125rem}
.productContent .pTools .p-like .ico{left:-1px}
.productContent .pTools .icon i{margin-right:0}
.productContent .productWrap .boxTitle{padding-top:24px}
.productWrap .top-info{padding-bottom:24px;border-bottom:1px solid rgba(112,112,112,.2)}
.productContent .button_show_hidden{padding-top:12px}
.productContent{padding-bottom:36px!important}
.productContent .boxFixed,.boxDetailDealer .dealer-contact{position:fixed;left:0;right:0;top:auto!important;bottom:0;z-index:10000000000;background-color:#FFF;border-top:1px solid #ddd;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:12px 16px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}
.productContent .boxFixed.fixed,.boxDetailDealer .boxFixed.fixed .dealer-contact{transform:none}
.productContent .boxFixed>.price{padding-right:0;margin-bottom:0;flex-shrink:0}
.productContent .boxFixed .link .link-zalo{margin: 0 8px;}
.boxToolWeb .box-result .img{width:100%;max-width:400px}
.modelsWrapOut{margin-bottom:24px}
.boxCompareDetail .title span.i3,.boxCompareDetail .models .model:nth-child(n+3),.panels-compareWrap .tend .item:nth-child(n+3),.table-tech td:nth-child(n+4),.boxCompareDetail .models .product .form-group,.panel-videos *[class^=col-]:last-child{display:none!important}
.boxCompareDetail .compair-tend>span:last-child{display:none}
.boxCompareDetail .models.no-cols{width:300px}  
.boxCompareDetail .models.one-cols .items-model{width:50%}
.boxCompareDetail .models.one-cols .item{width:100%}
.boxCompareDetail .models .item,.modelsWrapOut.fixed .models .item{padding:0 12px}
.modelsWrapOut.fixed .models{padding:8px 0 4px;text-align:center;}
.modelsWrapOut.fixed .models .item~.item{border-left:1px solid rgba(0,0,0,0.1)}
.modelsWrapOut.fixed .edit-compare{position: relative;margin:auto;margin-top:12px}
.boxCompareDetail .models.two-cols .items-model{width:100%}
.modelsWrapOut.fixed .product{display: none}
.modelsWrapOut.fixed .s-title{margin-bottom: 8px}
.modelsWrapOut .tab-title{width:100%;text-align:left;}
.compare-select{max-width:100%}
.compare-select .popup{left:0;width:calc(100% + 24px);opacity:1;visibility:visible;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0 0 8px;pointer-events:auto}
.compare-select .popup ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-right:12px}
.compare-select .popup li{margin-right:12px}
.compare-select .popup li a{display:block;font-size:0.875rem;line-height:32px;font-weight:300;min-width:82px;padding:0 20px;height:32px;white-space:nowrap;text-align:center;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background-color:#F2F2F2;cursor:pointer}
.compare-select .popup li.active a{background-color:#222222;color:#FFF}
.mypopup-compare .contentWrap .content .inner{max-width:720px}
.mypopup-compare .caption{padding-top:24px}
.table-tech tr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;background-color:#FFF}
.table-tech tr[data-name]{padding-top:36px;position:relative}
.table-tech tr[data-name]:before{position:absolute;top:0;left:-40px;right:-40px;height:36px;content:"";pointer-events:none;background-color:#F7F7F7}
.table-tech tr[data-name]:after{position:absolute;top:0;left:0;z-index:1;width:100%;content:attr(data-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:34px;font-weight:500}
.table-tech td,.modelsWrapOut.fixed .four-cols .item{width:50%!important}
.table-tech td{padding:12px 16px 12px 0}
.table-tech td:first-child{display:none}
.boxDetailDealer .contentShowroom{margin-bottom:1px;position:relative;top:auto!important}
.boxDetailDealer .contentShowroom .thumb-dealer-wrap{margin-bottom:24px}
.boxDetailDealer .dealer-attribute{margin:24px 0;padding-bottom:24px}
.boxDetailDealer .dealer-tools{padding-bottom:8px;margin-bottom:24px;border-bottom:1px solid #D9D9D9}
.boxDetailDealer .info-dealer{padding:24px 0;margin-bottom:24px}
.boxDetailDealer .dealer-contact{-webkit-box-shadow:0 6px 16px rgba(0,0,0,.12);-moz-box-shadow:0 6px 16px rgba(0,0,0,.12);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.boxDetailDealer .dealer-contact .s-title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-page.null #ci-header{min-height:64px!important}
.banner-news-top{margin-bottom:16px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.box-list-news,.banner-news-bottom{padding-bottom:40px}
.banner-news-bottom .boxContent{padding-top:40px}
.mbtTOCWrap.fixed .mbtTOC{top:64px}
.news .tend a{-webkit-line-clamp:3;max-height:72px}
.boxHotNews{padding-top:20px!important}
.boxHotNews .boxTitle{padding-top:16px}
.box-list-news .list-news{ padding-top: 32px; }
.boxList .item-follow{margin-top:12px}
.boxList.list-news,.boxAuthor{padding-top:56px;padding-bottom:48px}
.the-title{font-size:1.75rem;line-height:40px}
.boxCateNews,.boxNewsDetail{padding-top:36px!important;padding-bottom:48px!important}
.newsContent .line{padding-top:36px;margin-top:36px}
.product-page .mainFoot{padding:16px 0 130px}
.bodyPreview{padding-bottom:95px}
.mainFoot{padding-top:24px}
.support-title{padding-left:8px;top:auto}
.boxAccount .faq-support-info{margin-top:24px}
.search-field-wrapper .popup{position:fixed;top:100%;width:100vw;max-width:100vw;max-height:calc(100% - 172px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:100;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);padding:0 40px;overflow:auto;pointer-events:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:40}
.search-field-wrapper.active{position:fixed;top:64px;left:0;z-index:3;width:100vw;max-width:100vw;height:calc(100vh - 64px);height:calc(var(--window-height) - 64px);padding:32px 40px;background-color:#FFF;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.search-field-wrapper.active .popup{top:172px;bottom:0;left:0;z-index:20010;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto;padding-top:16px}
.search-field-wrapper .input-search{height:46px;padding:9px 16px 10px;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}
.search-field-wrapper .btn-search-field{position:absolute;left:auto;top:7px;bottom:7px;right:7px;width:32px;height:32px;;background-color:#FF385C;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.search-field-wrapper .btn-search-field:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../images/icon/w-search-icon.svg) center center/auto 14px no-repeat}
.search-field-wrapper:not(.active) .close-ico{display:none}
.search-field-wrapper .close-ico{position:absolute;top:0;bottom:0;right:0;width:40px;cursor:pointer}
.search-field-wrapper .close-ico:before{font-size:1.25rem;color:#707070;line-height:44px}
.search-field-wrapper .list-search,.search-field-wrapper .filter-list{padding-bottom:24px}
.search-field-wrapper .list-search li~li{margin-top:24px}
.search-field-wrapper .list-search li a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.search-field-wrapper .list-search li .icon{display:inline-block;width:36px;flex-shrink:0;margin-right:12px;height:36px;content:'';-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#eaeaea url(../images/icon/news-icon.svg) center center/15px 14px no-repeat}
.boxCover{padding:32px 0 36px!important}
.boxCover .boxTitle{margin-bottom:24px}
.boxFAQ{padding-top:8px!important}
.boxFAQ .tt-main{margin-bottom:24px!important}
.boxFAQ .tt-main .title{font-size:1.625rem;line-height:1.4}
.featured-faq{margin-bottom:36px}
.boxFAQ .list-questions .news{padding-bottom:16px;margin-bottom:16px}
.faq-detail{padding-bottom:48px!important}
.box-result-faq{padding-top: 24px!important;}
.box-result-faq .list-questions{margin-bottom:32px}
.box-result-faq .list-questions .news{padding-bottom:20px;margin-bottom:20px}
.box-result-faq .search-faq{margin-bottom: 24px;}
.mainHead .trigger-search-faq .link{width: 36px;height: 36px;}
.mainHead .trigger-search-faq .link[aria-expanded="true"]{display: none!important;}
.support-request{padding:30px 0;margin:24px 0 36px;border-bottom:1px solid #DDD}
.support-request .s-title{font-size:1rem}
.feedback .tt-main,.feedback .des{margin-bottom:24px!important}
.feedback .back-link{padding-top:16px}
.feedback{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #DDD}
.wishlist-page .pagination{padding-bottom:0}
.boxWishlist .boxTitle{font-size:1.25rem;line-height:28px;margin-bottom:16px}
.tab-tools-hori li~li{margin-left:32px}
.tab-tools-hori li a{font-weight:400;padding-bottom:8px}
.boxWishlist .null .link{margin-top:36px}
.all-wishlist{padding-top:36px}
.wishlist-folder{margin-bottom:36px}
.wishlist-folder .tend{font-size:1.125rem;line-height:26px}
.boxWishlist .boxList.type1{padding-top:32px!important}
.boxWishlist .top-info .boxTitle{margin-bottom:12px!important}
.boxAccount .link .btn-cancel{margin-left:-16px}
.tick-change-pass{padding-top:30px;border-top:1px solid #ebebeb}
.tick-change-pass .collapse.show .change-pass{padding-bottom:16px}
.change-pass .note{margin-bottom:16px}
.popup-report .content{padding-bottom:16px!important}
.popup-report .link{padding-bottom:32px}
.news-page .searchTop .trigger>span{display:none}
.news-page .searchTop.active>.popup{width:100%;height:100%;max-height:100%;bottom:0;margin-top:0}
.news-page .searchTop .row-input{margin-bottom:32px}
.news-page .searchTop .title{font-size:0.75rem;;font-weight:400}
.news-page .searchTop .menuNav > ul > li{margin-top:12px}
.news-page .searchTop .menuNav h3{font-weight:300}
.news-page .searchTop .menuNav a{color:#3d70c2}
.news-page .searchTop .search-field-wrapper.active .text-suggestions{top:146px;left:24px;right:24px;bottom:auto;width:auto;padding:20px 24px;margin-top:10px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.16);-moz-box-shadow:0 0 12px rgba(0,0,0,.16);box-shadow:0 0 12px rgba(0,0,0,.16);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.news-page .searchTop .text-suggestions li{margin-top:0!important}
.news-page .searchTop .text-suggestions li a{display:block;padding:10px 12px;line-height:1.4;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.news-page .searchTop .text-suggestions li:hover a{background-color:#F7F7F7}
.box-list-news .list-news .news .tend{font-size:0.938rem}
.box-list-news .list-news .news .tend a{max-height:78px}
.form-comment{margin-bottom:24px}
.boxAuthor .avatar .imgWrap{width:180px}
.boxAuthor .career{font-size:0.75rem;;margin-top:24px}
.boxAuthor .socialBox{margin-bottom:16px}
.boxAuthor .news .imgWrap{margin-right:12px}
.boxVideo .caption .inner{max-width:180px}
.boxVideo .caption .top{max-width:110px}
.boxVideo .boxTitle{margin-bottom:36px}
.boxVideo .boxTitle .page-text{font-size:0.625rem;line-height:18px}
.boxVideo .caption .logo-text{margin-bottom:12px}
.boxVideo .caption .logo-text img{max-height:26px}
.boxVideo .boxTitle .title.t3{font-size:1.125rem;line-height:28px}
.boxBannerAbout .heading-title{font-size:3vw}
.boxBannerAbout .heading-title img{max-height:4.5vw}
.boxAbout{padding-top:48px!important}
.boxAbout .logo-icon{width: 36px}
.boxFeature .item~.item{padding-top:36px;margin-top:36px}
.boxInfoWeb{padding-bottom:36px!important}
.boxInfoWeb .info{padding:16px;margin-bottom:16px}
.boxInfoWeb .info .number{font-size:1.625rem}
.boxInfoWeb .info .txt{font-size: 0.875rem}
.boxInfoWeb .info .time{margin-top:16px}
.boxRequest{padding:48px 0 56px!important}
.panel-default .panel-title{font-size:1.125rem;line-height:28px}
.boxAccount:not(.boxShowroom){padding-bottom:24px!important}
.profile-info{padding-bottom:24px}
.boxBannerSeller .content{max-width:100%;padding:32px 0 0}
.boxBannerSeller .caption{left:0;bottom:36px;width:100%;z-index:2}
.boxBannerSeller .heading-title{font-size:3vw;line-height:36px;letter-spacing:-.01em}
.boxBannerSeller .heading-title .t1 b{line-height:1.8}
.boxBannerSeller .link{position:absolute;top:-5000px;min-height:40px}
.boxBannerSeller .target-link:not(.no-fixed){position:fixed;z-index:49;bottom:0;left:0;width:100%;padding:18px 24px;background-color:#FFF;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.12);-moz-box-shadow:0 0 6px rgba(0,0,0,0.12);box-shadow:0 0 6px rgba(0,0,0,0.12);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.boxBannerSeller .button-web{display:block;min-width:100%!important;height:44px!important;padding:9px 16px!important}
.boxIntroSteps{padding-bottom:112px!important}
.boxBannerSeller .heading-title .t2 img{max-height:5vw}
.boxIntroSteps:before{position:absolute;top:-12px;left:0;width:100%;height:12px;content:"";pointer-events:none;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;background-color:#FFF}
.boxIntroSteps .step{margin-bottom:24px}
.boxWhy{padding-bottom:56px!important}
.boxWhy .main-des{margin-bottom:36px}
.boxWhy .news .des{font-size:.85rem;margin-bottom:24px;line-height:24px}
.boxPrice .des,.boxPrice .contact{font-size:1rem}
.boxPrice .boxContent{padding-top:16px}
.price-table{border:1px solid #DDD;border-top:5px solid #222;padding:0 24px;margin-bottom:24px}
.price-table .price-th{padding:35px 0 0}
.boxPrice .price-td:not(.link){height: auto;min-height:64px;padding:8px 0;font-size:.875rem;-ms-flex-align:center;align-items:center}
.boxPrice .price-td .txt{display:block;font-size:.875rem;font-weight:400;line-height:1.5;margin-right: 16px;}
.boxPrice .price-td .info{text-align:right;flex-shrink:0;max-width:70%}
.boxPrice .note{font-size:.875rem}
.boxPrice .note p{font-size:.813rem;line-height:22px}
.boxPrice .ul-bullet{padding-left:20px;margin-bottom:24px;font-size:0.875rem;line-height:1.5}
.boxPrice .ul-bullet li{margin:0}
.boxPrice .ul-bullet li~li{margin-top:4px}
.boxPrice .btn-show-service{font-weight:500;margin-top:24px;margin-bottom:4px}
.boxPrice .btn-show-service span:before{position:absolute;top:0;left:0;font-family:"Material Design Icons";content:"\F0415";font-size:1.5rem}
.boxPrice .btn-show-service[aria-expanded="true"]{margin-bottom:24px}
.boxPrice .btn-show-service[aria-expanded="true"] span:before{content:"\F0374"}
.boxPrice .price-td.link{border:none;height:auto;margin-bottom:30px;padding:0;padding-top:12px}
.boxPrice .button-web{padding:6px 24px 8px!important;min-width:100%!important;max-width:100%}
.boxPrice .contact{margin-top:30px;padding-top:24px;border-top:1px solid #DDDDDD}
.price-table .fee{font-size:1.25rem}
.boxPrice .trial .price-td:nth-child(3) .info b{font-size:1rem}
.faq-question{padding:16px 0}
.faq-question .boxTitle{margin-bottom:16px}
.boxPrice #accordion .card-header .card-text{padding:16px 40px 16px 0}
.boxRequest .request{padding:32px 20px}
.boxRequest .request .des{margin-bottom:24px}
.boxPayment{padding-bottom:110px!important}
.boxPayment .main-tit .title{font-size:1.25rem}
.boxPayment .top-des{padding:12px;margin-bottom:32px}
.boxPayment .top-des:after{top:12px;right:16px;width:20px;height:20px}
.steps-payment .boxTitle .title{font-size:1.25rem}
.steps-payment hr{margin:36px 0 24px}
.method-payment hr{margin:28px 0 30px}
.packages .item{padding:16px 0 16px 40px !important}
.packages .content img{max-width:24px;left:-28px}
.packages .desc{font-size:.813rem;line-height:1.6}
.packages .fee{top:16px;right:40px;font-size:.938rem}
.packages .checkmark{top:16px;right:10px}
.boxPrice .contact .s-title{font-size:1rem;line-height:24px}
.packages .link-txt{font-size: 0.875rem}
.boxTitle .title.t5,.packages-popup .boxTitle .title{font-size:1.375rem}
.packages-popup .main-des{font-size:0.813rem;font-weight:400;line-height:1.5}
.info-cart .total-wrap,.steps-payment .actions{position:fixed;left:0;right:0;bottom:0;z-index:10000000000;background-color:#FFF;border-top:1px solid #E7E7E7;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:16px 24px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.info-cart .total-wrap .premium-package{font-size:1.125rem;font-weight:700}
.info-cart .total-wrap .premium-package .time{font-size:.75rem;font-weight:500}
.info-cart .button-web{background:#dc0e63;background:-moz-linear-gradient(-135deg,#dc0e63 0%,#e51d4e 100%);background:-webkit-linear-gradient(-135deg,#dc0e63 0%,#e51d4e 100%);background:linear-gradient(270deg,#dc0e63 0%,#e51d4e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0e63',endColorstr='#e51d4e',GradientType=1)}
.boxThankyou .box-inner{padding-left:0}
.boxListDealer .sub-title{font-size:1rem;line-height:24px}
.boxContact .sub-title{font-size:1.125rem}
.boxContact .des{padding-top:6px}
.boxContact .row-contact{padding:24px 16px}
.boxContact .row-contact .item~.item{padding-top:16px;margin-top:16px}
.gov-img{margin-top:16px}
.gov-img br{display:none}
.gov-img a{display:inline-block;max-width:45%}
}
@media all and (max-width: 868px) {
.fancybox-slide--iframe .fancybox-close-small{top:16px;right:20px}
}
@media all and (max-width: 781px) {
.boxSection.other-news{padding-top:36px!important}
}
@media all and (max-width: 780px) {
.ci-main-top .img.desk{display:none}
#ci-slide-home .img{padding-top:380px}
#ci-slide-home .link1{width:142px;margin-left:-158px}
#ci-slide-home .link2{width:142px;margin-left:16px}
}
@media all and (max-width: 767px) {
body:not(.tool-page):not(.faq-page):not(.news-page):not(.account-page):not(.payment-page) #ci-container{overflow:hidden;position:relative}
.top-hotline .head-hotline{display:none}
.top-right .head-hotline{margin-left:14px}
.top-right .head-hotline img{width:18px}
.scroll-mb-1{scrollbar-width:none;-ms-overflow-style:none}
.scroll-mb-1::-webkit-scrollbar{width:0;display:none}
.scroll-mb-1{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;backface-visibility:hidden;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-align:center;position:relative;margin-right:-40px}
.modal-full-mb{padding:0!important;z-index:-1;pointer-events:none}
.modal-full-mb .modal-content{border:none;min-height:100%}
.modal-full-mb .mod-body{min-height:calc(100vh - 144px);min-height:calc(var(--window-height) - 144px);max-height:calc(100vh - 144px);max-height:calc(var(--window-height) - 144px)}
.modal-full-mb .mod-footer .inner{padding:16px 24px 23px}   
body:not(.fancy-not-full) .fancybox-slide--html{padding:0}
body:not(.fancy-not-full) .account-popup,body:not(.fancy-not-full) .account-popup .contentWrap{margin:0;max-width:100%!important;height:100vh;height:var(--window-height);-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none;border:none!important}
#mypopup-filter-advanced .page-account{height:100%}
.account-popup .contentWrap .content,#mypopup-contact-dealer .contentWrap .content{max-height:calc(100vh - 64px);max-height:calc(var(--window-height) - 64px)}
.detail-prod-popup .contentWrap .content{max-height:calc(100vh - 112px);max-height:calc(var(--window-height) - 112px)}
.packages-popup .contentWrap .content{max-height: calc(100vh - 156px);max-height: calc(var(--window-height) - 156px)}
.mypopup-compare .contentWrap .content{min-height:calc(100vh - 144px);min-height:calc(var(--window-height) - 144px);max-height:calc(100vh - 144px);max-height:calc(var(--window-height) - 144px)}
.mypopup-compare .contentWrap .content .inner{padding:24px}
.mypopup-compare .bot-link{padding:16px 24px 23px}
body.fancy-not-full .account-popup .contentWrap .content{max-height:inherit}
.account-popup .pp-actions{padding:16px 24px 23px 8px}
.sub-page #ci-header{min-height:64px}
.header-tools{position:relative}
.header-tools .popup:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;background-color:rgba(0,0,0,.2);z-index:-1}
.header-tools .click-popup.active{z-index:99}
.header-tools .click-popup.activation.active .trigger{position:absolute;top:-32px;right:16px;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease;-moz-transform:translate3d(-205px,0,0);-ms-transform:translate3d(-205px,0,0);-o-transform:translate3d(-205px,0,0);-webkit-transform:translate3d(-205px,0,0);transform:translate3d(-205px,0,0);z-index:9999}
.header-tools .click-popup.active:before{right:0}
.header-tools .click-popup.active .popup:before,.header-tools .click-popup.active .popup:after,.gallery-thumbs .slick-arrow{display:none!important}
.header-tools .click-popup.activation.active .ico{background-color:#f5f5f5;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#707070!important;font-weight:600}
.head-account.activation.active .ico:before{font-size:1.375rem;content:'\F0156'}
.header-tools .it-account{padding-top:32px}
.header-tools .it-account .dropdown-item{text-align:center;position:relative;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.header-tools .it-account .dropdown-item:first-child{background-color:#222222;color:#FFF!important}
.header-tools .it-account .dropdown-item:last-child{background-color:#FFF;border:1px solid #222;color:#222!important}
.header-tools .it-account .dropdown-item:not(:first-child){margin-top:12px}
#ci-header .dropdown-item{padding-top:8px;padding-bottom:8px}
.notifications-list.active .popup{right:-96px}
.heading-page{font-size:5vw;line-height:8vw}
.boxProducts{padding-bottom:36px}
.boxSearchList .top-info{z-index:5}
.search-field-wrapper.active,.search-field-wrapper .popup{padding-left:24px;padding-right:24px}
.boxToolItems .item:not(:last-child){padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid #EAEAEA}
.boxToolItems .icon{width:42px;margin-right:14px}
.boxToolItems .icon svg{width:100%}
.boxToolItems .button-web{min-width:inherit!important;height:auto!important;border:none!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:url(../images/icon/circle-arr-right.svg) 0 center/16px 16px no-repeat;padding:0 0 0 22px!important;color:#222222;font-weight:500}
.boxToolItems .button-web span{text-decoration:underline}
.boxToolItems .button-web:hover span{text-decoration:none}
.boxToolItems .button-web:hover{background-color:transparent!important;color:#222222!important}
.boxCompareDetail .popup-tool .title{padding:8px 12px 8px 24px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 1px 0;-moz-box-shadow:rgba(0,0,0,0.08) 0 1px 0;box-shadow:rgba(0,0,0,0.08) 0 1px 0}
.boxCompareDetail .popup-tool .title .close-ico,body:not(.fancy-not-full) .account-popup .fancybox-button,body:not(.fancy-not-full) .account-popup .boxTitle .back{display:inline-block;width:48px;height:48px;line-height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px}
body:not(.fancy-not-full) .account-popup .fancybox-button,body:not(.fancy-not-full) .account-popup .boxTitle .back{top:8px;left:24px}
body:not(.fancy-not-full) .fancybox-button svg,body:not(.fancy-not-full) .fancybox-button--close,body:not(.fancy-not-full) .fancybox-close-small{padding:11px!important}
.boxSection .popup-tool,body:not(.fancy-not-full) .fancybox-container,.modal-full-mb{position:fixed;top:100%;bottom:0;left:0;width:100vw;max-width:100vw;height:100vh;height:calc(var(--window-height));max-height:100vh;max-height:calc(var(--window-height));overflow:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:100;padding:0;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.boxSection .popup-tool{-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.boxSection .popup-tool.active,body:not(.fancy-not-full) .fancybox-is-open,.modal-open .modal-full-mb.show{top:0;z-index:2147483650;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto}
.boxBannerHome .bg{padding-top:91.74%;background-position:center 10%}
.boxToolWeb .frToolWeb .formDes,.boxToolWeb .profileDealer{padding:24px 16px}
.boxSupport .support{width:100%}
.boxSupport .item~.item .support{margin-top:24px}
.boxSupport .item:not(:last-child) .support{padding-bottom:24px;border-bottom: 1px solid #DDDDDD}
.boxSection.boxOtherList{padding-bottom:0}
.boxList.type1 .boxTitle,.boxSearchList .boxTitle{margin-bottom:8px}
.boxToolWeb .box-result .boxTitle .title{font-size:1.25rem}
.boxToolWeb .frToolWeb .form-group{margin-bottom:16px}
.boxCalculate .content .boxInfo ul:not(:last-child){margin-bottom:24px}
.list-search .item:last-child .caption{margin-bottom:0}
.desc-popup .fancybox-button svg{display:none}
.desc-popup .fancybox-button:before{font-family:"Material Design Icons";content:"\F0141";font-size:1.875rem}
#mypopup-technology .p-subTab{top:112px;right:0}
#mypopup-technology .contentWrap .content{max-height:calc(100vh - 160px);max-height:calc(var(--window-height) - 160px)}
#mypopup-saved-wishlist .boxTitle{justify-content:flex-start;padding-left:64px}
.frToolWeb .line{padding-top:16px;margin-top:8px}
.frToolWeb .line.l2{position:relative;left:-24px;right:-24px;width:calc(100% + 48px)}
.boxToolWeb .popup-tool .s-title{font-size:1rem;font-weight:500}
.boxCompareDetail .type0 .models .number-list,.boxCompareDetail .models .item .content{display:none}
.boxCompareDetail .type0 .models .item{padding:0 12px}
.boxCompareDetail .type0 .models .item:first-child{padding-left:0}
.boxCompareDetail .type0 .models .item:last-child{padding-right:0}
.boxCompareDetail .type0 .models .item .next{margin:0 auto;font-size:0.875rem}
.boxCompareDetail .type0 .models .next .img{margin-bottom:12px}
.boxCompareDetail .type0 .models .img .noimg{max-height:67px}
.boxCompareDetail .models .product{text-align:center}
.boxCompareDetail .popup-tool .title .text{width:calc(100% - 48px);padding-right:48px;font-weight:300}
.table-tech td{padding-top:8px;padding-bottom:8px}
.popup-actions{padding-left:24px}
.boxCompareDetail .popup-content{padding:32px 24px;max-height:calc(100% - 144px);overflow-y:auto;flex:1 1 auto}
.boxCompareDetail .popup-content .noimg{margin-bottom:32px}
.boxHotNews .top-news .news{margin-bottom:0}
.featured-news .news .tend,.list-news .news .tend{margin-bottom:12px}
.faq-page .menuFix .trigger-search-faq{display:none!important}
.boxFAQ .featured-faq .item:nth-child(n+3){margin-top:24px}
.boxConnectFAQ .item:last-child{margin-top:36px}
.box-result-faq .right-content .boxTitle .title{font-size:1.25rem;line-height:1.3}
.account-info .image-uploaded{margin-bottom:16px}
#mypopup-info-test-driving .contentWrap .content{height:calc(100vh - 152px);height:calc(var(--window-height) - 152px);max-height:calc(100vh - 152px);max-height:calc(var(--window-height) - 152px)}
.sl-feature-web{padding-bottom:48px}
.sl-gen.v2 .slick-arrow{width:12px;height:20px;bottom:-8px!important}
.sl-gen.v2 .slick-next{left:40px}
.banner-news-top img,.banner-news-bottom img{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.boxBannerAbout .bg{padding-top:93%}
.boxBannerAbout .top-page-heading{bottom:36px}
.boxBannerAbout .heading-title{font-size:5.2vw}
.boxBannerAbout .heading-title img{max-height:8vw;margin-top:-2.4vw}
.boxFeature .news>div{width:100%!important}
.boxFeature .imgWrap{margin-bottom:20px}
.boxInfoWeb .title-page{letter-spacing: -0.06em}
.boxVideo .bg{padding-top:106.67%}
.boxBannerSeller .bg{padding-top:84%!important}
.boxBannerSeller .heading-title{font-size:4.2vw;line-height:1.4}
.boxBannerSeller .heading-title .t2 img{max-height:7vw;margin-top:-1.6vw}
.boxWhy .scroll-mb-1{padding-right:24px!important}
.boxWhy .item,.boxConnectSeller .item{width:276px!important}
.boxConnectSeller .news .link{padding-top:24px}
.boxWhy .news>div{width:100%!important}
.boxWhy .news .imgWrap{margin-bottom:16px}
.boxWhy .caption{padding-top:0!important}
.boxWhy .news .tend{font-size:1.125rem;line-height:1.5;margin-bottom:4px}
.boxRequest .item:not(:last-child){margin-bottom:32px}
.packages-popup .boxPrice .price-td.link{padding-top:12px}
.boxBannerContact .bg{padding-top:67%}
.boxContact .frToolWeb{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #DDD}
.mainFoot .item .title{border-bottom:1px solid #D8D8D8;padding:16px 0;margin-bottom:0;text-transform:none;font-weight:400;cursor:pointer;position:relative}
.mainFoot .item:last-child .title{border:none}
.mainFoot .item .boxBot .title:after{font-family:"Material Design Icons";content:"\F0415";font-size:1.25rem;font-weight:300;position:absolute;top:50%;right:5px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.mainFoot .item .boxBot.active .title:after{font-size:1.5rem;-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%) rotate(45deg)}
.mainFoot .boxBot{margin-bottom:0}
.mainFoot .contentWrap{display:none}
.mainFoot .botLink.active .title{border-color:transparent}
.mainFoot .botLink.active .contentWrap{background-color:#FFF;position:relative;width:calc(100% + 80px);left:-40px;right:-40px;padding:0 40px 4px}
.mainFoot .botLink.active .contentWrap:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8}
.mainFoot .item:last-child .botLink.active .contentWrap:before{border-bottom:none}
.mainFoot .botLink ul a{display:block;padding:12px 0}
.mainFoot .botLink li~li a{border-top:1px solid #D8D8D8}
.mainFoot hr{left:-40px;right:-40px;position:relative;width:calc(100% + 80px);margin-bottom:32px!important}
.news-page.list-page footer{display:block!important}
}
@media all and (max-width: 743px) {
.scroll-mb-1{margin-right:-24px}
.scroll-mb{margin-left:-24px;margin-right:-24px;padding-left:24px}
.boxBannerHome.bottom .content{padding-left:24px;padding-right:24px}
.car-other-fields .item:last-child{margin-right: 24px;}
.productContent .gallery-mb{top:24px;left:24px;right:24px}
.tool-page #sidebar,.boxCover .search-field-wrapper .popup,.modelsWrapOut.fixed .modelsWrap,.boxIntroBottom .des{padding:0 24px}
.main-heading .title-page{padding:24px 24px 16px}
.toolItems.fixed .view-col{padding-left:24px;padding-right:24px}
.mbtTOCWrap.fixed .mbtTOC{padding:0 24px}
.feedback .link:not(.back-link):before,.boxAccount .link:before{left:-24px;right:-24px}
.boxWhy .scroll-mb-1,.boxConnectSeller .scroll-mb-1{padding-right:8px!important}
.method-payment hr{margin-left:-24px!important;margin-right:-24px!important}
.boxWhyChooseUs .scroll-mb{padding-right:16px}
.table-tech tr[data-name]:before{left:-24px;right:-24px}
.mainFoot .botLink.active .contentWrap{padding-left:24px;padding-right:24px}
.mainFoot .botLink.active .contentWrap,.mainFoot hr{width:calc(100% + 48px);left:-24px;right:-24px}
}
@media all and (max-width: 640px) {
.list-cates>*{width:170px!important}
.title-page>span{display:block}
}
@media all and (max-width: 575px) {
.top-head .top-hotline span{display:none}	
.tab-tools-hori~hr{width:calc(100% + 24px)}
.filter-search-wrap .title{padding-left:8px;padding-right:8px}
.screen .filter-list li{width:100%;padding-right: 0;}
.filter-search .screen .link-txt{display:block;margin-bottom:16px}
.show-price-selected .selected-price{padding:4px 12px}
.back-link .button-web{min-width:100%} 
.back-link .button-web:not(:first-child){margin-top:8px}
.list-prods>.row>.item,.boxDetailDealer .list-items>.row>.item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.boxProducts .tab-tools-hori{margin-top:20px}
.boxProducts .tab-tools-hori+hr{padding-bottom:16px}
.boxList .product .tend a{-webkit-line-clamp:inherit;height:auto}
.news .date-post{line-height:1.3}
.news .des{display:none}
.newsHome .large-news .img{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.newsHome .large-news .caption{padding:16px 0 0!important;background:none!important}
.box-list-news .list-news .imgWrap,.boxSearchList.list-news .imgWrap{width:50%!important;flex-shrink:0;margin-right:12px!important}
.box-list-news .grid-news .item~.item{margin-top:24px}
.boxList .item-follow{margin-top:0}
.boxList .follow-us{margin-top:16px}
.the-date{margin-bottom:16px}
.boxDetailDealer .date-create{margin-top:4px}
.boxCompareDetail .models .product .link{padding:0 16px}
.boxCompareDetail .models .product .button-web{min-width:inherit}
.boxCompareDetail .models.selected .item{padding:0;border:none!important}
.boxCompareDetail .models.selected:not(.one-cols) .item:first-child .product .img{-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px}
.boxCompareDetail .models.selected:not(.one-cols) .item:nth-child(2) .product .img{-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0}
.panels-compareWrap{margin-top:8px}
.panels-compare .panel-cp{position:relative}
.panels-compare .info{padding-bottom:12px}
.boxConnectFAQ .item:not(:last-child){margin-bottom:20px}
.boxConnectFAQ .news .imgWrap{width:40%;max-width:130px;flex-shrink:0;height:100%}
.boxConnectFAQ .news .img{padding-top:100%;height:100%}
.boxConnectFAQ .news .img img{height:100%}
.boxConnectFAQ .news .caption{padding:10px}
.boxFAQ .list-questions .news{padding-bottom:0}
.faq-support-info .item{width:100%}
.boxAuthor .news .imgWrap{margin-bottom:16px}
.boxIntroSteps{background-position:30% 35%;background-size:auto 54%}
.boxIntroSteps .step .imgWrap{width:45px;flex-shrink:0;margin-right:24px}
.boxIntroSteps .step .imgWrap img{max-height:45px}
.boxWhy .boxContent:before{top:-196px}
.boxWhy .main-des,.boxPrice .main-des{font-size:0.813rem;line-height:20px}
}
@media all and (max-width: 500px) {
.sub-page .search-tool-mb .trigger .items{margin-right:12px}
.sub-page .search-tool-mb .trigger .items:after{position:absolute;right:24px;display:inline-block;content:'...';color:#707070}
}
@media all and (max-width: 480px) {
.swal2-content .link .button-web{width:calc(50% - 8px)}
.slProducts>*,.slProducts-related>*,.slProducts-viewed>*,.slNews>*,.slDealer>*{width:274px!important}
.account-popup .form-link{display:block!important;text-align:center}
.account-popup .forget-pass{margin-bottom:4px}
.register-step2 .code-OTP{justify-content:space-between}
.register-step2 .code-OTP input{width:50px;height:50px;padding:12px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
#mypopup-register .register-step3 .des{margin-bottom:36px}
.register-step3 .link{padding-top:36px}
.car-other-fields .item:last-child{padding-right:8px}
.p-subTab{padding-bottom:4px}
.content.left .frToolWeb .txt{line-height:32px}
.method-contact .btn-contact{min-width:inherit;flex-shrink:0}
.method-contact .btn-contact:not(.v2){width:40px!important;padding:0!important;order:1}
.method-contact .btn-contact.v2{order:3}
.method-contact .btn-contact.v2{width:calc(100% - 96px)}
.productContent .boxFixed .method-contact .btn-contact.v2{margin-left:0}
.productContent .boxFixed .link .btn-contact{width:40px!important;padding-left:0!important;padding-right:0!important}
.method-contact .link-zalo{order:2}
.method-contact .btn-contact .phone-number,.productContent .boxFixed .link .btn-contact .txt{display:none}
.productContent .boxFixed .link .btn-tools{width:calc(100% - 120px - 24px);order:4;margin-left:8px}
.boxCompareList .product .tend{margin-bottom:0}
.boxCompareList .product .link{margin:4px 0 8px}
.boxCompareDetail .models.no-cols{width:100%}
.frToolWeb textarea.form-control{height:160px}
.support-request .reasons .choose-btn{margin-bottom:24px;padding-left:0!important}
.support-request .reasons .choose-btn>label{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.support-request .reasons .checkmark{position:relative;top:auto;flex-shrink:0;margin-right:12px}
.support-request .reasons .choose-btn>label .txt{line-height:20px}
.boxWishlist .null .link .button-web{width:100%}
.fancy-not-full .account-popup .main-tit{padding:17px 56px;min-height:64px;height:auto}
.fancy-not-full .account-popup .fancybox-button,.fancy-not-full .account-popup .boxTitle .back{top:50%;margin-top:-16px}
.sub-page.null .wrapCont>.boxSection .img-null img{max-width:80%}
.toolItems .tend{font-size:.75rem}
}
@media all and (max-width: 420px) {
.swal2-content .link .button-web{padding-left:8px!important;padding-right:8px!important}
.register-step2 .code-OTP input{width:calc(100%/6);height:40px;padding:12px 0}
.boxBannerHome .boxTitle .title{font-size:5.8vw}
.p-subTab li a{padding:3px 12px}
.seller-page .boxSection .title-page{font-size:1.675rem;letter-spacing:-0.05rem}
.croppie-container .cr-viewport{width:calc(100vw - 48px)!important;height:calc((100vw - 48px)*280/420)!important}
.copyright{font-size:0.813rem}
}
@media all and (max-width: 400px) {
.line-split,.sort-product{margin-right:8px;padding-right:8px}
#mypopup-feedback.active .popup{right:-100px}
#mypopup-feedback.active .popup:before,#mypopup-feedback.active .popup:after{left:auto!important;right:105px!important}
.type1 .productAttr li{font-size:0.875rem}
.back-link .btn-linkweb{font-size:0.875rem}
.list-cates>*{width:190px!important}
.toolItems .tend{font-size:3vw}
.boxToolWeb .last-result{-ms-flex-pack:center!important;justify-content:center!important}
.boxInfoWeb .title-page{font-size:7vw;line-height:1.4}
.boxRequest .title-page{font-size:1.675rem}
}
@media all and (max-width: 390px) {
.swal2-content .link{flex-wrap:wrap}
.swal2-content .link .button-web{width:100%}
.swal2-content .link .button-web:first-child{margin-bottom:10px}
.filter-search-wrap .title{font-size:0.875rem}
.filter-search-wrap .inner .item~.item .title:before{height:20px;margin-top:-10px}
}
@media all and (max-width: 360px) {
#ui-datepicker-div,.bootstrap-datetimepicker-widget *{font-size:0.938rem!important}
.show-price-selected .selected-price small{font-size:3vw}
.sub-page .click-popup-filters .filter-selected .item:not(:last-child){margin-right:4px}
.wellcome-info .link .button-web:last-child{margin-left:4px}
.type2 .product .imgWrap{margin-bottom:12px}
.slProducts>*,.slProducts-related>*,.slProducts-viewed>*,.slNews>*,.slDealer>*{width:260px!important}
.boxCompareList .item~.item .product{padding-top:24px;margin-top:24px;margin-bottom:0;border-top:1px solid #D9D9D9}
.boxCompareList .product .tend{margin-bottom:4px}
.boxCompareList .product .link{position:absolute;right:0;bottom:0;margin:0}
.modelsWrapOut.fixed .models .item{padding:0 4px}
.modelsWrapOut:not(.fixed) .edit-compare{bottom:auto;top:4px;right:4px}
.back-link .btn-linkweb{display:block}
.back-link .btn-linkweb~.btn-linkweb{margin-top:4px}
.sub-page.null .group-btn,.popup-report .link{display:block!important}
.sub-page.null .group-btn .button-web{min-width:100%}
.sub-page.null .group-btn .button-web~.button-web{margin-top:8px}
.popup-report .link .button-txt{display:inline-block}
.popup-report .link .button-txt~.button-txt{clear:both}
.title-page{font-size:1.5rem!important;line-height:35px}
.boxTitle .title.t3{font-size:1.25rem}
}
@media all and (max-width: 350px) {
.notifications-list .popup{width:calc(100vw - 48px)}
.other-menu .group-button .button-web{padding-left:16px!important;padding-right:16px!important}
.filter-search-wrap .title{font-size:0.75rem}
.filter-list{font-size:.875rem}
.filter-search .choose-btn>label .txt{font-size:4vw}
#mypopup-info-test-driving .button-web{width:calc(50% - 8px)}
.boxInfoWeb .info .txt br{display:none!important}
.boxPrice .contact br{display:none!important}
.gov-img img{max-width:100%}
.tabs-price li{padding-left:4px;padding-right:4px}
}
@media all and (max-width: 321px) {
.slProducts>*,.slProducts-related>*,.slProducts-viewed>*,.slNews>*,.slDealer>*{width:265px!important}
.sub-page.null .wrapCont>.boxSection .link{flex-direction:column}
.sub-page.null .wrapCont>.boxSection .button-web{margin-left:0!important;margin-bottom:10px}
}
@media all and (min-width: 1025px) and (max-width: 1439px) {
.boxFeaturedDealer .item:nth-child(n+3){margin-top:24px}
}
@media all and (min-width: 1200px) and (max-width: 1365px) {
#ci-slide-home .caption .tend{font-size:3.8vw}
}
@media all and (min-width: 992px) and (max-width: 1300px) {
.productContent .boxFixed .method-contact .btn-contact.v2{width:48px;flex-shrink:0;padding-left:0!important;padding-right:0!important}
.productContent .boxFixed .method-contact .btn-contact.v2 .txt{display:none}
.productContent .boxFixed .method-contact .btn-contact.v3{width:calc(100% - 96px - 16px)}
.news-page.search-page .searchTop>.popup{width:23vw}
}
@media all and (min-width: 992px) and (max-width: 1024px) {
.productContent .boxFixed .method-contact .btn-contact.v2{width:40px}
.productContent .boxFixed .method-contact .btn-contact.v3{width:calc(100% - 80px - 16px)}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
.logo{width:120px;flex-shrink:0}
.boxLogo .logos .caption a{-ms-flex-direction:column;flex-direction:column}
.boxLogo .logos .imgWrap{margin-right:0;margin-bottom:8px}
.boxCompareDetail.selected #sidebar{display:none}
.boxToolWeb .right-content{width:100%!important}
.boxCompareDetail .models .model:nth-child(n+4),.panels-compareWrap .tend .item:nth-child(n+4),.table-tech td:nth-child(n+5){display:none}
}
@media all and (min-width: 781px) and (max-width: 1199px) {
#ci-slide-home .caption .tend{font-size:3.2vw}
}
@media all and (min-width: 768px) and (max-width: 1128px) {
.footer-wrap .mainFoot{padding-top:56px}
.btn-show-footer.close-ico{left:30px}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
.boxToolItems .item{text-align:center}
.boxToolItems .content{display:block}
.boxToolItems .caption{max-width:225px;margin:auto}
.boxToolItems .icon{height:42px;margin-bottom:16px}
.boxCompareDetail .models .form-groupWrap .form-control{float:none;width:100%;background:#FFF;border:none!important;height:46px;padding:10px 16px;line-height:inherit;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.boxCompareDetail .models .form-groupWrap .form-group:not(:first-child) .form-control{border-top:1px solid #D9D9D9!important}
.boxCompareDetail .models .form-groupWrap .form-group:first-child .form-control{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
.boxCompareDetail .models .form-groupWrap .form-group:last-child .form-control{-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
.boxWhy .scroll-mb-1,.boxConnectSeller .scroll-mb-1{margin-right:-16px!important}
.packages-popup .boxPrice .button-web{padding:3px 24px 4px!important}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.profile-info .image-uploaded{margin-left:auto}
}
@media all and (min-width: 744px) and (max-width: 991px) {
.method-payment hr{margin-left:-40px!important;margin-right:-40px!important}
}
@media all and (min-width: 576px) and (max-width: 767px) {
.screen .filter-list li{width:50%}
.boxCompareDetail .models{padding:16px 4px}
}
/*DEFAULT LAYOUT*/
body,a,a:hover,.dropdown-list select,.choose-btn input[type='checkbox']:checked~.txt,.choose-btn input[type='radio']:checked+.txt,.choose-btn input[type='radio'].active+.txt{color:#222222}
.choose-btn input[type='checkbox']:checked~.checkmark,.bodyAdmin .choose-btn input[type='radio']:checked ~ .checkmark:after,.bodyAdmin .choose-btn input[type='checkbox']:checked~.checkmark,.icon_menu .style_icon,.icon_menu::after,.icon_menu::before,.slick-dots li.slick-active button{background-color:#222222}
.choose-btn input[type='radio']:checked ~ .checkmark,.choose-btn input[type='checkbox']:checked~.checkmark,.type1 .product .dealer a:hover{border-color:#222222}
.count-offer,.boxList .slImgThumb .slick-arrow:hover,#ci-header-admin .message .count,.style-step li.active .number,.page-content .circle-link .button-web{background-color:#FF385C}
.type1 .product .dealer a{border-color:#FF385C}
#ci-header-admin .mainHead{border-color:#FF385C!important}
.header-tools .item.activation .ico,.header-tools .item.activation .txt,.nice-select .option.focus,.nice-select .option:hover,.nice-select .option.selected.focus.nice-select .option:hover,.boxList .item-selected:hover i,.type1 .product .dealer a,.p-tool .btn-tool:hover,.productContent .boxFixed .pDealer .link-txt,.page-head .message,.menuSidebar li.active>a,#mypopup-feedback .guide a:hover,.panel-default > .panel-heading a:before,.tbl-order tfoot .calcPrice .total-price{color:#222222}
.p-like.active i{color:#FF385C;opacity:1}
.bodyAdmin .choose-btn input[type='radio']:checked ~ .checkmark,.bodyAdmin .choose-btn input[type='checkbox']:checked~.checkmark{border-color:#B1B1B1!important}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
.tend a{display:inline-block}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.imgWrap .custom-object-fit{-webkit-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-moz-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-o-transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);transition:transform 1.2s cubic-bezier(0.44,0.185,0.575,0.86);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.imgWrap .custom-object-fit:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.home-page .view-col .slick-track,.home-page .view-col .slick-list,.home-page .view-col .slick-slide,.home-page .view-col .item{display:block!important}
.form-contact-content .dropdown-list{display:inline-block}
}