.g5plus-view-demo{position: relative;width: 100%}.g5plus-view-demo .view-demo-content{background-color: #f5f5f5;margin-bottom: 20px}.g5plus-view-demo .view-demo-content > a,.g5plus-view-demo .view-demo-content > p{display: inline-block;font-weight: bold;font-size: 28px;line-height: 24px;margin-bottom: 31px}.g5plus-view-demo span{display: block;text-transform: uppercase;font-weight: bold;letter-spacing: 0.2em;color: #b3b3b3;padding-top: 60px}.g5plus-view-demo .view-demo{position: relative;width: 100%;padding-bottom: 61.97%;bottom: -20px}.g5plus-view-demo .view-demo-inner{background-size: 100% 100%;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 0;width: 70%;padding-bottom: 61%}.g5plus-view-demo .img-scroll{position: absolute;left: 3%;top: 4%;right: 3%;bottom: 37%}.g5plus-view-demo .img-scroll > a{position: absolute;width: 100%;height: 100%;left: 0;top: 0}.g5plus-view-demo .img-scroll div{width: 100%;height: 100%;background-size: 100%;background-position: top;-webkit-transition: all 10s;-moz-transition: all 10s;-o-transition: all 10s;transition: all 10s}.g5plus-view-demo .img-scroll:hover div{background-position: bottom}.g5plus-view-demo .coming-soon{position: absolute;top: 0;left: 0px;bottom: 33%;right: 0;width: auto;height: auto}.g5plus-view-demo .coming-soon .block-center-inner{font-size: 32px;font-weight: bold;color: #c2c2c2;text-transform: uppercase}@media (max-width: 479px){.g5plus-view-demo .view-demo-inner{width: 90%;padding-bottom: 78.42%}.g5plus-view-demo .view-demo{padding-bottom: 79.68%}}