@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext';

*{ outline:none !important;}
body{ margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:15px; background:#f6f6f6; color:#171838; -webkit-font-smoothing: antialiased;}
body{ height:100%;}
html{ height:100%;}


/* HTML ELEMENTS */
img{ max-width:100%;}
p{ margin-bottom:15px;}
b{ font-weight:700;}
strong{ font-weight:700;}


/* TRANSITION */
.transition{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.transition *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}


/* CUSTOM FANCYBOX*/
.fancybox-overlay{ background:rgba(0,0,0,0.8);}
.fancybox-opened .fancybox-skin{ box-shadow:none;}
.fancybox-opened .fancybox-skin{ border-radius:0;}


/* PARALLAX CONTENT */
.parallax-content{ width:100%; float:left; position:relative;}
.parallax-content .parallax-object{ position:absolute; left:0;}


/* VERTICAL MIDDLE */
.ver-middle{ width:100%; height:100%; display:table;}
.ver-middle .inner{ display:table-cell; vertical-align:middle;}


/* VERTICAL BOTTOM */
.ver-bottom{ width:100%; height:100%; display:table;}
.ver-bottom .inner{ display:table-cell; vertical-align:bottom;}


/* BUTTONS */
.btn-green{ height:56px; line-height:56px; display:inline-block; letter-spacing:1px; background:#1ad5b1; padding:0 40px; font-size:16px; font-weight:900; color:#fff; border-radius:5px; box-shadow:0 23px 35px rgba(26,213,177,0.33);}
.btn-green i{ font-size:25px; float:left; margin-right:10px; margin-top:16px;}
.btn-green:hover{ background:#1efcd0; text-decoration:none; color:#171838;}
.btn-blue{ height:56px; line-height:56px; display:inline-block; letter-spacing:1px; background:#7570ff; padding:0 40px; font-size:16px; font-weight:900; color:#fff; border-radius:5px; box-shadow:0 23px 35px rgba(117,112,255,0.33);}
.btn-blue i{ font-size:25px; float:left; margin-right:10px; margin-top:16px;}
.btn-blue:hover{ background:#1efcd0; text-decoration:none; color:#171838;}
.btn-red{ height:56px; line-height:56px; display:inline-block; letter-spacing:1px; background:#fe4967; padding:0 40px; font-size:16px; font-weight:900; color:#fff; border-radius:5px; box-shadow:0 23px 35px rgba(254,73,103,0.33);}
.btn-red i{ font-size:25px; float:left; margin-right:10px; margin-top:16px;}
.btn-red:hover{ background:#6eb2fb; text-decoration:none; color:#fff;}


/* PRELOADER */
.preloader{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/preloader.gif) center no-repeat #fff; z-index:9;}
.preloader{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transform:all 0.7s ease; transition: all 0.7s ease;}
.page-loaded .preloader{transform: translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.page-loaded .header{transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);}
.page-loaded .navbar-default{transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);}


/* NAVBAR */
.navbar-default{ background:none; border:none; padding:10px 0;}
.navbar-default{transform: translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.navbar-default{ transition-delay:0.7s !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;}
.navbar-default .navbar-brand{ height:auto;}
.navbar-default .navbar-brand img{ height:38px;}
.navbar-default .navbar-nav{ margin-top:10px;}
.navbar-default .navbar-nav li{ float:left;}
.navbar-default .navbar-nav li a{ color:#77778c; font-size:13px; font-weight:900; letter-spacing:1px;}
.navbar-default .navbar-nav li a:hover{ color:#fff;}


/* HEADER */
.header{ width:100%; height:100%; float:left; background:url(../images/header-main-pattern-bg.png) center no-repeat #171838; position:relative; transition-delay:0.7s; overflow:hidden; text-align:center;}
.header{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transform:all 0.7s ease; transition: all 0.7s ease;}
.header{transform: translateY(50%); -moz-transform:translateY(50%); -ms-transform:translateY(50%); -o-transform:translateY(50%); -webkit-transform:translateY(50%); }
.header .iphone-mockup{ height:100%; position:absolute; left:-22%; bottom:-25%;}
.header h1{ color:#fff; font-size:100px; font-weight:900; line-height:100px; margin-bottom:50px;}
.header .btn-appstore{ height:78px; display:inline-block; background:#7570ff; border-radius:5px; padding:0 30px; box-shadow:0 20px 55px rgba(0,0,0,0.33); margin-right:50px; color:#fff; text-align:left; margin-bottom:5%;}
.header .btn-appstore img{ float:left; height:38px; margin:20px 0; margin-right:15px;}
.header .btn-appstore span{ display:inline-block; margin-top:15px; opacity:0.55;}
.header .btn-appstore h3{ width:186px; display:block; font-size:23px; font-weight:900;margin:0; letter-spacing:1px;}
.header .btn-appstore:hover{ text-decoration:none; background:#8a8aff; color:#171838;}
.header .btn-googleplay{ height:78px; display:inline-block; background:#1ad5b1; border-radius:5px; padding:0 30px; box-shadow:0 20px 55px rgba(0,0,0,0.33); color:#fff; text-align:left;}
.header .btn-googleplay img{ float:left; height:38px; margin:20px 0; margin-right:15px;}
.header .btn-googleplay span{ display:inline-block; margin-top:15px; opacity:0.55;}
.header .btn-googleplay h3{ width:220px; display:block;font-size:23px;font-weight:900;margin:0; letter-spacing:1px;}
.header .btn-googleplay:hover{ text-decoration:none; background:#1efcd0; color:#171838;}


/* ABOUT US */
.about-us{ width:100%; float:left; padding-top:50px; padding-bottom:200px;}
.about-us h2{ font-size:60px; font-weight:900; color:#15164b; margin-top:22%; margin-bottom:40px;}
.about-us p{ font-size:22px; line-height:29px; display:block;}
.about-us .btn-green{ display:inline-block; margin-top:60px;}
.about-us #video{ display:none;}


/* WHAT WE DO */
.what-we-do{ width:100%; float:left; padding-top:120px; text-align:center;}
.what-we-do .title{ font-size:80px; font-weight:900; margin-top:0; margin-bottom:100px;}
.what-we-do .icon{ display:inline-block; margin-bottom:60px;}
.what-we-do .icon img{ width:70px; margin-bottom:30px;}
.what-we-do .icon figcaption{ width:100%; float:left; padding:0 35px;}
.what-we-do .icon figcaption h4{ font-size:30px; font-weight:900; margin-bottom:20px;}
.what-we-do .icon figcaption p{ font-size:17px; color:#77778c; margin:0; line-height:29px;}


/* PIXIND */
.pixind{ width:100%; float:left; padding:160px 0; background:url(../images/background.jpg) center no-repeat;}
.pixind h2{ font-size:50px; font-weight:900; color:#fff; margin-top:0; margin-bottom:25px;}
.pixind p{ font-size:22px; line-height:29px; opacity:0.83; color:#fff; margin-bottom:70px;}
.pixind .btn-pixind{ height:78px; display:inline-block; border-radius:5px; padding:0 20px; margin-right:50px; color:#fff; border:2px solid #fff;}
.pixind .btn-pixind img{ float:left; height:38px; margin:18px 0; margin-right:15px; -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); }
.pixind .btn-pixind span{ display:inline-block; margin-top:14px; opacity:0.55;}
.pixind .btn-pixind h3{ width:186px; display:block; font-size:23px; font-weight:900; margin:0; letter-spacing:1px;}
.pixind .btn-pixind:hover{ text-decoration:none; background:#171838; border:2px solid #171838;  box-shadow:0 20px 55px rgba(0,0,0,0.33);}


/* PHONES/LOGOS */
.iphones{ width:100%; float:left; padding:100px 0; text-align:center;}
.iphones .title{ font-weight:900; font-size:80px; margin-bottom:50px;}
.iphones .nav-tabs{ display:inline-block; border:none; margin-bottom:10px;}
.iphones .nav-tabs li{ float:left;}
.iphones .nav-tabs li.active a{ border-bottom:3px solid #1ad5b1; color:#171838; letter-spacing:1px;}
.iphones .nav-tabs li.active a:hover{ background:none; border:none; border-bottom:3px solid #1ad5b1; color:#171838;}
.iphones .nav-tabs li.active a:focus{ background:none; border:none; border-bottom:3px solid #1ad5b1; }
.iphones .nav-tabs li a{ color:#bdbdce; font-size:17px; font-weight:900; background:none; border:none; border-bottom:3px solid transparent;}
.iphones .nav-tabs li a:hover{ color:#1ad5b1;}
.iphones .tab-content{ width:100%; float:left;}
.iphones .screenshot-carousel{ width:100%; float:left; margin:0; padding:0;}
.iphones .screenshot-carousel li{ list-style:none; margin:0; padding:140px 0; text-align:center;}
.iphones .screenshot-carousel li img{ width:220px; display:inline-block; border-radius:12px; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.iphones .screenshot-carousel .center{ padding:0; background:url(../images/screenshot-iphone-mockup.jpg) center no-repeat; background-size:cover; background-size:400px 717px;}
.iphones .screenshot-carousel .center img{ width:251px; box-shadow:none; border-radius:0;}
.iphones .owl-controls{ width:100%; float:left; text-align:center; position:relative; z-index:9;}
.iphones .owl-controls .owl-nav{ width:410px; display:inline-block;}
.iphones .owl-controls .owl-prev{ float:left; text-indent:-9999px; font-size:50px; color:#c6c7d8; margin-top:-113%;}
.iphones .owl-controls .owl-prev:before{content:"\f104"; font-family:fontAwesome; float:left; text-indent:0;}
.iphones .owl-controls .owl-prev:hover{ color:#7570ff;}
.iphones .owl-controls .owl-next{ float:right; text-indent:-9999px; font-size:50px; color:#c6c7d8; margin-top:-113%;}
.iphones .owl-controls .owl-next:before{content:"\f105"; font-family:fontAwesome; float:left; text-indent:0;}
.iphones .owl-controls .owl-next:hover{ color:#7570ff;}


/* STATS */
.stats{ width:100%; float:left; text-align:center;}
.stats .title{ font-size:60px; font-weight:900; margin-bottom:50px;}
.stats .statistic-bar{ width:100%; height:415px; float:left; background:url(../images/app-statistic-bar.png) center no-repeat;}
.stats .counter{ display:inline-block; float:none;}
.stats .counter .symbol{ display:inline-block; font-size:55px; color:#1ad5b1; transform: translateY(15px);}
.stats .counter .number{ display:inline-block; font-size:55px; color:#1ad5b1; padding:0;}
.stats .counter .number span{ padding:0;}
.stats .counter .number .odometer-digit{padding-right:5px;}
.stats .counter h5{ width:100%; float:left; font-size:30px; font-weight:900; margin-top:-5px;}


/* TESTIMONIALS */
.testimonials{ width:100%; float:left; background:#7570ff; padding:130px 0;}
.testimonials .title{ font-size:80px; font-weight:900; color:#fff; margin-top:0; margin-bottom:50px;}
.testimonials .testimonials-carousel{ width:100%; float:left;}
.testimonials .testimonials-carousel .item{ padding:32px;}
.testimonials .testimonial-box-left{ width:500px; float:left;}
.testimonials .testimonial-box-right{ width:500px; float:right;}
.testimonials .testimonial-box{ width:100%; float:left; background:#fff; box-shadow:0 0 32px rgba(0,0,0,0.15); padding:44px; border-radius:6px 6px 6px 0; position:relative;}
.testimonials .testimonial-box:after{content:""; width:27px; height:13px; background:url(../images/testimonial-triangle.png) no-repeat; position:absolute; left:0; bottom:-13px;}
.testimonials .testimonial-box p{ font-size:18px; line-height:28px; margin:0;}
.testimonials .testimonial-user{ width:100%; float:left; padding-top:40px; padding-left:30px;}
.testimonials .testimonial-user img{ width:auto; height:auto; border-radius:50%; float:left; margin-right:15px;}
.testimonials .testimonial-user h5{ font-size:20px; font-weight:900; color:#fff; margin-bottom:0; margin-top:20px;}
.testimonials .testimonial-user span{ color:#4b48a7; font-size:15px; font-weight:700;}
.testimonials .owl-nav{ width:100%; float:left;}
.testimonials .owl-nav .owl-prev{ float:left; text-indent:-9999px; opacity:0.3; margin-top:-250px; margin-left:-20px;}
.testimonials .owl-nav .owl-prev:hover{ opacity:0.6;}
.testimonials .owl-nav .owl-prev:before{content:"\f053"; float:left; text-indent:0; font-family:fontAwesome; color:#fff; font-size:30px;}
.testimonials .owl-nav .owl-next{ float:right; text-indent:-9999px; opacity:0.3; margin-top:-250px; margin-right:-20px;}
.testimonials .owl-nav .owl-next:hover{ opacity:0.6;}
.testimonials .owl-nav .owl-next:before{content:"\f054"; float:left; text-indent:0; font-family:fontAwesome; color:#fff; font-size:30px;}


/* WHY CHOOSE US */
.why-choose-us{ width:100%; float:left; padding:100px 0;}
.why-choose-us .title{font-size:60px; font-weight:900; margin-top:0; margin-bottom:50px;}
.why-choose-us .mockup-bg{ width:100%; height:271px; float:left; margin-bottom:40px; background:url(../images/why-choose-us-bg.jpg) top center no-repeat;}
.why-choose-us h4{ font-size:24px; font-weight:900; margin-bottom:20px;}
.why-choose-us p{ font-size:17px; color:#77778c; line-height:29px;}


/* CONTACT */
.contact{ width:100%; float:left; padding-top:50px; text-align:center; background:url(../images/download-app-pattern-bg.png) center no-repeat;}
.contact .title{font-size:60px; font-weight:900; margin-top:0; margin-bottom:70px;}
.contact .mockup{ max-width:100%; display:inline-block; margin-top:150px;}

/* FOOTER */
.footer{ width:100%; float:left; background:#171838; text-align:center; padding:30px 0;}
.footer .title{ font-size:30px; font-weight:900; color:#fff; margin:30px 0;}
.footer form{ width:100%; max-width:550px; display:inline-block; border-bottom:2px solid #797a9e; padding:15px 0; margin-bottom:30px;}
.footer form:hover{ border-bottom:2px solid #1ad5b1;}
.footer form input[type="text"]{ width:80%; height:51px; float:left; border:none; background:none; font-size:20px; color:#fff;}
.footer form button[type="submit"]{ width:51px; height:51px; float:right; border-radius:50%; background:#5d5acd; border:none; font-size:18px;}
.footer form button[type="submit"]:hover{ background:#1efcd0; box-shadow:0 20px 55px rgba(0,0,0,0.33);}
.footer .social-media{ display:inline-block; margin:0; padding:0;}
.footer .social-media li{ float:left; margin:0 6px; padding:0; list-style:none;}
.footer .social-media li a{ width:42px; height:42px; float:left; text-align:center; line-height:38px; border:2px solid #3d3d58; border-radius:50%; color:#fff;}
.footer .social-media li a:hover{ background:#5d5acd; border:2px solid #5d5acd;}


@media only screen and (max-width: 1169px), only screen and (max-device-width: 1169px) {
.header h1{ font-size:60px;}
.header .iphone-mockup{left:-28%;}
.header .btn-appstore{ margin-right:30px;}
.download-for-free .btn-appstore{ margin-right:4px;}
.testimonials .testimonial-box-left{ width:420px;}
.testimonials .testimonial-box-right{ width:420px;}
}

@media only screen and (max-width: 979px), only screen and (max-device-width: 979px) {
.navbar-header{ width:100%; text-align:center;}
.navbar-header .navbar-brand{ float:none; display:inline-block;}
.navbar-right{ width:100%;}
.ver-bottom .inner{ vertical-align:middle;}
.header h1{ font-size:90px;}
.header .iphone-mockup{left:-45%;}
.header .btn-appstore{ margin-bottom:20%;}
.what-we-do .icon figcaption{ padding:0;}
.what-we-do .icon figcaption h4{ font-size:26px;}
.app-statistics .counter h5{ margin-bottom:50px;}
.app-statistics .counter .number{ font-size:46px;}
.app-statistics .counter .symbol{ font-size:46px; transform:translateY(11px);}
.how-it-work .text-center{ text-align:left;}
.our-pricing .price-box .green-header .price{ font-size:60px;}
.our-pricing .price-box .green-header .price .currency{ font-size:28px; margin-right:-15px;}
.our-pricing .price-box .white-header .price{ font-size:60px;}
.our-pricing .price-box .white-header .price .currency{ font-size:28px; margin-right:-15px;}
.app-support .contact-us{ padding-left:0;}
.why-choose-us p{ margin-bottom:50px;}
.testimonials .title{ font-size:60px;}
.testimonials .testimonial-box-left{ width:100%;}
.testimonials .testimonial-box-right{ width:100%;}
.testimonials .owl-nav{ display:none;}
.testimonials .testimonial-box p{ font-size:22px; line-height:32px;}
.testimonials .testimonial-user h5{ font-size:30px; margin-top:10px;}
.testimonials .testimonial-user span{ font-size:20px;}

}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.header .left-side{ display:none;}
.header{ width:100%; padding-left:15px; padding-right:15px;}
.header h1{ font-size:50px; line-height:60px; margin-bottom:30px;}
.header h1 b{ font-size:80px;}
.header .mockup{ margin-top:20px;}
.header .ver-middle{ padding-left:0;}
.header .navbar-default{ margin-bottom:0;}
.header .navbar-header{ width:auto; text-align:left; }
.header .navbar-nav li{ width:100%;}
.header .navbar-header .navbar-toggle{ border:none; margin:28px 0; padding:0; border-radius:none !important;}
.header .navbar-header .navbar-toggle .icon-bar{ background:#fff;}
.header .btn-appstore{ width:100%; margin-bottom:20px;}
.header .btn-googleplay{ width:100%;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:none;}
.navbar-default .navbar-brand{ padding-left:0;}
.ver-bottom .inner{ vertical-align:top;}
.what-we-do .title{ font-size:50px;}
.about-app{ margin-top:0;}
.about-app h2{ margin-top:0;}
.iphones .owl-controls .owl-nav{ display:none;}
.download-for-free .btn-appstore{ width:100%; margin-bottom:30px;}
.download-for-free .btn-googleplay{ width:100%;}
.how-it-work .title{ font-size:50px;}
.app-statistics .counter .number{ font-size:36px;}
.app-statistics .counter .symbol{ font-size:36px;}
.app-statistics .counter h5{ margin-bottom:30px;}
.contact .btn-appstore{ margin-right:0; margin-bottom:30px;}
.iphones .screenshot-carousel .center{ background:none;}
.iphones .title{ font-size:50px;}
.testimonials .title{ font-size:50px;}
.testimonials .owl-nav{ display:none;}
.testimonials .testimonials-carousel .item{ padding:0;}
.why-choose-us .title{ font-size:50px;}
.why-choose-us p{ margin-bottom:50px;}
.contact .title{ font-size:50px;}
.contact .btn-appstore{ width:100%;}
.contact .btn-googleplay{ width:100%;}
.contact .mockup{ margin-top:50px;}
.demos h6{ margin-top:-30px;}
.blog-container .post-box .post-content .post-bottom-metas .tags{ width:100%;}
.pagination li{ display:none;}
.pagination li.prev{ display:block;}
.pagination li.next{ display:block;}
.pagination li.active{display:inline-block;}
.header-blog .navbar-default .navbar-toggle{ margin-top:20px;}
.header-blog .navbar-default .navbar-nav li{ width:100%; text-align:center;}
}