article p,
article span {
 font-size:16px;
 line-height:28px;
 color:#3d4a59;
}
article h1 {
 font-weight:500;
 font-size:3.333vw;
 line-height:4.166vw;
 font-family:"Manrope" !important;
}
article h2 {
 font-size:2.1875vw;
 line-height:3.229vw;
 font-weight:500;
 text-align:center;
 padding-bottom:1.3vw;
 margin:0;
 color:#101F3A;
 font-family:"Manrope" !important;
}
article h3 {
 font-size:24px;
 line-height:36px;
 margin-top:0;
 font-family:"Manrope" !important;
 font-weight:500;
}
.banner-p {
 font-size:24px;
 line-height:36px;
}
.btn-link a {
 width:211px;
 border-radius:8px;
 display:inline-block;
 text-align:center;
 line-height:55px;
 font-size:18px;
 vertical-align:top;
}
.btn-link a:hover {
 text-decoration:none;
}
.btn-link .animation-btn {
 position:relative;
 cursor:pointer;
 overflow:hidden;
}
.btn-link a.animation-btn:hover {
 color:#fff;
}
.animation-btn:hover:after {
 content:"";
 display:inline-block;
 -moz-animation:aperture 0.7s;
 -webkit-animation:aperture 0.7s;
 animation:aperture 0.7s;
 width:35px;
 height:35px;
 position:absolute;
 background:rgba(245,252,255,0.15);
 border-radius:50%;
 animation-iteration-count:infinite;
 animation-duration:1.3s;
 left:0;
 right:0;
 top:0.5vw;
 margin:auto;
 line-height:30px;
}
.svg-icon {
 width:4.27vw;
 height:4.7vw;
 vertical-align:-0.15em;
 fill:currentColor;
 overflow:hidden;
}
.svg-color use {
 filter:drop-shadow(#fff 100px 0);
 transform:translateX(-100px);
}
@keyframes aperture {
 0% {
  transform:scale(1);
 }
 10% {
  transform:scale(2);
 }
 20% {
  transform:scale(3);
 }
 30% {
  transform:scale(4);
 }
 40% {
  transform:scale(5);
 }
 50% {
  transform:scale(6);
 }
 60% {
  transform:scale(7);
 }
 70% {
  transform:scale(8);
 }
 80% {
  transform:scale(9);
 }
 90% {
  transform:scale(10);
 }
 100% {
  transform:scale(11);
 }
}
.btn-link a {
 background:#006EE1;
 color:#fff;
 border:1px solid rgba(255,255,255,0);
}
.same-width {
 width:73vw;
 margin:0 auto;
 display:flex;
 align-items:center;
}
.p-series h1 {
 color:#fff;
}
.p-series {
 background-color:#006ee1;
 position:relative;
 padding-top:2.5vw;
 align-items:center;
 min-height:47vw;
}
.p-series .same-width {
 width:75vw;
}
.p-series .content-left {
 margin-right:4vw;
}
.pbx-plus {
 color:#fff;
 font-size:2.5vw;
 font-weight:300;
 border-bottom:20px solid rgba(0,183,255,0.35);
 width:max-content;
 line-height:1.1vw;
 margin-bottom:1.5vw;
}
.more-animat {
 position:relative;
}
.more-animat span {
 position:absolute;
 left:0.8vw;
 display:none;
 width:25vw;
 font-size:2.3vw;
 color:#fff;
}
.more-animat span:first-child {
 display:inline-block;
}
.pbx-plus span {
 font-weight:300;
}
.go-boundless {
 color:#fff;
 font-weight:300;
 font-size:24px;
 line-height:36px;
 margin:2vw 0;
}
.p-series .hs-cta-wrapper a {
 background:#00b7ff;
 color:#fff;
 margin-right:26px;
}
.p-series .btn-link .watch-text {
 border:1px solid #fff;
 color:#fff;
 cursor:pointer;
 position:relative;
 padding-left:5%;
 z-index:3;
}
.watch-text:before {
 content:"";
 width:0;
 height:0;
 border-top:10px solid transparent;
 border-left:16px solid #fff;
 border-bottom:10px solid transparent;
 display:inline-block;
 position:absolute;
 left:18%;
 top:31%;
}
.watch-text:hover {
}
.watch-text:hover:after {
}
.p-series .content-right img {
 width:38.1vw;
}
.circle-line {
 position:absolute;
}
.circle-line .line {
 position:relative;
 display:block;
 color:rgba(255,255,255,0);
}
.circle-line .line:before,
.circle-line .line:after {
 content:"";
 border-radius:50%;
 display:inline-block;
}
.circle-line1 {
 top:-5vw;
 right:1.2vw;
}
.circle-line1 .line:before {
 width:59.5vw;
 height:59.5vw;
 border:1px solid rgba(255,255,255,.3);
}
.circle-line1 .line:after {
 width:50.7vw;
 height:50.7vw;
 border:1px solid rgba(255,255,255,.6);
 position:absolute;
 left:4.5vw;
 top:4.5vw;
}
.circle-line2 {
 top:-10vw;
 right:-2.5vw;
}
.circle-line2 .line:before {
 width:68vw;
 height:68vw;
 border:1px solid rgba(255,255,255,.1);
}
.circle-line3 {
 position:absolute;
 top:39vw;
 left:-10vw;
}
.circle-line3 .line:before {
 width:22.3vw;
 height:22.3vw;
 border:1px solid rgba(255,255,255,.6);
}
.circle-line3 .line:after {
 width:16.8vw;
 height:16.8vw;
 border:1px solid rgba(255,255,255,.6);
 position:absolute;
 left:2.8vw;
 top:2.8vw;
}
@keyframes spin {
 0% {
  box-shadow:0 0 5px rgb(255 255 255);
 }
 50% {
  box-shadow:0 0 10px rgb(255 255 255);
 }
 100% {
  box-shadow:0 0 15px rgb(255 255 255);
 }
}
.complete-system {
 position:relative;
 z-index:2;
 margin:8vw auto;
 left:2vw;
}
.complete-system .content-left {
 position:relative;
}
.toggle-fade {
 position:absolute;
}
.p-bg {
 width:31.1vw;
}
.fade-info {
 width:9.5vw;
 display:block;
 position:absolute;
 min-height:7.8vw;
}
.fade-info .svg-icon {
 width:5.17vw;
 height:5.17vw;
 box-shadow:0 0 0.5vw rgb(0 112 192 / 25%);
 border-radius:50%;
 display:block;
 margin:0 auto;
 position:absolute;
 left:2.2vw;
 bottom:0;
 cursor:pointer;
 background:#fff;
}
.fade-info:nth-child(1) {
 top:10.5vw;
 left:-4vw;
}
.fade-info:nth-child(2) {
 top:0.5vw;
 left:0;
}
.fade-info:nth-child(3) {
 top:-4.2vw;
 left:11.2vw;
}
.fade-info:nth-child(4) {
 top:0.5vw;
 left:22vw;
}
.fade-info:nth-child(5) {
 left:25.5vw;
 top:10.5vw;
}
.fade-info:nth-child(6) {
 top:21vw;
 left:22vw;
}
.fade-info:nth-child(7) {
 top:25vw;
 left:11.2vw;
}
.fade-info:nth-child(8) {
 top:21vw;
}
.fade-info span {
 background:#00b7ff;
 color:#fff;
 display:inline-block;
 width:100%;
 position:relative;
 text-align:center;
 box-shadow:0 0 0.5vw rgba(0,112,192,0.25);
 opacity:0;
}
.fade-info span:after {
 content:"";
 display:block;
 width:1.3vw;
 height:0.72vw;
 background:#00b7ff;
 position:absolute;
 bottom:-2px;
 transform:rotate(45deg);
 z-index:-1;
 left:4vw;
}
.fade-info:nth-child(4) span {
 top:-1.6vw;
}
.fade-info:hover span {
 opacity:1;
}
.complete-system div:last-child {
 width:44%;
 margin-left:8vw;
}
.complete-system h2 {
 text-align:left;
}
.light {
 border-bottom:4px solid rgba(245,180,24,0.5);
}
.function-list {
 margin-top:1.6vw;
}
.function-list span {
 display:block;
 margin-bottom:0.6vw;
 position:relative;
 padding-left:2.2vw;
}
.function-list span:before {
 content:"";
 display:inline-block;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 width:18px;
 height:18px;
 margin-right:12px;
 top:4px;
 position:absolute;
 left:0;
}
.driven-through {
 width:60vw;
 margin:0 auto;
 text-align:center;
}
.driven-through a {
 color:#006ee1;
}
.driven-through a:hover {
 color:#00b7ff;
}
.uc-clients .btn-link a {
 display:block;
 margin:2vw auto 2.5vw;
}
.uc-clients .content-bottom {
 display:flex;
 align-items:center;
 width:73vw;
 margin:0 auto 5vw;
}
.uc-clients .area-center {
 width:40%;
 position:relative;
 min-height:27.5vw;
 margin:0 2vw 3vw;
}
.uc-clients .area-left,
.uc-clients .area-right {
 width:30%;
}
.uc-clients .area-center img {
 position:absolute;
 display:none;
}
.uc-clients .area-center img:first-child {
 display:inline-block;
}
.uc-clients span {
 display:block;
 background-position:right;
 background-repeat:no-repeat;
 background-size:18px 18px;
 margin-bottom:18px;
 background-position-y:7px;
}
.uc-clients .area-left span {
 text-align:right;
 padding-right:30px;
 background-position-x:right;
}
.uc-clients .area-right span {
 text-align:left;
 padding-left:30px;
 background-position-x:left;
}
.area-right span a:hover,
.the-feature a:hover {
 color:#00b7ff;
}
.video-conference {
 display:flex;
 align-items:center;
 width:73vw;
 margin:0 auto;
}
.video-conference h2 {
 text-align:left;
}
.integrated-p {
 margin-bottom:2.5vw;
 text-align:left;
}
.linkus-fun {
 display:flex;
 flex-wrap:wrap;
 align-items:flex-start;
}
.linkus-fun span {
 width:29.6%;
 margin-bottom:1.2vw;
 position:relative;
 padding-top:1.6vw;
}
.linkus-fun span:before {
 content:"";
 background-position:center;
 background-repeat:no-repeat;
 background-size:18px 18px;
 display:inline-block;
 width:18px;
 height:18px;
 position:absolute;
 top:0;
}
.linkus-fun .btn-link {
 margin-top:2.5vw;
}
.btn-link a {
 background:#006EE1;
 color:#fff;
}
.video-conference .content-left {
 width:54%;
 margin-right:4.8vw;
}
.video-conference .content-right {
 position:relative;
 width:29vw;
 height:29vw;
 background:#f7f9fa;
 border-radius:50%;
}
.video-conference .content-right:after {
 content:"";
 display:inline-block;
 background:#fff;
 width:19vw;
 height:19vw;
 position:absolute;
 left:0;
 right:0;
 margin:auto;
 top:5vw;
 border-radius:50%;
}
.video-conference .content-right img {
 position:absolute;
}
.img1 {
 width:5vw;
 top:-1vw;
 left:18vw;
}
.img2 {
 width:15.8vw;
 top:2vw;
 left:1vw;
 z-index:3;
}
.img3 {
 width:3.28vw;
 right:-1vw;
 top:8vw;
}
.img4 {
 width:21.6vw;
 right:-3vw;
 top:10.5vw;
 z-index:2;
}
.img5 {
 width:5.1vw;
 left:-1vw;
 bottom:7vw;
}
.img6 {
 width:5.1vw;
 right:3vw;
 bottom:0vw;
 z-index:2;
}
.love-p-series {
 background:#F7F9FA;
 padding:5.6vw 0;
}
.love-p-series .svg-icon {
 margin-left:-0.8vw;
}
.love-p-series .same-width {
 flex-wrap:wrap;
 margin-top:3vw;
 align-items:flex-start;
}
.love-p-series .item {
 width:31.8%;
 margin-right:1.5vw;
 box-shadow:0 1vw 2.55vw 4px rgba(61,74,89,.2);
 border-radius:8px;
 background:#fff;
 padding:1.5vw 1.5vw 0;
 min-height:16.3vw;
 margin-bottom:3vw;
 position:relative;
}
.love-p-series .item:nth-child(3n+3) {
 margin-right:0;
}
.love-p-series .item a {
 background-position:center;
 background-repeat:no-repeat;
 background-size:55px 55px;
 display:inline-block;
 width:55px;
 height:55px;
 position:absolute;
 top:-1.35vw;
 right:0.8vw;
 transition:all 0.3s;
}
.love-p-series .item a:hover {
 transform:scale(1.1);
}
.item:last-child img {
 width:2.3vw;
 margin-top:1.2vw;
}
.item img {
 width:2.3vw;
 margin-top:1.2vw;
 margin:1.2vw 0;
}
.feature-content {
 width:73vw;
 margin:5vw auto;
}
.feature-content h2+p {
 width:70%;
 margin:0 auto;
 text-align:center;
}
.feature-content .btn-link a {
 display:block;
 margin:2vw auto 2.5vw;
}
.feature-list {
 margin:-1vw 0 9.5vw;
}
.feature-list h3 {
 align-items:center;
 display:flex;
 margin-bottom:0;
}
.feature-list .content-right {
 display:flex;
 align-items:flex-start;
 flex-wrap:wrap;
 width:60%;
 margin-top:3vw;
}
.feature-list .content-right div {
 width:48%;
 margin-right:1.5vw;
}
.feature-list .content-right div:nth-child(2n+2) {
 margin-right:0;
}
.feature-list .content-right p {
 min-height:5vw;
 margin-bottom:0;
}
.feature-list .content-left {
 width:39%;
 margin-right:4vw;
}
.feature-list .content-left img {
 width:100%;
}
.feature-list svg {
 margin-left:-0.8vw;
}
.the-feature h2+p {
 width:60vw;
 margin:0 auto;
 text-align:center;
}
.plan-info {
 text-align:center;
 width:50vw;
 margin:0 auto;
}
.plan {
 position:absolute;
 right:3vw;
 top:-1vw;
}
.plan span {
 width:200px;
 background:#006EE1;
 border-radius:35px;
 display:inline-block;
 line-height:35px;
 text-align:center;
 color:#fff;
 font-size:18px;
}
.plan span:first-child {
 margin-right:29px;
 background:#77B22A;
 width:180px;
}
.plan span:last-child {
 margin-left:29px;
 background:#00B7FF;
}
.plan span a {
 color:#fff;
}
p+div.feature {
 margin-top:50px;
}
.deployment-mode {
 position:absolute;
 right:3vw;
}
.deployment-mode span {
 position:relative;
 font-size:18px;
 line-height:30px;
 font-weight:600;
 width:200px;
 text-align:center;
 display:inline-block;
}
.deployment-mode span:nth-child(1) {
 left:calc(100% - 62.6vw);
}
.deployment-mode span:nth-child(2) {
 margin-right:29px;
 width:180px;
}
.deployment-mode span:nth-child(4) {
 margin-left:29px;
}
.the-feature {
 margin-top:6vw;
}
.feature-area {
 width:72vw;
 background:#fff;
 box-shadow:0 0 1vw rgba(62,74,90,0.1);
 border-radius:1.8vw;
 margin:6vw auto 0;
 padding:2.6vw 3.75vw;
 position:relative;
}
.feature {
 position:relative;
}
.feature .name {
 padding:0 2.65vw;
 font-size:18px;
 margin-bottom:0;
 cursor:pointer;
 line-height:40px;
}
.feature .name:before {
 content:"+";
 color:#0070c0;
 display:inline-block;
 font-size:1.3vw;
 margin-right:0.3vw;
 position:relative;
 top:2px;
 width:0.78vw;
 text-align:center;
}
.feature .name-active:before {
 content:"-";
 font-size:1.6vw;
}
.feature .name,
.info p {
 background-position:right;
 background-repeat:no-repeat;
 background-size:21.11px 19.95px;
 background-position-x:calc(100% - 78px);
}
.feature:nth-child(2n+3) .name {
 background-color:#fbfbfb;
 border-radius:1.4vw;
}
.info {
 display:none;
}
.info-show {
 display:block;
}
.list-2+div {
 padding-left:1vw;
}
.info p {
 padding-left:3.8vw;
 margin-bottom:0.8vw;
 position:relative;
}
.feature:before,
.feature:after,
.info p:after,
.info p:before {
 content:"";
 display:inline-block;
 position:absolute;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 width:21.11px;
 height:19.95px;
 left:calc(100% - 550px);
 top:0.9vw;
}
.feature:after,
.info p:after {
 left:calc(100% - 325px);
}
.special:before,
.special .info p:before {
 display:none;
}
.special-2::before,
.special-2::after,
.special-2 .info p::before,
.special-2 .info p::after {
 display:none;
}
.list-2+div p {
 font-size:16px;
}
.amazing-feature {
 position:relative;
 padding-left:13.5vw;
 margin-top:12vw;
 padding-bottom:2vw;
}
.amazing-feature h2 {
 text-align:left;
}
.amazing-feature h2+p {
 width:28vw;
}
.feature-slide {
 position:absolute;
 top:0;
 width:122.6vw;
 left:45vw;
 overflow:hidden;
}
.feature-slide .slide-cont div {
 width:13.3vw;
 border-radius:4px;
 background:#fff;
 box-shadow:0 0 1vw rgba(120,204,244,0.3);
 padding:2.7vw 0;
 float:left;
 margin:1vw;
}
.feature-slide div p {
 text-align:center;
 margin-bottom:0;
}
.feature-slide div img {
 width:4.2vw;
 display:block;
 margin:0 auto 1.5vw;
}
.amazing-feature h2+p {
 width:25vw;
}
.prev-next {
 font-size:1.1vw;
 text-align:center;
 position:relative;
 left:10.5vw;
 margin-top:3.5vw;
}
.prev-btn:after {
 content:"";
 display:inline-block;
 width:2px;
 height:1.19vw;
 background:#3d4a59;
 margin:0 2.5vw;
 position:relative;
 top:5px;
}
.btn-click {
 color:#0070c0;
 font-weight:600;
}
.cant-click {
 pointer-events:none;
 color:#ccc;
 font-weight:400;
}
.prev-next span {
 cursor:pointer;
}
.prev-next span:hover {
 color:#0070c0;
 font-weight:600;
}
.slide-cont {
 transition:all 0.3s;
}
.feature-slide:before {
 content:"";
 display:inline-block;
 position:absolute;
 background:url(//www.yeastar.com/wp-content/uploads/2020/10/lef-img.png) center no-repeat;
 background-size:cover;
 width:3.26vw;
 height:1.38vw;
 z-index:-1;
 top:13.5vw;
 left:0.2vw;
}
.feature-slide:after {
 content:"";
 display:inline-block;
 position:absolute;
 z-index:-1;
 background:url(//www.yeastar.com/wp-content/uploads/2020/10/top-img.png) center no-repeat;
 background-size:cover;
 width:4.3vw;
 height:3.3vw;
 top:0;
 left:43vw;
}
.appliance-edition {
 min-height:48vw;
 background:linear-gradient(180deg,#005FC3,#006EE1,#04acef);
 padding-top:8.6vw;
 position:relative;
 margin-top:8vw;
}
.appliance-edition * {
 color:#fff;
}
.appliance-edition .switch-btn {
 min-height:80px;
 position:absolute;
 width:max-content;
 top:-2.1vw;
 left:0;
 right:0;
 margin:0 auto;
 z-index:2;
 display:block !important;
}
.appliance-edition .switch-btn span {
 display:flex;
 float:left;
 width:17.9vw;
 height:4.2vw;
 background:#1A72D6;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
 flex-direction:row;
 align-items:center;
 padding-left:2vw;
 font-size:18px;
 cursor:pointer;
}
.appliance-edition span.btn-active {
 background:#00B7FF;
}
.appliance-edition .same-width {
 margin-top:2vw;
 align-items:center;
}
.appliance-edition img {
 width:30vw;
 margin-right:2.5vw;
}
.appliance-edition .content-right {
 display:flex;
 flex-wrap:wrap;
}
.appliance-edition .flexible:nth-child(2n+2) {
 margin-right:0;
}
.appliance-edition .flexible {
 width:47.6%;
 margin:0 1.7vw 1.3vw 0;
}
.appliance-edition .btn-link a {
 background:#00b7ff;
 width:230px;
}
.switch-cont {
 position:absolute;
 top:0;
 width:100%;
 display:none;
}
.switch-cont:nth-child(2) {
 display:inline-block;
}
.switch-cont:nth-child(3) {
}
.switch-btn+h2 {
 padding-top:9vw;
}
.switch-cont h2 {
 margin-top:8.5vw;
}
.determine .content-left {
 width:32.9vw;
 margin-right:3vw;
 position:relative;
 min-height:9vw;
}
.determine .content-left img {
 position:absolute;
 display:none;
}
.determine .content-left img:first-child {
 display:block;
}
.determine>div {
 display:flex;
 flex-direction:row;
 width:73vw;
 margin:3.5vw auto 0;
 align-items:center;
}
.p-model {
 width:max-content;
 margin:2.3vw auto 0;
 background:#006ee1;
 border-radius:20px;
 height:45px;
}
.p-model span {
 width:7.5vw;
 cursor:pointer;
 border-radius:20px;
 height:45px;
 display:inline-block;
 text-align:center;
 line-height:45px;
 font-size:20px;
}

.s-model {
    width:max-content;
    margin:2.3vw auto 0;
    background:#006ee1;
    border-radius:20px;
    height:45px;
   }
   .s-model span {
    width:7.5vw;
    cursor:pointer;
    border-radius:20px;
    height:45px;
    display:inline-block;
    text-align:center;
    line-height:45px;
    font-size:20px;
   }
   
.select-active {
 background:#00b7ff;
}
.determine .content-right p {
 margin-bottom:0;
}
.model-list p .fun-name {
 width:20.8vw;
 display:inline-block;
 margin-right:1.5vw;
}
.model-list {
 margin-top:1.5vw;
}
.model-list p .fun-name,
.model-list p .fun-val {
 padding:0.5vw 1.6vw;
 font-weight:300;
}
.model-list p:nth-child(2n+1) .fun-name,
.model-list p:nth-child(2n+1) .fun-val {
 background:#0058c5;
}
.model-list p .fun-val span {
 font-weight:300;
}
.model-list p .fun-val {
 width:10.6vw;
 display:inline-block;
 position:relative;
 min-height:2.667vw;
 vertical-align:top;
}
.model-list p .fun-val span {
 position:absolute;
 display:none;
 width:100%;
}
.model-list p .fun-val span:first-child {
 display:block;
}
.resources {
 width:73vw;
 margin:5vw auto;
 display:flex;
}
.resources div {
 display:inline-block;
 vertical-align:top;
 width:46%;
 border:1px solid rgba(0,112,192,0.2);
 padding:1.2vw 2.6vw 2.2vw;
 position:relative;
 min-height:19vw;
}
.resources .content-left {
 margin-right:5.7vw;
}
.resources h3 {
 font-size:2vw;
 line-height:4.2vw;
 margin-bottom:0;
}
.resources div img {
 width:8.7vw;
 position:absolute;
 right:2.1vw;
 bottom:1.1vw;
}
.resources .content-left a {
 color:#006EE1;
 font-size:18px;
 text-decoration:underline;
 display:block;
 margin-bottom:0.5vw;
}
.resources .content-left a:hover {
 color:#00b7ff;
}
.resources .content-left p {
 margin-bottom:1.8vw;
}
.resources div p {
 width:21vw;
}
.resources .contact-btn {
 margin-top:2vw;
 background:#fff;
 color:#006ee1;
 border-color:#006ee1;
}
.resources .btn-link a.animation-btn:hover {
 color:#006ee1;
}
.resources .animation-btn:hover:after {
 background:rgba(206,235,247,.2);
}
.down-datasheet-from {
 max-width:56.25vw;
 margin:auto;
 position:fixed;
 z-index:999;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#fff;
 height:31.6vw;
}
.down-datasheet-from .wpex-clr {
 padding-left:0;
 padding-right:0;
}
.form-alert {
 display:none;
}
.iframe-video {
 display:none;
}
.iframe-video:first-child {
 display:block;
}
.close-x {
 position:absolute;
 z-index:2;
 color:#fff;
 font-weight:300;
 font-size:0.93vw;
 display:inline-block;
 left:55.5vw;
 top:-0.9vw;
 width:1.6vw;
 height:1.6vw;
 border:1px solid #7d7d7d;
 border-radius:50%;
 text-align:center;
 line-height:1.5vw;
 background:#7d7d7d;
 cursor:pointer;
 -ms-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -o-transition:all 0.3s;
 -webkit-transition:all 0.3s;
 transition:all 0.3s;
}
.close-x:hover {
 -ms-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg);
 background:red;
 color:#fff;
 border:1px solid red;
}
.down-mask {
 background:#000;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 width:110%;
 z-index:999;
 opacity:0.6;
}
.p-bgimg {
 display:none;
}
.wpb_start_animation.wpb_bottom-to-top.animi-delay8 {
 animation-duration:1.8s;
}
.wpb_start_animation.wpb_bottom-to-top.animi-delay5 {
 animation-duration:1.5s;
}
@media(max-width:1500px) and (min-width:768px) {
 .btn-link a {
  width:180px;
  line-height:45px;
  font-size:16px;
 }
 #site-logo1 a {
  width:150px;
 }
 #site-logo1 a+a {
  width:88px !important;
 }
 .banner-p,
 article h3,
 .go-boundless {
  font-size:20px;
  line-height:34px;
 }
 .video-conference {
  width:75vw;
 }
 .linkus-fun span {
  width:31%;
  margin-right:0.9vw;
 }
 .fade-info {
  width:10.5vw;
 }
 .love-p-series .item {
  min-height:21.3vw;
 }
 article .svg-icon {
  width:5vw;
  height:5vw;
  margin-left:-1vw;
 }
 .love-p-series .svg-icon {
  margin-left:-1.1vw;
 }
 .item:last-child img {
  width:3.3vw;
  margin-top:1.4vw;
 }
 .deployment-mode span {
  width:170px;
 }
 .plan span {
  width:170px;
 }
 .plan span:first-child {
  width:150px;
 }
 .deployment-mode span:nth-child(1) {
  left:calc(100% - 62vw);
 }
 .deployment-mode span:nth-child(2) {
  width:150px;
 }
 .feature:before,
 .feature:after,
 .info p:after,
 .info p:before {
  width:17px;
  height:16px;
  left:calc(100% - 480px);
 }
 .feature:after,
 .info p:after {
  left:calc(100% - 283px);
 }
 .feature .name,
 .info p {
  background-size:17px 16px;
  background-position-x:calc(100% - 65px);
 }
 .appliance-edition .switch-btn span {
  width:21vw;
  padding-left:3.5vw;
 }
 .appliance-edition {
  min-height:55vw;
 }
 .watch-text:after {
  border-top-width:8px;
  border-left-width:14px;
  border-bottom-width:8px;
 }
 .love-p-series .item a {
  background-size:45px 45px;
  width:45px;
  height:45px;
 }
 .resources .content-left a {
  font-size:16px;
 }
 .feature-content .btn-link a {
  margin-bottom:1.5vw;
 }
}
@media(max-width:767px) {
 #primary * {
  line-height:initial;
 }
 #primary h1 {
  font-size:22px;
 }
 #primary h2 {
  font-size:20px;
  font-weight:600;
  padding:45px 5px;
 }
 #primary h3,
 .go-boundless {
  font-size:18px;
 }
 #primary p {
  font-size:16px;
 }
 .same-width {
  flex-direction:column;
  width:95%;
 }
 .btn-link a {
  width:180px;
  font-size:16px;
  padding:15px 0;
 }
 .same-width>div {
  width:100%;
 }
 .same-width {
  left:0;
 }
 .p-series {
  padding-top:50px;
 }
 .p-series .hs-cta-wrapper a {
  margin:20px 0;
 }
 .circle-line {
  display:none;
 }
 .p-series .content-right img {
  width:100%;
 }
 .more-animat span {
  font-size:16px;
 }
 .toggle-fade,
 .p-bg {
  display:none;
 }
 .p-bgimg {
  display:block;
 }
 .complete-system div:last-child {
  width:100%;
  margin-left:0;
 }
 .driven-through {
  width:95%;
  margin-bottom:50px;
 }
 .linkus-fun span {
  width:100%;
  margin:10px 0;
  padding-top:25px;
 }
 .feature-content h2+p {
  width:100%;
 }
 .feature-list .content-left {
  width:100%;
  margin-right:0;
 }
 .feature-list .content-right {
  width:100%;
  flex-direction:column;
 }
 .feature-list .content-right div {
  width:100%;
  margin:10px 0;
 }
 article .svg-icon {
  width:60px;
  height:60px;
 }
 .item:last-child img {
  width:40px;
 }
 .feature-list svg {
  margin-left:-10px;
 }
 .love-p-series .item {
  width:100%;
  margin-bottom:50px;
 }
 .love-p-series .item a {
  top:-21px;
  background-size:42px 42px;
  width:42px;
  height:42px;
 }
 .the-feature h2+p {
  width:100%;
 }
 .function-list span {
  padding-left:7.2vw;
 }
 .uc-clients .content-bottom,
 .video-conference {
  flex-direction:column;
  width:95%;
 }
 .uc-clients .area-left,
 .uc-clients .area-right {
  width:100%;
 }
 .uc-clients .area-left span {
  background-position-x:99%;
 }
 .uc-clients span {
  background-position-y:0px;
 }
 .uc-clients .area-center {
  width:90%;
  min-height:88.5vw;
 }
 .video-conference .content-left {
  width:100%;
  margin-right:0;
 }
 .appliance-edition {
  min-height:1200px;
 }
 .appliance-edition .switch-btn {
  min-height:80px;
  left:70px;
 }
 .appliance-edition .switch-btn span {
  width:60%;
  height:45px;
 }
 .switch-cont h2 {
  margin-top:80px;
 }
 .appliance-edition img {
  width:100%;
  margin-right:0;
 }
 .appliance-edition .content-right {
  flex-direction:column;
 }
 .appliance-edition .flexible {
  width:100%;
 }
 .feature-area {
  width:100%;
 }
 .feature-area {
  width:670px;
  overflow-x:scroll;
  padding:2.6vw 0;
  padding-top:50px;
 }
 .plan span {
  width:110px;
  line-height:25px;
  font-size:14px;
 }
 .plan span:first-child {
  margin-right:0;
  background:#78b22a;
 }
 .plan {
  margin-top:-6.8vw;
  right:0vw;
  left:40vw;
 }
 .feature:before,
 .feature:after,
 .info p:after,
 .info p:before,
 .info .list-2+div p:before {
  width:15px;
  height:14px;
  left:calc(100% - 335px);
  top:3.3vw;
 }
 .feature .name,
 .info p {
  background-size:15px 14px;
  background-position-x:calc(100% - 95px);
 }
 .info p:before {
  top:0.9vw;
 }
 .plan span:last-child {
  margin-left:0;
 }
 .info .list-2+div p:before {
  left:calc(100% - 335px)
 }
 .list-2+div p {
  font-size:15px;
 }
 .list-2+div {
  padding-left:5vw;
 }
 .feature:after,
 .info p:after {
  left:calc(100% - 220px);
 }
 .info .list-2+div p:after {
  left:calc(100% - 220px);
 }
 .feature .name {
  font-size:16px;
 }
 .feature .name:before {
  font-size:18px;
  margin-right:0.3vw;
  top:0;
  width:15px;
 }
 .feature .name {
  padding:2vw 0;
 }
 .feature .name-active:before {
  font-size:25px;
 }
 .determine .p-model+div {
  padding:0 15px;
  flex-direction:column;
  width:100%;
 }
 .determine .content-left {
  width:100%;
  min-height:90px;
  margin-top:50px;
 }
 .p-model span {
  width:100px;
  display:inline-block;
  text-align:center;
 }
 .model-list p .fun-name,
 .model-list p .fun-val {
  padding:5px 15px;
  font-weight:300;
 }
 .model-list p .fun-name {
  width:250px;
  display:inline-block;
  margin-right:15px;
 }
 .model-list p .fun-val {
  width:70px;
  min-height:35px;
 }
 .determine div .content-right {
  margin-top:50px;
 }
 .p-model span {
  width:100px;
  height:30px;
 }
 .p-model {
  height:30px;
 }
 .resources {
  width:95%;
  flex-direction:column;
 }
 .resources div {
  width:100%;
  padding:20px 15px;
  margin:10px 0;
 }
 .resources div p {
  width:100%;
 }
}






$positive-circle:#82d428;
$negative-circle:#ff6e00;
$circle-gray:#e4e4e4;
$header-black:#242a32;
$background-color:#6fcae7;
$tab-text:#5d5d5d;
$white:#fff;
$reviews-text-black:#363636;
$white-light-gray:#f9f9f9;

@mixin user-select() {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

@mixin chart($radius, $width) {
  .chart-pie {
    position: relative;
    display: inline-block;
    height: $radius;
    width: $radius;
    border-radius: 50%;
    background-color: $circle-gray;
    vertical-align: middle;
     
    &:after {
      content: '';
      display: block;
      position: absolute;
      height: $radius - $width;
      width: $radius - $width;
      top: $width / 2;
      left: $width / 2;
      border-radius: 50%;
      background-color: $white;
    }
  }
  .chart-pie-count {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    color: $header-black;
    text-align: center;
    z-index: 1;
  }
  .chart-pie > div {
    clip: rect(0, $radius, $radius, $radius / 2);
  }
  .chart-pie > div,
  .chart-pie.over50 .first-fill {
    position: absolute;
    height: $radius;
    width: $radius;
    border-radius: 50%;
  }
  .chart-pie.over50 > div {
    clip: rect(auto,auto,auto,auto);
  }
  .chart-pie.over50 .first-fill {
    clip: rect(0, $radius, $radius, $radius / 2);
  }
  .chart-pie:not(.over50) .first-fill {
      display: none;
  }
  .second-fill {
    position: absolute;
    clip: rect(0, $radius / 2, $radius, 0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-width: $width - 1;
    border-style: solid;
    box-sizing: border-box;
  }
  .chart-pie.positive {
    .first-fill {
      background-color: $positive-circle;
    }
    .second-fill {
      border-color: $positive-circle;
    }
  }
  .chart-pie.negative {
    .first-fill {
      background-color: $negative-circle;
    }
    .second-fill {
      border-color: $negative-circle;
    }
  }
}
body {
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}
#aspect-content {
  margin: 50px 0 0;
  font-family: "Poppins", sans-serif;
    * {
      box-sizing: border-box;
    }
}
.aspect-tab {
  position: relative;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 10px;
  border-radius: 4px;
  background-color: $white;
  box-shadow: 0 0 0 0px rgba(236,236,236,1);
  opacity: 1;
  transition: box-shadow .2s, opacity .4s;
  
  &:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .11);
  }
}
.aspect-input {
  display: none;
}
.aspect-input:checked ~ .aspect-content + .aspect-tab-content {
  max-height: 3000px;
}
.aspect-input:checked ~ .aspect-content:after {
    transform: rotate(0);
}
.aspect-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
  &:hover ~ .aspect-content:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
  }
}
.aspect-content {
  position: relative;
  display: block;
  height: 80px;
  margin: 0;
  padding: 0 87px 0 30px;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
  @include user-select();
  &:before,
  &:after  {
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  &:before {
    height: 100%;
  }
  &:after {
    position: absolute;
    width: 24px;
    height: 100%;
    right: 30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
  }
}
.aspect-name {
  display: inline-block;
  width: 75%;
  margin-left: 16px;
  font-weight: 500;
  color: $header-black;
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}
.aspect-stat {
  width: 40%;
  text-align: right;
}
.all-opinions,
.aspect-name {
  font-size: 14px;
  line-height: 22px;
}
.all-opinions {
  color: $tab-text;
  text-align: left;
}
.aspect-content + .aspect-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s;
}
.aspect-content > div,
.aspect-stat > div {
  display: inline-block;
}
.aspect-content > div {
  vertical-align: middle;
}
.positive-count,
.negative-count,
.neutral-count {
  display: inline-block;
  margin: 0 0 0 20px;
  padding-left: 26px;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 20px;
  color: $reviews-text-black;
}
.positive-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==');
}
.negative-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==');
}
.neutral-count {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=');
}
.aspect-info {
  width: 60%;
  white-space: nowrap;
  font-size: 0;
  &:before {
    content: '';
    display: inline-block;
    height: 44px;
    vertical-align: middle;
  }
}
@include chart(44px, 4px);
.aspect-tab-content {
  background-color: $white-light-gray;
  font-size: 0;
  text-align: justify;
}
.sentiment-wrapper {
  padding: 24px 30px 30px;
}
.sentiment-wrapper > div {
  display: inline-block;
  width: 33.3%;
  max-width: 390px;
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: top;
  cursor: default;
}
.sentiment-wrapper > div > div {
  width: 100%;
  padding: 16px 24px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ececec;
  text-align: left;
}
.opinion-header {
  position: relative;
  width: 100%;
  margin: 0 0 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: $header-black;
  text-transform: capitalize;
}
.opinion-header > span:nth-child(2) {
  position: absolute;
  right: 0;
}
.opinion-header + div > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: $reviews-text-black;
}
@media screen and (max-width: 800px) {
  .aspect-label {
    max-height: 102px;
  }
  .aspect-content {
    height: auto;
    padding: 10px 87px 10px 30px;
    &:before {
      display: none;
    }
    &:after {
      top: 0;
    }
  }
  .aspect-content > div {
    display: block;
    width: 100%;
  }
  .aspect-stat {
    margin-top: 10px;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .sentiment-wrapper > div {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .sentiment-wrapper > div:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 500px) {
  .aspect-label {
    max-height: 140px;
  }
  .aspect-stat > div {
    display: block;
    width: 100%;
  }
  .all-opinions {
    margin-bottom: 10px;
  }
  .all-opinions + div > span:first-child {
    margin: 0;
  }
}