@charset "utf-8";
/* CSS Document */

.postpage article  .map-in-article {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		float:none;
		max-width:761px;
		margin-top:20px;		
	}
.postpage .views-element-container header {
    background-color: #dce2f1;
    padding: 10px;
    color: #000000;
    width:103%;
    margin-bottom:20px;
}	
.postpage article > .map-in-article iframe {		
		text-align:center;
		width:100%;
	}
.page.postpage article.post .lead-text {
		font-weight:bold;
		padding:18px 0px 0px 0px;
}
.postpage article.post .videoWrapper {
		margin:20px 0px 0px 0px;
}
.postpage article.post figure {
	 padding:20px 0px 0px 0px;	
}

.postpage article.post .body-text > p{		
		margin:18px 0px 0px 0px;		
}
.postpage article.post .body-text img{		
		text-align:center;
		margin:0px auto;
		width:auto;
		display:block;	
		margin-top:20px;
		margin-bottom:20px;	
}

.postpage article.post header .media-info {
    display: inline-block;
    vertical-align: top;  
}
.postpage .page-in-layer header{
	color: #000000;
	display: inline-block;
}	

.postpage .share > iframe {
	display:inline-block;
	vertical-align:top;	
	cursor:pointer;
	
}
.postpage .share > #___plus_0 {
	max-width:80px;
	
}

.postpage .print-button {	
	display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #1995df;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 7px;    
    border-radius: 0px;
    line-height:26px;
    margin-top:4px;
    padding-top:2px;
}
.postpage .print-button > i
{
	margin-top:3px;
	margin-left:1px;	
	font-size:20px;
}
.postpage #viber_share
{
		display: inline-block;
		background-image:url(../images/logo_icon_white_small.png);
		background-position: center center;
		background-repeat:no-repeat;
		background-size:80% 80%;
		background-color:#857ddb;
		width: 32px;
    	height: 32px;
        border-radius: 0px;
        line-height:32px;
        margin-top:-3px;
        vertical-align:middle;
        text-align: center;
}
.postpage.page-in-layer .share {
	margin-top:0px;
	display:block;
	line-height:29px;
	min-height:42px;
	position:relative;	
	vertical-align:bottom;
	text-align:right;
	margin-right:0px;
	padding-right:26px;	
	padding-top:3px;
	background-color:#dce2f1;	
	right:0px;
	width:104%;
}
.postpage.page-in-layer article.post footer {
     margin-top: 0px; 
}

.postpage .external_map {
	max-width: 100%;
	width: 100%;
	height: 400px;
	margin-top: 20px;
}

.postpage #juicebox-parent {
	margin-top:1vh;
}


@media (min-width: 320px) 
{
	.page .region.large-image{
		display:none;
	}
	.page .page-in-layer .breadcrumb{		
		border-bottom:1px solid #dfdfdf;
		font-size:14px;
		line-height:125%;
		padding-top:5px;
		padding-bottom:5px;
	}
	.page .page-in-layer .post header {
	    margin-top:10px;
	    margin-bottom:10px;
	
	}
	.page .page-in-layer .post header h1 {
	    font-size: 25px;
	    text-transform: uppercase;	   
	    font-weight: 400;
	    line-height: 125%;
	    letter-spacing: -1.4px;
	    color: #000000;
	    display: inline;
	}	
	
	.page article.post header h1{
	    margin-top: 0px;
	    margin-bottom: 0px;
	    font-size:25px;	
		text-transform:uppercase;
		padding:0px;		
		font-weight:400;
		line-height:125%;
		letter-spacing:0px;
		color:#000000;
		display:inline;
		margin-top: 0px;
	    margin-bottom: 0px;	
	    word-break:normal;
	    white-space: normal;
	    overflow-wrap: break-word;	    
	}	
	.page article.post.job-offer header h1{
	   font-size:21px;	    
	}	
	.page article.post > header{	
		background-color: #dce2f1;
	    padding: 10px;	    
		color:#000000;
		margin-top:9px;
	}
	.postpage .aside-left article > .content {
	 	   padding: 0px 0px 30px 0px;	 	   
	}
	.postpage .aside-left #news-page-en article > .content {
	 	   padding: 0px 0px 10px 0px;	 	   
	}
	.postpage footer {
		position:relative;
		border-bottom:1px solid #dfdfdf;
		margin-bottom:0px;	
		line-height:25px;
	}
	.postpage .share > iframe.gplus {
		display: inline-block;
	    vertical-align: top;
	    cursor: pointer;
	    margin-top: -8px;
	    height: 35px !important;
	    margin-right: -6px;
	    margin-left: -7px; 	
	    width:80px !important;
	}
	
}
@media (min-width: 768px) 
{	
	.postpage .share > iframe.gplus {
		display: inline-block;
	    vertical-align: top;
	    cursor: pointer;
	    /*margin-top: -8px;*/
	    height: 35px !important;
	    margin-right: -15px;
	    /*margin-left: -7px;*/ 	
	    width:80px !important;
	}
	
	
	.postpage.page-in-layer .breadcrumb{
		border-top:none;
		border-bottom:none;
		line-height:125%;	
		margin-bottom: 0px;
    	margin: 0px;	
	}
	.page article.post.job-offer header h1{
	   font-size:26px;	    
	}		
	.postpage .region.large-image {
    	display: block;
	}
	.postpage.page-in-layer .breadcrumb li{	
		background-color:#0c2a5e;
		color:#ffffff;
		padding:2px 4px;
		margin-bottom:5px;		
	}
	.postpage.page-in-layer .breadcrumb  > ul > li::after {    
    	color:#fff;
	}
	.postpage.page-in-layer .container-wrapper {
		margin-right: auto;   		
 	   	margin-left:auto;	   
		padding:20px 10px;
		margin-top:0px;
		display:block;
	}
	
	.postpage.page-in-layer article.post > header {	
		background-color:rgba(0,0,0,0.5);
		color:#ffffff;
		display:inline-block;		
	}
	.postpage.page-in-layer article.post > header h1
	{
		color:#ffffff;
		display:inline;
	}
	.postpage.page-in-layer div.region:last-child{
		width:100%; 
		position:relative; 
		padding-top:44%;
	}
	.page .region.large-image {
		position:fixed;
		top:93px;
		left:0px;
		right:0px;
		bottom:0px;
		padding-top:0px;
	}
	.postpage .external_map {
		max-width: 90%;
		margin-left:auto;
		margin-right:auto;
		display:inherit;		
	}
}
@media (min-width: 991px) {
	.page .post > header {
			width:104%;
		}
}
@media (min-width: 1024px) 
{
	.page.page-in-layer .post > header {
		width:104%;
	}
	.page article.post header h1{	
	    font-size:42px;	
	}
	.page article.post.job-offer header h1  {
		font-size:33px;
	}
	.page article.post footer {
		margin-top:-41px;		
		border-bottom:none;
		width:auto;
		max-width:357px;	
		white-space:nowrap;		
		overflow:hidden;	
	}
	.page article.post footer .location{
		text-overflow:ellipsis;
		text-decoration:none;
		white-space:nowrap;	
		overflow:hidden;
		max-width:193px;
	}
	.postpage.page-in-layer div.region:last-child{
		width:100%; 
		position:relative; 
		padding-top:60vh;
	}	
	.postpage footer {
		position:relative;
		border-bottom:1px solid #dfdfdf;
		margin-bottom:0px;	
		line-height:35px;
	}
	.postpage .external_map {
		max-width: 100%;
		margin-left:auto;
		margin-right:auto;
		display:inherit;		
	}	
	
}
@media (min-width: 1200px) 
{
	.page article.post footer {
			margin-top:-42px;		
			border-bottom:none;
			max-width:544px;
	}
	.page article.post footer .location{
			border-bottom:none;
			max-width: 368px;
	}
}
	
@media (min-width: 1600px) {
	.page .region.large-image {
		position:fixed;
		top:80px;
		left:0px;
		right:0px;
		bottom:0px;
		padding-top:0px;
	}
	.postpage.page-in-layer div.region:last-child{
		width:100%; 
		position:relative; 
		padding-top:75vh;
	}	
	.page article.post.job-offer header h1  {
		font-size:37px;
	}
	
}

@media (max-width: 768px) {
	.postpage .container > .row > .aside-right {
   		 margin-top: 24px;
}
	
		
}