@import url(//use.fontawesome.com/releases/v7.2.0/css/all.css);

#hsc-header {
	width: 100%;
	xx--border-bottom: 1px #000000 solid;
	/*box-shadow: 0 3px 3px rgba(0,0,0,.4);*/
	padding: 10px 40px;
	position: absolute;
	top: 0px;
	transition: all 0.5s ease-out allow-discrete;
	z-index: 1000;
}

div.elementor > #hsc-header {
	padding: inherit !important;
}


#hsc-header::after {
    content: "";
    clear: both;
    display: table;
}


#hsc-header > div.logo-wrap, #hsc-header  div.logo-wrap {
	display: inline-block;
	xxwidth: 60px;
	xxheight: 60px;
	xxmargin-right: 20px;
	float: left;
}


#hsc-header.is-sticky > div.logo-wrap, #hsc-header.is-sticky div.logo-wrap {
	width: 100px;
	height: 35px;
}

div.elementor > #hsc-header.is-sticky div.logo-wrap {
	width: 60px;
	height: 60px;
}

#hsc-header > div.menu-wrap {
	display: inline-block;
	float: left;
}
#hsc-header > div.menu-wrap

#hsc-menu, .menu{
	z-index:201;
	margin: 0px;
}
#hsc-menu ul, .menu ul {
    list-style: none outside;
}

#hsc-menu > li, .menu > li {
    position: relative;
	line-height: 65px;
}
#hsc-menu > li, .menu > li {
    margin: 0;
    z-index: 203;
    display: block;
    float: left;
}

#hsc-menu-wrap { margin-left: 70px; }
.home #hsc-menu-wrap { margin-left: 40px; }
.hsc-menu-container, .menu, .menu > li {
	background-color: none;
}
body[data-elementor-device-mode="mobile"] .hsc-menu-container {
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 150px;
}
body[data-elementor-device-mode="mobile"] .hsc-menu-container, body[data-elementor-device-mode="mobile"] .menu > li {
	width: 100%;
	background-color: #ffffff;
	padding: 20px;
}
body[data-elementor-device-mode="mobile"] .menu > li, .hsc-footer-menu  {
    margin: 0;
    z-index: 203;
    display: block;
    float: none;
	padding: 0 0 10px 0;
	text-align: left;
	line-height: inherit;	
	color: #000000;
}
body[data-elementor-device-mode="mobile"] .menu {
	padding: 0px;
	text-align: left;
	line-height: inherit;
}


#hsc-menu a span, .menu a, .menu a:hover {
    border-right-width: 0px !important;
    xxfont-family: din-condensed;
    text-transform: uppercase;
    font-size: 14px;
	padding: 0px 10px;
	color: #ffffff;
}
body[data-elementor-device-mode="mobile"] a:not(.elementor-button) span,body[data-elementor-device-mode="mobile"]  .menu a:not(.elementor-button),
body[data-elementor-device-mode="mobile"]  .menu a:not(.elementor-button):hover {
	color: #000000 !important;
}

.is-sticky .menu a, .is-sticky .menu a:hover {
	color: #ffffff;
}

.black a span, .black .menu a,.black .menu a:hover {
	color: #000000;
}

body[data-elementor-device-mode="mobile"] .hsc-menu-container {
	display: none;
}
body[data-elementor-device-mode="desktop"] #hsc-mobile-menu {
	display: none;
}

body[data-elementor-device-mode="mobile"] .logo-wrap {
	width: 150px !important;
}

body[data-elementor-device-mode="mobile"] #hsc-header {
	padding: 10px !important;
}

#hsc-mobile-menu {
	color: #ffffff;
	position: absolute;
	top: -60px;
	right: 40px;
	font-size: 40px;
}
.black #hsc-mobile-menu {
	color: #000000;
}
.mob-wht #hsc-mobile-menu {
	color: #ffffff !important;
}

body[data-elementor-device-mode="desktop"] .menu .sub-menu { 
	display: none; 
	background-color: rgba(0,0,0,.8);
	position: absolute;
	top: 50px;
	left: 0px;
	width: auto;
}

body[data-elementor-device-mode="desktop"] .black .menu .sub-menu {
	background-color: rgba(255,255,255,.8);
}

body[data-elementor-device-mode="mobile"] .menu .sub-menu {
	display: block;
	margin-top: 10px;
}

body[data-elementor-device-mode="desktop"] .menu-item-has-children:hover > .sub-menu {
	display: inline-block !important;
}

.menu .sub-menu > li {
	white-space: nowrap;
}


@media only screen and (max-width: 1239px) {
	#mobile-menu-icon { 
		position: absolute;
		top: 0px;
		right: 10px;
		display: block;
		font-size: 24px;
		z-index: 10000;
	}
	#mobile-menu-icon:before {
		content: "\f0c9";
		font: var(--fa-font-solid);
	}
	
	#menu { 
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 999;
		background-color: #ffffff;
		padding: 20px;
	}
	
	#hsc-menu li, #hsc-menu ul { 
		list-style: disc;
	}
	#hsc-menu li {
		float: none;
		line-height: 20px;
	}
	#hsc-menu-wrap, .home #hsc-menu-wrap  { margin-left: 0px; }
	.hsc-menu-container { z-index: 10000; }
}

@media only screen and (min-width: 1240px) {
    #hsc-header.is-sticky {
        position: fixed !important;
        width: 100%;
        left: 0;
        top: 0px;
        height: 60px;
        z-index: 701;
        background: #000;
        opacity: .97;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    }
	#hsc-header.is-sticky.is-admin { top: 32px; }
	
	#hsc-header.is-sticky #hsc-menu > li, #hsc-header.is-sticky .menu > li  {
		line-height: 25px;
	}
	
	#mobile-menu-icon { display: none; }
}

@media only screen and (min-width: 1240px) {
    #hsc-header.is-sticky #hsc-menu > li > a {
        padding: 15px 0;
    }
	

}
@media only screen and (min-width: 1240px) {
    #hsc-header.is-sticky #hsc-menu > li > a, #hsc-header.is-sticky #hsc-menu > li > a span {
        line-height: 30px;
    }
}