body{background:#006687;padding-top:45px;position:relative}svg{padding:0;margin:0}form.error{border-color:#ea2f10}.btn{margin-right:10px}.flash-message-container{position:absolute;left:0;top:50px;width:100%;text-align:center}.main{background:#FFF}@media (max-width:512px){.title-extra,.nav>li.logged-in-nav{display:none}}@media (max-width:400px){.nav>li.demos-nav{display:none}}.navbar-text.logged-in,.navbar-text.logged-in a{color:#87e1ff}.dropdown:hover .dropdown-menu{display:block}.section-header{font-weight:bold;color:#999}.hljs{background:none}.list-group .list-group{margin-bottom:0}.main-nav .navbar-right{float:right !important;margin:0}.main-nav .navbar-nav>li,.main-nav .navbar-header{float:left}.main-nav .navbar-nav>li>a{padding-top:12px;padding-bottom:12px}.centered{text-align:center}.clear{clear:both}.footer{background:#006687;color:white;padding:60px 0;position:relative;z-index:2}.footer a{color:#87e1ff}.footer-spacer{display:inline-block;height:20px;width:1px;background:#21c8ff;margin:0 20px;vertical-align:bottom}.simple-message-container .jumbotron{margin-top:50px;margin-bottom:50px}.simple-message-container h2{margin-bottom:67px}.feature-block{padding-bottom:60px;margin-bottom:40px;border-bottom:1px solid #54d5ff}.feature-block.last{border-bottom:none;margin-bottom:0}.feature-block.first{padding-top:30px}@media (max-width:512px){.nav>li.wenlin-nav-link{display:none}}.intro{background:#006687;height:400px}.intro .taglines{color:white;padding-top:100px;width:420px}@media (max-width:400px){.intro .taglines{width:100%}}.intro .container{position:relative}.intro .demo{height:200px;width:200px;position:absolute;perspective:200px;top:90px;left:50%}.mini-demo{padding:10px;border:1px solid #CCC;width:270px;margin:40px auto 0}.mini-demo-subcontrols{border:1px solid #CCC;border-top:none;width:270px;margin:0 auto 20px;padding:10px;text-align:left;position:relative}.mini-demo-subcontrols .btn{position:absolute;right:10px;top:10px}.mini-demo-subcontrols label{line-height:21px}.mini-demo-subcontrols input[type=checkbox]{display:inline-block;margin-top:5px}@media (max-width:1000px){.intro .demo{right:50px;left:auto}}@media (max-width:768px){.intro{height:250px}.intro .demo{display:none}.intro .taglines{padding-top:20px}.demo-wrapper.first{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee}}.intro .demo *{transform-style:preserve-3d}.explode-char-container{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;transform:rotateY(0deg);transition:all 1000ms}.explode-char-container.visible{opacity:1}.explode-char-container.rotate{transform:rotateY(15deg) rotateX(15deg)}.explode-stroke-box{border:1px solid #008cba;width:100%;height:100%;position:absolute;left:0;top:0;transition:all 1000ms}.explode-stroke-box.active{border:1px solid #54d5ff}.explode-stroke-box path{fill:#008cba;transition:all 1000ms}.explode-stroke-box.active path{fill:#54d5ff}.explode-stroke-box.active .stroke-num{color:#54d5ff}.stroke-num{position:absolute;left:0;top:0;font-size:10px;color:#008cba;padding:5px;opacity:0;transition:all 1000ms}.explode-char-container.done .stroke-num{opacity:1}a.demo-wrapper{display:block;padding:10px;transition:all 300ms}a.demo-wrapper *{color:#222}a.demo-wrapper:hover{text-decoration:none;background:#e8f9ff}.demo-teaser svg{display:block}.animation-teaser path.background{fill:#00b2ed}.animation-teaser path.foreground{fill:#006687}.explorer-teaser path{fill:#006687}.explorer-teaser rect{fill:#00b2ed;opacity:.3}.fanning-teaser path{fill:#006687}.fanning-teaser rect{fill:none;stroke:#baeeff}.feature h2{margin-bottom:40px}.call-to-action-container .btn{margin:40px 10px 20px;width:270px}.demo-container{padding:20px 0 50px 0}.demo-container h1{margin-bottom:40px}.demo-target{border:1px solid #008cba;border-top:none;margin:0 auto;width:400px;height:400px}.demo-code{width:400px;margin:20px auto}.demo-code pre{border-color:#ddd;border-top:none;background:none}.demo-code pre code{text-align:left;white-space:pre}.fanning-target{border:none;margin-top:50px}.demo-controls{width:400px;padding:10px;border:1px solid #008cba;margin:0 auto}.demo-controls.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.demo-subcontrols{width:400px;padding:10px;border:1px solid #008cba;margin:0 auto;border-top:none;position:relative;text-align:left}.explore-demo .explore-info{width:400px;height:70px;margin:0 auto;position:relative;text-align:left;border:1px solid #008cba;border-top:none;padding:10px;box-sizing:border-box;opacity:0;transition:all 500ms}.explore-demo .locked .explore-info{opacity:1}.explore-demo path,.explore-demo g,.explore-demo rect{transition:all 300ms}.explore-demo path{fill:#333}.explore-demo path:hover{fill:#327BFA}.explore-demo path.active{fill:#327BFA;transform:scale(1.01)}.explore-demo .explorer-target path{cursor:pointer}.explore-demo g>rect{fill:#54d5ff;opacity:0}.explore-demo .locked g.active{transform:scale(1.01)}.explore-demo g.highlight>rect{stroke:#008cba}.explore-demo .locked g.active>rect{opacity:.3}.explore-demo #mini-components{position:absolute;right:5px;top:5px;height:50px;width:100%}.explore-demo .mini-component{border:1px solid #54d5ff;padding:3px;margin:0 2px;float:right;height:38px;width:38px;position:relative;text-align:center}.explore-demo .mouseover-target{background:#FFF;position:absolute;right:0;left:0;width:100%;height:100%;z-index:99}.explore-demo .unicode{color:#AAA;font-size:10px}.quiz-demo .demo-subcontrols .btn{position:absolute;right:10px;top:10px}.quiz-demo .demo-subcontrols label{line-height:21px}.quiz-demo .demo-subcontrols input[type=checkbox]{display:inline-block;margin-top:5px}@media (max-width:420px){.demo-target{width:300px;height:300px}.demo-code{width:300px}.demo-controls,.demo-subcontrols{width:300px}.explore-demo .explore-info{width:300px}.explore-demo .mini-component:first-child{display:none}}.docs-nav{padding-top:20px}.docs-nav .list-group-item{border:none}.docs-nav .inner-group{display:none}.docs-nav .inner-group .list-group-item{padding:5px 15px}.docs-nav .list-group-item.active+.inner-group{display:block}@media (max-width:768px){.docs-nav .list-group-item.active+.inner-group{display:none}}.docs-container{overflow:hidden}.docs-container a.anchor{position:relative;top:-45px}.docs-container h2{margin-bottom:20px}.docs-container h4{margin-top:30px}.docs-container .main-pane{border-left:1px solid #eee;padding-bottom:50px}.mini-section{padding-top:40px}.mini-section.first{padding-top:0}.render-comparisons{margin-bottom:10px}.render-comparisons .target{width:100px;height:100px}.render-comparisons .comparison{float:left;text-align:center;margin-right:20px;padding:10px;background:#eee}.docs-demo-target{width:200px;height:200px;border:1px solid #999;margin-bottom:15px}.sign-up-container{padding-bottom:50px}.sign-up-container .error{border-color:#ea2f10}.sign-up-success-container{padding:100px 0 130px}.sign-up-success-container p{margin-top:30px}.log-in-container .forgot-pass-link{margin-left:15px;font-size:12px}.edit-dev-form .btn{margin-right:10px}ol.la{list-style-type:lower-alpha}ol.lr{list-style-type:lower-roman}.sub-section-head{font-weight:bold}.pricing-container{padding-bottom:40px}.pricing-container .plan{float:left;border-top:3px solid #008cba;width:14.2857%}@media (max-width:768px){.pricing-container .plan{width:25%}}@media (max-width:480px){.pricing-container .plan{width:50%}}.pricing-container .plan-inner{padding:10px;border:1px solid #eee;border-top:none;border-right:none;box-sizing:border-box}.pricing-container .plan-header{height:70px;position:relative}.pricing-container h4{margin-bottom:5px}.pricing-container .plan-price,.pricing-container .plan-note,.pricing-container .detail{font-size:9px}.pricing-container .plan-price{color:#6f6f6f;position:absolute;bottom:0px;left:0}.pricing-container .price-highlight{font-size:12px;margin-right:4px}.pricing-container .plan-note{color:#6f6f6f;font-style:italic}.pricing-container .details{padding-top:15px;margin-top:15px;border-top:1px solid #eee;height:110px}.pricing-container .detail{padding:5px 0}.pricing-container .detail-header{font-size:12px}.pricing-container .choose{margin-top:20px}.pricing-container .custom-plan{background:#008cba;color:#eee}.pricing-container .custom-plan h4{color:white}.pricing-container .custom-plan .plan-note,.pricing-container .custom-plan .plan-price{color:#eee}.pricing-container .custom-plan .details{border-top-color:#0079a1}.pricing-container .custom-plan .detail-header{color:white}.pricing-container .custom-plan .btn{border-color:#eee}.partnerlogos{margin:60px 0 10px;text-align:center}.partnerlogos img{max-height:100px;margin:20px}