@media(max-width:1023px) {
.logo {float: left;width: auto;background: #fff;padding:30px 20px 30px 20px;position: absolute;top:-10px;}
}

@media(min-width:1024px) {
.logo {float: left;width: auto;background: #fff;padding:30px 20px 30px 20px;position: absolute;top:-10px;}
.logo img{height:70px;}
}




.header-area{width: 100%;height: 90px;padding-top:10px;padding-bottom:10px;position:absolute!important;z-index:111;background: rgba(0,0,0,0.05);border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
.hasem-navigation{position:relative;float:right;border-radius:5px}
.navigation-area{display:inline-block;float:left;height:auto;width:auto;position:relative;margin-top:20px}

nav.hasem-nav{float:none;width:100%}

.hasem-nav ul{list-style:none;display:block;margin:0;padding:0}
.hasem-nav .menu li{position:relative;-webkit-transition:all .3s ease 0;transition:all .3s ease 0;list-style:none;margin-right: 5px;}
.hasem-nav .menu li a{color:#c6c6c6;display:block;position:relative}
.hasem-nav .menu > li{float:left}
.hasem-nav .menu > li:last-child{border-right:none}
.hasem-nav ul.menu > li.current a{background: #fff;color:#737272;border-radius:20px;}
.hasem-nav ul.menu > li > a{color:#fff;font-family: 'Poppins', sans-serif;font-size: 14px;letter-spacing:.5px;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);padding: 8px 16px;font-weight:300;}
.hasem-nav ul.menu > li:hover > a{background: #fff;color:#737272;border-radius:20px;}
.hasem-nav .menu > li ul{background-color: #f9f9f9;border-bottom:3px solid #d13f31;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);padding:10px 0;position:absolute;-webkit-transform:translate3d(0px,10px,0px);transform:translate3d(0px,10px,0px);-webkit-transition:all .3s ease 0;transition:all .3s ease 0;visibility:hidden;width:200px;z-index:99;padding-top:0;}
.hasem-nav .menu > li:last-child > ul ul{left:auto;right:100%}
.hasem-nav .menu > li > ul li a{padding:5px 20px;color:#737272;font-size:13px;padding-left:10px}
.hasem-nav .menu > li > ul li:hover a,.hasem-nav .menu > li > ul li:hover li a:hover{background-color:#fff}
.hasem-nav .menu > li > ul li:hover li a{background-color:#e1ece7}
.hasem-nav .menu > li > ul > li > ul{left:100%;padding:0;top:0}
.hasem-nav .menu > li:hover > ul{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);visibility:visible}
.hasem-nav .menu > li > ul > li:hover > ul,.hasem-nav .menu > li:hover .mega-menu ul{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);visibility:visible}

a.meanmenu-reveal{display:none}

.mean-container .mean-bar{background:0 0;float:left;min-height:42px;padding:0;position:relative;width:100%;z-index:2}
.mean-container a.meanmenu-reveal{background-color:#fff;border-radius:3px;color:#000;cursor:pointer;display:block;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1px;font-weight:700;height:22px;line-height:22px;padding:9px 15px;right:0;text-decoration:none;text-indent:-9999em;top:0;width:22px;margin-top: -20px;}
.mean-container a.meanmenu-reveal span{background:#000;display:block;height:3px;margin-top:3px}
.mean-container .mean-nav{background:#0c1923;float:left;width:260px;position:absolute;right:0;top: 25px;}
.mean-container .mean-nav ul{list-style-type:none;margin:0;padding:0;width:100%}
.mean-container .mean-nav ul li{background-color:#19181a;border-bottom:1px solid #212022;border-top:1px solid #09080a;float:left;position:relative;width:100%}
.mean-container .mean-nav ul li a{color:#fff;display:block;float:left;font-size:13px;font-weight:700;margin:0;padding:12px 20px;text-align:left;text-decoration:none;text-transform:uppercase;width:100%}
.mobile-menu-area{background:#262626;margin-top:18px}
.mean-container .mean-nav ul li li a{font-weight:400;opacity:.75;padding-left:20px;text-shadow:none!important;text-transform:capitalize;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{padding-left:30px}
.mean-container .mean-nav ul li li li a:hover{padding-left:34px}
.mean-container .mean-nav ul li li li li a{padding-left:40px}
.mean-container .mean-nav ul li li li li li a{padding-left:50px}
.mean-container .mean-nav ul li a:hover{background:#232323;color:#fb5e33;padding-left:24px}
.mean-container .mean-nav ul li a.mean-expand{background:#2b2b2b;border:0!important;font-size:20px!important;font-weight:700;height:22px;margin-top:1px;padding:2px!important;position:absolute;right:10px;text-align:center;top:6px;width:26px;z-index:2;line-height:18px}
.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-nav ul li a.mean-expand:hover{background:#232323}
.mean-container .mean-push{float:left;clear:both}
.mean-container .mean-bar>a{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

.hasem{color:#525252}
.hasem-navigation .container{width:auto}

.header-top-left {
    margin-top: 10px;
    margin-bottom: 0;
    float: right;
    padding: 0px;
}

.header-top-left ul {
    margin-top: 0px;
    margin-bottom: 0;
    float: right;
    padding: 0px;
    width: 170px;
}

.header-top-left ul li {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin-right: 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    float: none
        margin-bottom: 5px;
    margin-top: 5px;
}

.header-top-left ul li i {
    display: inline-block;
    padding-right: 5px;
    color: #e20714;
    font-size: 16px
}