/*  Plugin: hs Menu (Modern Mega Menu) 
 *   Frameworks: jQuery 3.3.1 & Material Design Iconic Font 2.0
 *   Author: Asif Mughal
 *   GitHub: https://github.com/CodeHimBlog
 *   URL: https://www.codehim.com
 *   License: MIT License
 *   Copyright (c) 2018 - Asif Mughal
 */
/* File: hs-menu.min.css */
*{margin:0;padding:0}
.hs-menubar{
   height: 45px;
   width: 100%;
   line-height: 45px;
   color: #272727;
   position: relative;
   box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
   -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
   -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
   z-index: 999;
   background-color: #f5f5f5;
   background-image: linear-gradient(to bottom,#fff,#e6e6e6);
}
.hs-menubar.sticky{position:fixed;top:0;left:0}
.hs-navigation{
    width:100%;
    height:100vh;
    background:#e9e9e9;
    position:fixed;
    top:45px;
    right:-900px;
    z-index:999;
    overflow:hidden;
    box-shadow:1px 2px 4px rgba(0,0,0,0.3)
}
.hs-navigation.open{
    right:0
}
.hs-navigation,.hs-navigation.open{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.hs-menubar,.hs-navigation{font-style:normal;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hs-user{right:50px;overflow:hidden}.hs-user img{width:32px;height:32px;transition:.3s}.hs-user img:hover{opacity:.8;-webkit-opacity:.8;-moz-opacity:.8;transform:scale(1.1);transition:.3s}.user-penal{width:130px;box-shadow:2px 2px 6px rgba(0,0,0,0.33);background:#fff;list-style:none;position:fixed;display:none;top:50px;right:10px;line-height:1.5;z-index:100}.user-penal li a{font-size:12px;text-decoration:none;color:#666;display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.3s}.user-penal li .zmdi{font-size:14px;padding-right:10px}.user-penal li a:hover{background:rgba(0,0,0,0.1);transition:.3s}.search-trigger:hover,.menu-trigger:hover,.grid-trigger:hover,.more-trigger:hover{background:rgba(255,255,255,0.3);transition:.3s}.search-trigger,.menu-trigger,.banner-trigger,.grid-trigger,.hs-user,.more-trigger{position:absolute;top:8px;color:#272727;font-size:22px;cursor:pointer;width:32px;height:32px;line-height:35px;border-radius:50%;text-align:center;-webkit-tap-highlight-color:transparent;transition:.3s;z-index:100}
.menu-trigger{right:10px}
.search-trigger{right:60px}
.banner-trigger{
   left: 69px;
   width: 70%;
}
.banner{
    width: auto;
    height: 35px;
    margin-top: -8px;
}
.grid-trigger{right:90px}.more-trigger{right:12px}.grid-items{width:230px;box-shadow:2px 2px 6px rgba(0,0,0,0.33);background:#272727;padding-top:10px;position:fixed;right:80px;top:50px;text-align:center;display:none;z-index:120}.grid-items li.grid{list-style:none;width:60px;height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(0,0,0,0.1);display:inline-block;box-sizing:border-box;margin:2px;border-radius:50%;font-size:11px}li.more-btn{height:32px;line-height:32px;margin:15px 15px 5px 15px;box-sizing:border-box;display:block;position:relative}li.more-btn a{text-decoration:none;background:#e41b17;color:#272727;font-size:13px;display:block;cursor:pointer;border-radius:20px}li.more-btn a:hover{opacity:.8;-webkit-opacity:.8;-moz-opacity:.8}.grid-title{border:1px red solid}
.brand-logo{
    display:block;
    text-align:left;
}
.brand-logo img{
    width: auto;
    height: 38px;
    margin: 1px 0px 3px 10px;
}
@-webkit-keyframes ripple-out{from{opacity:1;-webkit-opacity:1}to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes ripple-out{from{opacity:1;-webkit-opacity:1}to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.ripple-out:before{content:'';position:absolute;border:rgba(255,255,255,0.3) solid 6px;border-radius:50%;top:0;right:0;bottom:0;left:0;animation:ripple-out .4s linear forwards;-webkit-animation:ripple-out .4s linear forwards}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{animation:fadeInUp .4s ease forwards;-webkit-animation:fadeInUp .4s ease forwards}.dim-overlay{display:none}.dim-overlay:before{content:"";background-color:rgba(0,0,10,.4);height:100vh;left:0;position:fixed;top:0;width:100%;overflow:hidden;z-index:2}
.search-box{
    position: absolute;
    height: 39px;
    background: #e8e8e8;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    top: 3px;
    z-index: 500;
    right: 100px;
}
.search-box button.search-submit,.search-box input[type="text"]{
    padding: 5px;
    border-radius: 5px;
    outline: 0;
    width: 244px;
    height: 30px;
    margin: 5px 0px 0px -2px;
    display: block;
}
.search-box input[type="text"]{
    background:transparent;
}
button.search-submit{-webkit-appearance:none;background:#e41b17;color:#272727;text-shadow:.1px .1px #444;margin-left:-5px;border-radius:4px;font-size:13px}button.search-submit:disabled{background:#888;color:#555}
.nav-controls{
   height:27px;
   line-height:27px;
   background:rgba(0,0,0,0.12);
   text-align:right;
   display: none;
}
.nav-controls .nav-full,.nav-controls .nav-fixed{
    background: rgba(123, 123, 123, 0.3);
    color: #272727;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1;
    outline: 0;
    border: 0;
    margin: 0 3px;
}
.nav-controls .nav-full:hover,.nav-controls .nav-fixed:hover{opacity:.8;-webkit-opacity:.8}.user-info{position:fixed;top:50px;right:30px;width:230px;background:#272727;box-shadow:1px 2px 6px rgba(0,0,0,0.4);padding:10px;text-align:center;line-height:1;display:none}.user-info li{padding:10px;list-style:none}.user-info .profile-pic img{width:70px;height:70px;border-radius:50%}.user-info .user-name{font-size:14px;color:#222}.user-info .user-bio{font-size:11px;color:#555;padding-bottom:0}
.nav-links{
    list-style:none;
    font-size:16px;
}
.nav-links .its-parent {display:block;padding:6px;text-decoration:none;}.nav-links .its-parent:hover,.nav-links li a:hover{background:rgba(0,0,0,0.2)}
.nav-links li a {
    display: block;
    line-height: 30px;
    text-decoration: none;
    padding-left: 20px;
    width: 89%;
}
.nav-links .icon{padding-right:10px}
.nav-links li {
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: bold;   
}
.nav-links ul .its-parent:before,.nav-links .has-child ul li a:before{content:"--";display:inline-block;font-size:10px;color:rgba(255,255,255,0.4);position:relative;right:10px}
.nav-links .has-child {
    line-height: 0px;
}
.nav-links .has-child ul li a {
   font-weight: normal;
   line-height: 27px;
   font-size: 13px;
   color: #272727;
   width: 100%;
}
.nav-links .has-child .fa {
    font-size: 12px;
    padding-right: 10px;
    margin-left: -6px;
}
.nav-links .has-child ul{
    margin-left: 18px;
    width: 77%;
}
.nav-links .its-children{
    display:none;list-style:none
}
.its-parent:after{content:"\f2f9";font-family:Material-Design-Iconic-Font;float:right;margin-right:10px;margin-top: -10px;transition:.4s;font-size:16px}.its-parent.downed{background:rgba(0,0,0,0.1)}.its-parent.downed:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(360deg);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}