/*  Table of Contents 

HEADER ELEMENTS STYLES:
	USER LINKS STYLE
	SOCIAL LINKS STYLE
	LANGUAGE SELECTOR
	LOGO STYLE
	ADVERTISEMENT BANNER STYLE
	MAIN MENU STYLE

*/

/*********************
HEADER ELEMENTS STYLES
*********************/

.header-top-wrapper {
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}

.green-header{
	background-color:#98B709;
	border-bottom: 1px solid #e6e6e6;
}

.orange-header{
	background-color:#C89B00;
	border-bottom: 1px solid #e6e6e6;
}

.red-header{
	background-color:#C30101;
	border-bottom: 1px solid #e6e6e6;
}

.blue-header{
	background-color:#0C87DD;
	border-bottom: 1px solid #e6e6e6;
}

.grey-header{
	background-color:#5C5A5A;
	border-bottom: 1px solid #e6e6e6;
}

.violet-header{
	background-color:#C101C3;
	border-bottom: 1px solid #e6e6e6;
}

.green-name:hover{
	 background-color: #85A008;
	 border-radius: 3px;
}

.red-name:hover{
	background-color:rgba(167,15,15,0.92);
	border-radius: 3px;
}

.grey-name:hover{
	background-color: rgba(74,72,72,0.91);
	border-radius: 3px;
}

.orange-name:hover{
	background-color: rgba(241,154,5,0.96);
	border-radius: 3px;
}

.blue-name:hover{
	background-color:rgba(24,82,230,0.97);
	border-radius: 3px;
}

.violet-name:hover{
	background-color: rgba(150,11,249,0.97);
	border-radius: 3px;
}

.green-counter{
color: #98B709;
}

.red-counter{
color: #C30101;
}

.violet-counter{
color: #C101C3;
}

.grey-counter{
color: #5C5A5A;
}

.orange-counter{
color:#C89B00;
}

.blue-counter{
color:#0C87DD;
}

.header-top-right {
	text-align: right;
}

.header-wrapper {
	background: url(../images/background.png);
}

/* USER LINKS STYLE */

.user-links {
	font-family: "Titillium Web";
}

	.user-links .login {
		position: relative;
		display: inline-block;
	}

		.user-links .login a.login-link {
            cursor: pointer;
			display: block;
			background: url(../images/link-arrow.png) no-repeat 20px center;
			padding: 8px 15px 12px 30px;
			border-left: 1px solid #e6e6e6;
		}

		.user-links .login .login-form {
			position: absolute;
			display: none;
			background: url(../images/login-form-background.png) no-repeat left top #ffffff;
			width: 180px;
			padding: 25px 20px 20px;
			border: 1px solid #e6e6e6;
			box-shadow: 0 0 3px #bababa;
			z-index: 50;
		}

			.user-links .login .login-form input.text-input-grey {
				height: 30px;
				margin-bottom: 20px;
			}

			.user-links .login .login-form .password-restore {
				display: inline-block;
				width: 30%;
				line-height: 15px;
				background: url(../images/link-arrow.png) no-repeat 5px 5px;
				padding-left: 15px;
			}

			.user-links .login .login-form .button-2-colorful {
				float: right;
				width: 45%;
			}

	.user-links .register {
		position: relative;
		display: inline-block;
	}

		.user-links a.register-link {
			display: block;
			background: url(../images/link-arrow.png) no-repeat 20px center;
			padding: 8px 17px 12px 30px;
			border-left: 1px solid #e6e6e6;
			border-right: 1px solid #e6e6e6;
		}

		.user-links .register .register-form {
			position: absolute;
			display: none;
			background: url(../images/register-form-background.png) no-repeat left top #ffffff;
			width: 180px;
			padding: 25px 20px 20px;
			border: 1px solid #e6e6e6;
			box-shadow: 0 0 3px #bababa;
			z-index: 50;
		}

			.user-links .register .register-form input.text-input-grey {
				height: 30px;
				margin-bottom: 20px;
			}

			.user-links .register .register-form .fields-required {
				display: inline-block;
				width: 45%;
				line-height: 15px;
			}

			.user-links .register .register-form .button-2-colorful {
				float: right;
				width: 45%;
			}

/* SOCIAL LINKS STYLE */

.social-links {
	display: inline-block;
	line-height: 25px;
	padding: 0 15px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

	.social-links a {
		display: inline-block;
		margin: 6px 3px 0;
	}

/* LANGUAGE SELECTOR STYLE */

.languages {
	display: inline-block;
	float: right;
	vertical-align: top;
	font-family: "Titillium Web";
	line-height: 38px;
}

	.languages a {
		display: inline-block;
		width: 40px;
		text-align: center;
		border-right: 1px solid #E6E6E6;
	}

/* LOGO STYLE */

.logo img {
    display: block;
	max-width: 100%;
	height: 96px;
    padding:5px 0px 5px 0px;
	/*display:block;
	max-width: 150%;
	height: 140px;
	margin: -10px 0 -20px -55px;*/
}

/* ADVERTISEMENT BANNER STYLE */

.adverisement a {
	display: block;
}

	.adverisement a img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 20px auto;
	}

/* MAIN MENU STYLE */

/* First level links */
.main-menu ul {
	display: table;
	padding: 25px 0 0;
	margin: 0;
	text-align: center;
	background-color: transparent;
}

	.main-menu ul li {
		display: inline-block;
		float: left;
		position: relative;
		list-style: none;
        cursor: default;
	}

		.main-menu ul li a {
			display: block;
			line-height: 18px;
			font-family: "Patua One";
			padding: 25px 27px 25px;
			border-right: 1px solid #e6e6e6;
		}

		.main-menu ul li a:hover {
			background-color: transparent;
			background-image: none;
		}

		.main-menu ul li.first a {
			border-left: 1px solid #e6e6e6;
		}

	.main-menu ul li.active {
		position: relative;
		padding-bottom: 0px;
		/*padding-bottom: 29px;
		background: url(../images/menu-hover.png) no-repeat center bottom;
		background-size: 100% 5px;
		border-top: none;*/
	}

		.main-menu ul li.active a,
		.main-menu ul li.active a:hover {
			background-color: transparent;
		}

			.main-menu ul li.active ul li a:hover {
				background-color: #343434;
			}

	.main-menu ul li.neighbour-left {
		border-right: none;
		background-color: transparent;
	}

		.main-menu ul li.neighbour-left a,
		.main-menu ul li.neighbour-left div {
			border-bottom-right-radius: 3px;
		}

	.main-menu ul li.neighbour-right {
		background-color: transparent;
	}

		.main-menu ul li.neighbour-right a,
		.main-menu ul li.neighbour-right div {
			border-bottom-left-radius: 3px;
		}

	.main-menu ul li.empty {
		border: none;
	}

		.main-menu ul li.empty div {
			display: block;
			height: 62px;
			padding: 3px;
		}

		/* Second level links */
		.main-menu ul li ul {
			position: absolute;
			width: 200px;
/*			top: 73px;*/
            top: 60px;
			z-index: 20;
		}

			.main-menu ul li ul li {
				width: 100%;
				background-color: #343434;
				border-right: none;
			}

			.main-menu ul li ul li.first {
				border-left: none;
			}

				.main-menu ul li ul li a,
				.main-menu ul li.active ul li a,
				.main-menu ul li.neighbour-left ul li a,
				.main-menu ul li.neighbour-right ul li a {
					width: 100%;
					font-family: "Titillium Web";
					background-color: #343434;
					text-align: left;
					padding: 19px 20px;
					border-right: none;
					border-left: none;
					border-top: 1px solid #5C5A5A;
					border-bottom: 1px solid #272727;
				}

				.main-menu ul li ul li.first a {
					border-top: none;
					border-left: none;
				}

				.main-menu ul li ul li.last a {
					border-bottom: none;
					border-left: none;
				}

				.main-menu ul li ul li a:hover {
					background-image: none;
					background-color: #343434;
					color: #ffffff;
				}

/* MOBILE MAIN MENU */
.main-menu {
	text-align: center;
}

	.main-menu select.mnav {
		width: 100%;
		padding: 10px;
		margin: 10px 0;
	}