/* https://ipack.com.vn/userdata/9071/wp-content/themes/keyweb/css/1.home.css?ver=6.4.1 */
.home-slide{position:relative}.home-dv{position:absolute;width:100%;bottom:0}.box.color-1{background-color:rgba(170,20,128,1)}.box.color-2{background-color:rgba(1,69,135,1)}.box.color-3{background-color:rgba(106,125,188,1)}.box.color-4{background-color:rgba(96,181,91,1)}.box.color-5{background-color:rgba(0,154,155,1)}.box.color-6{background-color:rgba(38,148,211,1)}.box{position:relative;padding:20px 10px;text-align:center;color:#fff;height:130px;bottom:0;transition:all .3s ease;margin:0 auto;width:90%}.box::before{position:absolute;width:50px;height:8px;background-color:#004b8d;top:0;left:0;content:''}.box .title{display:block;line-height:25px;height:50px;margin-bottom:10px}.box i{font-size:30px}.box a i{color:#fff}.grid-about{padding:50px 0}.grid-bg{background-color:#e1e1e1}.box-about{position:relative;background-color:#fff;height:340px;overflow:hidden;transition:all .3s ease}.center-block{display:block;margin-right:auto;margin-left:auto}.box-about .box-content{padding:10px 10px 30px}.box-about .box-title{margin:0 0 10px;font-size:16px;line-height:22px;text-align:center}.box-about .box-title a{color:#548dd4;font-weight:700}.box-about .box-sapo,.box-about .box-sapo p{line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.box-about .box-btn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);transition:all .45s ease}.box-about .box-btn a{display:inline-block;font-size:14px;padding:8px 35px;border:solid 1px #376092;background:#376092;border-radius:20px;text-transform:uppercase;color:#fff!important}.box-about:hover .box-img{display:none}.box-about:hover{background-color:#00aeef}.box-about:hover .box-content{padding:20px}.box-about:hover .box-sapo{text-align:center}.box-about:hover .box-btn{bottom:20px}.box-about:hover .box-title a,.box-about:hover .box-sapo{color:#fff}.grid-why{padding:30px 0}.box-why--img{background-color:#376092;padding:20px;float:left}.box-why__title{margin:0 0 10px;font-size:20px;font-weight:700;text-transform:uppercase;text-align:center}.overlay a:hover{text-decoration:none}.box-why__title a{color:#fff!important}.box-why__gallery ul{list-style:none;padding:0;margin:0}.box-why__gallery ul li{position:relative;float:left;width:50%;padding:2%}.box-why__gallery ul li a{position:relative;display:block;width:100%;height:100%;overflow:hidden}.box-why__gallery ul li .bg-item-content{position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#00aeef;z-index:-1;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;transition:all .25s ease-in-out}.box-why__gallery ul li .item-content{position:absolute;top:50%;left:-100%;width:100%;text-align:center;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transition:all .5s ease-in-out}.box-why__gallery ul li .item-content .title{margin:0 0 15px;color:#fff;text-transform:uppercase;padding:0 10px;line-height:1.3;font-size:16px;font-weight:700}.icon-list{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center}.box-why__gallery ul.icon-list li{width:40px;height:40px;float:inherit;padding:5px;background:#fff;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center;margin:0 2%;border-radius:20px}.box-why__gallery img{display:block;width:100%;object-fit:cover}.box-why__gallery ul li:hover .bg-item-content{left:0;z-index:10}.box-why__gallery ul li:hover .item-content{left:0;z-index:11}.grid-product{padding:30px 0}.grid-head{text-align:center;margin-bottom:20px}.grid-head .title{position:relative;color:#262626;line-height:1.3;font-size:25px;margin:0;display:block;font-weight:700;text-transform:uppercase}.box-solution{position:relative;margin-bottom:10px;cursor:pointer;background:#fff;overflow:hidden}.box-solution img{height:218px;object-fit:cover;display:block;width:100%}.box-solution .overlay{position:absolute;top:calc(100% - 42px);height:42px;width:100%;margin:0;transition:all .3s ease;z-index:10;overflow:hidden}.box-solution .title{margin:0;font-weight:700;text-align:center;padding:10px;font-size:16px;height:42px;color:#fff;text-transform:uppercase}.box-solution .overlay .icon-list{list-style:none;padding:0;margin:0;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center}.box-solution .overlay .icon-list li{width:40px;height:40px;float:inherit;padding:5px;background:#fff;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center;margin:0 2%;border-radius:20px}.box-solution .overlay .icon-list li i{color:#376092}.box-solution::after{content:'';width:100%;height:100%;background-color:#00aeef;opacity:0;position:absolute;top:0;left:0;transition:all .3s ease}.box-solution:hover::after{opacity:.8}.box-solution:hover .overlay{bottom:inherit;height:inherit;background:0 0;transform:translate(0,-50%);top:50%}.box-solution::before{content:'';width:100%;height:42px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));position:absolute;bottom:0;left:0;transition:all .3s ease}.grid-product .box-solution .title{color:#333;font-size:15px}.grid-product .box-solution:hover .title{color:#fff;margin-bottom:10px}.grid-double,.grid-procedure{padding:30px 0}.custom-img{position:relative}.box-about .box-img img,.custom-img img{width:100%;object-fit:cover}.custom-content{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.4);padding:10px;color:#fff;line-height:1.5}.grid-btn{text-align:center;margin:30px 0 20px}.grid-btn a{padding:10px 24px;background-color:#00adef;color:#fff;border-radius:40px;transition:all .3s ease;font-weight:700;display:inline-block;min-width:250px;line-height:1.5;text-transform:uppercase;font-size:18px;letter-spacing:1px}.grid-btn a:hover{background-color:#ffb204;-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777}.grid-double .box-solution .title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-bottom:0;margin-bottom:20px;height:auto;line-height:20px}.grid-feedback{padding:50px 0 80px}.box-feedback{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;margin:0 10px;padding:10px;justify-content:flex-start;align-items:center;background-color:#fff}.box-feedback .box-img{width:30%;padding:10px;position:relative;overflow:hidden}.box-feedback .box-img img{border-radius:50%;max-width:150px;margin:0 0 10px}.box-feedback .box-content{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;flex:1;position:relative}.box-feedback .box-content .title{font-weight:700;font-size:20px}.box-feedback .box-content .meta{font-style:italic;color:#777;font-size:90%}.box-feedback .box-text{line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:100px}.grid-three{padding:30px 0}.card-news{margin:0 10px;position:relative}.card-news .card-image{position:relative;overflow:hidden}.card-news .card-image img{-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.card-news .card-content{padding:10px 0}.card-news .card-title{margin:0 0 10px;line-height:25px;font-size:18px;font-weight:700;overflow:hidden;height:50px;text-overflow:ellipsis;display:-webkit-box}.card-news .card-title a{color:#333}.card-news .card-title{margin:0 0 10px;line-height:25px;font-size:18px;font-weight:700;overflow:hidden;height:50px;text-overflow:ellipsis;display:-webkit-box}.card-news .card-sapo{overflow:hidden;text-overflow:ellipsis;color:#555;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:15px;line-height:1.5}.card-news .card-btn{color:#376092;font-size:12px;font-style:italic;float:right;margin:10px 10px 0}.grid-printerest{background-color:#e02329;height:400px}.grid__content .grid-btn{color:#777;font-size:12px;font-style:italic;float:right;margin:10px 10px 0}.grid-printerest .grid-btn{color:#fff}.grid-printerest .grid__content{padding:10px;color:#fff}.grid-printerest .grid__content+.grid__content{margin-top:40px;border-top:1px dashed #eee}.grid__content ul{margin:0;padding:0;list-style:none}.grid__content ul li{float:left;padding:0 5px;margin-bottom:20px;width:50%}.grid__content ul li a{color:#fff;text-decoration:underline}@media only screen and (max-width:1200px){.box{padding:20px 7px 10px;height:115px;width:auto}.box .title{display:block;line-height:22px;height:45px;margin-bottom:5px;font-size:15px}.box i{font-size:25px}}@media only screen and (max-width:992px){.home-dv{position:unset}}@media only screen and (max-width:800px){.home-dv .col-lg-2{width:auto;position:relative}.home-dv .row{overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:auto;display:flex;flex-wrap:unset}.home-dv .box{min-width:115px}.grid-about,.grid-why,.grid-product,.grid-procedure,.grid-feedback{padding:20px 0}.grid-about .col-lg-4,.grid-about .col-lg-8{width:100%}.grid-about .col-lg-8{margin-bottom:10px}.grid-about .intro-video{text-align:center}.grid-product .col-lg-3{width:33.3333%}.box-feedback .box-img img{max-width:100%}.box-feedback .box-content .title{font-size:18px;margin:0}.box-feedback .box-text{line-height:20px}}@media only screen and (max-width:768px){.grid-head .title{line-height:1.1;font-size:20px}.box-solution .title{font-size:15px}.grid-why .col-lg-6{width:100%}.grid-double .box-solution img{height:auto}.grid-about,.grid-why,.grid-product,.grid-procedure{padding-bottom:0}.grid-three>.inner-container>.row>.col-lg-6{width:100%}.grid-three>.inner-container>.row>.col-lg-6+.col-lg-6{margin-top:20px}.grid-printerest{height:300px;margin-bottom:20px}}@media only screen and (max-width:767px){.grid-product .col-lg-3{width:50%}}@media only screen and (max-width:767px){.grid-double .col-lg-5,.grid-double .col-lg-7{width:100%}.custom-img img{max-height:250px;margin-bottom:20px}.custom-content{width:100%}}@media only screen and (max-width:600px){.box-about{height:300px}.box-about .box-btn a{padding:7px 20px}.box-why--img{padding:10px}.grid-head .title{font-size:18px}}