/* https://constechvina.com.vn/userdata/9246/wp-content/themes/keyweb/css/1.home.css?ver=6.4.1 */
#section-1{position:relative;z-index:10;float:left;width:100%}#section-1 .wall-container{color:#fff;background-size:cover;background-position:top;position:relative}#section-1 .wall-container .block-text{position:relative;z-index:1;width:60%;left:20%;top:0;padding-bottom:20px;padding-top:30px;font-size:30px}#section-1 .wall-container .block-text b{font-size:48px;line-height:55px}#section-1 .wall-container .drop-out-contain{position:absolute;width:100%;z-index:1}#section-1 .wall-container .drop-out .block{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 10px;top:0;left:0;width:100%;height:100%;z-index:2}#section-1 .wall-container .drop-out .block{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 10px;top:0;left:0;width:100%;height:100%;z-index:2}#section-1 .wall-container .drop-out .block{padding:20px 15px;border:solid 3px #fff;box-shadow:10px 11px 5px rgba(0,0,0,.075);-webkit-transition:all 0.5s 1s ease;transition:all 0.5s 1s ease;background:-webkit-gradient(linear,left top,right top,from(#a0081d),to(#e02622))}#section-1.frameAnimation .wall-container .drop-out .block{-webkit-transform:translate(10px,10px)}#section-1 .wall-container .drop-out .block .column .big-title{font-family:'Lora',serif;font-weight:700;font-size:72px;border-bottom:solid 1px #fff}#section-1 .wall-container .drop-out .block .column .text{font-size:18px;margin-top:10px}#section-1 .wall-container .drop-out .block .column .text b{display:block;font-size:24px}#section-1 .wall-container .drop-out .block .column{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%;border-right:solid 1px #fff;text-align:center;padding:0 5px}#section-1 .wall-container .drop-out .block .column:last-child{border-right:none}.wall-container .painted-wall,.wall-nano-container .painted-wall{position:absolute;height:100%;top:0;left:0;background:#ededed;overflow:hidden;background-size:cover;background-position:bottom}#section-1 .wall-container .painted-wall{background:-webkit-gradient(linear,left top,right top,from(#a0081d),to(#e02622));-webkit-transition:width 1s ease;transition:width 1s ease;width:100%}#section-1 .wall-container .drop-out-contain .white-wall{position:absolute;height:80%;top:20%;left:20%;background-color:#fff;width:80%}#section-1 .wall-container.animate .drop-out .block{-webkit-animation-name:blockSlideOut;animation-name:blockSlideOut;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s;border:solid 3px #fff}#section-1 .wall-container .drop-out{left:20%;position:relative;width:30%;width:450px;z-index:1;background:#fff}#section-1 .wall-container.animate .drop-out{-webkit-animation-name:sweepRightDropOut,dropOutBackground;animation-name:sweepRightDropOut,dropOutBackground;-webkit-animation-duration:0.15s,0.5s;animation-duration:0.15s,0.5s;-webkit-animation-timing-function:linear,ease;animation-timing-function:linear,ease;-webkit-animation-fill-mode:forwards,forwards;animation-fill-mode:forwards,forwards;-webkit-animation-delay:0s;animation-delay:0s}#section-1 .quote-container{position:relative;padding-bottom:0;padding-top:0;-webkit-transition:all 2s ease;transition:all 2s ease;width:100%;float:left;overflow:hidden}#section-1 .quote-container .block-text{position:relative;top:30px;height:100%;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;margin-top:20%;width:560px;left:14%;z-index:1}#section-1 .quote-container .block-text{position:relative;top:30px;height:100%;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;margin-top:20%;width:560px;left:14%;z-index:1}#section-1 .quote-container .block-text>div{color:#1e1e1e;font-size:17px;line-height:28px}#section-1 .quote-container .block-text>div:first-child{position:relative;-webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:ease;transition-timing-function:ease;font-size:20px;font-style:italic;margin-bottom:10px}#section-1 .quote-container .image{bottom:0;left:20%;position:relative;width:27%;top:20px;z-index:1;float:left}#section-2{float:left;width:100%;padding-bottom:50px}#section-2 .title{text-align:center;color:#e32924;background:-webkit-linear-gradient(#a40a1d,#e32924);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:34px;margin-top:50px;font-weight:700}#section-2 .col-1{text-align:right}#section-2 .col-2{text-align:center}#section-2 .col-lg-5{font-weight:700;font-size:16px}#section-2 .new-product .item h2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-center{text-align:center;margin-bottom:20px}#section-2 .item .bg_anima{position:absolute;width:100%;height:100%;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;background:red;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(#f8f8f8),color-stop(#e8e8e8),color-stop(#d9d9d9),to(#cfcfcf));background:linear-gradient(rgba(255,255,255,0),#f8f8f8,#e8e8e8,#d9d9d9,#cfcfcf);transform:translate(0%,100%) translateZ(0);-moz-transform:translate(0%,100%) translateZ(0);-webkit-transform:translate(0%,100%) translateZ(0);-o-transform:translate(0%,100%) translateZ(0);-ms-transform:translate(0%,100%) translateZ(0);z-index:-1}#section-2 .item:hover .bg_anima.active{transform:translate(0%,0%) translateZ(0);-moz-transform:translate(0%,0%) translateZ(0);-webkit-transform:translate(0%,0%) translateZ(0);-o-transform:translate(0%,0%) translateZ(0);-ms-transform:translate(0%,0%) translateZ(0)}#section-2 .new-product .item{text-align:center;margin-bottom:30px;padding:25px 12px;position:relative;overflow:hidden}#section-2 .seemore{margin-top:20px;cursor:pointer}.wall-nano-container{color:#1e1e1e;width:100%;float:left;padding-bottom:150px;text-align:center;position:relative}.wall-nano-container .block-text{position:relative;z-index:1;width:100%;left:0;top:0;padding-top:15px;text-align:center}.wall-nano-container .block-text{padding-top:30px}.wall-nano-container .block-text>div:nth-child(1){font-weight:700;font-size:28px;color:#e32924;background:-webkit-linear-gradient(left,#a40a1d,#e32924);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wall-nano-container .block-text>div:nth-child(1){font-size:30px}.wall-nano-container .block-text>div:nth-child(2){font-size:12px;color:#1e1e1e}.wall-nano-container .block-text>div:nth-child(2){font-size:18px;padding-top:5px}.wall-nano-container .drop-out{background:transparent;height:250px;display:inline-block;margin-left:10px;margin-right:15px;margin-top:30px;width:300px;text-align:center;font-size:11px;z-index:1;position:relative;font-size:16px}.wall-nano-container .drop-out .block{background:#fff;height:100%;left:0;padding-top:5px;position:absolute;width:100%;top:0;z-index:2}.wall-nano-container .drop-out .block{padding-top:10px}.wall-nano-container .drop-out.left img{max-width:43%;height:90px;object-fit:contain}.wall-nano-container .drop-out.left .text{padding-top:20px}.wall-nano-container .drop-out button{color:#fff;border-radius:30px;border-width:3px;bottom:10px;height:28px;left:calc(50% - 65px);padding:0 10px;position:absolute;width:130px}.wall-nano-container .drop-out button{bottom:10px;height:30px;left:calc(50% - 98px);width:200px}.wall-nano-container .drop-out.right .text{padding-top:20px}.wall-nano-container .painted-wall{-webkit-transition:all 0.5s 0.5s ease;transition:all 0.5s 0.5s ease;width:100%}.frame4{padding-top:40px;position:relative;width:100%;float:left}.frame4 .painted-wall{position:absolute;height:100%;top:0}.frame4 .painted-wall{background:#e02622;background:-webkit-gradient(linear,left top,right top,from(#9f081d),to(#e52823));background:linear-gradient(to right,#9f081d,#e52823);-webkit-transition:width 0.8s ease;transition:width 0.8s ease;width:0%}.frame4.frameAnimation1 .painted-wall{width:100%}.frame4 .title{text-align:center;font-size:34px;color:#fff;z-index:1;position:relative;font-weight:700;margin:0 auto;text-transform:uppercase}.frame4 .videos{margin-top:30px;padding:0 20px}.frame4 .videos .scroll-bar{height:360px}.frame4.animation .anima-item{background:#fff;-webkit-box-shadow:inset 10px 10px 5px -8px rgba(171,171,171,0.5);box-shadow:inset 10px 10px 5px -8px rgba(171,171,171,0.5)}.frame4 .videos .video-item{width:100%;background-size:cover;background-position:center;cursor:pointer;border:solid 3px #fff;-o-border-image:url(/userdata/9246/wp-content/themes/keyweb/css/../images/border.svg) 10% stretch;border-image:url(/userdata/9246/wp-content/themes/keyweb/css/../images/border.svg) 10% stretch;-webkit-box-shadow:0px 0px 7px 1px rgba(171,171,171,0.5);box-shadow:0px 0px 7px 1px rgba(171,171,171,0.5);position:relative;height:120px;margin-top:20px}.frame4.frameAnimation .video-item{transform:translate(10px,10px);-moz-transform:translate(10px,10px);-webkit-transform:translate(10px,10px);-o-transform:translate(10px,10px);-ms-transform:translate(10px,10px);-webkit-transition:all 0.5s 1s ease;transition:all 0.5s 1s ease}.frame4 .videos .video-item .icon-play{width:20%;left:40%;position:absolute;top:40%;z-index:1}.frame4 .videos .video-item .overlay-bg{position:absolute;width:100%;height:100%;background-color:rgba(31,28,28,0.65)}.frame4 .videos .video-item .overlay-bg{position:absolute;width:100%;height:100%;background-color:rgba(31,28,28,0.65)}.videos .row .col-lg-6 .big-anima{background-color:#fff}.videos .row .col-lg-6:first-child{width:100%}.videos .row .col-lg-6:first-child .video-item{height:240px;margin-top:0}.frame4 .news{background-color:#fff;padding:15px;margin-top:30px;padding-right:0;max-height:388px;overflow:auto}.frame4 .news::-webkit-scrollbar{width:7px}.frame4 .news::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 5px rgba(51,51,51,.3);background:#dcdcdc}.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scrollbar-rail>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.frame4 .news .item{padding-top:15px;padding-bottom:15px;width:100%;float:left;overflow:hidden;border-bottom:solid 1px #ccc}.image-news img{object-fit:contain;height:150px}.frame4 .news .item .title{font-size:18px;text-align:left;color:#000;font-weight:500}.frame4 .news .item .date{color:#1e1e1e}.frame5{width:100%;float:left;padding-top:80px;padding-bottom:80px;background-size:cover;background-position:center}.frame5 .row-table .same-height{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.frame5 .left-contain{padding-right:0;position:relative}.frame5 .painted-wall{position:absolute;height:100%;top:0;left:0;z-index:0;background:#e02622;background:-webkit-gradient(linear,left top,right top,from(#9f081d),to(#e52823));background:linear-gradient(to right,#9f081d,#e52823);-webkit-transition:width 1s ease;transition:width 1s ease;width:100%}.frame5 .title{text-align:center;font-size:32px;color:#fff;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;height:100%;z-index:1;min-height:494px}.frame5 .title .Aligner-item--fixed{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:80%;background-color:#fff;-webkit-box-shadow:inset 10px 10px 5px -8px rgba(171,171,171,0.5);box-shadow:inset 10px 10px 5px -8px rgba(171,171,171,0.5);z-index:1}.frame5 .root-anima{font-size:24px;border:solid 3px #fff;-webkit-box-shadow:0px 0px 7px 1px rgba(171,171,171,0.5);box-shadow:0px 0px 7px 1px rgba(171,171,171,0.5);width:220px;padding:70px 10px;background:-webkit-gradient(linear,left top,right top,from(#9f081d),to(#e52823));background:linear-gradient(to right,#9f081d,#e52823)}.frame5.frameAnimation .root-anima{transform:translate(10px,10px);-moz-transform:translate(10px,10px);-webkit-transform:translate(10px,10px);-o-transform:translate(10px,10px);-ms-transform:translate(10px,10px);-webkit-transition:all 0.5s 1s ease;transition:all 0.5s 1s ease}.frame5 .painted-wall-item{background:#e02622;background:-webkit-gradient(linear,left top,right top,from(#9f081d),to(#e52823));background:linear-gradient(to right,#9f081d,#e52823)}.frame5 .text-content{position:relative;z-index:1}.frame5 .home-tab-proj.nav-tabs.tab-proj{padding-right:10px;padding-top:5px;padding-bottom:5px;padding-left:10px;-webkit-box-shadow:4px 0px 10px 0px rgba(171,171,171,0.5);box-shadow:4px 0px 10px 0px rgba(171,171,171,0.5)}.frame5 .tab-proj .tab-image-proj{width:100%;height:180px}.frame5 .tab-a{padding:5px 0;display:block}.frame5 .name{color:#1e1e1e;font-size:14px;padding:15px;background:#e02622;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#cfcfcf));background:linear-gradient(to bottom,#f7f7f7,#cfcfcf);min-height:52px}.frame6{width:100%;float:left;padding-top:50px;background-size:cover;background-position:center;margin-bottom:-150px}.frame6 .contain-frame{background-size:auto 100%;background-repeat:no-repeat;min-height:370px}.frame6 .img-word{position:absolute;margin-top:-20%;margin-left:-50%;height:600px;max-width:none;z-index:-1}.frame6 .sub_title{font-size:34px;background:-webkit-linear-gradient(#a40a1d,#e32924);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.frame6 .list_sub{color:#1e1e1e;margin-top:18px;min-height:120px;margin-bottom:30px}.frame6 .list_sub .sub_item{margin-top:5px;font-size:18px;display:flex}.frame6 .list_sub .sub_item .pin-map{margin-right:10px}@media only screen and (max-width:1200px){#section-1 .quote-container .block-text{margin-top:22%;left:12%}}@media only screen and (max-width:1100px){#section-1 .quote-container .block-text{margin-top:24%}.frame5{padding-top:20px;padding-bottom:20px}}@media only screen and (max-width:1000px){#section-1 .quote-container .block-text{margin-top:30%}.frame4 .col-lg-2{width:5%}.frame4 .col-lg-4{width:45%}}@media only screen and (max-width:900px){#section-1 .wall-container .block-text{font-size:27px}#section-1 .wall-container .block-text b{font-size:40px;line-height:45px}#section-1 .wall-container .drop-out .block .column .big-title{font-size:60px}#section-1 .wall-container .drop-out .block .column .text{font-size:16px}#section-1 .wall-container .drop-out .block .column .text b{font-size:20px}#section-1 .quote-container .image{left:100px}.frame5 .col-lg-3,.frame5 .col-lg-9{width:100%}.frame5 .title{padding:20px;min-height:auto}.frame5 .title .Aligner-item--fixed{width:100%}.frame5 .root-anima{width:auto;padding:10px 0}.frame5 .title{font-size:22px}}@media only screen and (max-width:768px){#section-1 .wall-container .block-text b{font-size:35px;line-height:40px}#section-1 .wall-container .block-text{font-size:25px;padding-top:20px}#section-1 .wall-container .drop-out{left:50px}#section-1 .wall-container .drop-out .block .column .big-title{font-size:50px}#section-1 .wall-container .drop-out .block .column .text{font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#section-1 .wall-container .drop-out .block .column .text b{font-size:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#section-1 .quote-container .image{left:60px}#section-1 .quote-container .block-text{left:auto;width:520px}.image-news img{height:auto}}@media only screen and (max-width:700px){.home_product .col-lg-3{width:50%}#section-2 .title{font-size:30px;margin-top:35px}#section-2 .new-product .item{margin-bottom:10px}#section-2{padding-bottom:20px}.frame4 .news .item .title{font-size:15px}.frame4 .videos{padding:0}.frame6{padding-top:20px}}@media only screen and (max-width:700px){#section-1 .wall-container .block-text b{font-size:25px;line-height:30px}#section-1 .wall-container .block-text{width:80%;left:50px}#section-1 .wall-container .drop-out .block .column .big-title{font-size:40px}#section-1 .wall-container .drop-out{width:50%}#section-1 .quote-container .block-text{width:60%;margin-bottom:35px}#section-1 .quote-container .block-text>div:first-child{font-size:18px}.wall-nano-container{padding-bottom:50px}}@media only screen and (max-width:680px){.wall-nano-container .drop-out{width:45%}.frame6 .col-lg-10{width:100%}}@media only screen and (max-width:650px){#section-1 .quote-container .block-text>div:first-child,#section-1 .quote-container .block-text>div{font-size:16px}#section-1 .wall-container .block-text{font-size:20px}#section-1 .quote-container .block-text>div{line-height:22px}.wall-nano-container .block-text>div:nth-child(1),#section-2 .title,.frame4 .title{font-size:27px}.wall-nano-container .block-text>div:nth-child(2){font-size:16px;padding-top:5px;line-height:21px;padding:0 10px}}@media only screen and (max-width:600px){#section-1 .wall-container .drop-out{width:70%}#section-1 .wall-container .drop-out .block .column .text b{font-size:16px}#section-1 .quote-container .block-text>div:first-child,#section-1 .quote-container .block-text>div{font-size:15px}#section-1 .quote-container .block-text{margin-top:37%}#section-1 .quote-container .image{margin-top:23%}}@media only screen and (max-width:567px){#section-1 .quote-container .image{margin-top:16%}.wall-nano-container .drop-out{font-size:15px}.frame6 .col-lg-10>.row>.col-lg-6{width:100%}}@media only screen and (max-width:500px){.wall-nano-container .drop-out{width:81%}.frame4 .col-lg-2{display:none}.frame4 .col-lg-4{width:50%}}@media only screen and (max-width:480px){#section-1 .wall-container .drop-out-contain{position:unset}#section-1 .quote-container .block-text,#section-1 .quote-container .image{margin-top:0}#section-1 .quote-container .image{transform:none!important;top:0}}@media only screen and (max-width:440px){#section-1 .wall-container .drop-out,#section-1 .wall-container .block-text{left:5%;width:85%}#section-1 .quote-container .image{width:100%;text-align:center;left:0}#section-1 .quote-container .block-text{width:90%;margin-bottom:35px}.frame4 .video-item{transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none}}@media only screen and (max-width:400px){#section-2 .col-lg-5{text-align:center!important}}