#header{background-color:#fff}body{background-color:#000}h2.black-theme{color:#fff;font-size:40px;text-transform:uppercase;margin:40px 0;text-align:center}h2.black-theme span{color:#fff}.main-banner .banner-txt h1{color:#fff;text-transform:capitalize;font-size:35px}.banner-txt .banner_cat{float:left;width:100%}.app-port-banner .banner-txt p{text-align:left;text-align-last:left;margin-left:0}.banner-txt .banner_cat p{display:inline-block;float:none;margin:20px 10px 0 10px;color:#fff}.app-port-banner{position:relative;margin:0 auto;height:700px;background:#000}.app-port-banner .banner-txt{left:25%;width:40%;text-align:left;z-index:10;float:left}.mobile_lay{display:none}.main-ban-her{height:700px;display:flex;align-items:center}.app-port-banner .banner-txt p{text-align:left;text-align-last:left;margin-left:0}.app-port-banner #button-3{margin-left:0}.banner-pro-img{margin-right:10%;z-index:10;float:right}.banner-pro-img img{animation:shake-bottom 20s 100 both}@keyframes shake-bottom{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}30%,50%,70%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}.main-banner::after{background:0 0}.bg-airplane{position:absolute;z-index:1;opacity:.2;left:10%}.planePath{stroke:#d9dada;stroke-width:.1%;stroke-width:.3%;stroke-dasharray:1% 2%;stroke-linecap:round;fill:none}.fil1{fill:#d9dada}.fil2{fill:#c5c6c6}.fil4{fill:#9d9e9e}.fil3{fill:#aeafb0}#myCanvas{background-color:#001530;display:block;margin:0;position:absolute;top:0;left:0;z-index:0;width:100%}#clouds{padding:100px 0;position:absolute;bottom:-10%;opacity:.2}.cloud{width:200px;height:60px;background:#fff;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:relative}.cloud:after,.cloud:before{content:'';position:absolute;background:#fff;width:100px;height:80px;position:absolute;top:-15px;left:10px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{-webkit-animation:moveclouds 15s linear infinite;-moz-animation:moveclouds 15s linear infinite;-o-animation:moveclouds 15s linear infinite}.x2{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite}.x3{left:-250px;top:-200px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}.x4{left:470px;top:-250px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 18s linear infinite;-moz-animation:moveclouds 18s linear infinite;-o-animation:moveclouds 18s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-o-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}.timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:30px;background:#fff}.timeline ul li::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit}.timeline ul li div{position:relative;bottom:0;width:400px;padding:45px 15px}.timeline ul li div::before{content:'';position:absolute;bottom:7px;width:0;height:0;border-style:solid}.timeline ul li:nth-child(odd) div{left:45px}.timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #00a2e4 transparent transparent}.timeline ul li:nth-child(even) div{left:-439px}.timeline ul li:nth-child(even) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #00a2e4}time{float:left;color:#fff;display:block;font-size:36px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.timeline ul li h4{float:left;color:#8d8d95;padding-top:15px;font-size:20px;margin:0 20px;text-transform:capitalize}.left-time{float:right!important}.timeline ul li::after{transition:background .5s ease-in-out}.timeline ul li.in-view::after{background:#00a2e4}.timeline ul li div{visibility:hidden;opacity:0;transition:all .5s ease-in-out}.timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0)}.timeline ul li:nth-child(even) div{transform:translate3d(-200px,0,0)}.timeline ul li.in-view div{transform:none;visibility:visible;opacity:1}@media screen and (max-width:900px){.timeline ul li div{width:250px}.timeline ul li:nth-child(even) div{left:-289px}}@media screen and (max-width:600px){.timeline ul li{margin-left:20px}.timeline ul li div{width:calc(100vw - 91px)}.timeline ul li:nth-child(even) div{left:45px}.timeline ul li:nth-child(even) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #00a2e4 transparent transparent}}.iphone-x{position:relative;float:left;margin:40px auto;width:340px;height:650px;border-radius:40px;box-shadow:0 0 0 11px #1f1f1f,0 0 0 13px #191919,0 0 0 20px #111;transform:perspective(2000px) rotateY(-45deg);transition:1s}.left-mockup{left:50%}.iphone-x-right{position:relative;margin:40px auto;width:340px;top:300px;height:650px;border-radius:40px;box-shadow:0 0 0 11px #1f1f1f,0 0 0 13px #191919,0 0 0 20px #111;transform:perspective(2000px) rotateY(45deg);transition:1s}.iphone-x:after,.iphone-x:before{content:'';position:absolute;left:50%;transform:translateX(-50%)}.iphone-x:after{bottom:7px;width:140px;height:4px;background-color:#f2f2f2;border-radius:10px}.iphone-x:before{top:0;width:56%;height:30px;background-color:#1f1f1f;border-radius:0 0 40px 40px}.iphone-x b,.iphone-x i,.iphone-x s,.iphone-x span{position:absolute;display:block;color:transparent}.iphone-x i{top:0;left:50%;transform:translate(-50%,6px);height:8px;width:15%;background-color:#101010;border-radius:8px;box-shadow:inset 0 -3px 3px 0 rgba(256,256,256,.2)}.iphone-x b{left:10%;top:0;transform:translate(180px,4px);width:12px;height:12px;background-color:#101010;border-radius:12px;box-shadow:inset 0 -3px 2px 0 rgba(256,256,256,.2)}.iphone-x b:after{content:'';position:absolute;background-color:#2d4d76;width:6px;height:6px;top:2px;left:2px;top:3px;left:3px;display:block;border-radius:4px;box-shadow:inset 0 -2px 2px rgba(0,0,0,.5)}.iphone-x s{top:50px;color:#fff;text-align:center;text-decoration:none;width:100%;font-size:70px;font-weight:100;padding-top:60px}.iphone-x span{bottom:50px;width:40px;height:40px;background-color:rgba(0,0,0,.3);border-radius:50%;left:30px}.iphone-x span+span{left:auto;right:30px}.iphone-x:hover{transform:perspective(2000px) rotateY(-30deg);transition:1s}.iphone-x-right:hover{transform:perspective(2000px) rotateY(30deg);transition:1s}.mobile-mockups ul li{float:left;width:50%}.screen-detail{float:left;width:100%}.screen-detail-right{padding-top:50%;margin-left:5%}.screen-detail h2{font-size:70px;color:#fff;font-weight:700}.screen-detail h5{font-size:28px;color:#fff;margin:10px 0;text-transform:uppercase}.screen-detail p{font-size:18px;color:#fff;text-transform:capitalize}.app-some-details{float:left;width:100%;position:relative}.text-detail-app{float:left;position:absolute;top:30%;width:80%}.text-detail-app h2{font-size:36px;color:#fff;text-transform:uppercase;margin-bottom:20px;font-weight:600}.text-detail-app p{font-size:18px;color:#fff}.app-image .iphone-x-rotate{width:270px;height:480px;left:20%;top:70px}.app-image .iphone-x-rotate b{left:0}.app-image ul li{float:left;width:50%}.ba-slider{position:relative;overflow:hidden}.ba-slider img{width:100%;display:block;max-width:none}.resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.handle{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}@-webkit-keyframes pulse{to{box-shadow:0 0 0 45px rgba(232,76,61,0)}}@-moz-keyframes pulse{to{box-shadow:0 0 0 45px rgba(232,76,61,0)}}@-ms-keyframes pulse{to{box-shadow:0 0 0 45px rgba(232,76,61,0)}}@keyframes pulse{to{box-shadow:0 0 0 45px rgba(232,76,61,0)}}.handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#00a2e4;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #00a2e4;border:none;box-shadow:0 0 0 0 rgba(0,162,228,.7);border-radius:50%;background-repeat:no-repeat;cursor:pointer;-webkit-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)}.draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:48px;font-size:30px}.mobile-ui ul li{float:left;width:45%}.mobile-ui ul li .iphone-x{transform:none;width:270px;height:590px;border-radius:25px}.mobile-ui ul li .iphone-x b{left:0}.app-ui-details{position:absolute;top:30%;text-align:center}.app-ui-details ul li{float:left;margin:0 15px;margin-top:50px;text-align:center}.app-ui-details ul li span{float:left;width:70px;height:70px;border-radius:10px;border:1px solid #fff;margin-bottom:10px}.app-ui-details ul li h5{font-size:16px;color:#fff;text-transform:uppercase}.ui-module{text-align:center}.ui-module .iphone-x{transform:translateX(-50%);left:50%;width:260px;height:560px;border-radius:30px;}.ui-module .iphone-x b{left:-15px}.ui-module h4{float:left;width:100%;font-size:26px;font-weight:600;text-transform:uppercase;color:#fff;margin:20px 0}.ui-module p{float:left;width:100%;font-size:18px;text-transform:capitalize;color:#fff;padding:0 20px}.contact-us-model{float:left;width:100%;background-color:#fff;display:flex;align-items:center;height:120px}.contact-us-model h2{font-size:26px;color:#000;float:left;font-weight:800;width:80%;text-transform:uppercase}.contact-us-model #button-3{float:right;width:180px;height:60px;margin-bottom:0;margin-top:0}.contact-us-model #button-3 a{font-size:20px}.stack-ico{justify-content: center; float:left;width:100%;background-color:#fff;border-radius:10px;width:150px;height:150px;text-align:center;align-items:center;display:flex}.main-footer{background-color:#fff}@media screen and (max-width:1300px){.left-mockup{left:45%}.screen-detail-right{padding-top:60%}.details{margin:0 13px}}@media screen and (max-width:1080px){.screen-detail-right{padding-top:70%}.left-mockup{left:35%}.app-image ul li{width:45%}}@media screen and (max-width:991px){.left-mockup{left:25%}.app-image ul li{width:35%}.ui-module .iphone-x{left:15px}.app-port-banner .banner-txt{position:static;text-align:center;width:100%;margin:20px 0;transform:none}.main-ban-her{display:block}.app-port-banner .banner-txt p{text-align:center;text-align-last:center}.banner-pro-img{margin-right:auto}.bg-airplane{left:0}.app-port-banner{height:1000px}}@media screen and (max-width:875px){.screen-detail-right{padding-top:80%}.app-image ul li:nth-child(1){display:none}.mobile-ui ul li:nth-child(1){display:none}.ui-module .iphone-x::before{width:46%;height:20px;border-radius:0 0 20px 21px}.ui-module .iphone-x{width:200px;height:440px;border-radius:12px}.left-mockup{width:260px;height:560px;border-radius:30px}.iphone-x-right{width:260px;top:0;height:560px;border-radius:30px}.screen-detail-right{padding-top:0}.screen-detail p{font-size:16px}.screen-detail h5{font-size:24px}.screen-detail h1{font-size:60px}h2.black-theme{font-size:35px}.ui-module .iphone-x{width:190px}.ui-module p{font-size:16px}.ui-module h4{font-size:24px}.contact-us-model #button-3{width:160px}.contact-us-model #button-3 a{font-size:16px}.contact-us-model h2{font-size:24px}.stack-ico{width:100px;height:100px}.timeline ul li h4{margin:0 16px}time{font-size:26px}.mobile-ui ul li{width:100%}.ui-module .iphone-x::before{top:-2px}.timeline ul li h4{width:100%;padding-top:0;font-size:18px;margin:0}.timeline ul li div::before{bottom:16px}.timeline ul li::after{bottom:10px}.left-time{text-align:right}}@media screen and (max-width:767px){.mobile-mockups ul li{width:100%}.iphone-x{float:none}.screen-detail-left{position:absolute;top:35%;margin-left:0}.iphone-x-right{top:250px}.iphone-x{transform:none}.iphone-x b{left:0}.screen-detail-right{padding-top:0;margin-left:0;margin-top:35%}.left-mockup{left:0}.screen-detail-right{text-align:right}.app-image .iphone-x{width:240px;height:520px;border-radius:30px}.app-ui-details{text-align:left}.ui-module .iphone-x{left:0}.ui-module{margin:30px 0}.stack-ico{width:150px;height:150px;margin:20px 0}.app-image .iphone-x b{left:-30px}.ui-module .iphone-x b{display:none}}@media screen and (max-width:677px){.screen-detail{width:auto}.app-image ul li{width:100%}}@media screen and (max-width:575px){.app-stack .col-xs-6{width:auto!important}.left-time{float:left!important;text-align:left}.screen-detail-right{margin-top:45%;margin-bottom:50px}.app-some-details{margin-top:50px}.text-detail-app{text-align:center}.app-image .iphone-x{top:0}.app-image ul li{margin-bottom:0}.text-detail-app{position:static;width:100%}.app-image{margin-top:0!important}.app-ui-details{position:unset;text-align:center}.app-ui-details ul{display:table}.contact-us-model{float:none;width:inherit;display:table;text-align:center}.contact-us-model h2{font-size:20px;float:none;margin:20px 0;width:100%}.contact-us-model #button-3{width:200px;float:none}.app-stack{display:table}.stack-ico{float:none;margin:10px auto}.case-banner .banner-txt{display:block}.app-port-banner{height:900px}}@media screen and (max-width:430px){.app-ui-details ul li{margin:0 10px}.screen-detail-right{margin-top:45%}.app-port-banner{height:850px}}@media screen and (max-width:414px){.iphone-x-right{top:370px}.screen-detail-right{margin-top:95%}.app-image .iphone-x{top:0}.screen-detail-left{top:34%}.app-image ul li{margin-bottom:0}.handle::after{width:44px;height:44px;font-size:26px;line-height:40px}.app-ui-details ul li span{width:60px;height:60px}.app-ui-details ul li h5{font-size:14px}.ui-module{margin:60px 0}}@media screen and (max-width:375px){.screen-detail{padding-right:10px}.screen-detail-right{padding-top:5%}.app-image .iphone-x{top:0}.app-image ul li{margin-bottom:0}.iphone-x-right{top:320px}.app-ui-details ul li{margin:0 10px;margin-top:50px}.app-po.rt-banner{height:800px}}.app-ui-components{position: relative;}.sec-titl-cont{color: #fff;}.sec-titl-cont h2{color: #fff!important;}