.main-header {
	background-color:rgba(0,0,0,0.33);
	position:fixed;
	padding-bottom:5px;
	top:0;
	z-index:1;
	width:100%;
	// max-height: 110px;
}

.main-header .logo {	
	// display:inline-block;
	float: left;	
	padding:0;	
	margin:0;
	padding-top: 10px;
}

.main-nav {
	float: right;
	text-align:center;
	padding-bottom:10px;
}

.main-nav i {
	color: white;
	font-size: 42px;
	margin: 15px auto;
}

.main-nav ul {
	list-style:none;
	margin:0;
	padding-top:15px;
	padding-left:0;
	}

.main-nav li {
	display:inline-block;
	margin:0;
}

.main-nav li a {
	display:block;
	background-color:#352121;
	width:140px;
	height:85px;
	color:#fff;
	padding-top:5px;
	}

.main-nav li a:hover, .main-nav li a:focus {
	text-decoration:none;
	//background-color:#aacc44;
	}

.main-nav li a img {
	max-width: 130px;
}

.main-nav h4 {
	font-size:16px;
	text-transform:uppercase;
}

.main-nav .mobile-nav {
	top: 98px;
	padding-top: 9px;
}

.mobile-menu {
	max-height: 70px;
}

.mobile-menu:hover ul,
.mobile-menu ul.showMenu {
	-webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.mobile-menu ul.hideMenu {
	-webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.mobile-menu ul {
	float: right;
	transition: transform 0.3s linear;
	-webkit-transform-origin: top;
    transform-origin: top;
  	-webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.mobile-nav li {
	display: block;
	margin-top: 6px;
}

.navbar-row {	
	justify-content: space-between;
}

.navbar-lang {
	justify-content: flex-end;
}

.lang-icon {
	height: 28px;
	margin-right: 3px;
	cursor: pointer;
}

.lang-text {
	color: #E0E0E0;
	margin-right: 20px;
	margin-top: 3px;
	font-size: 15px;
}


@media (max-width: 768px) {	
	.main-nav li a {
		width: 120px;
		height: 70px;
	}

	.main-nav li a img {
		max-width: 110px;
	}

	.main-nav i {
		margin: 8px auto;
	}	

	.mobile-nav {
		top: 88px;
	}
}