#hero,figure,svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}h2,h3,h5{color:#3b3b48}body,html{-webkit-text-size-adjust:100%}a,a:focus,a:hover{text-decoration:none}.btn,.btn-holder,.text-center{text-align:center}@font-face{font-family:'MBV Light';src:url(../fonts/MBV100.eot);src:url(../fonts/MBV100.eot?#iefix) format('embedded-opentype'),url(../fonts/MBV100.woff2) format('woff2'),url(../fonts/MBV100.woff) format('woff'),url(../fonts/MBV100.ttf) format('truetype'),url(../fonts/MBV100.svg#MV-100) format('svg')}@font-face{font-family:'MBV Regular';src:url(../fonts/MBV400.eot);src:url(../fonts/MBV400.eot?#iefix) format('embedded-opentype'),url(../fonts/MBV400.woff2) format('woff2'),url(../fonts/MBV400.woff) format('woff'),url(../fonts/MBV400.ttf) format('truetype'),url(../fonts/MBV400.svg#MBV400) format('svg')}@font-face{font-family:'MBV Bold';src:url(../fonts/MBV900.eot);src:url(../fonts/MBV900.eot?#iefix) format('embedded-opentype'),url(../fonts/MBV900.woff2) format('woff2'),url(../fonts/MBV900.woff) format('woff'),url(../fonts/MBV900.ttf) format('truetype'),url(../fonts/MBV900-.svg#MBV900) format('svg')}@font-face{font-family:'MBS Regular';src:url(../fonts/MBS400.eot);src:url(../fonts/MBS400.eot?#iefix) format('embedded-opentype'),url(../fonts/MBS400.woff2) format('woff2'),url(../fonts/MBS400.woff) format('woff'),url(../fonts/MBS400.ttf) format('truetype'),url(../fonts/MBS400.svg#MBS400) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;font-size:10px;line-height:1.15;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;overflow-y:scroll}a,button,input{-ms-touch-action:manipulation}body{font-size:14px;line-height:1.42857143;background-color:#fff}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}hr{box-sizing:content-box;height:0}.col-4,.subscribe-popup input,legend{box-sizing:border-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{cursor:pointer;background-color:transparent;-webkit-text-decoration-skip:objects;touch-action:manipulation}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{touch-action:manipulation}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.btn,.header-logo svg,header ul.primary-nav{vertical-align:middle}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}.col-4,.container{position:relative;padding-left:15px;padding-right:15px}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{content:" ";display:table;clear:both}.container{display:block;margin-right:auto;margin-left:auto}.btn,.row{display:inline-block}.row{position:relative;margin-left:-15px;margin-right:-15px}.col-4{float:left;width:100%;min-height:1px}@media (min-width:768px){.container{width:750px}.col-4{width:50%}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1400px;max-width:95%}.col-4{float:left;width:33.33333333%}}p{font-size:15px;line-height:24px;padding-bottom:20px}h1{font-size:60px}h2{font-size:40px;font-weight:300}.btn,h5{font-weight:400;text-transform:uppercase}h3{font-size:24px;margin-bottom:20px}h4{font-size:18px}h5{font-size:15px}.btn{margin-bottom:0;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:40px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#hero,header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-holder{display:block}.btn-fill,.btn-white{display:inline-block}.btn-std:focus,.btn-std:hover{color:#fff;border-color:#3fbdb0;background-color:#3fbdb0}.btn-white{font-size:13px;border:2px solid #fff;border-radius:40px}.btn-white:focus,.btn-white:hover{color:#3fbdb0;border-color:#3fbdb0}.btn-fill{color:#fff;border:none;background:#DE496D;background:linear-gradient(90deg,#DE496D 0,#f0c57a 100%);font-weight:500;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.08)}.btn-fill:focus,.btn-fill:hover{opacity:.95;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.16)}.btn-small{padding:12px 22px}.btn-large{font-size:18px;padding:18px 46px;letter-spacing:1.5px}.btn-border{border:2px solid;padding:16px 44px;color:#283646}.btn-margin-right{margin-right:20px}.btn-fill.btn-purchase{position:absolute;right:14px;top:14px;background:#DE496D;box-shadow:none;color:#fff;opacity:.8}.btn-fill.btn-purchase:hover{opacity:1}@media (max-width:1000px){.btn-large{font-size:16px;padding:12px 32px}}.no-padding,body,ol,ul{padding:0}#doc-container ol.ordered-list,#doc-container ul.ordered-list{counter-reset:item;margin:13px 0 13px 20px}#doc-container ol.ordered-list li{font-size:16px;line-height:24px}#doc-container ol.ordered-list li:before{content:counter(item) ". ";counter-increment:item;font-weight:700;line-height:26px}#doc-container ul.ordered-list li:before{content:"\2022  ";counter-increment:item;font-weight:700;line-height:26px;margin:0 0 0 15px}.no-margin,body,ol,ul{margin:0}#doc-container ol.ordered-list li b{font-weight:600}::-moz-selection{background:rgba(222,73,109,.75);color:#fff}::selection{background:rgba(222,73,109,.75);color:#fff}body,html{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{visibility:hidden;opacity:.0001;max-width:100%;font-family:'MBS Regular',sans-serif;font-weight:300;color:rgba(28,54,83,.6);-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}body.loaded{visibility:visible;opacity:1}.group:after{content:"";display:table;clear:both}a{color:#DE496D;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}a:focus,a:hover{color:#D7405D}h1,h2,h3,h4,h5,h6,header a{font-family:'MBV Bold',sans-serif}.section-sub-title,.section-title{position:relative;padding:0 80px;display:block}ul li{list-style:none}.text-left{text-align:left}.text-right{text-align:right}#hero,#scrollTo-top,.header-logo,noscript div{text-align:center}.section-title{margin:20px auto 8px;color:#3b3b48;font-size:36px;font-weight:300;font-family:'MBV Regular',sans-serif;text-transform:uppercase}.section-sub-title{margin:0 0 56px;font-size:18px;font-weight:400}header,noscript div{position:fixed;right:0;left:0}#demos .section-sub-title{margin:24px 0;padding:0}@media only screen and (max-width:680px){.section-title{font-size:28px}}noscript div{display:block;z-index:99999;top:70px;height:40px;font-size:18px;line-height:40px;color:#fff;background:#DE496D}header{z-index:9999;top:0;height:70px;padding:18px 0;margin:0 auto;border-bottom:solid 1px rgba(14,21,47,.08);user-select:none;-webkit-transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}body:not(.loaded) noscript+header{background:#fff}.documentation header{background:rgba(255,255,255,.85)}.fixed-header header{background-color:rgba(255,255,255,.85);border-color:rgba(14,21,47,0);box-shadow:0 0 24px 2px rgba(14,21,47,.08)}.fixed-sidebar header{background-color:#fff;border-color:rgba(14,21,47,.08);box-shadow:0 0 24px 2px rgba(14,21,47,0);-webkit-transition:none;transition:none}.header-overlay{position:absolute;display:none;left:0;top:0;right:0;bottom:0;opacity:0;background-color:#283646;-webkit-transition:opacity 0s .5s;transition:opacity 0s .5s}.header-logo,header .header-nav{display:inline-block}header a{text-transform:uppercase;font-size:13px;letter-spacing:.4px}.header-logo{position:relative;width:60px;margin:0 0 0 24px}.header-logo svg polyline{-webkit-transition:stroke 1s ease-in-out;transition:stroke 1s ease-in-out}.header-logo svg:hover polyline{stroke:#DE496D}header ul.primary-nav{margin:0 0 0 24px;padding:0}header ul.primary-nav li{display:inline-block;vertical-align:middle}header ul.primary-nav li a{color:#3b3b48;padding-right:25px}header ul.primary-nav li .accent-color,header ul.primary-nav li a:hover{color:#DE496D}header ul.primary-nav li:last-child a{padding-right:0}.open-nav .header-nav nav{opacity:1}.open-nav .header-nav{width:100%;visibility:visible;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.open-nav .header-overlay{opacity:.95;-webkit-transition:opacity 0s;transition:opacity 0s}#scrollTo-top{position:fixed;z-index:9;bottom:22px;right:22px;width:56px;height:56px;border-radius:56px;background-color:#283646;opacity:0;visibility:hidden;cursor:pointer;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transition:all 250ms ease-in-out,transform 450ms cubic-bezier(.39,1.89,.55,1.45);transition:all 250ms ease-in-out,transform 450ms cubic-bezier(.39,1.89,.55,1.45)}#scrollTo-top polyline{-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}#scrollTo-top.show{opacity:.8;visibility:visible;box-shadow:0 0 10px rgba(0,0,0,.25),0 5px 10px rgba(0,0,0,.2);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}#scrollTo-top:hover{opacity:1}#scrollTo-top.light{background-color:#fff}#scrollTo-top.light *{stroke:#283646}#hero-scrollto,.doc-btn *,.feature-icon{stroke:#3b3b48}.doc-btn,.nav-btn{position:absolute;display:none;z-index:99999;height:32px;width:32px;left:0;top:50%;margin:-16px 0 0 16px;visibility:hidden;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.doc-btn{z-index:999;left:auto;right:0;margin:-16px 16px 0}.nav-btn span{background:#3b3b48;backface-visibility:hidden;outline:transparent solid 1px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-btn span:nth-child(1){position:absolute;top:6px;width:32px;height:2px;transform-origin:5px 5px}.nav-btn span:nth-child(2){position:absolute;top:15px;width:20px;height:2px}.nav-btn span:nth-child(3){position:absolute;top:24px;width:32px;height:2px;transform-origin:5px -3px}#hero,.logo-svg{height:100vh;margin:0 auto}.open-nav .nav-btn span{background:#fff}.open-nav .nav-btn span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open-nav .nav-btn span:nth-child(2){opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.open-nav .nav-btn span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.v-center{position:absolute;display:block;top:50%;left:0;right:0;margin:0 auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}#cube-holder,#hero,.logo-svg{position:relative}#hero{width:100%;border-bottom:solid 1px rgba(14,21,47,.08);user-select:none}.highlight .hljs-line-numbers,.main-title-holder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#cube-holder{margin:0 0 72px}.logo-svg{display:block;overflow:visible!important;max-height:50vh;max-width:50vw;pointer-events:none}.documentation .logo-svg{width:300px;height:300px;max-height:none;max-width:none}.logo-svg~svg{position:absolute;left:0;right:0;top:0;height:100%}.logo-svg text{font-family:'MBV Light',sans-serif}.logo-svg text:last-child{font-family:'MBV Regular',sans-serif}.logo-svg path{position:absolute;width:8%;right:8%;bottom:-4%}#logo-holder{position:relative;display:inline-block}.feature-content,.feature-icon{display:block;text-align:center}#logo-sub-sub-title,#logo-sub-title{position:absolute;height:100%;width:100%;color:#fff;font-size:2.5vW;-webkit-transform:translateY(200%);transform:translateY(200%)}#cube-shadow{filter:blur(30px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArr7ZgAAAAG3RSTlMBSjUsBAIfTQAICw5BEBowHEciOEM9QBYTJhLLb/wcAAAAwElEQVR4XlWQWxLDIAhFUSGt72ea2P0vtERrMz1feOYyAvBcwF2uipChPwmkrfdWE9wS0JyplHQanO8ZO0qUMpZjhuFyPnS5t7bLHjxblqTfm6ouC5FdVdtbEw+CNqnaxIMRrapkEVj6Ih27YZ0sfsn2+NKmfJLd4p2Mm6XrIxPUvuSugrkk4NlrnjLXfmoYkvtfWTD5xd04NiJ98OyO4ekPQ0NyNHQVGdWDRbh3D4kJv90vi9oMNLJbpwP6Ms//AWrSDXccbL/zAAAAAElFTkSuQmCC);background-size:auto 100%;background-repeat:no-repeat;background-position:center center;opacity:.65}#hero-scrollto{position:absolute;bottom:24px;left:0;right:0;margin:0 auto}#hero-scrollto line{-webkit-animation:scrollTo 1s infinite ease-in-out;animation:scrollTo 1s infinite ease-in-out;transform-origin:center}@media only screen and (max-width:690px){#hero-scrollto{bottom:16px}}@media only screen and (max-width:480px){#hero-scrollto{width:40px}}@-webkit-keyframes scrollTo{from{opacity:1;-webkit-transform:translateY(0) scale(1,1)}to{opacity:0;-webkit-transform:translateY(30px) scale(0,0)}}@keyframes scrollTo{from{opacity:1;transform:translateY(0) scale(1,1)}to{opacity:0;transform:translateY(30px) scale(0,0)}}.feature-section{padding:120px 0 0;background:#f7f8fa}.intro span.icon{font-size:40px;color:#3fbdb0;font-weight:700}.feature-icon{vertical-align:top;padding:30px 0 0;margin:0}#demos h3 [data-color=accent],#demos-sidebar [data-color=accent],#hero-scrollto [data-color=accent],.feature-icon [data-color=accent]{stroke:#DE496D}.feature-content{min-height:300px;padding:20px;margin:0 0 36px!important;background:#fff;border:1px solid #f7f8fa;box-shadow:0 20px 20px rgba(0,0,0,.016),0 7px 27px rgba(0,0,0,.016);-webkit-transition:box-shadow .25s ease-out;transition:box-shadow .25s ease-out}.feature-content:hover{box-shadow:0 0 0 transparent,0 0 0 transparent}.feature-content h5{padding:0;margin:25px 0 10px}.feature-content p{padding:0;margin:0}#demo,#features,#interface,#navigation{padding:120px 0}#animated-loader{position:relative;width:62px;height:62px;margin:0 auto}#animated-loader:after,#animated-loader:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:2px solid #3b3b48;border-radius:60px;opacity:.4}#animated-loader:after{border-left:2px solid transparent;border-right:2px solid;border-top:2px solid transparent;border-bottom:2px solid transparent;border-radius:60px;color:#DE496D;opacity:1;-webkit-animation:smartLoading 1s infinite ease-out;animation:smartLoading 1s infinite ease-out}#demo,#pricing,#single-image{background-image:linear-gradient(to top,#f7f8fa 60%,#fff 100%)}#media{background-image:linear-gradient(to top,#f7f8fa 20%,#fff 100%)}#touch-gestures{background-image:linear-gradient(to top,#f7f8fa 100%,#f7f8fa 20%)}#media h3{color:#5b56a5}#touch-gestures h3{color:#DE496D}#functionalities h3{color:#e99875}#interface .section-sub-title,#interface h3,#touch-gestures .section-sub-title,#touch-gestures h3{text-align:right}@-webkit-keyframes smartLoading{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(45deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes smartLoading{0%{transform:rotate(0)}25%{transform:rotate(45deg)}100%{transform:rotate(360deg)}}#demo{border-bottom:solid 1px rgba(14,21,47,.08)}#demo-inner{padding:0 10px;max-width:100%;margin:0 5%}#demo-inner .btn-holder{margin:24px 0 56px}@media only screen and (max-width:680px){#demo-inner{margin:0 auto}}.call-to-action{background:#DE496D;background-image:linear-gradient(90deg,#DE496D 0,#f0c57a 100%);padding:60px 0;color:#fff}.call-to-action h4{display:inline-block;padding:0;margin:0;font-weight:400;font-size:32px;line-height:62px;font-family:"MBS Regular",sans-serif;text-transform:uppercase}#doc-container #hero h1,.demos #hero h1,.features #hero h1,.pricing h1{font-family:'MBV Light',sans-serif;text-transform:uppercase}.call-to-action .btn{float:right;background:#fff;color:#3b3b48;box-shadow:0 10px 30px rgba(0,0,0,.05),0 10px 10px rgba(0,0,0,.08)}.call-to-action .btn:hover{opacity:.95;box-shadow:0 2px 8px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.16)}@media (max-width:1000px){.call-to-action{text-align:center;line-height:26px;font-size:26px}.call-to-action h4{display:block;margin:0 0 24px;font-size:30px;line-height:30px}.call-to-action .btn{float:none}}@media (max-width:690px){.call-to-action,.call-to-action h4{font-size:24px;line-height:24px}.call-to-action{padding:38px 0}}.gallery{position:relative;display:block;clear:both;margin:0 -10px}.gallery img{position:absolute;border-style:none;width:100%;height:100%;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out}.loaded .gallery img{object-fit:inherit;height:auto}figcaption{display:none}figure{display:inline-block;width:24%;margin:0;background:rgba(28,54,83,.05)}figure a{position:relative;display:block;width:100%;height:100%;padding-bottom:56.25%}.loaded figure a{padding-bottom:0}figure a:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:rgba(222,73,109,.65);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.loaded .video-item:after,.video-item:after{content:""}figure a:hover:after{opacity:1}figure a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}[itemprop=copyrightHolder]{position:relative;display:block;margin:-2px 0 0;padding:8px 10px 0;font-size:12px;line-height:16px;font-weight:400;text-align:center;color:#bbb}[itemprop=copyrightHolder] a{text-decoration:underline}.video-item:after{position:absolute;top:50%;left:50%;width:80px;height:80px;padding:0;margin:-44px 0 0 -44px;border:4px solid #fff;border-radius:100%;background-size:175px;background-position:28px -414px;background-repeat:no-repeat;background-image:url(../icons/modulobox.svg);background-color:rgba(0,0,0,.05);pointer-events:none;-webkit-transition:-webkit-transform .15s ease-in-out,opacity .15s ease-in-out;transition:transform .15s ease-in-out,opacity .15s ease-in-out}#doc-sidebar,.fixed-sidebar #demos-sidebar{top:70px;box-shadow:0 0 24px 2px rgba(14,21,47,.08)}@media screen and (max-width:800px){.video-item:after{width:60px;height:60px;margin:-34px 0 0 -34px;background-size:125px;background-position:22px -294px}}@media screen and (max-width:380px){.video-item:after{width:40px;height:40px;margin:-24px 0 0 -24px;background-size:initial;background-position:14px -208px;border-width:3px}}.video-item:hover:after{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.copyright{font-size:14px;line-height:16px;padding-bottom:30px}.highlight code,.highlight pre{font-size:16px}.highlight{background:#283646;color:#ddd;margin:0 -40px;padding:0;position:relative}#demos .highlight{height:0;overflow-y:scroll;transform:translate3d(0,0,0);-webkit-transition:all .35s ease-out;transition:all .35s ease-out}.highlight,.highlight pre{overflow-x:auto;-webkit-overflow-scrolling:touch}#demos .highlight pre{position:absolute;left:0;right:0}.highlight pre{margin:0;padding:32px 40px}.highlight.html .hljs-comment,.highlight.js .hljs-comment,.highlight.js .hljs-regexp{color:#a1a1a1}.highlight.js .hljs-modifier,.highlight.js .hljs-number,.highlight.js .hljs-type{color:#fee937}.highlight.js .hljs-keyword,.highlight.js .hljs-support{color:#86b9f5}.highlight.js .hljs-literal{color:#fc8787}.highlight.js .hljs-built_in{color:#d08ee7}.highlight.html .hljs-string,.highlight.js .hljs-string{color:#62d543}.highlight .hljs-line-numbers{padding:0 11px;text-align:right;font-size:14px;font-weight:400;color:#888;background:rgba(0,0,0,.15);-webkit-touch-callout:none;-khtml-user-select:none;user-select:none}#doc-container,#doc-container #hero h1{padding:0 40px;display:block;position:relative}.highlight pre::-webkit-scrollbar{width:22px;height:22px}.highlight pre::-webkit-scrollbar-thumb{height:8px;border:7px solid transparent;background-clip:padding-box;border-radius:10px;background-color:rgba(255,255,255,.35)}#doc-sidebar::-webkit-scrollbar{-webkit-appearance:none}#doc-sidebar::-webkit-scrollbar:horizontal{height:11px}#doc-sidebar::-webkit-scrollbar:vertical{width:11px}#doc-sidebar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border:2px solid #fff;border-radius:8px}#doc-sidebar{position:fixed;overflow-y:auto;z-index:999;left:0;bottom:0;min-width:380px;padding:24px 36px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}#doc-sidebar ul{list-style-type:none;padding-left:1.6rem}#doc-sidebar ul ul{margin:10px 0}#doc-sidebar ul ul ul{margin:0 0 10px;padding:0}#doc-sidebar ul li{font-size:15px;line-height:22px}#doc-sidebar a,#doc-sidebar ul li a{color:inherit;font-weight:400}#doc-sidebar a:hover,#doc-sidebar ul li a:hover{color:#DE496D}#doc-sidebar ul li a strong{font-size:18px;line-height:28px}#doc-sidebar ul ul li a strong{padding-top:6px;font-size:16px;line-height:24px}#doc-container{margin:0 0 0 380px}#doc-container #hero{display:block;height:600px;width:auto;margin:70px -40px 0;text-align:center;background:#f7f8fa;background-image:linear-gradient(to top,#f7f8fa 60%,#fff 100%)}#doc-container #hero h1{margin:30px auto 0 0;font-size:2.4vw;line-height:2.4vw;font-weight:600;text-align:center;color:#3b3b48}#doc-container section{padding:70px 0 0}#doc-container h3{position:relative;display:block;margin:0 -40px;padding:32px 40px;font-size:18px;line-height:28px;color:rgba(59,59,72,.9);background:#f7f8fa}#doc-container h3 code{font-size:20px}#doc-container h3 span{display:block;font-size:14px;line-height:16px;color:#929292}#doc-container h4{padding:0}#doc-container .description{font-size:16px;padding:0}#demos p code,#doc-container .description code,#doc-container li code{background:#f7f8fa;padding:0 4px;color:#777;font-size:15px;border:1px solid #DDD}#doc-container ol{list-style-type:none;padding-left:1.6rem}#doc-container li{list-style-type:none;font-size:16px;line-height:24px}#doc-container li strong{position:relative;display:inline-block;color:#DE496D;min-width:168px}#doc-container li strong:after{content:"=>";position:absolute;right:10px;color:#8E9C99}.doc-img{position:relative;display:inline-block;width:200px;height:200px;margin:0 10px 10px 0;border:2px solid #3b3b48;background-repeat:no-repeat;background-size:cover}#doc-container .description.notabene{padding:0 0 0 42px;font-style:italic}#doc-container .description.notabene strong:first-child{margin:0 0 0 -42px;font-style:normal;font-weight:600;text-decoration:underline}footer{border-top:solid 1px rgba(14,21,47,.08);text-align:center}footer p{padding:24px 12px;font-size:16px}.demos #hero,.features #hero{display:block;height:100vh;margin:0;text-align:center;border:none;background:#f7f8fa;background-image:linear-gradient(to top,#fff 0,#fff1f1 100%)}#demos-sidebar,.features #hero{border-bottom:solid 1px rgba(14,21,47,.08)}.features #hero{background-image:linear-gradient(to top,#fff 0,#f2f1ff 100%)}.demos #hero h1,.features #hero h1,.pricing h1{position:relative;display:inline-block;margin:0 auto;font-size:13.4vw;line-height:11vw;font-weight:300;color:#DE496D;text-align:center;background:-webkit-gradient(linear,left center,right center,from(#DE496D),to(#FFAE27));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.demos #hero h2,.features #hero h2,.pricing h2{position:relative;display:block;width:100%;margin:0 auto;padding:0;font-weight:600;color:#3b3b48;font-family:'MBS Regular';font-size:1.8vw;letter-spacing:.5vw;line-height:3.8vw;text-transform:uppercase}#demos-sidebar{position:absolute;display:block;z-index:9998;left:0;right:0;bottom:0;background-color:#fff;border-top:solid 1px rgba(14,21,47,.08);-webkit-transition:box-shadow .25s ease;transition:box-shadow .25s ease}.fixed-sidebar #demos-sidebar{position:fixed;bottom:auto;border-color:rgba(14,21,47,0)}.pricing-nav ul,.pricing-offer:before{box-shadow:0 20px 20px rgba(0,0,0,.016),0 7px 27px rgba(0,0,0,.016)}#demos-sidebar ul li{display:inline-block;float:left;width:12.5%;margin:0;text-align:center;-webkit-transition:all .25s ease;transition:all .25s ease}#demos-sidebar ul li a{display:block;padding:12px 0;color:#3b3b48;font-size:12px;line-height:12px;font-weight:400;font-family:'MBV Bold',sans-serif;text-transform:uppercase}#demos-sidebar ul li a span{position:relative;display:inline}#demos-sidebar li svg{display:block;margin:0 auto 4px;padding:0 0 4px;width:32px;height:32px}.no-transition #demos-sidebar li svg,.no-transition #demos-sidebar ul li{-webkit-transition:none;transition:none}.fixed-sidebar #demos-sidebar li svg{height:0;padding:0;opacity:0;-webkit-transform:scale(.4) translateY(-16px);transform:scale(.4) translateY(-16px)}#demos h3 svg *,#demos-sidebar li svg *{stroke:#3b3b48;-webkit-transition:all .25s ease;transition:all .25s ease}#demos-sidebar li:hover{background:#f7f8fa}.section-title svg{stroke:#000;position:absolute;left:16px;width:38px}.main-title-holder{padding:60px 0 200px;user-select:none}.main-title-holder h2{position:absolute;width:100%;-webkit-transform:translateX(1000%);transform:translateX(1000%)}.feature-number{font-family:'MBV Light';opacity:.9999}.feature-title{font-family:'MBS Regular'}@media screen and (max-width:1200px){.feature-number{stroke-width:2px;stroke:url(#svg_gradient)}}@media screen and (max-width:680px){.main-title-holder{padding:60px 0 100px}}.thumbnail-options{position:relative;display:inline-block;width:100%}.thumbnail-size{display:inline-block;float:left;padding:0 20px}.thumbnail-size.mobile{padding:0 40px 0 20px}.thumbnail-size.label{padding:38px 0 0}.thumbnail-size.label span{display:block;padding:0 0 6px;min-height:40px;line-height:35px;font-weight:600;font-style:italic}.label-title{display:block;font-size:16px;padding:8px 0;font-weight:600;color:#3b3b48}input[type=number]{float:left;width:56px;height:100%;padding:0;font-size:14px;line-height:31px;text-transform:uppercase;text-align:center;color:rgba(28,54,83,.8);border:none;border-radius:0;border-right:1.5px rgba(28,54,83,.6) solid;border-left:1.5px rgba(28,54,83,.6) solid;background:0 0;outline:0;-moz-appearance:textfield}.spinner{position:relative;display:block;height:35px;margin:0 0 6px;border:1.5px solid rgba(28,54,83,.6);border-radius:2px;-webkit-touch-callout:none}.spinner .add,.spinner .sub{float:left;display:block;width:35px;height:100%;text-align:center;font-weight:700;font-size:16px;line-height:31px;color:rgba(40,54,70,.75);cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-transition:.1s linear;transition:.1s linear}.spinner .add:hover,.spinner .sub:hover{background:rgba(28,54,83,.6);color:#fff}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}@media (max-width:1280px){.thumbnail-size.desktop{display:none}}@media (max-width:736px){.thumbnail-size.desktop,.thumbnail-size.tablet{display:none}}.dynamic-control,.thumbnail-nav,.thumbnail-nav>div{display:inline-block;position:relative}.thumbnail-nav{padding:0 20px 0 0}input[type=checkbox],input[type=radio]{display:none;margin:10px}.dynamic-button,.expand-code,input[type=checkbox]+label,input[type=radio]+label{display:inline-block;float:left;padding:0 20px;margin:0 1px 2px 0;height:34px;line-height:34px;border:none;outline:0;color:rgba(40,54,70,.75);background-color:#fff;font-size:16px;cursor:pointer;font-family:'MBS Regular',sans-serif;box-shadow:0 20px 20px rgba(0,0,0,.016),0 7px 27px rgba(0,0,0,.016);-webkit-transition:all .25s ease;transition:all .25s ease}.offer-title,.pricing-nav li{line-height:18px;font-family:'MBV Bold',sans-serif;text-transform:uppercase}.expand-code{margin:0}#add-image,.expand-code{background:#283646;color:#fff}input[type=checkbox]+label:hover,input[type=radio]+label:hover{color:#DE496D}#delete-image,.dynamic-button:hover,input[type=checkbox]:checked+label,input[type=radio]:checked+label{color:#fff;background-color:#DE496D}.dynamic-button:hover,input[type=checkbox]+label:hover,input[type=radio]+label:hover{opacity:.8}#add-image span,#delete-image span{position:relative;vertical-align:top;font-size:24px;font-weight:600;padding:0 5px 0 0;top:-2px}.nav-radios{display:block;clear:both}.pricing-nav li,.pricing-nav ul{display:inline-block;position:relative}#pricing{text-align:center}#pricing .section-sub-title{margin:32px 0 56px}#pricing h1{margin:80px 0 0}.pricing-nav{text-align:center;margin:160px 0 0}.pricing-nav ul{margin:0 auto 40px;background:#fff}.pricing-nav li{float:left;margin:0;padding:16px 28px;text-align:center;font-size:16px;color:#515d6a;cursor:pointer;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.javascript .pricing-nav ul li:last-child,.wordpress .pricing-nav ul li:first-child{background:#DE496D;color:#fff}.feature-section:not(.javascript) .pricing-nav ul li:last-child:hover,.feature-section:not(.wordpress) .pricing-nav ul li:first-child:hover{color:#DE496D}.pricing-offers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;clear:both;margin-bottom:60px}.javascript .lite-version,.offer-content>:nth-child(2){display:none}.pricing-offer{position:relative;float:left;width:50%;margin:0 0 100px;text-align:center;border-left:solid 1px rgba(14,21,47,.08)}.pricing-offers .pricing-offer:first-child{display:none;z-index:2;border-left:none}.pricing-offer:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#fff}.offer-header{margin:0 auto;padding:40px 0 30px;border-bottom:solid 2px rgba(14,21,47,.08)}.offer-header div{overflow:hidden}.offer-title{margin:0;padding:0;font-size:18px;color:#515d6a}.offer-price-curr,.offer-price-nb{font-family:'MBV Regular',sans-serif}.features .offer-title{padding:80px 0 0}.offer-price{position:relative;display:inline-block;margin:20px 0 0;padding:0}.offer-price span{-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.offer-price span:nth-child(2){position:relative;display:block}.offer-price span:nth-child(3){position:absolute;top:0;left:0}.javascript .offer-price span:nth-child(2){-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.wordpress .offer-price span:nth-child(3){-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.javascript .offer-price span:nth-child(3){-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.offer-price-curr{position:absolute;left:-20px;font-size:32px;line-height:35px;opacity:.5}.offer-price-nb{font-size:70px;line-height:60px;color:#515d6a;letter-spacing:-5px}.offer-content{position:relative;z-index:2;width:100%;padding:0 30px 20px;background:#fff;-webkit-transition:box-shadow .25s ease-out;transition:box-shadow .25s ease-out}.offer-content>:nth-child(3){display:block}.offer-content.features{text-align:left}.offer-features{padding:16px 0 0}.offer-features li{overflow:hidden;margin:0 -30px;padding:8px 30px;font-family:'MBS Regular',sans-serif;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}.offer-features li:nth-child(2n+2){background:rgba(247,248,250,.6)}.feature-available{font-size:18px;line-height:20px}.feature-available:before{content:'';display:inline-block;width:6px;height:12px;border:solid #4ad68c;border-width:0 3px 3px 0;transform:rotate(45deg)}.feature-no-available:before{content:"\26AA";content:'';position:relative;display:inline-block;top:3px;width:10px;height:10px;border:2px solid;border-radius:12px;opacity:.6}.purchase-plugin,.purchase-plugin:active,.purchase-plugin:focus{position:absolute;left:0;bottom:0;width:100%;max-width:100%;margin:0 0 -47px;padding:12px 20px;background:#283646;color:#fff;opacity:.8;font-size:16px;text-transform:uppercase;font-family:'MBV Bold',sans-serif;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.close-popup,.subscribe-title{font-family:'MBV Regular',sans-serif}.purchase-plugin:hover{background:#283646;color:#fff;opacity:1}.javascript .pricing-offer a:nth-child(2),.wordpress .pricing-offer a:nth-child(3){display:none}@media (min-width:992px){.pricing-offer{width:25%}.pricing-offers .pricing-offer:first-child{display:-webkit-flex;display:-ms-flexbox;display:flex}.offer-content>:nth-child(2){display:block}.offer-content>:nth-child(3){display:none}}@media (max-width:680px){.pricing-offer{width:100%;border:none}.offer-header{padding:20px 0 15px}.offer-features li{padding:4px 30px}.pricing-nav li{padding:10px 16px;font-size:14px;line-height:16px}}@media (max-width:374px){.pricing-nav li{max-width:50%}}.mobx-html-inner{-webkit-overflow-scrolling:touch}#newsletter{display:none}.subscribe-popup{max-width:420px;min-width:320px;margin:0 auto}.subscribe-popup .form{position:relative;z-index:1;background:#fff;margin:0;padding:45px;border-radius:6px;text-align:center}.subscribe-title{margin:20px 0 16px;color:#3b3b48;font-size:26px;font-weight:600;line-height:32px;text-transform:uppercase}.subscribe-desc{margin:34px 0;font-size:16px;line-height:24px}.subscribe-popup input{outline:0;background:#f7f8fa;color:#3b3b48;width:100%;border:0;margin:0 0 15px;padding:15px;font-size:14px;border-radius:6px;text-align:center}.subscribe-popup input::-webkit-input-placeholder{color:#3b3b48}.subscribe-popup input::-moz-placeholder{color:#3b3b48}.subscribe-popup input:-ms-input-placeholder{color:#3b3b48}.subscribe-popup input:-moz-placeholder{color:#3b3b48}.subscribe-btn{width:100%;border:0;outline:0;padding:15px;color:#fff;font-size:16px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:6px;background:#DE496D;background:-webkit-gradient(linear,left center,right center,from(#DE496D),to(#FFAE27));-webkit-transition:all .3s ease;transition:all .3s ease}.subscribe-btn:hover{opacity:.8}.subscribe-popup .message{margin:15px 0 0;padding:0;font-size:13px;line-height:18px}.subscribe-popup .message a{color:#DE496D;text-decoration:underline}.close-popup{position:absolute;width:40px;height:40px;right:0;top:0;padding:0;line-height:0;text-align:center;font-weight:400;color:#fff;border:none;outline:0;font-size:20px;border-radius:0 6px;background:#DE496D;cursor:pointer;opacity:.8;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.close-popup:hover{opacity:1}@media screen and (max-width:480px){.subscribe-title{margin:12px 0;font-weight:600;font-size:22px;line-height:24px}.subscribe-desc{margin:12px 0;font-size:14px;line-height:20px}.subscribe-popup .form{padding:26px 20px;margin:10px}}@media screen and (max-width:1680px){#doc-container #hero h1{font-size:3.5vw;line-height:3.5vw}}@media screen and (max-width:1280px){#doc-sidebar{width:320px;min-width:320px}#doc-container{margin:0 0 0 310px}#demos-sidebar .container{width:100%;max-width:100%;margin:0;padding:0}}@media screen and (max-width:990px){noscript div{top:50px}header{height:50px}.header-nav{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}.header-nav nav{opacity:0}.header-overlay{display:block}.doc-btn,.nav-btn{display:block;visibility:visible}header .nav-wrapper{display:absolute}header nav{position:relative;top:45%;-webkit-transform:translatey(-45%);transform:translatey(-45%)}.header-logo{position:absolute;left:50%;top:8px;margin:0 0 0 -30px}nav ul.primary-nav li a{color:#fff;font-size:25px;text-transform:uppercase;font-weight:600;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding-right:0}nav ul li{margin-bottom:25px}nav ul.primary-nav li{display:block;opacity:0;-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);-webkit-transition:-webkit-transform .35s,opacity .35s;transition:transform .35s,opacity .35s}nav ul.primary-nav{margin:0;padding:0;text-align:center}.open-nav .header-nav ul.primary-nav li{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}nav ul.primary-nav li:first-child{-webkit-transition-delay:50ms;transition-delay:50ms}nav ul.primary-nav li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}nav ul.primary-nav li:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}nav ul.primary-nav li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}nav ul.primary-nav li:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}nav ul.primary-nav li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}nav ul.primary-nav li:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}.btn-fill.btn-purchase{top:9px;padding:8px 16px;font-size:12px}.btn-fill.btn-purchase.btn-small-hide{left:0;right:0;margin:0 auto;display:block;width:106px}#demos-sidebar ul li a span span,#scrollTo-top,body.documentation .btn-fill.btn-purchase.btn-small-hide{display:none}.feature-section{padding:80px 0 0}#doc-sidebar{left:100%;top:50px;width:420px;max-width:100%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:transform .4s;transition:transform .4s}.open-doc #doc-sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#doc-container{margin:0;padding:0 24px}#doc-container #hero{display:block;height:500px;margin:50px -40px 0}#doc-container #hero h1{font-size:5vw;line-height:5vw}#doc-container section{padding:50px 0 0}#doc-container section h2{font-size:32px}.documentation .logo-svg{width:200px;height:200px}.highlight{margin:0 -24px}#doc-container .description,.highlight code,.highlight pre{font-size:15px}.highlight pre{padding:22px 24px}.fixed-sidebar #demos-sidebar{top:50px}.demos #hero h1,.pricing h1{font-size:27vw;line-height:22vw}.demos #hero h2,.pricing h2{font-size:3vw;line-height:5vw}#demos-sidebar ul li a{font-size:11px}}@media screen and (max-width:680px){#doc-container #hero h1{font-size:6.5vw;line-height:6.5vw}#doc-container h3{padding:26px 40px}#doc-container h3 code{font-size:18px}#demos-sidebar .container{padding:0}#demos-sidebar,.fixed-sidebar #demos-sidebar{position:fixed;top:auto;bottom:0;box-shadow:0 0 24px 2px rgba(14,21,47,.08)}#demos-sidebar ul li a{padding:10px}#demos-sidebar ul li a span,.fixed-sidebar #demos-sidebar ul li a span{display:none}#demos-sidebar li svg,.fixed-sidebar #demos-sidebar li svg{width:26px;height:24px;opacity:1;margin:0 auto;padding:0;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}.demos footer{margin:0 0 50px}}@media screen and (max-width:320px){#demos-sidebar{display:none}}@media (max-width:1199px){.demos #hero h1,.features #hero h1,.pricing h1{font-size:18.4vw;line-height:15vw}.demos #hero h2,.features #hero h2,.pricing h2{font-size:2.8vw;line-height:4.8vw}.section-title{font-size:26px;padding:0 20px}.section-sub-title{font-size:15px;padding:0 20px}.section-sub-title br{display:none}#demo,#features,#interface{padding:80px 0}#demos .section-title{padding:0 0 0 68px}#demos h3 svg{width:36px;height:36px}}@media (max-width:780px){.logo-svg text,.logo-svg text:lasr-child{font-weight:300}.logo-svg text{font-family:'MBV Regular',sans-serif}.section-title{font-size:24px}.demos #hero h1,.features #hero h1{font-size:17.5vw;line-height:16vw}.demos #hero h2,.features #hero h2{font-size:3.15vw;line-height:6.4vw}.dynamic-button,.expand-code,input[type=checkbox]+label,input[type=radio]+label{padding:0 12px;font-size:14px}}@media (max-width:480px){.logo-svg{max-height:60vh;max-width:70vw}.documentation .logo-svg{width:140px;height:140px}.section-title{font-size:24px}.demos #hero h1,.features #hero h1,.pricing h1{font-size:15vw;font-weight:100;font-family:'MBV Regular',sans-serif}.demos #hero h2,.features #hero h2,.pricing h2{letter-spacing:.2vw}#doc-container #hero h1{font-weight:100;font-family:'MBV Regular'}#demos .section-title{padding:0 0 0 48px}#demos h3 svg{width:26px;height:34px;left:10px}}@media (max-height:480px){#hero-scrollto{visibility:hidden}#cube-holder{margin:0}}