/* CSS Document */
* {
	border-collapse: collapse;
}
body {
	background-image:url(../images/tlo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size:cover;
	margin: 0;
	bodrer: 0;
	padding: 0;
}
@media (max-width: 1920px) {
	body {
		background-size:1920px 1200px;
	}
}
.roboto-prof {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.container {
	width:1200px;
	margin:0 auto;
	z-index:0;
}
.header {
	height:275px;
	position:relative;
}
.portrait {
	width:218px;
	height:250px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:99;
}
.portrait img {	
	width:218px;
	height:250px;
}
.title-box {
	width:1100px;
	height:auto;
	position:absolute;
	right:0px;
	bottom:0px;	
	
}
.title {
	padding-left: 142px;
	font-size:32px;
	color:#003767;
}
.name-box {
	background-color:#003767;
	height:118px;
	display:flex;
	 align-items: flex-end;
}
.name {
	padding-left:140px;
	padding-right:10px;
	font-size:60px;
	color:#ffffff;
	line-height:60px;
}
.flags a {
	padding:4px;
	display:inline-block;
}
.flags a img {
	border-color:rgba(255,255,255,0.50);
	border-style:solid;
	border-width:1px;
}
.body {
	min-height:300px;
	margin-bottom:50px;
	background-color:rgba(255,255,255,1.00);
	display:flex;
	justify-content: flex-start;
	
	-webkit-box-shadow: 20px 0px 0px -10px rgba(179, 179, 179, 1.00);
	-moz-box-shadow: 20px 0px 0px -10px rgba(179, 179, 179, 1.00);
	box-shadow: 20px 0px 0px -10px rgba(179, 179, 179, 1.00);
}
.menu {	
	display:block;
	width:190px;
	min-width:190px;	
	padding:25px;
}
.menu-item {
	display:block;
	width:100%;
	margin:0px;
	border:0px;
	padding:15px 0px;
	color:#003767;
	text-transform: uppercase;
	font-size:18px;
	font-weight:900;
	text-decoration:none;
	line-height:25px;
	position:relative;
}
a.menu-item:hover {
	color:#005b95;
}
.icon-pdf {
	border:1px solid rgba(162,162,162,1.00);
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	width:auto;
}
.icon-pdf:hover {
	background-color:rgba(0,55,103,0.05);
}
.icon-pdf::after {
  	content: url("../images/pdf_ico.svg");;
  	position:absolute;
  	right:5px;
  	top:5px;  	
 	height:25px;
  /* properties */
}
.line-top {
	border-top: 1px #cecece solid;
}
.content {
	flex-grow: 4;
	padding-right:120px;
	padding-left:0px;
	color:#2a2a28;
	font-size:21px;
	line-height:28px;
}
.mobile-menu-container {
	display:none;
	z-index:99999;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(32, 32, 32, 0.2);
	-moz-box-shadow: 0px 6px 6px 0px rgba(32, 32, 32, 0.2);
	box-shadow: 0px 6px 6px 0px rgba(32, 32, 32, 0.2);
}
.mobile-menu-button {
	background-color:rgba(245,245,245,1.00);
	font-size:0;
	text-align:right;
	padding-right:5px;
}
.mobile-menu-button img {
	width:50px;
	height:50px;
}
.mobile-menu {
	background-color:rgba(245,245,245,1.00);
	padding:10px;
}
@media (max-width: 1200px) {
	.container {
		width:100%;
		margin:0 auto;
	}
	.title-box {
    	width: calc(100% - 100px);		
	}
}
@media (max-width: 900px) {
	.mobile-menu-container {
		display:block;
		position:fixed;
		width:100%;
	}
	.container {
		width:100%;
		margin:0 auto;
		padding-top:50px;
	}
	.title-box {
    	width: calc(100% - 100px);		
	}
	.menu {
		display:none;
	}
	.content {
		padding-right:20px;
		padding-left:20px;
	}
}
@media (max-width: 570px) {
	.header {
    	height: 140px;
	}
	.portrait {
		width:109px;
		height:125px;
		position:absolute;
		left:0px;
		bottom:0px;
		z-index:99;
	}
	.portrait img {	
		width:109px;
		height:125px;
	}
	.title-box {
    	width: calc(100% - 50px);		
	}
	.title {
		padding-left:71px;
		font-size:20px;
	}
	.name-box {
		height:59px;
	}
	.name {
		padding-left:70px;
		padding-right:10px;
		font-size:30px;
		line-height:30px;
	}	
	.flags a img {
		height:15px;
	}
	.flags a {
		padding:1px;
	}
}