/*! normalize.css v3.0.1 | MIT License | git.io/normalize */@import url("//hello.myfonts.net/count/2c571b");@import url("//hello.myfonts.net/count/2c0b6f");
.templates .inner{max-width:100%;}
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:0.5;filter:alpha(opacity=50);font-size:20px;color:white;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-control.left{background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0%), color-stop(rgba(0,0,0,0.0001) 100%));background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0%), color-stop(rgba(0,0,0,0.5) 100%));background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,.carousel-control:focus{outline:0;color:white;text-decoration:none;opacity:0.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid white;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}
.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:white}
.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:white;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}
.carousel-caption{left:20%;right:20%;padding-bottom:30px}
.carousel-indicators{bottom:20px}
}

section.templates{position:relative;background-color:rgba(46,66,89,0.1);overflow:hidden;height:auto}
section.templates .highlight-phone{cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:410px;width:200px}

#template-groups-scroll{position:relative}
#template-groups-scroll .overlay-gradient{pointer-events:none;position:absolute;top:100px;width:100%;height:314px;background-image:linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.6), rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0.9))}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:0;bottom:0;margin:auto;display:block;width:30px;height:50px;cursor:pointer;color:transparent;border:none;outline:none;border-radius:1rem;padding:0 .5rem;background-color:white;font-size:5rem;color:#2e4259;box-shadow:rgba(46,66,89,0.5) 0px 1px 2px 1px;-webkit-transform:scale(1, 1.5);-moz-transform:scale(1, 1.5);-o-transform:scale(1, 1.5);transform:scale(1, 1.5)}
.slick-next{right:calc(50% - 145px);overflow:hidden}
.slick-next:before{content:'>';font-size:4rem;line-height:50px}
.slick-prev{left:calc(50% - 145px);overflow:hidden}
.slick-prev:before{content:'<';font-size:4rem;line-height:50px}
.carousel-scroll-nav:focus{outline:none;box-shadow:none}
.carousel-scroll-nav .nav-contents{text-transform:capitalize}
.carousel-scroll-nav .nav-contents:focus{outline:none;box-shadow:none}
.carousel-scroll-nav .nav-contents .slick-list:focus{outline:none;box-shadow:none}
.carousel-scroll-nav .nav-contents .nav-item{vertical-align:top;color:rgba(46,66,89,0.4);display:inline-block;margin:0;text-align:center}
.carousel-scroll-nav .nav-contents .nav-item span span{border-bottom:5px solid transparent;cursor:pointer; padding:5px 0px;}
.carousel-scroll-nav .nav-contents .nav-item .highlight{width:200px;height:410px;position:relative;margin-top:83px}
.carousel-scroll-nav .nav-contents .nav-item .highlight img{position:absolute;display:block;height:308px;width:175px;top:0;left:0;right:0;margin:auto;bottom:auto}
.carousel-scroll-nav .nav-contents .nav-item .highlight .start-button{display:none;max-width:200px;margin:auto;position:absolute;bottom:0;left:0;right:0;border-radius:995rem;padding:1.5rem 1rem}
.carousel-scroll-nav .nav-contents .nav-item.slick-center .module-pack,.carousel-scroll-nav .nav-contents .nav-item.slick-center .start-button{display:block}
.carousel-scroll-nav .nav-contents .nav-item.slick-center span span{border-bottom:5px solid #2e4259;color:#2e4259; padding:5px 0px;}
.carousel-scroll-nav .nav-contents .nav-item:hover{color:#2e4259}
.carousel-scroll-nav .nav-contents .nav-item .nav-category{cursor:pointer;display:inline-block}
section.premium-features{background-color:rgba(46,66,89,0.1)}
.carousel{position:relative;height:100%}
.carousel .carousel-inner{height:100%;position:relative}
.carousel .carousel-inner .item{background-size:cover;background-position:center;width:100%;height:100%}
.carousel .carousel-inner .item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(46,66,89,0.8)}
.carousel .carousel-inner .item .feature-description{max-width:800px;text-align:center;position:absolute;top:20px;right:0;left:0;margin:auto;width:90%}
.carousel .carousel-inner .item .feature-description h2{color:white;font-size:4rem;line-height:4.4rem;margin-bottom:2rem}
.carousel .carousel-inner .item .feature-description h3{color:white;font-weight:300;font-size:2.5rem;line-height:2.9rem;text-transform:none;margin-left:auto;margin-right:auto;max-width:600px}
.carousel .carousel-inner .item .feature-description .twilio{margin:auto;height:38px;min-width:200px}
.carousel .carousel-inner .item .feature-description p{text-transform:uppercase;color:white;margin-top:1rem}
.carousel .carousel-inner .item .feature-description input{max-width:330px}
.carousel .carousel-inner .item .feature-description .flash{text-transform:none;color:#73c69c;margin-bottom:2rem;font-size:1.6rem;font-weight:400}
.carousel .carousel-inner .item .feature-description .flash.error{color:#f08567}
.carousel .carousel-inner .item .feature-description .form-group{margin-right:10px}
.carousel .carousel-inner .item .feature-description .start-button{border:none;margin:auto;padding:1.2rem 2rem}
.carousel .carousel-inner .item .feature-description .start-button:hover{color:#2e4259}
.carousel .carousel-inner .item .feature-description .back-btn{border-radius:995rem;font-size:1.8rem;vertical-align:middle;padding:1rem 1.8rem;background-color:transparent;border:2px solid #6fb3d1;color:white;margin-right:1rem;margin-bottom:1rem}
.carousel .carousel-inner .item .feature-description .back-btn:hover{text-decoration:none}
.carousel .carousel-inner .item .feature-description .prem-cta{margin-top:2rem;text-transform:capitalize}
.carousel .carousel-inner .item .feature-description .text-success{display:none;margin-top:0}
@media (min-width: 768px){.carousel .carousel-inner .item .feature-description{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:50%;width:90%}
.carousel .carousel-inner .item .feature-description h2{font-size:6rem;line-height:6.4rem}
.carousel .carousel-inner .item .feature-description p{margin-top:2rem;margin-bottom:2rem}
.carousel .carousel-inner .item .feature-description .form-group,.carousel .carousel-inner .item .feature-description .start-button{display:inline-block;vertical-align:middle;margin-bottom:0}
.carousel .carousel-inner .item .feature-description .text-success{display:none;margin-bottom:0}
.carousel .carousel-inner .item .feature-description .back-button{margin-bottom:0}
}
.carousel .carousel-inner .item:nth-child(1){background-image:url(/assets/home/premium/app+maker+free+preview+app-a3013635df646a9d8ca1f297fc739f69.jpg)}
.carousel .carousel-inner .item:nth-child(2){background-image:url(/assets/home/premium/how+to+make+an+app+push+notification-8218be114fa72fd62fff5a838a512db2.jpg)}
.carousel .carousel-inner .item:nth-child(3){background-image:url(/assets/home/premium/best-app-builder-analytics-8baffd47355128da5f539fb5e8ed1a5f.jpg)}
.carousel .carousel-indicators{bottom:-50px;left:0;right:0;margin:auto;width:100%}
.carousel .carousel-indicators li{border-radius:50%;height:50px;width:50px;margin:15px;background-color:#edece9;border:1px solid #2e4259;text-indent:initial;position:relative;vertical-align:middle;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.carousel .carousel-indicators li .icon{color:#919292;font-size:50px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:40px;width:100%}
.carousel .carousel-indicators li.active{height:70px;width:70px;background-color:white}
.carousel .carousel-indicators li.active .icon{color:#2e4259}
@media (min-width: 768px){.carousel .carousel-indicators li{height:82px;width:82px}
.carousel .carousel-indicators li.active{height:92px;width:92px}
}