@charset "utf-8";
/* CSS Document */

.main_menu {
	width: 100%;
    height: 100px;
    background-color: #7A8802;
    background-image: url(../img/header_bg.png);
    background-size: auto;
    background-position-y: -52px;
    background-repeat: repeat-x;
    text-align: center;
    display: block;
	overflow:hidden;
}

.main_menu_hidden {
	display:none;
}

.logo {
	width: auto;
    height: 100px;
    padding: 0 30px 0 0;
    border: none;
    vertical-align: top;
}

.logo_no-handover {
	background: rgba(255, 255, 255, 0.0) !important;
}

h1 {
	font-weight:normal;
}

h2 {
	font-weight:normal;
	padding:0;
	margin:0;
}

.main_menu ul, .fixed_menu_hidden ul, .fixed_menu_visible ul {
	list-style: none;
	padding:0;
	width:100%;
	margin: 0;
}

.main_menu ul li, .fixed_menu_hidden ul li, .fixed_menu_visible ul li {
	display:inline-block;
	font-family: 'Exo', sans-serif;
    text-transform: capitalize;
	position:relative;
}

.main_menu ul li a {
	background: rgba(255, 255, 255, 0.0);
	padding: 0px 0.8em;
    line-height: 166px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
	width:auto;
	display:block;
	text-shadow: 0px 0px 0px #000000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.main_menu ul li a:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	text-shadow: 0px 0px 6px #000000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.main_menu_placeholder_hidden {
	display:none;
}

.main_menu_placeholder_visible {
	width:100%;
	height:110px; /* SAME HEIGHT AS .main_menu */
	background-color:#fff;
	text-align:center;
}

/* SUBMENU */

.submenu_hidden {
	position:absolute;
	top:110px;
	left:-5px;
	height:1px;
	width:inherit;
	padding:8px 0;
	text-align:left;
	border-bottom: 3px #336699 solid;
	overflow:hidden;
	background-color:transparent;
	visibility:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
	z-index:50;
}

.submenu_visible {
	position:absolute;
	top:110px;
	left:0;
	width:inherit;
	padding:8px 0;
	text-align:left;
	border-bottom: 3px #336699 solid;
	overflow:hidden;
	background-color:#ffffff;
	visibility:visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	z-index:50;
}

.aboutus_submenu {
	height:calc(24px * 3 + 18px); /* (space * Nr. of fubmenu items + 21px) */
}

.services_submenu {
	height:calc(24px * 10 + 25px); /* (space * Nr. of fubmenu items + 21px) */
}

.fixed_menu .submenu_visible, .fixed_menu .submenu_hidden {
	top: 50px;
}

.submenu_visible ul li a, .submenu_hidden ul li a, .fixed_menu .submenu_visible ul li a, .fixed_menu .submenu_hidden ul li a {
	background-color:transparent;
	line-height:25px;
	padding: 0 8px;
	display:block;
	text-decoration: none;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: #666666;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
	text-shadow:none;
}

.submenu_visible ul li a:hover, .submenu_hidden ul li a:hover, .fixed_menu .submenu_visible ul li a:hover, .fixed_menu .submenu_hidden ul li a:hover {
	background: rgba(000, 000, 000, 0.05);
	line-height: 25px;
	text-decoration: none;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: #660000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
	text-shadow:none;
}

.subitem {
	display:inline-block;
	width:100%;
}

/* LANGUAGE SELECTOR STYLES */

.language_selector {
	background: rgba(255, 255, 255, 0.1);
	width:40px;
	height:110px;
	padding: 0;
	border:none;
	vertical-align:top;
	margin-left:20px;
}

.language_selector .language a, language_selector_horizontal .language a {
	background: transparent;
	padding: 20px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:auto;
	display:block;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.language_selector .language a:hover {
	background: transparent;
	padding: 20px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:auto;
	display:block;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.language_selector .separator {
	background: rgba(255, 255, 255, 0.5);
	height:1px;
	width:80%;
	margin:0 auto;
}

/* HORIZONTAL LANGUAGE SELECTOR STYLES */

.fixed_menu .language_selector_horizontal {
	background: rgba(255, 255, 255, 0.1);
	width:101px;
	height:50px;
	padding: 0;
	border:none;
	vertical-align:top;
	margin-left:10px;
	overflow:hidden;
}

.fixed_menu .language_selector_horizontal .language a {
	background: transparent;
	padding: 20px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:50px;
	display:block;
	float:left;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.fixed_menu .language_selector_horizontal .language a:hover {
	background: transparent;
	padding: 20px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:50px;
	display:block;
	float:left;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.fixed_menu .language_selector_horizontal .separator {
	background: rgba(255, 255, 255, 0.5);
    height: 40px;
    width: 1px;
    margin: 5px 0;
    float: left;
}

/* MOBILE HORIZONTAL LANGUAGE SELECTOR STYLES */

.mobile-menu-bar .language_selector_horizontal {
	background: rgba(255, 255, 255, 0.1);
	width:121px;
	height:60px;
	padding: 0;
	border:none;
	vertical-align:top;
	margin-left:10px;
	overflow:hidden;
}

.mobile-menu-bar .language_selector_horizontal .language a {
	background: transparent;
	padding: 23px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:60px;
	display:block;
	float:left;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
	cursor:pointer;
}

.mobile-menu-bar .language_selector_horizontal .language a:hover {
	background: transparent;
	padding: 23px 0px;
	line-height: 14px;
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	width:60px;
	display:block;
	float:left;
	text-shadow: 0px 0px 0px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.mobile-menu-bar .language_selector_horizontal .separator {
	background: rgba(255, 255, 255, 0.5);
    height: 44px;
    width: 1px;
    margin: 8px 0;
    float: left;
}

/* FIXED MENU STYLES */

.fixed_menu_hidden {
	width:100%;
	height:50px;
	position:fixed;
	top:-50px;
	background-color:#336699;
	text-align:center;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
	box-shadow: 0 2px 5px rgba(0,0,0,0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	z-index:999;
}

.fixed_menu_visible {
	width:100%;
	height:50px;
	position:fixed;
	top:0;
	background-color:#336699;
    background-image: url(../img/header_bg.png);
    background-size: auto;
    background-position-y: -52px;
    background-repeat: repeat-x;
	text-align:center;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index:999;
}

.fixed_menu_hidden ul li a, .fixed_menu_visible ul li a {
	background: rgba(255, 255, 255, 0.0);
	padding: 0px 0.8em;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	font-weight:normal;
	width:auto;
	display:block;
	text-shadow: 0px 0px 0px #000000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.fixed_menu_hidden ul li a:hover, .fixed_menu_visible ul li a:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	text-shadow: 0px 0px 6px #000000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

/*  MOBILE MENU */

.mobile-menu-bar {
	position:relative;
	width:100%;
	height:60px;
	background-color:#7A8802;
	text-align:center;
	display:none;
}