.sidebar {
	position   : fixed;
	top        : 0;
	bottom     : 0;
	left       : 0;
	width      : 200px;
	z-index    : 1300;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5c74a+0,f1a718+100 */
	background : #f5c74a; /* Old browsers */
	background : -moz-linear-gradient(left, #ffa900 0%, #ffc93e 100%); /* FF3.6-15 */
	background : -webkit-linear-gradient(left, #ffa900 0%, #ffc93e 100%); /* Chrome10-25,Safari5.1-6 */
	background : linear-gradient(to right, #ffa900 0%, #ffc93e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA900', endColorstr='#FFC93E', GradientType=1); /* IE6-9 */
}

.sidebar:after {
	display            : block;
	content            : '';
	position           : absolute;
	top                : 0;
	bottom             : 0;
	right              : 0;
	left               : -100px;
	z-index            : 1;
	-webkit-box-shadow : 9px 0 24px 0 rgba(154, 120, 0, 0.3);
	-moz-box-shadow    : 9px 0 24px 0 rgba(154, 120, 0, 0.3);
	box-shadow         : 9px 0 24px 0 rgba(154, 120, 0, 0.3);
}

.sidebar__container {
	position   : relative;
	height     : 100vh;
	min-height : 640px;
	padding    : 25px 30px 160px;
	box-sizing : border-box;
	z-index    : 2;
}

.sidebar__logo {
	text-align : center;
}

.sidebar__menu {
	padding-top : 30px;
	position    : relative;
	z-index     : 1;
}

.sidebar__menu ul {
	margin     : 0 -10px;
	padding    : 0;
	list-style : none;
}

.sidebar__menu ul li {
	padding-bottom : 5px;
}

.sidebar__menu a {
	display         : block;
	font            : 600 14px/14px 'San Francisco';
	color           : #000000;
	text-decoration : none;
	text-transform  : uppercase;
	/*letter-spacing  : 0.05em;*/
	padding         : 8px 10px;
	border-radius   : 3px;
	transition      : .3s background-color ease;
}

.sidebar__menu a:hover {
	background-color : rgba(255, 255, 255, .3);
}

.sidebar__menu .sidebar__menu--current a {
	background-color : #ffffff;
}

.sidebar__bottom-menu {
	/*position : absolute;*/
	bottom   : 25px;
	right    : 0;
	left     : 25px;
	z-index  : 1;
}

.sidebar__bottom-menu ul {
	margin     : 0;
	padding    : 0;
	list-style : none;
}

.sidebar__bottom-menu li {
	padding-top : 10px;
}

.sidebar__bottom-menu a {
	font            : 400 14px/14px 'San Francisco';
	color           : #000000;
	text-decoration : underline;
}

.sidebar__bottom-menu a:hover, .sidebar__bottom-menu--current a {
	text-decoration : none;
	color           : #ffffff;
}
.sidebar__social{
	padding-top: 30px;
}
.social__link {
	width   : 25px;
	height  : 25px;
	display : inline-block;
}

.social__link_vk {
	background      : url("/packages/mega45-core/images/vk.svg") no-repeat;
	background-size : 25px 25px;
	margin-right    : 8px;
}

.social__link_vk:hover {
	background      : url("/packages/mega45-core/images/vk-hover.svg") no-repeat;
	background-size : 25px 25px;
}

.social__link_inst {
	background      : url("/packages/mega45-core/images/inst.svg") no-repeat;
	background-size : 25px 25px;
}

.social__link_inst:hover {
	background      : url("/packages/mega45-core/images/inst-hover.svg") no-repeat;
	background-size : 25px 25px;
}

/*a.sidebar__bottom-vk-link:hover {*/
	/*background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAAGXLeQ2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDEwNUVGNjU5NzRCMTFFNUI2NDNDNjA2OUM1MzAzMTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDEwNUVGNjY5NzRCMTFFNUI2NDNDNjA2OUM1MzAzMTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTA1RUY2Mzk3NEIxMUU1QjY0M0M2MDY5QzUzMDMxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTA1RUY2NDk3NEIxMUU1QjY0M0M2MDY5QzUzMDMxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkilmyEAAAGqSURBVHjaYvz//z8DEIAJJjBjAyMDjAMHAAHECFT2G0izAHE5w38QeHMJTEE46yEUQAAhK0MBTHBBkOm/vzIwPN4NkQHqqPiPBQAEEEiiEk3sF0ic8T/UyWjgF8LBby8zwHwBBGxMDLgA3GSQ+++sgXNx2VEGEEDYXIUPlGKahHAYBAT8xwgp3EB5AoYQC1aFumuAHudjYDjrxsAgoMXAIOuKNS6JAeCAZQXiKiD+jUfhb3DiYGBgBwggUCixAfENAqFzHYhZcYU1VsDEQAJAVXyiABL2MPziOBEmwyLnwUoiFMNi1mICkSZL5GMkB+yKQQn63V4iQ+OwHjDqZRgYvL8woGdh2oUzOxDfJKDuBigzAgQYLG3s+k9dsBNkLsiPt4C2qDJQH1zDH4A3FjAwfLiAKc6tyMAg5cTAIKxLQYCDDH4xEYJBBoraArPlOwaGuwWQ6D7bhFc7C9GehLn092dgglsMEROzpJLhIJeig6dbUcom8tOh7SVIngJhUOEHAqDguruWRi4XigUWx8E4tZCU3UgFoGC5RSOzr4EMByXW3VQ2eBcQGwIAcqmGZtdJqNQAAAAASUVORK5CYII=');*/
/*}*/

.sidebar__close {
	z-index         : 99999;
	display         : none;
	text-decoration : none;
	position        : fixed;
	top             : 20px;
	left            : 220px;
	font-size       : 28px;
	color           : #7a3035;
}

.sidebar__close-fixed {
	display : none;
}

@media (max-width : 768px) {

	.body--sidebar .sidebar__close-fixed {
		display  : block;
		position : fixed;
		top      : 0;
		right    : 0;
		bottom   : 0;
		left     : 0;
		z-index  : 101;
	}

	body {
		padding-left : 0;
	}

	.sidebar {
		position   : fixed;
		left       : -250px;
		top        : 0;
		bottom     : 0;
		transition : .3s left ease;
		/*height     : 100vh;*/
		/*overflow-x : visible;*/
		overflow   : auto;
	}

	.sidebar:after, .sidebar:before {
		display : none;
	}

	.body--sidebar {
		overflow : hidden;
	}

	.body--sidebar .sidebar {
		left : 0;
	}

	.body--sidebar .sidebar__close {
		display : block;
	}

	body:before {
		display : none;
		opacity : 0;
	}

	.body--sidebar:before {
		display    : block;
		content    : '';
		position   : fixed;
		background : rgba(255, 255, 255, .5);
		top        : 0;
		right      : 0;
		bottom     : 0;
		left       : 0;
		z-index    : 100;
		opacity    : 1;
		transition : .3s opacity ease;
	}

	.sidebar__menu {
		padding-top : 15px;
	}

	.sidebar__menu a {
		font-weight : 400;
		padding     : 6px 5px;
	}

	.sidebar__bottom-menu {
		bottom : 15px;
	}

	.sidebar__bottom-menu li {
		padding-top : 5px;
	}

	.sidebar__bottom-vk {
		padding-top : 15px;
	}

}