html,body{height:100%;position:relative}. .index-con{position:absolute;top:0;left:0;right:0;bottom:0}.index-con>.index-swiper1{width:100%;height:100%}.index-swiperpagination1>.swiper-pagination-bullet{width:20px;height:6px;border-radius:0;margin-bottom:12px !important}.index-swiperpagination1>.swiper-pagination-bullet-active{background-color:#004697}.index-swiper2{margin-top:60px}.slide-swiper2>img{width:100%}.textBorder{position:absolute;top:18%;padding:10px;width:100%;z-index:999}.textBorder div h1{margin:0;color:#fff;font-size:32px;line-height:50px;font-family:impact;text-transform:uppercase;text-align:center;font-weight:bold;text-shadow:5px 5px 5px #333}.textBorder div h3{color:#fff;font-size:20px;text-align:center;margin:0;line-height:40px;text-shadow:4px 4px 4px #333}@media only screen and (min-width:1024px) and (max-width:1100px){.textBorder div h1{font-size:24px !important}.textBorder div h3{font-size:18px !important}.textBorder{top:30% !important;max-width:60% !important}}@media only screen and (min-width:768px) and (max-width:1023px){.textBorder div h1{font-size:30px !important}.textBorder div h3{font-size:24px !important}.textBorder{top:20% !important;max-width:80% !important}}@media only screen and (max-width:768px){.index-swiper1-slide2>.container{display:block !important}}@media only screen and (min-width:300px) and (max-width:550px){.textBorder div h1{font-size:18px !important;line-height:20px !important}.textBorder div h3{font-size:14px !important;line-height:20px !important}.textBorder{top:3% !important}.flat-counter ul li{width:50% !important}.numb-count h1{width:100%}.textBorder div h1{font-size:18px !important;line-height:20px !important}.textBorder div h3{font-size:14px !important;line-height:20px !important}.textBorder{top:3% !important}}.index-swiperpagination2{bottom:0 !important}.index-swiperpagination2>.swiper-pagination-bullet{width:25px;height:20px;display:inline-block;margin:5px 6px;background-color:transparent;background-image:url(/index/img/index/index.png);background-position:center center;background-repeat:no-repeat;background-size:100%;opacity:1}.index-swiperpagination2>.swiper-pagination-bullet-active{background-image:url(/index/img/index/index_active.png)}.slide-swiper2{overflow:hidden}.index-swiper1-slide2>.container{display:flex;align-items:center;height:100%}.to-company{width:100%;height:50%;text-align:center}.to-company>P{font-size:14px;margin:6% 0}.to-company>h3{font-size:26px;margin:8% 0}.to-company>div>p{font-size:18px;line-height:2em;margin:4% 0;text-align:left}.index-swiper3-con{width:100%;position:relative}.index-swiper3-con>.swiper-container{height:100%}.index-swiper3 .slide-swiper3{-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;-webkit-transform:scale(0.93);transform:scale(0.93)}.slide-swiper3.swiper-slide-active,.slide-swiper3.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1)}.slide-swiper3>img{width:100%}.index-swiperpagination3{width:100%;bottom:-40px !important}.index-swiperpagination3>.swiper-pagination-bullet{margin-left:10px}.index-swiperpagination3>.swiper-pagination-bullet:first-child{margin-left:0}.index-swiperpagination3>.swiper-pagination-bullet-active{background-color:#fff;border:1px solid #004697;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;-webkit-transform:scale(1.5);transform:scale(1.5)}.widget-menu{float:left}.list{margin:0 auto;display:flex;justify-content:space-between;flex-flow:row wrap;width:100%}.index-swiper1-slide2{background-color:#fff}.flat-number-speak{padding:0 0 20px}.flat-counter{margin-top:32px}.flat-counter ul{list-style-type:none}.flat-counter ul li{padding:20px;width:25%;float:left;text-align:center}.flat-counter .wrap-bg .numb-count h1{display:inline-block;margin-right:10px}.flat-counter .wrap-bg .numb-count h1,.flat-counter .wrap-bg .numb-count span{text-transform:uppercase;font-size:42px;line-height:50px;font-weight:700;color:#004697;font-family:impact}.flat-counter .wrap-bg .name-count{font-size:20px;line-height:25px;font-weight:400;color:#131d3b;margin-top:15px;text-align:center;word-wrap:break-word}#numberCount .title-section h1{float:none !important}#numberCount .title-section.style1{text-align:center}.moreType{text-align:center;margin-top:20px;margin-bottom:-10px;white-space:nowrap;overflow-x:scroll;background:#e6e6e6;padding:14px;font-size:16px}.moreType a{padding:10px 15px;color:#004697;font-size:14px}.moreType a:hover{font-size:16px;color:#e70012}.flat-our-services{background:#f5f5f5}.flat-our-services img{width:100%;height:200px}.flat-our-services.style1{padding:20px 0 20px;background-color:#f2f3f5}article{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flat-our-services.style1 .post{margin-top:46px}.flat-our-services.style1 .post,.main-services .post{border-radius:5px;overflow:hidden}.flat-our-services.style1 .post:hover,.main-services .post:hover{box-shadow:0 10px 40px 0 rgba(0,0,0,0.05)}.flat-our-services.style1 .post .featured-post{position:relative}.flat-our-services.style1 .post .featured-post .icon-wrap{width:71px;height:78px;background-color:#e70012;border-radius:4px;position:absolute;left:50px;bottom:-39px;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flat-our-services.style1 .post:hover .featured-post .icon-wrap,article:hover .icon-wrap{background-color:#fff}.flat-our-services.style1 .post .featured-post .icon-wrap i{font-size:37px;line-height:78px;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flat-our-services.style1 .post:hover .featured-post .icon-wrap i,article:hover .icon-wrap i{color:#e70012}.flat-our-services.style1 .post .content-post{padding:10px;background:#fff}.flat-our-services.style1 .post .content-post h3{height:30px;line-height:30px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-weight:normal}.flat-our-services.style1 .post .content-post h3 a{font-size:16px;line-height:30px;font-weight:700;color:#131d3b}.flat-our-services.style1 .post .content-post h3 a:hover{color:#e70012}.flat-our-services.style1 .post .content-post p{font-size:14px;line-height:30px;font-weight:400;color:#666d81;margin-top:14px;height:90px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.flat-our-services.style1 .post .content-post h4{position:relative;margin-top:23px}.flat-our-services.style1 .post .content-post h4 a{font-size:14px;line-height:30px;font-weight:400;color:#e70012;letter-spacing:2.8px}.flat-our-services.style1 .post .content-post h4 a:hover{color:#131d3b}@media only screen and (min-device-width:1560px){.flat-our-services img{height:250px}}@media only screen and (max-device-width:1100px){.flat-our-services img{height:150px}}.flat-our-services .title-section h1{float:none !important}.flat-our-services .title-section.style1{text-align:center}.flat-recent-project{padding:20px 0 20px}@media only screen and (max-device-width:500px){.to-company>div>p{font-size:16px;line-height:1.6em}}.imagebox-item{margin-top:46px;background:#f3f3f3}.imagebox-item:hover{background:#004697;color:#fff !important}.imagebox-item:hover a{color:#fff !important}.imagebox-item .imagebox.style1{position:relative;overflow:hidden}.imagebox-item .imagebox-image{position:relative}.imagebox-image img{width:100%;height:270px}@media only screen and (min-device-width:700px) and (max-device-width:991px){.imagebox-image img{width:100%;height:720px !important}.flat-latest img{height:auto !important}.post-img img{height:auto}}.imagebox-item .imagebox.style1 .imagebox-title{padding:20px 0 20px 0;background-color:#e70012;border-radius:4px;min-height:45px;text-align:center;position:absolute;left:20px;right:20px;bottom:21px;opacity:1;visibility:visible;transform:translateY(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.imagebox-item .imagebox.style1 .imagebox-title h2 a{font-size:16px;line-height:auto;padding:0 20px;font-weight:400;color:#fff}.imagebox-item .imagebox.style1:hover .imagebox-title{visibility:hidden;opacity:0;-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-ms-transform:translateY(-300%);-o-transform:translateY(-300%);transform:translateY(-300%)}.imagebox-item.active .imagebox.style1 .imagebox-title{visibility:hidden;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.imagebox-item .imagebox.style1 .imagebox-content{visibility:visible;border-radius:4px;padding:10px}.imagebox-item .imagebox.style1:hover .imagebox-content{opacity:.8;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.imagebox-item.active .imagebox.style1 .imagebox-content{opacity:.8;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.imagebox-item .imagebox.style1 .imagebox-content h3 a{font-size:16px;font-weight:700;height:30px;line-height:30px;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#131d3b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.imagebox-item .imagebox.style1 .imagebox-content p{font-size:14px;line-height:30px;font-weight:400;letter-spacing:0;height:90px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.imagebox-item .imagebox.style1 .imagebox-content .imagebox-button{margin-top:13px}.imagebox-item .imagebox.style1 .imagebox-content .imagebox-desc{margin-top:21px}.title-section h1{margin-top:9px;font-size:42px;font-weight:400;line-height:60px;color:#131d3b;text-align:center;font-family:impact;text-transform:uppercase;font-weight:normal}@media screen and (max-width:1280px){.title-section h1{font-size:36px}}@media screen and (max-width:1200px){.title-section h1{font-size:30px}}@media screen and (max-width:1100px){.title-section h1{font-size:26px}}.flat-latest img{width:100%;height:270px}.flat-latest{background:#f5f5f5;padding:20px 0 20px}article .featured-post{position:relative}article .featured-post .post-img{position:relative;border-radius:0;overflow:hidden}.flat-latest article .featured-post .post-img{width:50%;float:left}article .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(19,29,59,0.7);visibility:hidden;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}article:hover .overlay{visibility:visible;opacity:1}article .overlay:before,article .overlay:after{content:'';position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}article .overlay:before{width:30px;height:2px;left:0}article .overlay:after{height:30px;width:2px;top:0}article:hover .overlay:before{left:50%;opacity:1}article:hover .overlay:after{top:50%;opacity:1}article .featured-post img,.themesflat_sc_vc-teammembers:hover .team-image img{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}article:hover .featured-post img,.themesflat_sc_vc-teammembers:hover .team-image img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}.flat-latest .title-section.style2{float:left;margin-top:19px;width:100%}.flat-latest .post{margin-bottom:47px;margin-top:46px;background:#fff}.flat-latest .meta-post-shared{margin-top:24px}.flat-latest .post .content-post{padding:10px 20px 20px;width:50%;float:left;height:270px;background:#fff}.flat-latest .post .content-post h3{margin-top:1px;height:60px;overflow:hidden}.flat-latest .post .content-post h3 a{font-size:16px;line-height:30px;font-weight:700;color:#131d3b;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.flat-latest .post .content-post h3 a:hover{color:#e70012}.flat-latest .post .content-post p{font-size:14px;line-height:30px;font-weight:400;color:#666d81;margin-top:10px;height:80px;overflow:hidden}.flat-latest .post .content-post h4{position:relative;margin-top:24px}.flat-latest .post .content-post h4 a{font-size:14px;line-height:30px;font-weight:400;color:#e70012;letter-spacing:2.7px}.flat-latest .post .content-post h4 a:hover{color:#131d3b}.meta-post-shared{overflow:hidden}@media(max-width:768px){.flat-latest article .featured-post .post-img{width:100%}.flat-latest .post .content-post{width:100%}.lastpage-right{float:left;width:100% !important}.lastpage-right input{width:100% !important}.imagebox-image img{height:auto !important}.flat-our-services img{height:auto !important}}@media screen and (min-width:1560px){.to-company>div>p{font-size:20px;line-height:2em}video{height:600px}}@media screen and (min-width:1200px){video{height:500px}}@media screen and (max-width:1100px) and (min-width:769px){.to-company>div>p{font-size:14px !important;line-height:1.6em}}@media screen and (max-width:1366px) and (min-width:769px){.to-company>div>p{font-size:18px;line-height:1.6em}}@media screen and (max-width:768px){.index-swiper1-slide1{height:calc(100%+60px) !important;margin-top:90px}.to-company{height:auto}.swiper-container-vertical>.swiper-pagination-bullets{right:8px}.index-swiperpagination1>.swiper-pagination-bullet{width:15px}video{height:auto}}