@charset "utf-8";

.scala_group .groupheader{
	z-index:2;
}
.groupheader__list > li{
	width:25%;
}
.groupheader__item{
	position:relative;
}
.groupheader__link{
	padding: .42em;
}
.groupheader__link:hover{
	cursor: default;
}

.groupheader_megamenu{
	display:none;
	position:absolute;
	top:1.8em;
	left:0;
	width:100%;
	padding:32px 0 20px;
	opacity:0;
	animation-name:bgfadeout;
	animation-duration:1s;
	animation-iteration-count:1;
}
.groupheader_megamenu.on{
	display:block;
	opacity:1;
	animation-name:menufadein;
}
.groupheader_megamenu_item{
	padding:5px 0;
}
.groupheader_megamenu_link{
	color:#fff;
	text-align:left;
}
.scala_group .groupheader_megamenu_link{
	color:#fff;
}
.groupheader__list li a.groupheader_megamenu_link{
	padding-left:2em;
	padding-right:2em;
    line-height: 1.3;
}
.groupheader__list li a.groupheader_megamenu_link span{
	display: inline-block;
}
.groupheader__list li.groupheader_megamenu_item{
	border:none;
}
.groupheader__list li.groupheader_megamenu_item:first-child{
    position: relative;
    padding-bottom: 2em;
}
.groupheader__list li.groupheader_megamenu_item:first-child:before{
    position: absolute;
    bottom: 0.8em;
    left: 2em;
    content:'';
    display: block;
    width: calc((100% - 4em));
    border-top: 1px solid rgba(204,204,204,0.35);
}
.groupheader__list li.groupheader__item:nth-child(4) .groupheader_megamenu_item:first-child:before,
.groupheader__list li.groupheader__item:nth-child(5) .groupheader_megamenu_item:first-child:before{
    display: none;
}
.groupheader__list li.groupheader__item:nth-child(1) .groupheader_megamenu_item{
	width: 170px;
}
.groupheader__list li.groupheader__item:nth-child(2) .groupheader_megamenu_item,
.groupheader__list li.groupheader__item:nth-child(5) .groupheader_megamenu_item{
	width: 160px;
}
.groupheader__list li.groupheader__item:nth-child(3) .groupheader_megamenu_item{
	width: 200px;
}
.groupheader_megamenu_bg{
	display:none;
	background-color:#222;
	width:100%;
	height:200%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	animation-name:bgfadeout;
	animation-duration:1s;
	animation-iteration-count:1;
}
.groupheader_megamenu_bg.on{
	display:block;
	opacity:0.7;
	animation-duration:0.5s;
	animation-name:bgfadein;
}
.scala_group .groupheader_megamenu{
	padding:20px 0;
}
@keyframes bgfadein{
	from{opacity:0;}
	to{opacity:0.7;}
}
@keyframes bgfadeout{
	from{opacity:0.7;}
	to{opacity:0;}
}
@keyframes menufadein{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes menufadeout {
	from{opacity:1;}
	to{opacity:0;}
}

@media (max-width: 870px){
	.menu{
	    overflow-y: scroll;
	    overflow-x: hidden;
	}
	.menu__list{
		top: 80px;
		transform: translateY(0) translateX(-50%);
		padding-left: 1rem;

	}
	.menu__list .menu_link_item{
		position: relative;
		display: block;
    	padding: .88em 0;
	}
	.menu__list .menu_link_item:before{
		position: absolute;
		display: block;
		top:27px;
		left: -25px;
		content:'';
		width: 11px;
		height: 1px;
		background-color: #fff;
	}
	.menu__list .menu_link_item:after{
		position: absolute;
		display: block;
		top:22px;
		left: -20px;
		content:'';
		width: 1px;
		height: 11px;
		background-color: #fff;
		transform: translate3d(45deg);
	}
	.menu__list .on .menu_link_item:after{
		display: none;
	}

	.menu_link_dropdown{
		display: none;
		padding: 0 0 1rem 1rem;
	}
	.menu_link_dropdown_item{
		font-size: 15px;
	}
}

@media (max-width: 499px){
	.menu__list .menu_link_item:before{
		top:22px;
	}
	.menu__list .menu_link_item:after{
		top:17px;
	}
}