.home-page{padding-bottom:0 !important}.home-page .banner-main{min-height:100vh;width:100%;background:url("../img/data/home-banner.jpg") no-repeat 50% 50%;background-size:cover !important;padding-top:200px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:1199px){.home-page .banner-main{padding-top:60px}}.home-page .banner-main .banner-title{font-family:"Roboto";font-weight:1000;font-size:10rem;line-height:100%;margin-bottom:40px}@media(max-width:1199px){.home-page .banner-main .banner-title{font-size:7rem}}@media(max-width:767px){.home-page .banner-main .banner-title{font-size:5rem;margin-bottom:20px}}.home-page .banner-main .banner-text{font-size:2.6rem}.home-page .area-about{background:url("../img/common/logo-background.png") no-repeat -21rem 0 #fff}@media(max-width:991px){.home-page .area-about{background-size:300px auto;background-position:-12rem 0}}.home-page .area-about .about-cont{background-color:rgba(0,0,0,0.07);padding:7rem 0}@media(max-width:1199px){.home-page .area-about .about-cont{padding:3.5rem 0}}.home-page .area-about .about-cont .title{font-size:1.8rem;font-family:"Roboto";font-weight:900;width:100%;max-width:815px;background-color:#4422f0;text-align:center;padding:13px 0 13px;letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:5rem}.home-page .area-about .about-cont .title-sub{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.home-page .area-about .about-featured{padding:6rem 0}@media(max-width:1199px){.home-page .area-about .about-featured{padding:3rem 0}}.home-page .area-about .about-featured .wrap{-ms-flex-flow:wrap;flex-flow:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-page .area-about .about-featured .title{font-size:2.2rem;color:#000;font-weight:900;width:205px}.home-page .area-about .about-featured .title .ttl-sub{background-color:#0219fa;display:block;color:#fff;padding:5px 7px}.home-page .area-about .about-featured .featured-cont{width:calc(100% - 290px);background-color:#e7f1fe;padding:4rem 6rem;font-weight:900}@media(max-width:1199px){.home-page .area-about .about-featured .featured-cont{width:100%;padding:3rem}}.home-page .area-slider .slider-items{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:650px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;padding:20px 0;color:#fff}@media(max-width:1199px){.home-page .area-slider .slider-items{height:450px}}@media(max-width:767px){.home-page .area-slider .slider-items{min-height:300px;height:inherit}}.home-page .area-slider .wrap{padding-right:7rem}@media(max-width:767px){.home-page .area-slider .wrap{padding-right:4rem}}.home-page .area-slider .slider-title{font-size:3.2rem;font-weight:700;text-transform:uppercase;margin-bottom:2rem}.home-page .area-slider .slider-text{padding-bottom:5rem}.home-page .area-slider .btn-readmore{font-size:1.5rem;background-color:#000;height:5rem;color:#fff;width:20rem;border-radius:40px;border:0}.home-page .area-slider .slick-dots{bottom:initial;width:2rem;right:5rem;top:45%}@media(max-width:767px){.home-page .area-slider .slick-dots{right:1.5rem;width:1.5rem}}.home-page .area-slider .slick-dots li{height:20px;width:20px;display:block;margin:15px 0}@media(max-width:767px){.home-page .area-slider .slick-dots li{height:12px;width:12px}}.home-page .area-slider .slick-dots li.slick-active button{opacity:1}.home-page .area-slider .slick-dots li button{opacity:.6;width:100%;height:100%;background-color:#fff;border-radius:50%}.home-page .area-news{padding:6rem 0 5rem}.home-page .area-news .loadMore{border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;font-size:2rem;padding:10px 0 15px}.home-page .area-news .loadMore a{color:#000}.home-page .area-news .loadMore a:hover{text-decoration:underline}.home-page .area-connect{padding-bottom:12.5rem;background:url("../img/common/logo-background-2.jpg") no-repeat 0 100%}.home-page .area-connect .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap}.home-page .area-connect .contact{width:calc(33.33% - 25px)}@media(max-width:1199px){.home-page .area-connect .contact{width:100%}}.home-page .area-connect .contact .country-name{display:block;font-size:2.4rem;margin-bottom:.5rem}.home-page .area-connect .contact .contact-text{font-size:1.6rem;margin-bottom:1rem}.home-page .area-connect .contact .social{padding-top:5.5rem}.home-page .area-connect .form-contact{width:100%}@media(max-width:1199px){.home-page .area-connect .form-contact{width:100%}}.home-page .area-connect .form-contact .title{font-size:2.8rem;font-family:"Roboto";font-weight:900;letter-spacing:1px;height:78px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3.5rem}.home-page .area-connect .form-contact .form-select{border:0;height:60px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 25px 0 1rem;background:url("../img/common/arrow-select.png") 100% 50% no-repeat #f0f0f0}.home-page .area-connect .form-contact .form-email{position:relative}.home-page .area-connect .form-contact .form-email .title-mail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:-10px;top:0;height:60px}.home-page .area-connect .form-contact .form-email .title-mail .fas{padding-right:2rem;font-size:2.4rem}.impor{color:red;display:inline-block;font-style:normal;padding-left:1.2rem}.home-page .area-connect .form-contact .form-email .mail-text{height:60px;width:100%;background-color:#f0f0f0;border:0;padding-left:1rem}.home-page .area-connect .form-contact .text-area{background-color:#f0f0f0;width:100%;resize:none;padding:1.5rem 1rem 1rem 1rem;font-size:1.6rem;border:0;height:10rem;margin-bottom:5rem}.home-page .area-connect .form-contact .form-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:767px){.home-page .area-connect .form-contact .form-button{display:block}}.home-page .area-connect .form-contact .form-button .btn-send{font-weight:900;color:#fff;height:5rem;width:20rem;font-size:1.5rem;background-color:#1562a5;border:0;margin-right:5rem}.home-page .area-connect .form-contact .form-button .btn-send:hover{background-color:#0069d9}.signle-page{background-color:#f4f4fa}.signle-page .banner{height:62.5rem;background-size:cover !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:20rem;padding-bottom:2.4rem;color:#fff}.signle-page .banner .banner-title{font-size:3.2rem;font-weight:900}.signle-page .banner .banner-exc{text-transform:uppercase;font-size:2rem}.signle-page .banner .time-upate{font-size:1.6rem}.signle-page .singlePost{margin-bottom:2.5rem}.signle-page .singlePost .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap}.signle-page .singlePost .post-right{width:30%}@media(max-width:991px){.signle-page .singlePost .post-right{width:100%}}.signle-page .singlePost .post-right .title-link{height:60px;font-size:2rem;width:240px;color:#fff;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.5rem}@media(max-width:991px){.signle-page .singlePost .post-right .title-link{height:50px;width:180px}}.signle-page .singlePost .post-right .title-link.related{background-color:#e74700}.signle-page .singlePost .post-right .title-link.popular{background-color:#ea053b}.signle-page .singlePost .post-right .title-link.random{background-color:#6000ff}.signle-page .singlePost .post-right .list-link{padding-bottom:2rem}.signle-page .singlePost .post-right .list-link li{margin-bottom:3rem}.signle-page .singlePost .post-right .list-link li .link-text{text-transform:uppercase;color:#000;font-family:"Roboto";font-weight:900}.signle-page .singlePost .post-right .list-link li .link-text:hover{color:#1005eb}.signle-page .singlePost .post-right .list-link li .link-info{color:#1005eb;font-weight:900}.signle-page .singlePost .post-right .link-tag{margin-bottom:4rem}.signle-page .singlePost .post-right .link-tag .tag-item{display:inline-block;color:#031af5;padding:1rem 2.5rem;font-size:2rem;background-color:#cee4f1}.signle-page .singlePost .post-right .randomPost .thumb img{width:100%}.signle-page .singlePost .post-right .randomPost .post-info{background-color:#6000ff;padding:3rem 4rem;color:#fff}@media(max-width:991px){.signle-page .singlePost .post-right .randomPost .post-info{padding:2rem 2.5rem}}.signle-page .singlePost .post-right .randomPost .post-info .post-title{text-transform:uppercase;font-size:2rem;font-weight:900;font-family:"Roboto"}.signle-page .singlePost .post-right .randomPost .post-info .post-date{font-weight:900}.signle-page .singlePost .post-content{width:calc(70% - 20px)}@media(max-width:991px){.signle-page .singlePost .post-content{width:100%;margin-bottom:5rem}}.signle-page .singlePost .post-content .post-link-other{padding:2rem 4.5rem;background-color:#e5ebff;margin-bottom:6rem}.signle-page .singlePost .post-content .post-link-other .link-other li{padding:.5rem 0}.signle-page .singlePost .post-content .post-link-other .link-other li a{font-size:1.6rem;color:#003cff}.signle-page .singlePost .post-content .post-link-other .link-other li a:hover{text-decoration:underline}.signle-page .singlePost .post-content .post-ttl{font-weight:900;font-family:"Roboto";text-transform:uppercase;margin-bottom:2.5rem}.signle-page .singlePost .post-content .post-text{font-size:1.6rem;margin-bottom:2.5rem}.signle-page .singlePost .post-content .post-text a{color:#0219fa}.signle-page .singlePost .post-content .post-text a:hover{text-decoration:underline}.signle-page .singlePost .post-content .post-thumb{margin-bottom:6rem}.signle-page .singlePost .post-content .post-thumb img{width:100%}.signle-page .singlePost .post-content .text-bold{margin-bottom:4.5rem;background:url("../img/common/double-tick-top.jpg") no-repeat;padding:0 5.5rem;color:#000;font-weight:900;font-family:"Roboto";padding-top:5px}.signle-page .singlePost .post-content .text-bold img{margin-left:15px}.signle-page .singlePost .post-content .post-user{margin-bottom:2.2rem;padding:3rem 4.5rem;background-color:#e6f4f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:wrap;flex-flow:wrap}@media(max-width:767px){.signle-page .singlePost .post-content .post-user{padding:2rem 3rem}}.signle-page .singlePost .post-content .post-user .user-thumb{width:18rem;height:18rem;border-radius:50%;overflow:hidden}@media(max-width:767px){.signle-page .singlePost .post-content .post-user .user-thumb{margin:0 auto}}.signle-page .singlePost .post-content .post-user .user-info{width:calc(100% - 22rem)}@media(max-width:767px){.signle-page .singlePost .post-content .post-user .user-info{width:100%}}.signle-page .singlePost .post-content .post-user .user-name{font-weight:900;font-family:"Roboto";text-transform:uppercase;color:#3e3e3e;margin-bottom:2rem}@media(max-width:767px){.signle-page .singlePost .post-content .post-user .user-name{text-align:center}}.signle-page .singlePost .post-content .post-user .user-desc{font-size:1.6rem}.signle-page .singlePost .post-content .post-form{background-color:#e8e8f6;padding:4.5rem}@media(max-width:767px){.signle-page .singlePost .post-content .post-form{padding:2.5rem}}.signle-page .singlePost .post-content .post-form .form-title{font-weight:900;font-family:"Roboto";text-transform:uppercase;color:#303030;margin-bottom:4rem}.signle-page .singlePost .post-content .post-form .row{margin-left:-10px;margin-right:-10px}.signle-page .singlePost .post-content .post-form .row>div{padding-right:10px;padding-left:10px}.signle-page .singlePost .post-content .post-form .form-wrap{position:relative}.signle-page .singlePost .post-content .post-form .form-wrap .form-ttl{padding-left:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;height:55px}.signle-page .singlePost .post-content .post-form .form-wrap .form-ttl .fas{padding-right:2rem;font-size:2.4rem}.signle-page .singlePost .post-content .post-form .form-wrap .form-ttl .impor{color:red;display:inline-block;font-style:normal;padding-left:1.2rem}.signle-page .singlePost .post-content .post-form .form-wrap .form-control{height:55px;width:100%;background-color:#f6f6f6;border:0;padding-left:15rem;font-size:2.4rem}.signle-page .singlePost .post-content .post-form .text-area{margin-top:2rem;background-color:#f6f6f6;width:100%;resize:none;padding:2rem;font-size:1.6rem;border:0;height:29rem;margin-bottom:2rem}.signle-page .singlePost .post-content .post-form .btn-send{color:#fff;max-width:20rem;width:100%;height:5rem;border-radius:40px;background-color:#11e20c;font-size:1.5rem}.signle-page .singlePost .post-content .post-form .btn-send:hover{background-color:#04af00}.projct-page{padding-top:20rem}@media(max-width:767px){.projct-page{padding-top:11rem}}.projct-page .project-list{background:url("../img/common/logo-background.png") 50% 110% no-repeat}.projct-page .project-list .projet-items{padding-bottom:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:wrap;flex-flow:wrap}@media(max-width:767px){.projct-page .project-list .projet-items{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-ms-flex-flow:wrap-reverse !important;flex-flow:wrap-reverse !important}}.projct-page .project-list .projet-items .projet-info{width:43%;position:relative;z-index:10}@media(max-width:767px){.projct-page .project-list .projet-items .projet-info{width:100%}}.projct-page .project-list .projet-items .projet-info .projet-info-wrap{position:relative;z-index:10;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3);width:calc(100%+10rem);padding:12rem 3rem 3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;min-height:50rem}@media(max-width:767px){.projct-page .project-list .projet-items .projet-info .projet-info-wrap{width:100%;padding:8rem 2rem 2rem;min-height:30rem}}.projct-page .project-list .projet-items .projet-info .projet-info-wrap .m-title{background-color:#ff4e00;position:absolute;right:0;top:0}.projct-page .project-list .projet-items .projet-info .projet-info-wrap .project-name{font-size:2.6rem;line-height:150%;color:#000;font-family:"Roboto";font-weight:1000;text-transform:uppercase;margin-bottom:3rem}@media(max-width:767px){.projct-page .project-list .projet-items .projet-info .projet-info-wrap .project-name{font-size:1.8rem;margin-bottom:1.5rem}}.projct-page .project-list .projet-items .projet-info .projet-info-wrap .project-desc{font-size:1.6rem;padding-bottom:2rem}.projct-page .project-list .projet-items .projet-info .projet-info-wrap .detail{font-weight:700;font-size:2.4rem;height:40px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:54px;background:url("../img/common/arrow-circle-right.png") no-repeat}@media(max-width:767px){.projct-page .project-list .projet-items .projet-info .projet-info-wrap .detail{height:30px;font-size:1.8rem;background-size:30px 30px;padding-left:40px}}.projct-page .project-list .projet-items .photo{width:57%;position:relative;z-index:1}@media(max-width:767px){.projct-page .project-list .projet-items .photo{width:100%}}.projct-page .project-list .projet-items._type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.projct-page .project-list .projet-items._type2 .projet-info-wrap{right:10rem}@media(max-width:767px){.projct-page .project-list .projet-items._type2 .projet-info-wrap{right:0}}.projct-page .project-list .projet-items._type2 .m-title{left:0;right:initial !important}.projct-page .projet-wrap .head-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projct-page .projet-wrap .head-title .project-fillter{margin-bottom:2rem}.projct-page .projet-wrap .head-title .project-fillter li{padding:0 1.5rem;display:inline-block}.projct-page .projet-wrap .head-title .project-fillter li a{font-weight:900;color:#000}.projct-page .projet-wrap .head-title .project-fillter li a.active{color:#0202d5}.file__upload{height:60px;width:100%;background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center}.file__upload-input[type="file"]{display:none}.file__upload .file__upload-name{width:calc(100% - 150px);margin-bottom:0;padding-left:10px}.custom-file-upload{margin-bottom:0;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;width:130px;padding:6px 12px;cursor:pointer;font-size:1.4rem;height:100%}