#templates .category-title{margin:30px 0;text-align:center}#templates .category-title h2{font-size:50px;font-weight:600}#templates .category-title p{color:#666;font-size:18px;font-weight:400}@media (min-width:990px){#templates .templates{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}}#templates .templates .view-by{display:none;font-size:16px;font-weight:600;margin-bottom:10px}@media (min-width:990px){#templates .templates .view-by{display:block;margin:0}}#templates .templates .nav-wrap{background:#fff;margin-left:-20px;margin-right:-20px;position:sticky;top:50px;z-index:300}@media (min-width:990px){#templates .templates .nav-wrap{margin:0;position:relative;top:20px;z-index:0}}#templates .templates .nav-mobile{font-size:18px;padding:20px 0}@media (min-width:990px){#templates .templates .nav-mobile{display:none}}#templates .templates .nav-mobile span{color:#0b50ea;position:relative}#templates .templates .nav-mobile span:after{border:5px solid hsla(0,0%,100%,0);border-top-color:#2b2b2b;content:" ";height:0;position:absolute;right:-15px;top:42%;transition:background-color .8s;width:0}#templates .templates .nav-category,#templates .templates .nav-type{background:hsla(0,0%,100%,.8);text-align:center;z-index:3}@media (min-width:990px){#templates .templates .nav-category,#templates .templates .nav-type{text-align:left}}#templates .templates .nav-category hr,#templates .templates .nav-type hr{border-top:1px solid #ccc;height:1px;margin-right:30px;text-align:left}#templates .templates .nav-category li,#templates .templates .nav-type li{border-bottom:1px solid #eee;color:#666;cursor:pointer;font-size:16px;padding:3px 0;position:relative;transition:all .3s ease}@media (min-width:990px){#templates .templates .nav-category li,#templates .templates .nav-type li{background:#fff;border:none;border-radius:3px;font-size:16px}}#templates .templates .nav-category li.active,#templates .templates .nav-type li.active{color:#000}#templates .templates .nav-category li.active span,#templates .templates .nav-type li.active span{font-weight:600}#templates .templates .nav-category li:hover,#templates .templates .nav-type li:hover{color:#000;padding-left:5px}#templates .templates .nav-category li .description,#templates .templates .nav-type li .description{display:none}@media (min-width:990px){#templates .templates .nav-category li.divide,#templates .templates .nav-type li.divide{border-top:1px solid #d9d9d9;margin:10px 60px 0 0;padding-top:10px}}#templates .templates .nav-category{display:none}#templates .templates .nav-category.show{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 15px 15px rgba(0,0,0,.1);display:block;height:270px;overflow-y:scroll;width:100%}#templates .templates .nav-category.show li{padding:10px 0}@media (min-width:990px){#templates .templates .nav-category{display:block;margin-bottom:60px;position:sticky;top:57px}}#templates .templates .nav-type{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}@media (min-width:990px){#templates .templates .nav-type{-ms-flex-align:end;align-items:flex-end;margin-left:auto}}#templates .templates .nav-type li{background:#f1f1f1;border-radius:5px;color:#000;cursor:pointer;font-size:14px;padding:3px 10px}@media (min-width:990px){#templates .templates .nav-type li{margin-left:15px}}#templates .templates .nav-type li.active,#templates .templates .nav-type li:hover{background:#fce1aa;color:#000;padding:3px 10px}#templates .templates .showcase{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-row-gap:30px;grid-column-gap:30px;margin:0 0 30px;transition:all .3s ease}@media (min-width:767px){#templates .templates .showcase{margin:30px 0 60px;grid-row-gap:60px;-ms-grid-columns:1fr minmax(0,1fr);grid-template-columns:1fr minmax(0,1fr)}}#templates .templates .showcase .hide-category,#templates .templates .showcase .hide-type{display:none}#templates .templates .showcase div{opacity:1;-ms-transform:scale(1);transform:scale(1)}#templates .templates .showcase a.preview{display:block;position:relative}#templates .templates .showcase a.preview .buttons{bottom:0;display:-ms-flexbox;display:flex;left:0;opacity:0;position:absolute;right:0;top:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:hsla(0,0%,100%,.95);justify-content:center;text-align:center;transition:all .3s ease}#templates .templates .showcase a.preview .buttons .btn{background:#000;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#fce1aa!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}#templates .templates .showcase a.preview .buttons .btn img{height:18px;width:auto}#templates .templates .showcase a.preview:hover .buttons{opacity:1}#templates .templates .showcase .thumb{border:1px solid #e6e6e6;border-radius:5px;box-shadow:0 0 15px hsla(0,0%,80%,.6);display:none;height:280px;margin:0 auto;opacity:0;-ms-transform:scale(1);transform:scale(1);transition:all .5s ease;width:auto}@media (max-width:990px){#templates .templates .showcase .thumb{height:210px}}#templates .templates .showcase .thumb.active{display:block;opacity:1;-ms-transform:scale(1);transform:scale(1)}#templates .templates .showcase .name-controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:10px 10px 0}#templates .templates .showcase .name-controls .name{font-size:16px;font-weight:600;text-align:left}#templates .templates .showcase .name-controls .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-left:auto}#templates .templates .showcase .name-controls .controls img{height:20px;margin-left:10px;opacity:.4;transition:all .3s ease}#templates .templates .showcase .name-controls .controls img:hover{cursor:pointer;opacity:1}#templates .templates .showcase .name-controls .controls .active img{opacity:1}