@font-face{font-family:Alibaba PuHuiTi;src:url(/fonts/Alibaba-PuHuiTi-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary: #f01140;--secondary: #7542aa;--dark: #212121;--darker: #363636;--light: #f1f1f1;--white: #ffffff;--gray: #999999;--text-color: #777777;--heading-font: "Alibaba PuHuiTi", sans-serif;--body-font: "Alibaba PuHuiTi", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{font-size:100%;font-family:var(--body-font);background:var(--white);margin:0;padding:0}p,ul li,ol li{margin:0;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);margin:0}ul,label{margin:0;padding:0}a{-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in;-ms-transition:.5s ease-in;-o-transition:.5s ease-in;transition:.5s ease-in}a:hover{text-decoration:none}.container{max-width:1170px;margin:0 auto;padding:0 15px}.clearfix:after{content:"";display:table;clear:both}.text-center{text-align:center}.img-responsive{max-width:100%;height:auto;display:block}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.w3_agile_logo h1 a{font-size:1.5em;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:5px;font-family:var(--heading-font)}.logo-img{height:auto;width:auto;vertical-align:middle}.w3_agileits_social_media{margin:1em 0 0}.header-tagline{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;font-family:var(--heading-font);text-align:right}.ban-top{margin-top:0}.navbar{display:flex;align-items:center}.menu__list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.menu__item{margin:0 30px 0 0}.menu__link{font-size:18px;font-weight:400;text-transform:uppercase;color:#fff!important;text-decoration:none;display:block;padding:8px 2px 8px 0;position:relative}.menu__link.router-link-exact-active{color:var(--primary)!important}.menu__link.router-link-exact-active:after,.menu__link.router-link-exact-active:before{transform:scaleZ(1)}.menu__link.router-link-exact-active:before{transition-delay:0s}.menu__link:before,.menu__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scale3d(0,1,1);transform-origin:center left;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.menu__link:before{background:var(--primary);transition-delay:.4s}.menu__link:after{background:var(--primary)}.menu__link:hover:before{transform:scaleZ(1);transition-delay:0s}.menu__item.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#000c;list-style:none;padding:8px 0;min-width:140px;z-index:1000;text-align:center}.dropdown-menu li a{color:#fff!important;text-decoration:none;padding:8px 16px;display:block;font-size:14px}.dropdown-menu li a:hover{background:#f01140b0}.menu__item.dropdown:hover .dropdown-menu{display:block}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:9px 10px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;background:#fff;margin:4px 0;border-radius:1px}.navbar-collapse,.navbar-collapse.open{display:flex}.banner{background:url(/images/main_bg.png) no-repeat center center;background-size:cover;min-height:600px;position:relative;padding:1em 0 0}.banner-inner{background:url(/images/main_bg.png) no-repeat center center;background-size:cover;min-height:300px;padding:1em 0 0}.page-title{color:#fff;font-size:40px;text-align:center;margin-top:30px;letter-spacing:3px;text-transform:uppercase}.slider{position:relative}.agile_banner_info{width:70%;margin:4em 0 0;padding-left:0}.agile_banner_info h3{font-size:48px;color:#fff;text-transform:capitalize;font-weight:600;line-height:1.3;letter-spacing:3px;margin-bottom:20px}.agileits_w3layouts_more{margin-top:30px}.agileits_w3layouts_more a{font-size:16px;color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;display:inline-block;letter-spacing:2px;border-radius:50px;background:#000;padding:12px 25px;cursor:pointer}.agileits_w3layouts_more a:hover{background:var(--primary)}.w3l-ban{text-align:right;margin-top:20px;padding:20px}.company-name-img{height:180px;width:auto;display:inline-block}.slider-dots{text-align:center;margin-top:20px}.slider-dots span{display:inline-block;width:12px;height:12px;background:#ffffff80;border-radius:50%;margin:0 5px;cursor:pointer}.slider-dots span.active{background:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;width:845px;max-width:95%;max-height:90vh;overflow-y:auto;border-radius:0;position:relative}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;z-index:1}.modal-body{padding:40px 30px 30px}.modal-title{text-align:center;font-size:24px;font-weight:700;color:#fff;background:var(--primary);padding:15px 20px;margin:-40px -30px 30px;letter-spacing:5px;font-family:var(--heading-font)}.modal-body-inner{display:flex}.modal-body-left{flex:0 0 40%;text-align:center}.modal-body-left img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}.modal-body-right{flex:0 0 60%;padding:10px 0 0 25px;display:flex;align-items:center}.modal-body-right p{color:var(--dark);line-height:2em;font-size:16px}.become-agile{padding:5em 0}.become-agile .container{display:flex;gap:30px;align-items:center}.become-agile-left{flex:0 0 50%}.become-agile-left img{width:100%}.become-agile-right{flex:0 0 50%;padding:2em}.become-agile-right h3{font-size:35px;font-weight:600;letter-spacing:2px;color:var(--primary)}.become-agile-right p{font-size:15px;line-height:28px;margin:20px 0;color:var(--text-color)}.insights{padding:5em 0;background:var(--light)}.insights h3{font-size:40px;text-transform:capitalize;font-weight:600;color:var(--primary);margin-bottom:50px;text-align:center;letter-spacing:2px}.insights-row{display:flex;gap:0;margin-bottom:0}.insights-left{flex:0 0 66.666%;background:url(/images/main_nav2.png) no-repeat center;background-size:cover;min-height:400px;display:flex;align-items:center}.wthree-left_info{padding:5em;text-align:left}.wthree-left_info h5{font-size:35px;color:#fff;letter-spacing:2px}.wthree-left_info p{font-size:15px;color:#fff;margin:20px 0;line-height:26px}.insights-right{flex:0 0 33.333%;padding:20px 30px}.insights-right h4{font-size:30px;color:#000;font-weight:600;letter-spacing:2px}.insi{list-style:none;padding:0;margin:0}.insi li{display:block;line-height:26px;font-size:15px;padding:14.5px 0;color:#000}.insights-bottom{display:flex;gap:0;padding:20px 0}.insights-bottom>div{flex:0 0 33.333%;padding:0 15px}.insights-bottom img{width:100%}.insights-bottom p{font-size:15px;color:#000;line-height:26px;margin:20px 0 0;text-align:center}.agile{background:url(/images/main_bg.png) center fixed;background-size:cover;padding:100px 0}.agile .container{max-width:1170px}.agile-row{display:flex;gap:0}.agile-row>div{flex:0 0 33.333%;padding:0 15px;text-align:center}.agile-row span{color:#fff;font-size:25px;padding:20px;background:var(--primary);border-radius:50%;display:inline-block;width:70px;height:70px;line-height:30px;transition:.5s all}.agile-row>div:hover span{background:#ffffff4f;border-radius:0}.agile-row h4{color:#fff;font-size:35px;margin:20px 0;letter-spacing:2px}.agile-row+.agile-row{margin-top:60px}.agile-row p{color:#fff;line-height:2.2em;font-size:20px}.agile-row img{max-width:100%;height:auto;width:60%}.features{padding:5em 0}.features h3{font-size:40px;text-transform:capitalize;font-weight:600;color:var(--primary);margin-bottom:50px;text-align:center;letter-spacing:2px}.nav-tabs{display:flex;justify-content:center;list-style:none;border-bottom:1px solid var(--primary);padding:0;margin:0 auto;width:72%}.nav-tabs li{display:inline-block}.nav-tabs li a{display:block;padding:10px 15px;margin-right:15px;color:var(--dark);text-transform:uppercase;text-decoration:none;border:1px solid transparent;border-bottom:none;font-size:14px;white-space:nowrap}.nav-tabs li a:hover{border-color:var(--primary)}.nav-tabs li a.active{border:1px solid var(--primary);border-bottom:1px solid #fff;color:var(--primary)}.tab-content{margin-top:3em}.tab-pane{display:none}.tab-pane.active{display:block}.tab-pane-inner{text-align:center}.tab-text h4{font-size:26px;color:#000;font-weight:600;line-height:1.5em;letter-spacing:2px;text-transform:capitalize}.tab-text p{color:var(--gray);line-height:2em;font-style:italic;margin:1em 0 2em}.tab-text p img{max-width:100%;height:auto;display:block;margin:0 auto}.tab-text ul{list-style:none;padding:0}.tab-text ul li{margin-bottom:1.5em;color:var(--dark);text-transform:capitalize;font-size:14px}.tab-text ul li i{color:var(--primary);margin-right:16px}.footer{padding:4em 0;background:var(--dark)}.footer .container{display:flex;gap:30px}.footer .container>div{flex:1}.footer h3{font-size:1.7em;color:#fff;margin-bottom:1.5em;letter-spacing:2px;text-align:center}.footer p{color:#fff;line-height:2em;font-size:18px}.footer-contact-row{display:flex;margin-bottom:12px}.footer-label{color:#fff;font-size:14px;font-weight:700;flex:0 0 auto;margin-right:20px}.footer-value{color:#fff;font-size:14px;flex:1}.footer .container>div:nth-child(2){text-align:center}.footer .container>div:nth-child(2) img{width:160px;height:auto}.footer-twitter li{list-style:none;color:var(--gray);line-height:1.9em;margin-bottom:1em;font-size:14px}.footer-twitter li a{color:var(--primary);text-decoration:none}.footer-twitter li a:hover{color:#fff}.footer-twitter li span{display:block}.footer-twitter li span i{color:#1da1f2;margin-right:10px}.footer form{margin-top:1em;display:flex}.footer input[type=email]{outline:none;padding:10px;flex:1;background:#fff;border:none;font-size:14px;color:var(--dark)}.footer input[type=submit]{outline:none;padding:10px 20px;background:var(--secondary);border:none;font-size:14px;color:#fff;font-weight:600;cursor:pointer}.footer input[type=submit]:hover{background:var(--primary)}.copyright{padding:1.5em 0;background:var(--darker);text-align:center}.copyright p{color:#fff;line-height:1.8em}.copyright p a{text-decoration:none;color:#fff}.copyright p a:hover{color:#fff}.copyright p #jh{vertical-align:middle}.about-page{padding:5em 0}.about-row{display:flex;gap:30px;margin-top:3em}.about-left{flex:1}.about-left img{width:100%}.about-right{flex:1}.about-right h4{font-size:22px;color:#000;margin-bottom:30px;line-height:2em}.about-right p{font-size:15px;color:var(--text-color);line-height:2.2em;margin-top:30px}.about-right ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.about-right ul li{color:#000;font-size:22px;line-height:2.5em}.about-right ul li span{color:var(--secondary);font-size:11px;margin-right:15px}.team-page{padding:5em 0;background:#f7f7f7}.team-grid{display:flex;gap:20px;margin-top:3em}.team-item{flex:1;position:relative;overflow:hidden}.team-item img{width:100%;display:block}.team-item h5{position:absolute;bottom:0;left:0;width:100%;background:#000;color:#fff;text-align:center;font-size:29px;letter-spacing:2px;padding:20px 0;transition:.35s}.team-overlay{position:absolute;left:0;top:100%;right:0;bottom:0;background:#333c;color:#fff;padding:80px;opacity:0;transition:.35s;text-align:center}.team-item:hover .team-overlay{opacity:1;top:70px}.team-item:hover h5{top:0;background:#000}.team-overlay p{line-height:2.2em;font-size:20px;margin-bottom:30px}.gallery-page{padding:5em 0}.gallery-grid{display:flex;flex-wrap:wrap;gap:0;margin-top:2em}.gallery-item{flex:0 0 25%;position:relative;overflow:hidden}.gallery-item img{width:100%;display:block;transition:.35s}.gallery-item:hover img,.gallery-item.active img{filter:brightness(.6)}.gallery-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#505050b3;opacity:0;transition:.35s;z-index:1}.gallery-item:hover:before{opacity:1}.gallery-item.active:before{opacity:1}.gallery-overlay{position:absolute;width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #fff;border-top:1px solid #fff;opacity:0;transform:scaleX(0);transition:.35s;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.gallery-item:hover .gallery-overlay,.gallery-item.active .gallery-overlay{opacity:1;transform:scale(1)}.gallery-overlay h4{color:#fff;text-transform:uppercase;font-size:2em;letter-spacing:2px;text-align:center;padding:0}.gallery-overlay p{color:#fff;line-height:1.8em;text-align:center;padding:0 10px;font-size:1em}.services-page{padding:5em 0;background:var(--light)}.service-grid{display:flex;flex-wrap:wrap;gap:30px 0;margin-top:3em}.service-item{flex:0 0 33.333%;padding:0 15px;text-align:center}.service-icon{display:inline-block;width:113px;height:113px;line-height:90px;font-size:2em;border-radius:50%;background:#000;color:#fff;border:3px solid #fff;box-shadow:inset 0 0 0 5px #f2f2f2;transition:.5s}.service-item:hover .service-icon{background:var(--primary)}.service-item h4{font-size:23px;margin-top:.5em;letter-spacing:2px;color:var(--primary);font-weight:600}.service-item .divider{width:15%;height:2px;background:#000;margin:1.3em auto;transition:.5s}.service-item:hover .divider{width:35%;background:var(--primary)}.service-item p{font-size:15px;line-height:1.8em;color:var(--text-color)}.advantages-section{padding:5em 0;background:#fff8f8}.advantages-grid{display:flex;gap:30px;margin-top:3em}.advantages-left,.advantages-right{flex:1}.advantage-item{display:flex;gap:30px;margin-bottom:3em}.advantage-num{width:60px;height:60px;background:#000;color:#fff;font-size:1.5em;border-radius:5%;text-align:center;line-height:60px;flex-shrink:0}.advantage-text h4{font-size:25px;color:var(--primary);letter-spacing:2px;font-weight:600}.advantage-text p{font-size:15px;line-height:1.8em;color:var(--text-color);margin-top:8px}.service-list-section{padding:5em 0;background:var(--light)}.service-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 20px;margin-top:2em}.service-list-item{font-size:16px;color:var(--dark);padding:10px 0}.contact-method-page{padding:3em 0 0}.contact-info-list ul{list-style:none}.contact-info-list li{margin-bottom:20px;display:flex;align-items:baseline;gap:30px}.contact-info-list{display:table;margin:60px auto 0}.contact-info-list .label{font-size:20px;font-weight:700;color:var(--dark);white-space:nowrap}.contact-info-list .value{font-size:16px;color:var(--text-color)}.contact-page{padding:5em 0}.contact-map{margin-bottom:3em}.contact-map iframe{width:100%;min-height:400px;border:none}.contact-form{width:75%;margin:0 auto}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{outline:none;border:1px solid #E4E4E4;background:#f5f5f5;padding:10px 20px;width:100%;font-size:14px;color:var(--dark);border-radius:25px;margin-bottom:2em}.contact-form textarea{min-height:250px;resize:none;border-radius:25px}.contact-form input[type=submit]{outline:none;border:none;background:var(--secondary);padding:10px 0;width:35%;font-size:1em;color:#fff;border-radius:25px;cursor:pointer;display:block;margin:0 auto}.contact-form input[type=submit]:hover{background:var(--primary)}.contact-info-grid{display:flex;gap:20px;margin-top:3em}.contact-info-card{flex:1;padding:2em;text-align:center}.contact-info-card span{font-size:1.5em;color:var(--secondary);padding:.5em;border:1px solid;border-radius:30px;display:inline-block}.contact-info-card h4{font-size:1.3em;color:var(--primary);margin:1em 0 .5em;font-weight:600;letter-spacing:2px}.contact-info-card p{color:var(--gray);line-height:2em;margin-bottom:2em}.contact-info-card ul{list-style:none}.contact-info-card ul li{margin-bottom:1em;color:var(--gray)}.contact-info-card ul li a{color:var(--dark);text-decoration:none}.contact-info-card ul li a:hover{color:var(--gray)}.section-title{font-size:40px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:0}@media (max-width: 1080px){.agile_banner_info h3{font-size:42px}.agile_banner_info{margin:3em 0 0}.banner{min-height:550px}.nav-tabs{width:80%}.logo-img{height:200px}.company-name-img{height:150px}}@media (max-width: 991px){.logo-img{height:200px}.banner{min-height:500px}.agile_banner_info h3{font-size:36px}.agile_banner_info{margin:3em 0 0}.w3l-ban{width:auto}.become-agile .container,.insights-row{flex-direction:column}.insights-bottom{flex-wrap:wrap}.insights-bottom>div{flex:0 0 50%}.agile-row{flex-direction:column}.agile-row>div{flex:0 0 100%;margin-bottom:2em;padding:0 10px;max-width:100%}.nav-tabs{width:90%}.gallery-item,.service-item{flex:0 0 50%}.advantages-grid{flex-direction:column}.footer .container{flex-wrap:wrap}.footer .container>div{flex:0 0 100%;margin-bottom:2em}.about-row{flex-direction:column}.about-right ul{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.logo-img{height:180px}.banner{min-height:480px}.banner-inner{min-height:220px}.agile_banner_info{width:90%;margin:2em 0 0}.agile_banner_info h3{font-size:30px}.company-name-img{height:120px}.w3l-ban{text-align:center;margin-top:10px}.become-agile,.insights{padding:3em 0}.agile{padding:50px 0}.features{padding:3em 0}.footer{padding:3em 0 1em}.about-page,.gallery-page,.services-page,.contact-page,.team-page,.advantages-section{padding:3em 0}.insights-bottom>div{flex:0 0 100%;margin-bottom:1.5em}.nav-tabs{width:100%;flex-wrap:wrap}.agile-row{flex-direction:column}.agile-row>div{flex:0 0 100%;margin-bottom:2em;padding:0 10px}.contact-form{width:100%}.contact-info-list{margin:30px auto 0}.contact-info-list li{flex-direction:column;gap:5px}.modal-content{width:95%}.modal-title{font-size:20px;letter-spacing:2px}.insights-left{min-height:250px}.wthree-left_info{padding:2em}.wthree-left_info h5{font-size:24px}}@media (max-width: 767px){.navbar-toggle{display:block;margin-left:auto}.navbar-collapse{display:none;flex-direction:column;width:100%;background:#000000e6;position:absolute;top:100%;left:0;z-index:1000;padding:10px 15px}.navbar-collapse.open{display:flex}.menu__list{flex-direction:column;padding:0}.menu__item{margin:0}.menu__link{padding:10px 0;font-size:16px}.navbar{position:relative;flex-wrap:wrap;justify-content:flex-end}.ban-top{margin-top:0}}@media (max-width: 600px){.header{flex-direction:column;align-items:flex-start}.logo-img{height:160px}.header-tagline{font-size:18px}.w3_agileits_social_media{margin:.5em 0 0}.banner{min-height:420px}.agile_banner_info h3{font-size:24px}.agile_banner_info{margin:1.5em 0 0}.company-name-img{height:100px}.section-title{font-size:28px}.service-list-grid{grid-template-columns:repeat(2,1fr)}.about-right h4,.about-right ul li{font-size:18px}.insights-right h4{font-size:24px}.insi li{font-size:14px;padding:10px 0}.team-item h5{font-size:22px;padding:15px 0}.gallery-overlay h4{font-size:1.6em}}@media (max-width: 480px){.logo-img{height:140px}.banner{min-height:380px}.banner-inner{min-height:180px}.page-title{font-size:24px;margin-top:20px}.agile_banner_info{width:100%;margin:1em 0 0}.agile_banner_info h3{font-size:22px;letter-spacing:1px}.company-name-img{height:80px}.insights-bottom>div{flex:0 0 100%;margin-bottom:1.5em}.agile-row{flex-direction:column}.agile-row>div{flex:0 0 100%;margin-bottom:2em;padding:0 10px;max-width:100%}.gallery-item,.service-item{flex:0 0 100%}.service-list-grid{grid-template-columns:repeat(2,1fr)}.tab-pane-inner,.team-grid,.contact-info-grid{flex-direction:column}.contact-form input[type=submit]{width:100%}.modal-body-inner{flex-direction:column}.modal-body-left,.modal-body-right{flex:auto}.modal-body-right{padding:20px 0 0}.modal-body{padding:30px 20px 20px}.modal-title{margin:-30px -20px 20px;font-size:18px}.modal-close{font-size:24px}.about-right ul{grid-template-columns:repeat(1,1fr)}.advantage-item{flex-direction:row;gap:15px;align-items:flex-start}.advantage-num{width:50px;height:50px;line-height:50px;font-size:1.2em;overflow:hidden;flex-shrink:0}.advantage-num img{width:100%;height:100%;object-fit:cover}.advantage-text{min-width:0;flex:1}.footer h3{font-size:1.4em}.footer p{font-size:16px}.copyright p{font-size:14px}.contact-info-list .label{font-size:16px}.contact-info-list .value{font-size:14px}.features h3{font-size:28px}.nav-tabs li a{font-size:12px;padding:8px 6px;margin-right:3px}.tab-text h4{font-size:20px}.insights h3{font-size:28px}.become-agile-right h3{font-size:24px}.become-agile-right p{font-size:14px}.agile-row h4{font-size:22px}.agile-row p{font-size:13px}.advantages-grid{flex-direction:column}.advantages-left{margin-bottom:2em}.contact-info-card{margin-bottom:1em}.team-item{margin-bottom:1.5em}.insights-left{display:none}.insights-right{flex:0 0 100%}.gallery-overlay h4{font-size:1.6em}}