header-style1{padding: auto;}

/*======================================
HEADER (top part of page)
======================================*/

.header-style1.site-header {position: relative;	z-index: 999;}
.header-style1.site-header ul,
.header-style1.site-header ol {margin-bottom: 0;}

/*-------------------------------------
	without top bar
-------------------------------------*/
.header-style1 .extra-nav {display: table;float: right;height: 70px;position: relative;z-index: 0;}
.header-style1 .extra-nav .extra-cell {display: table-cell;padding-left: 20px;vertical-align: middle;}
.header-style1 .extra-nav .extra-cell > a{	font-size:18px;}
/*____ LOGO ( company identify  symbol )
======================================*/

/*-------------------------------------
	logo for header 
-------------------------------------*/

.header-style1 .logo-header {
	display: table;
	float: left;
	width: 100px;
	height: 70px;
	vertical-align: middle;
	padding: 0;
	font-size: 36px;
	color: #ed4c2f;
	margin: 0px;
	position: relative;
	z-index: 11;
}

.header-style1 .logo-header-inner {display: table-cell;vertical-align: middle;height: 100%;}
.header-style1 .logo-header-inner img {max-width: 230px;max-height: 100%;}

/*-------------------------------------
	eamil-phone (left) 
-------------------------------------*/
.header-style1 .e-p-bx{padding:0px;margin-top: 3%;}
.header-style1 .e-p-bx li {
	display: inline;
	font-size: 16px;
	line-height:20px;
	font-weight: 400;
	color: var(--secondary-light);
	
	position:relative;
	padding-right: 10px;
	margin-right: 10px;

}
.header-style1 .e-p-bx li:last-child{padding-right: 0px;	margin-right: 0x;}
.header-style1 .e-p-bx li:after{
	content:'/';
	position:absolute;
	right:3px;
	top:50%;
	transform: translateY(-50%);
	color:var(--secondary-light);
	height:100%;
	width:1px;
}
.header-style1 .e-p-bx li:last-child:after{display: none;}
.header-style1 .e-p-bx li span{text-transform: uppercase;display: inline-block;padding-right: 10px;font-weight: 600;}
.header-style1 .e-p-bx li a {color: #fff;}
.header-style1 .e-p-bx li i {margin-right: 5px;vertical-align: middle;}

/*-------------------------------------
	social-links (right) 
-------------------------------------*/
.social-bx {margin:0px;}
.social-bx li{font-size: 14px;	margin: 20px 0px 0px 0px;	position: relative;padding: 0px 0px 0px 10px;}
.social-bx li a{font-size:14px;	padding:0px; width:50px;	text-align:right; display:inline-block; color: var(--secondary-light);}
.social-bx.text-white li a{color:#fff;}

/*-----------------------------------*/

.header-style1 .main-bar {	position: relative;	width: 100%;	padding: 10px 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header-style1 .main-bar::after,
.header-style1 .main-bar::after {clear: both;content: "";display: table;}

.header-style1 .site-search{
	background-color:#ed4c2f;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
@media only screen and (max-width: 540px) {
	.header-style1 .site-search{width: 160px; box-shadow: none;}
}
.header-style1 .site-search:hover{box-shadow: none;}
.header-style1 .site-search .form-control {background-color: transparent;height: 50px;border: none;}
.header-style1 .site-search button {background-color: transparent;	color: #fff;text-transform: uppercase;height: 50px;padding: 0px 15px;
	font-size: 14px;}

.header-style1 .site-search .form-control::-webkit-input-placeholder {color: #fff;font-size: 14px;font-weight:400;}
.header-style1 .site-search .form-control::-moz-placeholder {color: #fff;font-size: 14px;font-weight:400;}
.header-style1 .site-search .form-control:-ms-input-placeholder {color: #fff;font-size: 14px;font-weight:400;}
.header-style1 .site-search .form-control:-moz-placeholder {color: #fff;font-size: 14px;font-weight:400;}

/*-------------------------------------
	mega-menu
-------------------------------------*/
.header-style1 .navbar-toggler {border: none;margin-top: 24px;margin-bottom: 24px;margin-left: 0px;margin-right: -10px;padding: 12px 10px;}

.header-style1 .navbar-toggler .icon-bar{background: #000;height: 3px;border-radius: 0;display: block;width: 22px;}
.header-style1 .navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;}

.header-style1 .navbar-toggler{display: none;margin-top: 14px;margin-bottom: 14px;}
.header-style1 .header-nav {position: relative;padding: 0px;z-index: 7;}
.header-style1 .header-nav .nav {float: right;display: flex;justify-content: flex-end;flex-direction: inherit;}
.header-style1 .header-nav .nav i {font-size: 9px;margin-left: 3px;margin-top: -3px;vertical-align: middle;opacity: 0.7;}
.header-style1 .header-nav .nav>li {font-weight: 500;position: relative;text-transform: uppercase;margin: -10px 0;
/*padding: 10px 0;*/
    padding: 25px 0 10px 0;
}
.header-style1 .header-nav .nav>li>a {
	border-radius: 0;
	display:inline-block;
	padding: 24px 20px;
	cursor: pointer;
	margin: -9px 0;
	font-weight: 600;
	text-transform: capitalize;
	font-family: var(--title-family);
	font-size: 18px;
	line-height: 40px;
	color:var(--secondary);
	position: relative;
	transition: var(--transition);
}

.header-style1 .header-nav .nav>li>a:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	height:1px;
	width: 0px;
	z-index: -1;
	background-color:var(--primary);
	transition: all 0.4s ease;
}

.header-style1 .header-nav .nav>li>a:hover:after {
	width: 20px;
	left: 0;
	transition: width 0.3s ease;
	z-index: -1;
}



.header-style1 .header-nav .nav>li>a:hover {background-color: transparent;color: #212427;}
.header-style1 .header-nav .nav>li>a:active,
.header-style1 .header-nav .nav>li>a:focus {background-color: transparent;}

.header-style1 .header-nav .nav>li.active>a,
.header-style1 .header-nav .nav>li.current-menu-item>a {background-color: transparent;color: var(--primary);}
.header-style1 .header-nav .nav>li:hover>a {color:var(--primary);}

.header-style1 .header-nav .nav>li:hover>.sub-menu,
.header-style1 .header-nav .nav>li:hover>.mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-style1 .header-nav .nav>li .sub-menu {
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
	display: block;
	left: 0;
	top: 100%;
	list-style: none;
	margin: 20px 0 0;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	width: 290px;
	z-index: 10;
}

.header-style1 .header-nav .nav>li .sub-menu li {position: relative;text-transform: none;}
.header-style1 .header-nav .nav>li .sub-menu li a {
	color: #000;
	display: block;
	font-size: 14px;
	padding: 10px 20px;
	overflow: hidden;
	position: relative;
	border-left:0px solid transparent;	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}
.header-style1 .header-nav .nav>li .sub-menu li a:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--primary);
	transition: var(--transition);
	opacity: 0;
}
.header-style1 .header-nav .nav>li .sub-menu li a:hover {color: #000;text-decoration: none;}
.header-style1 .header-nav .nav>li .sub-menu li a:hover:after {width: 2px;	left: 0px; opacity: 1;}
.header-style1 .header-nav .nav>li .sub-menu li:hover>a {color: var(--primary);padding-left: 25px;}

.header-style1 .header-nav .nav>li .sub-menu li:last-child {border-bottom: 0px;}
.header-style1 .header-nav .nav>li .sub-menu li .fa {color: #000;display: block;float: right;position: absolute;right: 10px;top: 1px;}




.header-style1 .header-nav .nav>li .sub-menu li:hover .fa {color: #000;}
.header-style1 .header-nav .nav>li .sub-menu li>.sub-menu {
	left: 220px;
	top: 0px;
	margin: 0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header-style1 .header-nav .nav>li .sub-menu li:hover>.sub-menu {left: 220px;margin: 0px;opacity: 1;top: -1px;visibility: visible;}
.header-style1 .header-nav .nav>li .sub-menu li:hover>.sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}

.header-style1 .header-nav .nav>li.has-mega-menu {	position: inherit;}
.header-style1 .header-nav .nav>li .mega-menu li a>i {font-size: 13px;margin-right: 5px;min-width: 20px;}

.header-style1 .header-nav .nav>li .mega-menu {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	display: table;
	left: 0px;
	top: 88px;
	padding: 20px 0px;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
	margin-top: 20px;
	z-index: 10;
}

.header-style1 .header-nav .nav>li .mega-menu>li {	display: table-cell;padding: 10px 0;position: relative;	vertical-align: top;width: 25%;
	text-transform: none;}

.header-style1 .header-nav .nav>li .mega-menu>li:after {
	content: "";
	background-color: rgba(204, 204, 204, 0.4);
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 1px;
	height: 100%;
}

.header-style1 .header-nav .nav>li .mega-menu>li:last-child:after {display: none;}
.header-style1 .header-nav .nav>li .mega-menu>li>a {color: #000;display: block;font-size: 15px;padding: 0 20px;}
.header-style1 .header-nav .nav>li .mega-menu>li ul {list-style: none;margin: 10px 0px 0px 0px;padding: 0px;}

.header-style1 .header-nav .nav>li .mega-menu>li ul a {color: #474747;display: block;font-size: 13px;line-height: 34px;padding: 2px 20px;}
.header-style1 .header-nav .nav>li .mega-menu>li ul a:hover {color: #ed4c2f;background-color: #F2F2F2;}
.header-style1 .header-nav .nav>li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color: #999;
	margin-top: -8px;
	font-size: 8px;
}


/*-- Submenu direction---*/
.header-style1 .header-nav .nav>li.submenu-direction .sub-menu {left: auto;right: 0;}
.header-style1 .header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu {left: auto;right: 220px;margin: 0 20px 0 0;}
.header-style1 .header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu {left: auto;	right: 220px;margin: 0 0 0 0;}
.header-style1 .has-child .submenu-toogle {
	position: absolute;
	right: 4px;
	top: 4px;
	color: #000;
	background-color: transparent;
	z-index: 900;
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
	display: none;
}

.header-style1 .header-nav .has-child li .submenu-toogle {opacity: 0.9;}
.header-style1 .header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right:before {content: "\f107";}

/*-------------------------------------
	nav dark version
-------------------------------------*/
.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:hover>a {	color: #ed4c2f;	background-color: transparent;}
.header-style1 .nav-dark.header-nav .nav>li .sub-menu li .fa {color: #ed4c2f;}
.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:hover .fa {color: #ed4c2f;}
.header-style1 .nav-dark.header-nav .nav>li .sub-menu,
.header-style1 .nav-dark.header-nav .nav>li .mega-menu {background-color: #000;border: 1px solid rgba(0, 0, 0, 0.2);}
.header-style1 .nav-dark.header-nav .nav>li .sub-menu li:last-child {border-bottom: 0px;}

.header-style1 .nav-dark.header-nav .nav>li .sub-menu li a{color: #fff;}

.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li ul a{color: #fff;}
.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li>a {color: #ed4c2f;}

.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover {background-color: transparent;color: #ed4c2f;}

.header-style1 .nav-dark.header-nav .nav>li .mega-menu>li:after {background-color: rgba(0, 0, 0, 0.2);}




@media only screen and (max-width:1200px) {
	.header-style1.site-header .container {width: auto;}
}

@media only screen and (max-width: 991px) {

	/* responsive strat when media screen [991px] css START*/

	.header-style1 .navbar-toggler {display: block;margin-top: 14px;margin-bottom: 14px;float:right;outline:none !important;}
	.header-style1 .navbar-collapse.collapse {align-items: start;}

	.header-style1 .header-nav .nav {float: none;margin: 0px;background: #fff;width:100%; display: block; height: 100%;}
	.header-style1 .header-nav .nav li {float: none;width: 100%;display: block;}
	
	.header-style1 .header-nav .nav i {float: right;}
	.header-style1 .header-nav .nav li .sub-menu>li a {padding-left: 30px;}
	.header-style1 .header-nav .nav li.has-child {	position: relative;	}
	.header-style1 .header-nav .nav li .sub-menu,
	.header-style1 .header-nav .nav li .mega-menu {opacity: 1;margin: 0 !important;}
	.header-style1 .header-nav .nav i {margin-top: 6px;}
	.header-style1 .header-nav .nav li.has-child.nav-active>a {color: var(--primary);}

	.header-style1 .header-nav .nav>li {margin: 0;	padding: 0;}
	.header-style1 .header-nav .nav>li.active>a,
	.header-style1 .header-nav .nav>li.current-menu-item>a {color: #000;}
	.header-style1 .header-nav .nav>li>a:hover,
	.header-style1 .header-nav .nav>li>a:active,
	.header-style1 .header-nav .nav>li>a:focus {background-color: #f0f0f0;text-decoration: none;}
	.header-style1 .header-nav .nav>li>a {padding: 6px 15px;border-top: 1px solid #E9E9E9;color: #777;	margin: 0;display:block; font-size: 14px; line-height: 36px;}

	.header-style1 .header-nav .nav>li .sub-menu>li,
	.header-style1 .header-nav .nav>li .mega-menu>li {float: none;display: block;width: auto;padding: 0px;}
	.header-style1 .header-nav .nav>li .sub-menu li a {font-size: 12px;}

	.header-style1 .header-nav .nav>li .mega-menu>li:after {display: none;}

	.header-style1 .header-nav .nav>li ul,
	.header-style1 .header-nav .nav>li .sub-menu,
	.header-style1 .header-nav .nav>li .mega-menu {display: none;position: static;visibility: visible;width: auto;background: #f9f9f9;}

	.header-style1 .header-nav .nav>li ul.mega-menu ul {display: block; margin-bottom: 10px;}
	.header-style1 .header-nav .nav>li ul.mega-menu li:hover ul {display: block;}

	.header-style1 .has-child .submenu-toogle {display: block;	width: 100%;text-align: right;}
	header .logo {display: block;padding: 4px 0;}

	.header-style1 .is-fixed .color-fill .header-nav .nav>li {margin: 0;padding: 0;	}
	.header-style1 .is-fixed .color-fill .header-nav .nav>li>a {margin: 0;display: block;}
	.header-style1 .is-fixed#header-part .navbar-toggler {	margin: 15px 0;}
	.logo-header {width: 120px;}

	.header-style1 .nav-dark.header-nav {border-bottom: 1px solid rgba(0, 0, 0, 0.2);	}
	.header-style1 .nav-dark.header-nav .nav {	background-color: #000;	}
	.header-style1 .nav-dark.header-nav .nav>li>a {border-top: 1px solid rgba(0, 0, 0, 0.2);color: #fff;display:block;}
	.header-style1 .nav-dark.header-nav .nav>li>a:hover,
	.header-style1 .nav-dark.header-nav .nav>li>a:active,
	.header-style1 .nav-dark.header-nav .nav>li>a:focus {background-color: #000;color: #ed4c2f;	}
	.header-style1 .nav-dark.header-nav .nav>li ul,
	.header-style1 .nav-dark.header-nav .nav>li .sub-menu,
	.header-style1 .nav-dark.header-nav .nav>li .mega-menu {background-color: #000;}
	.header-style1 .nav-dark.header-nav .nav>li .sub-menu{background-color: #000;}
	.header-style1 .nav-dark .has-child .submenu-toogle{color:#fff;}
}


@media only screen and (max-width:768px) {
	.header-style1 .is-fixed .extra-nav {padding: 13px 7px;}
}

@media only screen and (max-width:767px) {
	.header-style1 .is-fixed .extra-nav {padding: 13px 0px;}
	.header-style1 .main-bar,
	.header-style1 .is-fixed .main-bar,
	.header-style1 .is-fixed .color-fill.main-bar {padding: 0px;}
}

@media only screen and (max-width:540px) {
	.header-style1 .is-fixed .navbar-toggler {	margin-bottom: 0px;}
}

@media only screen and (max-width: 540px) {
	.header-style1 .main-bar {	padding-left: 0px;	padding-right: 0px;	}
	.header-style1 .logo-header {width: 80px;}
	.header-style1 .header-style1 .navbar-toggler {margin-left: 5px;}
	.header-style1 .extra-nav .extra-cell {margin-left: 0px;padding-left:10px;}
}


.header-style1 .is-fixed .color-fill.main-bar {background-color: var(--bg-light);}


.header-style1 .top-bar{
	/*background-color: var(--bg-light);*/
		background-color: #000000;
	padding: 8px 0px;
}

.header-style1 .top-bar-nav{margin-right: 30px;}
@media only screen and (max-width:575px){
	.header-style1 .top-bar-nav{margin-right: 0px;}
}
@media only screen and (max-width:460px){
	.header-style1 .top-bar-nav{display: none;}
}
.header-style1 .top-bar-nav ul{
	list-style: none;
}
.header-style1 .top-bar-nav ul li{
	display: inline-block;
	padding: 0px 15px;
	position: relative;
}

.header-style1 .top-bar-nav ul li:first-child{
	padding-left: 0px;
}
.header-style1 .top-bar-nav ul li:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 14px;
	background-color: var(--secondary-light);
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.header-style1 .top-bar-nav ul li:last-child:after{
	display: none;
}
.header-style1 .top-bar-nav ul li a{
	font-family: var(--common-family);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize;
	color: var(--secondary-light)
}
.header-style1 .top-bar-nav ul li a:hover{
	color: var(--primary)
}

.header-style1 .top-bar .sx-topbar-right{display: flex;}
@media only screen and (max-width:991px){
	.header-style1 .top-bar .container > .d-flex{
		display: block !important;
	}
	.header-style1 .top-bar .sx-topbar-right {
		display: flex;
		justify-content: space-between;
	}
}
@media only screen and (max-width:460px){
	.header-style1 .top-bar .sx-topbar-right {
		justify-content: end;
	  }
	.header-style1 .sx-topbar-left{
		display: none;
	  }
}
/*-------------------------------------
	when header is sticky
-------------------------------------*/

.header-style1 .sticky-no .main-bar {position: static !important;}

/*-------------------------------------
	when header is sticky 
-------------------------------------*/  
/* header sticky  */

/*____WHEN HEADER IS STICKY____*/

.header-style1 .is-fixed .main-bar {position: fixed;top: 0;left: 0;}
.header-style1 .is-fixed .extra-nav {padding: 13px 0;}
.header-style1 .is-fixed .color-fill.main-bar {  background:var(--white);}

@media (max-width: 991px) {
	.header-style1.mobile-sider-drawer-menu .header-nav {
	  position: fixed;
	  width: 250px !important;
	  z-index: 999;
	  height: 100vh !important;
	  overflow-y: inherit !important;
	  left: -250px;
	  top: 0px;
	  transition: all 0.5s linear;
	  background-color: #fff;
	}
	.header-style1.mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu {
	  transition: none;
	}
	.header-style1.mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu {
	  transition: none;
	}
	.header-style1.mobile-sider-drawer-menu.active .header-nav {
	  left: 0%;
	}
	.header-style1.mobile-sider-drawer-menu .icon-bar {
	  transition: all 0.5s linear;
	  position: relative;
	}
	.header-style1.mobile-sider-drawer-menu #mobile-side-drawer {
	  position: relative;
	  z-index: 1;
	}
	.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {
	  transform: rotate(45deg) translateX(3px) translateY(2px);
	}
	.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {
	  transform: rotate(-45deg) translateX(3px) translateY(-2px);
	}
	.header-style1.mobile-sider-drawer-menu .icon-bar.icon-bar-two {
	  position: relative;
	  right: 0%;
	}
	.header-style1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {
	  position: absolute;
	  right: 100px;
	  opacity: 0;
	}
	.header-style1.mobile-sider-drawer-menu .is-fixed .header-nav .nav {
	  overflow: auto;
	  max-height: 100%;
	}
	.header-style1.mobile-sider-drawer-menu .header-fixed .header-nav .nav {
	  overflow: auto;
	  max-height: 100%;
	}
  }



  .header-style1 .social-bx li a {
	font-size: 14px;
	padding: 0px;
	width: 30px;
	text-align: right;
	display: inline-block;
	color: var(--secondary-light);
  }
  @media only screen and (max-width:460px){
	.header-style1 .social-bx li a{width: 30px;}
  }