@font-face{font-family:"Lato-Medium";src:url("../font/lato-medium.woff") format("woff");}body{overflow:hidden;transition:visibility linear .5s;}p{font-family:"Lato-Regular";font-size:14px;line-height:1.4em;letter-spacing:.1em;}p.heading{font-family:"Lato-Bold";}h1{font-family:"NotoSans-Black";font-size:30px;line-height:1.4em;margin:0;}h2{font-family:"NotoSans-Black";font-size:20px;line-height:1.4em;letter-spacing:.05em;margin:0;}.zIndex3{position:relative;z-index:3;}.zIndex2{position:relative;z-index:2;}.hidden{opacity:0;}.disabled{opacity:.5;}.disabled:hover{transform:scale(1);}#load{top:0;left:0;opacity:1;width:100%;height:100%;z-index:9999;display:flex;position:fixed;align-items:center;justify-content:center;background-image:linear-gradient(#51d9de 0%,#7ad7f9 99%);transition:visibility linear .5s;}#load .loadLogo{font-family:NotoSans-Black;font-size:70px;color:#fff;text-align:center;vertical-align:middle;}@media screen and (min-width:1600px){#load .loadLogo{font-size:4.375vw;}}@media screen and (max-width:500px){#load .loadLogo{font-size:60px;}}#Home .header{font-family:NotoSans-Black;font-size:50px;color:#00263b;}#Home .headerLine{position:relative;}#Home .headerLine:before{width:55px;height:3px;position:absolute;content:"";top:-37px;left:0;right:0;margin:0 auto;background-color:#ffc300;}#Home .subtext{color:#fa5f1d;font-family:Avenir-Medium;}#Home .arrow-wrapper{display:none;width:90%;justify-content:center;align-items:center;margin:0 auto;}#Home .arrow-wrapper .service-arrow{width:4em;z-index:1;border:1px solid #e1e1e1;border-radius:50%;padding:1em;}#Home .arrow-wrapper .page-counter{display:none;font-family:"NotoSans-Black";font-size:20px;z-index:1;}#Home .arrow-wrapper .service-arrow-left{margin-right:4em;}#Home .arrow-wrapper .service-arrow-left:hover{transform:scale(1.1);}#Home .arrow-wrapper .service-arrow-right{transform:scale(-1);margin-left:4em;}#Home .arrow-wrapper .service-arrow-right:hover{transform:scale(-1.1);}#Home #Banner{position:relative;}#Home #Banner #bannerArrowWrapper{justify-content:space-between;padding:1em 0;background:#f8f8f8;width:100%;}#Home #Banner #bannerArrowWrapper .service-arrow-left{margin-right:2em;}#Home #Banner #bannerArrowWrapper #bannerPageCounter{margin-left:2em;display:inline-block;}#Home #Banner #bannerArrowWrapper #bannerPageCounter .bannerCurrentPageIndex{display:inline-block;margin-right:.5em;}#Home #Banner #bannerArrowWrapper #bannerPageCounter .line{display:inline-block;vertical-align:sub;width:2em;height:2px;background:#000;border:transparent;}#Home #Banner #bannerArrowWrapper #bannerPageCounter .bannerTotalPage{display:inline-block;margin-left:.5em;}#Home #Banner #bannerArrowWrapper .service-arrow-right{margin-left:0;margin-right:2em;}#Home #Banner .arrow{position:absolute;background-color:rgba(255,255,255,.7);width:91px;height:91px;border-radius:50%;}#Home #Banner .arrow:hover{background-color:#fff;}#Home #Banner .left{z-index:1;top:44%;left:-45px;border-radius:50%;}#Home #Banner .left .icon{position:absolute;top:27%;left:53%;fill:#b3b3b3;width:30.33%;height:40.33%;transform:rotate(180deg);}#Home #Banner .right{z-index:1;top:44%;right:-45px;}#Home #Banner .right .icon{position:absolute;top:27%;left:20%;fill:#b3b3b3;width:30.33%;height:40.33%;}#Home #Banner .yellowBg .square{filter:drop-shadow(-3px 25px 6px rgba(172,61,215,.2));}#Home #Banner .blueBg .square{filter:drop-shadow(-3px 25px 6px rgba(0,236,230,.2));}#Home #Banner .diagonalShape.top{height:0;top:0;border-bottom:70px solid #fff;border-right:100vw solid transparent;}#Home #Banner .diagonalShape.top .square{position:absolute;top:-29px;left:28%;width:115px;}#Home #Banner #owl-Banner .owl-stage-outer{overflow:initial;}#Home #Banner #owl-Banner .owl-nav{position:absolute;top:50%;z-index:2;width:100%;pointer-events:none;}#Home #Banner #owl-Banner .owl-nav [class*=owl-]{width:30px;height:30px;outline:0;position:relative;pointer-events:all;}#Home #Banner #owl-Banner .owl-nav [class*=owl-] span{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;-moz-transition:opacity 300ms;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;}#Home #Banner #owl-Banner .owl-prev{background:url(../images/Banner/arrowLeft.png) center no-repeat;background-size:contain;float:left;border-radius:50%;margin-left:1vw;}#Home #Banner #owl-Banner .owl-prev span{background-size:contain;}#Home #Banner #owl-Banner .owl-next{background:url(../images/Banner/arrowRight.png) center no-repeat;background-size:contain;float:right;border-radius:50%;margin-right:1vw;}#Home #Banner #owl-Banner .owl-next span{background-size:contain;}#Home #Banner #owl-Banner .owl-nav [class*=owl-]:hover{background-color:#fff;}#Home #Banner #owl-Banner .owl-item{opacity:0;}#Home #Banner #owl-Banner .owl-item.active{opacity:1;}#Home #Banner #deviceWrapper{position:absolute;width:60%;right:-562px;top:42px;z-index:2;transform:rotate(348deg);}#Home #Banner #deviceWrapper .iphoneFrame.device1{width:247px;height:120px;background:url(../images/iphone-frame-horizontal.png) center no-repeat;background-size:100%;}#Home #Banner #deviceWrapper .iphoneFrame.device1 .mask{width:233px;height:109px;-webkit-mask-repeat:round;-webkit-mask-image:url(../images/iphone-mask-horizontal.png);mask-image:url(../images/iphone-mask-horizontal.png);-webkit-mask-size:contain;mask-size:contain;mask-repeat:no-repeat;background:url(../images/iphone-mask-horizontal.png) no-repeat center;background-size:contain;position:absolute;left:0;top:0;margin:6px 7.5px;}#Home #Banner #deviceWrapper .iphoneFrame.device1 .mask img{width:100%;}#Home #Banner #deviceWrapper .ipadFrame.device2{width:319px;height:460px;top:137px;position:absolute;background:url(../images/ipad-frame.png) center no-repeat;background-size:100%;}#Home #Banner #deviceWrapper .ipadFrame.device2 .mask{-webkit-mask-repeat:round;width:305px;height:449px;-webkit-mask-image:url(../images/ipad-mask-vertical.png);mask-image:url(../images/ipad-mask-vertical.png);-webkit-mask-size:contain;mask-size:contain;mask-repeat:no-repeat;background:url(../images/ipad-mask-vertical.png) no-repeat center;background-size:cover;position:absolute;left:8px;top:5px;}#Home #Banner #deviceWrapper .ipadFrame.device2 .mask img{width:100%;}#Home #Banner #deviceWrapper .ipadFrame.device3{width:437px;height:310px;top:123px;left:-453px;position:absolute;background:url(../images/ipad-frame-horizontal.png) center no-repeat;background-size:100%;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask{-webkit-mask-repeat:round;width:424px;height:287px;-webkit-mask-image:url(../images/ipad-mask-horizontal.png);mask-image:url(../images/ipad-mask-horizontal.png);-webkit-mask-size:contain;mask-size:contain;mask-repeat:no-repeat;background:url(../images/ipad-mask-horizontal.png) no-repeat center;background-size:contain;position:absolute;left:5px;top:9px;overflow:auto;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask img{width:100%;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask::-webkit-scrollbar{display:none;}#Home #Banner #deviceWrapper .iphoneFrame.device4{width:247px;height:120px;top:458px;left:-265px;background:url(../images/iphone-frame-horizontal.png) center no-repeat;background-size:100%;position:absolute;filter:none;}#Home #Banner #deviceWrapper .iphoneFrame.device4 .mask{width:233px;height:109px;-webkit-mask-repeat:round;-webkit-mask-image:url(../images/iphone-mask-horizontal.png);mask-image:url(../images/iphone-mask-horizontal.png);-webkit-mask-size:contain;mask-size:contain;mask-repeat:no-repeat;background:url(../images/iphone-mask-horizontal.png) no-repeat center;background-size:contain;position:absolute;left:0;top:0;margin:6px 7.5px;}#Home #Banner #deviceWrapper .iphoneFrame.device4 .mask img{width:100%;}#Home #Banner #deviceWrapper .iphoneFrame.device5{width:120px;height:247px;left:-589px;top:187px;position:absolute;background:url(../images/iphone-frame.png) center no-repeat;background-size:100%;}#Home #Banner #deviceWrapper .iphoneFrame.device5 .mask{-webkit-mask-repeat:round;width:106px;height:229px;-webkit-mask-image:url(../images/iphoneFrameVertical.png);mask-image:url(../images/iphoneFrameVertical.png);-webkit-mask-size:cover;background:url(../images/iphoneFrameVertical.png) no-repeat center;background-size:contain;position:absolute;left:0;top:0;margin:7.5px 6px;}#Home #Banner #deviceWrapper .iphoneFrame.device5 .mask img{width:100%;}#Home #Banner .banner{position:relative;width:100%;}#Home #Banner .banner .bg{height:100%;width:100%;height:720px;overflow:hidden;}#Home #Banner .banner .bg .bannerTextWrapper{position:absolute;top:7.6vw;width:100%;left:5%;}@media screen and (max-width:767px){#Home #Banner .banner .bg .bannerTextWrapper{margin-top:3em;}}#Home #Banner .banner .bg .bannerTextWrapper .slogan{font-size:72px;line-height:1.1em;letter-spacing:.05em;margin-top:0;margin-bottom:50px;width:70%;float:left;color:#00263b;overflow:hidden;display:inline-block;}#Home #Banner .banner .bg .bannerTextWrapper .slogan .highlight{text-shadow:none;transform-origin:0 0;}#Home #Banner .banner .bg .bannerTextWrapper .helpTextWrapper{margin-top:.3em;}@media screen and (min-width:1600px){#Home #Banner .banner .bg .bannerTextWrapper .helpTextWrapper{margin-top:.3vw;}}#Home #Banner .banner .bg .bannerTextWrapper .helpTextWrapper .helpText{font-family:Lato-Medium;font-size:24px;letter-spacing:0;color:#1f1f1f;display:inline-block;vertical-align:middle;}@media screen and (min-width:1600px){#Home #Banner .banner .bg .bannerTextWrapper .helpTextWrapper .helpText{font-size:1.5vw;}}#Home #Banner .banner .bg .bannerTextWrapper .helpTextWrapper .banner2arrow{display:inline-block;width:6%;vertical-align:middle;transform:rotate(92deg);margin:.5vw 0 -1vw 1vw;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper{width:540px;display:block;flex-wrap:wrap;justify-content:start;align-content:center;left:0;top:100%;position:absolute;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem{display:inline-block;margin-bottom:16px;width:auto;padding:0 16px;margin:8px;line-height:48px;font-size:16px;color:#2f2f2f;font-family:Lato-Regular;background-color:#fff;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem .text{display:inline-block;vertical-align:middle;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem .icon{display:inline-block;vertical-align:middle;width:32px;margin-right:8px;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem:hover{background-color:#5f88f8;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem:hover .text{filter:brightness(0) invert(1);}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem:hover .icon{filter:brightness(0) invert(1);}#Home #Banner .banner .bg.yellowBg{background-image:linear-gradient(35deg,#f7b12f 0%,#fbe562 60%);}#Home #Banner .banner .bg.yellowBg .highlight{color:#ff5157;}#Home #Banner .banner .bg.blueBg{background-image:linear-gradient(35deg,#66e3e3 0%,#dab5fc 100%);}#Home #Banner .banner .bg.blueBg .highlight{color:#fff;}#Home #Banner .banner img{width:100%;}#Home #Banner .banner .mainbanner{background-image:url("../images/Banner/MainBannerBG.jpg");background-image:-webkit-image-set(url("../images/Banner/MainBannerBG.webp") 1x);background-size:cover;background-position:bottom center;position:relative;text-align:center;}#Home #Banner .banner .mainbanner .shatter{position:absolute;height:100%;width:100%;z-index:1;transition-delay:.1s;transition-duration:.5s;}#Home #Banner .banner .mainbanner .shatter img{height:100%;margin:0 auto;width:auto;}#Home #Banner .banner .mainbanner .blob{position:absolute;height:100%;width:100%;opacity:0;transition-delay:.2s;transition-duration:.4s;}#Home #Banner .banner .mainbanner .blob img{height:100%;margin:0 auto;width:auto;}#Home #Banner .banner .mainbanner .laptop{position:absolute;height:auto;width:62%;bottom:-8%;left:50%;transform:translateX(-50%);}#Home #Banner .banner .mainbanner .laptop p>img:last-child{display:none;}#Home #Banner .banner .mainbanner .laptop .device{transition-delay:.4s;transition-duration:.4s;}#Home #Banner .banner .mainbanner .laptop .screen{position:absolute;top:0;display:block;}#Home #Banner .banner .mainbanner .laptop .control{width:4.2%;position:absolute;bottom:20%;left:22%;opacity:1;transition-delay:.5s;transition-duration:.4s;}#Home #Banner .banner .mainbanner .laptop .control img{display:block;}#Home #Banner .banner .mainbanner .slogan{position:absolute;transition-delay:.5s;transition-duration:.4s;}#Home #Banner .banner .mainbanner .slogan.top{font-family:"NotoSans-Black";text-transform:uppercase;color:#000032;font-size:80px;line-height:.5em;bottom:50%;transition-delay:.5s;transition-duration:.4s;margin:.25em 0;bottom:100%;transform:translateX(-25%) scale(1);}#Home #Banner .banner .mainbanner .slogan.mid{top:8%;width:100%;}#Home #Banner .banner .mainbanner .slogan.mid img{width:100%;}#Home #Banner .banner .mainbanner .wwwbar{display:flex;align-items:center;position:absolute;border-radius:10px;border:2px solid #000;right:8%;top:8%;background-color:#fff;padding:0 43px 0 16px;transition-delay:.5s;transition-duration:.4s;}#Home #Banner .banner .mainbanner .wwwbar #bg{font-family:NotoSans-Black;font-size:24px;letter-spacing:.05em;line-height:1.5em;position:relative;display:inline-block;color:#000;}@media screen and (min-width:1600px){#Home #Banner .banner .mainbanner .wwwbar #bg{font-size:1.5vw;}}#Home #Banner .banner .mainbanner .wwwbar #bg span{top:0;right:0;width:0%;height:100%;position:absolute;background-color:#fff;}#Home #Banner .banner .mainbanner .wwwbar #bg span::before,#Home #Banner .banner .mainbanner .wwwbar #bg span:before{content:"|";display:block;}#Home #Banner .banner .secondbanner{background-image:url("../images/banner2bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;}#Home #Banner .banner .secondbanner .slogan{font-family:"Lato-Regular";font-weight:500;text-transform:none;}#Home #Banner .banner .secondbanner .slogan .emphasise{color:#5f88f8;}#Home #Banner .mainbanner .shatter{transform:scale(1);}#Home #Banner .mainbanner .blob{opacity:1;}#Home #Banner .mainbanner .laptop .device{transform:scale(1);}#Home #Banner .mainbanner .laptop .screen{transform:scale(1);}#Home #Banner .mainbanner .laptop .control{opacity:1;}#Home #Banner .mainbanner .slogan{transform:scale(1);}#Home #Banner .mainbanner .slogan.top{bottom:100%;transform:translateX(-25%) scale(1);}#Home #Banner .mainbanner .wwwbar{transform:scale(1);}@keyframes shatter{from{transform:rotate(0deg) translateX(1%) rotate(360deg);}to{transform:rotate(360deg) translateX(1%) rotate(0deg);}}@keyframes flickr{10%{opacity:1;}20%{opacity:.75;}30%{opacity:.25;}40%{opacity:1;}50%{opacity:.25;}60%{opacity:1;}100%{opacity:1;}}@keyframes float{0%{transform:translateY(0%);}50%{transform:translateY(5%);}100%{transform:translateY(0%);}}#Home #Featured{padding:50px 0;}#Home #Featured .wrapper{width:92%;margin:0 auto;}#Home #Featured .wrapper .logo .selected{filter:none!important;}#Home #Featured .wrapper .logo .logo-item{display:block;width:90%;margin:0 auto;}#Home #Featured .wrapper .logo .logo-item .logobackgound{display:block;vertical-align:middle;height:48px;width:auto;margin:30px auto;background-size:contain;background-repeat:no-repeat;background-position:center;}#Home #Featured .wrapper h2{text-align:center;background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}#Home #Featured .wrapper .owl-stage-outer{overflow:visible;}#Home #Featured .wrapper .owl-stage-outer .owl-stage .owl-item{opacity:0;}#Home #Featured .wrapper .owl-stage-outer .owl-stage .owl-item.active{opacity:1;}#Home #Featured .wrapper .feature-slide{margin:30px 0;}#Home #Featured .wrapper .feature-slide .others{display:none;}#Home #Featured .wrapper .feature-slide .others .minimised{transform:scale(.5);}#Home #Featured .wrapper .feature-slide .others .site{display:block;}#Home #Featured .wrapper .feature-slide .others .site .tablet span{color:#000;font-family:"Lato-Regular";font-size:14px;line-height:1.4em;letter-spacing:.1em;display:block;text-align:center;transition:color .5s ease;}#Home #Featured .wrapper .feature-slide .others .site .tablet:hover span{color:#51d9de;}#Home #Featured .wrapper .feature-slide .main{width:100%;}#Home #Featured .wrapper .feature-slide .main .left{position:relative;}#Home #Featured .wrapper .feature-slide .main .left .stroke{position:absolute;width:100%;left:-8%;top:-8%;}#Home #Featured .wrapper .feature-slide .main .left .wrapper{position:relative;z-index:1;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet{background-image:url("../images/calbee.jpg");background-size:93%;background-repeat:no-repeat;background-position:top 16px center;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet img{filter:drop-shadow(0 8px 4px rgba(0,0,0,.1));width:100%;margin-bottom:-4px;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet .arrow{display:none;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .mobile{display:none;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .logo{text-align:center;margin-top:16px;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .logo img{height:48px;width:auto;margin:16px auto;}#Home #Featured .wrapper .feature-slide .main .right .wrapper p{margin-top:0;color:#5f5e5e;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item{display:table;border-radius:10px;background-color:#fff;filter:drop-shadow(0 9px 16px rgba(0,0,0,.05));margin:16px 0;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item .options-content img{display:inline-block;vertical-align:middle;width:24px;margin-right:8px;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item .options-content a{font-family:"Lato-Regular";display:inline-block;vertical-align:middle;color:#f27405;line-height:2em;margin:0;text-decoration:none;letter-spacing:.1em;padding:4px 16px;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item .options-content a:hover{color:#51d9de;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item:nth-child(2){margin-right:0;margin-left:auto;}#Home #Featured .slide-container{text-align:center;}#Home #Featured .slide-container .owl-prev{display:inline;vertical-align:middle;cursor:pointer;}#Home #Featured .slide-container .owl-prev img{width:48px;}#Home #Featured .slide-container .owl-prev:hover img{transform:scale(1.1);}#Home #Featured .slide-container .slide-counter{display:inline;vertical-align:middle;}#Home #Featured .slide-container .slide-counter .slide-index{color:#ff6713;font-size:48px;display:inline-block;vertical-align:text-bottom;}#Home #Featured .slide-container .slide-counter .slide-line{color:#b2b3b5;font-size:24px;}#Home #Featured .slide-container .slide-counter .slide-page{color:#b2b3b5;font-size:24px;}#Home #Featured .slide-container .owl-next{display:inline;vertical-align:middle;cursor:pointer;}#Home #Featured .slide-container .owl-next img{transform:scale(-1);width:48px;}#Home #Featured .slide-container .owl-next:hover img{transform:scale(-1.1);}#Home #About,#Home #About2{padding:50px 0;background-image:url("../images/BrickWall.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;}#Home #About .wrapper,#Home #About2 .wrapper{width:90%;margin:0 auto;position:relative;z-index:2;}#Home #About .wrapper h1,#Home #About2 .wrapper h1{text-align:center;background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}#Home #About .wrapper p,#Home #About2 .wrapper p{color:#5f5e5e;padding:16px 0;line-height:1.7em;text-align:center;}#Home #About .wrapper a,#Home #About2 .wrapper a{font-family:"Lato-Regular";display:block;text-align:center;background-image:linear-gradient(#ff512f,#f09819);background-size:auto 200%;background-position:0 100%;filter:drop-shadow(0 0 0 #fa6828);width:250px;padding:16px;font-size:18px;border-radius:48px;color:#fff;border:0;margin:2em auto 0;box-shadow:0 4px 8px 4px rgba(240,152,25,.16);letter-spacing:.1em;}#Home #About .wrapper a:hover,#Home #About2 .wrapper a:hover{background-position:0 0;}#Home #About .top-img,#Home #About2 .top-img{position:absolute;width:90%;left:5%;top:-2.5vw;z-index:0;}#Home #About .btm-img,#Home #About2 .btm-img{position:absolute;width:90%;left:5%;bottom:0;transform:scale(-1);z-index:1;}#Home #About .left-img,#Home #About2 .left-img{display:none;position:absolute;left:0;}#Home #About .leftbtm-img,#Home #About2 .leftbtm-img{display:none;position:absolute;left:0;}#Home #About .right-img,#Home #About2 .right-img{display:none;position:absolute;right:0;}#Home #About .left-set,#Home #About2 .left-set{display:none;}#Home #About .right-set,#Home #About2 .right-set{display:none;}#Home #Clients{padding:50px 0;overflow:hidden;}#Home #Clients .wrapper{width:90%;margin:0 auto;text-align:center;}#Home #Clients .wrapper h2{background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}#Home #Clients .wrapper p{color:#5f5e5e;}#Home #Clients .wrapper .owl-carousel{padding-top:30px;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer{overflow:visible;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item{opacity:0;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row{width:100%;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item{position:relative;padding:1px;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item .img-container{margin:5% 10%;height:72px;width:auto;background-size:contain;background-repeat:no-repeat;background-position:center;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item img{height:0;width:0;opacity:0;position:absolute;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item p{color:#bebebe;margin:0;line-height:1em;width:1em;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item p.p1{position:absolute;top:-.5em;left:-.5em;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item p.p2{position:absolute;top:-.5em;right:-.5em;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item p.p3{position:absolute;bottom:-.5em;left:-.5em;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item p.p4{position:absolute;bottom:-.5em;right:-.5em;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item:first-child p.p2{display:none;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item:first-child p.p3{display:none;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item:first-child p.p4{display:none;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item:nth-child(2) p.p2{display:none;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item:nth-child(2) p.p4{display:none;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item.last .row .row-item:first-child p.p2{display:block;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item.last .row .row-item:first-child p.p4{display:block;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item.last .row .row-item:nth-child(2) p.p4{display:block;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item.active{opacity:1;}#Home #Clients .owl-theme .owl-dots{margin-top:16px;}#Home #Clients .owl-theme .owl-dots .owl-dot.active span{background-color:#6cd8ef;}#Home #Clients .owl-theme .owl-dots .owl-dot span{width:16px;height:8px;margin:8px 4px;}#Home #Service{padding:50px 0;background-color:#fafafa;overflow:hidden;position:relative;}#Home #Service .wrapper{width:90%;margin:0 auto;text-align:center;position:relative;}#Home #Service .wrapper h2{color:#cecece;}#Home #Service .wrapper h2 span{color:#fe5a4c;position:relative;}#Home #Service .wrapper h2 span img{position:absolute;bottom:100%;width:48px;left:25%;}#Home #Service .wrapper h1{background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:table;margin:0 auto;}#Home #Service .wrapper h1 img{position:absolute;width:48px;transform:rotate(90deg);top:10%;}#Home #Service .wrapper #service-carousel{padding:100px 0 50px;}#Home #Service .wrapper #service-carousel .owl-stage-outer{overflow:visible;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item{opacity:0;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item{width:80%;margin:0 auto;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image{position:relative;width:60%;margin:0 auto;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle{border-radius:50%;background-color:#000;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle img{opacity:0;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle.website{background-image:linear-gradient(135deg,#8feece,#44ceef);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle.branding{background-image:linear-gradient(135deg,#edc664,#f4c5b3);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle.digital{background-image:linear-gradient(135deg,#d5f3a5,#2ee2c5);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .circle.email{background-image:linear-gradient(135deg,#f4bd90,#f0758d);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .cplus{position:absolute;width:65%;top:-20%;left:-25%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .css{position:absolute;width:53%;bottom:94%;left:25%;z-index:1;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .coding{position:absolute;bottom:58%;right:-30%;width:80%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .photoedit{position:absolute;bottom:-9%;width:90%;right:35%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .object{position:absolute;width:65%;left:90%;bottom:-15%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .shape{position:absolute;width:35%;bottom:100%;left:-5%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .logo{bottom:75%;position:absolute;left:95%;width:25%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .bitmap{position:absolute;width:24%;bottom:-10%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .bits{position:absolute;width:15%;right:0;top:90%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .mac{position:absolute;bottom:8%;width:95%;left:0%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .seo{position:absolute;bottom:10%;width:105%;left:0;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .rank{position:absolute;left:-15%;bottom:5%;width:25%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .insta{position:absolute;width:20%;bottom:95%;left:0%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .youtube{position:absolute;width:30%;bottom:110%;left:45%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .facebook{position:absolute;width:60%;right:-20%;top:-5%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .twitter{position:absolute;width:25%;left:115%;top:50%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .network{position:absolute;bottom:5%;width:110%;left:-10%;z-index:1;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .firewall{position:absolute;width:25%;bottom:42%;left:-15%;z-index:2;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .router{position:absolute;top:-35%;left:0%;width:40%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .laptop{position:absolute;bottom:88%;width:45%;right:-25%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .desktop{position:absolute;width:45%;bottom:5%;right:-60%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .wire1{position:absolute;width:70%;left:-20%;top:58%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .wire2{position:absolute;width:40%;left:-5%;bottom:68%;z-index:-1;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .wire3{position:absolute;top:5%;width:35%;left:52%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .wire4{position:absolute;top:81%;left:75%;width:45%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context{text-align:left;display:table;margin:20px auto;width:90%;color:#5f5e5e;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context a:hover .heading{color:#51d9de;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context .heading{font-size:18px;color:#f27405;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context .content{font-size:14px;padding-left:10%;border-left:1px solid rgba(240,152,25,.5);}@media screen and (max-width:720px){#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .fourth .service-image{transform:translateX(-40px);}}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item.active{opacity:1;}#Home #Service .top{width:100%;position:absolute;top:0%;}#Home #Service .left{position:absolute;top:0;left:0;height:100%;}#Home #Service .right{position:absolute;top:0;right:0;height:50%;}body.loaded #Home #Banner .diagonalShape.top .square{-webkit-animation:red-square-transform 5s ease-in-out infinite;-moz-animation:red-square-transform 5s ease-in-out infinite;-o-animation:red-square-transform 5s ease-in-out infinite;animation:red-square-transform 5s ease-in-out infinite;}body.loaded #Home #Banner #deviceWrapper .ipadFrame{-webkit-animation:5s floatPhone linear infinite;-moz-animation:5s floatPhone linear infinite;-o-animation:5s floatPhone linear infinite;animation:5s floatPhone linear infinite;}body.loaded #Home #Banner #deviceWrapper .iphoneFrame{-webkit-animation:5s floatPhone linear infinite;-moz-animation:5s floatPhone linear infinite;-o-animation:5s floatPhone linear infinite;animation:5s floatPhone linear infinite;}body.loaded #Home #Banner #deviceWrapper .ipadFrame.device2{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s;}body.loaded #Home #Banner #deviceWrapper .ipadFrame.device3{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;}body.loaded #Home #Banner #deviceWrapper .iphoneFrame.device4{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}body.loaded #Home #Banner #deviceWrapper .iphoneFrame.device5{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;}body.loaded #Home #Banner .banner .mainbanner .shatter img{-webkit-animation:float 5s infinite linear;-moz-animation:float 5s infinite linear;-o-animation:float 5s infinite linear;animation:float 5s infinite linear;}body.loaded #Home #Banner .banner .mainbanner .laptop .screen{-webkit-animation:2s infinite flickr linear;-moz-animation:2s infinite flickr linear;-o-animation:2s infinite flickr linear;animation:2s infinite flickr linear;}body.loaded #Home #Banner .banner .mainbanner .wwwbar #bg span{-webkit-animation:Typing steps(3) 700ms 1 normal both;-moz-animation:Typing steps(3) 700ms 1 normal both;-o-animation:Typing steps(3) 700ms 1 normal both;animation:Typing steps(3) 700ms 1 normal both;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;}body.loaded #Home #Banner .banner .mainbanner .wwwbar #bg span::before,body.loaded #Home #Banner .banner .mainbanner .wwwbar #bg span:before{-webkit-animation:blinkTextCursor 1s infinite;-moz-animation:blinkTextCursor 1s infinite;-o-animation:blinkTextCursor 1s infinite;animation:blinkTextCursor 1s infinite;}body.loaded #Home #Banner .active .mainbanner .laptop .control{-webkit-animation:3.5s infinite float linear;-moz-animation:3.5s infinite float linear;-o-animation:3.5s infinite float linear;animation:3.5s infinite float linear;}body.loaded #Home #Featured .wrapper .feature-slide .others .fade-in-1{-webkit-animation:zoom-in .8s;-moz-animation:zoom-in .8s;-o-animation:zoom-in .8s;animation:zoom-in .8s;}body.loaded #Home #Featured .wrapper .feature-slide .others .fade-in-2{-webkit-animation:zoom-in .8s;-moz-animation:zoom-in .8s;-o-animation:zoom-in .8s;animation:zoom-in .8s;-webkit-animation-delay:50ms;-moz-animation-delay:50ms;-o-animation-delay:50ms;animation-delay:50ms;}body.loaded #Home #Featured .wrapper .feature-slide .others .fade-in-3{-webkit-animation:zoom-in .8s;-moz-animation:zoom-in .8s;-o-animation:zoom-in .8s;animation:zoom-in .8s;-webkit-animation-delay:100ms;-moz-animation-delay:100ms;-o-animation-delay:100ms;animation-delay:100ms;}body.loaded #Home #Featured .wrapper .feature-slide .main .left .fade-down{-webkit-animation:fade-down .8s;-moz-animation:fade-down .8s;-o-animation:fade-down .8s;animation:fade-down .8s;}body.loaded #Home #Featured .wrapper .feature-slide .main .left .wrapper .fade-in{-webkit-animation:fade-in 1s;-moz-animation:fade-in 1s;-o-animation:fade-in 1s;animation:fade-in 1s;}body.loaded #Home #Featured .wrapper .feature-slide .main .left .wrapper .fade-right{-webkit-animation:fade-right 1s;-moz-animation:fade-right 1s;-o-animation:fade-right 1s;animation:fade-right 1s;}body.loaded #Home #Featured .wrapper .feature-slide .main .zoom-in{-webkit-animation:zoom-in-down 1s;-moz-animation:zoom-in-down 1s;-o-animation:zoom-in-down 1s;animation:zoom-in-down 1s;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .cplus{-webkit-animation:float 4s infinite linear;-moz-animation:float 4s infinite linear;-o-animation:float 4s infinite linear;animation:float 4s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .css{-webkit-animation:float 5s infinite linear;-moz-animation:float 5s infinite linear;-o-animation:float 5s infinite linear;animation:float 5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .coding{-webkit-animation:shake 2s infinite linear;-moz-animation:shake 2s infinite linear;-o-animation:shake 2s infinite linear;animation:shake 2s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .photoedit{-webkit-animation:shake 3s infinite reverse linear;-moz-animation:shake 3s infinite reverse linear;-o-animation:shake 3s infinite reverse linear;animation:shake 3s infinite reverse linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .object{-webkit-animation:float 6s infinite linear;-moz-animation:float 6s infinite linear;-o-animation:float 6s infinite linear;animation:float 6s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .shape{-webkit-animation:spinCube 3s linear infinite;-moz-animation:spinCube 3s linear infinite;-o-animation:spinCube 3s linear infinite;animation:spinCube 3s linear infinite;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .logo{-webkit-animation:shake 2.5s infinite linear;-moz-animation:shake 2.5s infinite linear;-o-animation:shake 2.5s infinite linear;animation:shake 2.5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .bitmap{-webkit-animation:shake 2.5s infinite reverse linear;-moz-animation:shake 2.5s infinite reverse linear;-o-animation:shake 2.5s infinite reverse linear;animation:shake 2.5s infinite reverse linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .bits{-webkit-animation:spinCube 5s linear infinite;-moz-animation:spinCube 5s linear infinite;-o-animation:spinCube 5s linear infinite;animation:spinCube 5s linear infinite;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .rank{-webkit-animation:float 2.5s infinite linear;-moz-animation:float 2.5s infinite linear;-o-animation:float 2.5s infinite linear;animation:float 2.5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .insta{-webkit-animation:float 3s infinite linear;-moz-animation:float 3s infinite linear;-o-animation:float 3s infinite linear;animation:float 3s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .youtube{-webkit-animation:float 3.5s infinite linear;-moz-animation:float 3.5s infinite linear;-o-animation:float 3.5s infinite linear;animation:float 3.5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .facebook{-webkit-animation:float 5s infinite linear;-moz-animation:float 5s infinite linear;-o-animation:float 5s infinite linear;animation:float 5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .twitter{-webkit-animation:float 4s infinite linear;-moz-animation:float 4s infinite linear;-o-animation:float 4s infinite linear;animation:float 4s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .network{-webkit-animation:glow 5s infinite linear;-moz-animation:glow 5s infinite linear;-o-animation:glow 5s infinite linear;animation:glow 5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image .firewall{-webkit-animation:float 5s infinite linear,glow 5s infinite linear;-moz-animation:float 5s infinite linear,glow 5s infinite linear;-o-animation:float 5s infinite linear,glow 5s infinite linear;animation:float 5s infinite linear,glow 5s infinite linear;}body.loaded #Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .service-image:hover .coding{-webkit-animation:shake 3s infinite;-moz-animation:shake 3s infinite;-o-animation:shake 3s infinite;animation:shake 3s infinite;}@media screen and (min-width:480px){#Home #Featured .wrapper .feature-slide .main .right .wrapper .options{text-align:center;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item{display:inline-block;margin:8px 16px;}}@media screen and (min-width:720px){#Home #Featured .wrapper .feature-slide .main .left{width:49%;display:inline-block;vertical-align:top;}#Home #Featured .wrapper .feature-slide .main .left .wrapper{width:90%;margin:0 auto;}#Home #Featured .wrapper .feature-slide .main .right{width:50%;display:inline-block;vertical-align:top;}#Home #Featured .wrapper .feature-slide .main .right .wrapper{width:97%;margin-left:3%;}#Home #Featured .wrapper .feature-slide .main .right .wrapper p.content{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:8;-webkit-box-orient:vertical;height:156px;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item{display:table;margin:16px 0;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item:nth-child(2){margin-left:auto;}}@media screen and (min-width:1024px){#Home #About,#Home #About2{padding-top:80px;}#Home #About .wrapper p,#Home #About2 .wrapper p{width:50%;margin:0 auto;padding:48px 0;}#Home #About .left-img,#Home #About2 .left-img{display:block;width:40%;bottom:5%;}#Home #About .leftbtm-img,#Home #About2 .leftbtm-img{display:block;position:absolute;left:-25%;bottom:0;width:50%;}#Home #About .right-img,#Home #About2 .right-img{display:block;height:115%;bottom:0%;z-index:1;}#Home #Clients{padding-bottom:80px;}#Home #Service{padding:80px;padding-bottom:112px;}#Home #Service .wrapper h2 span img{width:3vw;}#Home #Service .wrapper h1 img{width:3vw;}#Home #Featured .wrapper .feature-slide .others{display:inline-block;vertical-align:middle;width:25%;z-index:1;position:relative;}#Home #Featured .wrapper .feature-slide .others .site{border-radius:50%;background-color:#f5f5f5;height:160px;width:160px;margin:8px 0;}#Home #Featured .wrapper .feature-slide .others .site.mid{margin:40px 0;}#Home #Featured .wrapper .feature-slide .others .site .tablet{background-image:url(../images/calbee.jpg);background-size:93%;background-repeat:no-repeat;background-position:top 22px center;padding-top:16px;margin-bottom:0;display:block;}#Home #Featured .wrapper .feature-slide .others .site .tablet img{width:100%;}#Home #Featured .wrapper .feature-slide .others .site p{text-align:center;margin:0;}#Home #Featured .wrapper .feature-slide .main{display:inline-flex;vertical-align:middle;width:74%;}#Home #Featured .wrapper .feature-slide .main .left{width:63%;display:inline-table;vertical-align:middle;}#Home #Featured .wrapper .feature-slide .main .left .stroke{position:absolute;width:100%;left:-8%;top:-16%;}#Home #Featured .wrapper .feature-slide .main .left .wrapper{display:table-cell;vertical-align:middle;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet{width:80%;position:relative;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet .arrow{display:block;position:absolute;bottom:100%;width:30%;left:90%;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .mobile{background-image:url("../images/bukitsembawang.jpg");background-size:93%;background-repeat:no-repeat;background-position:top 4px center;border-radius:20%/9.5%;overflow:hidden;display:flex;position:absolute;left:74%;bottom:0%;width:20%;transform:rotate(20deg);}#Home #Featured .wrapper .feature-slide .main .left .wrapper .mobile img{width:100%;margin-bottom:-1px;}#Home #Featured .wrapper .feature-slide .main .right{width:36%;vertical-align:middle;}}@media screen and (min-width:1280px){p{font-size:16px;}h1{font-size:56px;}h2{font-size:32px;}#Home #About,#Home #About2{padding:80px;padding-top:140px;}#Home #About .wrapper h1,#Home #About2 .wrapper h1{font-size:48px;}#Home #About .wrapper p,#Home #About2 .wrapper p{width:50%;margin:0 auto;padding:48px 0;}#Home #About .left-img,#Home #About2 .left-img{width:30%;}#Home #About .left-set,#Home #About2 .left-set{display:block;position:absolute;left:-5%;width:400px;z-index:2;top:0;height:100%;}#Home #About .left-set .inner,#Home #About2 .left-set .inner{position:relative;height:100%;}#Home #About .left-set .mobile-img,#Home #About2 .left-set .mobile-img{display:block;position:absolute;top:2%;width:100%;left:0;}#Home #About .left-set .chat,#Home #About2 .left-set .chat{display:block;position:absolute;width:40%;left:40%;top:15%;}#Home #About .left-set .seo,#Home #About2 .left-set .seo{display:block;position:absolute;width:25%;left:25%;top:35%;}#Home #About .left-set .search,#Home #About2 .left-set .search{display:block;position:absolute;width:35%;left:55%;top:36%;}#Home #About .left-set .gallery,#Home #About2 .left-set .gallery{display:block;position:absolute;width:30%;left:25%;top:50%;}#Home #About .left-set .magnify,#Home #About2 .left-set .magnify{display:block;position:absolute;width:15%;left:60%;top:55%;}#Home #About .left-set .traffic,#Home #About2 .left-set .traffic{display:block;position:absolute;width:35%;left:60%;top:70%;}#Home #About .right-set,#Home #About2 .right-set{display:block;position:absolute;right:-10%;top:5%;width:30%;height:100%;z-index:2;}#Home #About .right-set .inner,#Home #About2 .right-set .inner{position:relative;height:100%;}#Home #About .right-set img,#Home #About2 .right-set img{position:absolute;}#Home #About .right-set .tab-img,#Home #About2 .right-set .tab-img{transform:rotate(180deg);}#Home #About .right-set .language,#Home #About2 .right-set .language{width:25%;top:6%;left:10%;}#Home #About .right-set .mail,#Home #About2 .right-set .mail{width:20%;top:25%;left:35%;}#Home #About .right-set .element,#Home #About2 .right-set .element{width:15%;bottom:58%;left:12%;}#Home #About .right-set .LoudSpeaker,#Home #About2 .right-set .LoudSpeaker{width:19%;bottom:40%;left:25%;}#Home #About .right-set .Cloud,#Home #About2 .right-set .Cloud{width:20%;bottom:35%;left:-5%;}#Home #About .right-set .Spanner,#Home #About2 .right-set .Spanner{width:25%;bottom:20%;left:25%;}#Home #Service .wrapper .curve{position:absolute;width:128%;left:-15%;top:30%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item{width:95%;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item.second{transform:translateY(15%);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item.third{transform:translateY(30%);}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item.fourth{transform:translateY(15%);}#Home #Featured .wrapper .curve{position:absolute;width:258%;left:-33%;top:10%;}#Home #Featured .wrapper .feature-slide .others .site.top{height:250px;width:250px;}#Home #Featured .wrapper .feature-slide .others .site.mid{height:160px;width:160px;margin-right:0;margin-left:auto;}#Home #Featured .wrapper .feature-slide .others .site.btm{height:200px;width:200px;margin-top:-20px;}#Home #Featured .wrapper .feature-slide .main .right .wrapper p.content{-webkit-line-clamp:9;height:200px;}body.loaded #Home #About .left-set .chat,body.loaded #Home #About2 .left-set .chat{-webkit-animation:float 5s infinite linear;-moz-animation:float 5s infinite linear;-o-animation:float 5s infinite linear;animation:float 5s infinite linear;}body.loaded #Home #About .left-set .seo,body.loaded #Home #About2 .left-set .seo{-webkit-animation:float 6s infinite linear reverse;-moz-animation:float 6s infinite linear reverse;-o-animation:float 6s infinite linear reverse;animation:float 6s infinite linear reverse;}body.loaded #Home #About .left-set .search,body.loaded #Home #About2 .left-set .search{-webkit-animation:float 4s infinite linear;-moz-animation:float 4s infinite linear;-o-animation:float 4s infinite linear;animation:float 4s infinite linear;}body.loaded #Home #About .left-set .gallery,body.loaded #Home #About2 .left-set .gallery{-webkit-animation:float 5s infinite linear reverse;-moz-animation:float 5s infinite linear reverse;-o-animation:float 5s infinite linear reverse;animation:float 5s infinite linear reverse;}body.loaded #Home #About .left-set .magnify,body.loaded #Home #About2 .left-set .magnify{-webkit-animation:float 6s infinite linear;-moz-animation:float 6s infinite linear;-o-animation:float 6s infinite linear;animation:float 6s infinite linear;}body.loaded #Home #About .left-set .traffic,body.loaded #Home #About2 .left-set .traffic{-webkit-animation:float 4s infinite linear reverse;-moz-animation:float 4s infinite linear reverse;-o-animation:float 4s infinite linear reverse;animation:float 4s infinite linear reverse;}body.loaded #Home #About .right-set .language,body.loaded #Home #About2 .right-set .language{-webkit-animation:float 5s infinite linear;-moz-animation:float 5s infinite linear;-o-animation:float 5s infinite linear;animation:float 5s infinite linear;}body.loaded #Home #About .right-set .mail,body.loaded #Home #About2 .right-set .mail{-webkit-animation:float 6s infinite linear reverse;-moz-animation:float 6s infinite linear reverse;-o-animation:float 6s infinite linear reverse;animation:float 6s infinite linear reverse;}body.loaded #Home #About .right-set .element,body.loaded #Home #About2 .right-set .element{-webkit-animation:float 4s infinite linear;-moz-animation:float 4s infinite linear;-o-animation:float 4s infinite linear;animation:float 4s infinite linear;}body.loaded #Home #About .right-set .LoudSpeaker,body.loaded #Home #About2 .right-set .LoudSpeaker{-webkit-animation:float 5s infinite linear reverse;-moz-animation:float 5s infinite linear reverse;-o-animation:float 5s infinite linear reverse;animation:float 5s infinite linear reverse;}body.loaded #Home #About .right-set .Cloud,body.loaded #Home #About2 .right-set .Cloud{-webkit-animation:float 6s infinite linear;-moz-animation:float 6s infinite linear;-o-animation:float 6s infinite linear;animation:float 6s infinite linear;}body.loaded #Home #About .right-set .Spanner,body.loaded #Home #About2 .right-set .Spanner{-webkit-animation:float 4s infinite linear reverse;-moz-animation:float 4s infinite linear reverse;-o-animation:float 4s infinite linear reverse;animation:float 4s infinite linear reverse;}}@media screen and (min-width:1600px){p{font-size:1vw;}p.heading{font-size:1.25vw;}h1{font-size:3.5vw;}h2{font-size:2vw;}#Home .header{font-size:3.125vw;}#Home .headerLine:before{width:3.438vw;height:.1875vw;top:-2.3125vw;}#Home #Banner .arrow{width:5.688vw;height:5.688vw;}#Home #Banner .left{left:-2.813vw;}#Home #Banner .right{right:-2.813vw;}#Home #Banner .diagonalShape.top{border-bottom:4.375vw solid #fff;}#Home #Banner .diagonalShape.top .square{width:7.188vw;}#Home #Banner .banner .bg{height:45vw;}#Home #Banner .banner .bg .bannerTextWrapper .slogan{font-size:4.5vw;margin-bottom:3.125vw;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper{width:32.5vw;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem{margin-bottom:1vw;padding:0 1vw;margin:.5vw;line-height:3vw;font-size:1vw;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem .icon{width:2vw;margin-right:.5vw;}#Home #Banner .banner .mainbanner .slogan.top{font-size:5vw;}#Home #Banner .banner .mainbanner .wwwbar{border-radius:.625vw;border:.125vw solid #000;font-size:1.5vw;padding:0 2.25vw 0 1vw;}#Home #Banner #deviceWrapper{right:-37.125vw;top:1.2vw;}#Home #Banner #deviceWrapper .iphoneFrame.device1{width:15.438vw;height:7.5vw;}#Home #Banner #deviceWrapper .iphoneFrame.device1 .mask{width:14.563vw;height:6.813vw;margin:.375vw .469vw;}#Home #Banner #deviceWrapper .ipadFrame.device2{width:19.938vw;height:28.75vw;top:8.563vw;}#Home #Banner #deviceWrapper .ipadFrame.device2 .mask{width:19.063vw;height:28.063vw;left:.5vw;top:.313vw;}#Home #Banner #deviceWrapper .ipadFrame.device3{width:27.313vw;height:19.375vw;top:7.688vw;left:-28.313vw;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask{width:26.5vw;height:17.938vw;left:.313vw;top:.563vw;}#Home #Banner #deviceWrapper .iphoneFrame.device4{width:15.438vw;height:7.5vw;top:28.625vw;left:-16.563vw;}#Home #Banner #deviceWrapper .iphoneFrame.device4 .mask{width:14.563vw;height:6.813vw;margin:.375vw .469vw;}#Home #Banner #deviceWrapper .iphoneFrame.device5{width:7.5vw;height:15.438vw;left:-36.813vw;top:11.688vw;}#Home #Banner #deviceWrapper .iphoneFrame.device5 .mask{width:6.625vw;height:14.563vw;margin:.469vw .375vw;}#Home #Banner #owl-Banner .owl-nav{bottom:3.25vw;}#Home #Banner #owl-Banner .owl-nav [class*=owl-]{width:1.875vw;height:1.875vw;}#Home #Featured{padding:3.125vw;}#Home #Featured .wrapper .logo .logo-item .logobackgound{height:3vw;margin:1.875vw auto;}#Home #Featured .wrapper .feature-slide .others .site.top{height:15.625vw;width:15.625vw;margin-left:1.25vw;}#Home #Featured .wrapper .feature-slide .others .site.mid{height:10vw;width:10vw;margin-right:-2vw;margin-left:auto;margin-top:-1vw;}#Home #Featured .wrapper .feature-slide .others .site.btm{height:12.5vw;width:12.5vw;margin-left:-1.5vw;margin-top:-7.5vw;}#Home #Featured .wrapper .feature-slide .others .site .tablet{background-position:top 1.375vw center;padding-top:1vw;}#Home #Featured .wrapper .feature-slide .main .left .stroke{left:-5%;top:-10%;}#Home #Featured .wrapper .feature-slide .main .left .wrapper .tablet{background-position:top 1vw center;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .logo img{height:3vw;margin:1vw auto;}#Home #Featured .wrapper .feature-slide .main .right .wrapper p.content{height:12.5vw;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item{margin:1vw 0;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item .options-content img{width:1.5vw;margin-right:.5vw;}#Home #Featured .wrapper .feature-slide .main .right .wrapper .options .options-item .options-content a{font-size:1vw;padding:.25vw 1vw;}#Home #Featured .slide-container .owl-prev img{width:3vw;}#Home #Featured .slide-container .slide-counter .slide-index{font-size:3vw;}#Home #Featured .slide-container .slide-counter .slide-line{font-size:1.5vw;}#Home #Featured .slide-container .slide-counter .slide-page{font-size:1.5vw;}#Home #Featured .slide-container .owl-next img{transform:scale(-1);width:3vw;}#Home #About,#Home #About2{padding:4vw 0;padding-top:8.75vw;}#Home #About .wrapper h1,#Home #About2 .wrapper h1{font-size:3.5vw;}#Home #About .wrapper p,#Home #About2 .wrapper p{padding:3vw 0;}#Home #About .wrapper a,#Home #About2 .wrapper a{width:15.625vw;padding:1vw;font-size:1.125vw;letter-spacing:.1vw;}#Home #Clients{padding:3.125vw 0;padding-bottom:5vw;}#Home #Clients .wrapper .owl-carousel{padding-top:1.875vw;}#Home #Clients .wrapper .owl-carousel .owl-stage-outer .owl-item .row .row-item .img-container{margin:5% 10%;height:4.5vw;width:auto;background-size:contain;background-repeat:no-repeat;background-position:center;}#Home #Clients .owl-theme .owl-dots{margin-top:1vw;}#Home #Clients .owl-theme .owl-dots .owl-dot span{width:1vw;height:.5vw;margin:.5vw .25vw;}#Home #Service{padding:5vw 0;padding-bottom:7vw;}#Home #Service .wrapper .curve{position:absolute;width:125%;left:-15%;top:15%;}#Home #Service .wrapper #service-carousel{padding-top:1.875vw;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context{margin:1.25vw auto;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context .heading{font-size:1.125vw;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item .context .content{font-size:.875vw;border-left:.063vw solid rgba(240,152,25,.5);}}@media screen and (max-width:1280px){#Home #serviceArrowWrapper{display:flex;}#Home #serviceArrowWrapper .page-counter{display:block;}}@media(width:1280px){#Home #serviceArrowWrapper{display:none;}}@media screen and (max-width:1279px){#Home #Banner .banner .bg{height:50.821vw;}#Home #Banner .banner .bg .bannerTextWrapper .slogan{font-size:5vw;line-height:5vw;letter-spacing:.098vw;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper{top:90%;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem{font-size:14px;margin:6px 12px;line-height:36px;padding:0 12px;}#Home #Banner #deviceWrapper{right:-43.941vw;top:3.284vw;}#Home #Banner #deviceWrapper .iphoneFrame.device1{width:19.312vw;height:9.382vw;}#Home #Banner #deviceWrapper .iphoneFrame.device1 .mask{width:18.217vw;height:8.522vw;margin:.469vw .586vw;}#Home #Banner #deviceWrapper .ipadFrame.device2{width:24.941vw;height:35.966vw;top:10.711vw;}#Home #Banner #deviceWrapper .ipadFrame.device2 .mask{width:23.847vw;height:35.106vw;}#Home #Banner #deviceWrapper .ipadFrame.device3{width:34.167vw;height:24.238vw;top:9.617vw;left:-35.418vw;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask{width:33.151vw;height:22.439vw;left:.391vw;top:.704vw;}#Home #Banner #deviceWrapper .iphoneFrame.device4{width:19.312vw;height:9.382vw;top:35.809vw;left:-20.719vw;}#Home #Banner #deviceWrapper .iphoneFrame.device4 .mask{width:18.217vw;height:8.522vw;margin:.469vw .586vw;}#Home #Banner #deviceWrapper .iphoneFrame.device5{width:9.382vw;height:19.312vw;left:-46.052vw;top:14.621vw;display:none;}#Home #Banner #deviceWrapper .iphoneFrame.device5 .mask{width:8.288vw;height:18.217vw;margin:.586vw .469vw;}#Home #Service .wrapper .curve{position:absolute;width:258%;left:-33%;top:initial;bottom:15%;}}@media screen and (max-width:1023px){#Home #Banner .banner .mainbanner .slogan.top{font-size:65px;}#Home #Banner .diagonalShape.top .square{width:100px;}#Home #Banner #deviceWrapper{right:-38.941vw;top:9.284vw;}#Home #Banner #deviceWrapper .ipadFrame.device2{display:none;}#Home #Banner #deviceWrapper .ipadFrame.device3{top:10.617vw;left:-17.418vw;}#Home #Banner #deviceWrapper .iphoneFrame.device4{display:none;}#Home #Banner #deviceWrapper .iphoneFrame.device5{left:-29.052vw;top:15.621vw;}#Home #Banner .banner .mainbanner .laptop{width:60%;}#Home #Banner .banner .mainbanner .wwwbar{right:4%;}}@media screen and (max-width:767px){#Home #Banner{margin-top:-1px;}#Home #Banner .diagonalShape.top{border-bottom:35px solid #fff;}#Home #Banner #deviceWrapper{display:none;left:0;right:0;margin:0 auto;top:266px;transform:scale(.8);width:437px;height:310px;}#Home #Banner #deviceWrapper .iphoneFrame.device1{display:none;}#Home #Banner #deviceWrapper .ipadFrame.device2{display:none;}#Home #Banner #deviceWrapper .ipadFrame.device3{left:0;right:0;margin:0 auto;width:100%;height:100%;}#Home #Banner #deviceWrapper .ipadFrame.device3 .mask{width:360px;height:275px;margin:18px 35px 17px 37px;}#Home #Banner #deviceWrapper .iphoneFrame.device4{display:none;}#Home #Banner #deviceWrapper .iphoneFrame.device5{display:none;}#Home #Banner .banner .bg{height:680px;height:480px;}#Home #Banner .banner .bg .bannerTextWrapper .slogan{font-size:45px;line-height:45px;letter-spacing:1px;width:90%;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper{width:440px;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem{font-size:14px;}#Home #Banner .banner .mainbanner .shatter{display:none;}#Home #Banner .banner .mainbanner .laptop{width:100%;}#Home #Banner .banner .mainbanner .laptop .control{bottom:30%;left:20%;}#Home #Banner .banner .mainbanner .slogan.top{transform:translateX(0%) scale(1);font-size:60px;}}@media screen and (max-width:719px){#Home #Service .arrow-wrapper .page-counter{display:block;}}@media screen and (max-width:630px){#Home #Banner .banner .bg{height:425px;}#Home #Banner .banner .bg .bannerTextWrapper .slogan{font-size:40px;line-height:42px;}}@media screen and (max-width:500px){#Home .header{font-size:36px;}#Home #Banner .arrow{display:none;}#Home #Banner #bannerArrowWrapper{display:flex;}#Home #Banner .banner .bg{height:550px;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper{width:400px;}#Home #Banner .banner .bg .bannerTextWrapper .bannerNav .bannerNavWrapper .bannerNavItem{margin:6px;}#Home #Banner .banner .mainbanner .shatter{display:none;}#Home #Banner .banner .mainbanner .blob{transform:translate(-58%,15%);}#Home #Banner .banner .mainbanner .laptop{width:125%;transform:translate(-50%,-7%);}#Home #Banner .banner .mainbanner .slogan.top{font-size:50px;transform:translateX(0) scale(1);left:7%;bottom:122%;width:75%;}#Home #Banner .banner .mainbanner .slogan.mid{top:-21%;left:13%;width:75%;}#Home #Banner .banner .mainbanner .slogan.mid img:first-child{display:none;}#Home #Banner .banner .mainbanner .slogan.mid img:last-child{display:block;position:absolute;}#Home #Banner .banner .mainbanner .wwwbar{top:60%;right:20%;}#Home #Banner .banner .mainbanner .wwwbar #bg{font-size:16px;}#Home #Featured .slide-container .owl-prev img{width:38px;}#Home #Featured .slide-container .slide-counter .slide-index{font-size:34px;}#Home #Featured .slide-container .slide-counter .slide-line{font-size:24px;}#Home #Featured .slide-container .slide-counter .slide-page{font-size:30px;}#Home #Featured .slide-container .owl-next img{width:38px;}#Home #About .wrapper p{text-align:left;}#Home #Service .wrapper #service-carousel .owl-stage-outer .owl-item .service-item{width:95%;}#Home #Service .wrapper #service-carousel{padding-top:80px;}}@media screen and (max-width:400px){#Home #Banner .banner .bg{height:550px;}#Home #Banner .banner .mainbanner .blob{transform:translate(-75%,15%);}}@media screen and (max-width:375px){#Home #Product .productWrapper .Product-Btn{margin-top:34vw;}}@keyframes Typing{from{width:100%;}to{width:0%;}}@keyframes blinkTextCursor{0%{opacity:0;}100%{opacity:1;}}@keyframes spinCube{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@-webkit-keyframes spinCube{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes moveCube{from{transform:translateX(0);}to{transform:translateX(94%);}}@-webkit-keyframes floatPhone{0%{transform:translateY(0%);}50%{transform:translateY(5%);}100%{transform:translateY(0%);}}@keyframes red-square-transform{0%{transform:translate(0,0) rotate(0);}100%{transform:translate(0,0) rotate(360deg);}}@keyframes semicircle-spin{0%{transform:rotate(0deg);}20%{transform:rotate(40deg);}100%{transform:rotate(-360deg);}}@keyframes trapezium{0%{filter:drop-shadow(12px -12px 0 rgba(255,89,84,.15));}50%{filter:drop-shadow(24px -24px 0 rgba(255,89,84,.15));}100%{filter:drop-shadow(12px -12px 0 rgba(255,89,84,.15));}}@keyframes shake{0%{transform:rotate(0deg);}25%{transform:rotate(5deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-5deg);}100%{transform:rotate(0deg);}}@keyframes float{0%{transform:translateY(0);}25%{transform:translateY(10px);}50%{transform:translateY(0);}75%{transform:translateY(10px);}100%{transform:translateY(0);}}@keyframes glow{0%{filter:none;}50%{filter:drop-shadow(4px 2px 4px rgba(64,255,0,.7));}100%{filter:none;}}@keyframes zoom-in-down{from{opacity:0;transform:translate3d(0,-100px,0) scale(.6);}to{opacity:1;transform:translateZ(0) scale(1);}}@keyframes zoom-in{0%{opacity:0;transform:scale(.6);}100%{opacity:1;transform:translateZ(0) scale(1);}}@keyframes fade-down{from{opacity:0;transform:translate3d(0,-100px,0);}to{opacity:1;transform:translateZ(0);}}@keyframes fade-right{from{opacity:0;transform:translate3d(-100px,0,0);}to{opacity:1;transform:translateZ(0);}}@keyframes fade-in{from{opacity:0;}to{opacity:1;}}