.pp-templates-library,.pp-templates-library .pp-templates{position:relative;margin:0 auto}.pp-templates-library .pp-template{margin-bottom:40px;text-align:center}.pp-templates-library .pp-template-content .pp-template-demo{display:block;cursor:pointer;position:relative}.pp-templates-library .pp-template-content .pp-template-img{position:relative;box-shadow:0 0 18px 0 rgba(0,0,0,.1);max-height:300px;overflow:hidden}.pp-templates-library .pp-template-content .pp-template-img img{width:300px;height:auto}.pp-templates-library .pp-template-content .pp-template-img .pp-template-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);text-align:center;opacity:0;transition:opacity 0.3s ease-in-out}.pp-templates-library .pp-template-content .pp-template-img .pp-template-overlay span{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#fb2b69;padding:20px;border-radius:100%;color:#fff;font-size:30px}.pp-templates-library .pp-template-content .pp-template-demo:hover .pp-template-overlay{opacity:1;transition:opacity 0.3s ease-in-out}.pp-templates-library .pp-template-content .pp-template-title{font-size:14px;font-weight:400}.pp-templates-library .pp-filter-wrap{text-align:center}.pp-templates-filter{padding:10px 0;margin-bottom:40px;text-align:center;display:inline-block}.pp-templates-filter .pp-template-filter{display:inline-block;margin-right:10px}.pp-templates-filter .pp-template-filter a{padding:5px 10px;text-transform:uppercase;font-size:15px;font-weight:700;color:#333}.pp-templates-filter .pp-template-filter a:hover,.pp-templates-filter .pp-template-filter.pp-template-filter-active a{color:#333}.pp-templates-filter .pp-template-filter a span{border-bottom:2px solid transparent;padding-bottom:3px}.pp-templates-filter .pp-template-filter a:hover span,.pp-templates-filter .pp-template-filter.pp-template-filter-active a span{border-bottom-color:#fb2b69}.pp-templates-filter .pp-template-filter a:hover,.pp-templates-filter .pp-template-filter a:focus,.pp-templates-filter .pp-template-filter a:visited,.pp-templates-library .pp-template a,.pp-templates-library .pp-template a:hover,.pp-templates-library .pp-template a:focus,.pp-templates-library .pp-template a:visited{text-decoration:none!important}.pp-templates-library .pp-template-grid-space{width:10px}.pp-templates-library .pp-template-loader{margin:20px;text-align:center}.pp-templates-library .loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;text-align:center}.pp-templates-library .loader-overlay:before{content:"Loading...";text-align:center;padding:100px 0;display:block;text-transform:uppercase;font-weight:700;font-size:24px;color:#d2d2d2}.pp-templates-library .pp-template-more{background:#fb2b69;color:#fff;padding:10px 15px;border-radius:3px;text-decoration:none}.pp-templates-library .pp-template-more:hover{background:#fb2b69}.template-demo{display:none}.template-demo .template-demo-inner{background:rgba(0,0,0,.9);height:100%;position:fixed;top:0;left:0;width:100%;z-index:99999999}.template-demo .template-demo-bar{position:absolute;top:0;left:0;height:50px;width:100%;background-color:#fb2b69;background-image:-webkit-linear-gradient(315deg,#fb2b69 0%,#ff5b37 100%);background-image:-moz-linear-gradient(135deg,#fb2b69 0%,#ff5b37 100%);background-image:-o-linear-gradient(135deg,#fb2b69 0%,#ff5b37 100%);background-image:-ms-linear-gradient(135deg,#fb2b69 0%,#ff5b37 100%);background-image:linear-gradient(135deg,#fb2b69 0%,#ff5b37 100%)}.template-demo .template-demo-bar .template-demo-icons{position:absolute;left:25px;top:0}.template-demo .template-demo-bar .template-demo-icons a{color:#fff;font-size:24px;padding:10px 8px}.template-demo .template-demo-bar .template-demo-icons a.viewport-tablet{font-size:26px}.template-demo .template-demo-bar .template-demo-icons a.viewport-mobile{font-size:28px}.template-demo .template-demo-bar .template-demo-icons a:hover,.template-demo .template-demo-bar .template-demo-icons a.viewport-active{color:#FF9800!important}.template-demo .close-demo{color:#fff;font-size:14px;font-size:1.4rem;font-weight:600;padding:12px 20px;position:absolute;right:0;top:0;text-decoration:none!important}.template-demo iframe{border:none;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}.template-demo .demo-viewport-full{background:#fff;height:100%;margin:0 auto;max-width:100%;padding-top:50px}.template-demo .demo-viewport-tablet{width:880px;margin:0 auto;border:1px solid #fff;text-align:center;background:#000;border-radius:20px}.template-demo .demo-viewport-mobile{width:412px;margin:10rem auto 0;border:1px solid #fff;text-align:center;background:#000;border-radius:20px}.template-demo .demo-viewport-full iframe{width:100%}.template-demo .demo-viewport-tablet iframe{width:768px;margin:100px 55px;max-height:1024px}.template-demo .demo-viewport-mobile iframe{height:515px!important;width:320px;margin:100px 45px}