.app-demo--wrapper{padding:240px 0 134px}.app-demo--wrapper .app-demo--inner{max-width:1035px;margin:0 auto}.app-demo--wrapper .app-demo--inner .titles{max-width:774px;margin:0 auto;text-align:center;margin-bottom:54px;height:136px}.app-demo--wrapper .app-demo--inner .titles .title--item{display:none}.app-demo--wrapper .app-demo--inner .titles .title--item.active{display:block}.app-demo--wrapper .app-demo--inner .titles .title--item>p{font-size:21px;font-weight:500;letter-spacing:0;line-height:34px}.app-demo--wrapper .app-demo--inner .demo--container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-demo--wrapper .app-demo--inner .demo--container .ui--img{display:none;max-width:689px;width:100%}.app-demo--wrapper .app-demo--inner .demo--container .ui--img.active{display:block}.app-demo--wrapper .app-demo--inner .demo--container .ui--img>img{border-radius:12px}.app-demo--wrapper .app-demo--inner .demo--container .triggers{margin-left:54px}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn>a{padding:12px 27px;border:0;overflow:hidden}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn>a.active:before{background:transparent;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn>a:hover{color:#fff}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn>a>.btn--label{position:relative;z-index:2}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn .progress--fill{position:absolute;top:0;bottom:0;left:0;background-color:#05e497;z-index:1}.app-demo--wrapper .app-demo--inner .demo--container .triggers>.trigger--btn:not(:first-child){margin-top:10px}@media only screen and (max-width:992px){.app-demo--module{display:none}}