body{padding-top:85px;background:#fff;font-family:'Roboto',sans-serif;font-weight:400;color:#64686d;line-height:26px}
h1,h2,h3,h4,h5,h6{font-weight:600;font-family:'Roboto',sans-serif;color:#272727}
a{color:#45aed6;-webkit-transition:color 400ms,background-color 400ms;-moz-transition:color 400ms,background-color 400ms;-o-transition:color 400ms,background-color 400ms;transition:color 400ms,background-color 400ms}
a:hover,a:focus{text-decoration:none;color:#2a95be}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid #fff}
.gradiant{background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%)}
.gradiant-horizontal{background-image:-moz-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%)}
.section-header{margin-bottom:50px}
.section-header .section-title{font-size:44px;color:#272727;text-transform:uppercase;position:relative;padding-bottom:20px;margin:0 0 20px}
.section-header .section-title:before{content:"";position:absolute;width:140px;bottom:0;left:50%;margin-left:-70px;height:1px;background:#ebebeb}
.section-header .section-title:after{content:"";position:absolute;width:24px;height:24px;bottom:-11px;left:50%;margin-left:-12px;border:5px solid #fff;border-radius:20px;background:#45aed6}
#testimonial .section-header .section-title{color:#fff}
.btn{border-width:0;border-bottom-width:3px;border-radius:3px}
.btn.btn-primary{background:#45aed6;border-color:#2a95be}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:#2a95be}
.column-title{margin-top:0;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px;position:relative}
.column-title:after{content:" ";position:absolute;bottom:-1px;left:0;width:40%;border-bottom:1px solid #45aed6}
ul.nostyle{list-style:none;padding:0;margin-bottom:20px}
ul.nostyle i{color:#45aed6}
.scaleIn{-webkit-animation-name:scaleIn;animation-name:scaleIn}
@-webkit-keyframes scaleIn {
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleIn {
0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.navbar.navbar-default{border:0;border-radius:0;margin-bottom:0}
.navbar.navbar-default .navbar-toggle{margin-top:15px}
.navbar.navbar-default .navbar-brand{height:auto;padding:5px 0}
@media only screen and (min-width: 768px) {
#main-menu.navbar-default{background:rgba(255,255,255,0.9);-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.5);box-shadow:0 0 15px 0 rgba(0,0,0,0.5)}
#main-menu.navbar-default .navbar-nav > li > a{padding-top:15px;padding-bottom:18px}
#main-menu.navbar-default .navbar-nav > li.active > a,#main-menu.navbar-default .navbar-nav > li.open > a,#main-menu.navbar-default .navbar-nav > li:hover > a{background:transparent;padding-bottom:15px;border-bottom:3px solid #45aed6}
#main-menu.navbar-default .dropdown-menu{padding:0 20px;min-width:220px;background-color:rgba(26,28,40,0.9);border:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none;background-clip:inherit}
#main-menu.navbar-default .dropdown-menu > li{border-left:3px solid transparent;margin-left:-20px;padding-left:17px;-webit-transition:border-color 400ms;transition:border-color 400ms}
#main-menu.navbar-default .dropdown-menu > li > a{border-top:1px solid #404455;padding:15px 0;color:#eee}
#main-menu.navbar-default .dropdown-menu > li:first-child > a{border-top:0}
#main-menu.navbar-default .dropdown-menu > li.active,#main-menu.navbar-default .dropdown-menu > li.open,#main-menu.navbar-default .dropdown-menu > li:hover{border-left-color:#45aed6}
#main-menu.navbar-default .dropdown-menu > li.active > a,#main-menu.navbar-default .dropdown-menu > li.open > a,#main-menu.navbar-default .dropdown-menu > li:hover > a{color:#45aed6;background-color:transparent}
}
#main-slider{overflow:hidden}
#main-slider .item{height:558px;background-repeat:no-repeat;background-position:50% 0;background-size:cover}
#main-slider .slider-inner{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}
#main-slider .slider-inner h2{font-size:36px;line-height:1;text-transform:uppercase;color:#fff}
#main-slider .slider-inner h2 > span{color:#f7901e}
#main-slider .slider-inner .btn{margin-top:10px}
#main-slider .owl-prev,#main-slider .owl-next{position:absolute;top:50%;background-color:rgba(0,0,0,0.2);color:#fff;font-size:30px;display:inline-block;margin-top:-35px;height:70px;width:70px;line-height:70px;text-align:center;border-radius:100px;z-index:5;-webkit-transition:background-color 400ms;transition:background-color 400ms}
#main-slider .owl-prev:hover,#main-slider .owl-next:hover{background-color:#45aed6}
#main-slider .owl-prev{left:-35px;text-indent:14px}
#main-slider .owl-next{right:-35px;text-indent:-14px}
#bar{width:0;max-width:100%;height:4px;background:#45aed6}
#progressBar{margin-top:-4px;position:relative;z-index:999;width:100%;background:rgba(0,0,0,0.1)}
#cta{padding:50px 0;background-color:#eee;position:relative}
#cta h2{margin-top:0}
#cta .btn{margin-top:40px}
#cta2{background:#242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;background-size:cover;color:#fff;padding-top:70px}
#cta2 .btn{margin-top:10px}
#cta2 h2{color:#fff;font-size:44px;line-height:1}
#cta2 h2 > span{color:#45aed6}
#features{padding:100px 0}
#features .media.service-box:first-child{margin-top:80px}
#services{padding:100px 0 75px}
.media.service-box{margin:25px 0}
.media.service-box .pull-left{margin-right:20px}
.media.service-box .pull-left > i{font-size:24px;height:64px;line-height:64px;text-align:center;width:64px;border-radius:100%;color:#45aed6;box-shadow:inset 0 0 0 1px #d7d7d7;-webkit-box-shadow:inset 0 0 0 1px #d7d7d7;transition:background-color 400ms,background-color 400ms;position:relative}
.media.service-box .pull-left > i:after{content:"";position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;right:-10px;border:4px solid #fff;border-radius:20px;background:#45aed6}
.media.service-box:hover .pull-left > i{background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);color:#fff;box-shadow:inset 0 0 0 5px rgba(255,255,255,0.8);-webkit-box-shadow:inset 0 0 0 5px rgba(255,255,255,0.8)}
.media.service-box .img{margin-bottom:20px;display:block;text-align:center}
.media.service-box .img > i{font-size:24px;height:64px;line-height:64px;text-align:center;width:64px;border-radius:100%;color:#45aed6;box-shadow:inset 0 0 0 1px #d7d7d7;-webkit-box-shadow:inset 0 0 0 1px #d7d7d7;transition:background-color 400ms,background-color 400ms;position:relative}
.media.service-box .img > i:after{content:"";position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;right:-10px;border:4px solid #fff;border-radius:20px;background:#45aed6}
.media.service-box:hover .img > i{background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);color:#fff;box-shadow:inset 0 0 0 5px rgba(255,255,255,0.8);-webkit-box-shadow:inset 0 0 0 5px rgba(255,255,255,0.8)}
.media.service-box .media-body{display:block;text-align:center}
#portfolio{padding:100px 0;background:#f5f5f5}
#portfolio .portfolio-filter{list-style:none;padding:0;margin:0 0 50px;display:inline-block}
#portfolio .portfolio-filter > li{float:left;display:block}
#portfolio .portfolio-filter > li a{display:block;padding:7px 15px;background:#e5e5e5;color:#64686d;position:relative}
#portfolio .portfolio-filter > li a:hover,#portfolio .portfolio-filter > li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset}
#portfolio .portfolio-filter > li a.active:after{content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#318daf transparent transparent}
#portfolio .portfolio-filter > li:first-child a{border-radius:4px 0 0 4px}
#portfolio .portfolio-filter > li:last-child a{border-radius:0 4px 4px 0}
#portfolio .portfolio-items{margin:-15px}
#portfolio .portfolio-item{width:24.9%;float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#portfolio .portfolio-item .portfolio-item-inner{position:relative}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:rgba(0,0,0,0.5);color:#fff}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3{font-size:16px;line-height:1;margin:0;color:#fff}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview{position:absolute;top:-18px;right:12px;border-radius:50%;background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);width:36px;height:36px;line-height:36px;text-align:center;color:#fff;box-shadow:0 0 0 2px #fff;-webkit-box-shadow:0 0 0 2px #fff}
#portfolio .portfolio-item:hover .portfolio-info{opacity:1}
.portfolio-item-inner{overflow:hidden}
.portfolio-item-inner .img-responsive{height:100%;transition:all 500ms ease-in-out 0;width:100%;max-height:170px}
.portfolio-item-inner:hover .img-responsive{transform:scale(1.5)}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}
.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#testimonial{background:#333 url(../images/testimonial/bg.jpg) no-repeat 0 0;background-size:cover;padding:100px 0;color:#fff}
#testimonial h4{color:#fff;margin-bottom:0}
#testimonial small{display:block;margin-bottom:10px;color:rgba(255,255,255,0.7)}
#testimonial .btns{margin-top:10px}
#about{padding:100px 0}
#our-process{padding:100px 0 50px;background-color:#45aed6;color:#000}
#our-process h2{color:#000}
#our-process h3{color:#000;margin-bottom:0}
#our-process .section-header .section-title:after{background-color:#000}
#why-us .section-header .section-title:after{background-color:#1a0f45}
#our-process .icon-circle{display:inline-block;width:80px;height:80px;line-height:80px;border:2px solid #000;border-radius:100px;position:relative;background-color:#fff}
#our-process .icon-circle i{color:#000}
#our-process .icon-circle > span{border-style:solid;border-width:2px;border-color:#000;border-radius:50%;background-color:#fff;position:absolute;width:24px;height:24px;line-height:20px;top:-12px;color:#000}
#our-process h3{margin-bottom:50px}
#why-us{padding:100px 0 50px;background-color:#C0C0C0;color:#1a0f45}
#why-us h2{color:#1a0f45}
#why-us h3{color:#1a0f45;margin-bottom:0}
#why-us .icon-circle{display:inline-block;width:80px;height:80px;line-height:80px;border:2px solid #1a0f45;border-radius:100px;position:relative;background-color:#fff}
#why-us .icon-circle i{color:#1a0f45}
#why-us .icon-circle > span{border-style:solid;border-width:2px;border-color:#1a0f45;border-radius:50%;background-color:#fff;position:absolute;width:24px;height:24px;line-height:20px;top:-12px;color:#1a0f45}
#why-us h3{margin-bottom:50px}
#meet-team{padding:100px 0}
#meet-team .team-member{padding:13px;background:#eee;border:2px solid #eee;transition:border-color 400ms;-webkit-transition:border-color 400ms}
#meet-team .team-member .team-img{margin:-15px -15px 0}
#meet-team .team-member .team-info{padding-bottom:10px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}
#meet-team .team-member:hover{border-color:#45aed6}
#meet-team .team-member:hover .social-icons > li > a{background:#45aed6}
#meet-team .social-icons{list-style:none;padding:0;margin:0}
#meet-team .social-icons > li{display:inline-block}
#meet-team .social-icons > li > a{display:block;width:32px;height:32px;line-height:32px;text-align:center;color:#fff;background:#222534;border-radius:3px}
.divider{margin-top:50px;margin-bottom:50px;background-image:-moz-linear-gradient(180deg,#fff 0%,#e3e3e3 49%,#fff 100%);background-image:-webkit-linear-gradient(180deg,#fff 0%,#e3e3e3 49%,#fff 100%);background-image:-ms-linear-gradient(180deg,#fff 0%,#e3e3e3 49%,#fff 100%);width:95%;height:1px}
.progress{-webkit-box-shadow:none;box-shadow:none;background:#eee}
.progress .progress-bar.progress-bar-primary{background-image:-moz-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(4deg,#2caab3 0%,#2c8cb3 100%);-webkit-box-shadow:none;box-shadow:none}
.nav.main-tab{background:#eee;border-bottom:3px solid #45aed6;border-radius:3px 3px 0 0}
.nav.main-tab > li > a{color:#272727}
.nav.main-tab > li.active > a{background:#45aed6;color:#fff}
.nav.main-tab > li:first-child > a{border-radius:3px 0 0 0}
.nav.main-tab > li:last-child > a{border-radius:0 3px 0 0}
.tab-content{border:1px solid #eee;border-top:0;padding:20px 20px 10px;border-radius:0 0 3px 3px;margin-bottom:20px}
.panel-default{border-color:#eee}
.panel-default > .panel-heading{background-color:#fff;border-color:#eee;box-shadow:0 3px 5px rgba(0,0,0,0.7);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.7);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.7)}
.collapse.in{box-shadow:0 3px 5px rgba(0,0,0,0.7);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.7);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.7)}
.panel-heading.active a{background-color:#f0ad4e;color:#fff}
a:focus{outline:none;border:0}
.panel-default > .panel-heading .panel-title{font-size:14px;font-weight:400}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:#eee}
#animated-number{padding:100px 0 70px;background:#132125 url(../images/animated-number/bg.jpg) no-repeat 0 0;background-size:cover;color:#fff}
#animated-number h1,#animated-number h2,#animated-number h3,#animated-number h4{color:#fff}
#animated-number strong{display:block;margin-bottom:30px}
.animated-number{display:inline-block;width:140px;height:140px;font-size:24px;line-height:140px;border:3px solid #fff;border-radius:100px;margin-bottom:20px}
#pricing{padding:100px 0 70px}
#pricing ul.pricing{list-style:none;padding:0;margin:70px 0 30px;border:1px solid #eee;border-radius:5px 5px 4px 4px;padding:15px;text-align:center}
#pricing ul.pricing li{display:block;padding:10px}
#pricing ul.pricing li.plan-header{background:#eee;border-radius:4px 4px 0 0;margin:-15px -15px 10px;padding:15px 15px 30px;border:0}
#pricing ul.pricing li.plan-header .price-duration{position:relative;margin-top:-63px;top:-10px;display:inline-block;width:116px;height:116px;background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);color:#fff;border-radius:100px;border:5px solid #f6f6f6}
#pricing ul.pricing li.plan-header .price-duration > span{display:block;line-height:1}
#pricing ul.pricing li.plan-header .price-duration > span.price{font-size:24px;font-weight:700;margin-top:35px}
#pricing ul.pricing li.plan-header .price-duration > span.duration{margin-top:5px}
#pricing ul.pricing li.plan-header .plan-name{margin-top:10px;font-size:24px;color:#272727;font-weight:700;line-height:1;text-transform:uppercase}
#pricing ul.pricing.featured{background:#222534;color:#fff;border:0}
#pricing ul.pricing.featured li.plan-header{background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%)}
#pricing ul.pricing.featured li.plan-header .plan-name{color:#fff}
#get-in-touch{padding:100px 0 50px;background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);color:#fff}
#get-in-touch h1,#get-in-touch h2{color:#fff}
#blog{padding:100px 0}
#blog .blog-post{border:1px solid #eee;padding:15px}
#blog .blog-post .post-format{display:inline-block;width:40px;height:40px;line-height:34px;text-align:center;color:#fff;background:#222534;border:3px solid #fff;border-radius:100px}
#blog .blog-post.blog-large .entry-thumbnail{margin:-15px -15px 15px;position:relative}
#blog .blog-post.blog-large .post-format{width:66px;height:66px;line-height:60px;position:absolute;right:20px;bottom:-33px}
#blog .blog-post.blog-large .post-format > i{font-size:20px}
#blog .blog-post.blog-large .entry-date{font-size:12px;display:block;margin-bottom:5px;text-transform:uppercase;color:#45aed6}
#blog .blog-post.blog-large .entry-title{margin-top:0;font-size:18px;line-height:1;margin-bottom:15px}
#blog .blog-post.blog-large .entry-title a{color:#64686d}
#blog .blog-post.blog-large .entry-title a:hover{color:#45aed6}
#blog .blog-post.blog-media{margin-bottom:30px}
#blog .blog-post.blog-media .entry-thumbnail{margin:-15px 15px -15px -15px;position:relative}
#blog .blog-post.blog-media .post-format{position:absolute;top:20px;right:-10px}
#blog .blog-post.blog-media .entry-date{font-size:12px;display:block;margin-bottom:5px;text-transform:uppercase;color:#45aed6}
#blog .blog-post.blog-media .entry-title{margin-top:0;font-size:18px;line-height:1;margin-bottom:15px}
#blog .blog-post.blog-media .entry-title a{color:#64686d}
#blog .blog-post.blog-media .entry-title a:hover{color:#45aed6}
#blog .blog-post .entry-meta{margin-top:20px;border-top:1px solid #eee;padding-top:15px}
#blog .blog-post .entry-meta > span{display:inline-block;margin-right:10px;color:#999}
#blog .blog-post .entry-meta > span > a{color:#999}
#blog .blog-post .entry-meta > span > a:hover{color:#45aed6}
#contact{position:relative;overflow:hidden}
#contact .container-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(69,174,214,0.3);z-index:1}
#contact .contact-form{background:rgba(255,255,255,0.8);padding:20px;margin-top:50px}
#contact .contact-form h3{margin-top:0}
#footer{color:#fff;background:#2e2e2e; height:300px;}
#footer a{color:#fff}
#footer a:hover{color:#45aed6}
#footer ul{list-style:none;padding:0;margin:0 -7.5px}
#footer ul > li{display:block;margin:0 7.5px}
#footer ul > li > a{font-size:13px;}
#footer h2{color:#fff; font-size:20px; font-weight:normal; margin:0 0 10px;display:block;}
.si{padding:10px 0; display:block; background-color:rgba(255, 255, 255, 0.35);margin-bottom:10px;}
.si .follow-text{display:inline-block; margin-right:10px; color:#fff;}
.si ul{display:inline-block;}
#footer .social-icons>li{display:inline-block;}
.si ul li a{}
.si ul li a:hover{}
.copyright{background-color:rgba(255, 255, 255, 0.35); display:block; padding:10px 0;margin-top:10px;}
/*@media only screen and (min-width: 768px) {
#footer .social-icons{float:right}
}*/
.form-control{box-shadow:none;-webkit-box-shadow:none}
.showcase{padding:100px 0;background:url(../images/cta2-bg.jpg) no-repeat fixed center center / cover rgba(0,0,0,0)}
.showcase .section-header .section-title{color:#fff;font-size:44px;margin:0 0 20px;padding-bottom:20px;position:relative;text-transform:uppercase}
.showcase h1{color:#fff;font-size:22px;font-weight:400;margin:0 0 20px}
.showcase p{color:#fff;margin-bottom:25px}
.device{background:url(../images/iphone-skeleton.png) no-repeat scroll center center rgba(0,0,0,0);left:20%;min-height:676px;position:absolute;top:-60px;width:359px}
.device-content{background:none repeat scroll 0 0 rgba(0,0,0,0.3);height:445px;left:56px;position:absolute;top:115px;width:247px}
.device-content img{height:445px;width:247px}
.showcase-wrap{min-height:600px;padding:15px 0 100px;position:relative}
.showcase-slider ul{list-style:outside none none;margin:0;padding:0}
.showcase-slider .flickity-page-dots{bottom:20px}
.screenshots-intro{background-color:#f6f7f9;padding:170px 0 100px}
.screenshots-intro h1{color:#24374b;font-size:22px;font-weight:400;margin-bottom:20px}
.screenshots-intro p{color:#789;margin-bottom:25px}
.screenshots ul{margin:0;padding:0;width:100%}
.screenshots ul li{background-color:#000;float:left;list-style:outside none none;min-height:100%;width:25%}
.screenshots figure{overflow:hidden;position:relative}
.screenshots figure img{height:100%;transition:all 300ms ease-in-out 0;width:100%}
.screenshots figure:hover img,.screenshots figure:focus img{transform:scale(1.1)}
.screenshots figcaption{background-color:rgba(63,97,132,0.85);font-size:15px;height:100%;left:0;opacity:0;padding:25% 0;position:absolute;text-align:center;top:0;transition:all 300ms ease-in-out 0;width:100%}
.screenshots figcaption a{color:#fff}
.screenshots figcaption a:hover,.screenshots figcaption a:focus{color:#73d0da}
.screenshots figure:hover figcaption,.screenshots figure:focus figcaption{opacity:1}
.visible{opacity:1}
.screenshots figure.cs-hover figcaption{opacity:1}
.screenshots figcaption i{font-size:35px}
.screenshots figcaption p{font-weight:400;margin-bottom:0;text-transform:uppercase}
.screenshots figcaption .caption-content{left:50%;margin-left:-100px;margin-top:-40px;position:absolute;top:50%;transform:translate(0px,15px);transition:all 300ms ease-in-out 0;width:200px}
.screenshots figure:hover figcaption .caption-content,.screenshots figure:focus figcaption .caption-content{transform:translate(0px,0px)}
.device-content img{height:445px;width:247px}
.learn-btn,.download-btn{border:2px solid #fff;border-radius:3px;color:#fff;display:inline-block;font-size:16px;padding:18px 46px}
.learn-btn:hover,.download-btn:hover,.learn-btn:focus,.download-btn:focus{border-color:#73d0da;color:#73d0da;text-decoration:none}
.flickity-page-dots .dot{background:none repeat scroll 0 0 transparent;height:13px;opacity:1;transition:background .3s ease 0;width:13px;border:1px solid #fff}
.flickity-page-dots .dot.is-selected{background:none repeat scroll 0 0 #fff}
#main-slider .container{position:relative}
.search{display:block;position:absolute;overflow:hidden;border:2px solid #fff;padding:20px;top:180px;right:0;width:100%;z-index:99;background-color:rgba(0,0,0,0.75)}
.relative{position:relative}
.blur{background-color:#f2f2f2;filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);position:absolute;width:100%;height:100%;display:block}
.search h2{display:block;color:#f7901e}
.carousel-content{background:rgba(255,255,255,0.65);-moz-background:rgba(255,255,255,0.65);-webkit-background:rgba(255,255,255,0.65);-ms-background:rgba(255,255,255,0.65);color:#272727;padding:20px;margin-top:180px}
#main-slider .carousel-content h2{color:#272727}
.top-banner{background:url(../images/banner/laundary.jpg) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;min-height:300px;display:block}
.title-bottom{display:block;height:300px;position:relative}
.category-title{color:#fff;font-size:60px;font-weight:700;text-transform:uppercase;text-shadow:0 2px 5px rgba(0,0,0,0.85);position:absolute;bottom:0}
.top-banner .search{top:50px}
.circle-btn{height:120px;width:120px;display:block;float:right;margin:0 20px;font-size:14px;text-align:center;top:100px;background-color:#f0ad4e;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.45);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.45);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.45);position:relative;text-transform:uppercase;border:7px solid #eea236;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;transition:all .3s ease 0;-moz-transition:all .3s ease 0;-webkit-transition:all .3s ease 0}
.circle-btn .fa{font-size:30px;display:block;padding:20px 0 10px}
.circle-btn:hover,.circle-btn:active,.circle-btn.active{color:#f0ad4e;background-color:#f2f2f2;box-shadow:3px 3px 5px rgba(0,0,0,0.85);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.85);-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.85)}
@keyframes fa-spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
.features-img h3{display:block;padding-top:100px;margin:0 0 20px;color:#fff;font-size:60px;text-shadow:3px 3px 5px rgba(0,0,0,0.85);-moz-text-shadow:3px 3px 5px rgba(0,0,0,0.85);-webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.85)}
.features-img p{font-size:18px;display:block;text-align:center}
.features-bg{background:rgba(0,0,0,0) url(../images/features-intro-01.jpg) no-repeat scroll center center / cover;min-height:400px;position:relative}
.features-img{height:400px;text-align:center;width:100%;color:#fff}
.features-slider{background-color:#3f6184;height:400px;padding:11% 100px 10%;position:relative}
.features-slider ul{list-style:outside none none;margin:0;padding:0}
.features-slider ul li{width:100%}
.features-intro-img{position:relative}
.slides li h1{margin:0;padding:0}
.features-slider .flickity-page-dots{margin-top:50px;position:static;text-align:left}
.features-slider .flickity-page-dots .dot{margin:0 12px 0 0}
.features-list{padding:130px 0}
.features-list h1{color:#24374b;font-size:20px;margin:0 0 10px;padding:0}
.features-list p{color:#789;margin-bottom:20px}
.feature-content{display:inline-block;margin-left:0;width:65%}
.feature-icon{border:2px solid #4e9ba3;border-radius:50%;display:inline-block;font-size:25px;height:90px;line-height:90px;margin-right:25px;text-align:center;vertical-align:top;width:90px}
.feature-icon i{color:#4e9ba3}
blockquote{border:medium none;margin:40px 0 0;padding:0}
blockquote p{display:inline-block;font-style:italic;margin:0;padding:0;vertical-align:top;width:70%}
blockquote .avatar{display:inline-block;height:64px;margin-right:20px;vertical-align:middle;width:64px}
blockquote .logo-quote{display:inline-block;margin:0 0 0 90px}
.nopadding{margin:0!important;padding:0!important}
.features-slider li h1{color:#fff;font-size:22px;font-weight:400;margin-bottom:15px;padding-left:50px}
.features-slider li p{color:#fff;font-size:14px;padding-left:50px}
.flickity-slider li .fa-quote-left{font-size:40px;color:#fff}
.price-list{display:block;background-color:#f2f2f2;padding:40px 0}
.panel-heading{padding:0}
.panel-title > a{padding:20px;display:block}
.panel-title .indicator{position:relative;margin-top:2px;margin-right:10px}
.panel-body{padding:20px;background-color:#fff}
.fa-arrow-circle-o-left{font-size:30px; position: relative; top:5px;}
.fa-arrow-circle-o-right{font-size:30px; position: relative; top:5px;}
.unit{text-align:center;line-height:30px;}
.unit.unit-value{ position: relative; top:5px;}
.add{width:100%}
.panel-group .panel + .panel{margin-top:10px}
.cart-title{display:block;text-align:left;border-bottom:1px solid #666;font-size:24px;text-transform:uppercase;padding-bottom:5px;color:#666}
.cart-item{padding:10px 0;margin-bottom:10px;border-bottom:1px dotted #c5c5c5}
.cart-item span{color:#555;display:inline-block;float:none;font-size:14px;line-height:normal;vertical-align:top;width:72%}
.cart-item span.rate{display:inline-block;text-align:right;vertical-align:top;width:25%}
.cart-item span.rate span{float:left;width:auto}
.cart-item span.rate .del{float:right;color:#666;cursor:pointer;padding:0 10px}
.cart-item span.rate .del:hover{color:#45aed6}
.total{font-size:20px;display:block;margin:30px 0 0;clear:both;overflow:hidden}
.add-to-cart{display:block;clear:both;margin:10px 0}
.full{width:100%;padding:10px 20px}
.wizard{background-color:#fff;border-radius:5px 5px 3px 3px;box-shadow:7px 7px 0 0 rgba(50,50,50,0.3);overflow:hidden;padding:0 14px}
.wizard-header{background-color:#f0f0f0;background-image:-moz-linear-gradient(center top,#fff 0%,#f0f0f0 100%);border-bottom:1px solid #dadada;border-top-left-radius:5px;border-top-right-radius:5px;color:#757575;margin:0 -14px;padding:14px;font-size:18px;font-weight:400}
.steps{border-bottom:1px solid #dadada;padding:15px 0 4px}
.steps .col-md-3{display:inline-block;min-height:112px;position:relative;text-align:center}
.steps .col-md-3::before,.steps .col-md-3::after{background-color:#eaeaea;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;content:"";height:5px;margin-top:-33px;position:absolute;top:50%;width:50%}
.steps .col-md-3::before{left:0;right:0}
.steps .col-md-3:first-child::before,.steps .col-md-3:last-child::after{display:none}
.step-header{background-color:#eaeaea;border:1px solid #d9d9d9;border-radius:50%;color:#999;display:inline-block;font-size:20px;height:50px;position:relative;text-align:center;width:50px;z-index:1}
.step-header .fa{width:50px;height:50px;display:block;line-height:48px}
.wizard .current .step-header{background-color:#fb6b5b;color:#fff}
.step-title{font-size:13px;colro:#666;font-weight:400;margin-top:10px}
.step-heading{color:#45aed6;font-size:16px;font-weight:400;margin-bottom:20px}
.continue{display:block}
.continue .btn{display:block;width:100%}
.divider-or{display:inline-block;min-height:80px;position:relative;text-align:center;width:100%}
.divider-or::before{left:0}
.divider-or::after{right:0}
.divider-or span{margin:20px auto;text-align:center;background-color:#0c6;border:1px solid #0c6;border-radius:50%;color:#fff;display:inline-block;font-size:14px;height:40px;position:relative;text-align:center;width:40px;line-height:38px;z-index:1}
.divider-or::before,.divider-or::after{background-color:#0c6;border-bottom:1px solid #0c6;border-top:1px solid #0c6;content:"";height:3px;margin-top:-0;position:absolute;top:50%;width:50%}
.wizard-content label{font-weight:400;line-height:normal}
.wizard-content input[type=text],.wizard-content input[type=password],.wizard-content input[type=email],.wizard-content input[type=phone],.wizard-content select,.wizard-content textarea{height:auto;padding:10px;border-radius:3px;border-color:#ccc}
.forgot{float:right}
.mtb10{margin-top:10px;margin-bottom:10px}
.w-btn{display:block;clear:both;overflow:hidden;margin:10px 0}
.total-amt{display:block;margin:10px 0;padding:10px 0;border-top:2px solid #ccc}
.order-quote{display:block;margin:10px 0;padding:10px 0;border-top:1px solid #ccc}
.tab-pane p{margin-top:10px}
.btn.g-plus{background-color:#d34836;border-color:#bf3422}
.btn.fb{background-color:#3b5998;border-color:#203e7c}
.btn.g-plus:hover,.btn.g-plus:focus{background-color:#d34836;border-color:#d34836}
.btn.fb:hover,.btn.fb:focus{background-color:#3b5998;border-color:#3b5998}
.cd-error-message{display:none;color:red}
.city-box ul{list-style-type:none;list-style-type:none;padding:0;text-align:center;font-size:25px}
.city-box ul li{line-height:37px}
.city-box ul li:hover{background:#30859a;color:#fff}
.zopim iframe{width:auto!important}
.media-heading{font-weight:400;font-size:15px; height:32px; overflow:hidden;}
.portfolio-items ul{float:left; width:100%;padding:0;}
.portfolio-items ul li{box-sizing:border-box;float:left;padding:15px;width:24.9%; list-style:none; }
.portfolio-items ul li a{color:#fff; overflow:hidden;text-align:center;background-color:#e84c3d;display:table;width:100%;height:100%;vertical-align:middle;font-size:24px;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.portfolio-items ul li a:hover{font-size:26px;}
.portfolio-items ul li a span{display:table-cell; height:170px;width:100%; text-align: center; vertical-align: middle; padding:10px;}
.portfolio-items ul li:nth-child(1) a{ background-color: #e84c3d}
.portfolio-items ul li:nth-child(2) a{background-color: #2ecd71}
.portfolio-items ul li:nth-child(3) a{background-color: #9a59b5}
.portfolio-items ul li:nth-child(4) a{background-color: #f2c40f}
.portfolio-items ul li:nth-child(5) a{background-color: #e77e22}
.portfolio-items ul li:nth-child(6) a{background-color: #34495e}
.portfolio-items ul li:nth-child(7) a{background-color: #7e8c8d}
.portfolio-items ul li:nth-child(8) a{background-color: #3598dc}
/* Get started */
.get-started{display:block; padding:20px; margin-bottom: 30px; background-color:#f5f5f5; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);}
.get-started h4{display:block; margin:-20px -20px 20px; padding:15px 20px; background-color: #45aed6; color:#fff;}
.panal-block{display:block; background-color: #fff; color:#363636; padding:20px; margin-bottom: 30px}
.panal-block h5{display:block; margin:0px 0px 20px;}
.panal-block ul{display:block; list-style: disc;}
.o-hide{overflow:hidden;}

/* Custom checkbox and Radio button */
/*input[type=radio],
input[type=checkbox] {
	display: none;
}*/
.radio-btn label:before,
.check label:before{
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	top:5px;
	bottom: 1px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio-btn label:before {
	border-radius: 8px;
}
.check label {
	margin-bottom: 10px;
	margin-left:22px;
}
.radio-btn label {
	margin-left:22px;
}
.check label:before {
    border-radius: 3px;
}
.check, .radio-btn{position: relative;}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 15px;
}

input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #f3f3f3;
	text-align: center;
    line-height: 15px;
}
.features a.col-md-2{min-height:120px;}
@media (max-width:990px) {
.device{position:relative}
}
@media (max-width:992px) {
#portfolio .portfolio-item{width:33.3333%}
.features-slider .flickity-page-dots{text-align:center}
.features-img{width:96%;display:block;margin:0 auto}
/*.container{width:100%}*/
.nav > li > a{padding-right:10px;padding-left:10px}
.navbar-brand img{height:50px}
.list-image{margin-bottom:10px;}
}
@media (max-width:768px) {
body{padding-top:58px;}  
.navbar.navbar-default .navbar-brand{margin-left:15px}
.navbar-brand img{height:40px;}
#main-menu{box-shadow:0 0 10px rgba(0,0,0,0.65);-moz-box-shadow:0 0 10px rgba(0,0,0,0.65);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.65);-ms-box-shadow:0 0 10px rgba(0,0,0,0.65);-o-box-shadow:0 0 10px rgba(0,0,0,0.65)}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{background-color:#2a95be;color:#fff}
.navbar-default .navbar-nav > a:hover{background-color:#2a95be;color:#fff}
.navbar-default .navbar-toggle{border-color:transparent}
.search{position:relative;clear:both;margin:30px 0 50px;top:0}
.title-bottom{height:170px}
.col-md-6.col-sm-6.relative.pull-right{float:none!important}
.circle-effact{display:block;text-align:center}
.circle-btn{float:none;display:inline-block;top:40px}
#portfolio,
#services{padding:50px 0;}
#portfolio .portfolio-item{width:50%}
.section-title{font-size:6vw}
.top-banner{min-height:170px;}
.portfolio-items ul li{width:49.9%;}
.portfolio-items ul a{font-size:18px;}
.portfolio-items ul a:hover{font-size:20px;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{ background-color: transparent;}
.navbar-default .navbar-toggle:hover .icon-bar{background-color:#3598dc;}
.navbar-nav{margin-top:0;margin-bottom:0;}
.book-service{position: absolute;left:0;}
#main-slider .item{height:350px}
.section-header{margin-bottom:20px;}
.section-header .section-title{font-size:30px;}
#our-process h3, #why-us h3{font-size:20px; font-weight:400;}
.l-arrow,
.r-arrow,
.unit{margin-top:10px;margin-bottom:10px;}
body{overflow-x:hidden;}
#footer{height:auto; position:relative;}
.section-header{margin-bottom:50px;}

}
@media (max-width:480px) {
    .price-list{padding-top:0;}
.step-title{font-size:10px; line-height:12px; font-weight:600;}
    #portfolio .portfolio-item{width:100%}
.device{left:-8%}
.portfolio-items ul li{width:100%;}
.l-arrow .fa, .r-arrow .fa{
    position: relative;
    top: 10px;
}
.list-image{width:100%}
.unit-value{width:66.66666667%;}
.category-title{font-size: 36px;}
}
.topband{display: block; clear:both; margin: 5px 0; text-align: right;}
.topband strong{display:inline-block; font-size:18px; color:#45aed6; margin-left:10px;}
.topband strong .fa{font-size:20px;}
.topband a.fb{ display: inline-block; height:30px; width:30px; border-radius:3px; background-color: #2a95be; color:#fff; text-align: center; line-height: 30px; cursor:pointer;}