@charset "UTF-8";
.headerhidepc{display: none} 
@media (max-width:1025px){
.headerhidepc{display: block} 
.header{height: 50px;background:#fff;  }
 .logo{ top:0;left:0;height:50px; position:absolute;  }
  .logo img{ height: 100% }
.langimg{top:16px;right:80px;}

 .mobibtn03{ position:absolute; top:10px;right:10px;display:block;width: 33px; height: 29px; 
  background:url('mobibtn.png') no-repeat ; }

 
.navbar-toggler{position:absolute;top:10px;right:10px;display:block;width:30px;height:29px;cursor: pointer;}
.navbar-toggler span{position:relative;background-color:#666;border-radius:3px;display:block;height:3px;margin-top:5px;padding:0;-webkit-transition-duration:300ms;transition-duration:300ms;width:30px;cursor:pointer;display:block}
.navbar-toggler.active span:nth-of-type(1){-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:8px}
.navbar-toggler.active span:nth-of-type(2){opacity:0}
.navbar-toggler.active span:nth-of-type(3){-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:-8px}


.header_searchwrap{position:relative}
.header_searchwrap .dmform-control {height: 42px}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px)
{
	.header_searchwrap{position:static}
}
.header_searchwrap .dropdown_search{min-width:600px;display:none;position:absolute;right:0;top:40px;z-index:2}


@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px)
{
.header_searchwrap .dropdown_search{min-width:auto;width:95%;left:0;margin:auto;top:50px}
}
.header_searchwrap .dropdown_search .mobiaction-form{position:relative}
.header_searchwrap .dropdown_search .mobisubmit{position:absolute;top:0;left:auto;right:0;display:flex;align-items:center;justify-content:center;width:60px;height:100%;background:#ff7004;color:#fff;font-size:20px;border-radius:0 5px 5px 0;box-shadow:none;outline:0}

.mobiaction-form{position:relative}
.mobisubmit{position:absolute;top:0;left:auto;right:0;display:flex;align-items:center;justify-content:center;width:60px;height:100%;background:#ff7004;color:#fff;font-size:20px;border-radius:0 5px 5px 0;box-shadow:none;outline:0}

body.offcanvas-open{overflow:hidden}

.offcanvas{font-size:14px;font-weight:400;position:fixed;z-index:1000;top:0;right:0;left:auto;display:block;width:400px;height:100%;padding:20px;transition:all .5s ease 0s;transform:translateX(100%);background-color:#fff;box-shadow:none;overflow:auto}
@media only screen and (max-width:479px){.offcanvas{width:300px}
}

.offcanvas .inner{position:relative;z-index:9;display:flex;flex-direction:column;height:100%}


.offcanvas .inner .offcanvas-menu ul li{position:relative;display:block;line-height:28px}
.offcanvas .inner .offcanvas-menu ul li a{display:block;padding:10px 0;text-transform:capitalize;color:#474747;border-top:1px solid #eee;font-size:16px;font-weight:600}
.offcanvas .inner .offcanvas-menu ul li .sub-menu{position:static;top:auto;display:none;visibility:visible;width:100%;min-width:auto;padding:0;transition:none;opacity:1;box-shadow:none}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li{line-height:inherit;position:relative;padding-left: 10px}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li a{text-transform:capitalize;font-weight:400;padding-left:10px;padding-right:0;display:block;border-top:1px solid #eee;font-size:14px;font-weight:500}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li:last-child{border-bottom:0 solid #eee}
.offcanvas .inner .offcanvas-menu ul li .menu-expand{position:absolute;z-index:2;top:0;right:0;width:24px;height:49px;cursor:pointer;background-color:transparent}
.offcanvas .inner .offcanvas-menu ul li:hover>a{color:#ff7004}
.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:before{background:#ff7004}
.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:after{background:#ff7004}
.offcanvas .inner .offcanvas-menu ul li:last-child{border-bottom:1px solid #eee}


.offcanvas-menu>ul>li .menu-expand{position:absolute;z-index:2;top:0;right:0;width:24px;height:44px;cursor:pointer;background-color:transparent}
.offcanvas.offcanvas-mobile-menu{right:auto;left:0;padding:0;transform:translateX(-100%);width:350px;padding:50px 30px}
@media only screen and (max-width:479px){.offcanvas.offcanvas-mobile-menu{width:300px}
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close{position:absolute;width:40px;height:40px;text-indent:-9999px;border:0;left:0;top:5px;background-color:#ff7004;animation-delay:.5s;border-radius:50%}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::after{position:absolute;top:calc(50% - 1px);left:50%;margin-left:-10px;width:20px;height:2px;content:"";transition:all .5s ease 0s;transform:rotate(-45deg);background-color:#fff}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::before{position:absolute;top:calc(50% - 1px);left:50%;margin-left:-10px;width:20px;height:2px;content:"";transition:all .5s ease 0s;transform:rotate(45deg);background-color:#fff}
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:before{transform:rotate(180deg)}
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:after{transform:rotate(0)}


.offcanvas-menu>ul>li .menu-expand::after,.offcanvas-menu>ul>li .menu-expand::before{position:absolute;top:calc(50% - 1px);left:calc(50% - 7px);width:14px;height:2px;content:"";transition:all .5s ease 0s;transform:scale(.75);background-color:#212121}
.offcanvas-menu>ul>li .menu-expand::after{transform:rotate(90deg) scale(.75)}
.offcanvas-menu>ul>li.active>.menu-expand::after{transform:rotate(0) scale(.75)}
.offcanvas-menu>ul>li .sub-menu li.active>.menu-expand::after{transform:rotate(0) scale(.75)}
.offcanvas.offcanvas-mobile-menu.offcanvas-open{transform:translateX(0)}
.offcanvas.offcanvas-mobile-menu.offcanvas-open .offcanvas-close{left:80%}
.offcanvas-overlay{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0,0,0,.5)}
.offcanvas.offcanvas-open{transform:translateX(0)}


