@import 'variable.less';
@import 'https://fonts.googleapis.com/css?family=Raleway:400,500,700';
@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese';

// GENERAL //

* {
	font-family: 'Raleway','Noto Sans', sans-serif;
	font-size: 1em;
	line-height: 1.75;
	letter-spacing: 1px; 
}

a, a:hover {
	text-decoration: none;
}

p {
	span {
		color: @m-pink;
	}
}

body {
	background-image: url('../img/main-bg.jpg');
	background-size: cover;
	
}

wrapper {
	width: 100%;
	display: block;
	overflow: hidden;
}

header {
	display: block;
	width: 100%;
	height: 80px;
	background-color: @main-blue;
	position: fixed;
	z-index: 999;

	.logo-block {
		display: inline-block;
		background-color: #003366;

		img {
			box-sizing: border-box;
			height: 80px;
			padding: 15px 30px;
		}
	}

	.menu-block {
		display: inline-block;

		ul {
			list-style: none;
			display: block;
			padding: 0;
		}

		li {
			list-style: none;
			display: inline-table;
			height: 80px;
			box-sizing: border-box;
			vertical-align: middle;
			text-align: center;
			border-right: 1px solid rgba(0, 0, 0, 0.15);
			margin-left: -5px; 
			
			&:nth-child(1) {
				border-left: 1px solid rgba(0, 0, 0, 0.15);
			}

			&:hover {
				background-color: rgba(255, 255, 255, 0.05)
			}
		}

		a {
			display: table-cell;
			padding: 20px;
			line-height: 1;
			vertical-align: middle;
			color: @txt-sub;
		}
	}

	.user-block {
		text-align: right;
		height: 80px;
		float: right;
		position: relative;
		display: inline-table;

		.lang_container {
			display: table-cell;
			width: 60px;
			vertical-align: middle;
			text-align: center;
			border-right: 1px solid rgba(255, 255, 255, 0.15);

			.lang {
				margin-right: 10px;
				color: @txt-sub;
			}
		}

		.user_container {
			display: table-cell;
			width: 80px;
			vertical-align: middle;
			box-sizing: border-box;
			text-align: center;
			background-color: @m-green;

			img {
				width: 25px
			}
		}
	}
}