article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}
[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;font-family:'Open Sans',sans-serif}
html,body{overflow-x:hidden;width:100%}body{margin:0;font-family:'Open Sans',sans-serif}html,html a{text-shadow:1px 1px 1px rgba(0,0,0,0.004);-webkit-font-smoothing:antialiased}
a:focus{outline:thin dotted;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}h1{margin:.67em 0;font-size:2em}h2{margin:.83em 0;font-size:1.5em}
h3{margin:1em 0;font-size:1.17em}h4{margin:1.33em 0;font-size:1em}h5{margin:1.67em 0;font-size:.83em}h6{margin:2.33em 0;font-size:.75em}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}blockquote{margin:0}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-size:1em;font-family:monospace,serif;_font-family:'courier new',monospace}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}
small{font-size:75%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}
figure{margin:0}form{margin:0}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0}legend{padding:0;border:0;white-space:normal;_margin-left:-7px}
button,input,select,textarea{margin:0;vertical-align:baseline;font-size:100%;_vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;_overflow:visible}
button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;_height:13px;_width:13px}
input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield;nowhitespace:afterproperty}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-spacing:0;border-collapse:collapse}
.group:after{content:"";display:table;clear:both}a{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}
.nopadding{margin:0!important;padding:0!important}p{font-size:14px;line-height:25px}a{color:#73d0da}a:hover,a:focus{color:#ef0590;text-decoration:none}
.texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;_background-image:url(../img/grid.png)}.use-btn{display:inline-block;margin:0 10px 10px 0;padding:0}
.team-quote{margin:40px 0}.learn-btn{display:block;padding:7px 16px 7px 30px;margin-top:2px;width:165px;vertical-align:center;_border:2px solid #fff;border-radius:3px;background-color:#f6f6f6;color:#222;font-size:16px}
.download-btn{display:inline-block;padding:10px 26px;margin-top:2px;margin-right:20px;width:225px;vertical-align:center;border:2px solid #333;border-radius:3px;_background-color:#38a5af;color:#333;font-size:16px}
.learn-btn:hover,.download-btn:hover,.learn-btn:focus,.download-btn:focus{border-color:#ef0590;color:#ef0590;text-decoration:none}.read-more-btn{display:inline-block;color:#323a45;text-transform:uppercase;font-weight:400}
.read-more-btn i,.download-btn i{margin-left:5px}.showcase .download-btn{margin-top:50px}.download .download-btn{margin-top:25px}.ic-video:before{content:"\f01d"}
.ic-examples:before{content:"\f002"}.ic-showcase:before{content:"\f109"}.ic-buy_now:before{content:"\f07a"}
.ic-read:before{content:"\f02d"}.nav-toggle{position:absolute;top:0;right:15px;z-index:999999;padding:10px 35px 16px 0;cursor:pointer}
.nav-toggle:focus{outline:0}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:'';position:absolute;display:block;width:35px;height:5px;border-radius:1px;background:#fff;cursor:pointer}
.nav-toggle span:before{top:-10px}.nav-toggle span:after{bottom:-10px}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.nav-toggle.active span{background-color:transparent}.nav-toggle.active span:before,.nav-toggle.active span:after{top:0}.nav-toggle.active span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.nav-toggle.active span:after{top:10px;-webkit-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}
.navicon{position:relative;height:26px}.navicon p{margin:1px 50px 0 0}.navicon-fixed{position:fixed;top:59px;right:143px}.hero{position:relative;padding:60px 0 60px 0;min-height:800px;background:#661466 url('../img/hero-01.jpg') no-repeat center center;background-size:cover;color:#fff}
.hero h1{margin:150px 0 10px 0;font-weight:300;font-size:45px}.hero h2{font-weight:200;margin:0 0 35px 0}.hero h1 span{display:inline-block;color:#a1a9b0}
#home{width:100%;height:100%}.hero{width:100%;height:100%}header i{margin-left:5px}section.video i{margin-right:10px;color:#323a45;vertical-align:middle;font-size:50px;-webkit-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}
section.video h1{font-weight:400;font-size:20px}section.video{padding:60px 0;background-color:#f6f7f9}section.video a{color:#323a45}section.video a:hover,section.video a:focus{color:#ef0590;text-decoration:none}
section.video a:hover i,section.video a:focus i{color:#ef0590}.flickity-page-dots .dot{width:13px;height:13px;opacity:1;background:transparent;border:2px solid white;-webkit-transition:background .3s;transition:background .3s}
.flickity-page-dots .dot.is-selected{background:white}.features-bg{position:relative;min-height:400px;background:url('../img/features-intro-01.jpg') no-repeat center center;background-size:cover}
.features-img{width:100%;height:400px;text-align:center;line-height:400px}.features-slider{position:relative;padding:11% 100px 10% 100px;height:400px;background-color:#352c3a}
.features-slider ul{margin:0;padding:0;list-style:none}.features-slider ul li{width:100%}.features-slider li h1{margin-bottom:15px;color:#fff;font-weight:400;font-size:22px}
.features-slider li p{color:#fff;font-size:14px}.features-intro-img{position:relative}.slides li h1{margin:0;padding:0}.features-slider .flickity-page-dots{text-align:left;margin-top:50px;position:static}
.features-slider .flickity-page-dots .dot{margin:0 12px 0 0}.features-list{padding:130px 0}.features-list h1{margin:0 0 10px 0;padding:0;color:#24374b;font-size:20px}
.features-list p{margin-bottom:20px;color:#789}.feature-content{display:inline-block;margin-left:0;width:65%}.feature-icon{display:inline-block;margin-right:25px;width:90px;height:90px;vertical-align:top;text-align:center;font-size:25px;line-height:90px}
.features-wrapper h2{font-size:15px;color:#353535;text-transform:uppercase;font-weight:bold}.features-wrapper h2::after{content:" ";border:solid 1px #4e9ba3;display:block;width:50px;margin:25px auto}
.icon{height:175px;width:175px;line-height:175px;max-width:100%;background:#3dc9b3;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:solid 2px #4e9ba3;display:block;color:#fff;font-size:55px;text-align:center;vertical-align:middle;position:relative;margin:0 auto 50px}
.fa-vectorfield{background:url('../img/feature_vectorfield.png') no-repeat center center}.fa-lumaspacing{background:url('../img/feature_lumaspacing.png') no-repeat center center}
.fa-regulargrid{background:url('../img/feature_regulargrid.png') no-repeat center center}.feature-icon i{color:#4e9ba3}blockquote{margin:40px 0 0;padding:0;border:0}
blockquote p{display:inline-block;margin:0;padding:0;width:70%;vertical-align:top;font-style:italic}blockquote .avatar{display:inline-block;margin-right:20px;width:64px;height:64px;vertical-align:middle}
blockquote .logo-quote{display:inline-block;margin:0 0 0 90px}.showcase{background:url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed;background-size:cover}
.showcase h1{margin:0 0 20px 0;color:#fff;font-weight:400;font-size:22px}.showcase p{margin-bottom:25px;color:#fff}.device{position:absolute;top:-78px;left:-250px;min-height:676px;width:900px;background:url('../img/macbook.png') no-repeat center center}
.device-content{position:absolute;top:115px;left:56px;width:247px;height:445px;background:rgba(0,0,0,0.3)}.device-content img{width:247px;height:445px}
.showcase-wrap{position:relative;padding:100px 0 0 0;min-height:540px}.showcase-slider ul{margin:0;padding:0;list-style:none}.showcase-slider .flickity-page-dots{bottom:20px}
.screenshots-intro{padding:170px 0 100px 0;background-color:#f6f7f9}.screenshots-intro h1{margin-bottom:20px;color:#24374b;font-weight:400;font-size:22px}
.screenshots-intro p{margin-bottom:25px;color:#789}.examples ul{margin:0;padding:0;width:100%}.examples ul li{float:left;min-height:100%;width:25%;background-color:#000;list-style:none}
.examples figure{position:relative;overflow:hidden}.examples figure img{width:100%;height:100%;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.examples figure:hover img,.examples figure:focus img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.examples figcaption{position:absolute;top:0;left:0;padding:25% 0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);text-align:center;font-size:15px;opacity:0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.examples figcaption a{color:#fff}.examples figcaption a:hover,.examples figcaption a:focus{color:#ef0590}.examples figure:hover figcaption,.examples figure:focus figcaption{opacity:1}
.visible{opacity:1}.examples figure.cs-hover figcaption{opacity:1}.examples figcaption i{font-size:35px}.examples figcaption p{margin-bottom:0;text-transform:uppercase;font-weight:400}
.examples figcaption .caption-content{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-100px;width:200px;-webkit-transform:translate(0px,15px);-ms-transform:translate(0px,15px);transform:translate(0px,15px);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.examples figure:hover figcaption .caption-content,.examples figure:focus figcaption .caption-content{-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}
.download{padding:120px 0;background-color:#efefef}.download h1{margin:0 0 15px 0;color:#fff;font-weight:400;font-size:40px}.social{display:block;margin:24px 0;padding:0;font-size:36px}
.social li{display:inline-block;margin:0 15px;padding:0}.columns{display:inline-block;vertical-align:middle;margin:0 auto;padding-bottom:40px;text-align:center}
footer{padding:50px 0 100px 0}footer p{color:#8c8d8f;font-size:12px}footer ul{margin-top:30px}footer li{float:left;margin-right:8%;list-style:none;text-transform:uppercase;font-weight:400}
footer li a{color:#3f6184}footer .footer-nav li:last-child{margin-right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(52,13,50,0.9)}
.overlay nav{position:relative;top:50%;height:60%;text-align:center;font-size:54px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.overlay ul{position:relative;display:inline-block;margin:0 auto;padding:0;list-style:none}.overlay ul li{display:block;float:left;margin-right:20px}.overlay ul li:last-child{margin-right:0}
.overlay ul li i{display:block;margin-bottom:10px;font-size:40px}.overlay ul li a{display:block;padding:15px 0;min-width:190px;_border:2px solid #fff;border-radius:3px;background-color:#d23a9e;color:#fff;text-transform:uppercase;font-weight:400;font-size:15px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.overlay ul li a:hover,.overlay ul li a:focus{border-color:#ef0590;background-color:#ff46c0}.overlay-shapeover{visibility:hidden;opacity:0;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}
.overlay-shapeover.open{visibility:visible;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.overlay-shapeover nav ul li{opacity:0;-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}
.overlay-shapeover.open nav ul:first-child li:first-child{-webkit-transition-delay:.05s;transition-delay:.05s}.overlay-shapeover.open nav ul:first-child li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.overlay-shapeover.open nav ul:nth-child(2) li:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}.overlay-shapeover.open nav ul:nth-child(2) li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
.overlay-shapeover.open nav ul li{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.wp1,.wp2,.wp3,.wp4,.wp5,.wp6{visibility:hidden}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.bounceInDown{visibility:visible}.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}