@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700";
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}
body {color: #222;font-family: 'Roboto', arial, verdana, sans-serif;font-size: 14px;margin: 0;padding: 0;line-height: 1.45;min-width: 1200px;background:#e9e9e9}
html{font-size:100%;font-family:"Roboto",sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#000}
.clearfix{content:"";clear:both}
ul,li{list-style:none}
table{border-collapse:collapse;width:100%}
.ul,.ol{margin:0;padding:0;list-style:none}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.space-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.d-block{display:block!important}
.flex-direction{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.container{padding:0 10px;max-width:1230px;margin:0 auto}
.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.container{width:1220px;padding:0 10px;margin:0 auto}
.icon_2024{display:block;background:url(../images/icon_2024_new_update.png?v=1.2) no-repeat;background-size:400px 310px}
.icon_2024.phone{background-position:0 3px;width:25px;height:35px}
.icon_2024.setting{background-position:-27px -3px;width:23px;height:23px}
.icon_2024.yeucau{background-position:-62px -3px;width:23px;height:23px}
.icon_2024.buildpc{background-position:-96px 1px;width:30px;height:30px}
.icon_2024.cart{background-position:-140px 1px;width:30px;height:30px}
.icon_2024.account{background-position:-180px 1px;width:30px;height:30px}
.icon_2024.support{width:30px;height:27px;background-position:0 -51px}
.icon_2024.add-cart{width:30px;height:27px;background-position:-212px -3px}
.icon_2024.ship{width:38px;height:27px;background-position:-48px -51px}
.icon_2024.return{width:38px;height:32px;background-position:-100px -51px}
.icon_2024.pay{width:42px;height:32px;background-position:-151px -47px}
.icon_2024.facebook{width:45px;height:40px;background-position:-197px -44px}
.icon_2024.youtobe{width: 45px;height: 41px;background-position: -245px -44px;}
.icon_2024.list_pay{width:290px;height:40px;background-position:0 -98px}
.icon_2024.hot{width:30px;height:24px;background-position:-250px -3px}
.icon_2024.article{width:30px;height:24px;background-position:-277px -3px}
.icon_2024.chinhang{width:60px;height:60px;background-position:0 -250px}
.icon_2024.tietkiem{width:60px;height:60px;background-position:-90px -250px}
.icon_2024.doingu{width:50px;height:60px;background-position:-175px -250px}
.icon_2024.giaohang{width:75px;height:60px;background-position:-250px -250px}
.icon_2024.khuyenmai{width:47px;height:60px;background-position:-348px -248px}
.icon_2024.start{width:50px;height:50px;background-position:-292px -38px}
.icon_2024.zalo{width:23px;height:24px;background-position:-312px -5px}
.icon_2024.bct {width: 150px;height: 50px;background-position: 0px -165px;}
.icon_2024.messs {width: 54px;height: 54px;background-position: -150px -165px;}
.icon_2024.skype {width: 54px;height: 54px;background-position: -205px -168px;}
.icon_2024.phone-fix {width: 54px;height: 54px;background-position: -268px -168px;}
.icon_2024.zalo-fix {width: 54px;height: 54px;background-position: -333px -168px;}
.icon_2024.down {width: 28px;height: 28px;background-position: -348px -50px;}
.background-01{background-image:-webkit-gradient(linear,left top,right top,from(#2B91CF),to(#2B91CF));background-image:linear-gradient(to right,#2B91CF,#2B91CF)}
.background-02{background-image:-webkit-gradient(linear,left top,right top,from(#88C03F),to(#88C03F));background-image:linear-gradient(to right,#88C03F,#88C03F)}
.background-03{background-image:-webkit-gradient(linear,left top,right top,from(#FBB13E),to(#FBB13E));background-image:linear-gradient(to right,#FBB13E,#FBB13E)}
.header{background:#fff;height:90px}
.header .logo{padding-top:5px;width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:flex-end;padding-right: 110px;}
.header .menu-right{width:70%;height:90px;line-height:90px;position:relative;background:#0071b7}
.header .menu-right::before{background:url(../images/icon-header-min.png?v=3.1) no-repeat;position:absolute;content:"";width:100%;height:90px;left:-65px;top:0}
.header .menu-right .item{color:#fff;z-index:9;padding:0 35px}
.header .menu-right .item:first-child{padding-left:10px}
.header .menu-right .item a{color:#fff;text-transform:uppercase}
.header .menu-right .btn-search{position:relative}
.header .menu-right .btn-search .form-search{position:absolute;right:0;top:63px;;display:none}
.header .menu-right .btn-search .form-search.active{display:block}
#search{float:left;width:339px !important;border:solid 1px #0071b7;height:34px;border-radius:3px;position:relative;margin-top: 28px;margin-left: 131px;}
#submit_search{float:right;width:36px !important;background-position:-48px 0;background-color:#0071b7;font-size:18px !important;color:#fff;border:none;height:32px;border-radius:0 3px 3px 0;cursor:pointer}
#text_search{float:left;height:32px;width:300px !important;border:none;padding-left:6px;outline:none}
.homepage .giaiphap{background-image:url(../images/back-giaiphap.png?v=1.1);background-repeat:no-repeat;background-color:#fff;width:100%;height:520px}
.homepage .giaiphap .title{text-align:center}
.homepage .giaiphap .title h3{font-size:22px;text-transform:uppercase;color:#0071b7;position:relative;padding-bottom:15px}
.homepage .giaiphap .title h3::after{content:"";left:50%;bottom:7px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;width:120px;height:2px;background:#0071b7}
.homepage .giaiphap .title p{color:gray}
.homepage .giaiphap .main-giaiphap{padding-top:20px}
.homepage .giaiphap .cnt-giaiphap{padding-top:40px;margin-right:-10px}
.homepage .giaiphap .item{width:320px;height:320px;margin-right:10px;position:relative}
.homepage .giaiphap .item.dichvu{background-image:-webkit-gradient(linear,left top,right bottom,from(#2B91CF),to(#3fa7e3));background-image:linear-gradient(to bottom right,#2B91CF,#3fa7e3)}
.homepage .giaiphap .item.chothue{background-image:-webkit-gradient(linear,left top,right bottom,from(#88C03F),to(#88C03F));background-image:linear-gradient(to bottom right,#88C03F,#88C03F)}
.homepage .giaiphap .item.hethong{background-image:-webkit-gradient(linear,left top,right bottom,from(#FBB13E),to(#ffc221));background-image:linear-gradient(to bottom right,#FBB13E,#ffc221)}
.homepage .giaiphap .item .content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:80%}
.homepage .giaiphap .item .content p{font-size:25px;color:#fff;padding-top:10px;font-weight:700}
.homepage .dichvu{padding:20px 0}
.homepage .dichvu .title{color:#0071b7;font-weight:700;font-size:22px;position:relative;text-align:center;text-transform:uppercase;padding-bottom:10px}
.homepage .dichvu .title::after{content:"";left:50%;bottom:4px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;width:80px;height:2px;background:#0071b7}
.homepage .dichvu .list-btn-dichvu{padding:20px 0;border-bottom:2px dashed #0071b7}
.homepage .dichvu .list-btn-dichvu .tablinks{margin:0 10px;padding:5px 15px;cursor:pointer}
.homepage .dichvu .list-btn-dichvu .tablinks.active{background:#0071b7;color:#fff;border-radius:15px}
.homepage .dichvu .content-dichvu b,.homepage .dichvu .content-dichvu p{display:block;padding:10px 0}
.homepage .dichvu .content-dichvu p{color:gray}
.homepage .dichvu .table-price .nb-title{padding-bottom:20px}
.homepage .dichvu .table-price .package-price{margin-right:-15px}
.homepage .dichvu .table-price .package-price .item-package{width:330px;margin-right:15px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 9px 3px #7b7b7b5e;box-shadow:0 0 9px 3px #7b7b7b5e}
.homepage .dichvu .table-price .package-price .name{font-size:25px;text-transform:uppercase;color:#fff;text-align:center;border-radius:8px 8px 0 0;padding:30px 0;font-weight:700}
.homepage .dichvu .table-price .package-price .price{padding:20px 0 25px;border-bottom:2px dashed #0071b78e}
.homepage .dichvu .table-price .package-price .price b{font-size:30px;color:#ff0c1c}
.homepage .dichvu .table-price .package-price .price span{padding-top:15px;padding-left:2px;color:#0071b7;font-size:12px}
.homepage .dichvu .table-price .package-price .content-package{border-radius:0 0 8px 8px}
.homepage .dichvu .table-price .package-price .content-package .list-item-package{padding:15px 20px 0}
.homepage .dichvu .table-price .package-price .content-package .list-item-package li{padding-bottom:10px}
.homepage .dichvu .table-price .package-price .content-package .list-item-package i{color:#3ec88c}
.homepage .dichvu .table-price .package-price .content-package .btn-package{width:50%;text-align:center;display:block;margin:20px auto;padding:10px;color:#fff;border-radius:20px;text-transform:uppercase}
.homepage .dichvu .table-price .package-price .item-package.hot{width:390px}
.homepage .dichvu .table-price .package-price .item-package.hot .name{font-size:30px;padding:20px 0}
.homepage .dichvu .table-price .package-price .item-package.hot .price{border-bottom:2px dashed #88C03F}
.homepage .dichvu .table-price .package-price .item-package.hot .price b{font-size:45px}
.homepage .dichvu .table-price .package-price .item-package.hot .price span{padding-top:28px;color:#feb0cd}
.homepage .dichvu .table-price .package-price .item-package.hot .list-item-package{padding:15px 20px 0}
.homepage .dichvu .table-price .package-price .item-package.hot .list-item-package li{padding-bottom:15px;font-size:16px}
.homepage .dichvu .table-price .package-price .item-package.pro .price{border-bottom:2px dashed #fedcb8}
.homepage .dichvu .table-price .package-price .item-package.pro .price span{color:#fedcb8}
.homepage .dichvu .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:0 auto;margin-top:20px;display:block;text-align:center;width:120px;position:relative}
.homepage .dichvu .more-all::before{position:absolute;content:"";width:80px;height:1px;background:#0071b7;left:20px;bottom:0}
.homepage .product-category{padding:10px 0;background:#fff}
.homepage .product-category .title-cate{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .product-category .title-cate::before{position:absolute;content:"";width:150px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .product-category .main-pro-cate{margin-right:-15px;padding:20px 0}
.homepage .product-category .item_product{padding:15px;width:calc(100% / 4 - 15px);border:1px solid #e1e1e1;border-radius:10px;margin-right:15px}
.homepage .product-category .item_product .item_img{display:block;position:relative;margin-bottom:5px}
.homepage .product-category .item_product .fix_img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}
.homepage .product-category .item_product .item-name{height:40px;overflow:hidden;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.homepage .product-category .item_product .item-name h3{font-size:14px;color:#444;line-height:20px}
.homepage .product-category .item_product .content-price{padding-top:5px}
.homepage .product-category .item_product .content-price b{padding-top:6px;padding-right:5px}
.homepage .product-category .item_product .content-price .item-price{color:#e80000;font-weight:700;font-size:20px}
.homepage .product-category .more-all-cate{color:#0071b7;font-size:15px;font-weight:700;margin:0 auto;margin-top:20px;display:block;text-align:center;width:140px;border:1px solid #0071b7;padding:7px;border-radius:20px}
.homepage .product-category .more-all-cate:hover{background:#0071b7;color:#fff}
.homepage .service{padding:15px 0;background:#fff}
.homepage .service .title{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .service .title::before{position:absolute;content:"";width:120px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .service .list-btn-service{padding:20px 0;border-bottom:2px dashed #73848f}
.homepage .service .list-btn-service .servicelinks{margin:0 10px;padding:5px 15px;cursor:pointer}
.homepage .service .list-btn-service .servicelinks.active{background:#0071b7;color:#fff;border-radius:15px}
.homepage .service .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:0 auto;margin:20px auto;display:block;text-align:center;width:120px;position:relative}
.homepage .service .more-all::before{position:absolute;content:"";width:100px;height:1px;background:#0071b7;left:10px;bottom:0}
.homepage .service .name{text-align:center;padding:20px 0;text-transform:uppercase}
.homepage .service .list-service{margin-right:-15px}
.homepage .lease{padding:15px 0}
.homepage .lease .title{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .lease .title::before{position:absolute;content:"";width:120px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .lease .list-btn-lease{padding:20px 0;border-bottom:2px dashed #73848f}
.homepage .lease .list-btn-lease .leaselinks{margin:0 10px;padding:5px 15px;cursor:pointer}
.homepage .lease .list-btn-lease .leaselinks.active{background:#0071b7;color:#fff;border-radius:15px}
.homepage .lease .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:20px auto;display:block;text-align:center;width:120px;position:relative}
.homepage .lease .more-all::before{position:absolute;content:"";width:100px;height:1px;background:#0071b7;left:10px;bottom:0}
.homepage .lease .name{text-align:center;padding:20px 0;text-transform:uppercase}
.homepage .lease .list-lease{margin-right:-15px}
.homepage .art-du-an{padding:15px 0}
.homepage .art-du-an .title{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .art-du-an .title::before{position:absolute;content:"";width:120px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .art-du-an .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:20px auto;display:block;text-align:center;width:250px;position:relative}
.homepage .art-du-an .more-all::before{position:absolute;content:"";width:240px;height:1px;background:#0071b7;left:5px;bottom:1px}
.homepage .art-du-an .more-all i{padding-left:10px}
.homepage .art-du-an .list-art{margin-right:-15px;padding:20px 0}
.homepage .art-bao-tri{padding:15px 0;background:#fff}
.homepage .art-bao-tri .title{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .art-bao-tri .title::before{position:absolute;content:"";width:120px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .art-bao-tri .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:20px auto;display:block;text-align:center;width:300px;position:relative}
.homepage .art-bao-tri .more-all::before{position:absolute;content:"";width:290px;height:1px;background:#0071b7;left:5px;bottom:1px}
.homepage .art-bao-tri .more-all i{padding-left:10px}
.homepage .art-bao-tri .list-art{margin-right:-15px;padding:20px 0}
.homepage .art-video .title{text-align:center;padding:10px 0;font-size:20px;position:relative;color:#0071b7;text-transform:uppercase;font-weight:700}
.homepage .art-video .title::before{position:absolute;content:"";width:120px;height:2px;background:#0071b7;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .art-video .more-all{color:#0071b7;font-size:18px;font-weight:700;margin:20px auto;display:block;text-align:center;width:150px;position:relative}
.homepage .art-video .more-all::before{position:absolute;content:"";width:140px;height:1px;background:#0071b7;left:5px;bottom:1px}
.homepage .art-video .more-all i{padding-left:10px}
.homepage .art-video .list-video{margin-right:-10px;padding:15px 0}
.homepage .art-video .item-video{margin-right:10px;width:calc(100% / 3);position:relative;cursor:pointer}
.homepage .art-video .item-video .icon-play{position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/icon-play.png?v=1) no-repeat;z-index:999;width:70px;height:45px}
.homepage .box-contact{background:url(../images/background-about.png?v=3.1) no-repeat}
.homepage .box-contact .title{display:block;text-align:center;padding:30px 0 10px;font-size:20px;position:relative;color:#fff;text-transform:uppercase;font-weight:700}
.homepage .box-contact .title::before{position:absolute;content:"";width:120px;height:2px;background:#fff;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .box-contact .list-support{padding:30px 0;margin-right:-20px}
.homepage .box-contact .item-support{width:20%;margin-right:20px;color:#fff}
.homepage .box-contact .item-support i{display:block;font-size:40px;color:#fff;margin-bottom:15px}
.homepage .box-contact .item-support b{padding-bottom:10px;display:block;text-transform:uppercase}
.homepage .box-contact .item-support p{font-size:12px;font-weight:400}
.homepage .form-dangky{background:url(../images/background-form.jpg?v=2.1) no-repeat;background-size:cover;position:relative}
.homepage .form-dangky::before{position:absolute;content:"";background-color:#222;opacity:.5;width:100%;height:100%}
.homepage .form-dangky .title h3{display:block;text-align:center;padding:30px 0 10px;font-size:20px;position:relative;color:#fff;text-transform:uppercase;font-weight:700}
.homepage .form-dangky .title h3::before{position:absolute;content:"";width:120px;height:2px;background:#fff;left:50%;bottom:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.homepage .form-dangky .title p{display:block;text-align:center;padding-top:10px;color:#fff;position:relative}
.homepage .form-dangky .cnt-form{position:relative;color:#fff;padding:30px 0}
.homepage .form-dangky .cnt-form .tbl-common{width:70%;margin:0 auto}
.homepage .form-dangky .cnt-form .tbl-common tr{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.homepage .form-dangky .cnt-form .tbl-common td{vertical-align:top;padding:5px;width:55%}
.homepage .form-dangky .cnt-form .tbl-common td:first-child{width:200px;text-align:right}
.homepage .form-dangky .cnt-form .inputText{width:100%;min-height:33px;border-radius:3px;border:solid 1px #ccc;padding:0 5px;outline:none}
.homepage .form-dangky .cnt-form .btn-blue{border:none;outline:none;width:250px;height:35px;color:#fff;margin:0 auto;border-radius:3px;margin-left:100px}
.item-service{width:calc(100% / 3 - 15px);margin-right:15px;background:#fff;text-align:center;padding:10px 10px 25px 10px;border:2px dashed #2B91CF;position:relative}
.item-service::before{position:absolute;content:"";right:-2px;top:-2px;width:0;height:0;border-top:70px solid #2B91CF;border-left:70px solid transparent}
.item-service::after{position:absolute;content:"";left:-2px;bottom:-2px;width:0;height:0;border-bottom:70px solid #2B91CF;border-right:70px solid transparent}
.item-service .img-service{padding:0 0}
.item-service .name-service{font-size:22px;color:#0071b7;font-weight:700}
.item-service .cnt-service{padding-bottom:20px;text-align:left;color:#5e5e5e;line-height:20px;height:490px;overflow:hidden;}
.item-service .cnt-service li{padding: 5px 0;}
.item-service .cnt-service i{color: #3ec88c;padding-right: 5px;}
.item-service .content{padding:10px}
.item-service.bussiness{border:2px dashed #88C03F}
.item-service.bussiness .name-service{color:#88C03F}
.item-service.bussiness::before{border-top:70px solid #88C03F}
.item-service.bussiness::after{border-bottom:70px solid #88C03F}
.item-service.premium{border:2px dashed #FBB13E}
.item-service.premium .name-service{color:#FBB13E}
.item-service.premium::before{border-top:70px solid #FBB13E}
.item-service.premium::after{border-bottom:70px solid #FBB13E}
.item-art{width:calc(100% / 3);margin-right:10px;background:#fff}
.item-art .img-art{display:block;position:relative;height: 225px;margin-bottom:10px}
.item-art .img-art img{width:100%;height:100%;margin:auto;display:block;object-fit: cover;}
.item-art .content-art{padding:0 10px 20px}
.item-art .name-art{display:block;font-weight:700;margin-bottom:5px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-art .cnt-art{height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
/* goiy */
.autocomplete-suggestions{border:1px solid #ccc;background:#FFF;width:100%;display:none;z-index:999;position:absolute;top:44px;left:-1px;}
.autocomplete-suggestions .content-suggestions {padding: 0 12px;max-height:405px;overflow:auto;}
.content-suggestions .item img {width: 60px;display: block;}
.content-suggestions .item .info{width: calc(100% - 108px);margin-right: 48px;}
.content-suggestions .item {padding: 12px 0;border-bottom: 1px solid #EDEDED;}
.content-suggestions .item .name{font-weight: 600;line-height: 20px;color: #222;}
.content-suggestions .item .price{font-weight: 600;color:  #FB4E4E;line-height: 20px;}
.autocomplete-suggestions .more-all {height: 40px;display: block;text-align: center;line-height: 40px;}
.autocomplete-suggestions .more-all .hover-txt:before {background: var(--color-global);}
#brand-list {display: none;}
.homepage .dichvu .tab-ct{display:none;}
.homepage .dichvu .tab-ct.active{display:block;}
.item-service .price b {font-size: 30px;color: #ff0c1c;}
.item-service .price span {padding-top: 10px;padding-left: 2px;color: #0071b7;font-size: 12px;}
.homepage .box-contact .item-support img {width: 70%;}
.item-service .content .img-service {width: 82px;}

/* success */
 .success-checkmark{margin:0 auto;width:100%;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}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #cc0001}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}
.success-checkmark .check-icon::after,.success-checkmark .check-icon::before{content:'';height:100px;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;background-color: var(--color-global);display:block;border-radius:2px;position:absolute;z-index:10}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid var(--color-global)}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}
@-webkit-keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@-webkit-keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
.success-cart{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);display:block}
.content-container{background:#fff;max-width:calc(100% - 40px);height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;border-radius:12px;width:100%}
.content-text{font-weight:600;line-height:1.6}
.success-cart .content-container{max-width:500px;min-height:300px}
.text-30{font-size:30px}
.content-text{font-weight:600;line-height:1.6}
.text-center{text-align:center!important}
/* loading */
.lds-spinner{display:inline-block;width:100px;height:100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lds-spinner div{transform-origin:50px 50px;animation:lds-spinner 1.2s linear infinite}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:49px;width:4px;height:17px;border-radius:20%;background:#fff}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0}
@keyframes lds-spinner {
0%{opacity:1}
100%{opacity:0}
}
.footer{background: #fff;}
.footer .box-partner{margin-top:35px}
.footer .box-partner .title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.footer .box-partner .title:hover{color:var(--color-global)}
.footer .box-partner .item{border:1px solid #ddd;height:45px;display:flex;align-items: center;border-radius:50px;width:calc(9.0909090909% - 10px);margin-right:10px;margin-bottom:10px}
.footer .box-partner .item img{width:85px;height:35px;display:block;-o-object-fit:contain;object-fit:contain;margin:0 auto}
.footer .box-partner .item:hover{border:1px solid var(--color-global)}
.footer .box-hot-tags{margin-top:35px}
.footer .box-hot-tags .title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.footer .box-hot-tags .title:hover{color:var(--color-global)}
.footer .box-hot-tags .item{margin-right:15px;margin-bottom:10px}
.footer .box-hot-tags .item:hover{color:var(--color-global)}
.footer .form-news-letter{padding:30px 0;background:#1660c1;position:relative}
.footer .form-news-letter::before{position:absolute;content:"";right:0;top:0;width:305px;height:100%;background:#00578d;-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}
.footer .form-news-letter .content-form{width:1065px;margin:0 auto}
.footer .form-news-letter .title{color:#fff;font-size:24px;text-transform:uppercase;width:55%}
.footer .form-news-letter .form-right{width:45%;z-index:1}
.footer .form-news-letter .form-right input{width:476px;height:45px;padding:15px;border-radius:40px;outline:0;border:0}
.footer .form-news-letter .form-right input:focus-within{border:1px solid #00578d}
.footer .form-news-letter .form-right .send-newsletter{width:90px;height:45px;line-height:45px;text-align:center;margin-left:10px;background:#ffc500;border-radius:40px;color:#fff;font-weight:700}
.footer .form-news-letter .form-right .send-newsletter:hover{color:#fff;background:var(--color-global)}
.footer .content-main-footer{padding:40px 0;border-bottom:1px solid #ddd}
.footer .content-main-footer .item-footer{width:calc(25% - 10px);margin-right:10px}
.footer .content-main-footer .item-footer a{display:block;margin-bottom:10px;font-size:13px}
.footer .content-main-footer .item-footer a:hover{color:var(--color-global)}
.footer .content-main-footer .item-footer .title{margin-bottom:20px;position:relative;color:var(--color-global);font-weight:700;text-transform:uppercase;font-size:15px}
.footer .content-main-footer .item-footer .title::before{position:absolute;content:"";left:0;bottom:-7px;width:75px;height:1px;background:var(--color-global)}
.footer .content-main-footer .item-footer b{color:var(--color-global);font-size:15px;text-transform:uppercase}
.footer .box-showroom{padding:20px 0}
.footer .box-showroom .list-showroom{margin-right:-20px}
.footer .box-showroom .item{width:calc(50% - 20px);margin-right:20px}
.footer .box-showroom .title{margin-bottom:20px;position:relative;color:var(--color-global);font-weight:700;text-transform:uppercase;font-size:15px}
.footer .box-showroom .title::before{position:absolute;content:"";left:0;bottom:-7px;width:75px;height:1px;background:var(--color-global)}
.footer .box-showroom p{padding-bottom:10px}
.footer .box-showroom i{color:#515151;margin-right:5px}
.footer .box-showroom iframe{width:100%;height:240px;border-radius:10px}
.footer .box-showroom .phone{display:inline-block;font-weight:700;margin:0;color:var(--color-global)}
.footer .footer-bottom{padding:10px 0;text-align:center;background:#ddd;font-size:12px}
.footer .social-media{margin:32px 0}
.footer .social-media .title{font-size:24px;font-weight:700;text-transform:uppercase;display:block;margin-bottom:15px}
.footer .list-social-media{margin-right: -15px;}
.footer .social-media .item{width:calc(100% / 3 - 15px);margin-right:15px}
.footer .social-media .item iframe{width:100%}
.box-support{margin-top:15px}
.box-support .title{padding:8px;border-radius:12px 12px 0 0;background:#0071b7;font-size:14px;color:#fff;text-transform:uppercase;font-weight:600;text-align:center}
.box-support .content{border:1px solid #0071b7;padding:12px;border-radius:0 0 12px 12px}
.box-support li{margin-bottom:10px}
.box-support li:last-child{margin-bottom:0}
.box-support li p{margin:0 5px}
.box-support li a{color:#008fe7;font-weight:700}
.footer .box-support .title {margin-bottom: 0;}
.footer .box-support{margin-top: 0;}
.footer .box-support .content{height: 178px;}
.footer .list-reasons{margin-top:25px;padding:20px 10px;background:#fbfdff;border-radius:12px}
.footer .list-reasons .title{display:block;text-align:center;font-size:24px;font-weight:700;color:#00578d;padding:30px 0;text-transform:uppercase}
.footer .list-reasons .items{width:calc(20% - 40px);margin-right:40px;padding-bottom:10px}
.footer .list-reasons .items:last-child{margin-right:0}
.footer .list-reasons .items:nth-child(1) b{color:#06c458}
.footer .list-reasons .items:nth-child(2) b{color:#04c400}
.footer .list-reasons .items:nth-child(3) b{color:#008293}
.footer .list-reasons .items:nth-child(4) b{color:#da6900}
.footer .list-reasons .items:nth-child(5) b{color:#ed0000}
.footer .list-reasons .icon_2024{margin:0 auto}
.footer .list-reasons .text{height:110px;margin-top:15px}
.footer .list-reasons .text b{font-size:16px;text-align:center;margin-bottom:10px;display:block}
.footer .list-reasons .text p{text-align:center}
.global-fixed-right{position: fixed;right: 20px;bottom: 100px;z-index: 999;}
.global-fixed-right .item{margin-bottom: 10px;display: block;}
.global-fixed-right .item.zalo {position: relative;z-index: 999;transition: .4s;border-radius: 0 30px 30px 0;}
.global-fixed-right .item.zalo .cnt-hover {position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;z-index: 9999;flex-direction: column;align-items: start;justify-content: center;box-shadow: -3px 0px 5.4px 0px #67676740;border-radius: 30px 0 0 30px;display: none;transition: 1s;}
.global-fixed-right .item.zalo .cnt-hover b {display: block;}
.global-fixed-right .item.zalo:hover{background: #fff;}
.global-fixed-right .item.zalo:hover .cnt-hover{display: flex;left: -187px;transition: 1s;width: 190px;text-align: left;}
.global-fixed-right .item.zalo:hover .cnt-hover a {text-align: center;display: block;margin-bottom: 0px;margin-left: 24px;line-height: 22px;}
.global-fixed-right .cnt-hover a:hover {font-weight: 700;color: var(--color-global);}
.table-price {margin-bottom: 30px;}
#js-global-seach {float: left;height: 32px;width: 300px;border: none;padding-left: 6px;outline: none;}
#submit_search {float: right;width: 36px !important;background-position: -48px 0;background-color: #0071b7;font-size: 18px !important;color: #fff;border: none;height: 32px;border-radius: 0 3px 3px 0;cursor: pointer;}
.autocomplete-suggestions .content-suggestions .item {padding: 0;line-height: 0;padding-left: 0;}
.autocomplete-suggestions .content-suggestions .item:first-child {padding-left: 0;}
.body-landingpage .footer .list-reasons{margin-top: 0;}
.body-landingpage .footer{padding-top: 20px;}