#websitesearch
{
	left:calc(50% - 300px);
	opacity:0;
	position:fixed;
	top:-150px;
	transition:all 0.3s ease-in-out;
	visibility:hidden;
	width:600px;
	z-index:1001;
}

.searchopen #websitesearch
{
	opacity:1;
	top:50px;
	visibility:visible;
}

#websitesearch button
{
	left:6px;
	padding:5px 7px;
	position:absolute;
	top:calc(50% - 14px);
}

#websitesearch input
{
	font-size:20px;
	line-height:34px;
	padding:2px 45px 2px 45px;
}

#websitesearch #closesearch
{
	cursor:pointer;
	display:block;
	height:26px;
	position:absolute;
	right:7px;
	top:7px;
	width:25px;
	z-index:5;
}

#websitesearch #closesearch:after,
#websitesearch #closesearch:before
{
	background:#D1D0D0;
	content:'';
	height:2px;
	left:0;
	position:absolute;
	top:13px;
	transform:rotate(45deg);
	width:25px;
}

#websitesearch #closesearch:before
{
	transform:rotate(-45deg);
}

@media (min-width:1260px)
{
	#mainheader
	{
		background:rgba(255,255,255,0.8);
		height:160px;
		left:0;
		position:fixed;
		top:0;
		transition:all 0.3s ease-in-out;
		width:100%;
		z-index:999;
	}
	
	.scrolled.showsubmenu #mainheader
	{
		top:-160px;
	}
	
	.scrolled.showsubmenu #mainheader:hover
	{
		top:0;
	}
	
	#mainheader #logowrapper
	{
		float:left;
		height:122px;
		padding:20px 0;
		text-align:center;
		width:100%;
	}
	
	#mainheader #logowrapper #logo
	{
		display:inline-block;
		max-width:80px;
	}
	
	#mainheader #logowrapper #logo .desktop
	{
		display:block;
	}
	
	#mainheader #logowrapper #logo .mobil
	{
		display:none;
	}
	
	#mainheader .iconwrapper
	{
		padding:15px 30px 0 0;
		position:absolute;
		right:0;
		top:0;
	}
	
	#mainheader .iconwrapper a,
	#mainheader .iconwrapper span
	{
		color:#fff;
		cursor:pointer;
		font-size:18px;
	}
	
	#mainheader .iconwrapper #opensearch
	{
		margin:0 10px 0 0;
	}
	
	#mainheader #mainmenu
	{
		display:flex;
		float:left;
		justify-content:space-between;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel
	{
		padding:0 0 10px;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink
	{
		color:#000;
		display:inline-block;
		font-size:21px;
		line-height:28px;
		position:relative;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink:hover
	{
		text-decoration:none;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink:after
	{
		background:#a11a29;
		bottom:-10px;
		content:'';
		height:4px;
		left:0;
		opacity:0;
		position:absolute;
		transition:all 0.3s ease-in-out;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink:hover:after,
	#mainheader #mainmenu .firstlevel.active .firstlink:after
	{
		opacity:1;
	}
	
	#mainheader #mainmenu .firstlevel i
	{
		display:none;
	}
	
	#mainheader #mainmenu .firstlevel .submenu
	{
        background:rgba(255,255,255,0.8);
		left:0;
		opacity:0;
		padding:20px 0;
		position:absolute;
		top:160px;
		transition:all 0.3s ease-in-out;
		visibility:hidden;
		width:100%;
	}
	
	.scrolled #mainheader #mainmenu .firstlevel .submenu
	{
        background:rgba(255,255,255,1);
	}
	
	.scrolled.showsubmenu #mainheader:hover .firstlevel .submenu
	{
		background:rgba(255,255,255,0.8) !important;
	}
	
	#mainheader #mainmenu .firstlevel:hover .submenu,
	#mainheader #mainmenu .firstlevel.active .submenu,
	#mainheader #mainmenu:hover .firstlevel.active:hover .submenu
	{
		display:block;
		opacity:1;
		visibility:visible;
	}
	
	#mainheader #mainmenu:hover .firstlevel.active .submenu
	{
		display:none;
	}
	
	#mainheader #mainmenu:hover .firstlevel:hover:not(.active) .submenu
	{
		opacity:1;
		visibility:visible;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .fullwidthcontainer
	{
		display:flex;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel
	{
		margin:0 30px 0 0;
		opacity:0;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(1)
	{
		transition-delay:0.2s;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(2)
	{
		transition-delay:0.4s;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(3)
	{
		transition-delay:0.6s;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(4)
	{
		transition-delay:0.8s;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(5)
	{
		transition-delay:1s;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:nth-child(6)
	{
		transition-delay:1.2s;
	}
	
	#mainheader #mainmenu .firstlevel:hover .submenu .secondlevel,
	#mainheader #mainmenu .firstlevel.active .submenu .secondlevel
	{
		opacity:1;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .secondlink
	{
		color:#000;
		display:inline-block;
		font-size:17px;
		line-height:20px;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel:hover .secondlink,
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.active .secondlink
	{
		color:#a11a29;
		text-decoration:underline;
	}
	
	#mainheader #mainmenu #desktopswitch
	{
		display:none;
	}
}

@media (max-width:1259px)
{
	#mainheader
	{
		background:rgba(255,255,255,0.3);
        background:rgba(255,255,255,0.35);
		left:0;
		padding:15px 0;
		position:fixed;
		top:0;
		transition:background 0.3s ease-in-out;
		width:100%;
		z-index:999;
	}
	
	.menuopen #mainheader
	{
		background:rgba(255,255,255,0.7);
		background:rgba(255,255,255,0.75);
		background:#fff;
	}
	
	#mainheader #logowrapper
	{
		align-items:center;
		display:flex;
		float:left;
		width:100%;
	}
	
	.menuopen #mainheader #logowrapper #logo .desktop
	{
		display:none;
	}
	
	#mainheader #logowrapper #logo .mobil
    {
        display:none;
    }
	
	.menuopen #mainheader #logowrapper #logo .mobil
	{
		display:block;
	}
	
	#mainheader #logowrapper #mobilmenubutton
	{
		height:25px;
		position:relative;
		width:30px;
	}
	
	#mainheader #logowrapper #mobilmenubutton span
	{
		background:#000;
		display:block;
		height:3px;
		left:0;
		position:absolute;
		top:0;
		transition:all 0.3s ease-in-out;
		width:100%;
	}
	
	#mainheader #logowrapper #mobilmenubutton .midline
	{
		top:10px;
	}
	
	#mainheader #logowrapper #mobilmenubutton .botline
	{
		top:20px;
	}
	
	.menuopen #mainheader #logowrapper #mobilmenubutton .topline
	{
		top:10px;
		transform:rotate(45deg);
	}
	
	.menuopen #mainheader #logowrapper #mobilmenubutton .midline
	{
		opacity:0;
	}
	
	.menuopen #mainheader #logowrapper #mobilmenubutton .botline
	{
		top:10px;
		transform:rotate(-45deg);
	}
	
	#mainheader #logowrapper #logo
	{
		display:block;
		margin:0 auto;
		width:70px;
	}
	
	#mainheader #logowrapper #logo img
	{
		max-width:70px;
	}
	
	#mainheader #logowrapper #mobilsearch
	{
		color:#000;
		font-size:25px;
		line-height:25px;
	}
	
	#mainheader .iconwrapper
	{
		float:right;
	}
	
	#mainheader .iconwrapper a,
	#mainheader .iconwrapper span
	{
		color:#000;
		cursor:pointer;
	}
	
	#mainheader .iconwrapper #opensearch
	{
		margin:0 10px 0 0;
	}
	
	#mainheader #mainmenu
	{
		background:rgba(255,255,255,0.7);
        background:rgba(255,255,255,0.75);
        background:#fff;
		height:calc(100vh - 99px);
		left:-100%;
		opacity:0;
		overflow-x:hidden;
    	overflow-y:auto;
    	padding:30px;
		position:fixed;
		top:100px;
		transition:all 0.3s ease-in-out;
		visibility:hidden;
		width:100%;
	}
	
	.menuopen #mainheader #mainmenu
	{
		left:0;
		opacity:1;
		visibility:visible;
	}
	
	#mainheader #mainmenu .firstlevel
	{
		float:left;
		margin:0 0 25px;
		position:relative;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel:after
	{
		background:rgba(0,0,0,0.35);
		bottom:-5px;
		content:'';
		height:1px;
		left:0;
		position:absolute;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink
	{
		color:#000;
		display:inline-block;
		float:left;
		font-size:20px;
		letter-spacing:0.5px;
		line-height:24px;
		max-width:calc(100% - 30px);
	}
	
	#mainheader #mainmenu .firstlevel i
	{
		color:#000;
		float:right;
		font-size:22px;
		line-height:24px;
		transition:all 0.3s ease-in-out;
		width:16px;
	}
	
	#mainheader #mainmenu .firstlevel.open i
	{
		transform:rotate(90deg);
	}
	
	#mainheader #mainmenu .firstlevel.active .firstlink
	{
		color:#a11a29;
	}
	
	#mainheader #mainmenu .firstlevel .firstarrow
	{
		color:#000;
		float:right;
		font-size:22px;
		line-height:24px;
		transition:all 0.3s ease-in-out;
		width:16px;
	}
	
	#mainheader #mainmenu .firstlevel.open .firstarrow
	{
		transform:rotate(90deg);
	}
	
	#mainheader #mainmenu .firstlevel .submenu
	{
		float:left;
		max-height:0px;
		opacity:0;
		overflow:hidden;
		padding:0 0 0 25px;
		transition:all 0.3s ease-in-out;
		visibility:hidden;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel.open .submenu
	{
		max-height:999px;
		opacity:1;
		visibility:visible;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .fullwidthcontainer
	{
		width:100%;
		max-width:auto;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel
	{
		float:left;
		margin:15px 0 0;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.first
	{
		margin-top:20px;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.last
	{
		margin-bottom:20px;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .secondlink
	{
		color:#000;
		display:inline-block;
		font-size:16px;
		letter-spacing:2px;
		line-height:18px;
		margin:0 0 10px;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.active .secondlink
	{
		color:#a11a29;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .secondarrow
	{
		color:#000;
		float:right;
		font-size:18px;
		line-height:20px;
		transition: all 0.3s ease-in-out;
		width:15px;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.active .secondarrow,
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.open .secondarrow
	{
		transform:rotate(90deg);
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .submenu2
	{
		float:left;
		max-height:0px;
		opacity:0;
		overflow:hidden;
		padding:0 0 0 25px;
		transition:all 0.3s ease-in-out;
		visibility:hidden;
		width:100%;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.active .submenu2,
	#mainheader #mainmenu .firstlevel .submenu .secondlevel.open .submenu2
	{
		max-height:999px;
		opacity:1;
		visibility:visible;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .submenu2 .thirdlevel .thirdlink
	{
		color:#fff;
		display:inline-block;
		font-size:16px;
		line-height:18px;
		margin:7px 0 0;
	}
	
	#mainheader #mainmenu .firstlevel .submenu .secondlevel .submenu2 .thirdlevel.active .thirdlink
	{
		color:#a11a29;
	}
	
	#mainheader #mainmenu #desktopswitch
	{
		color:#fff;
		cursor:pointer;
		float:right;
		text-align:center;
		width:155px;
	}
	
	#mainheader #mainmenu #desktopswitch i
	{
		font-size:24px;
		line-height:26px;
	}
	
	#mainheader #mainmenu #desktopswitch .title
	{
		display:block;
	}
	
	#mainheader #mainmenu #search
	{
		display:none;
	}
}

@media (max-width:767px)
{
	#mainheader #mainmenu
	{
		padding:30px 15px;
	}
	
	#websitesearch
	{
		left:20px;
		width:calc(100% - 40px);
	}
}