*,*:before,*:after{box-sizing:border-box}div#ztop-templatewrap{min-height:450px}.zwrapper{min-height:100vh}.zwrapper,.zw-product-header{background:#f3f3f3}.zheader-section{width:100%;display:inline-block;margin:70px auto;min-height:450px}.zflex-wrap{flex-wrap:wrap;display:flex}.fadeinup{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);-webkit-transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1)}.zin-view.fadeinup{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.zheader-section .zflex-wrap>div{width:50%}.zheader-section h1 span{display:block;font-family:var(--zf-secondary-bold)}.zheader-section h1 span:last-child{margin-top:8px}.zheader-section h1 span:first-child{font-size:30px;font-family:var(--zf-primary-regular)}.zheader-section h1{font-size:50px;padding:0 50px}.zheader-section .zflex-wrap{align-items:center}.ztemplate-item{display:inline-block;box-sizing:border-box;vertical-align:top;width:calc(100%/3)}.ztemplate-item-large{width:50%}div#ztop-templatewrap .ztemplate-item-large{width:100%}.ztemplate-item>div{margin:20px 20px;transition:1s ease;background:#fff;border-radius:4px;overflow:hidden;transition:box-shadow .3s ease-in-out;box-shadow:-1px 6px 28px rgba(214,212,212,0.24)}.ztemplate-item-img span{display:none}.ztemplate-item-img span.singlepage{display:block;position:absolute;top:30px;background:#6a7ae3;z-index:999;right:0;font-size:14px;padding:6px 12px;color:#fff}.ztemplate-item>div:hover{box-shadow:0 16px 32px -16px rgba(0,0,0,0.15)}.ztemplate-item>div:hover .ztemplate-item-view{display:block;position:absolute;width:auto;margin:auto;left:20px;right:20px;top:12px;bottom:0}.ztemplate-item>div:hover .ztemplate-item-detail h2{display:none}.ztemplate-item-view a{display:inline-block;font-size:14px;font-family:var(--zf-primary-semibold);text-transform:uppercase}.ztemplate-item-view>div{width:49%;display:inline-block}.ztemplate-item-view>div:last-child{text-align:right;padding-left:20px;padding-right:0;float:right}.ztemplate-item-img{position:relative;height:360px;overflow:hidden;margin:0}.ztemplate-item-img a:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:25%;z-index:1;background:linear-gradient(to bottom,rgba(237,237,237,0) 0,rgba(0,0,0,0.03) 100%)}.ztemplate-item-img>a{position:relative;z-index:9;display:inline-block;height:100%;cursor:pointer}.ztemplate-item-view{display:none}.ztemplate-item-detail h2{font-size:16px;margin-bottom:0;line-height:1}.ztemplate-item-img img{position:relative;transition:all 6s;-webkit-transition:all 6s;-moz-transition:all 6s;-ms-transition:all 6s;-o-transition:all 6s}.ztemplate-item-detail{padding:18px 20px 18px 20px;height:unset;position:relative}.ztemplate-section{margin-bottom:100px;position:relative;overflow:hidden;display:inline-block;width:100%}.more-box{display:none !important;text-align:center;margin-top:100px}.visible-count,.total-count{font-family:var(--zf-primary-semibold)}@media only screen and (max-width:1279px){div#ztop-templatewrap .ztemplate-item-large{max-width:600px}.zheader-section .zflex-wrap>div{width:100%;text-align:center}.zheader-section h1{font-size:36px;padding:0 50px;margin-bottom:30px}.zheader-section h1 span:last-child{max-width:520px;margin:10px auto;font-size:54px}.ztemplate-item-view{position:absolute;right:20px;top:11px;display:block}.ztemplate-item-detail{position:relative}.ztemplate-item-view>div:first-child{display:none}.ztemplate-item-view>div:last-child{text-align:right;padding-left:20px;padding-right:0}.ztemplate-item-view>div{width:100%}.ztemplate-item-view a{font-size:13px}.ztemplate-item-detail h2{text-align:left}.ztemplate-item>div:hover .ztemplate-item-detail h2{display:block}.ztemplate-item>div:hover .ztemplate-item-detail{padding:16px 20px}}@media only screen and (max-width:991px){.ztemplate-item{width:calc(100% / 2)}.zheader-section h1 span:last-child{font-size:50px}}@media only screen and (max-width:600px){.ztemplate-item{width:100%}.zheader-section h1 span:last-child{font-size:40px}.zheader-section{margin-bottom:0}.zheader-section{margin-top:50px}.zheader-section h1 span:first-child,.zheader-section h1 span:last-child{font-size:28px;text-align:left;font-family:var(--zf-secondary-bold);display:inline}.zheader-section h1{padding:0 20px}}#select-box{width:100%;padding:5px 9px;font-size:15px;border:0;height:34px;background:url(/sites/zweb/images/sites/all/drop-down.png) no-repeat right #fff;-webkit-appearance:none;background-position-x:90%;background-size:13px}.category-filter{box-sizing:border-box;padding:35px 0}.category-filter ul{width:100%;border-bottom:1px solid #dadada;font-size:16px;position:relative}.category-filter ul li{display:inline-block;box-sizing:border-box;padding:20px 24px;cursor:pointer;color:black}.blog-drop{position:relative}.drop-show{display:none}.blog-drop:hover .drop-show{display:block}.drop-show:hover .drop-show{display:block}.blog-drop::after{content:"";background-image:url(/sites/zweb/images/sites/all/drop-down.png);background-size:cover;height:15px;width:15px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;margin-left:6px}.blog-drop.active::after{background-image:url(/sites/zweb/images/sites/all/drop-down-active-blue.png)}.drop-show ul li:hover{background:#2196f3;color:#fff}.tem-type.active{color:#2196f3}.blog-drop.active{color:#2196f3}.mobile-filt-wrap{display:none}.category-filter{display:block}.tab-navigation{display:flex;align-items:center}.tab-navigation>div{flex:0 0 50%;max-width:50%}.tab-navigation p{display:inline-block;font-size:16px;padding-left:18px;margin:unset}.ztemplate-item-view{position:absolute;right:20px;top:11px;display:block}.ztemplate-item-detail h2{text-align:left;width:calc(100% - 75px)}.ztemplate-item-view>div:first-child{display:none}.ztemplate-item-view>div:last-child{text-align:right;padding-left:20px;padding-right:0;width:100%}.ztemplate-item>div:hover .ztemplate-item-detail h2{display:block}.ztemplate-item>div:hover .ztemplate-item-view div:first-child{display:none}.ztemplate-item{width:calc(100%/2)}.zheader-section h1{padding:0 40px}.category-filter ul li{padding:20px}@media only screen and (min-width:1300px) and (max-width:1400px){.category-filter ul{max-width:1170px;margin:0 auto}.category-filter ul li{padding:20px 14px}}@media only screen and (min-width:992px) and (max-width:1300px){.category-filter ul{max-width:calc(100% - 40px);margin:0 auto}.category-filter ul li{padding:20px 6px}}@media only screen and (min-width:768px) and (max-width:992px){.tab-navigation{width:45%}}@media only screen and (max-width:991px){.category-filter{display:none}.mobile-filt-wrap{display:block;margin-top:20px;margin-bottom:20px}}@media only screen and (max-width:767px){.ztemplate-item{width:100%}.zheader-section h1{padding:0 20px}}@media only screen and (max-width:399px){.zheader-section h1{line-height:1}.zheader-section h1 span:first-child,.zheader-section h1 span:last-child{font-size:22px}}@media only screen and (max-width:350px){.ztemplate-item-view a{font-size:12px}.ztemplate-item-detail h2{font-size:14px}}@media only screen and (min-width:992px) and (max-width:1170px){.mobile-filt-wrap{display:block;margin-top:20px;margin-bottom:20px}.category-filter{display:none}.tab-navigation{width:45%}}