.wf-loading {visibility: hidden;}
.wf-active {visibility: visible;}


/* ###################### mobile ########################### */

a.toggle-btn {
	display:block;
 	text-align: center;
	width:100%;
	position:relative;
	bottom: -13px;
	z-index:101;
}

/*
a.toggle-btn img {
	width:50px;
	height:50px;
}
*/

a.toggle-btn img.on {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#top-menu {
	position: absolute;
	z-index: 101;
	background-color:#FFF;
	display: none;
	overflow: scroll;
	width:100%;
	left: 0px;
	padding-top:15px;
	padding-bottom:15px;
}

div.section_wrapper {
	text-align: center;
}

a.root-item, a.root-item:visited {
	display: inline-block;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
	font-weight: 400;
	color:#333;
	text-transform:uppercase;
}

a.root-item:hover, a.root-item:focus, a.root-item:active  {
	text-decoration:none;
}


a.parent {
	-ms-touch-action: none !important;
}

#top-menu a.selected {color:#0077ba;}

#top-menu a.root-item.revision, #top-menu a.root-item.revision.selected {
	display: inline-block;
	color:#CCC;
	font-weight: 500;
	text-indent:-9999px;
	background-position: 0% 50%;
	background-repeat: no-repeat;	
}

#top-menu.ru a.root-item.revision {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/revision.svg);
	width:84px;	
}

#top-menu.en a.root-item.revision {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/revision_en.svg);
	width:74px;
	background-size: 84px 12px;
}

/* theater */	

#top-menu a.root-item.theater, #top-menu a.root-item.theater.selected {
	display: inline-block;
	color:#CCC;
	font-weight: 500;
	text-indent:-9999px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 80px 31px;	
	width:80px;	
	height:31px;	
}

#top-menu.ru a.root-item.theater {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/theater.svg);

}

#top-menu.en a.root-item.theater {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/theater_en.svg);
}

/* community */	

#top-menu a.root-item.community, #top-menu a.root-item.community.selected {
	display: inline-block;
	color:#CCC;
	font-weight: 500;
	text-indent:-9999px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 91px 17px;	
	width:91px;	
	height:31px;	
}

#top-menu.ru a.root-item.community {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/community.svg?v=1);

}

#top-menu.en a.root-item.community {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/community_en.svg?v=1);
}

/* rink */	

#top-menu a.root-item.rink, #top-menu a.root-item.rink.selected {
	display: inline-block;
	color:#CCC;
	font-weight: 500;
	text-indent:-9999px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 52px 17px;	
	width:52px;	
	height:31px;	
}

#top-menu.ru a.root-item.rink {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/rink.svg?v=1);

}

#top-menu.en a.root-item.rink {
	background-image: url(/local/templates/bootstrap3/components/bitrix/menu/top_menu/images/rink_en.svg?v=1);
	background-size: 50px 17px;
}
	
/* menu section */	
	
.section {
	display: none;
}

div.selected .section {
	display: block;
}


.section a.item  {
	text-decoration:none;
	font-size: 14px;
	display: block;
	line-height: 18px;
	padding: 6px 0px;
	margin: 0px;
	color:#333;
	font-weight: 500;
}

.section a:hover {
}

	/* snet */	
.snet {
	position:static;
	text-align: center;
	padding-top:20px;	
}

.snet a {
	display: inline-block;
	padding-left: 5px;	
}

.snet a:first-child {
	padding-left: 0px;	
}

.snet a.lang {
	display: block;	
	padding-top:15px;
}

.snet a.photo {
	padding-right:10px;
}

.snet a.tour {
	padding-right:10px;
}

.snet a.vision {
	padding-right:10px;
}

.snet a.shop {
	padding-right:10px;
}

#search-popup {display:none;}

@media (min-width: 768px) {
	a.toggle-btn {
		display:none
	}
	#top-menu {
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-bottom: 0px;
		overflow: visible;
		height:50px;
		background-color:#FFFFFF;
		margin-top:0px;
		padding-top:0px;
		padding-bottom:0px;
		border-bottom: 1px solid #333333;
	}
	
	div.section_wrapper {
		float:left;
		padding-left: 8px;
	}
	
	div.section_wrapper:first-child {
		padding-left: 0px;
	}
	
	a.root-item, a.root-item:visited  {
		display: block;
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-decoration:none;
		color:#7e7e7e;
		line-height:20px;
	}
	
	a.root-item:hover {
		text-decoration:none; 
		color:#000; 
		transition: color 0.5s ease 0s;	
		-webkit-transition: color 0.5s ease 0s;
    	-moz-transition: color 0.5s ease 0s;
    	-o-transition: color 0.5s ease 0s;			
	}
	
	#top-menu a.selected {color:#0077ba;}
		
	/* menu section */	
		
	.section {
		display: none;
		position: absolute;
		left: 0px;
		top: 28px;
		border-top: 1px solid #333333;
		width:100%;
	}
	
	div.selected .section {
		display: block;
	}
	
	
	.section a.item  {
		text-decoration:none;
		font-size: 12px;
		display: block;
		line-height: 18px;
		float: left;
		padding-right: 12px;
		color:#333;
		padding-top: 1px;
		padding-bottom: 1px;
		text-transform:uppercase;
		font-weight: 500;
	}
	
	.section a:hover {
		text-decoration:none; 
		color:#0077ba; 
		transition: color 0.5s ease 0s;
		-webkit-transition: color 0.5s ease 0s;
    	-moz-transition: color 0.5s ease 0s;
    	-o-transition: color 0.5s ease 0s;
	}
	
	/* snet */	
	.snet {
		position:absolute;
		top:-43px;
		right:0;
		padding-top:0px;
	}
	
	.snet a.lang {
		display: inline-block;
		padding-left: 15px;	
		padding-top:0px;
	}	
	
	/*search popup*/
	input.button {
		text-transform: uppercase;
		background-color: #FFF;
		border: 1px solid #333;
		font-size:12px;
		line-height:20px;
		padding: 2px 8px;
		vertical-align:top;
		display:inline-block;
	}	
	
	input.popup-search-input {
	}

	#top-menu a.root-item.revision, #top-menu a.root-item.revision.selected {
		display: none;
	}

	#top-menu a.root-item.theater, #top-menu a.root-item.theater.selected {
		display: none;
	}

	#top-menu a.root-item.community, #top-menu a.root-item.community.selected {
		display: none;
	}			
}

@media (min-width: 992px) {
	div.section_wrapper {padding-left: 19px;}
	a.root-item, a.root-item:visited  {
		font-size: 16px;
	}	
	.section a.item  {padding-right: 18px;}	

	#top-menu a.root-item.revision, #top-menu a.root-item.revision.selected {
		display: block;
	}	

	#top-menu a.root-item.theater, #top-menu a.root-item.theater.selected {
		display: block;
	}

	#top-menu a.root-item.community, #top-menu a.root-item.community.selected {
		display: block;
	}	

}
@media (min-width: 1200px) {
	div.section_wrapper {padding-left: 40px;}
	.section a.item  {padding-right: 24px;}	
}