.deep-demo-search-nav{background:#fff;padding:2px 20px;margin:0 0 25px 0;border:1px solid #eceff1;border-radius:3px;max-width:1212px;box-shadow:1px 5px 8px -5px rgba(0,0,0,.025);clear:both;height:59px}.deep-demo-search-nav a{transition:all 0.2s ease}.deep-demo-search-nav a:hover,.deep-demo-pg-menu span:hover{color:#07bbe9}.deep-demo-search-c-filter{width:25%;height:57px;float:left}.deep-demo-search-c-cat{width:60%;height:57px;padding-top:7px;float:left}.deep-demo-search-c-pg{width:15%;height:57px;padding-top:13px;text-align:right;float:left;position:relative}.deep-demo-search-c-filter ul li{display:inline-block;padding:16px 15px;font-size:14px;margin:0 0 -4px;border-bottom:solid 3px transparent}.deep-demo-search-c-filter ul li a,ul.demo-cat-list li a,a.demo-show-cat,.deep-demo-pg-menu span,ul.deep-demo-pg-list li span{color:#727477;text-decoration:none;font-weight:300;letter-spacing:.4px;transition:all 0.2s ease}ul.demo-cat-list li a,ul.deep-demo-pg-list li span{font-size:14px}.deep-demo-filter{margin:0}.deep-demo-search-c-filter li.active{border-color:#07bbe9}ul.deep-demo-pg-list{width:auto!important}ul.demo-cat-list,ul.deep-demo-pg-list{display:none}ul.demo-cat-list.active,ul.deep-demo-pg-list.active{display:block}.deep-demo-categories{position:relative;font-size:14px}.deep-demo-search-nav a:focus{box-shadow:unset}ul.demo-cat-list,ul.deep-demo-pg-list{position:absolute;background:#fff;padding:15px 25px;width:140px;top:47px;left:-10px;border-radius:0 0 3px 3px;z-index:9;box-shadow:0 5px 15px #00000008;border:1px solid #eceff1}ul.deep-demo-pg-list.active{top:55px;padding:5px 12px 10px;left:auto;right:-10px}ul.demo-cat-list li{margin-bottom:8px;list-style:none}ul.deep-demo-pg-list li{padding-top:8px;list-style:none}ul.deep-demo-pg-list li:hover span{color:#07bbe9}.deep-demo-search{display:inline-block;width:55%;position:relative;max-width:360px;padding-left:40px}.deep-demo-search input#deep-demo-search-form{width:100%!important;min-height:36px!important;border:none!important;border-radius:50px!important;margin:0!important;box-shadow:inset 1px 1px 2px rgba(0,0,0,.03)!important;background:#f7f9fa;letter-spacing:.5px;padding:10px 16px!important}.deep-demo-search input::placeholder{color:#b5bec3!important;font-weight:300!important}#deep-demo-search-icon{position:absolute;right:0;top:8px;padding-right:15px;fill:#cdd4d8}.deep-demo-arrow-icon{fill:#07bbe9;width:7px;margin-left:4px}.deep-demo-arrow-icon svg{width:7px}.deep-demo-search-c-pg img{width:22px;border-radius:4px!important;margin-right:3px}.deep-demo-pg-menu,.deep-demo-pg-list li{cursor:pointer;font-size:14px}.deep-demo-type{text-transform:uppercase;border-radius:20px;padding:2px 8px;letter-spacing:1.6px;font-size:9px;color:#fff;font-weight:600}.deep-demo-type.Pro{background:#7e60fe}.deep-demo-type.Free{background:#24c74f}.deep-demo-filter li.active a,.demo-cat-list li.active a{color:#07bbe9;font-weight:500}.demo-item-wrap{display:inline-block;max-width:35%;padding:0 51px 60px 0}@media (max-width:1283px){#deep-demo-list-filter{display:table;width:100%}#deep-demo-list-filter .demo-item-wrap{width:33.33%;max-width:33.33%;padding:0 30px 60px 0;text-align:center}#deep-demo-list-filter .demo-item-wrap img{width:100%}}@media (max-width:990px){#deep-demo-list-filter .demo-item-wrap{padding:0 10px 60px}}@media (max-width:630px){#deep-demo-list-filter .demo-item-wrap{width:50%;max-width:50%}}@media (max-width:400px){#deep-demo-list-filter .demo-item-wrap{width:100%;max-width:100%}}.demo-item{position:relative;border:1px solid #eaeff5;border-radius:3px;padding:5px 5px 0;background:#fff;box-shadow:0 6px 18px -8px rgb(69 77 89 / 18%);transition:all .31s ease-in-out}.demo-item .demo-type{position:absolute;display:inline-block;z-index:99;font-size:10px;font-weight:700;top:12px;right:-12px;padding:2px 1px 2px 3px;line-height:17px;border-radius:3px;background:#ffd801;color:#424853;text-shadow:none;width:40px;height:20px;margin:0;text-align:center;letter-spacing:1px;box-shadow:0 1px 1px rgb(0 0 0 / 2%)}.demo-link{background:#fbfdfe;border-top:1px solid #eff3f8;font-size:15px;font-weight:300;letter-spacing:.4px;padding:12px 0 12px;margin:10px -5px 0;text-align:center;text-transform:capitalize}.demo-preview-url{color:#171c24}.demo-link:after{display:inline;content:"\e068";font-family:"linea-arrows-10"!important;font-size:21px;margin-left:7px;vertical-align:middle}.demo-item:hover{box-shadow:0 6px 24px -4px rgb(69 77 89 / 25%);transform:translate(0,-9px);-webkit-transform:translate(0,-9px);box-shadow:0 15px 15px 0 rgb(0 0 0 / 11%);cursor:pointer}.demo-item:hover .demo-link a,.demo-item:hover .demo-link:after{color:#8f37fb}@media (max-width:784px){.deep-demo-search-nav{height:120px;padding:0}.deep-demo-search-c-filter{float:none;width:100%;height:48px;border-bottom:1px solid #eee;text-align:center}.deep-demo-search-c-filter ul li{padding:12px 15px}.deep-demo-search-c-cat{padding-top:18px;padding-left:25px;width:75%}.deep-demo-search-c-pg{width:25%;padding-right:20px;padding-top:22px}.deep-demo-search-nav .deep-demo-search{width:calc(100% - 120px);max-width:100%}}@media (max-width:768px){.demo-item-wrap{max-width:49%}}@media (max-width:690px){.deep-demo-pg-menu,.deep-demo-pg-list li{font-size:12px}.deep-demo-search-c-pg{padding-right:15px}.deep-demo-search-c-pg .pg-menu-name{font-size:0}.deep-demo-search-c-pg img{margin:0}}@media (max-width:480px){.demo-item-wrap{max-width:100%}.deep-demo-search-c-pg{padding-right:10px;width:15%}.deep-demo-search-c-cat{width:85%}.deep-demo-categories a.demo-show-cat{font-size:12px}.deep-demo-search-nav .deep-demo-search{width:calc(100% - 90px)}}@media (max-width:380px){.deep-demo-search-nav .deep-demo-search{display:none}.deep-demo-search-c-cat,.deep-demo-search-c-pg{width:50%}.deep-demo-search-c-cat{padding-top:24px}.deep-demo-categories a.demo-show-cat{font-size:15px}.deep-demo-search-c-pg{padding-right:20px;padding-top:24px}}