/* http://opencom.vn/userdata/8785/wp-content/themes/keyweb/css/1.home.css?ver=6.4.1 */
.flex-class{display:flex;justify-content:space-between;flex-wrap:wrap}.home-banner .banner{overflow:hidden}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.item-banner{width:33.33%;position:relative;height:245px}.item-banner img{position:relative;display:block;height:100%!important;object-fit:cover}.title-banner{position:absolute;top:30%;left:5%;right:5%}.item-banner .title-banner h4{font-size:25px;font-weight:700;margin:10px 0px}.item-banner .title-banner h4 a{text-decoration:none;text-transform:capitalize}.item-1 .title-banner h4 a{color:#3f3618}.item-banner .title-banner p{font-size:14px;font-weight:700;line-height:20px}.item-1 .title-banner p{color:#3f3618}.item-2 .title-banner h4 a{color:#debc60}.item-2 .title-banner p{color:#898989}.item-3 .title-banner h4 a{color:#fff}.item-3 .title-banner p{color:#fff}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{z-index:1;box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.box-2{background:#f5f5f5;padding:50px 0px}.box-2 .title{margin-bottom:50px}.box-2 .title .title-box1{width:30%}.box-2 .title .title-box1 h3{font-family:'Alegreya',serif;font-size:28px;text-align:right;text-transform:capitalize;font-weight:700;margin:0px}.box-2 .title .smalltitle-box1{width:65%}.box-2 .title .smalltitle-box1 p{font-size:16px;line-height:22px;color:#8b95a2;margin:0px}ul.list-solution li{width:33.13%;float:left;text-align:center;padding:15px 0px;border-bottom:1px solid #8b95a2;border-right:1px solid #8b95a2;box-sizing:border-box;padding:2%;list-style:none}ul.list-solution li:hover{background:#172738}ul.list-solution li .icon_item_solution{width:64px;height:64px;display:inline-block}ul.list-solution li h4{font-family:'Alegreya',serif;font-size:25px;margin:0px 0px 10px 0px}ul.list-solution li .excerpt{min-height:98px;margin-bottom:10px}@media only screen and (min-width:981px){ul.list-solution li .excerpt{min-height:115px}}.p_line{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}ul.list-solution li .icon_item_solution{width:64px;height:64px;display:inline-block;background-repeat:no-repeat}ul.list-solution li>a{color:#2488e6;font-size:14px;text-transform:uppercase;font-weight:700;text-decoration:none;padding-bottom:5px}.p_line::before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2488e6;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.p_line:hover::before,.p_line:focus::before,.p_line:active::before{right:0}ul.list-solution li:hover .excerpt{color:#eee}ul.list-solution li:hover h4 a{color:#f2cd69}.box-3{display:flex;flex-wrap:wrap;position:relative}.title-box-3,.slide-box-3{float:left;width:100%}.box-3 .title-box3{width:80%;float:left;padding:50px 0px}.box-3 .title-box3 h4{color:#fff;font-family:'Alegreya',serif;font-size:35px;font-weight:700;text-transform:capitalize;margin:0px 0px 30px 0px}.box-3 .title-box3 p{color:#fff;font-size:16px;font-style:italic;line-height:20px;font-weight:700}.box-3 .item:hover img{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-webkit-transition-duration:1s;transition-duration:1s;border:0;opacity:0.8}.box-3 .item:hover a{text-decoration:none;-webkit-transform:translate3d(0,130px,0);transform:translate3d(0,130px,0);-webkit-transition-duration:1s;transition-duration:1s}.box-3 .item:hover h3{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);-webkit-transition-duration:0.5s;transition-duration:0.5s;margin-bottom:0}.box-3 .slide-box-3{position:relative}.slide-box-3 .swiper-button-nd{position:absolute;top:-100px;right:100px;display:flex}.slide-box-3 div.swiper-button-next,.slide-box-3 div.swiper-button-prev{position:unset;margin-left:10px}.box-4{padding:30px 0px;background:#f8f8fa}.box-4 .core{width:50%;box-sizing:border-box;padding-right:5%}.box-4 h3{font-family:'Alegreya',serif;font-size:28px;text-transform:capitalize;font-weight:700;margin-top:0px;color:#242424;margin-bottom:20px}.box-4 .core .all-item .main-item{border-bottom:1px solid #e1e1e1;cursor:pointer}.box-4 .core .all-item .main-item .title{width:100%;box-sizing:border-box}.box-4 .check-item{background:#5db5ff;color:#fff}.box-4 .core .all-item .main-item .title p{color:#242424;text-transform:uppercase;font-size:16px;font-weight:700;padding:3%;margin:0px}.box-4 .core .all-item .main-item .title p i{color:#242424;float:right}.box-4 .core .all-item .main-item .title-hidden{width:100%;padding:20px 0px;display:none}.title-hidden .img{width:30%}.title-hidden .img img{width:100%;height:auto}.title-hidden .small-title{width:65%}.box-4 .core h4{font-family:'Alegreya',serif;font-size:20px;font-weight:700;margin:0px;color:#1f365c}.title-hidden{webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;animation:slide-up 0.6s}.title-hidden.active{display:flex!important}@keyframes slide-up{0%{opacity:0;transform:translateY(10%)}100%{opacity:1;transform:translateY(0)}}.title-hidden .small-title p{color:#8b95a2;font-size:14px}.box-4 .about-us{width:50%}.about-us .img-about{width:100%;min-height:168px;margin-bottom:20px;overflow:hidden}.about-us .img-about .img-1{width:65%;box-sizing:border-box;padding-right:5%}.about-us .img-about .img-2{width:35%;box-sizing:border-box}.about-us .img-about img{width:100%;height:100%;object-fit:cover}.about-us .small-title p{line-height:25px}.box-5 .item .meta-item{width:100%;box-sizing:border-box;padding:3% 10%}.box-5 .meta-item .img-item{display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex}.box-5 .meta-item .img-item img{width:15%;height:100%!important;border-radius:100%}.box-5 .meta-item .smalltitle p{color:#fff;font-weight:700;font-size:14px;text-align:center;margin:15px 0}.box-5 .meta-item .title h3{font-family:'Alegreya',serif;font-size:20px;text-transform:capitalize;font-weight:700;margin-top:0px;color:#d5b157;text-align:center}.box-5{background-image:url(/userdata/8785/wp-content/themes/keyweb/css/../css/images/var3_testi_bg.jpg);background-position:center;background-attachment:fixed}.box-6{background-color:#fff;padding:50px 0px 0}.box-6 .title h3{font-family:'Alegreya',serif;font-size:28px;text-transform:capitalize;font-weight:700;margin-top:0px;color:#1c2837;margin-bottom:30px}.box-6 .col-post{margin-bottom:50px}.box-6 .item-post{width:31.33%}.box-6 .item-post .img{overflow:hidden}.box-6 .item-post .img img{width:100%;float:left;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;-moz-transition:opacity 0.35s,-webkit-transform 0.35s;-o-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;height:206px;object-fit:cover}.box-6 .item-post .img .time-post{position:absolute;bottom:5%;left:5%;color:#fff;font-weight:700;padding:10px 15px;background:#d5b157;border-radius:5px}.box-6 .item-post .title-post h3{color:#000;font-family:'Alegreya',serif;font-size:20px;font-weight:700;text-decoration:none;margin:20px 0}.box-6 .item-post p{color:#898989;margin-top:0px}.box-6 .item-post>a{text-decoration:none;color:#337ab7;text-transform:uppercase;font-weight:700;margin-top:10px;display:block}.box-6 .item-post .title-post h3:hover{color:#337ab7;text-decoration:underline}.box-6 .item-post .img img:hover{opacity:0.8;-webkit-transform:scale3d(1.15,1.15,1);-moz-transform:scale3d(1.15,1.15,1);-o-transform:scale3d(1.15,1.15,1);transform:scale3d(1.15,1.15,1)}.box-6 .item-post .title-post h3:hover{color:#337ab7;text-decoration:underline}.box-7{padding:50px 0px}.box-8{background-color:#eef0f3;position:relative}.box-8 .col1-box8{width:35%;margin-right:10%;height:580px}.box-8 .col1-box8 .img{position:absolute;left:-15%}.box-8 .col1-box8 .img img{max-height:550px}.box-8 .col1-box8 .title{position:relative;margin-top:50px;box-sizing:border-box;padding-right:10%}.box-8 h3{color:#1f365c;font-family:'Alegreya',serif;font-size:28px;font-weight:700;text-decoration:none;margin-top:0px}.box-8 .col1-box8 .title h3{color:#fff;line-height:42px}.box-8 span{color:#d5b157;font-family:'Alegreya',serif;font-size:28px;font-weight:700;text-decoration:none;margin-top:0px}.box-8 h4{color:#fff;font-family:'Alegreya',serif;font-size:20px;font-weight:700;text-decoration:none;margin-top:0px;margin-bottom:25px}.box-8 p{color:#9ba1a9;line-height:26px;margin:10px 0}.box-8 .col1-box8 .title>a{color:#fff;background-color:#d5b157;text-transform:uppercase;font-size:16px;padding:15px 20px;font-weight:700;border-radius:5px}.box-8 .col2-box8{width:55%;box-sizing:border-box;padding-top:50px;position:relative;background:#eef0f3;padding-left:2%;padding-bottom:2%}.box-8 h3{color:#1f365c;font-family:'Alegreya',serif;font-size:28px;font-weight:700;text-decoration:none;margin-top:0px;margin-bottom:25px}.swiper-button-prev::before{content:"‹";font-family:'FontAwesome'}.swiper-button-next::before{content:"›";font-family:'FontAwesome'}div.swiper-button-next,div.swiper-button-prev{width:50px;height:50px;font-size:50px;line-height:35px;text-align:center;background:transparent;color:#638191;border:2px solid #638191}div.swiper-button-next:hover,div.swiper-button-prev:hover{border-color:#fff;color:#fff}div.swiper-button-next:hover::before,div.swiper-button-prev:hover::before{color:#fff!important}@media only screen and (max-width:1000px){.slide-box-3 .swiper-button-nd{top:-40px;right:10px}.box-3 .title-box3{padding:20px 0px}}@media only screen and (max-width:800px){.title-banner{top:20%}.item-banner .title-banner h4{font-size:20px}.box-2{padding:30px 0px}.box-2 .title{margin-bottom:20px;align-items:center}.box-2 .title .title-box1 h3,.box-4 h3,.box-6 .title h3,.box-8 h3{font-size:26px}.box-3 .title-box3,.box-6,.box-7{padding:20px 0px}.box-3 .title-box3 h4{font-size:30px;margin-bottom:15px}.box-3 .title-box3 p{font-size:15px;line-height:18px}.box-4 .core{padding-right:20px}.box-4 h3,.box-6 .title h3,.box-8 h4{margin-bottom:10px}.box-6 .col-post{margin-bottom:0}.box-8 .col1-box8 .title h3{line-height:35px}.box-8 .col1-box8 .title{padding-right:0}.box-8 .col1-box8{width:40%;margin-right:0;height:500px}.box-8 .col1-box8 .img img{height:500px;max-height:unset}}@media only screen and (max-width:768px){ul.list-solution li{width:50%}div.swiper-button-next,div.swiper-button-prev{width:40px;height:40px;font-size:30px;line-height:25px}}@media only screen and (max-width:767px){.box-4 .core{margin-bottom:20px}.box-4 .core,.box-4 .about-us{width:100%;padding:0}.box-5 .item .meta-item{padding:20px 10px}}@media only screen and (max-width:640px){.box-2{padding:20px 0px}.box-2 .title .title-box1,.box-2 .title .smalltitle-box1{width:100%}.box-2 .title .title-box1 h3{text-align:left}ul.list-solution li h4{font-size:22px}.box-6 .item-post{width:48%}.box-6 .col-post .item-post:last-child{display:none}.box-8 .col2-box8{padding-right:2%}.box-8 .col1-box8 .title>a{font-size:14px;padding:10px}}@media only screen and (max-width:500px){.box-3 .title-box3{width:100%}.slide-box-3 .swiper-button-nd{display:none}.box-3 .title-box3 h4{font-size:25px;margin-bottom:5px}.box-3 .title-box3 p{font-size:14px}.box-6 .item-post .title-post h3{font-size:18px;margin:20px 0 10px}}@media only screen and (max-width:480px){.item-banner{width:100%;height:auto}ul.list-solution li{width:100%}.title-banner{top:10%}}@media only screen and (max-width:460px){.box-8 .col1-box8,.box-8 .col2-box8{width:100%}.box-8 .col1-box8 .img img,.box-8 .col1-box8{height:370px}.box-8 .col1-box8 .title{margin-bottom:40px}.box-8 .col2-box8{padding-top:20px;padding-left:10px;padding-bottom:10px}}@media only screen and (max-width:400px){.box-6 .item-post{width:100%;margin-bottom:20px}.box-6 .col-post .item-post:last-child{display:block;margin-bottom:0}.box-6 .col-post{margin-bottom:0}}