/**Main Contents**/
.wrapper{width:100%;height:auto;position:relative;overflow:hidden;z-index:1;background:#ffffff;}
.mainContents{width:100%;margin:0 auto;position:relative;}
/**ANCHORING**/
#H_ISO::before{content:'';display:block;height:100px;margin-top:-100px;visibility:hidden;}
/**HOMEPAGE**/
.homepage{width:100%;margin:0 auto;position:relative;}
.homepage h2{font-size:46px;line-height:52px;color:#000000;font-weight:600;margin-bottom:20px;}
.homepage h3{font-size:36px;line-height:42px;color:#000000;font-weight:600;margin-bottom:20px;}
.homepage h4{font-size:32px;line-height:38px;color:#000000;font-weight:600;margin-bottom:20px;}
.homepage h5{font-size:20px;line-height:26px;color:#000000;font-weight:600;margin-bottom:20px;}
.homepage p{font-size:16px;line-height:22px;color:#000000;margin-bottom:30px;}
.homepage p strong{color:#112e8e;font-weight:600;}
.homepage p.px_14{font-size:14px;line-height:20px;}
.homepage p.px_12{font-size:12px;line-height:18px;font-weight:400;}
.homepage .home-main{width:100%;height:calc(100vh - 117px);padding-top:117px;margin:0 auto;position:relative;background:#bbeffa;display:table;}
.homepage .home-main .container{width:calc(100% - 40px);padding:0 20px;font-size:0;position:relative;display:table-cell;vertical-align:middle;}
.homepage .home-main .container .left{display:inline-block;vertical-align:middle;width:calc(100% - 61.3rem);margin:0 3.125rem;position:relative;opacity:0;animation:flyLeft 0.75s ease-in-out 0s 1 forwards;}
.homepage .home-main .container .left .content{width:calc(100% - 100px);padding:0 50px;}
.homepage .home-main .container .rgt{display:inline-block;vertical-align:middle;width:55rem;position:relative;opacity:0;animation:flyRgt 0.75s ease-in-out 0s 1 forwards;}
.homepage .home-main .container .rgt .mainImg{width:100%;}
.homepage .home-main .container .rgt .mainImg-02,
.homepage .home-main .container .rgt .mainImg-03{width:100%;position:absolute;top:0;left:0;opacity:0;}
.homepage .home-main .container.animation .rgt .mainImg-02{animation:main_img02 1s ease-in-out 0.75s 1 forwards;}
.homepage .home-main .container.animation .rgt .mainImg-03{animation:main_img03 1s ease-in-out 1.5s 1 forwards;}
.homepage .home-main .container .rgt img{width:100%;display:block;}
.homepage .home-edg{width:100%;background:#ffffff;}
.homepage .home-edg .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;font-size:0;}
.homepage .home-edg .container .left{display:inline-block;vertical-align:middle;width:520px;margin-right:80px;position:relative;opacity:0;left:-999px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-edg .container .left .edgImg{width:100%;}
.homepage .home-edg .container .left .edgImg-02{width:100%;position:absolute;top:0;right:0;opacity:0;z-index:4;}
.homepage .home-edg .container .left .edgImg-blue{width:90px;position:absolute;top:100px;left:260px;opacity:0;z-index:2;}
.homepage .home-edg .container .left .edgImg-yellow{width:70px;position:absolute;top:120px;left:300px;opacity:0;z-index:3;}
.homepage .home-edg .container .left img{width:100%;display:block;}
.homepage .home-edg .container .left.animation{opacity:1;left:0;}
.homepage .home-edg .container .left.animation .edgImg-02{animation:edg_img02 0.5s ease-in-out 0.75s 1 forwards;}
.homepage .home-edg .container .left.animation .edgImg-blue{animation:fadeIn 0.75s ease-in-out 0.75s 1 forwards, rotate 1.5s ease-in-out infinite;}
.homepage .home-edg .container .left.animation .edgImg-yellow{animation:fadeIn 0.75s ease-in-out 0.75s 1 forwards, rotate 1.5s ease-in-out infinite;}
.homepage .home-edg .container .rgt{display:inline-block;vertical-align:middle;width:calc(100% - 600px);position:relative;opacity:0;right:-999px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-edg .container .rgt.animation{opacity:1;right:0;}
.home-iso{width:100%;background:#f8f8f8;}
.home-iso .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 0 20px;font-size:0;text-align:center;}
.home-iso .container h3{margin-bottom:30px;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.home-iso .container .grp{width:100%;font-size:0;}
.home-iso .container .grp .isoLogo{display:inline-block;vertical-align:top;width:160px;margin-right:50px;text-align:center;position:relative;left:-2000px;opacity:0.0;-webkit-transition:1s ease-in-out .25s;-moz-transition:1s ease-in-out .25s;-o-transition:1s ease-in-out .25s;transition:1s ease-in-out .25s;}
.home-iso .container .grp .isoLogo img{width:85px;margin:0 auto;display:block;}
.home-iso .container .grp .isoLogo p{font-size:12px;line-height:normal;margin:0;}
.home-iso .container .grp .isoLogo p strong{color:#000;font-size:16px;line-height:normal;font-weight:600;display:block;margin:10px 0;}
.home-iso .container .grp .content{display:inline-block;vertical-align:top;width:calc(100% - 210px);text-align:left;position:relative;right:-2000px;opacity:0.0;-webkit-transition:1s ease-in-out .25s;-moz-transition:1s ease-in-out .25s;-o-transition:1s ease-in-out .25s;transition:1s ease-in-out .25s;}
.home-iso .container.animation h3{top:0;opacity:1.0;}
.home-iso .container.animation .grp .isoLogo{left:0;opacity:1.0;}
.home-iso .container.animation .grp .content{right:0;opacity:1.0;}
.homepage .home-glance{width:100%;background:#f8f8f8;}
.homepage .home-glance .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 20px 20px;font-size:0;text-align:center;}
.homepage .home-glance .container h3{margin-bottom:30px;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-glance .container ul{width:calc(100% + 30px);font-size:0;position:relative;left:-2000px;opacity:0.0;-webkit-transition:1s ease-in-out .5s;-moz-transition:1s ease-in-out .5s;-o-transition:1s ease-in-out .5s;transition:1s ease-in-out .5s;}
.homepage .home-glance .container ul li{display:inline-block;vertical-align:top;/*width:calc(20% - 30px);*/width:calc(33.3333% - 30px);margin-right:30px;margin-bottom:30px;}
.homepage .home-glance .container ul li .image{width:80px;height:80px;background:#ffffff;border-radius:100%;position:relative;margin:0 auto;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.homepage .home-glance .container ul li .image img{position:absolute;width:75%;left:50%;top:50%;transform:translate(-50%,-50%);display:block;}
.homepage .home-glance .container ul li h4{line-height:normal;color:#112e8e;margin-bottom:0;}
.homepage .home-glance .container ul li p{margin-bottom:15px;}
.homepage .home-glance .container ul li p strong{color:#000000;}
.homepage .home-glance .container.animation h3{top:0;opacity:1.0;}
.homepage .home-glance .container.animation ul{left:0;opacity:1.0;}
.homepage .home-services{width:100%;background:#f8f8f8;}
.homepage .home-services .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 40px 20px;font-size:0;text-align:center;}
.homepage .home-services .container .textBox{width:100%;max-width:840px;margin-left:auto;margin-right:auto;}
.homepage .home-services .container h3,
.homepage .home-services .container .textBox{position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-services .container ul{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;justify-content:center;position:relative;right:-2000px;opacity:0.0;-webkit-transition:1s ease-in-out .5s;-moz-transition:1s ease-in-out .5s;-o-transition:1s ease-in-out .5s;transition:1s ease-in-out .5s;}
.homepage .home-services .container ul li{display:inline-block;vertical-align:top;width:calc(25% - 70px);margin-right:30px;margin-bottom:30px;background:#ffffff;padding:20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius:10px;}
.homepage .home-services .container ul li .image{width:100px;margin:0 auto 20px auto;}
.homepage .home-services .container ul li .image img{display:block;width:100%;}
.homepage .home-services .container ul li p{margin-bottom:0;}
.homepage .home-services .container ul li p strong{color:#000000;margin-bottom:10px;display:block;}
.homepage .home-services .container.animation h3,
.homepage .home-services .container.animation .textBox{top:0;opacity:1.0;}
.homepage .home-services .container.animation ul{right:0;opacity:1.0;}
.homepage .home-projects{width:100%;background:#ffffff;}
.homepage .home-projects .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 50px 20px;font-size:0;text-align:center;}
.homepage .home-projects .container .textBox{width:100%;max-width:840px;margin-left:auto;margin-right:auto;}
.homepage .home-projects .container h3,
.homepage .home-projects .container .textBox,
.homepage .home-projects .container .commonBtn{position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-projects .container ul{width:calc(100% + 30px);font-size:0;text-align:center;}
.homepage .home-projects .container ul li{display:inline-block;vertical-align:top;width:calc(33.3333% - 30px);margin-right:30px;margin-bottom:30px;opacity:0.0;text-align:left;}
.homepage .home-projects .container ul li:nth-child(1){-webkit-transition:.75s ease-in-out 0.5s;-moz-transition:.75s ease-in-out 0.5s;-o-transition:.75s ease-in-out 0.5s;transition:.75s ease-in-out 0.5s;}
.homepage .home-projects .container ul li:nth-child(2){-webkit-transition:.75s ease-in-out .75s;-moz-transition:.75s ease-in-out .75s;-o-transition:.75s ease-in-out .75s;transition:.75s ease-in-out .75s;}
.homepage .home-projects .container ul li:nth-child(3){-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.0s;}
.homepage .home-projects .container ul li .image{width:100%;height:0;padding-top:70%;position:relative;margin-bottom:30px;overflow:hidden;}
.homepage .home-projects .container ul li .image img{width:150%;height:150%;object-fit:cover;display:block;position:absolute;top:-25%;left:-25%;}
.homepage .home-projects .container ul li .pjtType{width:100%;margin-bottom:20px;}
.homepage .home-projects .container ul li .pjtType span{font-size:12px;line-height:16px;font-weight:600;text-transform:uppercase;margin-right:10px;}
.homepage .home-projects .container ul li .pjtType span a{text-decoration:none;color:#112e8e;}
.homepage .home-projects .container ul li .pjtType span a:hover{text-decoration:underline;}
.homepage .home-projects .container ul li .pjtTitle{font-size:20px;line-height:26px;margin-bottom:15px;font-weight:600;}
.homepage .home-projects .container ul li .pjtTitle a{text-decoration:none;color:#000000;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;display:inline-block;}
.homepage .home-projects .container ul li .pjtTitle a:hover{color:#112e8e;}
.homepage .home-projects .container ul li .pjtTitle a span{position:relative;display:block;}
.homepage .home-projects .container ul li .pjtTitle a span::before{content:'';display:block;position:absolute;bottom:-5px;width:0;left:0;border-top:2px solid #fde400;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.homepage .home-projects .container ul li .pjtTitle a:hover span::before{width:100%;}
.homepage .home-projects .container ul li p{margin-bottom:0;}
.homepage .home-projects .container.animation h3,
.homepage .home-projects .container.animation .textBox,
.homepage .home-projects .container.animation .commonBtn{top:0;opacity:1.0;}
.homepage .home-projects .container.animation ul li:nth-child(1){opacity:1.0;}
.homepage .home-projects .container.animation ul li:nth-child(2){opacity:1.0;}
.homepage .home-projects .container.animation ul li:nth-child(3){opacity:1.0;}
.homepage .home-clients{width:100%;background:#ffffff;}
.homepage .home-clients .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 10px 20px;font-size:0;text-align:center;}
.homepage .home-clients .container .clients-slider{width:100%;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.homepage .home-clients .container .clients-slider li{width:calc(100% + 20px);font-size:0;}
.homepage .home-clients .container .clients-slider li span{display:inline-block;vertical-align:top;width:16.6666%;height:0;padding-top:70px;margin:0 0 30px 0;position:relative;overflow:hidden;}
.homepage .home-clients .container .clients-slider li span img{width:90%;height:90%;object-fit:cover;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.homepage .home-clients .container.animation .clients-slider{top:0;opacity:1.0;}
.home-reviews{width:100%;background:#f8f8f8;}
.home-reviews .container{width:calc(100% - 40px);max-width:850px;margin:0 auto;padding:50px 20px 50px 20px;font-size:0;text-align:center;opacity:0.0;-webkit-transition:1.25s ease-in-out;-moz-transition:1.25s ease-in-out;-o-transition:1.25s ease-in-out;transition:1.25s ease-in-out;}
.home-reviews .container .reviews-slider{width:100%;}
.home-reviews .container .reviews-slider li{width:100%;display:block;}
.home-reviews .container .reviews-slider li .px_12{margin-bottom:50px;}
.home-reviews .container .reviews-slider li .px_12 strong{color:#112e8e;}
.home-reviews .container.animation{opacity:1.0;}
/**INSIDE PAGES**/
.commonpage{width:100%;min-height:86vh;padding-top:110px;margin:0 auto;position:relative;}
.commonpage h2{font-size:46px;line-height:52px;color:#000000;font-weight:600;margin-bottom:20px;}
.commonpage h3{font-size:36px;line-height:42px;color:#000000;font-weight:600;margin-bottom:20px;}
.commonpage h4{font-size:32px;line-height:38px;color:#000000;font-weight:600;margin-bottom:20px;}
.commonpage h5{font-size:20px;line-height:26px;color:#112e8e;font-weight:600;margin-bottom:20px;}
.commonpage p{font-size:16px;line-height:22px;color:#000000;margin-bottom:30px;}
.commonpage p strong{color:#112e8e;font-weight:600;}
.commonpage p.px_14{font-size:14px;line-height:20px;}
.commonpage p.px_12{font-size:12px;line-height:18px;font-weight:400;}
/**About Us**/
.abtus .abt-intro{width:100%;}
.abtus .abt-intro .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:center;}
.abtus .abt-intro .container h5{opacity:0.0;animation:fadeIn 0.75s ease-in-out 0s 1 forwards;}
.abtus .abt-intro .container h2,
.abtus .abt-intro .container p{position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.abtus .abt-intro .container .last{margin-bottom:0;}
.abtus .abt-vision{width:100%;}
.abtus .abt-vision p{margin-bottom:0;}
.abtus .abt-vision .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.abtus .abt-vision .container .text{width:calc(100% - 630px);opacity:0.0;margin-left:40px;order:2;position:relative;animation:abtText 0.75s ease-in-out 0s 1 forwards;}
.abtus .abt-vision .container .image{width:550px;opacity:0.0;margin-right:40px;position:relative;overflow:hidden;animation:abtImg 0.75s ease-in-out 0s 1 forwards;}
.abtus .abt-vision .container .image img{width:100%;display:block;}
.abtus .abt-vision .container .image .imgGrp{width:100%;position:relative;z-index:4;}
.abtus .abt-vision .container .image .imgHead{width:100%;position:absolute;top:0;left:0;z-index:2;}
.abtus .abt-vision .container .image .imgHand{width:100px;position:absolute;top:30px;right:142px;z-index:3;animation:vision_hand 1.5s ease-in-out 0.75s infinite;}
.abtus .abt-vision .container .image .imgBg{width:100%;position:absolute;top:0;left:0;z-index:1;}
.abtus .abt-vision .container .image .imgBg .masking{width:100%;height:100%;position:absolute;top:0;background:#ffffff;left:0;/*animation:vision_mask 1s ease-in-out 0.5s 1 forwards;*/-webkit-transition:1s ease-in-out 0.5s;-moz-transition:1s ease-in-out 0.5s;-o-transition:1s ease-in-out 0.5s;transition:1s ease-in-out 0.5s;}
.abtus .abt-vision .container.animation .image .imgBg .masking{left:999px}
.abtus .abt-mission{width:100%;}
.abtus .abt-mission .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.abtus .abt-mission .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;opacity:0.0;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-mission .container.animation .text{opacity:1;left:0;}
.abtus .abt-mission .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;opacity:0.0;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-mission .container.animation .image{opacity:1;right:0;}
.abtus .abt-mission .container .image img{width:100%;display:block;}
.abtus .abt-mission .container .image .imgGrp{width:100%;position:relative;z-index:2;}
.abtus .abt-mission .container .image .imgArrow{width:155px;position:absolute;top:40px;right:0;z-index:3;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-mission .container .image .imgGear-lg{width:175px;position:absolute;top:120px;left:16px;z-index:1;}
.abtus .abt-mission .container .image .imgGear-sm{width:65px;position:absolute;top:190px;right:93px;z-index:1;}
.abtus .abt-mission .container.animation .image .imgArrow{top:150px;right:134px;}
.abtus .abt-mission .container.animation .image .imgGear-lg{animation:rotate 1.5s ease-in-out infinite;}
.abtus .abt-mission .container.animation .image .imgGear-sm{animation:rotate 1.5s ease-in-out infinite;}
.abtus .abt-culture{width:100%;}
.abtus .abt-culture .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.abtus .abt-culture .container .text{width:calc(100% - 630px);opacity:0.0;margin-left:40px;order:2;position:relative;opacity:0.0;left:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-culture .container.animation .text{opacity:1;left:0;}
.abtus .abt-culture .container .image{width:550px;opacity:0.0;margin-right:40px;position:relative;overflow:hidden;opacity:0.0;right:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-culture .container.animation .image{opacity:1;right:0;}
.abtus .abt-culture .container .image img{width:100%;display:block;}
.abtus .abt-culture .container .image .imgGrp{width:100%;position:relative;z-index:1;}
.abtus .abt-culture .container .image .imgBubble-01{width:86px;position:absolute;top:40px;left:18px;z-index:1;-webkit-transition:.75s ease-in-out .5s;-moz-transition:.75s ease-in-out .5s;-o-transition:.75s ease-in-out .5s;transition:.75s ease-in-out .5s;opacity:0.0;}
.abtus .abt-culture .container .image .imgBubble-02{width:86px;position:absolute;top:38px;left:147px;z-index:1;-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.0s;opacity:0.0;}
.abtus .abt-culture .container .image .imgBubble-03{width:81px;position:absolute;top:32px;right:165px;z-index:1;-webkit-transition:.75s ease-in-out 1.5s;-moz-transition:.75s ease-in-out 1.5s;-o-transition:.75s ease-in-out 1.5s;transition:.75s ease-in-out 1.5s;opacity:0.0;}
.abtus .abt-culture .container .image .imgBubble-04{width:125px;position:absolute;top:35px;right:7px;z-index:1;-webkit-transition:.75s ease-in-out 2.0s;-moz-transition:.75s ease-in-out 2.0s;-o-transition:.75s ease-in-out 2.0s;transition:.75s ease-in-out 2.0s;opacity:0.0;}
.abtus .abt-culture .container.animation .image .imgBubble-01{opacity:1.0;top:20px;}
.abtus .abt-culture .container.animation .image .imgBubble-02{opacity:1.0;top:18px;}
.abtus .abt-culture .container.animation .image .imgBubble-03{opacity:1.0;top:12px;}
.abtus .abt-culture .container.animation .image .imgBubble-04{opacity:1.0;top:15px;}
.abtus .abt-process{width:100%;}
.abtus .abt-process .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.abtus .abt-process .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;opacity:0.0;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-process .container.animation .text{opacity:1;left:0;}
.abtus .abt-process .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;opacity:0.0;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.abtus .abt-process .container.animation .image{opacity:1;right:0;}
.abtus .abt-process .container .image img{width:100%;display:block;}
.abtus .abt-process .container .image .imgGrp{width:100%;position:relative;z-index:4;}
.abtus .abt-process .container .image .imgMan{width:100%;position:absolute;right:-50px;top:0;z-index:2;-webkit-transition:.5s ease-in-out .5s;-moz-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s;opacity:0.0;}
.abtus .abt-process .container .image .imgGear-lg{width:235px;position:absolute;bottom:15px;left:196px;z-index:3;}
.abtus .abt-process .container .image .imgGear-sm{width:78px;position:absolute;top:40px;right:15px;z-index:1;}
.abtus .abt-process .container.animation .image .imgMan{opacity:1.0;right:0;}
.abtus .abt-process .container.animation .image .imgGear-lg{animation:rotate 3s ease-in-out infinite;}
.abtus .abt-process .container.animation .image .imgGear-sm{animation:rotate 2s ease-in-out infinite;}
.abtus .abt-5ds{width:100%;}
.abtus .abt-5ds .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 20px 20px;}
.abtus .abt-5ds .container ul{width:calc(100% + 30px);font-size:0;display:flex;flex-wrap:wrap;justify-content:center;position:relative;top:50px;opacity:0.0;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;}
.abtus .abt-5ds .container ul li{display:inline-block;vertical-align:top;width:calc(20% - 70px);margin-right:30px;margin-bottom:30px;background:#ffffff;padding:20px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius:10px;text-align:center;}
.abtus .abt-5ds .container ul li .image{width:120px;margin:0 auto 10px auto;}
.abtus .abt-5ds .container ul li .image img{display:block;width:100%;}
.abtus .abt-5ds .container ul li p{margin-bottom:0;}
.abtus .abt-5ds .container ul li p strong{color:#000000;display:block;margin-bottom:10px;}
.abtus .abt-5ds .container.animation ul{top:0;opacity:1.0;}
.abtus .abt-iso{width:100%;}
.abtus .abt-iso .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:40px 20px;text-align:center;border-top:1px solid #f1f1f1;position:relative;bottom:-50px;opacity:0.0;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;}
.abtus .abt-iso .isoLogo{width:85px;margin:0 auto;}
.abtus .abt-iso .isoLogo img{width:100%;display:block;}
.abtus .abt-iso p{font-size:12px;line-height:normal;margin:0;}
.abtus .abt-iso p strong{color:#000;font-size:16px;line-height:normal;font-weight:600;display:block;margin:20px 0 10px 0;}
.abtus .abt-iso .container.animation{bottom:0;opacity:1.0;}
/**PROJECTS**/
.pjts .pjt-intro{width:100%;}
.pjts .pjt-intro .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 0 20px;text-align:left;}
.pjts .pjt-intro .container h5{opacity:0.0;animation:fadeIn 0.75s ease-in-out 0s 1 forwards;}
.pjts .pjt-intro .container h2,
.pjts .pjt-intro .container p{position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.pjts .pjt-intro .container .last{margin-bottom:0;}
.pjts .pjt-tab{width:100%;background:#f8f8f8;margin:35px 0 20px 0;}
.pjts .pjt-tab .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:20px;text-align:left;}
.pjts .pjt-tab .container ul{width:100%;}
.pjts .pjt-tab .container ul li{display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;font-weight:600;margin-right:25px;}
.pjts .pjt-tab .container ul li a{color:#000;display:block;text-decoration:none;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.pjts .pjt-tab .container ul li a:hover,
.pjts .pjt-tab .container ul li a.active{color:#ffcf1a;}
.pjts .pjt-grid{width:100%;}
.pjts .pjt-grid .container{width:calc(100% - 40px);max-width:1200px;min-height:43.5vh;margin:0 auto;padding:0 20px 50px 20px;}
.pjts .pjt-grid .container .grid{width:calc(100% + 20px);max-width:1220px;margin:20px auto 0 auto;/*opacity:0.0;position:relative;animation:pjt_flyUp 1s ease-in-out 1 forwards;*/}
.pjts .pjt-grid .container .grid:after{content:'';display:block;clear:both;}
.pjts .pjt-grid .container .grid .grid-item{float:left;width:calc(33.3333% - 20px);height:0;padding-top:calc(33.3333% - 20px);background:#efefef;position:relative;overflow:hidden;}
.pjts .pjt-grid .container .grid .grid-sizer{width:calc(33.3333% - 20px);}
.pjts .pjt-grid .container .grid .grid-item img{width:150%;height:150%;object-fit:cover;display:block;position:absolute;/*top:0;left:0;*/top:-25%;left:-25%;}
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(5),
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(15),
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(25){width:calc(66.6666% - 20px);}
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(8),
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(19),
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(29){padding-top:calc(66.6666% - 20px);}
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(5) img,
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(15) img,
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(25) img{width:100%;height:100%;top:0;left:0;}
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(8) img,
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(19) img,
.pjts .pjt-grid .container .grid .grid-item:nth-of-type(29) img{width:95%;height:95%;top:2.5%;left:2.5%;}
.pjts .pjt-grid .container .grid .gutter-sizer {width:20px;}
.pjts .pjt-grid .container .grid .grid-item .moBg{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background:rgba(0,0,0,0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.pjts .pjt-grid .container .grid .grid-item a:hover .moBg{background:rgba(0,0,0,0.75);}
.pjts .pjt-grid .container .grid .grid-item .pjt-detail{text-align:center;width:calc(100% - 50px);position:absolute;z-index: 2;left:0;top:50%;transform:translateY(-50%);padding:0 25px;}
.pjts .pjt-grid .container .grid .grid-item .pjt-detail .pjt-category{font-size:12px;line-height:16px;color:#ffcf1a;font-weight:600;margin-bottom:20px;text-transform:uppercase;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;opacity:0;}
.pjts .pjt-grid .container .grid .grid-item .pjt-detail .pjt-category span{display:inline-block;vertical-align:middle;margin:0 5px;}
.pjts .pjt-grid .container .grid .grid-item .pjt-detail .pjt-title{color:#ffffff;font-size:20px;line-height:26px;margin-bottom: 10px;font-weight:600;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;opacity:0;top:-20px;position:relative;}
.pjts .pjt-grid .container .grid .grid-item .pjt-detail .pjt-desc{color:#ffffff;font-size:14px;line-height:20px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;opacity:0;top:20px;position:relative;}
.pjts .pjt-grid .container .grid .grid-item a:hover .pjt-detail .pjt-category{opacity:1;}
.pjts .pjt-grid .container .grid .grid-item a:hover .pjt-detail .pjt-title{opacity:1;top:0}
.pjts .pjt-grid .container .grid .grid-item a:hover .pjt-detail .pjt-desc{opacity:1;top:0}
/**PROJECTS - SUBPAGE**/
.pjts .backPjt{width:calc(100% - 40px);padding:50px 20px 0 20px;text-align:center;}
.pjts .backPjt a{display:inline-block;font-size:12px;line-height:16px;font-weight:600;color:#112e8e;text-decoration:none;}
.pjts .backPjt a span::before{content:'';background:url("../images/common/icon-left-blue.svg");background-size:100%;width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right:7.5px;margin-top:-1.5px;}
.pjts .pjt_sub-intro{width:100%;}
.pjts .pjt_sub-intro .container{width:calc(100% - 40px);max-width:920px;margin:0 auto;padding:40px 20px;text-align:left;font-size:0;}
.pjts .pjt_sub-intro .container .left{display:inline-block;vertical-align:middle;width:calc(50% - 20px);margin-right:20px;position:relative;z-index:0;opacity: 0.0;animation:pjt_flyUp 1s ease-in-out 0s 1 forwards;background:#efefef;padding:60px 0;}
.pjts .pjt_sub-intro .container .left .image{width:100%;height:0;padding-top:100%;position:relative;overflow:hidden;}
.pjts .pjt_sub-intro .container .left .image img{width:160%;height:160%;object-fit:cover;display:block;position:absolute;top:-30%;left:-30%;}
.pjts .pjt_sub-intro .container .rgt{display:inline-block;vertical-align:middle;width:calc(50% - 20px);margin-left:20px;position:relative;z-index:1}
.pjts .pjt_sub-intro .container .rgt h3{margin-left:-80px;position:relative;opacity:0.0;animation:pjt_flyRgt 1s ease-in-out 0.5s 1 forwards;}
.pjts .pjt_sub-intro .container .rgt p,
.pjts .pjt_sub-intro .container .rgt a{position:relative;opacity:0.0;animation:pjt_flyLeft 1s ease-in-out 0.5s 1 forwards;}
.pjts .pjt_sub-col{width:100%;}
.pjts .pjt_sub-col .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:60px 20px 100px 20px;text-align:left;font-size:0;}
.pjts .pjt_sub-col .container .col3{width:calc(100% + 100px);font-size:0;}
.pjts .pjt_sub-col .container .col3 span{display:inline-block;vertical-align:top;width:calc(33.3333% - 100px);margin-right:100px;opacity:0.0;top:100px;position:relative;}
.pjts .pjt_sub-col .container .col3 h4{margin-bottom:5px;color:#000000;}
.pjts .pjt_sub-col .container .col3 p{margin-bottom:0;}
.pjts .pjt_sub-col .container .col3 span:nth-child(1){-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.pjts .pjt_sub-col .container .col3 span:nth-child(2){-webkit-transition:.5s ease-in-out .25s;-moz-transition:.5s ease-in-out .25s;-o-transition:.5s ease-in-out .25s;transition:.5s ease-in-out .25s;}
.pjts .pjt_sub-col .container .col3 span:nth-child(3){-webkit-transition:.5s ease-in-out .5s;-moz-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s;}
.pjts .pjt_sub-col .container.animation .col3 span{opacity:1.0;top:0;}
.pjts .pjt_sub-fullwidth{width:100%;}
.PORTFOLIO .pjts .pjt_sub-fullwidth{padding:60px 0 100px 0;}
.pjts .pjt_sub-fullwidth .container{width:100%;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;}
.pjts .pjt_sub-fullwidth .container .left{width:50%;background:#efefef;display:table;}
.pjts .pjt_sub-fullwidth .container .left .image{width:100%;height:0;padding-top:70%;margin:0 auto;position:relative;display:table-cell;vertical-align:middle;overflow:hidden;}
.pjts .pjt_sub-fullwidth .container .left .image img{width:150%;height:150%;object-fit:cover;display:block;position:absolute;top:-25%;left:-25%;}
.pjts .pjt_sub-fullwidth .container .rgt{width:50%;background:#112e8e;display:table;}
.pjts .pjt_sub-fullwidth .container .rgt .content{width:calc(100% - 200px);padding:100px;display:table-cell;vertical-align:middle;}
.pjts .pjt_sub-fullwidth .container .rgt h4{font-size:30px;line-height:36px;color:#ffffff;margin-bottom:15px;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;position:relative;}
.pjts .pjt_sub-fullwidth .container .rgt p{margin-bottom:0;color:#ffffff;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out .25s;-moz-transition:.75s ease-in-out .25s;-o-transition:.75s ease-in-out .25s;transition:.75s ease-in-out .25s;position:relative;}
.pjts .pjt_sub-fullwidth .container .rgt ul{margin-bottom:0;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out .25s;-moz-transition:.75s ease-in-out .25s;-o-transition:.75s ease-in-out .25s;transition:.75s ease-in-out .25s;position:relative;list-style:disc;margin-left:15px;}
.pjts .pjt_sub-fullwidth .container .rgt ul li{font-size:16px;line-height:22px;color:#ffffff;}
.pjts .pjt_sub-fullwidth .container.animation .rgt h4,
.pjts .pjt_sub-fullwidth .container.animation .rgt p,
.pjts .pjt_sub-fullwidth .container.animation .rgt ul{opacity:1.0;top:0;}
.pjts .pjt_sub-fullwidth .container .rgt .col3{width:calc(100% + 40px);font-size:0;margin-top:30px;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span{display:inline-block;vertical-align:top;width:calc(33.3333% - 40px);margin-right:40px;opacity:0.0}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span p{margin-bottom:5px;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span p strong{color:#fde400 !important;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span p a{color:#fff;text-decoration:none;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span p a:hover{text-decoration:underline;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span:nth-child(1){-webkit-transition:.5s ease-in-out .5s;-moz-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span:nth-child(2){-webkit-transition:.5s ease-in-out .75s;-moz-transition:.5s ease-in-out .75s;-o-transition:.5s ease-in-out .75s;transition:.5s ease-in-out .75s;}
.pjts .pjt_sub-fullwidth .container .rgt .col3 span:nth-child(3){-webkit-transition:.5s ease-in-out 1s;-moz-transition:.5s ease-in-out 1s;-o-transition:.5s ease-in-out 1s;transition:.5s ease-in-out 1s;}
.pjts .pjt_sub-fullwidth .container.animation .rgt .col3 span{opacity:1.0;top:0;}
.pjts .pjt_sub-achieve{width:100%;}
.pjts .pjt_sub-achieve .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:100px 20px;text-align:left;font-size:0;}
.pjts .pjt_sub-achieve .container .left{display:inline-block;vertical-align:top;width:calc(50% - 220px);margin-right:220px;opacity:0.0;left:-100px;position:relative;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.pjts .pjt_sub-achieve .container .rgt{display:inline-block;vertical-align:top;width:50%;}
.pjts .pjt_sub-achieve .container .rgt p{opacity:0.0;position:relative;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.pjts .pjt_sub-achieve .container .rgt .col3{width:calc(100% + 40px);font-size:0;}
.pjts .pjt_sub-achieve .container .rgt .col3 span{display:inline-block;vertical-align:top;width:calc(33.3333% - 40px);margin-right:40px;opacity:0.0}
.pjts .pjt_sub-achieve .container .rgt .col3 span p{margin-bottom:5px;}
.pjts .pjt_sub-achieve .container .rgt .col3 span p a{color:#000;text-decoration:none;}
.pjts .pjt_sub-achieve .container .rgt .col3 span p a:hover{text-decoration:underline;}
.pjts .pjt_sub-achieve .container .rgt .col3 span:nth-child(1){-webkit-transition:.5s ease-in-out .5s;-moz-transition:.5s ease-in-out .5s;-o-transition:.5s ease-in-out .5s;transition:.5s ease-in-out .5s;}
.pjts .pjt_sub-achieve .container .rgt .col3 span:nth-child(2){-webkit-transition:.5s ease-in-out .75s;-moz-transition:.5s ease-in-out .75s;-o-transition:.5s ease-in-out .75s;transition:.5s ease-in-out .75s;}
.pjts .pjt_sub-achieve .container .rgt .col3 span:nth-child(3){-webkit-transition:.5s ease-in-out 1s;-moz-transition:.5s ease-in-out 1s;-o-transition:.5s ease-in-out 1s;transition:.5s ease-in-out 1s;}
.pjts .pjt_sub-achieve .container.animation .left{opacity:1.0;left:0;}
.pjts .pjt_sub-achieve .container.animation .rgt p{opacity:1.0;top:0;}
.pjts .pjt_sub-achieve .container.animation .rgt .col3 span{opacity:1.0;}
.pjts .pjt_sub-overall{width:100%;}
.pjts .pjt_sub-overall .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px;text-align:left;font-size:0;}
.pjts .pjt_sub-overall .container .col3{width:calc(100% + 20px);font-size:0;position:relative;}
.pjts .pjt_sub-overall .container .col3 .col{display:inline-block;vertical-align:top;width:calc(33.3333% - 20px);margin-right:20px;opacity:0.0;position:relative;top:150px;}
.pjts .pjt_sub-overall .container .col3 .left{-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.pjts .pjt_sub-overall .container .col3 .MOBILE{display:none;}
.pjts .pjt_sub-overall .container .col3 .middle{-webkit-transition:.75s ease-in-out .5s;-moz-transition:.75s ease-in-out .5s;-o-transition:.75s ease-in-out .5s;transition:.75s ease-in-out .5s;}
.pjts .pjt_sub-overall .container .col3 .right{-webkit-transition:.75s ease-in-out 1s;-moz-transition:.75s ease-in-out 1s;-o-transition:.75s ease-in-out 1s;transition:.75s ease-in-out 1s;}
.pjts .pjt_sub-overall .container .col3 .col .image{width:100%;padding:60px 0;background:#efefef;}
.pjts .pjt_sub-overall .container .col3 .col .image .imgBox{width:100%;height:0;padding-top:100%;position:relative;overflow:hidden;}
.pjts .pjt_sub-overall .container .col3 .col .image .imgBox img{width:160%;height:160%;object-fit:cover;display:block;position:absolute;top:-30%;left:-30%;}
.pjts .pjt_sub-overall .container .col3 .col .text{width:calc(100% - 40px);padding:0 20px;}
.pjts .pjt_sub-overall .container .col3 .col .text h4{font-size:30px;line-height:36px;margin-bottom:15px;}
.pjts .pjt_sub-overall .container.animation .col3 .col{opacity:1.0;top:0;}
.pjts .pjt_sub-overall .container .pjt-nav{text-align:center;margin-top:40px;}
.pjts .pjt_sub-overall .container .pjt-nav a{display:inline-block;vertical-align:middle;margin:0 10px;}
.pjts .pjt_sub-overall .container .pjt-nav .nav-btn{text-align:center;}
.pjts .pjt_sub-overall .container .pjt-nav .nav-btn span{width:10px;height:10px;margin:1.5px;background:#112e8e;display:inline-block;border-radius:2px;transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);-webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);}
.pjts .pjt_sub-overall .container .pjt-nav .nav-btn:hover span{margin:3px;}
.pjts .pjt_sub-overall .container .pjt-nav .left-btn{width:20px;}
.pjts .pjt_sub-overall .container .pjt-nav .rgt-btn{width:20px;}
.pjts .pjt_sub-overall .container .pjt-nav img{width:100%;display:block;}
.pjts .pjt_sub-overall .container .pjt-nav .disable{pointer-events:none;opacity:0.25;}
.pjts .pjt_sub-contact{width:100%;}
.pjts .pjt_sub-contact .container{width:calc(100% - 40px);max-width:1200px;margin:40px auto 0 auto;padding:35px 20px;text-align:center;font-size:0;border-top:1px solid #efefef;}
.pjts .pjt_sub-contact .container h5{width:100%;max-width:680px;margin:0 auto 30px auto;position:relative;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.pjts .pjt_sub-contact .container h5 span{color:#000;}
.pjts .pjt_sub-contact .container .commonBtn{opacity:0.0;top:100px;position:relative;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.pjts .pjt_sub-contact .container.animation h5,
.pjts .pjt_sub-contact .container.animation .commonBtn{opacity:1.0;top:0;}
/**OUR CLIENTS**/
.clients .clients-intro{width:100%;}
.clients .clients-intro .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 0 20px;text-align:left;}
.clients .clients-intro .container h5{opacity:0.0;animation:fadeIn 0.75s ease-in-out 0s 1 forwards;}
.clients .clients-intro .container h2,
.clients .clients-intro .container p{position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.clients .clients-intro .container p{margin-bottom:0;}
.clients .clients-intro .container p a{color:#000;}
.clients .clients-logo{width:100%;}
.clients .clients-logo .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:center;}
.clients .clients-logo .container ul{width:100%;font-size:0;}
.clients .clients-logo .container ul li{display:inline-block;vertical-align:top;width:16.6666%;height:0;padding-top:70px;margin:0 0 40px 0;position:relative;overflow:hidden;}
.clients .clients-logo .container ul li img{width:90%;height:90%;object-fit:cover;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);}
/**CONTACT US**/
.contact .contact-intro{width:100%;}
.contact .contact-intro .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 0 20px;text-align:left;}
.contact .contact-intro .container.center{text-align:center;}
.contact .contact-intro .container h5{opacity:0.0;animation:fadeIn 0.75s ease-in-out 0s 1 forwards;}
.contact .contact-intro .container h2,
.contact .contact-intro .container p{position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.contact .contact-intro .container p{margin-bottom:0;}
.contact .contact-details{width:100%;}
.contact .contact-details .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:left;}
.contact .contact-details .container .details{width:350px;margin-right:50px;float:left;animation:abtImg 0.75s ease-in-out 0s 1 forwards;opacity:0;position:relative;}
.contact .contact-details .container .details p{margin-bottom:20px;}
.contact .contact-details .container .details  a{color:#000000;text-decoration:none;}
.contact .contact-details .container .details .address{padding-left:1.6em;text-indent:-1.85em;}
.contact .contact-details .container .details .address::before{content:'';background:url('../images/common/icon-location-blue.svg');background-size:100%;width:15px;height:15px;display:inline-block;vertical-align:middle;margin-right:6px;margin-left:4px;margin-top:-2.5px;}
.contact .contact-details .container .details .hotline::before{content:'';background:url('../images/common/icon-phone-blue.svg');background-size:100%;width:15px;height:15px;display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2.5px;}
.contact .contact-details .container .details .email::before{content:'';background:url('../images/common/icon-email-blue.svg');background-size:100%;width:15px;height:15px;display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2.5px;}
.contact .contact-details .container .googleMap{width:calc(100% - 402px);float:right;border:1px solid #efefef;animation:abtText 0.75s ease-in-out 0s 1 forwards;opacity:0;position:relative;}
.contact .contact-details .container .googleMap iframe{width:100%;height:350px;}
.contact .contact-form{width:100%;}
.contact .contact-form .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;text-align:left;}
.contact .contact-form .container form{width:calc(100% + 30px);font-size:0;}
.contact .contact-form .container .field{width:calc(100% - 30px);margin-bottom:20px;position:relative;text-align:left;display:inline-block;vertical-align:top;margin-right:30px;}
.contact .contact-form .container .field.col2{width:calc(50% - 30px);}
.captcha{margin-top:10px;}
.captcha span{display:inline-block;vertical-align:middle;}
.captcha span a{display:block;width:18px;margin-left:10px;}
.captcha span a img{width:100%;display:block;}
.contact input[type=text], .contact input[type=email], .contact input[type=tel], .contact textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance: none; transition:all 0.2s ease-in-out;position:relative;padding:10px 15px 10px 15px;height:50px;font-size:14px;line-height:20px;color:#000;}
.contact select{padding:10px 15px 10px 15px;height:50px;font-size:14px;line-height:20px;color:#000;}
.contact textarea{height:150px;}
.contact .fieldName{font-size:10px;line-height:10px;color:#112e8e;font-weight:600;text-transform:uppercase;opacity:0;position:absolute;top:10px;left:16px;}
.contact input[type=text]:focus, .contact input[type=email]:focus, .contact input[type=tel]:focus{padding-top:25px;}
.contact input[type=text]:focus + .fieldName, .contact input[type=email]:focus + .fieldName, .contact input[type=tel]:focus + .fieldName{opacity: 1 !important;top:10px !important;}
.contact input[type=text]:focus::placeholder, .contact input[type=email]:focus::placeholder, .contact input[type=tel]:focus::placeholder{opacity:0;}
.contact textarea:focus{padding-top:25px;}
.contact textarea:focus + .fieldName{opacity: 1 !important;top:10px !important;}
.contact textarea:focus::placeholder{opacity:0;}
.contact .contact-form .container form .commonBtn{border:1px solid #112e8e !important;}
.contact .contact-form .container form .commonBtn.reset{border:1px solid #000 !important;}
/**POLICY**/
.policyPg{width:100%;}
.policyPg .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:left;animation:flyUp 0.75s ease-in-out 0s 1 forwards;opacity:0;position:relative;}
.policyPg .container p{margin-bottom:20px;}
.policyPg .container a{color:#000000;}
.policyPg .container ul{list-style:disc;margin-left:20px;margin-bottom:15px;}
.policyPg .container ul li{font-size:16px;line-height:22px;color:#000;padding:2.5px;}
/**OUR SERVICES**/
.ourServ .serv-intro{width:100%;}
.ourServ .serv-intro .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:center;}
.ourServ .serv-intro .container h5{opacity:0.0;animation:fadeIn 0.75s ease-in-out 0s 1 forwards;}
.ourServ .serv-intro .container h2,
.ourServ .serv-intro .container p{position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.ourServ .serv-intro .container .last{margin-bottom:0;}
.ourServ .grpBtn{width:100%;margin-top:20px}
.ourServ .grpBtn span{display:inline-block;margin:0 5px 7.5px 0;}
.ourServ .serv-01{width:100%;}
.ourServ .serv-01 p{margin-bottom:0;}
.ourServ .serv-01 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-01 .container .text{width:calc(100% - 630px);opacity:0.0;margin-left:40px;order:2;position:relative;animation:abtText 0.75s ease-in-out 0s 1 forwards;}
.ourServ .serv-01 .container .image{width:550px;opacity:0.0;margin-right:40px;position:relative;overflow:hidden;animation:abtImg 0.75s ease-in-out 0s 1 forwards;}
.ourServ .serv-01 .container .image img{width:100%;display:block;}
.ourServ .serv-01 .container .image .imgMain{width:100%;position:relative;z-index:2;}
.ourServ .serv-01 .container .image .imgMan{width:100%;position:absolute;top:0;left:0;z-index:4;}
.ourServ .serv-01 .container .image .imgArm{width:100%;position:absolute;top:0;left:0;z-index:3;animation:serv01_arm 1.5s ease-in-out 0.75s infinite;}
.ourServ .serv-01 .container .image .imgMoney{width:100%;position:absolute;top:-100px;left:0;opacity:0.0;z-index:4;animation:serv01_money 1s ease-in-out 0.5s 1 forwards;}
.ourServ .serv-02{width:100%;}
.ourServ .serv-02 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-02 .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-02 .container.animation .text{opacity:1;left:0;}
.ourServ .serv-02 .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-02 .container.animation .image{opacity:1;right:0;}
.ourServ .serv-02 .container .image img{width:100%;display:block;}
.ourServ .serv-02 .container .image .imgMain{width:100%;position:relative;z-index:3;}
.ourServ .serv-02 .container .image .imgMan{width:100%;position:absolute;top:0;left:0;z-index:4;}
.ourServ .serv-02 .container .image .imgArmBack{width:100%;position:absolute;top:0;left:0;z-index:2;animation:serv02_arm 1.5s ease-in-out 0.75s infinite;}
.ourServ .serv-02 .container .image .imgArm{width:100%;position:absolute;top:0;left:0;z-index:4;animation:serv02_arm 1.5s ease-in-out 0.75s infinite;}
.ourServ .serv-02 .container.animation .image .imgMan{animation:serv02_man 1s ease-in-out 0.5s 1 forwards;}
.ourServ .serv-03{width:100%;}
.ourServ .serv-03 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-03 .container .text{width:calc(100% - 630px);opacity:0.0;margin-left:40px;order:2;position:relative;left:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-03 .container.animation .text{opacity:1;left:0;}
.ourServ .serv-03 .container .image{width:550px;opacity:0.0;margin-right:40px;position:relative;overflow:hidden;right:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-03 .container.animation .image{opacity:1;right:0;}
.ourServ .serv-03 .container .image img{width:100%;display:block;}
.ourServ .serv-03 .container .image .imgMain{width:100%;position:relative;z-index:2;}
.ourServ .serv-03 .container .image .imgSound{width:100%;position:absolute;top:0;left:-100px;opacity:0.0;z-index:2;animation:serv03_sound 1.5s ease-in-out 0.75s infinite;}
.ourServ .serv-03 .container .image .imgMan{width:100%;position:absolute;top:0;left:0;z-index:4;}
.ourServ .serv-03 .container .image .imgArm{width:100%;position:absolute;top:0;left:0;z-index:3;animation:serv03_arm 1.5s ease-in-out 0.75s infinite;}
.ourServ .serv-04{width:100%;}
.ourServ .serv-04 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-04 .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-04 .container.animation .text{opacity:1;left:0;}
.ourServ .serv-04 .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-04 .container.animation .image{opacity:1;right:0;}
.ourServ .serv-04 .container .image img{width:100%;display:block;}
.ourServ .serv-04 .container .image .imgMain{width:100%;position:relative;z-index:2;}
.ourServ .serv-04 .container .image .imgMan{width:100%;position:absolute;top:10px;left:20px;z-index:4;}
.ourServ .serv-04 .container.animation .image .imgMan{animation:serv04_man 1s ease-in-out 0.5s 1 forwards;}
.ourServ .serv-04 .container .image .imgChart1{width:100%;position:absolute;top:0;left:0;opacity:0.0;z-index:3;animation:serv04_chart 2s ease-in-out 1s infinite;}
.ourServ .serv-04 .container .image .imgChart2{width:100%;position:absolute;top:0;left:0;opacity:0.0;z-index:3;animation:serv04_chart 2s ease-in-out 1.25s infinite;}
.ourServ .serv-05{width:100%;}
.ourServ .serv-05 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-05 .container .text{width:calc(100% - 630px);opacity:0.0;margin-left:40px;order:2;position:relative;left:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-05 .container.animation .text{opacity:1;left:0;}
.ourServ .serv-05 .container .image{width:550px;opacity:0.0;margin-right:40px;position:relative;overflow:hidden;right:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-05 .container.animation .image{opacity:1;right:0;}
.ourServ .serv-05 .container .image img{width:100%;display:block;}
.ourServ .serv-05 .container .image .imgMain{width:100%;position:relative;z-index:2;}
.ourServ .serv-05 .container .image .imgManRgt{width:100%;position:absolute;top:0;left:-100px;opacity:0.0;z-index:3;}
.ourServ .serv-05 .container.animation .image .imgManRgt{animation:serv05_man 1s ease-in-out 0.75s 1 forwards;}
.ourServ .serv-05 .container .image .imgManMiddle{width:100%;position:absolute;top:0;left:-100px;opacity:0.0;z-index:3;}
.ourServ .serv-05 .container.animation .image .imgManMiddle{animation:serv05_man 1s ease-in-out 0.5s 1 forwards;}
.ourServ .serv-05 .container .image .imgGirl{width:100%;position:absolute;top:0;left:50px;opacity:0.0;z-index:3;}
.ourServ .serv-05 .container.animation .image .imgGirl{animation:serv05_girl 1s ease-in-out 0.75s 1 forwards;}
.ourServ .serv-05 .container .image .imgGirlArm{width:100%;position:absolute;top:0;left:0;opacity:0.0;z-index:4;}
.ourServ .serv-05 .container.animation .image .imgGirlArm{animation:serv05_girl 1s ease-in-out 0.75s 1 forwards,serv05_girlArm 0.75s ease-in-out 2s infinite;}
.ourServ .serv-06{width:100%;}
.ourServ .serv-06 .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;display:flex;align-items:center;}
.ourServ .serv-06 .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-06 .container.animation .text{opacity:1;left:0;}
.ourServ .serv-06 .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ourServ .serv-06 .container.animation .image{opacity:1;right:0;}
.ourServ .serv-06 .container .image img{width:100%;display:block;}
.ourServ .serv-06 .container .image .imgMain{width:100%;position:relative;z-index:2;}
.ourServ .serv-06 .container .image .imgCable{width:100%;position:absolute;top:0;left:0;z-index:4;opacity:0.0}
.ourServ .serv-06 .container.animation .image .imgCable{animation:fadeIn 1s ease-in-out 0.75s 1 forwards;}
.ourServ .serv-06 .container .image .imgLight{width:100%;position:absolute;top:0;left:0;z-index:3;opacity:0.0}
.ourServ .serv-06 .container.animation .image .imgLight{animation:fadeIn 1s ease-in-out 1s 1 forwards;}
.ourServ .serv-06 .container .image .imgUp{width:100%;position:absolute;top:0;left:0;z-index:4;opacity:0.0}
.ourServ .serv-06 .container.animation .image .imgUp{animation:fadeIn 1s ease-in-out 1.25s 1 forwards,serv06_up 0.75s ease-in-out 1.5s infinite;}
.ourServ .serv-06 .container .image .imgDown{width:100%;position:absolute;top:0;left:0;z-index:4;opacity:0.0;}
.ourServ .serv-06 .container.animation .image .imgDown{animation:fadeIn 1s ease-in-out 1.25s 1 forwards,serv06_down 0.75s ease-in-out 2s infinite;}
/**COMMON SERVICES**/
.services .common-intro{width:100%;position:relative;background: rgb(255,255,255);background: -moz-radial-gradient(circle,rgba(215,239,247,1) 0%, rgba(154,218,240,1) 50%);background: -webkit-radial-gradient(circle, rgba(215,239,247,1) 0%, rgba(154,218,240,1) 50%);background: radial-gradient(circle, rgba(215,239,247,1) 0%, rgba(154,218,240,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#9adaf0",GradientType=1);}
.services .common-intro .container{width:calc(100% - 40px);max-width:1200px;padding:50px 20px;margin:0 auto;text-align:center;position:relative;z-index:10;}
.services .common-intro .container h2,
.services .common-intro .container p{width:100%;max-width:550px;margin-left:auto;margin-right:auto;position:relative;opacity:0.0;top:0;animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.services .common-intro .container h2{max-width:700px;}
.BUSINESS .services .common-intro .container h2{max-width:500px;}
.ERP .services .common-intro .container h2,
.ADS_SEO .services .common-intro .container h2{max-width:550px;}
.MAINTENANCE .services .common-intro .container h2{max-width:600px;}
.SECURITY .services .common-intro .container h2{max-width:750px;}
.services .common-intro .container .commonBtn{margin:10px 0 40px 0;animation:flyUp 0.75s ease-in-out 0.25s 1 forwards;position:relative;opacity:0.0;top:0;}
.services .common-intro .container .mainImg{width:100%;position:relative;}
.services .common-intro .container .mainImg img{width:100%;}
.services .common-intro .container .mainImg .mainGrp-01{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.services .common-intro .container .mainImg .mainGrp-02{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.services .common-intro .container .mainImg .mainERP{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.BUSINESS .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:2;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.BUSINESS .services .common-intro .container .mainImg .leftImg_Bubble{width:100%;position:absolute;z-index:3;top:0;animation:fadeIn 1s ease-in-out 2s 1 forwards;opacity:0;}
.BUSINESS .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:4;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.BUSINESS .services .common-intro .container .mainImg .rgtImg_Bubble{width:100%;position:absolute;z-index:5;top:0;animation:fadeIn 1s ease-in-out 2.5s 1 forwards;opacity:0;}
.BUSINESS .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.BRANDING_PRINTING .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.BRANDING_PRINTING .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:4;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.BRANDING_PRINTING .services .common-intro .container .mainImg .rgtImg_R{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards,branding_hook 1.25s ease-in-out 1s infinite;opacity:0;}
.BRANDING_PRINTING .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:5;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.SOCIAL_MEDIA .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:2;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.SOCIAL_MEDIA .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:4;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.SOCIAL_MEDIA .services .common-intro .container .mainImg .rgtImg_Speaker{width:100%;position:absolute;z-index:5;top:0;animation:fadeIn 1s ease-in-out 2s 1 forwards, socialmedia_girlhand 1.5s ease-in-out 0.75s infinite;opacity:0;}
.SOCIAL_MEDIA .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.ADS_SEO .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:2;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.ADS_SEO .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.ADS_SEO .services .common-intro .container .mainImg .rgtImg_Plane{width:100%;position:absolute;z-index:3;top:0;animation:fadeIn 2s ease-in-out 1.75s 1 forwards;opacity:0;}
.ADS_SEO .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 0.75s ease-in-out 1.75s 1 forwards;opacity:0;}
.ERP .services .common-intro .container .mainImg .mainGrp-01{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.ERP .services .common-intro .container .mainImg .mainGrp-02{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.ERP .services .common-intro .container .mainImg .mainERP{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.CUSTOMISED .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.CUSTOMISED .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.CUSTOMISED .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.WEB_DEVELOPMENT .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.WEB_DEVELOPMENT .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.WEB_DEVELOPMENT .services .common-intro .container .mainImg .middleImg_01{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.WEB_DEVELOPMENT .services .common-intro .container .mainImg .middleImg_02{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyUp 1s ease-in-out 1s 1 forwards;}
.MOBILE_APP .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.MOBILE_APP .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.MOBILE_APP .services .common-intro .container .mainImg .middleImg_01{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.MOBILE_APP .services .common-intro .container .mainImg .middleImg_02{width:100%;position:absolute;z-index:2;left:0;opacity:0;animation:flyUp 1s ease-in-out 1s 1 forwards;}
.HOSTING .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.HOSTING .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.HOSTING .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.HOSTING .services .common-intro .container .mainImg .topImg{width:100%;position:absolute;z-index:2;top:0;animation:fadeIn 1s ease-in-out 2s 1 forwards;opacity:0;}
.MAINTENANCE .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.MAINTENANCE .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.MAINTENANCE .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.SECURITY .services .common-intro .container .mainImg .leftImg{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1.5s 1 forwards;opacity:0;}
.SECURITY .services .common-intro .container .mainImg .rgtImg{width:100%;position:absolute;z-index:3;top:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.SECURITY .services .common-intro .container .mainImg .rgtImg_Lock{width:100%;position:absolute;z-index:4;top:0;animation:abtImg 1s ease-in-out 1.75s 1 forwards;opacity:0;}
.SECURITY .services .common-intro .container .mainImg .middleImg{width:100%;position:absolute;z-index:3;left:0;opacity:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.services .common-intro .container .mainImg .mainBase{width:100%;position:relative;z-index:1;animation:fadeIn 1s ease-in-out 0.5s 1 forwards;opacity:0;}
.services .common-feature{width:100%;background:#f8f8f8;}
.services .common-feature .container{width:calc(100% - 40px);max-width:1360px;padding:50px 20px 15px 20px;margin:0 auto;text-align:center;position:relative;z-index:10;}
.ERP .services .common-feature .container,
.BUSINESS .services .common-feature .container,
.BRANDING_PRINTING .services .common-feature .container{padding-bottom:50px;}
.services .common-feature .container h4{width:100%;max-width:800px;font-size:30px;line-height:36px;margin:0 auto;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;position:relative;}
.services .common-feature .container h4 span,
.services .common-feature .container h4 a{color:#112e8e;}
.services .common-feature .container .last{margin-bottom:0;opacity:0.0;top:50px;position:relative;-webkit-transition:1s ease-in-out .5s;-moz-transition:1s ease-in-out .5s;-o-transition:1s ease-in-out .5s;transition:1s ease-in-out .5s;}
.services .common-feature .divider{width:100%;max-width:1000px;padding:50px 0;margin:0 auto;}
.services .common-feature .divider img{width:100%;height: 1px;display:block;}
.services .common-feature ul{width:100%;/*max-width:1000px;margin:0 auto 15px auto;*/margin:0 auto;font-size:0;position:relative;left:-2000px;opacity:0.0;-webkit-transition:1s ease-in-out .5s;-moz-transition:1s ease-in-out .5s;-o-transition:1s ease-in-out .5s;transition:1s ease-in-out .5s;}
.services .common-feature ul li{display:inline-block;vertical-align:top;width:calc(20% - 30px);margin:0 15px 30px 15px;}
.services .common-feature ul.col4 li{width:calc(25% - 30px);}
.services .common-feature ul.col3 li{width:calc(33.333% - 30px);}
.services .common-feature ul.col2 li{width:calc(50% - 30px);}
.services .common-feature ul li .image{width:80px;height:80px;background:#ffffff;border-radius:100%;position:relative;margin:0 auto 15px auto;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.services .common-feature ul li .image img{position:absolute;width:75%;left:50%;top:50%;transform:translate(-50%,-50%);display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.services .common-feature ul li p{margin-bottom:10px;}
.services .common-feature ul li p strong{color:#000000;}
.services .common-feature ul li .feat-link{text-decoration:none;display:block;}
.services .common-feature ul li .feat-link:hover .image{background:#112e8e;}
.services .common-feature ul li .feat-link:hover .image img{width:65%;filter:brightness(0) invert(1);}
.services .common-feature .container.animation h4{opacity:1.0;top:0;}
.services .common-feature .container.animation .last{opacity:1.0;top:0;}
.services .common-feature .container.animation ul{left:0;opacity:1.0;}
.services .common-content{width:100%;background: #ffffff;}
.services .common-content .container{width:calc(100% - 40px);max-width:1200px;padding:0 20px 50px 20px;margin:0 auto;display:flex;align-items:center;}
.services .common-content.first .container{padding:50px 20px;}
.services .common-content p{margin-bottom:0;}
.services .common-content .container .image img{width:100%;display:block;}
.services .common-content .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:40px;position:relative;opacity:0.0;left:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.services .common-content .container.animation .text{opacity:1;left:0;}
.services .common-content .container .image{width:550px;opacity:0.0;margin-left:40px;position:relative;overflow:hidden;opacity:0.0;right:-50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.services .common-content .container.animation .image{opacity:1;right:0;}
.services .common-content.leftImg .container .text{width:calc(100% - 630px);opacity:0.0;margin-right:0 !important;margin-left:40px;order:2;position:relative;opacity:0.0;left:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.services .common-content.leftImg .container.animation .text{opacity:1;left:0;}
.services .common-content.leftImg .container .image{width:550px;opacity:0.0;margin-left:0 !important;margin-right:40px;position:relative;overflow:hidden;opacity:0.0;right:50px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.services .common-content.leftImg .container.animation .image{opacity:1;right:0;}
.services .common-content.a7 .container{display:block;text-align:left !important;} 
.services .common-content.a7 .container .px_12{font-size:0;margin-bottom:10px;}
.services .common-content.a7 .container .px_12 span{display:inline-block;vertical-align:top;width:calc(100% - 10px);font-size:12px;}
.services .common-content.a7 .container .px_12 .point{width:10px;margin-top:2.5px}
.services .common-content.a7 .container .px_12 a{color:#000;}
/**SEARCH**/
.searchPg{width:100%;}
.searchPg .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 30px 20px;text-align:left;animation:flyUp 0.75s ease-in-out 0s 1 forwards;opacity:0;position:relative;}
.searchPg .container p{margin-bottom:20px;}
.searchPg .container ul{list-style:none;margin:0;}
.searchPg .container ul li{padding:10px 0;margin-bottom:10px;border-bottom:1px solid #f1f4f6;}
.searchPg .container ul li:last-child{border-bottom:none;margin-bottom:0;}
/**SITEMAP**/
.sitemapPg{width:100%;}
.sitemapPg .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 20px 20px;text-align:left;animation:flyUp 0.75s ease-in-out 0s 1 forwards;opacity:0;position:relative;}
.sitemapPg .container ul{width:100%;list-style:none;margin:0;}
.sitemapPg .container ul li{padding:10px 0 20px 0;margin:10px 0;border-bottom:1px solid #f1f4f6;font-size:16px;line-height:20px;font-weight:600;color:#112e8e;}
.sitemapPg .container ul li:last-child{border-bottom:none;}
.sitemapPg .container ul li a{text-decoration:none;color:#112e8e;}
.sitemapPg .container ul li ul{font-size:0;margin:10px 0 0 0;width:100%;}
.sitemapPg .container ul li ul li{display:inline-block;width:22%;vertical-align:top;padding:5px 1.5% !important;font-weight:400;border-bottom:none;margin:0;}
.sitemapPg .container ul li ul li::before{content:"\2022";color:#fde400;font-weight: bold;display:inline-block;width:1em;margin-left:-1em;}
.sitemapPg .container ul li ul li a{font-size:16px;line-height:20px;color:#000000;text-decoration:none;}
.sitemapPg .container ul li a:hover{text-decoration:underline;}
.sitemapPg .container .subsub{width:calc(100% - 20px);margin:10px 0 0 20px;}
.sitemapPg .container .subsub li::before{content:"\2022";color:#112e8e;}
/**ERP SYSTEMS**/
.erp-main-img{width:100%;}
.erp-main-img .container{width:100%;background:#e2f9ff url("../images/erp/common-bg-01.jpg") no-repeat top center;padding:70px 0 50px 0;background-size:100%;}
.erp-main-img .container .main-img{width:calc(100% - 40px);max-width:1200px;margin:0;border-radius:10px;margin:auto;overflow:hidden;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);animation:flyUp 0.75s ease-in-out 0.5s 1 forwards;position:relative;opacity:0.0;top:0;}
.erp-main-img .container .main-img.withoutshadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;}
.erp-main-img .container .main-img img{width:100%;display:block;}
.erp-nav{text-align:center;margin-top:40px;font-size:0;}
.erp-nav a{display:inline-block;vertical-align:middle;margin:0 10px;text-decoration:none;}
.erp-nav .nav-btn{text-align:center;font-size:0;}
.erp-nav .nav-btn span{width:10px;height:10px;margin:1.5px;background:#112e8e;display:inline-block;border-radius:2px;transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);-webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);}
.erp-nav .nav-btn:hover span{margin:3px;}
.erp-nav .left-btn{width:20px;}
.erp-nav .rgt-btn{width:20px;}
.erp-nav img{width:100%;display:block;}
.erp-nav .disable{pointer-events:none;opacity:0.25;}
.erp-flow{width:100%;}
.erp-flow h3,
.erp-flow .desc{opacity:0;position:relative;}
.erp-flow .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:left;}
.erp-flow .flow-outer{width:calc(100% - 80px);border-radius:10px;background:#f8f8f8;padding:40px;opacity:0;position:relative;}
.erp-flow .flow-outer.pad30{width:calc(100% - 60px);padding:30px;}
.erp-flow .flow-inner{width:100%;max-width:728px;margin:0 auto;text-align:center;}
.flow-inner .flow-icon{display:inline-block;vertical-align:top;text-align:center;opacity:0.0;}
.flow-inner .flow-icon .flow-img{width:80px;height:80px;background:#ffffff;border-radius:100%;position:relative;margin:0 auto 15px auto;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.flow-inner .flow-icon img{position:absolute;width:75%;left:50%;top:50%;transform:translate(-50%,-50%);display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.flow-inner .flow-icon p{margin-bottom:0;}
.flow-inner .flow-icon p strong{color:#000000;}
.flow-inner .flow-arrow{display:inline-block;vertical-align:top;text-align:center;width:140px;margin:25px 15px 0 15px;opacity:0.0;}
.flow-inner .flow-arrow img{width:100%;display:block;}
.flow-inner .inner-img{width:100%;opacity:0.0;}
.flow-inner .inner-img img{width:100%;display:block;}
.erp-flow.animation h3,
.erp-flow.animation .desc{animation:flyLeft 0.75s ease-in-out 0s 1 forwards;}
.erp-flow.animation .flow-outer{animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.erp-flow.animation .flow-inner .F1{animation:fadeIn 0.5s ease-in-out 0.5s 1 forwards;}
.erp-flow.animation .flow-inner .F2{animation:fadeIn 0.5s ease-in-out 1.0s 1 forwards;}
.erp-flow.animation .flow-inner .F3{animation:fadeIn 0.5s ease-in-out 1.5s 1 forwards;}
.erp-flow.animation .flow-inner .F4{animation:fadeIn 0.5s ease-in-out 2.0s 1 forwards;}
.erp-flow.animation .flow-inner .F5{animation:fadeIn 0.5s ease-in-out 2.5s 1 forwards;}
.erp-contact{width:100%;}
.erp-contact .container{width:calc(100% - 40px);max-width:1200px;margin:40px auto 0 auto;padding:35px 20px;text-align:center;font-size:0;border-top:1px solid #efefef;}
.erp-contact .container h5{width:100%;max-width:680px;margin:0 auto 30px auto;position:relative;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.erp-contact .container h5 span{color:#000;}
.erp-contact .container .commonBtn{opacity:0.0;top:100px;position:relative;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.erp-contact.animation h5,
.erp-contact.animation .commonBtn{opacity:1.0;top:0;}
.ERP_SYSTEMS .services .common-content .container .image{overflow:hidden;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);border-radius:10px;margin:6rem auto;}
.ERP_SYSTEMS .services .common-content .container .image.withoutshadow{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.ERP_SYSTEMS .services .common-content{background:url("../images/erp/common-bg-03.png")no-repeat 25vw center;background-size:100% 100%;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.ERP_SYSTEMS .services .common-content.leftImg{background:url("../images/erp/common-bg-02.png")no-repeat -25vw center;background-size:100% 100%;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.ERP_SYSTEMS .services.animation .common-content{background:url("../images/erp/common-bg-03.png")no-repeat right center;background-size:100% 100%;}
.ERP_SYSTEMS .services.animation .common-content.leftImg{background:url("../images/erp/common-bg-02.png")no-repeat left center;background-size:100% 100%;}
.erp-features{width:100%;background:#f8f8f8;margin:0;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.erp-features .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 40px 20px;text-align:left;}
.erp-features .container ul{width:calc(100% + 20px);font-size:0;display:flex;flex-wrap:wrap;}
.erp-features .container ul li{width:calc(50% - 20px);margin:0 20px 20px 0;background:#fff;border-radius:10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.erp-features .container ul li .grp{width:calc(90% - 50px);padding:25px;font-size:0;opacity:0.0;-webkit-transition:.75s ease-in-out .75s;-moz-transition:.75s ease-in-out .75s;-o-transition:.75s ease-in-out .75s;transition:.75s ease-in-out .75s;margin:0 auto;}
.erp-features .container ul li .grp .icon{display:inline-block;vertical-align:top;width:45px;margin-right:25px;}
.erp-features .container ul li .grp .description{display:inline-block;vertical-align:top;width:calc(100% - 75px);}
.erp-features .container ul li .grp .description h5{color:#000;margin-bottom:5px;}
.erp-features .container ul li .grp .description p{margin-bottom:0;text-align:left;}
.erp-features.animation{opacity:1.0;margin:50px 0;}
.erp-features.animation ul li .grp{opacity:1.0;width:calc(100% - 50px);}
.erp-integrate{width:100%;}
.erp-integrate h3,
.erp-integrate .desc{opacity:0;position:relative;}
.erp-integrate .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px;text-align:left;}
.erp-integrate .integrate-outer{width:calc(100% - 80px);border-radius:10px;background:#f8f8f8;padding:40px 40px 0 40px;opacity:0;position:relative;}
.erp-integrate .integrate-inner{width:100%;margin:0 auto;text-align:center;}
.erp-integrate.animation h3,
.erp-integrate.animation .desc{animation:flyLeft 0.75s ease-in-out 0s 1 forwards;}
.erp-integrate.animation .integrate-outer{animation:flyUp 0.75s ease-in-out 0s 1 forwards;}
.erp-integrate ul{width:100%;/*max-width:1000px;margin:0 auto 15px auto;*/margin:0 auto;font-size:0;position:relative;left:-100px;opacity:0.0;-webkit-transition:1s ease-in-out .5s;-moz-transition:1s ease-in-out .5s;-o-transition:1s ease-in-out .5s;transition:1s ease-in-out .5s;}
.erp-integrate ul li{display:inline-block;vertical-align:top;width:calc(25% - 30px);margin:0 15px 30px 15px;}
.erp-integrate ul.col3 li{width:calc(33.333% - 30px);}
.erp-integrate ul.col2 li{width:calc(50% - 30px);}
.erp-integrate ul li .image{width:80px;height:80px;background:#ffffff;border-radius:100%;position:relative;margin:0 auto 15px auto;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.erp-integrate ul li .image img{position:absolute;width:75%;left:50%;top:50%;transform:translate(-50%,-50%);display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.erp-integrate ul li p{margin-bottom:10px;}
.erp-integrate ul li p strong{color:#000000;}
.erp-integrate.animation ul{left:0;opacity:1.0;}
.ERP_SYSTEMS .erp-main-img .scroll-animation{max-height:750px;background:#f8f8f8;position:relative;}
.ERP_SYSTEMS .erp-main-img .scroll-animation img{animation:main_scroll 10s linear 0s infinite alternate both;position:relative;top:0;}
.ERP_SYSTEMS .common-scroll-animation{max-height:343px;background:#f8f8f8;position:relative;}
.ERP_SYSTEMS .common-scroll-animation img{animation:common_scroll 10s linear 0s infinite alternate both;position:relative;top:0;}
.backERP{width:calc(100% - 40px);padding:50px 20px 0 20px;text-align:center;}
.backERP a{display:inline-block;font-size:12px;line-height:16px;font-weight:600;color:#112e8e;text-decoration:none;}
.backERP a span::before{content:'';background:url("../images/common/icon-left-blue.svg");background-size:100%;width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right:7.5px;margin-top:-1.5px;}
/**ANIMATION**/
@keyframes main_scroll{
	0%{transform:translateY(0);}
	100%{transform:translateY(calc(-100% + 750px));}
}
@keyframes main_scroll_1199{
	0%{transform:translateY(0);}
	100%{transform:translateY(calc(-100% + 60rem));}
}
@keyframes common_scroll{
	0%{transform:translateY(0);}
	100%{transform:translateY(calc(-100% + 343px));}
}
@keyframes common_scroll_899{
	0%{transform:translateY(0);}
	100%{transform:translateY(calc(-100% + 60rem));}
}
@keyframes pjt_flyUp{
	0%{opacity:0;top:150px;}
	100%{opacity:1;top:0;}
}
@keyframes pjt_flyLeft{
	0%{opacity:0;left:-100px;}
	100%{opacity:1;left:0;}
}
@keyframes pjt_flyRgt{
	0%{opacity:0;right:-100px;}
	100%{opacity:1;right:0;}
}
@keyframes abtText{
	0%{opacity:0;left:50px;}
	100%{opacity:1;left:0;}
}
@keyframes abtImg{
	0%{opacity:0;right:50px;}
	100%{opacity:1;right:0;}
}
@keyframes vision_mask{
	0%{left:0;}
	100%{left:999px;}
}
@keyframes vision_hand{
	0%{top:30px;transform:rotate(0deg);}
	50%{top:40px;transform:rotate(10deg);}
	100%{top:30px;transform:rotate(0deg);}
}
@keyframes vision_hand_1099{
	0%{top:27px;transform:rotate(0deg);}
	50%{top:32px;transform:rotate(10deg);}
	100%{top:27px;transform:rotate(0deg);}
}
@keyframes vision_hand_899{
	0%{top:4rem;transform:rotate(0deg);}
	50%{top:4.75rem;transform:rotate(10deg);}
	100%{top:4rem;transform:rotate(0deg);}
}
@keyframes flyLeft{
	0%{opacity:0;left:-999px;}
	100%{opacity:1;left:0;}
}
@keyframes flyRgt{
	0%{opacity:0;right:-999px;}
	100%{opacity:1;right:0;}
}
@keyframes flyUp{
	0%{opacity:0;top:50px;}
	100%{opacity:1;top:0;}
}
@keyframes flyDown{
	0%{opacity:0;top:-50px;}
	100%{opacity:1;top:0;}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes main_img02{
	0%{opacity:0;left:-50px;}
	100%{opacity:1;left:0;}
}
@keyframes main_img03{
	0%{opacity:0;bottom:-100px;transform:scaleY(0.9);}
	100%{opacity:1;bottom:0;transform:scaleY(1.0);}
}
@keyframes edg_img02{
	0%{opacity:0;top:50px;transform:scale(0.5);}
	100%{opacity:1;top:0;transform:scale(1.0);}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.opacity_0{opacity:0;}
@-webkit-keyframes come_in_animation {
	0% {opacity:0;margin-top:100px;}
	100% {opacity:1;margin-top:0;}
}
@keyframes come_in_animation {
  	0% {opacity:0;margin-top:100px;}
	100% {opacity:1;margin-top:0;}
}
.come_in{animation-duration:1.5s;-webkit-animation-name: come_in_animation;animation-name: come_in_animation;animation-fill-mode: both;}

/**CLOUD**/
#Clouds {
  pointer-events: none;
  height: 100%;
  margin: auto;
  overflow: hidden;
  -webkit-animation: FadeIn 3s ease-out;
          animation: FadeIn 3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Cloud {
  opacity: 0.75;
  position:absolute;z-index:-1;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 70%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
}
.Cloud.Foreground {
  opacity: 1.0;
  height: 10%;
  min-height: 20px;
  z-index: 3;
}
.Cloud.Background {
  opacity:1.0;
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 0.75;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 0.75;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 25%;
}
.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}
.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 22.5%;
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}
.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 20%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 17.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;
          animation-duration: 96s;
  height: 15%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 12.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 15%;
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}
.Cloud {
  background-image: url("../images/services/erp/cloud.svg");
}
/**SERVICES ANIMATION (NEW)**/
@keyframes serv01_arm{
	0%{top:0;left:0;transform:rotate(0deg);}
	50%{transform:rotate(7.5deg);top:-10px;left:5px;}
	100%{ltop:0;left:0;transform:rotate(0deg);}
}
@keyframes serv01_money{
	0%{top:-100px;opacity:0.0;}
	100%{top:0;opacity:1.0;}
}
@keyframes serv02_man{
	0%{top:0;left:0}
	100%{top:-10px;left:-20px;}
}
@keyframes serv02_arm{
	0%{left:0;transform:rotate(0deg);}
	50%{transform:rotate(5deg);left:-10px;}
	100%{left:0;transform:rotate(0deg);}
}
@keyframes serv03_sound{
	0%{left:-100px;opacity:0.0;}
	50%{left:0;opacity:1.0;}
	100%{left:0;opacity:0.0;}
}
@keyframes serv03_arm{
	0%{top:0;left:0;transform:rotate(0deg);}
	50%{transform:rotate(10deg);top:30px;left:-20px;}
	100%{ltop:0;left:0;transform:rotate(0deg);}
}
@keyframes serv04_man{
	0%{top:10px;left:20px}
	100%{top:0;left:0;}
}
@keyframes serv04_chart{
	0%{opacity:0.0;}
	50%{opacity:1.0;}
	100%{opacity:0.0;}
}
@keyframes serv05_man{
	0%{left:100px;opacity:0.0;}
	100%{left:0;opacity:1.0;}
}
@keyframes serv05_girl{
	0%{left:-50px;opacity:0.0;}
	100%{left:0;opacity:1.0;}
}
@keyframes serv05_girlArm{
	0%{left:0;top:0}
	50%{left:2.5px;top:2.5px}
	100%{left:0;top:0}
}
@keyframes serv06_up{
	0%{top:0}
	50%{top:-20px}
	100%{top:0}
}
@keyframes serv06_down{
	0%{top:0}
	50%{top:20px}
	100%{top:0}
}
@keyframes socialmedia_girlhand{
	0%{top:0;transform:rotate(0deg);}
	50%{top:20px;transform:rotate(-5deg);}
	100%{top:0;transform:rotate(0deg);}
}
@keyframes branding_hook{
	0%{top:0;}
	50%{top:-5px;}
	100%{top:0;}
}

/**ML X ALICLOUD**/
.ALICLOUD .services .common-intro .container .mainImg .mainGrp-01{width:100%;position:absolute;z-index:3;top:0;animation:abtImg 1s ease-in-out 1s 1 forwards;opacity:0;}
.ALICLOUD .services .common-intro .container .mainImg .mainGrp-02{width:100%;position:absolute;z-index:2;top:0;animation:flyDown 1s ease-in-out 1s 1 forwards;}
.ALICLOUD .services .common-intro .container .mainImg .mainGrp-03{width:100%;position:absolute;z-index:3;left:0;animation:abtText 1s ease-in-out 1s 1 forwards;opacity:0;}
.ALICLOUD .abtus .abt-intro .container{max-width:1200px;}
.ALICLOUD .services .common-content .container{max-width:1200px;padding-bottom:0;}
.common-content ul{list-style:disc;margin-left:20px;}
.common-content ul li{font-size:16px;line-height:22px;color:#000000;padding:2.5px;}
.ALICLOUD .services .common-content .container .text{width:calc(50% - 40px);}
.ALICLOUD .services .common-content .container .image{width:50%;}
.ALICLOUD .services .common-feature .container h3{max-width:1200px;margin:0 auto;opacity:0.0;top:100px;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;position:relative;}
.ALICLOUD .services .common-feature .container h3 span{color:#112e8e;}
.ALICLOUD .services .common-feature .container.animation h3{opacity:1.0;top:0;}
.ALICLOUD .services .common-feature .container{max-width:1200px;padding:50px 20px 50 20px;}
.ALICLOUD .real-projects{width:100%;background:#ffffff;}
.ALICLOUD .real-projects .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 0 20px;font-size:0;text-align:center;}
.ALICLOUD .real-projects .container h3{margin-bottom:30px;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ALICLOUD .real-projects .container ul{width:calc(100% + 30px);font-size:0;text-align:center;}
.ALICLOUD .real-projects .container ul li{display:inline-block;vertical-align:top;width:calc(25% - 30px);margin-right:30px;margin-bottom:30px;opacity:0.0;text-align:left;}
.ALICLOUD .real-projects .container ul li:nth-child(1){-webkit-transition:.75s ease-in-out 0.5s;-moz-transition:.75s ease-in-out 0.5s;-o-transition:.75s ease-in-out 0.5s;transition:.75s ease-in-out 0.5s;}
.ALICLOUD .real-projects .container ul li:nth-child(2){-webkit-transition:.75s ease-in-out .75s;-moz-transition:.75s ease-in-out .75s;-o-transition:.75s ease-in-out .75s;transition:.75s ease-in-out .75s;}
.ALICLOUD .real-projects .container ul li:nth-child(3){-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.0s;}
.ALICLOUD .real-projects .container ul li:nth-child(4){-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.25s;}
.ALICLOUD .real-projects .container ul li a{display:block;text-decoration:none;}
.ALICLOUD .real-projects .container ul li .image{width:100%;height:0;padding-top:70%;position:relative;margin-bottom:30px;overflow:hidden;}
.ALICLOUD .real-projects .container ul li .image img{width:150%;height:150%;object-fit:cover;display:block;position:absolute;top:-25%;left:-25%;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.ALICLOUD .real-projects .container ul li a:hover .image img{transform:scale(95%)}
.ALICLOUD .real-projects .container ul li .pjtType{width:100%;margin-bottom:20px;}
.ALICLOUD .real-projects .container ul li .pjtType span{font-size:12px;line-height:16px;font-weight:600;text-transform:uppercase;margin-right:10px;color:#112e8e;}
.ALICLOUD .real-projects .container ul li .pjtTitle{font-size:20px;line-height:26px;margin-bottom:15px;font-weight:600;color:#000000;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.ALICLOUD .real-projects .container ul li a:hover .pjtTitle a:hover{color:#112e8e;}
.ALICLOUD .real-projects .container ul li a:hover .pjtTitle span{position:relative;display:block;}
.ALICLOUD .real-projects .container ul li .pjtTitle span::before{content:'';display:block;position:absolute;bottom:-5px;width:0;left:0;border-top:2px solid #fde400;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.ALICLOUD .real-projects .container ul li a:hover .pjtTitle span::before{width:100%;}
.ALICLOUD .real-projects .container ul li p{margin-bottom:5px;}
.ALICLOUD .real-projects .container.animation h3{top:0;opacity:1.0;}
.ALICLOUD .real-projects .container.animation ul li:nth-child(1){opacity:1.0;}
.ALICLOUD .real-projects .container.animation ul li:nth-child(2){opacity:1.0;}
.ALICLOUD .real-projects .container.animation ul li:nth-child(3){opacity:1.0;}
.ALICLOUD .real-projects .container.animation ul li:nth-child(4){opacity:1.0;}
.ALICLOUD .secure-iso{width:100%;background:#ffffff;}
.ALICLOUD .secure-iso .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 50px 20px;font-size:0;text-align:center;}
.ALICLOUD .secure-iso .container h3{margin-bottom:30px;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ALICLOUD .secure-iso .container .tick-content{width:calc(100% + 30px);font-size:0;text-align:center;}
.ALICLOUD .secure-iso .container .tick-content li{display:inline-block;vertical-align:top;width:calc(25% - 30px);margin-right:30px;margin-bottom:30px;opacity:0.0;text-align:left;font-size:0}
.ALICLOUD .secure-iso .container .tick-content li:nth-child(1){-webkit-transition:.75s ease-in-out 0.5s;-moz-transition:.75s ease-in-out 0.5s;-o-transition:.75s ease-in-out 0.5s;transition:.75s ease-in-out 0.5s;}
.ALICLOUD .secure-iso .container .tick-content li:nth-child(2){-webkit-transition:.75s ease-in-out .75s;-moz-transition:.75s ease-in-out .75s;-o-transition:.75s ease-in-out .75s;transition:.75s ease-in-out .75s;}
.ALICLOUD .secure-iso .container .tick-content li:nth-child(3){-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.0s;}
.ALICLOUD .secure-iso .container .tick-content li:nth-child(4){-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.25s;}
.ALICLOUD .secure-iso .container .tick-content li .icon{display:inline-block;vertical-align:middle;width:38px;margin-right:10px;}
.ALICLOUD .secure-iso .container .tick-content li .icon img{width:100%;display:block;}
.ALICLOUD .secure-iso .container .tick-content li .text{display:inline-block;vertical-align:middle;font-size:20px;line-height:26px;font-weight:600;width:calc(100% - 48px);color:#000;}
.ALICLOUD .secure-iso .container .grp-content{width:100%;padding:20px 0 0 0;position:relative;top:50px;opacity:0.0;-webkit-transition:.75s ease-in-out 1.0s;-moz-transition:.75s ease-in-out 1.0s;-o-transition:.75s ease-in-out 1.0s;transition:.75s ease-in-out 1.0s;}
.ALICLOUD .secure-iso .container .grp-content p{text-align:left;}
.ALICLOUD .secure-iso .container .grp-content p.last{margin-bottom:0;}
.ALICLOUD .secure-iso .container .grp-content ul{text-align:left;list-style:disc;margin-left:10px;margin-bottom:30px;}
.ALICLOUD .secure-iso .container .grp-content ul li{font-size:12px;line-height:16px;color:#000;padding:2.5px 0;}
.ALICLOUD .secure-iso .container.animation h3,
.ALICLOUD .secure-iso .container.animation .grp-content{top:0;opacity:1.0;}
.ALICLOUD .secure-iso .container.animation .tick-content li:nth-child(1){opacity:1.0;}
.ALICLOUD .secure-iso .container.animation .tick-content li:nth-child(2){opacity:1.0;}
.ALICLOUD .secure-iso .container.animation .tick-content li:nth-child(3){opacity:1.0;}
.ALICLOUD .secure-iso .container.animation .tick-content li:nth-child(4){opacity:1.0;}
.ALICLOUD .book-us{width:100%;background:#bbeffa;}
.ALICLOUD .book-us .container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:50px 20px 30px 20px;font-size:0;text-align:center;}
.ALICLOUD .book-us .container h3{opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ALICLOUD .book-us .container p{opacity:0.0;-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out;}
.ALICLOUD .book-us .container.animation h3,
.ALICLOUD .book-us .container.animation p{opacity:1.0;}
@media only screen and (max-width : 1200px) {
	.ALICLOUD .real-projects .container ul li{width:calc(50% - 30px);}
	.ALICLOUD .secure-iso .container .tick-content .text span{display:block;}
}
@media only screen and (max-width : 899px) {
	.ALICLOUD .services .common-content .container .text{width:100%;margin-left:0;margin-bottom:30px;}
	.ALICLOUD .services .common-content .container .image{display:block;width:75rem;margin:0 auto;}
	.ALICLOUD .services .common-content .container .text ul{text-align:center;list-style-position:inside;padding-left:0;margin-left:0;}
}
@media only screen and (max-width : 800px) {
	.ALICLOUD .secure-iso .container .tick-content li{width:calc(50% - 30px);}
	.ALICLOUD .secure-iso .container .tick-content .text span{display:inline-block;}
}
@media only screen and (max-width : 600px) {
	.ALICLOUD .secure-iso .container .tick-content .text span{display:block;}
}
@media only screen and (max-width : 500px) {
	.ALICLOUD .real-projects .container ul li{width:calc(100% - 30px);}
	.ALICLOUD .secure-iso .container .tick-content li{width:calc(100% - 30px);}
	.ALICLOUD .secure-iso .container .tick-content .text span{display:inline-block;}
}