@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
body{line-height:24px;font-size:14px;color:#666;font-family:Poppins,sans-serif;font-weight:400}
h1,h2,h3,h4,h5,h6{font-weight:500}
h1,h2,h3,h4,h5,h6,p{margin:0}
h1{font-size:45px;margin-top: 1rem;}
h2{font-size:30px;color:#243f4f}
h4{font-size:18px;color:#243f4f}
h6{font-size:14px;color:#243f4f}

a{transition:0.8s}
a,a:hover{color:#666}
img{max-width:100%;height:auto}
iframe{width:100%;border:none}
a,a:active,a:focus,a:hover,button:focus{text-decoration:none;border:none;outline:0}
ul{list-style:none;margin:0;padding:0}
ol{margin-bottom:0}
select:active,select:focus{box-shadow:none;border:0;outline:0}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
button{cursor:pointer}
textarea{height:120px}
button[type=submit],input[type=email],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{background:0 0;width:100%;padding:6px 10px;border:1px solid #ccc;margin-bottom:15px}
button[type=submit],input[type=submit]{width:auto;color:#666;padding:4px 15px}
textarea:focus{outline:0!important;box-shadow:none!important}
.sec-title{text-align:center;max-width:400px;margin:0 auto 40px}
.sec-title h2{padding-bottom:20px;margin-bottom:20px;position:relative;top:-6px}
.sec-title h2 .sec-title-border{width:130px;position:absolute;bottom:0;left:0;border-top:2px solid #f04f33;right:0;height:0;margin:auto}
.download-area .sec-title h2 .sec-title-border,.pricing-area .sec-title h2 .sec-title-border{border-color:#fff}
.download-area .sec-title h2 .sec-title-border span::before,.pricing-area .sec-title h2 .sec-title-border span::before{background-color:#fff}
.sec-title h2 .sec-title-border span{width:9px;height:9px;position:relative;display:inline-block;margin:0 1px;bottom:23.3px}
.sec-title h2 .sec-title-border span::before{background:#f04f33;content:"";position:absolute;top:0;left:0;height:100%;width:100%;transform:rotate(45deg)}
.mt-100{margin-top:100px}
.mt-30{margin-top:30px}
.ptb-100{padding:100px 0}
.ptb-90{padding:90px 0}
.owl-nav div{position:absolute;top:50%;left:20px;width:35px;background:#fff;color:#000;height:35px;line-height:36px;border-radius:100%;text-align:center;font-size:29px;transition:.4s;margin-top:-60px}
.owl-nav div:hover{background:#000;color:#fff}
.owl-nav div.owl-next{right:20px;left:auto}
.owl-dots{text-align:center;margin-top:30px}
.owl-dot{width:10px;height:10px;border:1px solid #0074da;border-radius:10px;display:inline-block;margin:0 3px}
.owl-dot.active{background:#0074da}
.display-table{display:table;height:100%;width:100%}
.display-tablecell{display:table-cell;vertical-align:middle}

.site-btn{
    cursor:pointer;
}
.appao-btn,.header.sticky .mainmenu li a.appao-btn,.mainmenu li a.appao-btn{border:1px solid #f04f33;background:#f04f33;color:#fff;border-radius:15px;padding:6px 25px;display:inline-block;font-weight:500}
.appao-btn:hover,.header.sticky .mainmenu li a.appao-btn:hover,.mainmenu li a.appao-btn:hover{background:#fff;border:1px solid #fff;color:#666}
.appao-btn2{border:1px solid transparent;border-radius:25px;background:#f04f33}
.appao-btn2:hover{border:1px solid #f04f33;background:0 0;background-image:none;color:#243f4f}
.flexbox-center{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
input::-webkit-input-placeholder{color:#666}
.header{position:fixed;top:0;left:0;transition:all .4s;width:100%;z-index:99;padding:18px 0}
.mainmenu{text-align:right}
.mainmenu li{display:inline-block;}
.mainmenu li a{display:inline-block;color:#fff;position:relative;padding:5px 16px;margin:0 3px;border:1px solid transparent}
.slicknav_menu{padding:0;background:0 0}
.mainmenu ul li a.active,.mainmenu ul li a:hover,.slicknav_menu a.active{border:1px solid #668390}
.mainmenu{display:block}
.slicknav_menu{display:none}
.header.sticky{border-bottom:1px solid #fff;background:#243f4f}
.header.sticky{padding:10px 0}
.mainmenu li a.appao-btn{margin-left:55px}
.hero-area{padding-top:140px;z-index:1;position:relative;background-image:url(../img/hero-area.webp);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;overflow:hidden}
.hero-area::before{content:"";top:0;left:0;opacity:.85;right:0;bottom:0;z-index:-1;position:absolute;background:#243f4f}
.hero-area-content{color:#fff;padding:80px 0 170px}
.hero-area-content h1{color:#fff}
.hero-area-content p{margin:28px 0 25px}
.hero-area-content .appao-btn{margin-top:15px;margin-right:15px}
.hand-mockup{max-width:auto}
.samsung img {
    width: 15vw!important;
    margin-left: 65px;
}
 .iphone img{width:80vw!important; margin-bottom: 10px; margin-top: -60px;}
.single-feature-box img{
    width: 19vw;
}
.about-area{text-align:center}
.single-about-box{padding:25px;transition:all .4s}
.single-about-box i::before{color:#243f4f;font-size:40px;transition:all .4s;display:block}
.single-about-box.active,.single-about-box:hover{box-shadow:0 0 5px #ccc}
.single-about-box.active i::before,.single-about-box:hover i::before{color:#f04f33}
.single-about-box h4{margin:25px 0 15px}
.feature-area{z-index:1;position:relative;background-image:url(../img/feature-bg.webp);background-repeat:no-repeat;background-position:center;background-size:cover}
.feature-area::before{content:"";top:0;left:0;opacity:.75;right:0;bottom:0;background:#243f4f;z-index:-1;position:absolute}
.single-feature-box h4{font-size:20px;margin-bottom:5px}
.single-feature-box li{margin-bottom:45px;display:flex}
.single-feature-box li:last-child{margin-bottom:0}
.feature-box-info{flex:5}
.feature-box-icon{flex:1;font-size:25px;transition:all .4s}
.single-feature-box li:hover .feature-box-icon i::before{border-radius:0}
.single-feature-box,.single-feature-box h2,.single-feature-box h3,.single-feature-box h4{color:#fff}
.feature-box-icon i::before{border:2px dashed #f04f33;width:40px;display:inline-block;height:40px;text-align:center;line-height:38px;border-radius:100%;transition:all .4s}
.showcase-area{padding-bottom:50px}
.single-showcase-box{padding:0 0 40px}
.single-showcase-box p{margin:20px 0 25px}
.single-showcase-box h4{font-size:20px}
.video-area{background:url(../img/video-overview.webp) no-repeat center/cover;position:relative;background-attachment:fixed;text-align:center;z-index:1;color:#fff}
.video-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#243f4f;opacity:.7;z-index:-1}
.video-popup i{display:inline-block;width:100px;height:100px;line-height:80px;font-size:25px;color:#000529;border:10px solid rgba(255,255,255,.7);border-radius:50%;transition:all .4s;position:relative;z-index:1}
.video-popup i::before{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:50%}
.video-popup i:hover{color:#fff}
.video-popup h1{margin-top:30px;line-height:35px}
.video-popup i:hover::before{background:0 0}
.screenshots-area .sec-title{margin-bottom:15px}
.screenshot-wrap .slick-list{padding-bottom:90px!important;padding-top:80px!important}
.single-screenshot.slick-slide{z-index:1}
.single-screenshot.slick-active{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:2;transition:all .3s ease-in 0s}
.single-screenshot.slick-center{position:relative;-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);z-index:3;transition:all .3s ease-in 0s}
.single-screenshot img{width:100%}
.slick-dots{text-align:center;margin-top:10px}
.slick-dots li.slick-active button{background-color:#f04f33}
.slick-dots li{display:inline-block}
.slick-dots li button{background:0 0;border:2px solid #f04f33;border-radius:100%;font-size:0;margin:0 3px;padding:0;cursor:pointer;width:15px;height:15px;display:inline-block}
.single-screenshot.slick-center{background-image:url(../img/screenshot/mockup.webp);background-size:100% 100%;}
.single-screenshot.slick-center img{ padding: 23px 18px 23px; }

.pricing-area{background:url(../img/price-bg.jpg) no-repeat center/cover;position:relative;text-align:center;z-index:1}
.pricing-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000529;background:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);opacity:.85;z-index:-1}
.pricing-area .sec-title,.pricing-area .sec-title h2{color:#fff}
.single-pricing-box{background:#fff;text-align:center;transition:all .4s}
.pricing-top{padding:15px}
.pricing-top h4{font-weight:400}
.pricing-top p{font-style:italic;font-weight:500}
.price{background-color:#666;padding:15px;color:#fff;transition:all .4s}
.price-details{padding:25px 15px}
.price h1{position:relative;padding-left:13px;display:inline-block}
.price h1 span{font-size:14px;position:absolute;top:0;left:0;line-height:40px}
.price-details ul li{max-width:204px;font-weight:500;padding-bottom:8px;margin:0 auto 15px;border-bottom:1px solid #666}
.price-details ul li:last-child{border-bottom:none;padding-bottom:0}
.price-details .appao-btn{padding:5px 35px;margin-top:10px;border:2px solid #666;color:#666;border-radius:30px;transition:all .4s}
.single-pricing-box:hover .price{background-color:#000529;background-image:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%)}
.single-pricing-box:hover .appao-btn{background-color:#000529;background-image:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);color:#fff;border:2px solid #005db5}
.author-img{width:95px;height:95px;border-radius:100%;margin:5px auto}
.author-img img{border-radius:100%;border:2px solid #0074da;box-shadow:0 0 6px #0074da}
.single-testimonial-box{text-align:center}
.single-testimonial-box p{margin:0 0 15px}
.single-testimonial-box h5{margin:35px 0 15px}
.testimonial-thumb>div{position:absolute;top:5px;transform:scale(.7);left:50%;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-left:-150px;z-index:1}
.testimonial-thumb>div.thumb-next{left:auto;right:50%;margin:0 -150px 0 0}
.testimonial-thumb>div:hover{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
.counter-area{background:url(../img/counter-bg.webp) no-repeat center/cover;background-attachment:fixed;position:relative;text-align:center;z-index:1;color:#fff;padding-top:50px}
.counter-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#243f4f;opacity:.85;z-index:-1}
.single-counter-box i::before{background:#f04f33;width:120px;display:block;height:120px;line-height:120px;border-radius:100%;font-size:50px;margin:auto;box-shadow:0 8px 8px #020202;border:2px solid transparent;transition:all .4s}
.single-counter-box h1{margin:25px 0 10px}
.single-counter-box p{font-size:24px;line-height:normal}
.single-counter-box{margin-top:40px}
.single-counter-box:hover i::before{background:0 0;border:2px solid #fff;box-shadow:none}
.single-team-member{text-align:center;box-shadow:0 2px 15px -5px #222;transition:all .4s}
.team-member-info h4{font-size:20px}
.team-member-info{padding:20px 10px}
.team-member-img{position:relative;z-index:1;overflow:hidden}
.team-member-icon{position:absolute;top:0;left:-100%;height:100%;width:100%;transition:all .4s}
.team-member-img::before{content:"";background:#000529;background:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);top:0;right:0;width:0;height:100%;transition:all .4s;position:absolute;opacity:.85}
.team-member-icon a{color:#fff;width:30px;height:30px;display:inline-block;line-height:30px;border:1px solid transparent}
.team-member-icon a:hover{border:1px solid #fff}
.single-team-member:hover .team-member-img::before{width:100%}
.single-team-member:hover .team-member-icon{left:0}
.download-area{background:url(../img/download-bg.jpg) no-repeat center/cover;position:relative;text-align:center;z-index:1}
.download-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000529;background:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);opacity:.85;z-index:-1}
.download-area,.download-area a,.download-area h1,.download-area h2,.download-area h3,.download-area h4,.download-area h5,.download-area h6{color:#fff}
.download-area li{display:inline-block}
.download-btn{display:flex;text-align:left;margin:0 25px;padding:3px 30px 5px;border:1px solid #fff;border-radius:50px}
.download-btn-icon{flex:1;font-size:22px;margin-right:15px;line-height:30px}
.download-btn-text{flex:20}
.download-btn:hover{border:1px solid transparent;box-shadow:0 2px 8px #222;background:#046bc8}
p.form-message.error{color:#a20202}
p.form-message.sucess{color:#036b03}

.footer{background:url(../img/footer-bg.webp) no-repeat center/cover;position:relative;z-index:1;padding-bottom:35px;padding-top:120px}
.footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#243f4f;opacity:.85;z-index:-1}
.contact-address,.contact-form{background:#fff;padding:40px 65px;margin-bottom:40px;margin-top:-80px;border:1px solid #ddd}
.contact-form button,.contact-form input,.contact-form textarea{border:1px solid #bbb}
.contact-form button{transition:all .4s}
.blog-reply button:hover,.contact-form button:hover{background:#f04f33;border-color:#f04f33;color:#fff}
.contact-address h4,.contact-form h4{margin-bottom:20px;font-size:20px}
.contact-address li{margin-bottom:33px;display:flex}
.contact-address li .contact-address-icon{flex:1}
.contact-address li .contact-address-info{flex:6}
.contact-address li .contact-address-icon i::before{width:38px;height:38px;border-radius:100%;border:1px solid #f04f33;display:block;text-align:center;line-height:39px;font-size:18px;transition:all .4s}
.contact-address li .contact-address-info a{display:block}
.contact-address p{margin-bottom:45px;padding-top:10px}
.contact-address li:hover .contact-address-icon i::before{background:#f04f33;color:#fff}
.subscribe-form{margin:40px 0 40px;text-align:center}
.copyright-area{text-align:center}
.copyright-area ul li{display:inline-block}
.copyright-area ul li a{width:35px;height:35px;color:#f04f33;background:#fff;display:inline-block;line-height:35px;font-size:16px;border-radius:100%;margin:0 5px}
.copyright-area ul li a:hover{background:#f04f33;color:#fff}
.copyright-area ul{margin-bottom:30px}
.copyright-area p{color:#fff}
.copyright-area p a{color:#fff;border-bottom:1px solid #fff}
.subscribe-form form{position:relative;max-width:580px;margin:auto;z-index:1;border-radius:30px;display:inline-block;width:100%;background:#fff}
.subscribe-form form input{background:0 0;border:0;width:70%;padding:15px 30px;float:left;margin:0}
.subscribe-form form button{width:29%;padding:15px 30px;border:0;border-radius:30px;background:#f04f33;color:#fff;font-size:20px;font-weight:500;float:right;margin:0;margin-right:-1%}
.scrollToTop{width:40px;display:none;height:40px;line-height:39px;background:#f04f33;display:none;color:#fff;position:fixed;border:1px solid #fff;border-radius:100%;bottom:15px;right:15px;z-index:99;text-align:center;font-size:18px}
.scrollToTop:hover{background:#243f4f;border:1px solid #fff;color:#fff}
.scrollToTop:focus{border:1px solid #fff;color:#fff}
.hero-area-slider .owl-nav div{opacity:0}
.hero-area-slider:hover .owl-nav div{opacity:1}
.hero-area-single-slide a.appao-btn,.hero-area-single-slide h1,.hero-area-single-slide p{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.hero-area-single-slide h1{-webkit-transform:translateX(-140px);transform:translateX(-140px);-webkit-transition:all .6s linear 0s;transition:all .6s linear 0s}
.hero-area-single-slide p{-webkit-transform:translateX(-140px);transform:translateX(-140px);-webkit-transition:all .15s linear 0s;transition:all .15s linear 0s}
.hero-area-single-slide a.appao-btn{-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-transition:all .8s linear 0s;transition:all .8s linear 0s}
.hero-area-single-slide img{opacity:0;-webkit-transition:all .4s;transition:all .4s}
.active .hero-area-single-slide a.appao-btn,.active .hero-area-single-slide h1,.active .hero-area-single-slide p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.active .hero-area-single-slide h1{-webkit-transition:all .7s linear 0s;transition:all .7s linear 0s}
.active .hero-area-single-slide p{-webkit-transition:all 1.5s linear 0s;transition:all 1.5s linear 0s}
.active .hero-area-single-slide a.appao-btn{-webkit-transition:all 0.8s linear 0s;transition:all 0.8s linear 0s}
.active .hero-area-single-slide img{opacity:1}
.hero-area>.mbYTP_wrapper{z-index:-2!important}
#preloader{position:fixed;z-index:99999999999;top:0;left:0;overflow:visible;width:100%;height:100%;background:#fff url(../img/loader.gif) no-repeat center center}
.breadcrumb-area{text-align:center}
.hero-area.breadcrumb-area{padding:130px 0 100px}
.hero-area.breadcrumb-area .hero-area-content{padding:0}
.breadcrumb-area ul li{display:inline-block}
.breadcrumb-area ul li a{color:#fff;padding:0 10px;position:relative}
.breadcrumb-area ul li a::before{position:absolute;right:-2px;top:0;bottom:0;margin:auto;content:"/"}
.breadcrumb-area ul li:last-child a::before{content:""}
.breadcrumb-area ul{margin-top:10px}
.breadcrumb-area ul li a:hover{color:#000}
.blog-page .single-post{margin-bottom:40px}
.pagination{text-align:center;display:block;margin-bottom:40px}
.pagination li{display:inline-block}
.pagination li a{background-color:#000529;background-image:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background-image:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:18px}
.pagination li a:hover{background-image:none;background-color:#000}
.blog-detail{padding:90px 0 155px}
.date-time li{display:inline-block;margin-right:10px}
.blog-details .post-author{margin-top:15px;margin-bottom:25px}
.date-time li i{color:#0074da}
.blog-details p{margin-bottom:12px}
.blog-reply{padding-top:40px}
.blog-reply button{transition:all .4s}
.blog-reply textarea{height:150px}
.blog-reply h4{margin-bottom:20px}
.sidebar{padding-left:30px}
.widget form input{width:78%}
.widget form button{width:20%;float:right;padding:6px 0;background:#000529;color:#fff;background:-moz-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:-webkit-linear-gradient(left,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%);background:linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%)}
.widget form button,.widget form input{margin-bottom:0}
.widget{margin-bottom:40px}
.widget h4{margin-bottom:20px}
.widget li{margin-bottom:7px;border-bottom:1px solid #bbb;padding-bottom:7px}
.widget.widget-tags{margin-bottom:0}
.widget li:last-child{border-bottom:none;margin:0;padding:0}
.widget li a:hover{color:#000}
.widget-tags a{display:inline-block;border:1px solid #ccc;padding:5px 15px;margin-bottom:8px;margin-right:5px;color:#000}
.widget-tags a:hover{color:#fff;background:#000}