@media(min-width:768px){
	header .logo img, header .logo svg{
		width:11rem;
		height:auto;
		margin-top: 1rem;
	}
}


@media(max-width:767px){
	header .logo img, header .logo svg{
		width: 7rem;
		height: auto;
		margin-top: 1.2rem;
	}
}

.menu-toggle-container{
	position:relative;
	width:12rem;
	height:3.5rem;
	padding:0.8rem;
	pointer-events: auto;
}

.menu-toggle-container:before{
	content: '';
	background-image: url('../img/menu-bg.svg');
	background-position: top center;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 11.5rem;
	height: 8rem;
	background-repeat: no-repeat;
	z-index: -1;
}


.page-template-dojazd .menu-container:not(.on) .menu-toggle-container:before, .page-template-wspolpraca .menu-container:not(.on) .menu-toggle-container:before{
	background-image: url('../img/menu-bg-white.svg');
}

.page-template-dojazd .menu-container:not(.on) .menu-toggle-txt, .page-template-wspolpraca .menu-container:not(.on) .menu-toggle-txt {
	color: var(--color-1);
}


.page-template-dojazd .menu-container:not(.on) .menu-toggle > div, .page-template-wspolpraca .menu-container:not(.on) .menu-toggle > div {
	background-color: var(--color-1);
	
}

.menu-toggle{
	display:inline-block;
}

.menu-toggle {
	font-size: 0;
	border: 0 none;
	padding: 0;
	color: black;
	width: 2rem;
	margin: 0 0.5rem;
	transform:scale(0.75);
	cursor: pointer;
	position:relative;
	
	
}
.line-one,
.line-two,
.line-three {
	background-color: white;
	width: 100%;
	height: 3px;
	margin: 5px auto;
	backface-visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.menu-toggle.on .line-one {
	-moz-transform: rotate(-45deg) translate(-5px, 5px);
	-o-transform: rotate(-45deg) translate(-5px, 5px);
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
}
.menu-toggle.on .line-two {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
.menu-toggle.on .line-three {
	-moz-transform: rotate(45deg) translate(-6px, -6px);
	-o-transform: rotate(45deg) translate(-6px, -6px);
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
}

.menu-toggle-txt{
	display:inline-block;
	color:#FFFFFF; 
	font-size:1rem;
	margin: 0; 
	font-weight:500;
	cursor:pointer;
}



/* MENU */

header nav ul.menu{
	display:inline-block;
	padding:0;
}

header nav .menu li{
	display:inline-block;
	list-style:none;
	position: relative;
}


header nav ul.menu {
	margin:0;
}

header nav ul.menu > li{
	font-weight:500;
}

header nav ul.menu > li:last-child{
	border-right:0;
}


.scroll-off{
	overflow: hidden;
}

header .logo{
	pointer-events: auto;
}

header{
	position: fixed;
	z-index:99999;
	height:7rem;
	width: 100%;
	transition-delay: 0.2s;
	top: 0;
	pointer-events: none;
}


header.hide-menu {
	margin-top:-7rem;
	transition:all 0.2s linear;
}


header{
	margin-top:0;
	transition:all 0.2s linear;
}



.menu-container.on{
	
}




.menu-container .logo svg g.sygnet path{
	transition:all 0.5s linear;
}
.menu-container.on .logo svg g.sygnet path, .menu-container.on .header-address-wrapper path{
	fill:#ffffff;
	transition:all 0.5s linear;
}


.menu-container.on .header-address-wrapper p{
	color:#fff;
}

header nav .sub-menu > li > a{
	font-size:1.2rem;
}

header nav .menu > li > a{
	color: var(--color-menu);
	font-weight:600;
	margin:0;
	text-transform:uppercase;
	padding: 0.75rem 0.65rem;
	box-sizing:border-box;
	display:inline-block;
}

header nav .menu > li > a:hover{
	color: var(--color-menu-hover);
}

header nav .menu a{
	padding: 1rem 0.5rem;
	display: inline-block;
	color: var(--color-menu);
}

/* SUBMENU */

header nav .sub-menu {
    list-style-type: none;
    position: absolute;
    margin: 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    line-height: 1;
    width: auto;
    z-index: 9999;
    -webkit-transition: all .40s ease;
    -moz-transition: all .40s ease;
    -ms-transition: all .40s ease;
    -o-transition: all .40s ease;
    transition: all .40s ease;
	
}

header nav li:hover > .sub-menu{
	opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
	-webkit-transition: all .40s ease;
    -moz-transition: all .40s ease;
    -ms-transition: all .40s ease;
    -o-transition: all .40s ease;
    transition: all .40s ease;
	
	
}

header nav .sub-menu li {
    margin: 0;
    position: relative;
    text-align: left;
    z-index: 1;
}

header nav .sub-menu li:hover, header nav .sub-menu li.current-menu-item {
	color:white;
	width:100%;
}

header nav .sub-menu > li > a{
	color: white;
	text-transform:uppercase;
	padding: 0 1rem;
	box-sizing:border-box;
	display:inline-block;
	line-height:1.2;
	position:relative;
	width:100%;
	font-weight:600;
	display:inline-block;
}

header nav .sub-menu > li > a:hover:before{
	content:"";
	background-color:#0076b8;
	position:absolute;
	bottom:-0.4rem;
	width:calc(100% - 2rem);
	height:0.2rem;
	transition:all 0.2s linear;
}

header nav .sub-menu > li > a:before{
	content:"";
	background-color:#0076b8;
	position:absolute;
	bottom:-0.4rem;
	left:1rem;
	width:0;
	height:0.2rem;
	transition:all 0.2s linear;
}



.social-media{
	display:none;
}



header.header .container{
	padding:0;
	margin:0;
	max-width:100%;
}




.main-navigation a {
	color: white;
	display: block;
	
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	padding: 15px 15px 15px 15px;
	line-height:1;
	font-weight: 300;
	width:100%;
}
.menu{
	width:100%;
	height:auto;
}

.main-navigation > ul > li {
	border-top:1px solid white;
}
.sticky-header-normal{
	position:relative !important;
}

.menu-close{
	height:0;
	opacity:0;
	transition: all 0.4s linear;
	overflow:hidden;
}

.menu-open{
	width:100%;
	opacity:1;
	height:auto;
	transition: all 0.4s linear;
	padding: 0 2vw;
}


header nav ul.menu li{
	display:inline-block;
	width:100%;
}

header nav ul.menu > li{
	width:100%;
	border-right: 0;
	padding: 0;
}
header nav .sub-menu {
	list-style-type: none;
	display:inline-block;
	position: relative;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	visibility: visible;
	background-color:#0076b8;
	
}
header nav ul.menu > li a{
	padding: 0;
	width: calc(100% - 4rem);
}


header nav .menu > li > a{
	font-size: 3rem;
}

header nav ul li:first-child .sub-menu li, header nav .sub-menu, header nav ul li:first-child .sub-menu {
	width: 100%;
}


nav{
	position: absolute;
	top: 0;
	padding-top:7rem;
	background-color:var(--color-1);
	width:100%;
	height:100vh;
	z-index: -1;
	padding-top: 7rem;
}

nav:not(.on){
	opacity: 0;
	transition:all 0.2s linear;
	pointer-events: none;	
}

nav.on{
	opacity: 1 !important;
	transition:all 0.2s linear;
	pointer-events: auto;
}

nav:not(.on) .nav-menu-wrapper{
	transition:all 0.2s linear;
	transform:scale(0);
}

nav.on .nav-menu-wrapper{
	transition:all 0.2s linear;
	transform:scale(1) !important;
	height:100%;
	overflow: scroll !important;
}

header nav ul.menu > li.menu-item-has-children:before {
	content: '';
	background-image: url('../img/open-menu.svg');
	background-repeat: no-repeat;
	right: 0;
	top: 0.4rem;
	position: absolute;
	width: 1.3rem;
	height: 1.3rem;
	margin-right: 0.5rem;
	transition: all 0.2s linear;
	z-index:999999;
}

header nav ul.sub-menu{
	padding:0;
}

header nav ul.menu > li.menu-item-has-children:before {
	content: '';
	background-image: url('../img/open-menu.svg');
	background-repeat: no-repeat;
	right: 1.4rem;
	top: 1.1rem;
	position: absolute;
	width: 1.3rem;
	height: 1.3rem;
	margin-right: 0.5rem;
	transition: all 0.2s linear;
	z-index:999999;
}

header nav ul.menu > li.menu-item-has-children.active:before {
	background-image: url('../img/close-menu.svg');
	z-index:999999;
}

header nav li.active .sub-menu {
	display: block;
}

header nav .sub-menu {
	display: none;
}


#menu-sidebar-menu a{
	font-size: 1.5rem;
	font-weight: 400;
}


.menu-container {
	position: relative;
	z-index: 1;
}



.menu-container::before {
	opacity: 0; 
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 90%);
	transition: opacity 1s ease;
	pointer-events: none;
	z-index: -1;
	mix-blend-mode: multiply;
}

.menu-container.stickymenu::before {
	opacity: 1; 
	transition: opacity 1s ease;
	mix-blend-mode: multiply;
}

.menu-container.stickymenu .logo svg g.sygnet path, .menu-container.stickymenu .header-address-wrapper svg path {
  fill: #ffffff !important;
  transition: all 1s ease;
}

.menu-container.stickymenu .header-address p {
  color: #ffffff !important;
  transition: all 1s ease;
}