@charset "UTF-8";.content{position:relative;z-index:1}.triangle-isosceles{position:relative;padding:15px;margin:1em 0 3em;color:#000;background:#f3961c;background:linear-gradient(#f9d835,#f3961c);border-radius:10px}.triangle-isosceles.top{background:linear-gradient(#f3961c,#f9d835)}.triangle-isosceles.left{margin-left:50px;background:#f3961c}.triangle-isosceles.right{margin-right:50px;background:#f3961c}.triangle-isosceles:after{content:"";position:absolute;bottom:-15px;left:50px;border-width:15px 15px 0;border-style:solid;border-color:#f3961c transparent;display:block;width:0}.triangle-isosceles.top:after{top:-15px;right:50px;bottom:auto;left:auto;border-width:0 15px 15px;border-color:#f3961c transparent}.triangle-isosceles.left:after{top:16px;left:-50px;bottom:auto;border-width:10px 50px 10px 0;border-color:transparent #f3961c}.triangle-isosceles.right:after{top:16px;right:-50px;bottom:auto;left:auto;border-width:10px 0 10px 50px;border-color:transparent #f3961c}.triangle-right{position:relative;padding:15px;margin:1em 0 3em;color:#fff;background:#075698;background:linear-gradient(#2e88c4,#075698);border-radius:10px}.triangle-right.top{background:linear-gradient(#075698,#2e88c4)}.triangle-right.left{margin-left:40px;background:#075698}.triangle-right.right{margin-right:40px;background:#075698}.triangle-right:after{content:"";position:absolute;bottom:-20px;left:50px;border-width:20px 0 0 20px;border-style:solid;border-color:#075698 transparent;display:block;width:0}.triangle-right.top:after{top:-20px;right:50px;bottom:auto;left:auto;border-width:20px 20px 0 0;border-color:transparent #075698}.triangle-right.left:after{top:16px;left:-40px;bottom:auto;border-width:15px 40px 0 0;border-color:transparent #075698}.triangle-right.right:after{top:16px;right:-40px;bottom:auto;left:auto;border-width:15px 0 0 40px;border-color:transparent #075698}.triangle-obtuse{position:relative;padding:15px;margin:1em 0 3em;color:#fff;background:#c81e2b;background:linear-gradient(#f04349,#c81e2b);border-radius:10px}.triangle-obtuse.top{background:linear-gradient(#c81e2b,#f04349)}.triangle-obtuse.left{margin-left:50px;background:#c81e2b}.triangle-obtuse.right{margin-right:50px;background:#c81e2b}.triangle-obtuse:before{content:"";position:absolute;bottom:-20px;left:60px;border:0;border-right-width:30px;border-bottom-width:20px;border-style:solid;border-color:transparent #c81e2b;display:block;width:0}.triangle-obtuse:after{content:"";position:absolute;bottom:-20px;left:80px;border:0;border-right-width:10px;border-bottom-width:20px;border-style:solid;border-color:transparent #fff;display:block;width:0}.triangle-obtuse.top:before{top:-20px;bottom:auto;left:auto;right:60px;border:0;border-left-width:30px;border-top-width:20px;border-color:transparent #c81e2b}.triangle-obtuse.top:after{top:-20px;bottom:auto;left:auto;right:80px;border-width:0;border-left-width:10px;border-top-width:20px;border-color:transparent #fff}.triangle-obtuse.left:before{top:15px;bottom:auto;left:-50px;border:0;border-bottom-width:30px;border-left-width:50px;border-color:#c81e2b transparent}.triangle-obtuse.left:after{top:35px;bottom:auto;left:-50px;border:0;border-bottom-width:10px;border-left-width:50px;border-color:#fff transparent}.triangle-obtuse.right:before{top:15px;bottom:auto;left:auto;right:-50px;border:0;border-bottom-width:30px;border-right-width:50px;border-color:#c81e2b transparent}.triangle-obtuse.right:after{top:35px;bottom:auto;right:-50px;left:auto;border:0;border-bottom-width:10px;border-right-width:50px;border-color:#fff transparent}.triangle-border{position:relative;padding:15px;margin:1em 0 3em;border:5px solid #5a8f00;color:#333;background:#fff;border-radius:10px}.triangle-border.left{margin-left:30px}.triangle-border.right{margin-right:30px}.triangle-border:before{content:"";position:absolute;bottom:-20px;left:40px;border-width:20px 20px 0;border-style:solid;border-color:#5a8f00 transparent;display:block;width:0}.triangle-border:after{content:"";position:absolute;bottom:-13px;left:47px;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent;display:block;width:0}.triangle-border.top:before{top:-20px;bottom:auto;left:auto;right:40px;border-width:0 20px 20px}.triangle-border.top:after{top:-13px;bottom:auto;left:auto;right:47px;border-width:0 13px 13px}.triangle-border.left:before{top:10px;bottom:auto;left:-30px;border-width:15px 30px 15px 0;border-color:transparent #5a8f00}.triangle-border.left:after{top:16px;bottom:auto;left:-21px;border-width:9px 21px 9px 0;border-color:transparent #fff}.triangle-border.right:before{top:10px;bottom:auto;left:auto;right:-30px;border-width:15px 0 15px 30px;border-color:transparent #5a8f00}.triangle-border.right:after{top:16px;bottom:auto;left:auto;right:-21px;border-width:9px 0 9px 21px;border-color:transparent #fff}.example-commentheading{position:relative;padding:0;color:#b513af}.example-commentheading:before{content:"";position:absolute;top:9px;left:-25px;width:15px;height:10px;background:#b513af;border-radius:3px}.example-commentheading:after{content:"";position:absolute;top:15px;left:-19px;border:4px solid transparent;border-left-color:#b513af;display:block;width:0}.example-right{position:relative;padding:15px 30px;margin:0;color:#fff;background:#5a8f00;background:linear-gradient(#b8db29,#5a8f00);border-radius:10px}.example-right+p{margin:15px 0 2em 85px;font-style:italic}.example-right:after{content:"";position:absolute;bottom:-50px;left:50px;border-width:0 20px 50px 0;border-style:solid;border-color:transparent #5a8f00;display:block;width:0}.example-obtuse{position:relative;padding:15px 30px;margin:0;color:#000;background:#f3961c;background:linear-gradient(#f9d835,#f3961c);border-radius:25px/50px}.example-obtuse+p{margin:10px 150px 2em 0;text-align:right;font-style:italic}.example-obtuse:before{content:"";position:absolute;bottom:-30px;right:80px;border-width:0 0 30px 50px;border-style:solid;border-color:transparent #f3961c;display:block;width:0}.example-obtuse:after{content:"";position:absolute;bottom:-30px;right:110px;border-width:0 0 30px 20px;border-style:solid;border-color:transparent #fff;display:block;width:0}.example-twitter{position:relative;padding:15px;margin:100px 0 .5em;color:#333;background:#eee;border-radius:10px}.example-twitter p{font-size:28px;line-height:1.25em}.example-twitter:before{content:url(twitter-logo.gif);position:absolute;top:-60px;left:0;width:155px;height:36px;display:block}.example-twitter:after{content:"";position:absolute;top:-30px;left:50px;border:15px solid transparent;border-bottom-color:#eee;display:block;width:0}.example-twitter+p{padding-left:15px;font:14px Arial,sans-serif}.example-number{position:relative;width:200px;height:200px;margin:50px 0 200px;text-align:center;font:140px/200px Arial,sans-serif;color:#fff;background:#c91f2c}.example-number:before{content:"";position:absolute;bottom:-140px;right:0;border-width:0 0 140px 140px;border-style:solid;border-color:transparent #c91f2c}.example-number:after{content:"";position:absolute;bottom:-140px;right:85px;border-width:0 0 140px 55px;border-style:solid;border-color:transparent #fff}.pinched{position:relative;padding:15px;margin:50px 0 3em;text-align:center;color:#fff;background:#333;border-radius:10px}.pinched:before{content:"";position:absolute;top:-20px;left:50%;width:100px;height:20px;margin:0 0 0 -50px;background:#333}.pinched:after{content:"";position:absolute;top:-20px;left:0;width:50%;height:20px;background:#fff;border-bottom-right-radius:15px}.pinched>:first-child:before{content:"";position:absolute;top:-20px;right:0;width:50%;height:20px;background:#fff;border-bottom-left-radius:15px}.oval-speech{position:relative;width:270px;padding:50px 40px;margin:1em auto 50px;text-align:center;color:#fff;background:#5a8f00;background:linear-gradient(#b8db29,#5a8f00);border-radius:220px/120px}.oval-speech p{font-size:1.25em}.oval-speech:before{content:"";position:absolute;z-index:-1;bottom:-30px;right:50%;height:30px;border-right:60px solid #5a8f00;background:#5a8f00;border-bottom-right-radius:80px 50px;transform:translate(0,-2px)}.oval-speech:after{content:"";position:absolute;z-index:-1;bottom:-30px;right:50%;width:60px;height:30px;background:#fff;border-bottom-right-radius:40px 50px;transform:translate(-30px,-2px)}.oval-thought{position:relative;width:270px;padding:50px 40px;margin:1em auto 80px;text-align:center;color:#fff;background:#075698;background:linear-gradient(#2e88c4,#075698);border-radius:220px/120px}.oval-thought p{font-size:1.25em}.oval-thought:before{content:"";position:absolute;bottom:-20px;left:50px;width:30px;height:30px;background:#075698;border-radius:30px}.oval-thought:after{content:"";position:absolute;bottom:-30px;left:30px;width:15px;height:15px;background:#075698;border-radius:15px}.oval-quotes{position:relative;width:400px;height:350px;margin:2em auto 10px;color:#000;background:#ffed26;border-radius:400px/350px}.oval-quotes:before{content:"“";position:absolute;z-index:1;top:20px;left:20px;font:80px/1 Georgia,serif;color:#ffed26}.oval-quotes:after{content:"”";position:absolute;z-index:1;bottom:0;right:20px;font:80px/0.25 Georgia,serif;color:#ffed26}.oval-quotes p{width:250px;height:250px;padding:50px 0 0;margin:0 auto;text-align:center;font-size:35px}.oval-quotes p:before{content:"";position:absolute;z-index:-1;bottom:-30px;right:55%;width:180px;height:60px;background:#fff;border-bottom-right-radius:40px 50px;transform:translate(-30px,-2px)}.oval-quotes p:after{content:"";position:absolute;z-index:-2;bottom:-30px;right:25%;height:80px;border-right:200px solid #ffed26;background:#ffed26;border-bottom-right-radius:200px 100px;transform:translate(0,-2px);display:block;width:0}.oval-quotes+p{position:relative;width:150px;margin:0 0 2em;font-size:18px;font-weight:bold}.rectangle-speech-border{position:relative;padding:50px 15px;margin:1em 0 3em;border:10px solid #5a8f00;text-align:center;color:#333;background:#fff;border-radius:20px}.rectangle-speech-border:before{content:"";position:absolute;z-index:10;bottom:-40px;left:50px;width:50px;height:30px;border-style:solid;border-width:0 10px 10px 0;border-color:#5a8f00;background:transparent;border-bottom-right-radius:80px 50px;display:block}.rectangle-speech-border:after{content:"";position:absolute;z-index:10;bottom:-40px;left:50px;width:20px;height:30px;border-style:solid;border-width:0 10px 10px 0;border-color:#5a8f00;background:transparent;border-bottom-right-radius:40px 50px;display:block}.rectangle-speech-border>:first-child:before{content:"";position:absolute;bottom:-40px;left:45px;width:10px;height:10px;background:#5a8f00;border-radius:10px}.rectangle-speech-border>:first-child:after{content:"";position:absolute;bottom:-10px;left:76px;width:24px;height:15px;background:#fff}.oval-speech-border{position:relative;padding:70px 30px;margin:1em auto 60px;border:10px solid #f3961c;text-align:center;color:#333;background:#fff;border-radius:240px/140px}.oval-speech-border:before{content:"";position:absolute;z-index:2;bottom:-40px;right:50%;width:50px;height:30px;border-style:solid;border-width:0 10px 10px 0;border-color:#f3961c;margin-right:-10px;background:transparent;border-bottom-right-radius:80px 50px;display:block}.oval-speech-border:after{content:"";position:absolute;z-index:2;bottom:-40px;right:50%;width:20px;height:31px;border-style:solid;border-width:0 10px 10px 0;border-color:#f3961c;margin-right:20px;background:transparent;border-bottom-right-radius:40px 50px;display:block}.oval-speech-border>:first-child:before{content:"";position:absolute;z-index:1;bottom:-40px;right:50%;width:10px;height:10px;margin-right:45px;background:#f3961c;border-radius:10px}.oval-speech-border>:first-child:after{content:"";position:absolute;z-index:1;bottom:-10px;right:50%;width:30px;height:15px;background:#fff}.oval-thought-border{position:relative;padding:70px 30px;margin:1em auto 80px;border:10px solid #c81e2b;text-align:center;color:#333;background:#fff;border-radius:240px/140px}.oval-thought-border:before{content:"";position:absolute;z-index:10;bottom:-40px;right:100px;width:50px;height:50px;border:10px solid #c81e2b;background:#fff;border-radius:50px;display:block}.oval-thought-border:after{content:"";position:absolute;z-index:10;bottom:-60px;right:50px;width:25px;height:25px;border:10px solid #c81e2b;background:#fff;border-radius:25px;display:block}.fa-facebook,.fa-facebook-square{color:#3b5998}.fa-twitter,.fa-twitter-square{color:#00aced}.fa-google,.fa-google-square{color:#dd4b39}.fa-youtube,.fa-youtube-play,.fa-youtube-square{color:#b00}.fa-tumblr,.fa-tumblr-square{color:#32506d}.fa-vine{color:#00bf8f}.fa-flickr{color:#ff0084}.fa-vimeo-square{color:#aad450}.fa-pinterest,.fa-pinterest-square{color:#cb2027}.fa-linkedin,.fa-linkedin-square{color:#007bb6}.fa-instagram{color:#517fa4}.fa-spotify{color:#1ed760}body,header,main,footer{min-width:320px;position:relative}body a,header a,main a,footer a{text-decoration:none}body,main{max-width:100vw;overflow-x:hidden}h1{font-size:1.71428571rem}h2{font-size:1.5rem}@media(max-width:767px){h2{font-size:1.3rem}}h3{font-size:1.28571429rem}h4{font-size:1.07142857rem}h5{font-size:1rem}header nav{background-color:transparent}@media(max-width:410px){header nav.navbar-expand .container-fluid{flex-wrap:wrap;justify-content:center}header nav.navbar-expand .container-fluid .logo-container{padding-top:4px !important;padding-bottom:0 !important}header nav.navbar-expand .container-fluid #globalNavbar_HowItWorks{margin-top:-4px}header nav.navbar-expand .container-fluid .login-button-container{margin-left:1rem}header nav.navbar-expand .container-fluid .login-button-container a.btn{padding:.25rem .5rem;font-size:.8203125rem;line-height:1.5;border-radius:.2rem}}header nav.menu-open.navbar-expand #globalNavbar_HowItWorks{margin-top:0}header nav.menu-open{background-image:linear-gradient(180deg,#fff 0,#fff 40%,#d7e1ec 150%);opacity:1}@media(max-width:575px){header nav.menu-open .login-button-container{display:none}}@media(max-width:410px){header nav.menu-open .logo-container{display:none}}header nav.scrolled::before{background-image:linear-gradient(180deg,#fff 0,#fff 40%,#d7e1ec 150%);background-size:cover;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.9}header nav li.dropdown{position:static}@media(min-width:576px){header nav li.dropdown#globalNavbar_HowItWorks_parent .container{max-width:100%}}header nav li.dropdown#globalNavbar_HowItWorks_parent h3{padding-top:.75rem}header nav li.dropdown .dropdown-menu{margin-top:-1px;width:100%}header nav li.dropdown .dropdown-menu a.dropdown-item{color:#3498db}header nav li.dropdown .dropdown-menu a.dropdown-item:hover{color:#ecf0f1}.main{margin-top:65px}@media(max-width:480px){.main{margin-top:100px}}.main.container{min-height:80vh}.demo-container{width:100%;display:table;margin:0 auto;max-width:1200px}.demo-container>div{display:table-cell}@media(max-width:575px){.demo-container{display:block}.demo-container>div{display:block;float:left}.demo-container>div.vertical.divider{display:none}}.demo-container .browser-demo{width:50%}@media(max-width:575px){.demo-container .browser-demo{width:100%}}.demo-container .browser-demo>h2{margin-bottom:10px}.demo-container .browser-demo .browser-mockup .website-mockup{width:100%;height:50vh;min-height:320px;max-height:600px}.demo-container .browser-demo .browser-mockup .website-mockup #fluent-app-window{transition:background-image 1s;background-size:cover;position:absolute;width:100%;height:100%}.demo-container>.vertical.divider{z-index:2;padding:0 0 0 5vw;width:2px;height:100%;max-height:100vh;vertical-align:middle;overflow:visible}@media(max-width:767px){.demo-container>.vertical.divider{padding-left:1vw}}@media(max-width:575px){.demo-container>.iphone-demo{width:100%}}.pricing-section-wrapper{background-image:url("/images/textures/light-grey-floral-motif.png");padding-bottom:40px;box-shadow:inset 0 50px 40px #fff}.pricing.container{padding-top:40px;background-color:#fff;box-shadow:0 50px 105px 150px #fff}@media(min-width:576px) and (max-width:991px){.pricing.container{max-width:calc(100vw - 60px);padding-left:0;padding-right:0}}.pricing.container .card-deck .card{border-top:4px solid;border-bottom:0;border-left:0;border-right:0}.pricing.container .card-deck .card-title{font-size:4rem;line-height:1em}#left-panel.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;padding:5.5rem .5rem .5rem .5rem}main#main-panel{padding:5.5rem .5rem .5rem .5rem;min-height:80vh}@media(max-width:767px){main#main-panel{padding-top:8rem}}main#main-panel .answer-content br{content:"";display:block;margin:1rem 0}#right-panel{position:fixed;top:0;bottom:0;right:0;z-index:100;padding:5.5rem .5rem .5rem .5rem}.main.container div.col-12,.main.container div.col-4{transition:all .5s ease-out}@media(max-width:480px){.main.container div.col-12 figure figcaption a.image-expander,.main.container div.col-4 figure figcaption a.image-expander{display:none}}.main.container div.col-12 figure figcaption a.image-shrinker,.main.container div.col-4 figure figcaption a.image-shrinker{display:none}.pad-section{padding:50px 0}.pad-section img{width:100%}.text-vcenter{display:table-cell;text-align:center;vertical-align:middle}.text-vcenter h1{font-weight:700;margin:0;padding:0}.cover-full{display:table;height:100vh;position:relative;width:100%;background-size:cover !important}.cover-overlay-full{display:table;height:100%;position:absolute;top:0;left:0;width:100%;background-size:cover;z-index:1}.cover-overlay-full .text-vcenter{color:#fff}.cover-overlay-full .text-vcenter h1{font-size:4em}.cover-overlay-full .text-vcenter h2{margin:40px 0 30px 0}.cover-overlay-full .text-vcenter .btn{font-size:1.75em}.cover-overlay-full.darken-layer{opacity:.4;background-color:#000}.careers .job-post{font-size:110%}#careers{background:url("/images/cover-careers.jpg") no-repeat center center fixed;background-size:cover}#contact-us{background:url("/images/cover-contact-us.jpg") no-repeat center center fixed;background-size:cover}#resources{background:url("/images/resources-cover.jpg") no-repeat center center fixed;background-size:cover}#events{background:url("/images/events-cover.jpg") no-repeat center center fixed;display:table;height:600px;position:relative;width:100%;background-size:cover}#events .text-vcenter{vertical-align:bottom;color:#fff;padding-bottom:40px}#events .text-vcenter h2{margin:40px 0 0 0}#events-list .text-vcenter{float:left;width:100%;text-align:center}@media(min-width:768px){#events-list .text-vcenter{padding-top:80px}}@media(max-width:767px){#events-list .text-vcenter img{max-height:70px;width:auto}}#events-list .row{padding-bottom:2em}#events-list .row .common-event{float:left;border-bottom:1px solid #ccc;padding-bottom:2em}#events-list .row:last-child .common-event{border-bottom:0}#feature-page{background:url("/images/cover-abstract-photography-line-and-light.jpg") no-repeat top left;background-size:cover}#insider{background:url("/images/insider-cover.jpg") no-repeat top left fixed;background-size:cover}.cover-half{display:table;height:50vh;position:relative;width:100%;background-size:cover !important;background-color:#ccc;background-repeat:repeat;background-image:url("/images/textures/crissxcross.png")}.cover-overlay-half{position:absolute;display:table;height:50%;top:0;left:0;width:100%;background-size:cover;z-index:1}.cover-overlay-half .text-vcenter{color:#fff}.cover-overlay-half .text-vcenter h2{margin:40px 0 30px 0}.cover-overlay-half .text-vcenter .btn{font-size:1.75em}.cover-overlay-half.darken-layer{opacity:.4;background-color:#000}.cover-75{display:table;height:75vh;position:relative;width:100%;background-size:cover}.cover-overlay-75{position:absolute;display:table;height:75%;top:0;left:0;width:100%;background-size:cover;z-index:1}.cover-overlay-75 .text-vcenter{color:#fff}.cover-overlay-75 .text-vcenter h2{margin:40px 0 30px 0}.cover-overlay-75 .text-vcenter .btn{font-size:1.75em}.cover-overlay-75.darken-layer{opacity:.4;background-color:#000}.cover-30{display:table;height:30vh;position:relative;width:100%;background-size:cover;background-color:#ccc;background-repeat:repeat;background-image:url("/images/textures/crissxcross.png")}.cover-overlay-30{position:absolute;display:table;height:30%;top:0;left:0;width:100%;background-size:cover;z-index:1}.cover-overlay-30 .text-vcenter{color:#fff}.cover-overlay-30 .text-vcenter h1{margin:50px 0 10px 0}@media(max-width:767px){.cover-overlay-30 .text-vcenter{margin:0}}@media(max-width:480px){.cover-overlay-30 .text-vcenter h1{font-size:30px !important}.cover-overlay-30 .text-vcenter h2{font-size:21px !important}}.cover-overlay-30.darken-layer{opacity:.4;background-color:#000}@media(min-width:768px){.device-collage,.device-collage+[class*=col-]{display:table-cell;vertical-align:middle;float:none}}@media(max-width:767px){.device-collage .img-stackable{display:none}.device-collage .img-stackable.aos-init.laptop{display:block}}@media(min-width:768px){.device-collage .img-stackable.aos-init:not(.aos-animate){display:none}.device-collage .img-stackable.aos-animate+.img-stackable.aos-animate{display:none}}.top-layer-hover{z-index:1;position:absolute;transition:all linear .25s;margin:0;min-height:100%;width:100%}.base-layer-hover{position:absolute;transition:all linear .5s;min-height:100%;width:100%}#resources-list [class*=col-]{margin-bottom:30px}#resources-list .top-layer-hover{background-color:#ccc;background-repeat:repeat;background-image:url("/images/textures/crissxcross.png")}#resources-list .top-layer-hover h3{font-size:2em;position:absolute;color:#fff;text-shadow:0 1px 1px white;z-index:1;text-align:center;width:100%;padding-top:72%}#resources-list .base-layer-hover{background-color:#ccc;background-repeat:repeat;background-image:url("/images/textures/crissxcross.png");padding:15px}#resources-list .square{position:relative;padding-bottom:100%;overflow:hidden}#resources-list .square .img-responsive{position:absolute;max-width:unset}#resources-list .square:hover .top-layer-hover{opacity:0;margin-top:-100%}#resources-list .square:hover .base-layer-hover{background-color:#ccc;background-image:unset;color:#fff}footer{z-index:101;margin-bottom:0;margin-top:0;padding:0;background-color:#5faee3;background-repeat:repeat;background-image:linear-gradient(180deg,#fff 0,#fff 40%,#3498db 150%)}footer a{color:#fff}footer a:hover{color:white;text-decoration:none}footer h4{font-weight:bold}footer .links a{display:block;width:100%;padding-left:1em;padding-bottom:.75em;line-height:1.2em}footer .links a .fa{text-align:center;min-width:1.5em;margin-right:.25em}.panel.disabled{opacity:.5;cursor:not-allowed}.past-event-notice{width:100%;text-align:center;color:initial;margin-top:-110px;position:absolute;z-index:2;color:#ccc;text-shadow:0 0 15px #fff;font-weight:700}.resource-teaser p{font-size:130%}.resource-teaser ul li{font-size:130%}li.and-more{list-style:none}.iphone-demo #slack-steps img{width:100%;clear:left;float:left;display:none}.iphone-demo form.chat *{transition:all .5s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.iphone-demo form.chat{margin:0;cursor:default;position:absolute;left:0;right:0;bottom:0;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.iphone-demo form.chat span.spinner{-moz-animation:loading-bar 1s 1;-webkit-animation:loading-bar 1s 1;animation:loading-bar 1s 1;display:block;height:2px;background-color:#00e34d;transition:width .2s;position:absolute;top:0;left:0;right:0;z-index:4}.iphone-demo form.chat .messages{display:block;overflow-x:hidden;overflow-y:scroll;position:relative;height:90%;width:100%;padding:2% 3%;border-bottom:1px solid #ecf0f1}.iphone-demo form.chat ::-webkit-scrollbar{width:3px;height:1px;transition:all .5s;z-index:10}.iphone-demo form.chat ::-webkit-scrollbar-track{background-color:white}.iphone-demo form.chat ::-webkit-scrollbar-thumb{background-color:#bec4c8;border-radius:3px}.iphone-demo form.chat .message{display:block;width:98%;padding:.5%}.iphone-demo form.chat .message p{margin:0}.iphone-demo form.chat .myMessage,.iphone-demo form.chat .fromThem{max-width:50%;word-wrap:break-word;margin-bottom:20px}.iphone-demo form.chat .message:hover .myMessage{-webkit-transform:translateX(-130px);transform:translateX(-130px)}.iphone-demo form.chat .message:hover .fromThem{-webkit-transform:translateX(130px);transform:translateX(130px)}.iphone-demo form.chat .message:hover date{opacity:1}.iphone-demo form.chat .myMessage,.iphone-demo .fromThem{position:relative;padding:10px 20px;color:white;border-radius:25px;clear:both;font:400 15px "Open Sans",sans-serif}.iphone-demo form.chat .myMessage{background:#00e34d;color:white;float:right;clear:both;border-bottom-right-radius:20px 0\9}.iphone-demo form.chat .myMessage:before{content:"";position:absolute;z-index:1;bottom:-2px;right:-8px;height:19px;border-right:20px solid #00e34d;border-bottom-left-radius:16px 14px;-webkit-transform:translate(0,-2px);transform:translate(0,-2px);border-bottom-left-radius:15px 0\9;transform:translate(-1px,-2px) \9}.iphone-demo form.chat .myMessage:after{content:"";position:absolute;z-index:1;bottom:-2px;right:-42px;width:12px;height:20px;background:white;border-bottom-left-radius:10px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}.iphone-demo form.chat .fromThem{background:#e5e5ea;color:black;float:left;clear:both;border-bottom-left-radius:30px 0\9}.iphone-demo form.chat .fromThem:before{content:"";position:absolute;z-index:2;bottom:-2px;left:-7px;height:19px;border-left:20px solid #e5e5ea;border-bottom-right-radius:16px 14px;-webkit-transform:translate(0,-2px);transform:translate(0,-2px);border-bottom-right-radius:15px 0\9;transform:translate(-1px,-2px) \9}.iphone-demo form.chat .fromThem:after{content:"";position:absolute;z-index:3;bottom:-2px;left:4px;width:26px;height:20px;background:white;border-bottom-right-radius:10px;-webkit-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}.iphone-demo form.chat date{position:absolute;top:10px;font-size:14px;white-space:nowrap;vertical-align:middle;color:#8b8b90;opacity:0;z-index:4}.iphone-demo form.chat .myMessage date{left:105%}.iphone-demo form.chat .fromThem date{right:105%}.iphone-demo form.chat input{font:400 13px "Open Sans",sans-serif;border:0;padding:0 15px;height:10%;outline:0}.iphone-demo form.chat input[type=text]{width:73%;float:left}.iphone-demo form.chat input[type=submit]{width:23%;background:transparent;color:#00e34d;font-weight:700;text-align:right;float:right}.iphone-demo form.chat .myMessage,.iphone-demo form.chat .fromThem{font-size:12px}.iphone-demo form.chat .message:hover .myMessage{transform:translateY(18px);-webkit-transform:translateY(18px)}.iphone-demo form.chat .message:hover .fromThem{transform:translateY(18px);-webkit-transform:translateY(18px)}.iphone-demo form.chat .myMessage date,.iphone-demo form.chat .fromThem date{top:-20px;left:auto;right:0;font-size:12px}.iphone-demo form.chat .myMessage,.iphone-demo form.chat .fromThem{max-width:90%}.iphone-demo .iphone{width:300px;height:540px;background-image:url("/images/frame-iphone-xs.png");background-size:100% 100%;margin:0 auto;position:relative}.iphone-demo .inner-border{position:absolute;top:7.5%;right:7%;left:7%;bottom:7%}.iphone-demo a.article{position:fixed;bottom:15px;left:15px;display:table;text-decoration:none;color:white;background-color:#00e34d;padding:10px 20px;border-radius:25px;font:400 15px "Open Sans",sans-serif}.browser-mockup{border-top:2em solid rgba(230,230,230,0.7);box-shadow:0 .1em 1em 0 rgba(0,0,0,0.4);position:relative;border-radius:3px 3px 0 0}.browser-mockup:before{display:block;position:absolute;content:"";top:-1.25em;left:1em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5}.browser-mockup.with-tab:after{display:block;position:absolute;content:"";top:-2em;left:5.5em;width:20%;height:0;border-bottom:2em solid white;border-left:.8em solid transparent;border-right:.8em solid transparent}.browser-mockup.with-url:after{display:block;position:absolute;content:"";top:-1.6em;left:5.5em;width:calc(100% - 6em);height:1.2em;border-radius:2px;background-color:white}.browser-mockup>.website-mockup{font-size:70%;margin:0;background-color:#93cded;background-repeat:repeat;background-image:url("/images/textures/black-paper.png")}.browser-mockup>.website-mockup .grid{margin-top:0 !important}.browser-mockup>.website-mockup .grid .white{background-color:#fff}.browser-mockup>.website-mockup .grid .row.white{padding:1em}.browser-mockup>.website-mockup .grid .placeholder{animation-iteration-count:1}.gradient-purple-red{background:linear-gradient(to right,#8e44ad,#c0392b)}@-moz-keyframes loading-bar{0%{width:0}90%{width:90%}100%{width:100%}}@-webkit-keyframes loading-bar{0%{width:0}90%{width:90%}100%{width:100%}}@keyframes loading-bar{0%{width:0}90%{width:90%}100%{width:100%}}.main.container p img{max-width:50vw;height:auto}