html, body {
	margin: 0 auto;
	height: 100%;
}

.wrapper {
	width: 100%;
	height: 100%;
}

.logo {
	min-height: 50px;
	font-size: 20pt;
	color: white;
	margin: 30px 10px;
	background: url('../img/logo.png') no-repeat center;
	background-size: contain;
	margin-top: 80px;
}
.menu_container {
	width: 190px;
	min-width: 190px;
	height: 100%;
	position: absolute;
	text-align: right;
	background: rgba(0,0,0,0.8);
	display: table-cell;
	vertical-align: top;
	right: 0;
	top: 0;
	border-left: 1px dotted #2B2B2B;
}
.menu_contact {
	font-weight: normal;
	padding-top: 50px;
	margin-right: 20px;
	position: relative;
	font-size: 14px;
}
.menu_contact a,
.menu_contact a:hover {
	color: #DEDEDE;
	text-decoration: none;
	text-transform: uppercase;
}

.menu_container > div:first-child { 
	margin-top: 30px;
}
.menu_container .menu a {
	display: table;
   width: calc(100% - 40px);
	text-decoration: none;
	padding: 8px 20px;
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	font-family: Arial;
}
.menu_container .menu a > span {
	display: table-cell;
}
.menu_container .menu .menu-number {
	width: 10px;
}
.menu_container .menu-text {
	width: 0;
	padding-right: 7px;
	/*opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;*/
}
.menu_container a:hover {
	color: white;
}
.menu_container a:hover .menu-text {
	opacity: 1;
	width: 0;
}

.language {
	padding-right: 15px;
 	position: relative;
}

.language > a {
	padding: 0;
	width: 28px;
	height: 20px;
	background: url("../img/flags.png") no-repeat center;
	display: inline-block;
}
.language .sl { background-position: 0 -20px; }
.language .ru { background-position: -28px -20px; }
.language .de { background-position: -56px -20px; }
.language .it { background-position: -84px -20px; }
.language .en { background-position: -112px -20px; }

.language .sl.active, .language .sl:hover { background-position: 0 0px; }
.language .ru.active, .language .ru:hover { background-position: -28px 0px; }
.language .de.active, .language .de:hover { background-position: -56px 0px; }
.language .it.active, .language .it:hover { background-position: -84px 0px; }
.language .en.active, .language .en:hover { background-position: -112px 0px; }

.home_icon {
	width: 40px;
	height: 40px;
	background: url("../img/home_icon_sml.png") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 20px;
	right: 20px;
}