.transition,.tutorials-toggle-btn .btn-img{transition:all .3s ease-in-out}.clearfix:after{display:block;content:"";clear:both}.hero h2{font-size:30px;line-height:32px;color:#364550;text-transform:none;font-family:"ProximaNova-Bold"}@media(min-width:768px){.hero h2{font-size:48px;line-height:48px}}@media(min-width:1920px){.hero h2{font-size:54px;line-height:51px}}.integrations-section h3{font-size:25px;line-height:28px}@media(min-width:768px){.integrations-section h3{font-size:31px;line-height:34px}}.hero p{font-size:16px;line-height:22px}@media(min-width:768px){.hero p{font-size:22px;line-height:30px}}@media(min-width:1920px){.hero p{font-size:24px;line-height:32px}}.integration-title,.tutorial-title{font-size:18px;line-height:24px}@media(min-width:768px){.integration-title,.tutorial-title{font-size:22px;line-height:28px}}.hero{padding:60px 0;background-image:url(/images/voipstudio/homepage/bg.svg);background-repeat:no-repeat;background-position:111% -85px;background-size:245px}@media(min-width:768px){.hero{background-position:100.6% -64px;background-size:370px}}@media(min-width:1920px){.hero{background-position:104.9% -33px;background-size:585px}}@media(min-width:768px){.hero{padding:95px 0 140px}}@media(min-width:1920px){.hero{padding:170px 0 142px}}.hero .container{position:relative}.hero [class*=col-]{position:initial}.hero h1{margin-bottom:17px}@media(min-width:768px){.hero h1{margin-bottom:26px}}@media(min-width:1920px){.hero h1{margin-bottom:20px}}.hero h2{margin-bottom:12px;text-shadow:0 6px 12px rgba(0,0,0,0.16)}@media(min-width:768px){.hero h2{margin-bottom:37px}}@media(min-width:1920px){.hero h2{margin-bottom:30px}}.hero p:not(:last-of-type){margin-bottom:22px;padding:0 20px}@media(min-width:768px){.hero p:not(:last-of-type){margin-bottom:30px;padding:0}}.hero-img{max-width:64%;margin-bottom:8px}@media(min-width:768px){.hero-img{position:absolute;margin-bottom:0;top:6px;right:-34px;max-width:45%}}@media(min-width:1920px){.hero-img{max-width:none;top:-25px;right:15px}}.tutorials-section{position:relative;padding:15px 0 35px}@media(min-width:1920px){.tutorials-section{padding-bottom:115px}}@media(min-width:1920px){.tutorials-section .container{max-width:1510px}}.tutorials-box{padding:55px 0 50px}.tutorials-box+.tutorials-box{border-top:1px solid #20baef}.tutorials-head{text-align:center}@media(min-width:768px){.tutorials-head{text-align:left}}.tutorials-head .btn.btn-yellow{position:relative;margin-bottom:50px;background-image:none;padding-left:30px;padding-right:75px}.tutorials-head h2{margin-bottom:7px}@media(min-width:768px){.tutorials-head h2{margin-bottom:22px}}.tutorials-head h3{font-family:"ProximaNova-Bold";font-size:25px;line-height:28px;color:#364550;margin-bottom:25px}@media(min-width:768px){.tutorials-head h3{font-size:31px;line-height:34px}}.tutorials-head h4{font-size:14px;line-height:24px;margin-bottom:0}@media(min-width:768px){.tutorials-head h4{font-size:18px;line-height:28px}}.tutorials-toggle-btn .btn-img{position:absolute;top:50%;right:33px;transform:translateY(-50%) rotate(180deg)}.tutorials-toggle-btn.active .btn-img{transform:translateY(-50%)}.btn-img{pointer-events:none}.tutorials-body{padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px}.tutorials-wrap{display:flex;flex-grow:1;padding:45px 0 20px;margin-bottom:-50px;flex-direction:column;align-items:center}@media(min-width:768px){.tutorials-wrap{margin-bottom:-60px;margin-left:-30px;flex-direction:row;align-items:stretch;flex-wrap:wrap}}@media(min-width:1920px){.tutorials-wrap{margin-left:-65px;margin-bottom:-105px}}.tutorial{width:300px;max-width:100%;margin-bottom:50px;padding:25px 20px 40px;border-radius:13px;border:1px solid #edeeef;background-color:#f7f7fc;box-shadow:0 4px 12px rgba(0,0,0,0.16);background-image:url(/images/voipstudio/homepage/bg.svg);background-repeat:no-repeat;background-position:94% -16%;background-size:100px}@media(min-width:768px){.tutorial{flex:0 0 calc(50% - 30px);max-width:calc(50% - 30px);margin-left:30px;margin-bottom:60px;padding:30px 25px 60px}}@media(min-width:1920px){.tutorial{flex:0 0 calc(33.33% - 65px);max-width:calc(33.33% - 65px);margin-left:65px;margin-bottom:105px;padding-bottom:80px}}.tutorial-figure{position:relative;margin-bottom:27px}.tutorial-figure::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:rgba(54,69,80,0.48);box-shadow:0 0 0 2px #fff}.tutorial-figure>img{width:100%;max-width:100%;display:inline-block}.tutorial-figure a.btn.btn-yellow img,.tutorial-figure .btn.btn-yellow img{margin:0}.tutorial-title{font-family:"ProximaNova-Bold";border-bottom:2px solid #20baef;padding-bottom:3px;margin-bottom:5px}@media(min-width:768px){.tutorial-title{padding-bottom:9px;margin-bottom:11px}}.tutorial-description{font-size:14px;line-height:17px}@media(min-width:768px){.tutorial-description{font-size:18px;line-height:28px}}a.btn.tutorial-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:none;border:0;margin-top:0}.integrations-section{background-color:#f7f7fc;padding:65px 0 50px}@media(min-width:768px){.integrations-section{padding:80px 0 100px}}@media(min-width:1920px){.integrations-section{padding-bottom:180px}}@media(min-width:1920px){.integrations-section .container{max-width:1510px}}.integrations-section h2{margin-bottom:10px}@media(min-width:768px){.integrations-section h2{margin-bottom:33px}}.integrations-title{text-align:center;max-width:650px;margin-left:auto;margin-right:auto;margin-bottom:40px}@media(min-width:768px){.integrations-title{margin-bottom:95px}}.integrations-body{margin-bottom:-50px;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}@media(min-width:768px){.integrations-body{margin-bottom:-90px}}@media(min-width:1920px){.integrations-body{margin-left:-90px;flex-direction:row;align-items:stretch}}.integration{flex:0 0 300px;max-width:300px;margin-bottom:50px;padding:25px 20px 40px;border-radius:13px;border:1px solid #edeeef;background-color:#f7f7fc;box-shadow:0 4px 12px rgba(0,0,0,0.16)}@media(min-width:768px){.integration{width:700px;max-width:100%;margin-bottom:90px;padding:30px 50px 80px 25px}}@media(min-width:1920px){.integration{flex:0 0 calc(50% - 90px);max-width:calc(50% - 90px);margin-left:90px}}.integration-head{display:flex;flex-direction:column;margin-bottom:27px}@media(min-width:768px){.integration-head{flex-direction:row-reverse;align-items:center;justify-content:space-between}}.integration-partner{height:50px;margin-bottom:0}.integration-partner img{max-height:100%}@media(min-width:768px){.integration-partner{height:auto}}.integration-figure{position:relative;margin-bottom:0;max-width:395px;flex-grow:1}.integration-figure::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:rgba(54,69,80,0.48);box-shadow:0 0 0 2px #fff}.integration-figure>img{width:100%;max-width:100%;display:inline-block}.integration-figure a.btn.btn-yellow img,.integration-figure .btn.btn-yellow img{margin:0}.integration-title{font-family:"ProximaNova-Bold";border-bottom:2px solid #20baef;padding-bottom:3px;margin-bottom:5px}@media(min-width:768px){.integration-title{padding-bottom:9px;margin-bottom:11px}}.integration-description{font-size:14px;line-height:17px}@media(min-width:768px){.integration-description{font-size:18px;line-height:28px}}.box-bg-images{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.box-bg-image{position:absolute;z-index:-1}.box-bg-image:nth-last-of-type(1){width:215px;top:0;left:-63px;opacity:.61}@media(min-width:768px){.box-bg-image:nth-last-of-type(1){width:435px;left:-167px;opacity:1}}@media(min-width:1920px){.box-bg-image:nth-last-of-type(1){width:570px;left:-85px}}.box-bg-image:nth-last-of-type(2){display:none;top:1736px}@media(min-width:1920px){.box-bg-image:nth-last-of-type(2){display:block;width:845px;right:-85px}}.box-bg-image:nth-last-of-type(3){display:none;top:5325px}@media(min-width:1920px){.box-bg-image:nth-last-of-type(3){display:block;width:605px;left:-120px}}.box-bg-images{background-color:#fff}.box-bg-image:nth-last-of-type(1),.box-bg-image:nth-last-of-type(2),.box-bg-image:nth-last-of-type(3){transform:translateY(865px)}@media(min-width:768px){.box-bg-image:nth-last-of-type(1),.box-bg-image:nth-last-of-type(2),.box-bg-image:nth-last-of-type(3){transform:translateY(10px)}}@media(min-width:1920px){.box-bg-image:nth-last-of-type(1),.box-bg-image:nth-last-of-type(2),.box-bg-image:nth-last-of-type(3){transform:translateY(-225px)}}.tutorials-page{max-width:100%;overflow:hidden}.tingle-modal *{box-sizing:border-box}.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.tingle-modal--confirm .tingle-modal-box{text-align:center}.tingle-modal--noOverlayClose{cursor:default}.tingle-modal--noClose .tingle-modal__close{display:none}.tingle-modal__close{position:fixed;top:10px;right:28px;z-index:1000;padding:0;width:5rem;height:5rem;border:0;background-color:transparent;color:#f0f0f0;font-size:6rem;font-family:monospace;line-height:1;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.tingle-modal__closeLabel{display:none}.tingle-modal__close:hover{color:#fff}.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;background:#fff;opacity:1;cursor:auto;-webkit-transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.tingle-modal-box__content{padding:0}.tingle-modal-box__footer{padding:1.5rem 2rem;width:auto;background-color:#f5f5f5;cursor:auto}.tingle-modal-box__footer::after{display:table;clear:both;content:""}.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;-webkit-transition:bottom .3s ease-in-out .3s;transition:bottom .3s ease-in-out .3s}.tingle-enabled{position:fixed;overflow:hidden;left:0;right:0}.tingle-modal--visible .tingle-modal-box__footer{bottom:0}.tingle-enabled .tingle-content-wrapper{-webkit-filter:blur(8px);filter:blur(8px)}.tingle-modal--visible{visibility:visible;opacity:1}.tingle-modal--visible .tingle-modal-box{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:0;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.tingle-btn--primary{background-color:#3498db}.tingle-btn--danger{background-color:#e74c3c}.tingle-btn--default{background-color:#34495e}.tingle-btn--pull-left{float:left}.tingle-btn--pull-right{float:right}@media(max-width :540px){.tingle-modal{top:0;display:block;padding-top:60px;width:100%}.tingle-modal-box{width:auto;border-radius:0}.tingle-modal-box__content{overflow-y:scroll}.tingle-modal--noClose{top:0}.tingle-modal--noOverlayClose{padding-top:0}.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;border:0;background-color:#2c3e50;box-shadow:none;color:#fff;line-height:55px}.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}}@supports((-webkit-backdrop-filter:blur(12px)) or(backdrop-filter:blur(12px))){.tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(max-width :540px){.tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.tingle-enabled .tingle-content-wrapper{-webkit-filter:none;filter:none}}