.canvas-container{top:-10.5rem}.template-index-image{height:auto;width:auto;display:block;max-width:450px;max-height:260px}#slide-show .slide{opacity:0}#slide-show .slide:first-child,#slide-show .slide:nth-child(2),#slide-show .slide:nth-child(3){opacity:1}.fixed-icon-height{height:4.4rem}.grey-diagonal:before{top:-4rem;background-color:#fafbfc;background-position-x:center;background-position-y:bottom;background-size:104% auto}.grey-diagonal:after,.grey-diagonal:before{content:"";position:absolute;left:-2rem;right:-2rem;height:10rem;border-top:1px solid #e9edf0;background-repeat:no-repeat;pointer-events:none;transform:rotate(-2.3deg)}.grey-diagonal:after{bottom:-4rem;background-color:#fff;background-position-x:center;background-position-y:bottom;background-size:104% auto}.integrations-level-one .ui-shape-dot{width:1.2rem;height:1.2rem;margin-left:-.6rem}.integrations-level-one .ui-shape-line{width:6rem;height:.2rem}.integrations-level-one .ui-shape-card-arrow{width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1.4rem;border-color:transparent transparent transparent #c5cfd4}.integrations-level-one .ui-shape-card-line{width:5.8rem;height:.2rem}.integrations-level-one #circleOne{margin-left:5rem;width:34rem;height:34rem}.integrations-level-one #circleOne .logo{width:8.8rem;height:auto}.integrations-level-one .point-circle{width:5.6rem;height:5.6rem}.integrations-level-one .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-one .segment-image{width:5.6rem;height:5.6rem}.templates-level-one .ui-shape-dot{width:1.2rem;height:1.2rem;margin-left:-.6rem}.templates-level-one .ui-shape-line{width:6rem;height:.2rem}.templates-level-one .ui-shape-card-arrow{width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1.4rem;border-color:transparent transparent transparent #e9edf0}.templates-level-one .ui-shape-card-line{width:5.8rem;height:.2rem}.integrations-level-two .ui-shape-dot{width:1.2rem;height:1.2rem;margin-left:-.6rem}.integrations-level-two .ui-shape-line{width:6rem;height:.2rem}.integrations-level-two .ui-shape-card-arrow{width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1.4rem;border-color:transparent transparent transparent #c5cfd4}.integrations-level-two .ui-shape-card-line{width:5.8rem;height:.2rem}.integrations-level-two #circleOne{width:20rem;height:20rem;margin-right:5.6rem}.integrations-level-two #circleOne .logo{width:6.4rem;height:auto}.integrations-level-two #circleOne .in-rect{width:1.6rem;height:1.6rem;top:-2.2rem;right:1.7rem}.integrations-level-two #circleOne .in-circle{width:.8rem;height:.8rem;top:-3rem;right:-.7rem}.integrations-level-two #circleOne .in-oct{width:3rem;height:3rem;top:-.2rem;right:-2.4rem}.integrations-level-two #circleTwo{width:22rem;height:22rem;margin-left:5.6rem}.integrations-level-two #circleTwo .logo{width:6.4rem;height:auto}.integrations-level-two #circleTwo .in-rect{width:1.6rem;height:1.6rem;bottom:.4rem;left:0}.integrations-level-two #circleTwo .in-circle{width:.8rem;height:.8rem;bottom:-3.2rem;left:0}.integrations-level-two #circleTwo .in-oct{width:3rem;height:3rem;bottom:-3.3rem;left:2.4rem}.integrations-level-two .point-circle{width:5.6rem;height:5.6rem}.integrations-level-two .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-two .segment-image{width:5.6rem;height:5.6rem}.integrations-level-three .ui-shape-dot{width:1.2rem;height:1.2rem;margin-left:-.6rem}.integrations-level-three .ui-shape-line{width:6rem;height:.2rem}.integrations-level-three .ui-shape-card-arrow{width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1.4rem;border-color:transparent transparent transparent #c5cfd4}.integrations-level-three .ui-shape-card-line{width:5.8rem;height:.2rem}.integrations-level-three #circleOne{width:18rem;height:18rem;margin-top:-3rem;margin-left:11rem}.integrations-level-three #circleOne .in-circle{width:.8rem;height:.8rem;top:.4rem;right:1rem}.integrations-level-three #circleOne .in-oct{width:3rem;height:3rem;top:-.2rem;right:-2.4rem}.integrations-level-three #circleOne .logo{width:6.4rem;height:auto}.integrations-level-three #circleTwo{width:18rem;height:18rem;margin-bottom:8.5rem;margin-right:8rem}.integrations-level-three #circleTwo .in-rect{width:1.6rem;height:1.6rem;bottom:3.2rem;right:-2.2rem}.integrations-level-three #circleTwo .in-circle{width:.8rem;height:.8rem;bottom:1.6rem;right:.2rem}.integrations-level-three #circleTwo .logo{width:6.4rem;height:auto}.integrations-level-three #circleThree{width:18rem;height:18rem;margin-bottom:1rem;margin-left:8rem}.integrations-level-three #circleThree .in-circle{width:.8rem;height:.8rem;bottom:1.2rem;left:-3.1rem}.integrations-level-three #circleThree .in-oct{width:1.8rem;height:1.8rem;bottom:1rem;left:-1.3rem}.integrations-level-three #circleThree .logo{width:6.4rem;height:auto}.integrations-level-three .point-circle{width:5.6rem;height:5.6rem}.integrations-level-three .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-three .segment-image{width:5.6rem;height:5.6rem}@media (max-width:1024px){.template-index-image{max-width:100%;max-height:260px}.integrations-level-one .ui-shape-card-line{width:2.6rem}.integrations-level-one #circleOne{margin-left:0;width:20rem;height:20rem}.integrations-level-one #circleOne .logo{width:5.8rem}.integrations-level-one .grey-diagonal:after,.integrations-level-one .grey-diagonal:before{transform:rotate(-3.4deg)}.integrations-level-one .point-circle{width:4.8rem;height:4.8rem}.integrations-level-one .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-one .segment-image{width:4.8rem;height:4.8rem}.integrations-level-two .ui-shape-card-line{width:2.6rem}.integrations-level-two #circleOne,.integrations-level-two #circleThree,.integrations-level-two #circleTwo{width:16rem;height:16rem;position:relative}.integrations-level-two #circleOne{margin-left:4rem}.integrations-level-two #circleOne .in-rect{top:-1.2rem;left:1.7rem;right:auto}.integrations-level-two #circleOne .in-circle{top:-2rem;left:-1.3rem;right:auto}.integrations-level-two #circleOne .in-oct{width:2.4rem;height:2.4rem;top:.4rem;left:-1.6rem;right:auto}.integrations-level-two #circleOne .logo{width:4.1rem}.integrations-level-two #circleTwo .logo{width:6.4rem}.integrations-level-two #circleTwo .in-rect{left:auto;bottom:1.9rem;right:-3.1rem}.integrations-level-two #circleTwo .in-circle{width:1.1rem;height:1.1rem;left:auto;bottom:-.8rem;right:-4.2rem}.integrations-level-two #circleTwo .in-oct{width:2.4rem;height:2.4rem;left:auto;bottom:-1.4rem;right:-.9rem}.integrations-level-two .grey-diagonal:after,.integrations-level-two .grey-diagonal:before{transform:rotate(-3.4deg)}.integrations-level-two .point-circle{width:4.8rem;height:4.8rem}.integrations-level-two .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-two .segment-image{width:4.8rem;height:4.8rem}.integrations-level-three .ui-shape-card-line{width:2.6rem}.integrations-level-three #circleOne,.integrations-level-three #circleThree,.integrations-level-three #circleTwo{width:16rem;height:16rem;position:relative}.integrations-level-three #circleOne{margin-left:0;margin-top:0;margin-bottom:0}.integrations-level-three #circleTwo{margin:0 6rem}.integrations-level-three #circleThree{margin-bottom:0;margin-left:0;margin-top:0}.integrations-level-three #circleThree .in-circle{left:auto;top:0;right:0}.integrations-level-three #circleThree .in-oct{left:auto;top:.8rem;right:-2.4rem}.integrations-level-three .grey-diagonal:after,.integrations-level-three .grey-diagonal:before{transform:rotate(-3.4deg)}.integrations-level-three .point-circle{width:4.8rem;height:4.8rem}.integrations-level-three .point-circle .point-logo{width:3.2rem;height:auto}.integrations-level-three .segment-image{width:4.8rem;height:4.8rem}}@media (max-width:600px){.integrations-level-one .ui-shape-dot{margin-left:calc(50% - .6rem);margin-top:-.6rem}.integrations-level-one .ui-shape-line{height:8rem!important;width:.2rem;margin-left:50%!important}.integrations-level-two .ui-shape-dot{margin-left:calc(50% - .6rem);margin-top:-.6rem}.integrations-level-two .ui-shape-line{height:8rem!important;width:.2rem;margin-left:50%!important}.integrations-level-two #circleOne{margin:0 auto}.integrations-level-two #circleTwo{margin:5rem auto 0}.integrations-level-three .ui-shape-dot{margin-left:calc(50% - .6rem);margin-top:-.6rem}.integrations-level-three .ui-shape-line{height:8rem!important;width:.2rem;margin-left:50%!important}.integrations-level-three #circleOne{margin:0 auto}.integrations-level-three #circleThree,.integrations-level-three #circleTwo{margin:5rem auto 0}}