.transition,.tutorials-toggle-btn .btn-img{transition:all .3s ease-in-out}.clearfix:after{display:block;content:"";clear:both}.tutorial-title{font-size:18px;line-height:24px}@media(min-width:768px){.tutorial-title{font-size:22px;line-height:28px}}@media(max-width:767px){.hero .hero-heading{text-shadow:0 3px 6px rgba(0,0,0,0.16)}}@media(min-width:768px){.hero h1,.hero .hero-heading,.hero p.paragraph-large{text-shadow:0 6px 12px rgba(0,0,0,0.16)}}.hero-form{max-width:23.125rem;border:1px solid #fff;background:rgba(12,114,149,0.77);border-radius:2.5rem}@media(max-width:359px){.hero-form{padding-right:1.25rem;padding-left:1.25rem;margin-right:-0.9375rem;margin-left:-0.9375rem}}@media(min-width:360px) and (max-width:767px){.hero-form{padding-right:1.875rem;padding-left:1.875rem}}@media(min-width:360px) and (max-width:991px){.hero-form{width:100%}}@media(max-width:767px){.hero-form{padding-top:1.5625rem;padding-bottom:2.0625rem}}@media(min-width:768px) and (max-width:991px){.hero-form{padding-top:2.0625rem;padding-right:1.5rem;padding-bottom:2.1875rem;padding-left:1.5rem}}@media(min-width:992px){.hero-form{padding-top:2.5rem;padding-right:2.1875rem;padding-bottom:2.5rem;padding-left:2.1875rem;float:right}}@media(min-width:1920px){.hero-form{max-width:26.75rem}}.hero-form ::-webkit-input-placeholder{color:rgba(255,255,255,0.57)}.hero-form :-ms-input-placeholder{color:rgba(255,255,255,0.57)}.hero-form ::placeholder{color:rgba(255,255,255,0.57)}@media(max-width:767px){.hero-form .form-group{margin-bottom:1.0625rem}}@media(min-width:768px){.hero-form .form-group{margin-bottom:1.25rem}}@media(min-width:1920px){.hero-form .form-group{margin-bottom:1.875rem}}.hero-form .form-heading{font-family:"ProximaNova-Bold";text-align:center;margin-bottom:1.25rem}.hero-form a.btn{margin-top:1.875rem;margin-right:auto;margin-left:auto}@media(max-width:767px){.hero-form .form-heading{font-size:1.75rem;line-height:1.875rem}.hero-form .form-group{margin-bottom:1.0625rem}.hero-form .input-round{height:2.625rem}.hero-form .small-text{font-family:"ProximaNova-Regular";font-weight:400}.hero-form a.btn{font-size:.8125rem;line-height:1.0625rem}}@media(min-width:768px){.hero-form .form-heading{font-size:2rem;line-height:1}}@media(min-width:768px) and (max-width:991px){.hero-form .form-group{margin-bottom:1.25rem}.hero-form a.btn{font-size:1rem}}@media(min-width:992px){.hero-form .form-heading{font-size:2.125rem;line-height:1}.hero-form a.btn{font-size:1.0625rem;line-height:1.375rem}}@media(min-width:1920px){.hero-form .form-heading{font-size:2.375rem;line-height:2.5rem}.hero-form a.btn{font-size:1.125rem;line-height:1.5rem}}.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}.hero{color:white;background-repeat:no-repeat}@media(max-width:767px){.hero{background-image:linear-gradient(180deg,rgba(146,163,168,0.88) 0,rgba(54,69,80,0.88) 100%),url(/images/voipstudio/salesforce/salesforce-hero-bg.png);background-size:100% 100%,98.4375rem auto;background-position:0 0,-25.25rem center;padding-top:4.0625rem;padding-bottom:5.9375rem}.hero h1{color:white}}@media(min-width:768px){.hero{background-image:url(/images/voipstudio/voipstudio-vs-ring-central/hero-left-shape.svg),linear-gradient(180deg,rgba(146,163,168,0.88) 0,rgba(54,69,80,0.88) 100%),url(/images/voipstudio/salesforce/salesforce-hero-bg.png);background-size:21.75rem auto,100% 100%,cover;background-position:right -0.625rem top -5.9375rem,0 0,center;padding-top:6.25rem;padding-bottom:1.875rem}}@media(min-width:768px) and (max-width:1024px){.hero{background-position:right -0.625rem top -5.9375rem,0 0,left -12.8125rem center}}@media(min-width:1920px){.hero{background-size:34.625rem auto,100% 100%,cover;background-position:-11.875rem -6.25rem,0 0,center;padding-top:7.5rem;padding-bottom:8.75rem}}@media(min-width:1920px){.hero .p-group p+p{font-size:1.375rem}}@media(max-width:767px){.hero img{margin-bottom:1.25rem}}.hero .hero-icon-row p{line-height:1.5rem}.hero .hero-icon-row>div:last-child{margin-bottom:0}@media(min-width:768px){.hero .hero-icon-row{margin-top:2.5rem}.hero .hero-icon-row>div{margin-bottom:2.5rem}}@media(min-width:1920px){.hero .hero-icon-row{margin-top:3.375rem}.hero .hero-icon-row>div{margin-bottom:2.8125rem}}.hero .hero-icon{width:2.875rem;height:auto;margin-top:.3125rem;margin-right:2rem}.hero .hero-form{background:transparent}@media(min-width:768px){.hero .hero-form .form-heading{font-size:2.375rem}.hero .hero-form img{width:100%;margin-bottom:.625rem}.hero .hero-form img+.form-group{margin-bottom:2.3125rem}.hero .hero-form .btn{margin-top:1.5625rem}}@media(min-width:768px) and (max-width:1919px){.hero .hero-form{margin-top:1.875rem}}@media(min-width:1920px){.hero .hero-form .form-heading{font-size:2.625rem}.hero .hero-form .btn{margin-top:3.125rem}}@media(max-width:767px){.hero .btn{margin-top:3.4375rem}}@media(max-width:767px){.crm-integration{padding-top:4.0625rem;padding-bottom:4.0625rem}}@media(min-width:768px){.crm-integration{padding-top:4.0625rem;padding-bottom:8.125rem}}@media(min-width:1920px){.crm-integration{padding-top:5.625rem;padding-bottom:6.25rem;background-image:url(/images/voipstudio/homepage/blue-bg.svg);background-repeat:no-repeat;background-position:-6.875rem -3.125rem;background-size:31.875rem auto}}@media(max-width:767px){.crm-integration img{width:82%;max-width:21.875rem;margin-top:.625rem;margin-bottom:1.25rem}}@media(min-width:768px){.crm-integration img{width:90%}}@media(max-width:767px){.crm-integration .btn{margin-top:3.125rem}}@media(min-width:768px){.crm-integration .btn{margin-top:3.75rem}}@media(min-width:1920px){.crm-integration .btn{margin-top:4.6875rem}}.integration{position:relative;overflow:hidden}@media(max-width:767px){.integration{padding-top:4.0625rem;padding-bottom:4.0625rem}}@media(min-width:768px){.integration{padding-top:4.0625rem;padding-bottom:5rem;background-color:#e2f0f4}}@media(max-width:767px){.integration .section-heading{margin-bottom:4.0625rem}}.integration .shape-left{width:12.875rem;height:auto;position:absolute;top:5.9375rem;left:-3.75rem;opacity:.61}.integration .tutorial{width:28.1875rem;max-width:100%;background-image:none}@media(max-width:767px){.integration .tutorial{margin-bottom:4.0625rem}.integration .tutorial .salesforce-logo{width:5.625rem;height:auto}}@media(min-width:768px){.integration .tutorial{margin-bottom:0}}.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}}