@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Raleway:300,900,100,600,400,500,800);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,500,700,800,600);
@font-face {
  font-family: 'Dosis-Regular';
  src: url('../fonts/Dosis-Regulard41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/Dosis-Regular.otf')  format('opentype'),
  url('../fonts/Dosis-Regular.woff') format('woff'), url('../fonts/Dosis-Regular.ttf')  format('truetype'), url('../fonts/Dosis-Regular.svg#Dosis-Regular')   format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-family:'Open+Sans',sans-serif;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;width:100%!important;height:100%!important;font-size:15px;color:#616161;line-height:28px}
h1,h2,h3,h4,h5,h6{color:#353e47;font-family:'Raleway',sans-serif;font-weight:500;text-transform:uppercase}
a{color:#fff}
a:hover,a:focus{text-decoration:none;outline:none}
a:focus{color:#fff}
ul,ol{list-style:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;clear:both;height:0}
.clearfix{display:inline-block;display:block}
ul,ol{padding:0;webkit-padding:0;moz-padding:0}
clients-name .radius{border-radius:50%}
.main-area{background:#00a9da}
.main-area h1{color:#353e47;text-align:center;font-size:25px;text-transform:uppercase;padding:5px}
.main-area-section{margin-top:40px;margin-bottom:40px}
.main-para{text-align:center;font-size:40px;color:#fff;font-weight:300;font-family:"Dosis-Regular",sans-serif;text-transform:uppercase;margin-top:25px;letter-spacing:8px}
.para-tex{font-size:20px;line-height:30px;color:#c1c1c1}
#Testimonial .para-tex{font-size:17px;line-height:30px;color:#c1c1c1}
p{line-height:28px;padding:5px;color:#616161}
p.para{font-size:16px;margin:50px 0;line-height:28px;color:#616161;padding:5px}
#rotate-services p.para{margin:30px 0}
.main-para-i{text-align:center;font-size:50px;color:#fff;font-weight:200;line-height:60px;padding-top:25px}
.main-para-bold{text-align:center;font-size:40px;color:#fff;font-weight:200;line-height:50px}
.clients-name{font-size:23px;color:#c9c9c9;margin-bottom:-5px;}
.list-demos{font-size:16px;color:#999;padding:10px;font-family:"Open+Sans",sans-serif;text-transform:uppercase;margin-top:10px;letter-spacing:1px}
.demo-head{padding:0;margin-top:-190px}
.light-bg{background:#f7f7f7}
.gray{color:#999}
.white{color:#fff}
.yellow{color:#F5C026;font-weight:600}
.black{color:#353e47;font-size:28px}
.dark{color:#353e47}
.interface-img{text-align:center}
.centered{margin:0 auto}
#nav{background:#fff;text-transform:uppercase}
.navbar-custom{margin-bottom:0;background-color:#353e47}
.navbar-custom .navbar-brand{margin-top:17px;padding:0;margin-left:0}
.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand{margin-left:0}
.navbar-custom .navbar-brand i.fa{color:#F4D03F}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-custom .navbar-brand .navbar-toggle{color:#fff}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle li a:active{outline:0;background:#00a9da;border-bottom:5px solid #353e47}
.navbar-custom a{color:#fff}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background:#00a9da}
.navbar-nav > li:hover > a,.navbar-nav > li > a:focus{background:#a01c1c;color:#fff;border-radius:5px}
.navbar-nav > li > a{padding:12px 15px;text-transform:none;margin-top:4px;font-size:13px;font-weight:600}
.navbar-nav > li.active > a{color:#fff;background:#a01c1c;border-radius:5px}
.navbar-nav > li{margin:0 1px}
.navbar-nav{margin:9px 0 0}
.navbar-nav > li > .dropdown-menu{margin-top:0}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:500px}
.dropdown-menu > li > a{line-height:22px;font-size:14px;border-bottom:1px solid #f1f1f1;text-align:left;width:280px;font-family:'Open Sans',sans-serif;padding:12px 16px;text-transform:uppercase;color:#353e47;font-weight:700}
.dropdown-menu > li > active a:hover{line-height:38px;border-bottom:1px solid #f1f1f1;text-align:center;width:280px;font-family:'Open Sans',sans-serif}
.navbar-right .dropdown-menu{right:auto;left:0;font-size:14px}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:#00a9da;color:#fff;font-size:14px;width:100%;font-weight:600}
.navbar-toggle{background:#00a9da;color:#fff;margin-top:22px;padding:2px 10px;font-size:16px;border-radius:8px;margin-right:5px}
.navbar-collapse.in{overflow:visible}
#mobile-apps{padding:60px 0;background:#fff}
#mobile-apps h2{font-size:40px;margin-bottom:55px}
#app-download{overflow:hidden;padding:50px 0}
#app-download-i{overflow:hidden;padding:70px 0}
.Demo{overflow:hidden;padding:110px 0 90px;background:#f1f1f1}
.Demo-app h1{font-size:40px;font-weight:400;padding:15px 0;text-transform:uppercase}
.Demo .title{margin-bottom:70px;text-align:center}
.Demo .carousel-indicators{position:relative;bottom:0;left:0;margin-top:0pxmargin-bottom: 0;margin-left:0;padding:5px;padding-bottom:8px;width:100%;margin-top:45px}
.Demo .carousel-indicators .active{width:30px;height:5px;border:none;border-radius:0;background:#00a9da}
.Demo .carousel-indicators li{display:inline-block;margin:1px;width:30px;height:5px;border:none;border-radius:0;text-indent:-999px;cursor:pointer;background:#353e47}
.join-us{overflow:hidden;padding:80px 0 60px;background:#fff}
.join-us-app h1{font-size:40px;font-weight:400;padding:15px 0;text-transform:uppercase;line-height:normal}
.join-us .title{margin-bottom:70px;text-align:center}
.join-us .features .row{margin-bottom:40px}
.join-us .carousel h1{font-size:54px;font-weight:200;font-family:"Dosis-Regular",sans-serif;letter-spacing:1px}
.join-us .carousel h1,.offer p{text-align:left;font-weight:200;text-transform:uppercase}
.list-o h4{font-size:20px}
.list-o li{padding:4px 0 4px 43px;line-height:28px;color:#616161;background:url(../img/list-icon.png) no-repeat left 8px;list-style-type:none;margin-bottom:14px}
.list-o ul{margin:15px 0 0 1px;padding:0}
.join-us p{color:#616161;font-size:15px;margin-top:25px;line-height:28px;text-align:justify}
#accordion1 .panel-default p{text-align:justify}
.detail .carousel-control{background:none}
.join-us .ceo{overflow:hidden;margin-right:auto;margin-left:auto;padding-top:95px;height:610px;background:url(../img/ceo_one.png) no-repeat;background-size:100%}
.join-us .ceo2{overflow:hidden;margin-right:auto;margin-left:auto;padding-top:95px;height:610px;background:url(../img/ceo_two.png) no-repeat;background-size:100%}
.join-us .ceo3{overflow:hidden;margin-right:auto;margin-left:auto;padding-top:95px;height:610px;background:url(../img/ceo_three.png) no-repeat;background-size:100%}
.join-us .ceo img{margin-right:auto;margin-left:auto;padding-left:4px;width:270px}
.join-us .carousel-indicators{position:relative;bottom:0;left:0;margin-bottom:0;margin-left:0;padding:5px;padding-bottom:8px;width:100%;margin-top:-15px;color:#ccc}
.join-us .carousel-indicators .active{width:16px;height:16px;border:none;border-radius:30px;background:#00a9da}
.join-us .carousel-indicators li{display:inline-block;margin:1px;width:16px;height:16px;border:none;border-radius:30px;text-indent:-999px;cursor:pointer;background:#ccc}
.btn-top{border-radius:10px;background:#fff;color:#00a9da;font-size:20px;font-weight:400;padding:20px 50px;margin-top:25px;text-transform:uppercase}
.top-download{padding:40px 0;line-height:28px}
.top-btn-text{font-family:'Dosis-Regular',sans-serif;font-size:26px;text-transform:none;color:#353e47;line-height:28px;padding-top:8px;letter-spacing:1.4px;font-weight:600}
.btn-download-w{display:inline-block;border:2px solid #353e47;padding:10px 30px;background:#353e47;color:#fff;font-size:18px;text-shadow:none;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;border-radius:6px;max-width:100#;width:220px}
.btn-download-w:hover{background-color:transparent;border:2px solid #353e47;color:#353e47;text-decoration:none;display:inline-block}
.btn-download{display:inline-block;border:2px solid #00a9da;padding:12px 30px;background:#00a9da;color:#fff;font-size:18px;font-weight:500;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;max-width:100%;width:210px}
.btn-download:hover{background-color:transparent;border:2px solid #00a9da;color:#00a9da;text-decoration:none;display:inline-block}
.btn-download:focus{color:#353e47}
#contact .btn-download-w{display:inline-block;border:2px solid #fff;padding:10px 30px;background:#fff;color:#00A9DA;font-size:18px;text-shadow:none;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;border-radius:6px;max-width:100#;width:220px}
#contact .btn-download-w:hover{background-color:transparent;border:2px solid #fff;color:#fff;text-decoration:none;display:inline-block}
#contact .btn-download{display:inline-block;border:2px solid #fff;padding:12px 30px;background:#fff;color:#00A9DA;font-size:18px;font-weight:500;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;max-width:100%;width:210px}
#contact .btn-download:hover{background-color:transparent;border:2px solid #fff;color:#fff;text-decoration:none;display:inline-block}
#contact .btn-download:focus{color:#353e47}
.btn-get{background:#F5C026;display:inline-block;padding:12px 30px;border:2px solid #F5C026;color:#fff;font-size:18px;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;margin:25px 10px 0;text-transform:uppercase;max-width:100%;width:210px;font-weight:500}
.btn-get:hover{background-color:transparent;color:#f5c026;text-decoration:none;display:inline-block}
.btn-get:focus{color:#f5c026}
.btn-download-black{font-weight:600;display:inline-block;border:1px solid #00a9da;padding:20px 30px;background:#00a9da;color:#353e47;font-size:18px;text-shadow:none;border-radius:0;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;max-width:100%;width:225px}
.btn-download-black:hover{background-color:transparent;border:1px solid #00a9da;color:#fff;text-decoration:none;display:inline-block}
.btn-small{border:1px solid #00a9da;text-transform:uppercase;text-decoration:none;border-radius:0;color:#333;font-size:13px;font-weight:600;margin-top:25px;padding:10px 20px 10px 18px;transition:all .5s ease 0}
.btn-small:hover{background:#00a9da;color:#353e47;text-decoration:none}
.btn-ordernow{font-weight:600;display:inline-block;border:2px solid #00a9da;padding:10px;background:#00a9da;color:#fff;font-size:18px;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;max-width:100%;width:220px}
.btn-ordernow:hover{background-color:transparent;color:#00a9da;text-decoration:none;display:inline-block;max-width:100#;width:220px}
.btn-ordernow-black{font-weight:600;display:inline-block;border:1px solid #353e47;padding:10px;background:#353e47;color:#fff;font-size:18px;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;text-transform:uppercase;max-width:100%;width:220px}
.btn-ordernow-black:hover{background-color:transparent;border:2px solid #353e47;color:#353e47;text-decoration:none;display:inline-block}
.btn-ordernow-black:focus{color:#fff}
.btn-intro{font-weight:500;display:inline-block;border:2px solid #00a9da;padding:14px 30px;background:#00a9da;color:#fff;font-size:18px;text-shadow:none;border-radius:6px;text-decoration:none;-webkit-transition:all .6s ease 0;transition:all .6s ease 0;margin:0;max-width:260px;width:100%;text-transform:uppercase}
.btn-intro:hover{background-color:transparent;border:2px solid #F5C026;color:#F5C026;text-decoration:none;display:inline-block}
.btn-intro:focus{color:#F5C026}
#skill h2{text-align:center}
#skill .section-title{margin-bottom:60px}
.section-title.center{padding:10px 0 0;text-align:center}
.section-title.black{padding:10px 0;text-align:center}
.section-title h2,.section-title.center h2{font-family:'Dosis-Regular',sans-serif;font-weight:200;margin-bottom:15px;font-size:40px;letter-spacing:1px}
.section-title.center hr{height:2px;width:90px;text-align:center;position:relative;background:#353e47;margin:10px auto 30px;border:0}
.section-title.freelancer h2{font-weight:200;font-size:40px;max-width:450px;margin:0 auto;padding:30px;border:3px solid #353e47;margin-bottom:55px}
.section-title.about hr{height:2px;width:90px;text-align:center;position:relative;background:#00a9da;margin:0 auto;margin-bottom:30px;border:0}
.section-title.feature hr{height:2px;width:90px;text-align:center;position:relative;background:#353e47;margin:0 auto;margin-bottom:30px;border:0}
.section-title.white hr{height:2px;width:90px;text-align:center;position:relative;background:#fff;margin:0 auto;margin-bottom:30px;border:0}
.section-title.black hr{height:2px;width:90px;text-align:center;position:relative;background:#00a9da;margin:0 auto;margin-bottom:30px;border:0}
.carousel-iphone{margin-right:auto;margin-left:auto;width:320px;height:672px;background:url(../img/iphone-front.html) no-repeat;background-size:100%}
.carouse2{position:relative;margin-right:auto;margin-left:auto;padding:95px 0 0 4px;width:282px}
.carousel-indicators .active{width:15px;height:15px;background:#444}
.carousel-indicators{bottom:-63px}
.carousel-indicators li{display:inline-block;margin:1px;width:15px;height:15px;border:1px solid #666;border-radius:10px;text-indent:-999px;cursor:pointer}
#app-download .list-o{text-align:left}
#app-download hr{margin-bottom:50px}
#services-icon{background:#F1F1F1;padding:60px 0}
#services-icon .lead,#services-icon h2{color:#333}
.services-icon-wrap .pull-left{width:100%;text-align:center;margin:0 auto;padding-right:0;margin-right:0}
.services-icon-wrap .pull-left img{text-align:center;display:block;margin:0 auto;border-radius:20%}
.services-icon-wrap .media-body{text-align:center;margin-top:10px;width:100%;float:left}
.services-icon-wrap{padding:30px 20px;background:#fff;border-radius:40px;margin:0 0 30px;border:1px solid #dfdfdf}
.services-icon-wrap h3{font-size:18px;margin:10px 0;text-transform:uppercase;font-weight:600}
.services-icon-wrap .pull-left{margin-right:20px}
.services-icon-wrap:hover{background:#f7f8f9;border:1px solid #dfdfdf}
.services-icon-wrap .pull-left img:hover{cursor:pointer;-webkit-transform:scale(1.30);transform:scale(1.30);transform:rotate(47deg);}
#services{padding:60px 0;background:#fff}
.section-title.center hr{background:#00a9da}
#services h2{font-size:40px}
#services h4{text-transform:uppercase;transition:all .5s;margin-top:20px;font-size:20px;margin-bottom:20px}
.space{margin-top:40px}
#blog a.vcf-l-grid-blog-title{margin-bottom:10px}
#services i.fa{font-size:40px;width:110px;height:110px;padding:35px 0;margin-bottom:10px;border-radius:10%;color:#353e47;background:#00a9da;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#services .service:hover > i.fa{color:#353e47}
#main-centent{background:url(../img/fixed-img.jpg) repeat fixed 0 0 / cover;padding:110px 0}
#main-centent-i{background:url(../img/fixed-img.jpg) repeat fixed 0 0 / cover;padding:110px 0}
#main-centent-ii{background:url(../img/fixed-img.jpg) repeat fixed 0 0 / cover;padding:60px 0}
#main-centent-iii{background:url(../img/fixed-img.jpg) repeat fixed 0 0 / cover;padding:110px 0 0}
#main-centent-iv{background:url(../img/fixed-img.jpg) repeat fixed 0 0 / cover;padding:110px 0 0}
#main-bottam{background:#00a9da;padding:75px 0}
#main-demos{color:#353e47;background:#f1f1f1}
#rotate-services{padding:60px 0 80px;background:#f1f1f1}
#rotate-services-s{padding:60px 0;background:#fff}
.demo-fix-btn{margin-top:5px}
.fix-image .image-shop-scroll {height: 188px;left: 4.1%;top: 16px;width: 91.8%;}
.fix-image .image-shop-scroll {background-color: #ffffff;background-position: center 0;background-repeat: no-repeat;background-size: 100% auto;height: 272px;left: 16.8%;position: absolute;top: 17px;width: 64.2%;}
.fix-image:hover .image-shop-scroll {background-position: center 100% !important;}
.fix-image .image-shop-scroll {transition: background-position 5s ease-out 0s;}
.fix-image {height: 385px;position: relative;}
.fix-image {background-size: cover;}
.single_service{padding:30px 0;color:#353e47}
.service_section h4{font-size:24px;letter-spacing:.5px;font-weight:600;text-transform:none;font-family:'Dosis-Regular',sans-serif}
.single_service i{position:relative;overflow:hidden;vertical-align:text-top}
.single_service i:hover{-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg)}
.single_service .ico{margin:0 auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-size:38px;color:#fff;line-height:110px;background:#00a9da;width:110px;height:110px;text-align:center;border:4px solid #fff;border-radius:50%}
.single_service .ico:hover{color:#353e47;background:#00a9da;cursor:pointer;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;transition:ease-out .5s;transform:rotate(360deg);transition:all .6s ease-in-out 0;transform:rotate(405deg);transition:all .6s ease-in-out 0}
.single_service .ico i{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#design{padding:110px 0}
.uni-design{margin-top:55px}
#services-box{padding:60px 0;background:#fff}
.box{border:1px solid #d3d3d3;font-weight:300;margin:10px 0;min-height:265px;padding:20px;transition:all .5s ease 0;background:#fff}
.box h4{text-transform:uppercase;font-size:20px;margin-top:25px}
.box i.fa{font-size:30px;width:70px;height:70px;padding:30px 0;margin-bottom:10px;border-radius:5px;color:#353e47;background:#00a9da;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;line-height:8px;margin-top:25px}
.box :hover > i.fa{color:#fff;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);padding:30px 0}
.box{backface-visibility:hidden;transform:translateZ(0px);transition:all .5s ease 0;vertical-align:middle}
.box:hover{background:#f3f3f3 none repeat scroll 0 0;border-radius:3px;box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);color:#fff}
#about{background:#00a9da}
#about .section-title h2{color:#fff}
#about .section-title p{color:#fff}
.about-cor{padding:0 25px;display:table-cell;vertical-align:middle;height:600px}
.about-text{display:table-cell;vertical-align:middle;height:600px;padding:8px}
.about-i p{margin-top:10px;margin-left:125px;color:#333}
.about-cor-a{background:url(../img/about/about.jpg) no-repeat scroll center center / cover;height:600px;margin:0}
.about-cor-b{background:url(../img/about/about2.html) no-repeat scroll center center / cover;height:600px;margin:0}
.about-b{float:left;background:#00a9da;border-radius:10%;color:#fff;font-size:24px;padding:10px;border:1px solid #00a9da;width:55px;height:55px;margin-right:31px;margin-left:15px}
.about-b i.fa{margin-right:15px;color:#353e47;font-size:24px;margin-right:35px;padding:4px}
.about-c{float:left;color:#fff;font-size:24px;padding:10px;border:1px solid #00a9da;width:55px;height:55px;margin-right:31px;margin-left:15px}
.about-c i.fa{margin-right:15px;color:#00a9da;font-size:24px;margin-right:35px;padding:4px}
.about-d{float:left;color:#fff;font-size:24px;width:55px;height:55px;margin-right:31px;margin-left:15px}
.about-ag-b{background:url(../img/about/about-ag-1.jpg) scroll center center / cover;height:600px;margin:0}
#about-i{background:#00a9da}
.about-bus p{margin-top:25px;margin-bottom:25px}
.about-deg{float:left;color:#333;font-size:24px;padding:10px;border:2px solid #353e47;width:90px;height:90px;border-radius:50px;margin:5px 25px 5px 15px}
.about-deg i.fa{margin-right:15px;color:#353e47;font-size:34px;margin-right:35px;padding:18px 15px}
.about-heading h3{padding-left:40px;font-size:22px;font-weight:600;margin-top:30px;color:#353e47}
.about-text-bus{padding:70px 0 0}
.about-text p{line-height:26px}
.about-i .about-text .about-deg{border:2px solid #fff}
.about-i .about-text .about-deg i{color:#fff}
.about-i .about-text .about-heading h3{color:#fff}
.about-i .about-text .about-heading p{color:#fff}
.about-img-bus-w{background:url(../img/about/bus-bg.html) no-repeat scroll center center / cover;height:600px;margin:0}
.about-img-bus-p{background:url(../img/about/bus-bg-2.html) no-repeat scroll center center / cover;height:600px;margin:0}
.about-img-bus-f{background:url(../img/about/bus-bg-3.html) no-repeat scroll center center / cover;height:600px;margin:0}
.about-ma-a{background:url(../img/about/about3.html) no-repeat scroll center center / cover;height:600px;margin:0}
.about-ma-list{padding:15px 0 0 15px;margin-top:55px}
.about-start-up{background:#00a9da}
.item .caption h5{text-align:center;font-size:13px;margin-bottom:20px;margin-top:7px}
#about-freelancer{color:#444;background:#fff;padding:60px 0}
#achivements{padding:60px 0;color:#aaa;background:url(../img/achivement-bg.jpg) repeat fixed 0 0 / cover}
#achivements h2{color:#fff}
#our-teams .owl-wrapper{margin:0 20px}
#our-teams .owl-item .item{margin:20px 0 0;padding:20px 0 0}
#our-teams .owl-item .item:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.4);-webkit-transform:scale(1.02);transform:scale(1.02);z-index:9;border-radius:190px 190px 0 0;cursor:pointer;z-index:999}
#clients .owl-wrapper .owl-item img:hover{cursor:pointer}
.vcf-popup-lightbox-figure img{border-radius:20px;border:6px solid rgba(255, 255, 255, 0.3)}
.achivement-box{text-align:center;margin:20px 0;border:6px solid #00A9DA;background:#fff;padding:55px 0;border-radius:50%}
.achivement-box i.fa{font-size:60px;font-weight:400;color:#F5C026;margin-bottom:20px}
.achivement-box h4{font-size:15px;text-transform:uppercase;color:#333}
.achivement-box span.count{font-size:30px;color:#353e47;display:block;font-family:'Open Sans',sans-serif;font-weight:600}

@media screen and (max-width: 1250px) {
.fix-image .image-shop-scroll{display:none}
.fix-image{height:auto}
}
@media screen and (max-width: 767px) {
.fix-image .image-shop-scroll{display:block}
}
@media screen and (max-width: 640px) {
.fix-image .image-shop-scroll{display:none}
}
@media screen and (max-width: 979px) and (min-width: 640px) {
.b-infoblock-with-icon-group [class*='col-']{margin:11px 0}
}
@media screen and (max-width: 639px) {
.b-infoblock-with-icon-group [class*='col-']{margin:12px 0}
}
@media screen and (max-width: 479px) {
.demo-intro-logo img{width:90%;height:auto}
}
@media screen and (max-width: 380px) {
.navbar-brand > img{display:block;float:left;height:auto;padding-top:5px;width:78%}
}
.b-infoblock-with-icon-group [class*='col-'].b-null-bottom-indent{margin-bottom:0;padding-bottom:0}
.f-infoblock-with-icon__icon{text-align:center}
.f-infoblock-with-icon__icon .fa{font-size:2.15385em;line-height:1;color:#fff}
.f-infoblock-with-icon__icon:hover .fa{color:#00a9da}
.b-infoblock-with-icon__icon{-webkit-transition:background .7s ease;-moz-transition:background .7s ease;-ms-transition:background .7s ease;-o-transition:background .7s ease;transition:background .7s ease;background:#00a9da;border:2px solid transparent;border-radius:50%;display:block;padding:18px 5px;position:relative;width:68px;margin:0 auto 5px;text-align:center}
.b-infoblock-with-icon__icon:hover{background:#fff;border-color:#00a9da;transition:all .3s ease 0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0}
.hi-icon{color:#fff;display:block;position:relative;text-align:center;z-index:1}
.hi-icon::after{border-radius:50%;box-sizing:content-box;content:"";height:100%;pointer-events:none;position:absolute;width:100%}
.hi-icon::before{display:block}
.hi-icon-effect-8 .hi-icon{background:#a01c1c;transition:transform .1s ease-out 0s,background .2s ease 0}
.hi-icon-effect-8 .hi-icon:hover{background:#fff;border:4px solid #a01c1c;color:#a01c1c;cursor:pointer}
.hi-icon-effect-8 .hi-icon::after{box-shadow:0 0 0 2px rgba(255,255,255,0.1);left:0;opacity:0;padding:0;top:0;transform:scale(0.9);z-index:-1}
.no-touch .hi-icon-effect-8 .hi-icon:hover{background:rgba(255,255,255,0.05) none repeat scroll 0 0;color:#fff;transform:scale(0.93)}
.hi-icon-effect-8 .hi-icon:hover::after{animation:1.3s ease-out 75ms normal none 20 running sonarEffect}
@keyframes sonarEffect {
0%{opacity:.3}
40%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 7px 7px #9a9a9a,0 0 0 7px rgba(255,255,255,0.1);opacity:.5}
100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 7px 7px #9a9a9a,0 0 0 7px rgba(255,255,255,0.1);opacity:0;transform:scale(1.5)}
0%{opacity:.3}
40%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 7px 7px #9a9a9a,0 0 0 7px rgba(255,255,255,0.1);opacity:.5}
100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 7px 7px #9a9a9a,0 0 0 7px rgba(255,255,255,0.1);opacity:0;transform:scale(1.5)}
}
#client{background:#fff url(../img/bg_client.png) no-repeat;background-position:top center;padding:60px 0}
#apps-screen{background:#f1f1f1;padding:60px 0}
#team{padding:60px 0;background:#fff}
#team i.fa{background:#f5c026;border-radius:25px;color:#fff;font-size:16px;height:36px;padding:10px;transition:all .5s ease 0;width:36px}
#team i.fa:hover{color:#fff;background:#00a9da}
img.img-circle.team-img{width:250px;height:250px;border:4px solid transparent;transition:all .8s;border:1px solid #F4D03F}
#team .thumbnail:hover>img.img-circle.team-img{border:4px solid #F4D03F}
#team .thumbnail{background:transparent;border:0}
#team .thumbnail .caption{padding:9px;color:#5a5a5a}
.caption h3{font-size:24px;font-family:'Open+Sans',sans-serif;color:#353e47;text-transform:none}
#Portfolio{padding:60px 0 100px;background:url(../img/bg-square.png) repeat;text-align:center}
#works-ii{padding:60px 0 100px;background:#f1f1f1}
#testimonials{background:url(../img/bg_testimonial.jpg) repeat fixed 0 0 / cover;background-size:cover;background-attachment:fixed;color:#fff;padding:50px 0 60px;font-size:18px}
#testimonials-w{background:url(../img/clints.html) repeat fixed 0 0 / cover;background-size:cover;background-attachment:fixed;color:#fff;padding:60px 0;font-size:18px}
#testimonial{padding:0}
#testimonial .item{display:block;width:100%;height:auto}
#testimonial .item p{font-weight:500;margin:30px 0;color:#ddd}
#contact h2{color:#fff}
#contact{padding:60px 0;background:url(../img/bg-map.png) no-repeat;background-color:#00a9da;background-repeat:none;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#contact h3{font-size:40px;font-weight:200;text-transform:uppercase;margin-top:50px}
#contact-b i.fa{font-size:30px;width:70px;height:70px;padding:35px 0;margin:20px 0 30px;color:#00a9da;background:none;border:1px solid #00a9da}
#contact i.fa{background:#fff;border-radius:50%;color:#00a9da;font-size:22px;height:50px;margin:10px 0;padding:14px 0;text-align:center;width:50px;float:left}
#contact p.dark{font-size:16px;padding-left:70px;padding-bottom:20px;border-bottom:1px dashed rgba(255,255,255,0.4);min-height:82px}
#contact form{padding:10px 0 30px}
#contact p.dark{font-size:16px;color:#fff}
#contact .fa{color:#F4D03F;margin-bottom:10px}
#contact .text-danger{color:#353e47;text-align:center;font-size:20px}
.alert-danger{background:#fff;color:#F90;border:1px solid #00a9da}
label{font-size:12px;font-weight:400;font-family:'Open Sans',sans-serif;float:left}
#contact .form-control{display:block;color:rgba(255,255,255,0.8);width:100%;padding:6px 12px;font-size:16px;line-height:22px;background-color:transparent;background-image:none;border-top:none;border:1px dashed rgba(255,255,255,0.7);border-radius:8px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none;margin-top:5px;height:48px}
#contact #message{height:130px}
#contact .form-control:focus{border-color:inherit;outline:0;-webkit-box-shadow:transparent;box-shadow:0 0 5px rgba(250,250,250,1);border:1px dashed rgba(53,62,71,0.8)}
.form-control::-moz-placeholder{color:rgba(255,255,255,0.8)}
.form-control::-webkit-placeholder{color:rgba(255,255,255,0.8)!important}
#contact .contact{text-align:left}
#Pricing{background:url(../img/bg-square.png) repeat;padding:50px 0}
#Pricing-app{padding:60px 0;background:#f1f1f1}
.pricing-area h1{margin-top:0;margin-bottom:5px;margin-top:10px;color:#fff;font-size:30px;font-weight:600;text-transform:uppercase}
.black span{color:#353e47}
#blog a.vcf-l-grid-blog-title{color:#00a9da}
#blog a.vcf-l-grid-blog-title:hover{color:#333}
#blog .vcf-item-wrapper{border:1px solid #e9e9e9;border-radius:10px}
.pricing-area h1 span{font-size:26px;color:#fff}
.pricing-areas h3,.pricing-areas span{color:#353e47;font-size:16px;text-transform:uppercase}
.pricing-area h3,.mid-price{color:#fff;font-size:16px;text-transform:uppercase}
.pricing-area span{color:#fff;font-size:15px;text-transform:uppercase}
.plan{position:relative;margin-bottom:55px;margin-top:55px}
.pricing-area ul{background:0 0;padding:0;margin:0}
.pricing-area ul:hover{background:transparent!important;-webkit-transform:scale(1.10);transform:scale(1.10);cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.4);border-radius:10px;width:92%;position:absolute;z-index:9}
.pricing-area ul.active{background:transparent!important;-webkit-transform:scale(1.10);transform:scale(1.10);cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.4);border-radius:10px;width:92%;position:absolute;z-index:9}
.pricing-area ul:last-child:hover{z-index:0}
.pricing-area ul li{list-style:none;padding:14px 0;color:#616161;font-family:'Open Sans',sans-serif}
.pricing-area ul li:nth-child(even){background:#eee;border-radius:10px}
.pricing-area ul li:nth-child(odd){background:#fff;border-radius:10px}
.pricing-area .heading-one,.pricing-area .price-one .plan-action:first-child{background:#353e47!important;padding:30px 60px;font-size:15px;border-radius:80px}
.pricing-area .heading-two,.pricing-area .price-two .plan-action:first-child{background:#353e47!important;padding:30px 60px;font-size:15px;border-radius:80px}
.pricing-area .heading-three,.pricing-area .price-three .plan-action:first-child{background:#00a9da!important;padding:30px 60px;font-size:15px;border-radius:80px}
#skill{background:#f1f1f1;padding:70px 0}
.skill h2{margin-bottom:45px;font-size:40px;text-align:left}
.progress-wrap{position:relative}
.progress-wrap h3{font-size:16px;padding-bottom:10px;font-family:'Open Sans',sans-serif;color:#414141;font-weight:600;margin-top:40px}
.progress .color1,.progress .bar-width{background:#353e47}
.progress .color2,.progress .bar-width{background:#353e47}
.progress .color3,.progress .bar-width{background:#353e47}
.progress .color4,.progress .bar-width{background:#00a9da}
.progress .color1,.progress .color1{background:#00a9da}
.progress .color2,.progress .color2{background:#00a9da}
.progress .color3,.progress .color3{background:#00a9da}
.progress .color4,.progress .color4{background:#00a9da}
.progress,.progress-bar{height:8px;line-height:15px;background:#e6e6e6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:10px;overflow:visible;text-align:right}
.progress{position:relative}
.progress .bar-width{position:absolute;width:50px;height:24px;line-height:24px;text-align:center;font-size:12px;font-weight:700;top:-33px;border-radius:10px;margin-left:-50px}
.progress span{position:relative}
.progress span:before{content:" ";position:absolute;width:auto;height:auto;border-width:8px 5px;border-style:solid;bottom:-16px;right:20px}
.progress .color1 span:before{border-color:#00a9da transparent transparent}
.progress .color2 span:before{border-color:#00a9da transparent transparent}
.progress .color3 span:before{border-color:#00a9da transparent transparent}
.progress .color4 span:before{border-color:#00a9da transparent transparent}
.accordion h2{margin-bottom:45px;font-size:40px}
.panel-default{border-color:transparent}
.panel-default>.panel-heading,.panel{background-color:#e6e6e6;border:0 none;box-shadow:none;border-radius:50px}
.panel-default>.panel-heading+.panel-collapse .panel-body{background:#fff;color:#858586}
.panel-title{font-size:16px;color:#333;padding-bottom:0}
.panel-group .panel+.panel{margin-top:0}
.panel-group .panel{border-radius:50px;margin:10px 0}
.panel-heading{border-radius:0;padding:20px}
.panel-title>a{color:#333}
.accordion-inner img{border-radius:4px}
.accordion-inner h4{margin-top:0;color:#353e47}
.panel-heading.active{background:#353e47}
.panel-heading.active .panel-title>a{color:#fff}
a.accordion-toggle i{width:45px;line-height:46px;font-size:28px;margin-top:-8px;text-align:center;margin-right:-5px;color:#fff;background:#00a9da;border-radius:30px}
.panel-heading.active a.accordion-toggle i{background:#00a9da;color:#353e47}
.panel-heading.active a.accordion-toggle.collapsed i{color:#353e47}
#skills{padding:60px 0;background:url(../img/skill-bg.html) no-repeat;background-size:cover;background-attachment:fixed}
#skills p{color:#474d5d}
#skills .skill{margin-bottom:40px;text-align:center;padding:0}
#skills .skill h4{font-size:20px;font-family:'Open+Sans',sans-serif}
.chart{position:relative;display:inline-block;width:192px;height:192px;margin-bottom:36px;text-align:center}
.chart canvas{position:absolute;top:0;left:0}
.percent{display:inline-block;font-size:31px;color:#353e47;line-height:192px;z-index:2}
.percent:after{content:'%';margin-left:.1em;font-size:.8em}
#back-to-top{transition:all 1s ease 0;-webkit-transition:all .3s ease 0;position:fixed;bottom:15px;right:15px;z-index:9999;width:46px;height:46px;text-align:center;line-height:42px;background:#00A9DA;color:#fff;font-size:20px;cursor:pointer;text-decoration:none;opacity:0;border-radius:40px}
#back-to-top:hover{background:#353e47;border-color:#353e47}
#back-to-top.show{opacity:1}
.no-js #loader{display:none}
.js #loader{display:block;position:absolute;left:70px;top:0}
.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../img/loading.gif) center no-repeat #fff}
#owl-demo .item{margin:5px}
#owl-demo .item img{display:block;width:300px;height:auto;margin:0 auto;display:block;width:100%;height:auto}
owl-theme .owl-controls{margin-top:-18px;position:relative}
.owl-theme .owl-controls .owl-buttons{right:5px;position:absolute;margin:0 auto;text-align:center;width:100%}
.owl-theme .owl-controls .owl-buttons .owl-prev{background:#f1f1f1 url(../img/prev.png) left top no-repeat}
.owl-theme .owl-controls .owl-buttons .owl-next{background:#f1f1f1 url(../img/next.png) left top no-repeat}
.owl-theme .owl-controls .owl-buttons [class*="owl-"]{border-radius:20px;padding:12px 7px;text-indent:-3999px;width:34px;height:34px;opacity:1;-webkit-transition:all .3s ease 0;transition:all .5s ease 0;-webkit-transition:all 0 ease 0}
#owl-one .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{opacity:.7}
#awesome-features{padding:60px 0;background:#00a9da}
.skill h2{margin-top:0;margin-bottom:40px;display:inline-table;width:100%}
.feature-box{margin-bottom:45px}
.feature-center{text-align:center}
.feature-icon-left-more .feature-icon i.fa{float:left;font-size:28px;color:#fff;margin:10px 0 0;height:55px;width:55px;padding:14px 0 0;border-radius:10%}
.feature-icon-left-more .feature-content{padding-bottom:8px}
.feature-center .service-icon{margin-bottom:14px}
.feature-center .service-content h4{margin-bottom:6px;font-weight:500}
.feature-center .service-icon i{display:inline-block}
.feature-box h4{margin-bottom:9px;font-weight:400;font-size:24px;color:#353e47;font-family:'Open+Sans',sans-serif}
.feature-box > div:first-child{padding:0}
.feature-boxed{margin-top:30px;padding:0 15px 20px!important;border:1px solid #eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.feature-boxed:hover{border-color:#e2e2e2;box-shadow:0 0 6px rgba(0,0,0,.1);-o-box-shadow:0 0 6px rgba(0,0,0,.1);-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1)}
.feature-boxed p{margin-bottom:0}
#awesome-features{padding:60px 0;background:#fff}
#awesome-features-freelancer{padding:60px 0;background:#fff}
#awesome-features-app{padding:60px 0;background:#f1f1f1}
#awesome-features{padding:60px 0;background:#f1f1f1}
.feature-icon-left-more-y .feature-icon-y i.fa{float:left;font-size:30px;color:#00a9da;margin:10px auto;height:70px;width:70px;padding:20px 0 0;border:2px solid rgba(255,255,255,0.5);border-radius:50px}
.feature-icon-left-more-y .feature-content-y{padding-left:0;text-align:center;float:left;width:100%;display:block}
.feature-item-box{border:1px solid #dfdfdf;background:#fff;border-radius:30px;padding:25px!important;width:100%;float:left}
.feature-icon-left-more-y .feature-item-box:hover{background:#f7f8f9}
.feature-icon-left-more-y .feature-icon-y i.fa:hover{background:#fff;border:2px solid #00a9da}
.about-deg:hover{background:#fff;border:2px solid #00a9da;color:#00a9da;cursor:pointer}
.about-deg i.fa:hover{color:#00a9da}
#awesome-features .feature-icon-y i{color:#fff}
#awesome-features .feature-icon-y i:hover{color:#00a9da}
.feature-icon-y{float:left;margin:10px auto;text-align:center;width:100%;display:inline-flex}
.feature-box{margin:15px 0}
.feature-center{text-align:center}
.feature-test-light{line-height:26px;color:#333;margin-top:12px;font-size:14px}
.feature-test{line-height:28px;color:#616161;margin-top:15px;font-size:15px}
.feature-icon-center-more .feature-icon i.fa{float:left;font-size:28px;color:#00a9da;margin:30px 0 0;height:55px;width:55px;padding:14px 0 0;border-radius:10%;border:1px solid #00a9da}
.feature-icon-center-more .feature-content{padding-left:80px;padding-bottom:15px;padding-top:20px;text-align:left}
.feature-icon-center-freelancer .feature-icon i.fa{float:left;font-size:20px;color:#353e47;margin:52px 0 0 10px;height:45px;width:45px;padding:11px 0 0;border-radius:50%;border:1px solid #00a9da;background:#00a9da}
.feature-icon-center-freelancer .feature-content{padding-left:75px;padding-bottom:35px;padding-top:40px;text-align:left}
.feature-icon-left-more .feature-icon i.fa{float:right;font-size:25px;color:#00a9da;margin:35px 0 0;height:60px;width:60px;padding:17px 0 0;border-radius:50%;background:rgba(255,255,255,0.8);border:2px solid rgba(0,169,218,0.9)}
.feature-icon-left-more .feature-icon i.fa:hover{border:2px solid #00a9da;cursor:pointer}
.feature-icon-left-more .feature-content{padding-right:80px;padding-bottom:35px;padding-top:25px;text-align:right}
.feature-icon-left-more-app .feature-icon i.fa{float:right;font-size:25px;color:#353e47;margin:50px 0 0;height:55px;width:55px;padding:14px 0 0;border-radius:10%;border:1px solid #353e47}
.feature-icon-left-more-app .feature-content{padding-right:90px;padding-bottom:20px;padding-top:35px;text-align:right}
.feature-icon-right-more .feature-icon i.fa{float:left;font-size:25px;color:#00a9da;margin:35px 0 0;height:60px;width:60px;padding:17px 0 0;border-radius:50%;background:rgba(255,255,255,0.8);border:2px solid rgba(0,169,218,0.9)}
.feature-icon-right-more .feature-icon i.fa:hover{border:2px solid #00a9da;cursor:pointer}
.feature-icon-right-more .feature-content{padding-left:80px;padding-bottom:35px;padding-top:25px;text-align:left}
.feature-icon-right-more-app .feature-icon i.fa{float:left;font-size:25px;color:#353e47;margin:50px 0 0;height:55px;width:55px;padding:14px 0 0;border-radius:10%;border:1px solid #353e47}
.feature-icon-right-more-app .feature-content{padding-left:90px;padding-bottom:20px;padding-top:35px;text-align:left}
.feature-center .service-icon{margin-bottom:14px}
.feature-center .service-content h4{margin-bottom:6px;font-weight:500}
.feature-center .service-icon i{display:inline-block}
.feature-box h4{margin-bottom:10px;font-weight:600;font-size:22px;font-family:"Dosis-Regular",sans-serif;letter-spacing:1px}
.feature-box > div:first-child{padding:0}
.feature-boxed{margin-top:30px;padding:0 15px 20px!important;border:1px solid #eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.feature-boxed:hover{border-color:#e2e2e2;box-shadow:0 0 6px rgba(0,0,0,.1);-o-box-shadow:0 0 6px rgba(0,0,0,.1);-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1)}
.feature-boxed p{margin-bottom:0}
#blog .vcf-item-wrapper{text-align:left}
.blog-list-lt{padding:30px 20px;background:#f2f2f2;border-radius:0 0 10px 10px;border-top:1px solid #ccc}
#tab{padding:110px 0}
nav-tabs>li{margin-bottom:0;border-bottom:1px solid #e6e6e6}
.nav-tabs{border-bottom:transparent;border-right:1px solid #e6e6e6}
.nav-tabs>li>a{background:none;color:#616161;border-radius:0;border:0 none;line-height:28px;margin-right:0;padding:35px;border-bottom:1px solid #e6e6e6;font-size:18px}
.nav-tabs li:last-child{border-bottom:0 none}
.nav-stacked>li+li{margin-top:0}
.nav-tabs>li>a:hover{background:#00a9da;color:#353e47}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus i.fa{font-size:18px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:0;color:#353e47;background:#00a9da;position:relative}
.nav-tabs>li.active>a:after{position:absolute;top:8px}
.tab-wrap{border:1px solid #e6e6e6;margin-bottom:20px;margin-top:45px}
.tab-content{padding:20px}
.tab-content h2{margin-top:0}
.tab-content img{border-radius:4px}
.testimonial h2{margin-top:0}
.testimonial-inner{color:#858586;font-size:14px}
.testimonial-inner .pull-left{border-right:1px solid #e7e7e7;padding-right:15px;position:relative}
.inner-list-detail{background:#fff;min-height:86px;padding:10px 0;border:1px solid #e9e9e9;border-top:0}
#Portfolio .vcf-caption{border:1px solid #e9e9e9;border-bottom:0}
#main-slider{position:relative}
.no-margin{margin:0;padding:0}
#main-slider .carousel .carousel-content{margin-top:150px}
#main-slider .carousel .slide-margin{margin-top:140px}
#main-slider .carousel h2{color:#fff;font-size:25px;margin:25px 0}
#main-slider .carousel .btn-slide{padding:8px 20px;background:#c52d2f;color:#fff;border-radius:4px;margin-top:25px;display:inline-block}
#main-slider .carousel .slider-img{text-align:right;position:absolute}
#main-slider .carousel .item{background-position:50%;background-repeat:no-repeat;background-size:cover;left:0!important;opacity:0;top:0;position:absolute;width:100%;display:block!important;height:910px;-webkit-transition:opacity ease-in-out 500ms;-moz-transition:opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms;transition:opacity ease-in-out 500ms}
#main-slider .carousel .item:first-child{top:auto;position:relative}
#main-slider .carousel .item.active{opacity:1;-webkit-transition:opacity ease-in-out 500ms;-moz-transition:opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms;transition:opacity ease-in-out 500ms;z-index:1}
#main-slider .prev,#main-slider .next{position:absolute;top:50%;background-color:#c52d2f;color:#fff;display:inline-block;margin-top:-25px;height:40px;line-height:40px;width:40px;line-height:40px;text-align:center;border-radius:4px;z-index:5}
#main-slider .prev:hover,#main-slider .next:hover{background-color:#353e47}
#main-slider .prev{left:10px}
#main-slider .next{right:10px}
#main-slider .carousel-indicators li{width:20px;height:20px;background-color:#fff;margin:0 15px 0 0;position:relative}
#main-slider .carousel-indicators li:after{position:absolute;content:"";width:24px;height:24px;border-radius:100%;background:rgba(0,0,0,0);border:1px solid #FFF;left:-3px;top:-3px}
#main-slider .carousel-indicators .active{width:20px;height:20px;background-color:#c52d2f;margin:0 15px 0 0;border:1px solid #c52d2f;position:relative}
#main-slider .carousel-indicators .active:after{position:absolute;content:"";width:24px;height:24px;border-radius:100%;background:#c52d2f;border:1px solid #c52d2f;left:-3px;top:-3px}
#main-slider .active .animation.animated-item-1{-webkit-animation:fadeInUp 300ms linear 300ms both;-moz-animation:fadeInUp 300ms linear 300ms both;-o-animation:fadeInUp 300ms linear 300ms both;-ms-animation:fadeInUp 300ms linear 300ms both;animation:fadeInUp 300ms linear 300ms both}
#main-slider .active .animation.animated-item-2{-webkit-animation:fadeInUp 300ms linear 600ms both;-moz-animation:fadeInUp 300ms linear 600ms both;-o-animation:fadeInUp 300ms linear 600ms both;-ms-animation:fadeInUp 300ms linear 600ms both;animation:fadeInUp 300ms linear 600ms both}
#main-slider .active .animation.animated-item-3{-webkit-animation:fadeInUp 300ms linear 900ms both;-moz-animation:fadeInUp 300ms linear 900ms both;-o-animation:fadeInUp 300ms linear 900ms both;-ms-animation:fadeInUp 300ms linear 900ms both;animation:fadeInUp 300ms linear 900ms both}
.forcefullwidth_wrapper_tp_banner{overflow:hidden}
#blog{padding:50px 0 70px;background:#fff url(../img/bg-hourse.png) no-repeat;background-position:top center}
#resume{padding:60px 0;background:#00a9da}
.timeline{position:relative;padding:0;list-style:none}
.timeline:before{content:"";position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-521px;background-color:#eee}
.timeline>li{position:relative;margin-bottom:50px;min-height:50px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}
.timeline>li .timeline-panel{float:right;position:relative;width:100%;padding:0 20px 0 70px;text-align:left}
.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
.timeline>li .timeline-image{z-index:100;position:absolute;left:0;width:70px;height:70px;margin-left:0;border:1px solid #eee;border-radius:100%;text-align:center;background:#ffab36;border:20px solid #ffeacd}
.timeline>li .timeline-image h4{margin-top:20px;font-size:14px;text-transform:uppercase}
.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 70px;text-align:left}
.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
.timeline>li:last-child{margin-bottom:40px}
.timeline .timeline-heading h4{margin-top:0;text-transform:uppercase;font-size:20px;line-height:28px}
.timeline .timeline-heading h2{margin-top:30px}
.timeline .timeline-heading h4.subheading{text-transform:none;font-weight:600}
.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
.startup{background:#f1f1f1;background-attachment:fixed;padding:110px 0}
.startup .boxs h4{font-size:20px;font-weight:500;margin-bottom:20px;text-transform:uppercase;margin-top:35px}
.startup .boxs{padding:0 20px;font-weight:500;min-height:90px}
.startup .boxs a{display:inline-block}
.startup .boxs.first{border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;padding:90px 30px;margin:55px 0 0}
.startup .boxs.second{border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;padding:90px 30px;margin:55px 0 0}
.startup .boxs.third{border-bottom:1px solid #ccc;background:#fff;padding:90px 30px;margin:55px 0 0}
.startup .boxs.four{border-right:1px solid #ccc;background:#fff;padding:90px 30px;margin:0 0 55px}
.startup .boxs.five{border-right:1px solid #ccc;background:#fff;padding:90px 30px;margin:0 0 55px}
.startup .boxs.six{border-right:1px solid #ccc;background:#fff;padding:90px 30px;margin:0 0 55px}
.startup .boxs.first:hover{background:rgba(255,255,255,0.5)}
.startup .boxs.second:hover{background:rgba(255,255,255,0.5)}
.startup .boxs.third:hover{background:rgba(255,255,255,0.5)}
.startup .boxs.four:hover{background:rgba(255,255,255,0.5)}
.startup .boxs.five:hover{background:rgba(255,255,255,0.5)}
.startup .boxs.six:hover{background:rgba(255,255,255,0.5)}
#support{background:#353e47}
.email{padding:50px 0;background:#353e47}
.email h2{color:#fff;font-size:22px;margin-top:15px;line-height:35px}
.email h3{color:#fff;font-size:30px;margin-top:0}
.email i.fa{font-size:55px;color:#fff}
.phone{padding:50px 0;background:#00a9da}
.phone h2{color:#353e47;font-size:22px;margin-top:15px;line-height:35px}
.phone h3{color:#353e47;font-size:30px;margin-top:0}
.phone i.fa{font-size:55px;color:#353e47}
.money{padding:50px 0;background:#353e47}
.money h2{color:#fff;font-size:22px;margin-top:15px;line-height:35px}
.money h3{color:#fff;font-size:30px;margin-top:0}
.money i.fa{font-size:55px;color:#fff}
#app-store{background:#353e47}
.iphone{padding:35px 0;background:#252525}
.iphone h2{color:#fff;font-size:18px;margin-top:15px;line-height:35px}
.iphone h3{color:#fff;font-size:25px;margin-top:0}
.iphone i.fa{font-size:65px;color:#fff}
.playstore{padding:35px 0;background:#f5b400}
.playstore h2{color:#353e47;font-size:18px;margin-top:15px;line-height:35px}
.playstore h3{color:#353e47;font-size:25px;margin-top:0}
.playstore i.fa{font-size:65px;color:#353e47}
.windows{padding:35px 0;background:#ff8400}
.windows h2{color:#353e47;font-size:18px;margin-top:15px;line-height:35px}
.windows h3{color:#353e47;font-size:25px;margin-top:0}
.windows i.fa{font-size:65px;color:#353e47}
nav#footer{background:#080808;color:#999;padding:65px 0;font-size:16px;line-height:28px;border:1px solid #202020}
nav#footer .fnav{vertical-align:middle;margin-top:25px;margin-bottom:50px}
.bottam-brand{font-size:40px;margin-bottom:35px}
ul.footer-social li{display:inline-block;margin-right:10px}
nav#footer p{font-size:15px;margin-top:30px;padding:20px 0 30px;color:#999;font-weight:200;border-top:1px solid #494949}
#footer-love i.fa{height:30px;width:30px;font-size:20px;padding:18px 5px;color:#fff;transition:all .5s;width:60px;height:60px;border:1px solid #00a9da;border-radius:50%;background:#00a9da}
#footer i.fa{height:35px;width:35px;font-size:16px;padding:9px 5px;color:#353e47;transition:all .5s;border:1px solid #00a9da;background:#00a9da}
.heart i.fa{font-size:18px;color:#00a9da;transition:all .5s;border-radius:10%}
.footer-bottom{background:#000;padding:25px 0;width:100%;float:left}
.footer-widget-social ul{text-align:right;list-style-type:none;margin-bottom:0}
.footer-widget-social ul li{display:inline-block;margin-bottom:-8px}
.footer-widget-social a{background-color:#00a9da;border-radius:30px;color:#fff;font-size:16px;line-height:1.3;padding:10px;text-align:center;width:40px;height:40px;float:left;margin:0 3px}
.footer-widget-social a:hover{background-color:#fff;color:#353E47}
.f-b{color:#999;text-align:left;padding:0 10px;font-family:'Open+Sans',sans-serif;font-size:14px;text-transform:none;letter-spacing:1px;line-height:46px}
#footer i.fa:hover{color:#353e47;background:#00a9da}
header{background-image:url(../img/fixed-portfolio-img.html);background-repeat:none;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}
header .demo-intro-text{padding-top:70px;padding-bottom:50px}
header .demo-intro-text .intro-lead-in{font-style:italic;font-size:20px;line-height:22px;margin-bottom:25px}
header .demo-intro-text .intro-heading{text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px}
#more-demos{padding:20px 0 0;margin:0}
.demos-one-row{margin:0 auto;text-align:center;height:auto;overflow:hidden}
.img-res{margin:0 auto;max-width:100%}
.img-res-demo{margin:0 auto;max-width:100%;margin-bottom:10px}
.demo-item-block{border-top:1px solid #dfdfdf}
.demos{margin-top:0;margin-bottom:0;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding:70px 0}
.demos:nth-child(2){border-right:0}
#demo-intro-bg{top:0;left:0;width:100%;height:100%;text-align:center;margin:0;padding:0;background-color:#C0DEED;background:url(../img/intro-bg.html) no-repeat;padding-top:83px;padding-bottom:83px;width:100%;animation:awan-animasi 50s linear infinite;-ms-animation:awan-animasi 50s linear infinite;-moz-animation:awan-animasi 50s linear infinite;-webkit-animation:awan-animasi 50s linear infinite}
.demo-intro-text .intro-lead-in{font-size:16px;line-height:28px;color:#999;margin-bottom:25px;font-family:'Raleway',sans-serif;letter-spacing:1px}
.demo-intro-logo{padding:0 0 20px;text-align:center}
.demo-intro-text .intro-heading{font-size:45px;padding:25px 0 0px;color:#fff;font-family:'Raleway',sans-serif;font-weight:300;text-transform:uppercase;line-height:normal;letter-spacing:2px}
.intro-heading-s{font-size:30px;color:#fff;font-family:'Raleway',sans-serif;font-weight:100;padding:30px 0;text-transform:uppercase;line-height:normal}
.o-demos{font-weight:700;font-size:50px;color:#fff}
@keyframes awan-animasi {
from{background-position:0 0}
to{background-position:100% 0}
}
@-webkit-keyframes awan-animasi {
from{background-position:0 0}
to{background-position:100% 0}
}
@-ms-keyframes awan-animasi {
from{background-position:0 0}
to{background-position:100% 0}
;
moz-keyframes awan-animasi{frombackground-position:0 0}
to{background-position:100% 0}
}