﻿/*!
 *  @trần văn hậu - Front End Developer
 */sup{vertical-align:super}sub{vertical-align:sub}@media print{@page{size:landscape}}@media print and (color){*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.clb{clear:both}.clb:before,.clb:after{content:"";clear:both;overflow:hidden;display:table}.oner-3dotes{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.twor-3dotes{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.threer-3dotes{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.crpointer,.btn-custom{cursor:pointer}.pointer-eve{pointer-events:none}.font-Default{font-family:"Muli",Tahoma,sans-serif}.font-weight300{font-weight:300}.font-weight400{font-weight:400}.font-weight500,.modal-body>.bg-color-white .btn-custom{font-weight:500}.font-weight600,.btn-custom{font-weight:600}.font-weight700{font-weight:700}.font-weight800{font-weight:800}.font-weight900{font-weight:900}.txt-color-black{color:#000}.txt-title{color:#171920}.txt-color-default{color:#505050}.txt-color-blue{color:#145da0}.txt-color-blue-light{color:#207fef}.txt-color-yellow{color:#faba3e}.txt-color-white{color:#fff}.txt-color-red{color:red}.txt-color-green{color:#00d285}.txt-color-green-light{color:#4cd964}.txt-color-a1{color:#a1a1a1}.txt-color-subcontent{color:#023753}.txt-color-address{color:#7c8595}.txt-color-social{color:#c4cdd5}.bg-color-white{background-color:#fff}.bg-color-blue{background-color:#145da0}.bg-color-gray{background-color:#999}.bg-color{background-color:#D9D9D9}.line-height134{line-height:1.34}.line-height167{line-height:1.67}.line-height16{line-height:16px}.line-height20{line-height:20px}.line-height22{line-height:22px}.line-height24{line-height:24px}.line-height25{line-height:25px}.line-height30{line-height:30px}.line-height40{line-height:40px}.line-height48{line-height:48px}.line-height50{line-height:50px}.line-height60{line-height:60px}.ovh,.chk-custom,.rad-custom{overflow:hidden}.ovh-y{overflow-y:hidden}.ova-x{overflow-x:auto}.ova-y{overflow-y:auto}.dpl-block{display:block}.dpl-il-block{display:inline-block}.dpl-flex{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dpl-notcenter-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.dpl-none{display:none}.fll{float:left}.flr{float:right}.txt-uppercase{text-transform:uppercase}.txt-lowercase{text-transform:lowercase}.txt-capitalize{text-transform:capitalize}.txt-transform-none{text-transform:none}.txt-underline{text-decoration:underline}.txt-linethrough{text-decoration:line-through}.txt-overline{text-decoration:overline}.txt-pre-line{white-space:pre-line}.txt-nowrap{white-space:nowrap}.txt-left{text-align:left}.txt-right{text-align:right}.txt-center{text-align:center}.txt-justify{text-align:justify}.position-re{position:relative;z-index:2}.position-ab{position:absolute}.position-fix{position:fixed}.font6{font-size:6px}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14,.input-box input{font-size:14px}.font15{font-size:15px}.font16,.modal-footer .btn-custom{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font20{font-size:20px}.font22{font-size:22px}.font24{font-size:24px}.font25{font-size:25px}.font26{font-size:26px}.font28{font-size:28px}.font30{font-size:30px}.font32{font-size:32px}.font36{font-size:36px}.font40{font-size:40px}.width20{width:20%}.width25{width:25%}.width30{width:30%}.width33{width:calc(100%/3)}.width40{width:40%}.width50{width:50%}.width50_36px{width:calc((100% - 36px)/2)}.width60{width:60%}.width70{width:70%}.width85{width:85%}.width100{width:100%}.width500{width:500px}.width450{width:calc(100% - 720px)}.height1{height:1px}.height5{height:5px}.height100{height:100%}.pd10{padding:10px}.pd15{padding:15px}.pd20{padding:20px}.pd24{padding:24px}.pd30{padding:30px}.pd50{padding:50px}.pdt0{padding-top:0}.pdt5{padding-top:5px}.pdt6{padding-top:6px}.pdt10{padding-top:10px}.pdt15{padding-top:15px}.pdt20{padding-top:20px}.pdt25{padding-top:25px}.pdt30{padding-top:30px}.pdt40{padding-top:40px}.pdt50{padding-top:50px}.pdt60{padding-top:60px}.pdr5{padding-right:5px}.pdr10{padding-right:10px}.pdr15{padding-right:15px}.pdr18{padding-right:18px}.pdr20{padding-right:20px}.pdr25{padding-right:25px}.pdr30{padding-right:30px}.pdr50{padding-right:50px}.pdl0{padding-left:0}.pdl5{padding-left:5px}.pdl10{padding-left:10px}.pdl15{padding-left:15px}.pdl18{padding-left:18px}.pdl20{padding-left:20px}.pdl25{padding-left:25px}.pdl30{padding-left:30px}.pdl40{padding-left:40px}.pdbt0{padding-bottom:0}.pdbt5{padding-bottom:5px}.pdbt6{padding-bottom:6px}.pdbt10{padding-bottom:10px}.pdbt15{padding-bottom:15px}.pdbt20{padding-bottom:20px}.pdbt25{padding-bottom:25px}.pdbt30{padding-bottom:30px}.pdbt40{padding-bottom:40px}.pdbt50{padding-bottom:50px}.pdbt60{padding-bottom:60px}.mgt0{margin-top:0px}.mgt5{margin-top:5px}.mgt6{margin-top:6px}.mgt10{margin-top:10px}.mgt15{margin-top:15px}.mgt20{margin-top:20px}.mgt24{margin-top:24px}.mgt25{margin-top:25px}.mgt30{margin-top:30px}.mgt40{margin-top:40px}.mgt50{margin-top:50px}.mgt60{margin-top:60px}.mgt90{margin-top:90px}.mgt150{margin-top:150px}.mgr5{margin-right:5px}.mgr8{margin-right:8px}.mgr10{margin-right:10px}.mgr15{margin-right:15px}.mgr20{margin-right:20px}.mgr25{margin-right:25px}.mgr30{margin-right:30px}.mgr40{margin-right:40px}.mgr50{margin-right:50px}.mgbt5{margin-bottom:5px}.mgbt10{margin-bottom:10px}.mgbt12{margin-bottom:12px}.mgbt15{margin-bottom:15px}.mgbt20{margin-bottom:20px}.mgbt25{margin-bottom:25px}.mgbt30{margin-bottom:30px}.mgbt35{margin-bottom:35px}.mgbt40{margin-bottom:40px}.mgbt45{margin-bottom:45px}.mgbt50{margin-bottom:50px}.mgbt70{margin-bottom:70px}.mgl5{margin-left:5px}.mgl8{margin-left:8px}.mgl10{margin-left:10px}.mgl15{margin-left:15px}.mgl20{margin-left:20px}.mgl30{margin-left:30px}.mgl40{margin-left:40px}.mgl50{margin-left:50px}.mgl60{margin-left:60px}.mgauto{margin:auto}.borderNone{outline:none;border:0}.bd1px{border:1px solid}.bdbt1px{border-bottom:1px solid}.bdt1px{border-top:1px solid}.bdl1px{border-left:1px solid}.bdr1px{border-right:1px solid}.bd2px{border:2px solid}.border-color{border-color:#f1f5f8}.border-color-footer{border-color:#4a5055}.border-radius5{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}.border-radius10{-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px}.border-crile{-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.border-shadow{height:5px;background-color:#fff;-moz-box-shadow:0 2px 15px 0 rgba(132,189,244,0.3);-webkit-box-shadow:0 2px 15px 0 rgba(132,189,244,0.3);box-shadow:0 2px 15px 0 rgba(132,189,244,0.3)}.shadow-box-16,.listImgProduct .img-avataProduct .rmImg{-moz-box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);box-shadow:0 3px 6px 0 rgba(0,0,0,0.16)}.animated{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.btn-custom{padding:0px 24px;line-height:48px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;color:#fff;background-color:#207fef;box-sizing:border-box;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px}.btn-custom:hover,.btn-custom:focus,.btn-custom:active{background-color:rgba(32,127,239,0.9);color:#fff}.btn-white{background-color:#fff;color:#207fef}.btn-white:hover,.btn-white:focus,.btn-white:active{background-color:#D9D9D9;color:#207fef}.btn-red{background-color:#fc374f}.btn-red:hover,.btn-red:focus,.btn-red:active{background-color:rgba(252,55,79,0.9);color:#fff}.btn-sucess{background-color:#00d285}.btn-sucess:hover,.btn-sucess:focus,.btn-sucess:active{background-color:#00d285;color:#fff}.btn-facebook{background-color:#3b5998}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active{background-color:rgba(59,89,152,0.9);color:#fff}.btn-facebook span{width:38px;height:38px;top:5px;left:5px;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btn-facebook span i{color:#3b5998}.chk-custom{position:relative;display:block;padding:0 0 0 28px;line-height:24px}.chk-custom span:before{font-size:24px;font-family:"Font Awesome 5 Pro";font-weight:500;content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#999;position:absolute;left:0;top:0}.chk-custom input{position:absolute;top:-100px;clip:rect(0, 0, 0, 0);pointer-events:none}.chk-custom input:checked+span:before{content:"\f14a";color:#207fef}.rad-custom{position:relative;display:block;padding:0 0 0 36px;height:32px;line-height:33px}.rad-custom span:before{font-size:32px;font-family:"Font Awesome 5 Pro";font-weight:300;content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;line-height:unset;color:#999;position:absolute;left:0;top:0}.rad-custom input{position:absolute;top:-100px;clip:rect(0, 0, 0, 0);pointer-events:none}.rad-custom input:checked+span:before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;line-height:unset;color:#00d285}.img{width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#d7dfea;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s}.img img{-moz-opacity:0;-khtml-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.bg-img{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s}.bg-img>img{-moz-opacity:0;-khtml-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);height:0}.loading{height:100%;top:0;right:0;bottom:0;z-index:90000065;background-color:rgba(0,0,0,0.15)}.loading>div{height:100%}.loading>div>div{-moz-box-shadow:0 2px 6px 0 rgba(14,43,92,0.1);-webkit-box-shadow:0 2px 6px 0 rgba(14,43,92,0.1);box-shadow:0 2px 6px 0 rgba(14,43,92,0.1)}html,body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}ul,li{list-style:none}.select-custom{z-index:99;width:110px;top:10px;right:10px;padding:8px 10px;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s}.select-custom-lbl{line-height:32px;padding-left:0;color:#2f3330;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:block;position:relative;padding-right:24px}.select-custom-lbl:after{font-family:"Font Awesome 5 Pro";font-weight:500;content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;font-size:22px;right:0;top:calc((100% - 20px)/2)}.select-custom-ul{z-index:9;top:107%;max-height:500px;border:1px solid #f1f5f8;border-top:0;background-color:#fff;width:110px;right:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;padding:10px;position:absolute;-moz-box-shadow:0 -1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2);box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.select-custom-ul>ul{max-height:435px;width:100%;overflow-x:hidden;overflow-y:auto;padding-left:0;margin-bottom:0;-webkit-overflow-scrolling:touch}.select-custom-input{z-index:9;left:0;right:0;top:0;padding:10px;background-color:#efefef;position:absolute}.select-custom-input input{width:calc((100% - 10px)/2);line-height:28px;padding-left:5px}.select-custom li:first-child{margin-top:0}.select-custom li a{display:block;color:#2f3330;line-height:36px}.select-custom.active .select-custom-lbl:after{content:"\f106"}.qr-logo-posfix{height:30px;width:140px;bottom:0;left:10px;z-index:100000000009;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:90% 70%;border-radius:4px 4px 0 0;display:block;animation:qr-logo-posfix 10s}.bg-color-f2{background-color:#f2f2f2}.pdt10{padding-top:10px}.pdt70{padding-top:70px}.bg-im-button{height:46px;line-height:46px;width:46px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;outline:none;border:0}.mgbt16{margin-bottom:16px}.popup-directives{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;z-index:90000062;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0.7);transition:opacity 0.15s linear;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear}.popup-directives.modal-request .modal-content{margin-top:40px}.popup-directives .modal-content{background-color:rgba(0,0,0,0.55);max-width:500px;margin:0 auto;margin-top:10%;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;transition:transform 0.3s ease-out;-webkit-transition:transform 0.3s ease-out;-moz-transition:transform 0.3s ease-out;-ms-transition:transform 0.3s ease-out;-o-transition:transform 0.3s ease-out}.popup-directives .modal-content.bg-color-white{background-color:#fff}.popup-directives .modal-content.bg-color-white .modal-header{border-color:#D8D8D8}.popup-directives .modal-content.bg-color-white .btn-close{outline:none;box-shadow:none;border:0;width:32px;height:32px}.popup-directives .modal-content.bg-color-white .modal-footer{border-top:1px solid #D8D8D8}.popup-directives .btn-close{outline:none;box-shadow:none;background:transparent;border:0}.popup-directives .btn-warranty{background-color:#f29e00;width:100%}.txt-color-54{color:#545454}.input-box{line-height:44px;height:44px;padding-left:40px;background-color:#f4f4f4}.input-box input{border:0;outline:none;padding:0;background:transparent}.input-box input::placeholder{color:#8B8B8B}.input-box i,.input-box img{color:#8B8B8B;left:15px;top:12px}.input-box i.email,.input-box img.email{top:17px}.input-box .fa-phone{-ms-transform:rotate(110deg);-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);transform:rotate(110deg)}textarea{border:0;outline:none;background:#f4f4f4}textarea::placeholder{color:#8B8B8B}.modal-body>.bg-color-white{padding-bottom:120px}.modal-body>.bg-color-white .img-safe-warranty{right:10px;bottom:15px}.modal-footer{border-top:0;margin:0 10px 0 10px}.modal-footer .btn-cance-f4{background-color:#f4f4f4;color:#000}.image-product-box{background-color:#f4f4f4}.image-product-box .fll{width:80px;max-height:68px}.image-product-box .flr{width:calc(100% - 95px)}.rate{float:left;height:46px;line-height:46px;padding:0 10px}.rate:not(:checked)>input{position:absolute;top:-9999px}.rate:not(:checked)>label{float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:42px;color:white}.rate:not(:checked)>label:before{content:'★ '}.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover ~ label{color:#deb217}.rate>input:checked ~ label{color:#ffc700}.rate>input:checked ~ label:hover,.rate>input:checked ~ label:hover ~ label{color:#c59b08}.rate>input:checked+label:hover,.rate>input:checked+label:hover ~ label{color:#c59b08}.rate>label:hover ~ input:checked ~ label{color:#c59b08}.btn-upload{background:#F2F2F2;height:72px;width:72px;color:#207fef;border:1px solid #E5E5E5}.btn-upload .position-ab{top:0;left:0;bottom:0;right:0;opacity:0}.listImgProduct{flex-flow:row wrap}.listImgProduct .img-avataProduct{width:72px;height:72px;background:#F2F2F2}.listImgProduct .img-avataProduct .rmImg{top:-10px;right:-5px;width:20px;height:20px;color:red}.listImgProduct .img-avataProduct img{max-width:100%;max-height:100%}.popup-show-img .modal-content{max-width:unset;margin-top:-20px;height:100vh;background-color:rgba(0,0,0,0.58)}.popup-show-img .modal-content>.fll{width:350px;background-color:#000}.popup-show-img .modal-content>.flr{width:calc(100% - 350px)}.popup-show-img .btn-close{width:32px;height:32px;background:#fff;top:32px;right:52px;z-index:9}.popup-show-img .swiper-slide{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.popup-show-img .swiper-pagination-fraction{width:200px;line-height:48px;background-color:rgba(255,255,255,0.28);border-radius:24px;left:0;right:0;margin:auto;font-size:20px}.popup-show-img .swiper-button-next,.popup-show-img .swiper-button-prev{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);z-index:11}.popup-show-img .swiper-button-next:after,.popup-show-img .swiper-button-prev:after{font-size:20px}.popup-show-img .swiper-button-next{right:calc(50% - 92px)}.popup-show-img .swiper-button-prev{left:calc(50% - 92px)}.popup-show-img .swiper-thumbs .swiper-slide{border:3px solid transparent}.popup-show-img .swiper-thumbs .swiper-slide.swiper-slide-thumb-active{border:3px solid #fff}.popup-show-detail .btn-close{width:32px;height:32px;background:#fff;top:32px;right:52px;z-index:9}.popup-show-detail .modal-content{max-width:unset;margin-top:0;background-color:transparent}.popup-show-detail .modal-content .modal-body{max-width:980px;margin:75px auto}@media (max-width: 1000px) and (hover: hover){.rate:not(:checked)>label:hover{color:white}}@media (max-width: 1000px){.popup-show-detail .modal-content .modal-body{max-width:100%}}@media (min-width: 500px) and (max-width: 1024px){.popup-show-img .btn-close{top:5px;right:5px}.popup-show-img .modal-content{flex-wrap:wrap;margin-left:0;margin-right:0;padding-top:0}.popup-show-img .modal-content>.fll{width:100%;padding-right:10px;padding-left:10px;height:130px;order:2;padding-bottom:0}.popup-show-img .modal-content>.flr{width:100%;padding-right:0;padding-left:0;height:calc(100% - 135px);order:1}.popup-show-img .sld-thumb-img{height:100%}}@media (max-width: 500px){.popup-directives .modal-content{margin-left:.5rem;margin-right:.5rem}.popup-directives.popup-show-img .modal-content{margin-left:0;margin-right:0}.popup-directives.popup-show-img .modal-content .btn-close{top:5px;right:5px}.popup-directives.popup-show-detail .modal-content .modal-body{margin-top:20px}.popup-directives.popup-show-detail .btn-close{top:-28px;right:5px}.popup-show-img .modal-content>.fll{display:none}.popup-show-img .modal-content>.flr{width:100%}}@media (max-width: 1000px){.header-top{padding-left:10px;padding-right:10px}.main-content{width:100%;height:100%}}
/*# sourceMappingURL=lading-page.css.map */
