.g5plus-view-demo .demo-item-container{opacity: 0}.g5plus-view-demo .demo-categories{text-align: center}.g5plus-view-demo .demo-categories ul{list-style: none;margin: 0px 0px 30px 0px;padding: 0;display: inline-block}.g5plus-view-demo .demo-categories ul li{display: inline-block;font-size: 13px;font-weight: 600;line-height: 1;margin-left: 8px;margin-right: 8px;margin-bottom: 15px}.g5plus-view-demo .demo-categories ul li a{padding: 11.5px 30px;display: inline-block;-webkit-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;letter-spacing: 0.15em;background: #fff;text-transform: uppercase;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}.g5plus-view-demo .demo-categories ul li:hover a,.g5plus-view-demo .demo-categories ul li.active a{color: #fff}.g5plus-view-demo .demo-item{margin-bottom: 40px}.g5plus-view-demo .demo-item .demo-thumb{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;position: relative;-webkit-box-shadow: 0px 6px 17px rgba(153,153,153,0.2);-moz-box-shadow: 0px 6px 17px rgba(153,153,153,0.2);box-shadow: 0px 6px 17px rgba(153,153,153,0.2);padding: 13px 20px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: #fff}.g5plus-view-demo .demo-item .demo-thumb:hover .hover-wrap{opacity: 1}.g5plus-view-demo .demo-item .demo-thumb .background-image{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 69.074%;display: block}.g5plus-view-demo .demo-item .hover-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;text-align: center;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-image: -moz-linear-gradient(16% 77% 23deg, rgba(0,47,94,0.9) 0%, rgba(0,0,0,0.9) 100%);background-image: -webkit-gradient(linear, 16% 77%, 126% 9%, color-stop(0, rgba(0,47,94,0.9)), color-stop(1, rgba(0,0,0,0.9)));background-image: -webkit-linear-gradient(23deg, rgba(0,47,94,0.9) 0%, rgba(0,0,0,0.9) 100%);background-image: -o-linear-gradient(23deg, rgba(0,47,94,0.9) 0%, rgba(0,0,0,0.9) 100%);background-image: -ms-linear-gradient(23deg, rgba(0,47,94,0.9) 0%, rgba(0,0,0,0.9) 100%);background-image: linear-gradient(23deg, rgba(0,47,94,0.9) 0%, rgba(0,0,0,0.9) 100%);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden}.g5plus-view-demo .demo-item .hover-wrap span{font-size: 24px;font-weight: 700;color: #fff;letter-spacing: 0.3em;text-transform: uppercase;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;transform: translateY(-50%);top: 50%;display: block}.g5plus-view-demo .demo-item .demo-title{font-weight: 700;font-size: 16px;letter-spacing: 0.12em;text-align: center;margin-top: 25px;text-transform: uppercase}.g5plus-view-demo .demo-item .demo-title a{color: #333333;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}