/*
Theme Name: BiologyX V2
Theme URI: research.pasteur.fr
Author: Yhello
Author URI: https://yhello.co
Description: Responsive rocket science website, specialy coded for Institut Pasteur
Version: 2.0
License:
Tags: science, research, responsive, full ajax, advanced search, custom contents, custom cron jobs
Text Domain: biologyx
*/

@charset "UTF-8";

@font-face {
  font-family: "icon-pasteur";
  src:url("fonts/icon-pasteur.eot");
  src:url("fonts/icon-pasteur.eot?#iefix") format("embedded-opentype"),
    url("fonts/icon-pasteur.woff") format("woff"),
    url("fonts/icon-pasteur.ttf") format("truetype"),
    url("fonts/icon-pasteur.svg#pasteur") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[data-icon]:before {
  font-family: "icon-pasteur" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

article,aside,details,figcaption,figure,footer,header,nav,section,summary {
	display:block;
}

#wpadminbar{
    z-index: 999999;
}

audio,canvas,video {
	display:inline-block;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden] {
	display:none;
}

html {
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-rendering:optimizeLegibility!important;
	-webkit-font-smoothing:antialiased!important;
	-moz-osx-font-smoothing: grayscale;
}

html,button,input,select,textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

body {
	color:#30343e;
	background: #FAFAFA;
	line-height:1.7;
	margin:0;
	font-size: 1.25rem;
	font-size: 18px;
    overflow-x: hidden;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
body.open{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

a {
	color: #30343e;
	text-decoration:none!important;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.block-content a{
	color: #2d96fa;
}

.block-content .list-item a{
	color: #111;
}

a:focus {
	outline:none!important;
}

.entry-content a,
#mid-content p a,
a:active,a:hover {
	color: #2d96fa;
	outline:none!important;
	text-decoration:none;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

a:hover {
	text-decoration:underline;
	color: #0275e3;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;	
}

a[href$=".gif"] img,
a[href$=".jpg"] img,
a[href$=".png"] img,
a[href$=".bmp"] img{
	display: inline-block!important;
}

a[href$=".gif"] img.aligncenter,
a[href$=".jpg"] img.aligncenter,
a[href$=".png"] img.aligncenter,
a[href$=".bmp"] img.aligncenter{
	display: block!important;
}

.js-to-eval{
	display: none;
}

#campus-ball{
    position: fixed;
    z-index: 999999;
    bottom: 84px;
    left: 11px;
    width: 11px;
    height: 11px;
    background: #8792a0;
    border-radius: 50%;
}

	#campus-ball.active{
		background: #2d96fa;
	}
	
	#campus-ball .ip{
	    display: none;
	    position: absolute;
	    top: -33px;
	    left: 6px;
	    padding: 4px 6px;
	    background: #111122;
	    color: #fff;
	    font-size: 12px;
	}
	
	#campus-ball:hover > .ip{
		display: block;
	}

/*
.wontreadme { unicode-bidi: bidi-override; direction: rtl; }
.wontreadme span { display: none; }
*/

#research-menu ul li.only-logged,
.only-logged{
	display: none;
}

.logged-in .only-logged{
	display: inherit;
}

#logo-pasteur {
	background:url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/logo.png);
	height:80px;
	width:150px;
	right:0;
	top:-80px;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.5;
}
/*
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	display: inline-block;
}
*/

h1 {
	font-size:42px;
	margin:33px 0;
}

h2 {
	font-size:33px;
	margin:25px 0;
}

h2.upcase {
	text-transform:uppercase;
	font-weight:400;
}

h3 {
	font-size:28px;
	margin:20px 0;
}

h4 {
	font-size:24px;
	margin:0 0 15px;
}
h4.list-title{
	margin: 0 0 5px;
}

h5 {
	font-size:18px;
	margin:0 0 15px;
}
h5.content-section{
	margin: 20px 0 8px;
	border-bottom: 1px solid #EEE;
}

h6 {
	font-size:16px;
	margin:3px 0;
}

.small-margin {
	margin:5px 0;
}

.relwrap{
	position: relative;
}

/* centered button alumni */
.entry-button{
	min-height: 40px;
    margin: 20px 0 0;
    text-align: center;
}

.center-all{
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

abbr[title] {
	border-bottom:1px dotted;
}

b,strong {
	font-weight:700;
}

dfn {
	font-style:italic;
}

mark {
	background:#ff0;
	color:#000;
}

p {
	margin:0 0 24px;
}

#mid-content .entry-content ul,
#mid-content li a,
#mid-content article li,
#mid-content p li,
#mid-content .block-content ul,
#mid-content p{
	font-family: 'Montserrat', sans-serif;
}

#mid-content p li{
    margin-bottom: 15px;
}

#mid-content table{
	width: 100%!important;
}

code,kbd,pre,samp {
	font-family:monospace,serif;
	font-size:14px;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}

pre {
	background:#f5f5f5;
	color:#666;
	font-family:monospace;
	font-size:14px;
	margin:20px 0;
	overflow:auto;
	padding:20px;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

blockquote,q {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
	content:none;
}

blockquote {
    font-size: 1.4rem;
    font-style: italic;
    margin: 30px 0;
    font-family: 'Montserrat', sans-serif;
}

blockquote blockquote {
	margin-right:0;
}

blockquote cite,blockquote small {
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

blockquote em,blockquote i {
	font-style:normal;
	font-weight:300;
}

blockquote strong,blockquote b {
	font-weight:400;
}

small {
	font-size:smaller;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

dl {
	margin:0 20px;
}

dt {
	font-weight:700;
}

dd {
	margin:0 0 20px;
}

menu,ol,ul {
	margin:16px 0;
	padding:0 0 0 40px;
}

ul {
	list-style-type:circle;
}

nav ul,nav ol {
	list-style:none;
	list-style-image:none;
}

li > ul,li > ol {
	margin:0;
}

img {
	-ms-interpolation-mode:bicubic;
	border:0;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

svg:not(:root) {
	overflow:hidden;
}

figure {
	margin:0;
}

form {
	margin:0;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	border:0;
	padding:0;
	white-space:normal;
}

button,input,select,textarea {
	font-size:100%;
	margin:0;
	max-width:100%;
	vertical-align:baseline;
}

button,input {
	line-height:normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}

button[disabled],input[disabled] {
	cursor:default;
}

input[type="checkbox"],input[type="radio"] {
	padding:0;
}

input[type="search"] {
	-webkit-appearance:textfield;
	padding-right:2px;
/* Don't cut off the webkit search cancel button */
	width:270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

.button,
a.button{
	cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    color: #eee;
    text-transform: uppercase;
    font-size: 11px;
    border: 2px solid #eee;
    border-radius: 15px;
    display: inline-block;
    padding: 2px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
	.button:before,
	a.button:before{
		margin-right: 3px;
	}

.button:hover,	
a.button:hover{
	color: #30343e;
	background: #eee;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.button.wp-hide-pw{
	display: none;	
}

.button.blue,
a.button.blue{
	color: #2d96fa;
	border-color: #2d96fa;
}

.button.blue.active,
a.button.blue.active{
	background: #2d96fa;
    color: #eee;
}
.button.blue:hover,
a.button.blue:hover{
	color: #30343e;
	border-color: #30343e;
}
.button.gray,
a.button.gray{
	color: #46535b;
	border-color: #46535b;
}

.button.gray.active,
a.button.gray.active{
	background: #293339;
	border-color: #293339;
    color: #eee;
}
.button.gray:hover,
a.button.gray:hover{
	color: #213056;
	border-color: #213056;
}

.ajax-target{
	display: none;
}
	.ajax-target.active{
		display: block;
	}

textarea {
	overflow:auto;
	vertical-align:top;
}

table {
	border-bottom:1px solid #ededed;
	border-collapse:collapse;
	border-spacing:0;
	font-size:14px;
	line-height:2;
	margin:0 0 20px;
	width:100%;
}

caption,th,td {
	font-weight:400;
	text-align:left;
}

caption {
	font-size:16px;
	margin:20px 0;
}

th {
	font-weight:700;
	text-transform:uppercase;
    padding: 12px 10px;
}

td {
	border-top: 2px solid #FFF;
    padding: 5px 10px;
}

td.emails{
	max-width: 20%;
}

del {
	color:#30343e;
}

ins {
	background:#fff9c0;
	text-decoration:none;
}

hr {
	background:url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/dotted-line.png) repeat center top;
	background-size:4px 4px;
	border:0;
	height:1px;
	margin:0 0 24px;
}

span.hlabel {
	position:absolute;
	opacity:0;
	background:#213141;
	font-size:11px;
	padding:3px 5px;
	color:#fff;
	z-index:99999;
}

span.hlabel.left {
	left:0;
}

li.labeled:hover > span.hlabel {
	opacity:1;
}

li.labeled:hover > span.hlabel.left {
	left:10px;
}

.animated-in-order,
.animated {
	opacity: 0;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp.start {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}




@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft.start {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight.start {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

/* Clearing floats */
.clear:after,.attachment .entry-header:after,.entry-content:after,.page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-body:after, #mid-content article:after, #sidebar:after {
	clear:both;
}

.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.entry-content:before,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-body:before,.comment-body:after, #mid-content article:before, #mid-content article:after, #sidebar:after, #sidebar:before{
	content:"";
	display:table;
}

/* Assistive text */
.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
}

.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-weight:700;
	height:auto;
	line-height:normal;
	padding:15px 23px 14px;
	position:absolute;
	left:5px;
	top:5px;
	text-decoration:none;
	width:auto;
	z-index:100000;
}

/* Form fields, general styles first. */
button,input,textarea {
	border: 1px solid #111;
	font-family:inherit;
	padding:10px;
	color: #4d5260;
}
input[type="text"], textarea {
  background-color : #f6f6f6!important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
button.thin,input.thin,textarea.thin{
	border: 1px solid #111;
    text-transform: uppercase;
    font-size: 12px;
}
input,textarea {
	color:#141412;
}

input:focus,textarea:focus {
	border:1px solid #2d96fa;
	outline:0;
}

/* Buttons */
button,input[type="submit"],input[type="button"],input[type="reset"] {
	background: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 6px 20px;
    margin: 5px 5px 5px 0;
    color: rgba(59, 127, 224, 1);
    border: 1px solid rgba(59, 127, 224, 1);
    border-radius: 30px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus {
  opacity: 1;
  color: #FFF;
  background: rgba(59, 127, 224, 1);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
	outline:none;
}

button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {
  opacity: 1;
  color: #FFF;
  background: rgba(59, 127, 224, 1);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color:#7d7b6d;
}

:-moz-placeholder {
	color:#7d7b6d;
}

::-moz-placeholder {
	color:#7d7b6d;
}

:-ms-input-placeholder {
	color:#7d7b6d;
}

.login .my-photo{
	border-radius: 50%;
	overflow: hidden;
	width: 35px;
	height: 35px;
	position: relative;
	top: -5px;
	left: -3px;
	float: left;
}
#lbar.open .login .my-photo{
	display: inline-block;
	text-align: center;
}

.scroll-bared::-webkit-scrollbar
{
  width: 6px;
  height: 6px;
  border: 1px solid transparent;
}

.scroll-bared::-webkit-scrollbar-track
{
  background: transparent;
}

.scroll-bared::-webkit-scrollbar-thumb
{
  background: #30343e;
}
/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
img.size-full,img.size-large,img.wp-post-image, .entry-content img,.entry-summary img,.comment-content img,.wp-caption {
	max-width:100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
img.size-full,img.size-large,img.wp-post-image, .entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {
	height:auto;
}

/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {
	max-width:100%;
	width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width:100%!important;
}

/* Images */
.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

figure.wp-caption.alignleft,img.alignleft {
	margin:5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin:5px 10px 5px 0;
}

figure.wp-caption.alignright,img.alignright {
	margin:5px 0 5px 20px;
}

.wp-caption.alignright {
	margin:5px 0 5px 10px;
}

img.aligncenter {
	margin:5px auto;
}

img.alignnone {
	margin:5px 0;
}

.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {
	color:#102033;
	font-size:16px;
	font-style:italic;
	font-weight:300;
	margin:0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float:right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left:10px;
}

img.wp-smiley,.rsswidget img {
	border:0;
	border-radius:0;
	box-shadow:none;
	margin-bottom:0;
	margin-top:0;
	padding:0;
}

.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {
	list-style-position:inside;
}

.thumbnail{
	position: relative;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
#loading-layer{
	position: fixed;
    width: calc(100% - 60px);
	height: 100%;
	top:0;
	left:60px;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.8);
}
#loading-layer.active{
	visibility: visible;
	opacity: 1;
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
}
#anim-loading-layer{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -25px;
}
#anim-loading-layer svg{
    width: 200%;
    height: 300%;
}
.inline-loading-anim svg{
    margin: 0 auto;
    display: inherit;
}
.site {
	margin: 0;
	width: 100%;
    background: #FFF;
}

.site-main {
	position:relative;
	margin-top:0;
}
.site-main.gray{
	background: #f6f6f6;
}
.site-main .sidebar-inner {
	margin:0 auto;
	max-width:1240px;
}
#next-prev-refs{
	display: none;
}
.hide,
.hide-if-no-customize{
	display: none;
}
#primary.max-width{
	max-width: 1440px;
	margin: 0 auto;
}
#top-header{
	position: relative;
}

/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */
#mobile-menu{
	display: none;
	visibility: hidden;
}
#lang-btn-mobile{
    display: none;
    visibility: hidden;
}
#lbar{
	position: fixed;
	top:0;
	left:0;
	width: 60px;
	height: 100%;
	z-index: 999999;
    overflow: hidden;
/*
    background-color: #30343e;
    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
*/
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}
.logged-in #lbar{
	top:31.5px;
	height: calc(100% - 32px);
}
/* MENU AND SEARCH FORM */
#lbar .relwrap{
	width: 100%;
	height: 100%;
}
#lbar.open,
#lbar:hover{
	width: 190px;
    overflow: inherit;
	-webkit-transition:all 100ms ease;
	-moz-transition:all 100ms ease;
	-o-transition:all 100ms ease;
	transition:all 100ms ease;
}

#togglebar{
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: -40px;
    background: #30343e;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    z-index: 100;
    transform: translate3d(190px,0,0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#togglebar.active{
	transform: translate3d(0,0,0);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

#togglebar.active.visible{
	transform: translate3d(140px,0,0);
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}

#togglebar .bars{
    width: 22px;
    height: 2px;
    background: #586775;
    margin: 4px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#togglebar:hover .bars{
	background: #fff;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#lbar:hover > #togglebar{
	transform: translate3d(234px,0,0);
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}

#togglebar.active .bar1{
    transform: rotate(45deg) translate3d(8px,-6px,0);
    width: 13px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#togglebar .bar2{
	width: 18px;
}
#togglebar:hover .bar2{
	width: 22px;
}
#togglebar.active .bar2{
	opacity: 1;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#togglebar.active .bar3{
    transform: rotate(-45deg) translate3d(8px,6px,0);
    width: 13px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#main-nav{
	position: relative;
    width: 190px;
	height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #ccc;
    text-transform: uppercase;
    background-color: #30343e;
    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
    z-index: 99999;
}
#main-nav ul#first-menu{
	position: absolute;
	z-index: 999999;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	left:0;
}
#main-nav ul li{
	display: block;
	height: 52px;
}
#main-nav ul li.login{
    position: absolute;
    bottom: 50px;
    width: 100%;
}	
	
#main-nav ul li #search-button:before,
#main-nav ul li a:before{
	font-size: 23px;
}

	#main-nav ul li.login a:before{
		font-size: 28px;
		position: relative;
		top: -3px;
		left:-3px;
	}
	
#main-nav #lang-btn ul li{
	display: inline-block;
}

#main-nav ul li .ibutton{
    color: #aaa;
    line-height: 1;
    padding: 13px 8px 13px 18px;
    text-align: left;
    cursor: pointer;
    display: block;
	white-space: nowrap;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

body.open #main-nav ul li .ibutton{
	padding-left: 11px;
}

#main-nav ul li .ibutton .aname{
	display: none;
    vertical-align: top;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #ccc;
    padding: 8px 3px;
    position: relative;
    top: -2px;
    left: 2px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#lbar:hover #main-nav ul li .ibutton .aname,
#lbar.open #main-nav ul li .ibutton .aname{
    display: inline-block;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#lbar #main-nav ul li #search-button.ibutton .aname{
	color:#fff;
}

#main-nav ul li a .count{
	float: right;
}

#main-nav ul li .ibutton.active,
#main-nav ul li .ibutton:hover,
#main-nav ul li:hover > .ibutton{
	color:#2d96fa;
	background-color: #22252d;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}
#main-nav ul li.blue:hover > .ibutton{
	background-color: #2d96fa;
}
#main-nav ul li .ibutton.active > .aname,
#main-nav ul li .ibutton:hover > .aname,
#main-nav ul li:hover > .ibutton .aname,
#main-nav ul li:hover > a .aname{
	color:#2d96fa;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}


#main-nav ul li .ibutton .aname.big{
    letter-spacing: -0.7px;
    padding: 8px 0 8px 3px;
}

#main-nav ul li #search-button .aname{
	color: #fff;
}
#main-nav ul li.blue{
	background-color: #2d96fa;
}
#main-nav ul li #search-button{
	color: #fff;
}

#main-nav ul li a#search-button:hover > .aname,
#main-nav ul li:hover > a#search-button .aname{
	color: #fff;
}
#search-wrap{
	position: fixed;
	z-index: 99998;
	overflow: hidden;
	overflow-y: auto;
	top: 0;
	left: 60px;
	width: calc(100% - 60px);
	height: 100%;
	color: #222;
	font-size: 14px;
	background: #f6f6f6;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
body.open #seach-wrap{
	left: 190px;
	width: calc(100% - 190px);	
}

.logged-in #search-wrap{
	top:32px;
	height: calc(100% - 32px);
}
#search-content{
    margin: 0 -25px;
}
#search-header{
	position: relative;
}
#search-wrap.active{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#search-wrap .ui-wrap{
    margin: 5% 5% 5% 110px;
}
#search-wrap #slabel{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	margin-left: 10px;
}
#search-form-part{
	position: relative;
	display: none;
}
#search-form-part.active{
	display: block;
}
#anim-searching-layer{
	visibility: hidden;
	position: absolute;
	top:50%;
	right: 0;
	-webkit-transform: translate3d(-200%, -50%, 0);
	-moz-transform: translate3d(-200%, -50%, 0);
	transform: translate3d(-200%, -50%, 0);
}
#anim-searching-layer.active{
	visibility: visible;
}
#anim-searching-layer svg{
	width: 300%;
	height: 300%;
}
#rmodal-wrap-close.btn.close,
#timeline-wrap-close.btn.close,
#graph-wrap-close.btn.close,
#seach-wrap-close.btn.close{
	color: #222;
}
#search-adv ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#search-placeholder,
input#s{
	font-family: 'Montserrat', sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #555;
    background-color: transparent!important;
    border: none;
    height: 175px;
    line-height: 150px;
    letter-spacing: -.5px;
}
input#s:focus{
	color: #222;
}
#search-placeholder{
	position: absolute;
	top: 0px;
	color: #555;
	z-index: -1;
    padding: 12px 10px;
}

#search-wrap .search-section{
	margin: 15px 0;
}

.search-help{
    margin: 40px 0 0 0;
	color: #777;	
}
	.search-help h2{
		color: #bbb;
	}

#search-advanced{
	margin: 50px 0 40px;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	display: none;
}
#search-advanced.active{
	display: block;
}
#adv-search-description{
	font-size: 34px;
	color: #ccc;
	margin-bottom: 30px;
	text-align: center;
}

#adv-ui-container{
	position: relative;
}
#adv-ui-container:before{
	content: '';
	position: absolute;
	left:50%;
	top:0;
	border-left: 3px solid #ccc;
	width: 3px;
	height: 100%;
}
#adv-right-side,
#adv-left-side{
	float: left;
	width: 50%;
	overflow: hidden;
}
#adv-left-side{
	padding-right: 30px;
}
#adv-right-side{
	padding-left: 30px;
}

#search-advanced .side-label{
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	text-align: center;
	color: #ddd;
	display: none;
}
#adv-relation{
	position: absolute;
	left:50%;
	top:70px;
	transform: translate3d(-50%, 0, 0);
}

#adv-relation-bar{
    content: '';
    position: absolute;
    width: 50%;
    border-top: 3px solid #ccc;
    left: 25%;
    z-index: -1;
    top: 82px;
}

/* switch button */
.ui .compact-switch,
.ui .double-switch,
.ui .switch,
.ui .radio,
.ui .checkbox,
.ui .select{
	cursor: pointer;
}

.switch{
	cursor: pointer;
}
.double-switch .box,
.switch .box{
	position: relative;
    top: 5px;
    margin: 0 5px;
	background: #ccc;
	border-radius: 15px;
	width: 30px;
	height: 20px;
	display: inline-block;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.double-switch .box .bullet,
.switch .box .bullet{
	position: absolute;
	background: #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	top: 2px;
	left:2px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.double-switch .box.active,
.switch .box.active{
	background: #2d96fa;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.double-switch .box.active > .bullet,
.switch .box.active > .bullet{
	left:12px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.double-switch.centered{
	text-align: center;
    margin-bottom: 20px;
}

.checkbox .label,
.radio .label,
.compact-switch .box,
.double-switch .label,
.switch .label{
	text-transform: uppercase;
	display: inline-block;
}

.double-switch .label{
	min-width: 100px;
}
.double-switch .label.left{
	text-align: right;
}
.double-switch .label.right{
	text-align: left;
}

/* compact-switch */
.compact-switch .item{
	font-family: 'Montserrat', sans-serif;
	display: none;
	border: 2px solid #ccc;
	border-radius: 15px;
    padding: 0px 15px;
    background: #fff;
    color: #999;
}
.compact-switch .item.active{
	display: block;
}

/* radio button */
.radio{

}
.radio .box{
	display: inline-block;
}
.radio .box.active{

}
.radio .label{
	display: inline-block;
}

#adv-search-go,
a.download-excel{
    font-family: 'Montserrat', sans-serif;
    color: #30343e;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #30343e;
    border-radius: 35px;
    display: inline-block;
    padding: 2px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    transform: translate3d(-50%, 0, 0);
    left: 50%;
    position: relative;
}

#taxonomy-container{
    background: #eee;
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
	visibility: hidden;
    padding: 5%;
    display: none;
}

#taxonomy-wrap-close{
    position: absolute;
    top: 40px;
    right: 40px;
    color: #333;
    font-size: 50px;
    cursor: pointer;
    z-index: 9999;
}

#taxonomy-container.active{
	visibility: visible;
	display: block;
}
#taxonomy-container ul.scientific_field li,
#taxonomy-container ul li,
#taxonomy-container ul.organism li,
#taxonomy-container ul.application li,
#taxonomy-container ul.technique li {
    color: #aaa;
}

#lang-btn{
    position: fixed;
    top: 0;
    right: 20px;
    text-align: center;
    z-index: 999999;
    width: 60px;
}

.logged-in #lang-btn{
    top: 32px;
}

#lang-btn ul{
	margin:0;
	padding: 0;
	list-style: none;
}
#lang-btn ul li{
	display: inline-block;
}

a.qtranxs_text{
	color: #aaa;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 3px;
}
a.qtranxs_text:hover,
li.active a.qtranxs_text{
	color: #2d96fa;
}

#header-infos{
	position: absolute;
	z-index: 9;
	color: #eee;
	font-family: 'Montserrat', sans-serif;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 100%;
    max-height: 100%;
    text-align: center;
    padding: 2% 7%;
}

#header-infos h1{
    font-size: 45px;
    font-weight: 700;
    color: #eee;
    font-family: 'Montserrat', sans-serif;
    margin: 5px 0 0;
}

.single-network #header-infos{
	pointer-events: none;
}

#header-infos h1.large{
	font-size: 35px;
}

#header-infos h1.very-large{
	font-size: 29px;
}

#header-infos h1.huge{
	font-size: 24px;
}

#header-infos h2.small{
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    text-transform: uppercase;
}

#header-infos .spaced{
	margin-top: 20px;
}

#header-infos a{
	color: #FFF;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#header-infos .header-nav{
	font-family: 'Montserrat', sans-serif;
	color: #eee;
    padding: 30px 0 0;
    max-width: 1300px;
    margin: 0 auto;
}
#header-infos .header-nav .item{
    float: left;
    width: 20%;
    padding: 10px;
    vertical-align: top;
}

#header-infos .header-nav .item a{
	display: block;
	position: relative;
}
#header-infos .header-nav .item a .icon{
	font-size: 35px;
	line-height: 1;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#header-infos .header-nav .item a .info .count{
	font-weight: bold;
	font-size: 26px;
}
#header-infos .header-nav .item a .info .text{
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 15px;
    display: inline-block;
    padding: 2px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#header-infos .header-nav .item a:hover > .info .text{
	background-color: #eee;
	color: #30343e;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#header-infos .entity .round,
#header-infos .member-item .photo{
	width: 80px;
	margin: 0 auto;
}
#header-infos .structure .symbol,
#header-infos .member .photo{
	width: 120px;
	margin: 0 auto;
}
#header-infos .structure .symbol{
    font-size: 60px;
    line-height: 132px;
    background: #f9f9f9;
    color: #4d5260;
    border-radius: 50%;
    width: 110px;
    height: 110px;
}
#header-infos .structure .icon.main-icon{
    position: relative;
    font-size: 50px;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
}
#header-infos .structure .symbol:before{
    position: relative;
    top: -2px;
}
#header-infos .structure .symbol.nrc:before{
	top: 3px;
    left: 1px;
}
#header-infos .name{
	position: relative;
}
#header-infos .member-item .name h2{
	font-size: 13px;
    font-weight: 400;
    margin: 0;
}
#header-infos .member-item .hlabel{
	position: absolute;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 3px 10px;
	color: #FFF;
    left: 50%;
    -webkit-transform: translate3d(-50%, -15px, 0);
    -moz-transform: translate3d(-50%, -15px, 0);
    transform: translate3d(-50%, -15px, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#header-infos .member-item:hover > .abs .name .hidden-label{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, 10px, 0);
    -moz-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#header-infos ul.post-categories{
	margin: 0;
	padding: 0;
	list-style: none;
}

#header-infos ul.post-categories li{
	display: inline-block;
	margin: 3px;
}

#header-infos ul.post-categories li a{
	padding: 5px 10px;
	border: 1px solid #eee;
	border-radius: 20px;
	font-size: 12px;
	text-transform: uppercase;	
}

#header-infos .pdate{
	font-size: 12px;
	margin: 15px;
}

#meta-header{
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}
#meta-header .squ-block{
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    width: 90px;
    height: 80px;
    margin: 12px;
}
#meta-header .squ-block.date-end:before{
	content: '';
    position: absolute;
    height: 3px;
    width: 38px;
    left: -36px;
    top: 50%;
    border-bottom: 3px solid #30343e;
}
#meta-header .squ-block.date-begin:after,
#meta-header .squ-block.date-end:after{
	content: '';
	position: absolute;
	height: 10px;
	width: 10px;
	left:0;
	top:50%;
	background-color: #30343e;
	border-radius: 50%;
}
#meta-header .squ-block.date-begin:after{
	left:auto;
	right: 0px;
}
#meta-header .squ-block.large{
	width: 120px;
}
#meta-header .squ-block .icon{
	font-size: 35px;
}

#meta-header .squ-block .b-text{
	font-size: 35px;
	font-weight: 700;
}

#meta-header .squ-block .s-text{
	font-size: 13px;
	font-weight: 300;
	text-transform: capitalize;
    margin-top: -10px;
    white-space: nowrap;
}

#meta-header .squ-block .hidden-label{
    -webkit-transform: translate3d(-50%, 60px, 0);
    -moz-transform: translate3d(-50%, 60px, 0);
    transform: translate3d(-50%, 60px, 0);
}
#meta-header .squ-block:hover .hidden-label{
    -webkit-transform: translate3d(-50%, 80px, 0);
    -moz-transform: translate3d(-50%, 80px, 0);
    transform: translate3d(-50%, 80px, 0);
}


.addtocalendar var{
    display: none;
}

.addtocalendar {
    position: relative;
    display: block;
    background: transparent!important;
	padding-top: 15px;
}
.single .addtocalendar {
	padding-top: 0px;
}

.atcb-link {
	display: block;
    outline: none!important;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
}

.squ-block:hover > .addtocalendar .atcb-list,
.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    z-index: 9000;
    transform: translate3d(-30px,-110%,0);
}

.atcb-list,
.atcb-item
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link
{
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


/* Blue */
.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus
{
    margin: 0;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-list {
    width: 170px;
}

.atc-style-blue .atcb-list:before{
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate3d(-50%,0,0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #30343e transparent transparent transparent;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item{
    padding: 5px;
    border-radius: 5px;
    background: #30343e;
}

#mid-content .atc-style-blue .atcb-list li a,
.atc-style-blue .atcb-list li a{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#mid-content .atc-style-blue .atcb-list li a:hover,
.atc-style-blue .atcb-list li a:hover{
	color: #2d96fa;
    outline: none!important;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link
{
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus
{
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
}

.post-type{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}

.post-type:after{
	content: '';
	position: absolute;
	bottom: -3px;
	border-bottom: 1px solid #fff;
	width: 40px;
	left:50%;
	transform: translateX(-50%);
}
.post-type ul,
.post-type ul ul{
    margin: 0;
    display: inline-block;
    list-style: none;
    padding: 0;
}

.post-type li{
	display: inline-block;
}


 /* home */
#header-infos .header-nav .item a .info .text {
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid #eee;
	border-radius: 15px;
	display: inline-block;
	padding: 3px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	background: #eee;
	color: #223;
}

#header-infos .header-nav .item.active a .info .text{
	background-color: #2d96fa;
	border-color: #2d96fa;
	color: #eee;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.item.active .hidden-label{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(-50%, 10px, 0);
	-moz-transform: translate3d(-50%, 10px, 0);
	transform: translate3d(-50%, 10px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}								

.hero-text{
	background: #fff;
	width: 90%;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	top: -20px;
	max-width: 1040px;	
	padding: 50px 60px;
}

.hero-text .text{
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
}

	.hero-text h3,
	.hero-text h4,
	.hero-text h5,
	.hero-text h6{
		font-family: 'Playfair Display', serif;
		margin: 0 0 1.2em;
	}

h2 span.viewall {
	border: none;
	padding: 6px 15px;
	border-radius: 15px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 15px;
	color: #fff;
	background-color: #2d96fa;
	text-transform: uppercase;
	display: inline-block;
}

h2.section-rotated {
	font-size: 34px;
	margin: 2%;
	position: inherit;
	transform: inherit;
	left: inherit;
	top: inherit;
	color: inherit;
	width: inherit;
	text-align: center;
}												

h2.section-rotated a {
	color: #aab;
}	

h3.section-subtitle{
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	padding-bottom: 10px;
}											

.header-nav .hidden-label.closeleft{
	-webkit-transform: translate3d(-40px, -10px, 0);
	-moz-transform: translate3d(-40px, -10px, 0);
	transform: translate3d(-40px, -10px, 0);
}

.header-nav .active .hidden-label.closeleft{
	-webkit-transform: translate3d(-40px, 10px, 0);
	-moz-transform: translate3d(-40px, 10px, 0);
	transform: translate3d(-40px, 10px, 0);
}

.header-nav .hidden-label.closeright{
	-webkit-transform: translate3d(-179px, -10px, 0);
	-moz-transform: translate3d(-179px, -10px, 0);
	transform: translate3d(-179px, -10px, 0);
}

.header-nav .active .hidden-label.closeright{
	-webkit-transform: translate3d(-179px, 10px, 0);
	-moz-transform: translate3d(-179px, 10px, 0);
	transform: translate3d(-179px, 10px, 0);
}	

.cards{
	display: flex;
	flex-wrap: wrap;
}

.cards.five article{
	width: 18%;
	margin: 1%;
}

article.card.medium.call .thumbnail {
	max-height: 180px;
}

.card.call .content{
	height: 180px;
}								

.card .thumbnail .date{
	top: 50%;
	left: 50%;
	bottom: inherit;	
	transform: translate3d(-50%, -50%, 0);
}

#intro-calendar{
	font-family: 'Montserrat', sans-serif;
	position: relative;
	text-align: center;
	color: #eee;
	width: 23%;
	margin: 1%;
	float: left;
	background: rgb(3,27,51);
	background: -moz-linear-gradient(top,  rgba(3,27,51,1) 0%, rgba(44,78,125,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(3,27,51,1) 0%,rgba(44,78,125,1) 100%);
	background: linear-gradient(to bottom,  rgba(3,27,51,1) 0%,rgba(44,78,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031b33', endColorstr='#2c4e7d',GradientType=0 );
}

#intro-calendar .content{
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	padding-bottom: 15px;
}

#intro-calendar .icon{
	font-size: 82px;
	opacity: 0.17;
	margin-bottom: 37px;
}

#intro-calendar .today-txt{
	font-size: 12px;
	text-transform: uppercase;
}
#intro-calendar .today-day{
	font-size: 30px;
	font-weight: 900;
}
#intro-calendar .today-month-year{
	font-size: 16px;
}
#intro-calendar .upcoming{
	font-size: 13px;
	font-weight: 100;
}

#intro-calendar a.button{
	margin-top: 45px;
}

#main-calendar{
	width: 75%;
	float: left;
}

#intro-calendar {
	height: 350px;
}

#intro-calendar a{
	color: #eee;    
}

#intro-calendar .icon {
	font-size: 52px;
	opacity: 0.4;
	margin-bottom: 37px;
}

.card.event .thumbnail {
	min-height: 170px;
}

article.card.calendar .content {
	padding: 20px 10px 20px;
	height: 212px;
}

.card.event .content h3 {
	font-size: 16px;
}

.slide{
	display: none;
}

.slide.active{
	display: block;
}

.event-anim-bar{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #2d96fa;
	width: 0;
	height: 4px;				    					
}

.event-anim-bar.start{
	animation: progressEvent 10s 1;					
}

.card.publication .thumbnail {
/* 	min-height: 280px; */
	height: 280px;
}

.card .content .label{
	font-size: 13px;
}


.card.event .content h3 {
	max-height: 95px;
}

.card.publication .content.over h3{
	text-align: center;
}
.card.publication .pub-date {
	bottom: 20px;
	left: 50%;
	transform: translate3d(-50%,0,0);
}
.card.event .content .label, .card.publication .content .label {
	overflow: hidden;
	white-space: normal;
}

@-webkit-keyframes progressEvent {
  0% {
	width: 0;
  }				
  100% {
	  width: 100%;
  }
}
@keyframes progressEvent {
	0% {
	width: 0;
  }				
  100% {
	  width: 100%;
  }
}




#page-menu{
	position: absolute;
	text-align: center;
	top:0;
	width: 100%;
	z-index: 999;
    background: #e8eaef;
    max-height: 48px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;    
}

#page-menu::-webkit-scrollbar {
  width: 5px;
}

/* Track */
#page-menu::::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#page-menu::::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#page-menu::::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#page-menu.fixed{
	position: fixed;
	top:0px;
	left:60px;
	width: calc(100% - 60px);
	z-index: 999;
    border-bottom: 1px solid #eee;
    z-index: 9999;
}
.logged-in #page-menu.fixed{
	top:32px;
}
#hmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#hmenu ul li{
	display: none;
}
#hmenu ul li a{
	display: block;
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	padding: 13px 8px 12px;
/* 	color: #ddd; */
	color: #30343e;
	font-weight: 700;
	text-align: center;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;

}
#hmenu ul li a.active,
#hmenu ul li a:hover{
	color: #2d96fa;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#loading-bar,
#hmenu #page-scrollbar{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 0;
	border-bottom: 4px solid #2d96fa;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#loading-bar{
	position: fixed;
	left: 60px;
}
.logged-in #loading-bar{
	top:32px;
}

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */
.site-header {
	position:relative;
    max-width: 100%;
    margin: 0 auto;
}

#iplogo {
	display: inline-block;
    margin: 20px 5px 0px 5px;
    background: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/logo-black.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 153px;
	height: 58px;
}

#head-pasteur{
    position: absolute;
    right: -20px;
    bottom: 0;
    background: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/pasteur-head.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 185px;
    height: 87px;
}

.sub-menu-wrap{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;	
}

/*
h2#tagline{
    display: inline-block;
    position: relative;
    bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
    font-family: 'fs_joey', sans-serif;
    text-transform: uppercase;
    margin: 0;
}

h2#tagline:before{
    content: '';
    position: absolute;
    border-left: 2px solid #555;
    height: 20px;
    left: 0;
    bottom: 1px;
}
*/

#image-top {
	background:#274152;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	width:100%;
	height:430px;
	position:relative;
	overflow-x:hidden;
}
.image-dept {
	background:#274152;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	width:100%;
    margin: 0 0 20px;
	height:270px;
    border-radius: 12px 12px 0 0;
	position:relative;
	overflow-x:hidden;
}
.dept-over-wrap{
	position: absolute;
	width: 100%;
    padding: 0 20px;
	top:50%;
	left: 0;
	color: #eee;
	text-align: center;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	z-index: 2;
}
.dept-over-wrap h2{
	margin: 0;
	position: relative;
}
.dept-over-wrap h2:after{
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	border-bottom: 1px solid #bbb;
	bottom: -10px;
	left:50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.dept-over-wrap,
.dept-over-wrap a,
.dept-over-wrap h2 a{
	color: #eee;
}

.dept-stats.no-head{
    margin-top: 15px;
}

.dept-over-wrap .dept-head-img{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.dept-over-wrap .dept-head-info{
	display: inline-block;
	text-align:left;
	margin: 20px 0;
}
.dept-over-wrap .dept-head-info h3{
	color: #eee;
    margin: 0;
}
.dept-over-wrap .dept-head-info h5{
	margin: 0;
	padding: 0;
}
.dept-over-wrap .dept-stats .icon{
	font-size: 30px;
}
.dept-over-wrap .dept-stats .count{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
#flying-buttons{
	position: fixed;
    z-index: 9999;
    bottom: 25px;
    right: 15px;
}
#share-this,
#backtoback,
#backtotop{
	color: #666;
    height: 28px;
    width: 28px;
    line-height: 30px;
    font-size: 30px;
    border-radius: 50%;
    margin: 0 0 12px;
    cursor: pointer;
	visibility: hidden;
	opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#share-this.active,
#backtoback.active,
#backtotop.active{
	visibility: visible;
	opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#sharer{
	margin-top: 12px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#share-this:hover{
	height: auto;
		-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#share-this:hover > #sharer{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#sharer a{
	display: block;
	font-size: 30px;
	width: 28px;
	height: 28px;
    line-height: 1;
    margin-bottom: 12px;
    color: #666;
    border-radius: 50%;
}

.img-filter {
	position:relative;
}

.img-filter:after{
	overflow:hidden;
	text-indent:-9999rem;
	font-size:0;
	line-height:0;
	background-size: 100%;
	content: "gradient standard photo filter bottom left to top right";
	background: #000;
	opacity: 0.35;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#top-header .img-filter:after{
	background: #249fb7;
	opacity: 0.4;
	background: -moz-linear-gradient(left, #11879e 0%, #0b2648 50%, #1160b3 100%);
	background: -webkit-linear-gradient(left,  #11879e 0%, #0b2648 50%, #1160b3 100%);
	background: linear-gradient(to right,  #11879e 0%, #0b2648 50%, #1160b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249fb7', endColorstr='#1f70c6',GradientType=1 );
}

.img-round {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:inline-block;
}

.img-filter:after {
	-webkit-border-radius:inherit;
	-moz-border-radius:inherit;
	border-radius:inherit;
}
#image-credits {
	text-align:right;
	position:absolute;
	bottom:20px;
	right:20px;
	border-right:1px dotted #FFF;
	padding-right:5px;
	margin-left:30px;
    z-index: 11;
}

.site-header a:hover {
	text-decoration:none;
}
h1.main-title {
	color:#FFF;
	font:300 italic 58px "Source Sans Pro",Helvetica,sans-serif;
	margin:100px 0 0 250px;
	opacity:.6;
}

.img-title {
	font:300 italic 11px "Source Sans Pro",Helvetica,sans-serif;
	margin:0;
}

.img-caption {
	line-height:1;
	margin:0;
	padding:0;
	font:800 normal 9px "Source Sans Pro",Helvetica,sans-serif;
	margin:0;
}
.img-description {
	display: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	bottom: 22px;
	max-width: 340px;
	min-width: 200px;
	line-height: 1;
	margin: 0;
	padding: 10px;
	font: 400 normal 11px "Source Sans Pro",Helvetica,sans-serif;
	margin: 0;
	color: #FFF;
	background: rgba(52, 68, 89, 0.6);
}
#image-credits:hover > .img-description{
	display: block;
	opacity: 1;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.img-title,.img-caption {
	position:relative!important;
	color:#FFF;
	text-transform:uppercase;
}


#full-description{
	padding: 30px;
}

#content {
	position:relative;
    padding-bottom: 50px;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
#logo-ban {
	position: absolute;
	right: 13px;
	bottom: 50px;
	background-image:url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/logomw.png);
	background-size:58%;
	background-position:center;
	background-repeat:no-repeat;
	width:60px;
	height:40px;
}
.navbar {
	background:#111;
	width:100%;
	z-index:99999;
}
.main-navigation {
	margin:0 auto;
	clear:both;
	margin:0 auto;
	position:relative;
    max-width: 1200px;
}
.main-navigation ul.qtranxs_language_chooser{
	float: right;
	margin: 0px 110px 0 20px;
	padding: 0;
}
.main-navigation ul.qtranxs_language_chooser li{
	display: inline-block;
}
.main-navigation ul.qtranxs_language_chooser li a{
	font-size: 14px;
	padding: 3px 2px;
	display: block;
}
.main-navigation ul.qtranxs_language_chooser li.active a{
	color: #2d96fa;
}
ul.nav-menu,div.nav-menu > ul {
	margin:0 0;
	padding:0;
    line-height: 1.2;
}
.nav-menu li {
	display:inline-block;
}

.nav-menu li.language-btn{
	float: right;
	margin-left: -10px;
}

.nav-menu li a {
    color: #eee;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 13px;
	text-decoration:none;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;

}
.nav-menu li.active > a,
.nav-menu li:hover > a,.nav-menu li a:hover,.nav-menu li:focus > a,.nav-menu li a:focus {
	color:#2d96fa;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.nav-menu li.icon-user a:hover,.nav-menu li.icon-user a:focus,.nav-menu li.icon-bullseye a:hover,.nav-menu li.icon-search-1 a:hover,.nav-menu li.icon-bullseye a:focus,.nav-menu li.icon-search-1 a:focus {
	color:#3a80e1;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.menu-global-menu-container{
	float: left;
}

#site-navigation #donate{
    position: absolute;
    font-weight: bold;
    right: 0;
    color: #FFF;
    background: #2d96fa;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 25px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#site-navigation #donate:hover{
	background: #0275e3;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}


.menu-item-language-current a,
.nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,.nav-menu .current-menu-ancestor > a {
	color:#2d96fa;
}


.menu-toggle {
	display:none;
}

#terms ul{
	margin: 0 0 10px;
	padding: 0 20px;
}

ul.filter{
	margin: 10px;
	padding: 0;
	position: relative;
	display: block;
	vertical-align: top;
	text-align: center;
	width: 200px;
	margin: 25px auto 0 auto;
}
ul.filter:after{
	content: '';
	position: absolute;
	width: 3px;
	height: 25px;
	background: #ccc;
	left: 50%;
	bottom: -25px;
}

ul.filter label,
ul.filter li,
nav#filters ul li,
#search-adv ul li {
	cursor:pointer;
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	padding:2px 7px;
    margin: 0 5px 3px 0;
    border-radius: 15px;
    color: #636b80;
    border: 1px solid #636b80;
	opacity:1;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#search-adv ul li{
    color: #636b80;
    border: 1px solid #636b80;
}
ul.filter label,
ul.filter li{
    width: 100%;
	text-align: center;
}
ul.filter label{
    border-color: #ddd;
    background: #fff;
}

ul.filter li{
	display: none;
}
ul.filter li.active{
	color: #FFF;
	border-color: #111;
	background: #111;
	display: inline-block;
}
ul.filter:hover > li{
	display: inline-block;
}

nav#filters ul li{
	color:rgba(59, 127, 224, 1);
	border:1px solid rgba(59, 127, 224, 1);
}
#terms ul li{
	cursor:pointer;
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	padding:2px 7px;
	margin:0 0 3px 5px;
	color:#FFF;
	border:1px solid #FFF;
	opacity:.7;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#terms.dark ul li{
	color:rgba(59, 127, 224, 1);
	border-color: rgba(59, 127, 224, 1);
}
#terms ul li{
	font-size:11px;
}
nav#filters ul li:hover,nav#filters ul li.active,
#search-adv ul li:hover,#search-adv ul li.active {
	opacity:1;
	color: #fff;
	background: rgba(59, 127, 224, 1);
	border-color: rgba(59, 127, 224, 1);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
nav#filters ul li:hover,nav#filters ul li.active{
	color:#FFF;
	background:rgba(59, 127, 224, 1);
}

#terms ul li:hover, #terms ul li.active{
	opacity:1;
	color:rgba(59, 127, 224, 1);
	border-color: #FFF;
	background: #FFF;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.svgloader svg path,
.svgloader svg rect{
  fill: #2d96fa;
}


@-webkit-keyframes load2 {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}

	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes load2 {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}

	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
#top-header nav.simple-select,
#top-header nav.filtering{
	margin: 20px 0;
}

#top-header nav.simple-select a,
.filtering .selector{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #fff;
	position: relative;
	width: 340px;
	cursor: pointer;
}
.selector .selected,
.selector .desc{
    float: left;
    width: 50%;
    padding: 2px 12px;
    white-space: nowrap;
    overflow: hidden;
}
.selector .desc{
    text-align: right;
    padding: 4px 12px;
}
#top-header nav.simple-select a,
.selector .selected{
    cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	color: #eee;
	text-transform: uppercase;
	font-size: 11px;
	border: 2px solid #eee;
	border-radius: 15px;
	display: inline-block;
	padding: 2px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#top-header nav.simple-select a{
    width: auto;
    padding: 3px 16px;
}
#top-header nav.simple-select a.active,
.selector .selected.filled{
    background: #fff;
    color: #333;
}
.selector .selector-frame{
	position: absolute;
	min-width: 50%;
	display: none;
	top:0;
	left: 50%;
	z-index: 999;
    background-color: #30343e;
    border-radius: 15px;
}
.selector ul{
	margin: 0;
	padding: 10px 0;
}
.selector ul li{
	list-style: none;
	padding: 10px 12px;
	white-space: nowrap;
}
.selector ul li.active{

}
.selector.active > .selector-frame{
	display: block;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.img-nav {
	margin:0 5px;
}

.img-nav img {
	width:50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
}
/* page research */
.post-section{
	margin: 1%;
	position: relative;
}

/* h2.section-rotated{
    font-size: 27px;
    margin: 25px 0;
    position: absolute;
    transform: rotate(-90deg);
    left: -170px;
    top: 133px;
    color: #eee;
    width: 330px;
    text-align: right;
}

h2.section-rotated a{
	color: #ddd;
} */




.post-section.no-margin-bottom{
	padding: 1% 1% 0 1%;
}

h1.home-title,
h2.home-title{
	position: relative;
    margin: 60px 1% 25px;
}
h1.home-title:after,
h2.home-title:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 50px;
  border-bottom: 1px solid #30343e;
}


/*-----------------------------------------------------------------------------------*/
/* Related Content Wrap */
/*-----------------------------------------------------------------------------------*/

.related-wrap h3,
.post-section h2.main,
.members-wrap h2{
    margin: 40px 0 20px;
    border-bottom: 3px solid #f6f6f6;
    padding: 0 0 10px;
    font-size: 2.2rem;
    text-transform: capitalize;
}

h1.margb,
h2.margb,
h3.margb{
	border-bottom: 3px solid #f6f6f6;
	margin-bottom: 20px;
}
.members-wrap ul,
.related-wrap ul{
	margin: 0;
	padding: 0;
}

.members-wrap ul li,
.related-wrap ul li{
	list-style: none;
	float: left;
	width: 16.666%;
	padding: 1%;
}

.members-wrap ul li{
	width: 20%;
	height: 278px;
}

.members-wrap ul li a{
	display: block;
}

.members-wrap ul li .thumb,
.related-wrap ul li .thumb{
	max-width: 100px;
    max-height: 100px;
	margin: 0 auto;
}

.members-wrap ul li .thumb{
    margin: -20px auto 5px;
}

.members-wrap ul li .description,
.related-wrap ul li .description{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #555;
}

.members-wrap ul li .s1-title,
.related-wrap ul li .s1-title{
    font-size: 0.8rem;
    font-weight: 700;
    max-height: 68px;
    overflow: hidden;
}

.members-wrap ul li .s2-title,
.related-wrap ul li .s2-title{
    font-size: 0.7rem;
    text-transform: uppercase;
}

.members-wrap ul li .s3-title,
.related-wrap ul li .s3-title{
    font-size: 0.8rem;
}

.members-wrap .team-thumbnail .image-wrap{
	position: relative;
}

.members-wrap .team-thumbnail .image-wrap h6{
	color: #eee;
	z-index: 1;
    width: 90%;
    margin: 0;
    text-align: center;
}

.members-wrap .content{
    border: 1px solid #eee;
    border-top: none;
    padding-bottom: 10px;
}
/*-----------------------------------------------------------------------------------*/
/* Thumbs Ratings Styles */
/*-----------------------------------------------------------------------------------*/

.one-third{
	float: left;
	width: 33.3%;
	padding: 1%;
}

.one-fifth{
	float: left;
	width: 20%;
	padding: 1%;
}

#international-net{
	position: relative;
	font-family: 'Montserrat', sans-serif;
	color: #4C5561;
    margin: 0 1% 1%;
}
#international-net a{
	color: #4C5561;
    display: block;
    margin: 1%;
}
.iptitle{
	font-family: 'Montserrat', sans-serif;
	font-size: 35px;
	margin: 20px 0 0 50px;
	position: relative;
}
.iptitle:before{
	content: '';
	position: absolute;
	left: -38px;
	top: 20px;
	width: 30px;
	opacity: 0.8;
	height: 22px;
/* 	background: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/cellule.png); */
	background-repeat: no-repeat;
	background-size: contain;
}
#international-net .image-text-wrap{
  position: absolute;
  top: 50%;
  margin-top: -80px;
  right: 80px;
}
#international-net .stat{
	float: left;
	margin: 0 15px;
}
#international-net .stat:last-child{
  margin: 0 0 0 30px;
}
#international-net .stat .number{
	font-size: 24px;
	font-weight: bold;
	position: relative;
}
#international-net .stat .number:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	border-bottom: 1px solid #31373f;
}
#international-net .stat .text{
	font-size: 16px;
}

#international-net img{
	width: 100%;
	height: auto;
}

nav#filters{
	position: relative;
	padding: 15px;
	text-align: center;
}
nav#filters.active{
	display: block;
}
nav#filters ul{
	margin: 0;
	padding: 0;
}
article.invisible{
	display: none;
}
article.card{
	border: 1px solid #e4e4e4;
}
article.card a{
	display: block;
}

article.card.medium{
	float: left;
	width: 23%;
	margin: 1%;
	padding: 0;
	vertical-align: top;
	position: relative;
}

/* .single article.card.medium{
	width: 31%;
} */

/* in the case there is only one card */
article.card.medium.one{
    width: 98%;
    background: #FFF;
    position: relative;
}
article.card.medium.one .thumbnail {
    width: 50%;
    min-width: inherit;
    float: left;
    max-height: 230px;
    overflow: hidden;
}
article.card.medium.one.news .thumbnail {
    width: 100%;
    float: none;
	max-height: 300px!important;
}
article.card.medium.one.news h3{
	text-align: center;
}
article.card.medium.one .content.excerpt{
    height: 100%;
    position: absolute;
    width: 50%;
    left: 50%;
    top: 0;
    font-size: 18px;
}

article.card .content.excerpt a{
	color: #333;
}

/* in the case there are two or four cards */
article.card.medium.two{
    width: 48%;
}
.single article.card.medium.four{
	width: 23%;
}
article.card.medium.four .thumbnail,
article.card.medium.two .thumbnail{
    max-height: 300px;
    overflow: hidden;
}

article.card.medium.two .thumbnail{
    display: block;
    height: auto;
    width: 50%;
    min-width: inherit;
    max-height: inherit;
}
article.card.medium.two .content.over{
	left: 0;
}

article.card.medium.two .content{
	position: absolute;
	height: 100%;
	left: 50%;
	width: 50%;
	top:0;
}

article.card.medium.call .thumbnail{
	max-height: 240px;
}

/*
article.card.medium.call.two .thumbnail {
    max-height: 300px;
}
*/

.single article.card.medium.two .content,
.single article.card.medium.two .thumbnail{
    float: none;
    height: auto;
    width: 100%;
}
/*
.single article.card.medium.two .content{
	height: 120px;
}
*/
.single article.card.medium.two .content{
	height: 230px;
	position: inherit;
	left: inherit;
}
.single article.card.medium.two .thumbnail{
	height: 300px;	
}
.single article.card.medium.three .content{
	height: 160px;
}
article.card.medium.two .content.over{
	width: 100%;
}

.single article.card.medium.four .content.over,
.single article.card.medium.three .content.over,
.single article.card.medium.two .content.over{
	height: 250px;
}
article.card.medium.four .content.excerpt,
article.card.medium.two .content.excerpt{
    font-size: 17px;
}

/* in the case there are two cards */
article.card.medium.three{
    width: 31.3%;
}

article.card.calendar{
	background: #F0F0F0;
	float: left;
	width: 31.333%;
	margin: 1%;
	padding: 0;
	vertical-align: top;
	position: relative;
}

article.card.post{
	background: #FFF;
	vertical-align: top;
}
.card.call .thumbnail{
	position: relative;
    max-height: 250px;
	overflow: hidden;
}
.card .thumbnail{
	min-width: 100%;
	background: #fff;
}
/* .card.publication .thumbnail{
	min-height: 320px;
} */
.card.publication .pub-date{
	position: absolute;
    z-index: 9;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 2.2em;
}
.card.event .thumbnail{
	min-height: 140px;
	height: 100%;
}
.card .thumbnail img{
	width: 100%;
}

.card.news .thumbnail,
.card.news .img-filter,
.card.news .thumbnail a{
	height: 100%;
	max-height: inherit!important;
	min-height: 50px;
}

.card.news .thumbnail img{
	object-fit: cover;
	height: 100%;
}

.card .thumbnail .date{
    position: absolute;
    z-index: 9;
    color: #eee;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 2.2em;
}
	.card.news .thumbnail .date{
		top: auto;
		left: 50%;
		bottom: 6%;		
		transform: translate3d(-50%, 0, 0);
	}

.card .thumbnail .date .day{
    font-size: 28px;
}

.card .thumbnail .date .month-year{
     font-size: 15px;
    margin-top: 5px;
}

.card .content{
	background-color: #fff;
	padding: 15px;
	height: 165px;
	position: relative;
	overflow: hidden;
    font-size: 14px;
}

.card.event .content{
	padding: 15px;
	height: 120px;
	overflow: visible;
}

.card .content .label{
	position: absolute;
    top: 7%;
    left: 50%;
    color: #FFF;
    text-transform: uppercase;
    padding: 2px 0;
    font-weight: 700;
    font-size: 10px;
    z-index: 99;
    border: inherit;
    border-radius: inherit;
    white-space: nowrap;
    	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}

.card.publication .content .label{
	width: 80%;
	text-align: center;
	font-size: 12px;	
}

.card.publication .img-filter{
	height: 100%;
	overflow: hidden;	
}


.card.event .content .label{
	color: #6c7280;
}

.card.event .content h3{
	font-size: 14px;
    max-height: 45px;
    padding: 0 10px;
    margin-bottom: 10px;
	text-align: center;
	position: inherit;
    z-index: 9;
    top: inherit;
    left: inherit;
    width: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
}

/* .card.publication .content.over h3,
.card.publication .content.over .lab */
.card.event .content h3,
.card.event .thumbnail .date,
.card.event .content .lab{
	color: #30343e;
}
.card .content.over{
    position: absolute;
    color:#eee;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 40px;
    background-color: transparent;
}

.card .content h3{
	font-size: 14px;
	margin: 0;
    position: absolute;
    z-index: 9;
	top: 50%;
    left: 50%;
    width: 82%;
    max-height: 170px;
    overflow: hidden;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.card .content .meta{
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #aaa;
}
.card .content.over .title{
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.0em;
	text-transform: capitalize;
}
.card.post .title{
	font-size: 22px;
  margin: 5px 0;
  display: block;
}
.card .description{
	font-size: 12px;
	font-weight: 100;
}
.card.post .description{
	font-size: 15px;
}
.card .lab{
	font-size: 12px;
	font-style: italic;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #DDD;
    padding: 7px;
    text-align: center;
}
.card .content.over .lab{
	color: #FFF;
	background: none;
}
.card.medium.job a:hover > .thumbnail .img-filter:after{
	opacity: 0;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

article.team-cards{
	width: 31%;
	height: 240px;
	margin: 1%;
	float: left;
	position: relative;
	vertical-align: top;
	text-align: left;
	border: 1px solid #eee;
	background-color: #FFF;
}
article.team-cards.two{
	width: 23%;
}

article.team-cards.logo{
	height: auto;
	padding: 0 0 40px;
}


article.team-cards h4{
	font-size: 18px;
}

.filterable.filter,
.filter article.team-cards{
	display: none;
}

.filter.research-group article.team-cards.research-group,
.filter.platform article.team-cards.platform,
.filter.pole article.team-cards.pole,
.filter.g5 article.team-cards.g5,
ilter.group article.team-cards.group{
	display: block;
}

.single-guide .thumb{
	max-width: 100px;
	margin: 0 auto;
}

article.team-cards .team-thumbnail{
	position: relative;
	margin-bottom: 70px;
}
article.team-cards.nohead .team-thumbnail{
	margin-bottom: 10px;
}

article.team-cards .image-wrap{
	overflow: hidden;
    max-height: 150px;
}
article.team-cards a {
	display: block;
	position: relative;
	height: 100%;
}
article.team-cards .image-wrap h4{
	color: #eee;
	z-index: 1;
	width: 90%;
	margin: 0;
	text-align: center;
}
article.team-cards.nohead .image-wrap{
    max-height: 85px;
}
article.team-cards .image-wrap img{
	width: 100%;
}
article.team-cards:last-child:after {
	content:'';
	display:block;
	clear:both;
}
article.team-cards .head-thumbnail img {
  border: 4px solid #FFF;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
article.team-cards .head-wrap{
	position: absolute;
	left: 4%;
	width: 96%;
	bottom: -50px;
}
article.team-cards .head-thumbnail{
	position: relative;
	text-align: left;
}
article.team-cards .head-thumbnail img{
	float: left;
	width: 75px;

}
article.team-cards .head-thumbnail .head-name{
	position: absolute;
	margin: 34px 0 0 90px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -1px;
	line-height: 1.1em;
}
.single-project article.team-cards .head-thumbnail .head-name,
.single-center article.team-cards .head-thumbnail .head-name,
.single-department article.team-cards .head-thumbnail .head-name,
.single-team article.team-cards .head-thumbnail .head-name{
	max-width: 55%;
	font-size: 16px;
}
.single-project article.team-cards .team-name,
.single-center article.team-cards .team-name,
.single-department article.team-cards .team-name,
.single-team article.team-cards .team-name{
	font-size: 14px;
}
.single-project article.team-cards .head-thumbnail .dept-name,
.single-center article.team-cards .head-thumbnail .dept-name,
.single-department article.team-cards .head-thumbnail .dept-name,
.single-team article.team-cards .head-thumbnail .dept-name{
	font-size: 10px;
}
article.team-cards .team-wrap{
  padding: 2px 7px 0 15px;
    text-align: center;
}
article.team-cards .team-wrap .team-name{
	font-family: 'Montserrat', sans-serif;    
    color: #30343e;
	font-size: 16px;
	font-weight: bold;
}
article.team-cards .team-wrap .dept-name{
	font-size:11px;
	text-transform:uppercase;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate3d(-50%,0,0);
}
article.team-cards .logo-wrap{
	text-align: center;
	background: #FFF;
	margin-top: 10px;
}
article.team-cards .logo-wrap img{
	height: 50px;
	-webkit-filter:grayscale(0.4);
	-moz-filter:grayscale(0.4);
	filter:grayscale(0.4);
	width: auto;
}

.section-content{
	position: relative;
	margin: 0 30px 0;
}



.timeline .left-content{
	position: relative;
	float: left;
	width: 150px;
	height: 200px;

}

.timeline .left-content:before{
	content: '';
	position: absolute;
	z-index: 10;
	top:30px;
	left: -5px;
	width: 12px;
	height: 12px;
	background: #30343e;
	border-radius: 50%;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.timeline .item:hover > .left-content:before{
	background: #2d96fa;
	top: 28px;
	left: -7px;
	width: 16px;
	height: 16px;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.timeline .left-content .label{
	margin-top: 10px;
    color: #a5abbc;
    border: 2px solid;
    border-radius: 20px;
    padding: 1px 10px 0;
    line-height: 1.6;
    white-space: nowrap;
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
    font-size: 10px;
    text-transform: uppercase;
}

p[content=" "]{
	display: none;
}

.timeline .item:hover > .left-content .label{
	background: #2d96fa;
	color: #fff;
	border-color: #2d96fa;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.timeline .right-content{
	position: relative;
	float: left;
	width: calc(100% - 150px);
	min-height: 200px;
	padding-bottom: 50px;
}

.timeline .right-content:before{
	content: '';
	position: absolute;
	top: 0px;
	left: -150px;
	width: 1px;
	height: 100%;
	border-left: 1px solid #5b6378;
	z-index: 5;
}

.timeline .date{
    position: absolute;
    z-index: 9;
    left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
    color: #30343e;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 2.2em;
}

.timeline .date .day{
    font-size: 30px;
}

.timeline .date .month-year{
     font-size: 14px;
    margin-top: 5px;
}

.timeline h3{
    margin: 4px 0;
    font-size: 17px;
}
.timeline .location{
	margin-bottom: 10px;
    color: #4d5260;
    font-size: 13px;
}
.timeline .structure{
	float: left;
	width: 50%;
}

.timeline .add-to-calendar{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	float: left;
	width: 50%;
	text-align: right;
}

.timeline .add-to-calendar .icon{
    display: inline-block;
    font-size: 18px;
    top: 6px;
    position: relative;

}

.timeline .add-to-calendar .addtocalendar{
	display: inline-block;
}

.speaker{
	margin: 10px 0;
	display: block;
	clear: both;
}
	.speaker a{
		color: #111;
	}
	.speaker .round{
		float: left;
		width: 50px;
	}
	.speaker .content{
		display: inline-block;
		width: calc(100% - 70px);
		margin-left: 20px;
	}
		.speaker .content .name{
			font-weight: bold;
		}
		.speaker .content .institution{
			font-size: 12px;
			text-transform: uppercase;
		}


.team-block {
	position:relative;
	width:100%;
	float:left;
	text-align: center;
}

.team-block .images {
	width:24%;
	position:relative;
	float:left;
}

.team-block .images .team-thumbnail {
	width:100%;
	height:auto;
	margin-bottom:0;
}

.team-block .images .head-thumbnail {
	position:absolute;
	left:90px;
	top:5px;
	height:90px;
	width:90px;
	display:none;
}

.team-block .titles {
	position:absolute;
	width:76%;
	height:100%;
	left:24%;
	padding:10px;
	float:left;
    background: #F0F0F0;
}
.team-block:hover > .titles{
	background: #4C5561;
	color: #FFF;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.valign {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.team-block .label {
	bottom:0;
	width:100%;
	opacity:.8;
	font-size:9px;
	top:inherit;
	right:0!important;
	left: 0;
}

.team-block .titles span.dept-name,.team-block .titles span.team-name,.team-block .titles span.head-name {
	display:block;
}

.team-block .titles span.team-name {
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	line-height:1.2em;
	min-height:0;
	max-height: 40px;
	overflow: hidden;
}

.team-block .titles span.head-name {
	font-size:12px;
	position:relative;
	margin-top:6px;
	max-height: 18px;
	overflow: hidden;
}

.team-block .titles span.head-name:before {
	content:'';
	position:absolute;
	width:60%;
	left:20%;
	border-top:1px solid #DDD;
	top:-3px;
}

.team-block .titles span.dept-name {
	font-size:10px;
	text-transform:uppercase;
}

.team-block .head-thumbnail img {
	border:none;
}

#mid-content .logo-thumbnail{
	max-width: 180px;
	margin: 30px auto 0;
}

#social-links{
	display: block;
    margin-top: 10px;
}

#social-links a{
	display: inline-block;
    color: #EEE;
    font-size: 28px;
    line-height: 1.5;
    margin: 0 3px;
    vertical-align: top;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#social-links a:hover{
	color: #2d96fa;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#social-links a.round-researchgate,
#social-links a.round-pubmed{
	position: relative;
    width: 27px;
    height: 27px;
    line-height: 1.5;
    border: 1px solid;
    border-radius: 50%;
    font-size: 12px;
    margin: 5px 3px;
    text-align: left;
    padding: 2px 6px;
}
#social-links a.round-researchgate span,
#social-links a.round-pubmed span{
	position: absolute;
    font-size: 8px;
    top: 2px;
    right: 4px;

}

.sub-info{
	text-align: center;
}
.sub-info .info{
	margin: 5px 20px;
	display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#mid-content .logos{
	text-align: center;
}

ul.logo-list{
	margin:0;
	padding: 0;
}
ul.logo-list li{
	display: inline-block;
	list-style: none;
	margin: 10px 20px;
	padding: 0;
}
ul.logo-list li img{
	width: 75px;
	height: auto;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
}
ul.logo-list li.landscape img{
	width: 95px;
}
ul.logo-list li.widescreen img{
	width: 110px;
}
ul.logo-list li.cinemascope img{
	width: 160px;
}
ul.logo-list li.portrait img{
	width: 60px;
}
ul.logo-list li a:hover > img{
	-webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	filter:grayscale(0);
}

#dept-head {
	font-size:20px;
	font-family: 'Montserrat', sans-serif;
	color:#2d96fa;
	margin-bottom:10px;
}

#dept-head .head-thumb {
	margin-right:10px;
	display:inline-block;
}

#dept-head img {
	width:80px;
	height:auto;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
}

.team-thumbnail .labels,
.card .label{
    position: absolute;
    top: 7%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 11px;
    z-index: 99;
    border: 1px solid;
    border-radius: 15px;
}


.team-thumbnail .labels{
	border: none;
}

.team-thumbnail .label{
	color: #FFF;
    text-transform: uppercase;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 11px;
    background: none!important;
    left:50%!important;
    right:inherit!important;
    border:none;
    position: initial;
    display: inline-block;
}



.label.label1 {
	left:auto;
	right:0px;
}

.inline.label {
	position:relative;
	top:0;
	left:0;
}

a.label {
	text-decoration:none;
}

a.label:hover {
	color:#FFF;
}

.label.Pole,.label.press-release {
	background:#89398C;
}

.label.Research.Group,.label.technology,.label.jobs {
	background:#2bb491;
	background: #54B098;
}

.label.research {
	background:#E65B4A;
}

.label.Platform,.label.conference {
	background:#3873A6;
}

.label.health-2 {
	background:#39a639;
}

.label.Group {
	background:#11b1a9;
}

.label.international {
	background:#218c6e;
}

.label.G5,.label.education {
	background:#2885db;
}

.label.nrc{
	background:#2bb7c1;
}

.label.whocc{
	background:#2db221;
}

section#teams {
	padding:10px;
}

.btn-show {
	text-align:center;
	margin-bottom:15px;
}

.btn-show span {
	display:none;
	color:#2d96fa;
	text-transform:uppercase;
	font-size:12px;
	border:1px solid #2d96fa;
	padding:5px;
	cursor:pointer;
}

.btn-show span.show {
	display:inline-block;
}

.equipment-map {
	margin-bottom:40px;
	height:0;
	opacity:0;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	pointer-events: none;
}

.equipment-map.show {
	height:auto;
	opacity:1;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}

.icon-text:before{
    margin: 0px 10px;
    top: 3px;
    position: relative;
}

/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.dept-wrap{
    margin: 30px 0 50px;
    border-radius: 15px;
    border: 1px solid #eee;
    padding-bottom: 60px;
}
.post-list{
    max-height: 100px;
    margin: 2% 1% 2% 3%;
    float: left;
    width: 46%;
}
.post-list:after {
	content:'';
	display:block;
	clear:both;
}
.post-list .thumbs{
	float: left;
	width: 20%;
}
.post-list .thumbs .thumb{
	position: absolute;
	width: 80px;
}
.post-list .content{
	float: left;
	width: 100%;
	height: 110px;
	padding: 0 0 0 90px;
	font-family: 'Montserrat', sans-serif;
}

.post-list .label{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: #eee;
	border-radius: 20px;
	padding: 2px 10px;
	margin-right: 5px;
}

.post-list h4{
	margin: 0;
	color: #30343e;
	font-size: 17px;
}
.post-list h5{
    font-size: 15px;
    margin: 0 0 15px;
    color: #999;
}
.even, .odd{
	padding: 20px;
}
.even{
	background: #f4f6f8;
}
.odd{
	background: #edf0f3;
}
.hidden{
	display: none;
}
.pointer{
	cursor: pointer;
}
.tab{
	display: none;
	position: relative;	
}
	.tab.active{
		display: block;
	}
	
	.news-buttons{
		position: absolute;
		right: 0;
		top:15px;
		display: flex;
	}
/*
.entry-header,.entry-content,.entry-summary,.entry-meta {
	margin:0 auto;
	width:100%;
}

.entry-summary {
	min-height:55px;
}

.mid .entry-header,
.mid .entry-content,
.mid .entry-summary,
.mid .entry-meta {
	width:100%;
	text-align: justify;
}
.mid .entry-header{
	margin:10px 0;
	text-align: center;
}
.mid .entry-header .info{
	margin: 20px 0;
}

.max-size,
#inner-content {
	margin:0 auto;
	position:relative;
}

#inner-content{
    padding: 50px 50px 15px;
}

#inner-content.sided{
	padding: 50px 0px 15px 100px;
}

#inner-content.sided article h3{
    margin: 120px 0 30px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #bbb;
    position: relative;
}

#inner-content.sided article h3 span{
    color: #333;
    font-size: 100px;
    position: absolute;
    left: -10px;
    bottom: -50px;
    font-style: italic;
    font-family: 'Merryweather', serif;
}

#inner-content.sided #mid-content{
    padding: 0;
}
#inner-content.sided #mid-content article{
	margin: 2.5% 0;
	width: calc(100% - 260px);
}
*/

a.email{
	font-size: 13px;
	color: #2d96fa;
	margin-right: 20px;
}
a.phone{
	font-size: 13px;
	color: #2d96fa;
	margin:5px 15px 5px 0;
}

#sidebar,
#mid-content {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 50px;
    position: relative;
}

#mid-content.sided{
	padding: 50px 200px 50px 50px;
}

#sidebar aside{
	float: left;
	width: 33.33%;
}

#side-nav{
    position: absolute;
    text-align: left;
    top: 20px;
    background: #fff;
    padding: 20px 30px 20px 30px;
    right: -30px;
    left: inherit;
    width: 260px;
    visibility: hidden;
}

#side-nav.fixed{
	position: fixed;
	right: inherit;
}

.logged-in #side-nav.fixed{
	top: 72px;
}

#side-nav .title{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding: 5px 0;
}

#side-nav ul{
	margin: 0;
	padding: 0;
	list-style: decimal;
}

#side-nav ul li{
	
}

#side-nav ul li a{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 2px 0;
    display: block;
    line-height: 1em;
    letter-spacing: -0.3px;
}



#mid-content article{
    max-width: 800px;
    margin: 2.5% auto;
    position: relative;
}

	#mid-content article.wide{
		max-width: 1000px;
	}
	
	#mid-content article.wide .entry-content{
		float: left;
	    width: calc(100% - 300px);
        padding: 20px 20px 0 0;
	}	
	
	
	#mid-content article.wide #twitter-feed{
		float: right;	
	}
	
	

#mid-content article.post-list {
    margin: 2%;
}

article h2,
article h3[class^="icon-"],
article h1[class^="icon-"] {
	margin:40px auto 20px;
    border-bottom: 3px solid #f6f6f6;
	padding:0 0 10px;
    font-size: 2.2rem;
    max-width: 800px;
}

#mid-content article#members,
#mid-content article#team,
/* #mid-content article#team-former, */
#mid-content article#teams-secondary,
#mid-content article#nrcs,
#mid-content article#committee,
#mid-content article#pis,
#mid-content article#institution,
#mid-content article#teams,
#mid-content article#emeritus-teams{
	max-width: inherit;
}

#mid-content article article{
	margin: 1%;
}



.block-content.members .member,
article#noteam-members .member,
article#former-head .member,
article#committee .member,
article#team .member,
article#pis .member,
article#members .member {
    float: left;
    margin: 2.5% 1.5%;
    max-width: 11.285%;
   	min-width: 65px;
   	height: 160px;
	text-align: center;
	position: relative;
	vertical-align: top;
}
.block-content.members ,
article#noteam-members ,
article#former-head ,
article#team-former ,
article#committee ,
article#team ,
article#pis ,
article#members  {
	clear: both;
}

article#team-former{
    margin-bottom: 20px;
}

article#team-former .former{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	float:left;
	margin: 1%;
	width: 23%;
	height: 45px;
	text-align: left;
	position: relative;
}
article#team-former .former .member {
	width: 45px;
    margin: 0;
}

article#team-former .former .title {
    position: absolute;
    white-space: nowrap;
    top:50%;
    opacity: 0;
    transform: translate3d(50px, -50%, 0px);
}

article#team-former .former.normal .title{
	opacity: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

article#team-former .former.great-number{
	width: 45px;
	margin: 0;
}

article#team-former .former.great-number .title {
	padding: 3px 10px;
	border-radius: 20px;
	background: #30343e;
	color: #FFF;
    left: 50%;
    z-index: 9;
    -webkit-transform: translate3d(-50%, 0px, 0);
    -moz-transform: translate3d(-50%, 0px, 0);
    transform: translate3d(-50%, 0px, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
article#team-former .former.great-number a:hover > .title{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, 30px, 0);
    -moz-transform: translate3d(-50%, 30px, 0);
    transform: translate3d(-50%, 30px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#former-teams .former-team{
	display: block;
	clear: both;
	margin-bottom: 20px;
}
#former-teams .former-team a{
	display: block;
}

#former-teams .former-team .round{
	float: left;
}
#former-teams .former-team h5{
	display: inline-block;
	margin-left: 30px;
}


.map-section {
	width:100%;
	background:#eee;
	position:relative;
}

.single-network .map-section:after{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #282b33;
	opacity: 0.5;
	pointer-events: none;
}

#map-canvas {
	width:100%;
	height:600px;
}

#map-header {
	background-color:#393f50;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#map-header #description {
	font:300 italic 15px "Source Sans Pro",Helvetica,sans-serif;
	color:#fff;
	margin:0 auto;
	padding:10px 0 10px 20px;
}

.gm-style-iw h3 {
	padding-right:30px;
}

#tidy-map {
	width:100%;
	height:600px;
}

.map-img {
	display:inline-block;
	width:13%;
	margin:10px 0;
	vertical-align:top;
}

.map-title {
	display:inline-block;
	width:79%;
	padding-left:10px;
	vertical-align:top;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.gm-style .map-img img {
	max-width:100%;
}

.gm-style img {
	max-width:none;
}

.gm-style label {
	width:auto;
	display:inline;
}

#map-container {
	position:relative;
}

h2.map {
	padding:10px;
	margin:0;
	background:rgba(43,66,98,1);
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
}

.acf-map {
	width:100%;
	height:400px;
	border:#ccc solid 1px;
	margin:20px 0;
}

.inlink {

	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	padding:3px 7px;
	border:1px solid;
	color:#2d96fa;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
	vertical-align:middle;
	position:relative;
	top:-1px;
}

.inlink:hover {
	color:#FFF;
	border-color:#2d96fa;
	background:#2d96fa;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.member a {
	color:#222;
	text-decoration:none;
}

.member .member-name {
	letter-spacing: -0.5px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.member.former .member-name{
    margin-left: 47px;
    padding-top: 7px;
}

.relative{
	position: relative;
}
.member .member-label,
.member .member-head {
    text-transform: uppercase;
    font-size: 11px;
    background: #2d96fa;
    color: #FFF;
    position: absolute;
    border-radius: 15px;
    top: -28px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    padding: 3px 8px;
    white-space: nowrap;
}

.member .member-position {
	text-transform:uppercase;
	font-size:10px;
}

.member .member-employer {
	font-style:italic;
	font-size:11px;
}

.single-member .member .member-position,.single-member .member .member-employer {
	margin:6px 0;
}

.member .member-topics {
	font-size:11px;
}
.structure,
.member{
	margin: 0 auto;
}
#header-infos .structure{
    pointer-events: auto;
}
#header-infos .member{
    pointer-events: auto;
}
.card .structure,
.card.news .structure{
	position: absolute;
	z-index: 999;
	top: 55px;
	width: 100%;
	text-align: center;
}
.card.calendar .structure {
	text-align: center;
	top: inherit;
}
.card.news .content.excerpt {
    height: 200px;
}


.member-thumb {
	position:relative;
	width:100%;
	height:auto;
    overflow: hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
    z-index: 0;
}

#header-infos .member-thumb{
    z-index: 1;
}

.former .member-thumb{
    width: 35px;
    float: left;
}

.rounded.member-thumb{
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}
.member-round-over {
	float:left;
	width:17%;
	position: relative;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.round img {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
    border: 2px solid #EEE;
}
.rounded img {
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}

header .round a {
	display:block;
	margin:5px 2px;
}

header .member-thumb img {
	width:90px;
	max-width: 100%;
}

.member-round-over img,
.member-thumb img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter:grayscale(100%) brightness(1.15);
	-moz-filter:grayscale(100%) brightness(1.15);
	filter:grayscale(100%) brightness(1.15);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	width:100%;
}
#timeline-container .member-thumb img{
	max-height: 150px;
}
.rounded.member-thumb img{
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}
.rounded img{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.member-round-over:hover > img,
.member-thumb:hover > img {
	filter:url('');
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	filter:grayscale(0%);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.member-round-over:after,
.member-thumb:after {
	content: '';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#2c59b4;
	opacity:.1;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.rounded.member-thumb:after{
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}

.member-filter:hover {
	opacity:0;
}

.rel-teams{
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: 75px;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.rel-teams.right{
	right: auto;
	left: 50%;
    margin-left: 75px;
    margin-right: 0;
}

.rel-teams .entity{
    margin: 0px;
    float: right;
    position: relative;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.rel-teams .entity.former-team .icon{
	background: #5c90b2;
}
.rel-teams .entity.former-team{
	opacity: 0.8;
}

.rel-teams .entity.normal{
    margin: 0 20px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.rel-teams .entity.large{
	margin: 0 10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.rel-teams .entity.great{
	margin: 0 5px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.rel-teams .entity:hover{
    margin: 0 20px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.rel-teams .member-item:after,
.rel-teams .entity:after{
	content: '';
	position: absolute;
	top:50%;
	right: -40px;
	width: 40px;
	height: 2px;
	border-bottom: 2px solid #eee;
	z-index: -1;
}
.rel-teams.right .member-item:after,
.rel-teams.right .entity:after{
    left: -40px;
    right: auto;
}
.rel-teams .member-item{
	float:left;
    position: relative;
    width: 80px;
}
.member-item .abs{
    position: absolute;
    width: 130px;
    text-align: center;
    left: 50%;
	padding: 0 5px;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.hidden-block,
.attachment-list .title,
.hidden-label{
	position: absolute;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 20px;
	background: #30343e;
	color: #FFF;
    left: 50%;
    -webkit-transform: translate3d(-50%, -10px, 0);
    -moz-transform: translate3d(-50%, -10px, 0);
    transform: translate3d(-50%, -10px, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.hover-label{
	position: relative;
}

.hover-label:after{
	content: attr(data-txt);
	position: absolute;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 3px 10px;
	border-radius: 20px;
	background: #30343e;
	color: #FFF;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.hover-label:hover:after{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, 100%, 0);
    -moz-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.attachment-list:hover > a.pi .title{
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

a:hover > .hidden-label,
div:hover > .hidden-block,
div:hover > .hidden-label,
.attachment-list a.pi .title,
.attachment-list a:hover > .title,
.attachment-list a.pi:hover > .title,
.rel-teams .entity:hover > a .hidden-label{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, 10px, 0);
    -moz-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}


.rel-teams .entity:hover > a .hidden-label{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, 25px, 0);
    -moz-transform: translate3d(-50%, 25px, 0);
    transform: translate3d(-50%, 25px, 0);
}

.hidden-label.top{
    -webkit-transform: translate3d(-50%, -70px, 0);
    -moz-transform: translate3d(-50%, -70px, 0);
    transform: translate3d(-50%, -70px, 0);
}
div:hover > .relwrap .hidden-label.top,
div:hover > .hidden-label.top{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-50%, -90px, 0);
    -moz-transform: translate3d(-50%, -90px, 0);
    transform: translate3d(-50%, -90px, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.hidden-label.right{
	top:50%;
	left: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.relwrap:hover > .hidden-label.right{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(20px, -50%, 0);
    -moz-transform: translate3d(20px, -50%, 0);
    transform: translate3d(20px, -50%, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.hidden-label.left{
	top:50%;
    left: -20px;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.relwrap:hover > .hidden-label.left{
	opacity: 1;
	visibility: visible;
    -webkit-transform: translate3d(-100%, -50%, 0);
    -moz-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.structure .attachment-list .icon,
.rel-teams .entity .icon{
    position: absolute;
    background: #2d96fa;
    padding: 3px 7px 0px;
    border-radius: 50%;
    font-size: 18px;
    top: -10px;
    left: -10px;
    color: #000;
}
.structure .attachment-list .icon:before,
.rel-teams .entity .icon:before{
    position: relative;
    top: 1px;
}
#win-taxo{
    position: fixed;
    padding: 100px 30px;
    top: 0;
    left: 100%;
    background: #222;
    width: 500px;
    max-width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: auto;
    transform: translateX(0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
/*
#show-taxo{
	position: absolute;
    z-index: 20;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	padding: 3px 10px;
	border: 1px solid #fff;
	border-radius: 20px;
	text-transform: uppercase;
	color: #FFF;
	top: 20px;
    right: 20px;
    cursor: pointer;
}
*/

.logged-in #win-taxo{
	top:32px;
	height: calc(100% - 32px);
}
#win-taxo.active{
	transform: translateX(-100%);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
#taxo{
	padding: 15px;
}
#win-taxo .taxo-title{
    font-size: 14px;
    text-transform: uppercase;
    color: #eee;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 5px;
}

.taxo-wrap{
	position: relative;
	text-align: left;
}
.taxo-wrap .research-fields {
	text-align: center;
	margin:10px 0 0;
	max-height: 52px;
	overflow: hidden;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.taxo-wrap.open .research-fields{
	max-height: none;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.taxo-wrap.open span.icon-up-open{
	display: inline-block;
}
.taxo-wrap span.icon-up-open{
	display: none;
}
.taxo-wrap.open span.icon-down-open{
	display: none;
}
.taxo-wrap span.icon-down-open{
	display: inline-block;
}
.taxo-wrap #open-close{
	display: none;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.taxo-wrap #open-close span{
	background: #FFF;
	color: #25364D;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	padding: 1px 5px;
	border: 1px solid #25364D;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.taxo-wrap #open-close span:hover{
	background: #25364D;
	color: #FFF;
}

#taxo-bars{
	position: relative;
	width: 100%;
	padding: 40px 0px;
}
#taxo-bars .item{
	position: relative;
	width: 20%;
	height: 15px;
	float: left;
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
}
#taxo-bars .item:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top:0;
	right: 0;
	background: #222;
}
#taxo-bars .item.scientific_field{
	background: #2d96fa;
}
#taxo-bars .item.disease{
	background: #269ad9;
}
#taxo-bars .item.organism{
	background: #28b4cd;
}
#taxo-bars .item.application{
	background: #47bab3;
}
#taxo-bars .item.technique{
	background: #47ba90;
}



ul.tags{
	position: relative;
}
ul.scientific_field ul,
ul.disease ul,
ul.organism ul,
ul.application ul,
ul.technique ul,
ul.scientific_field,
ul.disease,
ul.organism,
ul.application,
ul.technique,
ul.tags {
	margin:0;
	padding:0;
	list-style:none;
}

ul.scientific_field li,
ul.disease li,
ul.organism li,
ul.application li,
ul.technique li{
	float:left;
    margin: 3px 5px;
	list-style: none;
	font-size: 11px;
	line-height: 2.1em;
	overflow: hidden;
}

ul.scientific_field li ul li,
ul.disease li ul li,
ul.organism li ul li,
ul.application li ul li,
ul.technique li ul li{
	float: none;
	width: 100%;
}
ul.tags li {
	display:inline-block;
	margin:0 5px 2px 0;
}

ul.scientific_field li a,
ul.disease li a,
ul.organism li a,
ul.application li a,
ul.technique li a,
ul.scientific_field ul li a,
ul.disease ul li a,
ul.organism ul li a,
ul.application ul li a,
ul.technique ul li a,
ul.tags li a {
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	padding:3px 6px;
	border:1px solid;
	border-radius: 15px;
    white-space: nowrap;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.icon-tags.scientific_field,
ul.scientific_field li a,
ul.tags li.scientific_field a{
	color:#2d96fa;
}
.icon-tags.disease,
ul.disease li a,
ul.tags li.disease a{
	color:#269ad9;
}
.icon-tags.organism,
ul.organism li a,
ul.tags li.organism a{
	color:#28b4cd;
}
.icon-tags.application,
ul.application li a,
ul.tags li.application a{
	color:#47bab3;
}
.icon-tags.technique,
ul.technique li a,
ul.tags li.technique a{
	color:#47ba90;
}

.icon-tags.scientific_field,
.icon-tags.disease,
.icon-tags.organism,
.icon-tags.application,
.icon-tags.technique{
  font-size: 28px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  border-bottom: 1px solid;
  padding: 20px 10px;
}
ul.scientific_field ul li a:hover,
ul.disease ul li a:hover,
ul.organism ul li a:hover,
ul.application ul li a:hover,
ul.technique ul li a:hover,
ul.tags li a:hover {
	color:#FFF;
	border-color:#2d96fa;
	background:#2d96fa;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
ul.scientific_field ul li a:hover,
ul.tags li.scientific_field a:hover{
	border-color:#2d96fa;
	background: #2d96fa;
}
ul.disease ul li a:hover,
ul.tags li.disease a:hover{
	border-color:#269ad9;
	background:#269ad9;
}
ul.organism ul li a:hover,
ul.tags li.organism a:hover{
	border-color:#28b4cd;
	background:#28b4cd;
}
ul.application ul li a:hover,
ul.tags li.application a:hover{
	border-color:#47bab3;
	background:#47bab3;
}

ul.technique ul li a:hover,
ul.tags li.technique a:hover{
	border-color:#47ba90;
	background:#47ba90;
}

.meta-info {
	display:inline-block;
	margin:5px 15px 5px 0;
	text-transform:uppercase;
	font-size:13px;
}

article#publications{
	position: relative;
}

#publications.list li {
	margin: 10px 0 10px;
	padding: 5px;
}

#publications.list a {
	text-decoration:none;
	color:#4d5260;
}

#publications.list a.download{
    position: absolute;
    top: 60px;
    right: 0;
}
#publications.list .pub-date{
  color: #777;
  font-size: 13px;
  float: left;
  width: 45px;
  height: 45px;
  background: #FFF;
  border: 1px solid #AAA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  padding: 11px 0;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.list-item .pub-date,
.list.double .pub-date{
  color: #BBB;
  font-size: 26px;
  float: left;
  width: 100px;
  height: 100px;
  background: #FFF;
  font-weight: bold;
  border: 2px solid #CCC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  padding: 27px 0;
  text-align: center;
  	-webkit-transition:all 800ms ease;
	-moz-transition:all 800ms ease;
	-o-transition:all 800ms ease;
	transition:all 800ms ease;
}
.list-item .pub-date.small{
	background: none;
	font-size: 20px;
	width: 70px;
	height: 70px;
    padding: 15px 0;
    margin-right: 20px;
}
a:hover > lcontent .list-thumbnail .pub-date{
	color: #2d96fa;
	background: #222;
	border-color: #2d96fa;
	-webkit-transition:all 800ms ease;
	-moz-transition:all 800ms ease;
	-o-transition:all 800ms ease;
	transition:all 800ms ease;
}
#publications.list li .pub-date:before{
	content: '';
	position: absolute;
	left: 50%;
	height: 20px;
	width: 1px;
	top: -20px;
	border-left: 1px solid #AAA;
	z-index: 0;
}
#publications.list li .pub-date:after{
	content: '';
	position: absolute;
	left: 50%;
	height: 110px;
	width: 1px;
	bottom: -110px;
	border-left: 1px solid #AAA;
	z-index: 0;
}
#publications.list li:last-child .pub-date:after{
	height: 20px;
	bottom: -20px;
}
#publications.list li .pub-content{
	margin-left: 55px;
	margin-right: 5px;
	padding-top: 6px;
    font-size: 15px;
    max-height: 150px;
    overflow: hidden;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.list-item .pub-title,
#publications.list li .pub-title {
    font-weight: bold;
}

#publications.list li .pub-title strong{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}

#publications.list li .pub-journal-name {

}
#publications.list li .pub-author-list {

}

#publications.list li a:hover{
	color: #2d96fa;
}
#publications.list li a:hover > .pub-date{
	border-color: #2d96fa;
	color: #2d96fa;
}
#publications.list li a:hover > .pub-content{
	margin-left: 60px;
	margin-right: 0;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.list-thumbnail {
	position:relative;
}

.list-item .list-thumbnail{
	margin-top: 20px;
}


.list-item .label{
    color: #bbb;
    text-transform: uppercase;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 11px;
    border: 1px solid;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 10px;
}

.list-item .description{
	color: #555;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

.list-item .head-name{
    font-weight: bold;
    font-size: 14px;
}

.block-content {
	text-align: justify;
	clear: both;	
}

#news .block-content{
	display: flex;
	flex-wrap: wrap;
}

.block-content .list-item{
	margin-bottom: 30px;
}

#publications.list.grid li {
	margin:10px 1% 0 0;
	width:19%;
	float:left;
	border:1px solid #2d96fa;
	line-height:1.3em;
	text-align:center;
	font-size:13px;
	height:200px;
	overflow:hidden;
}

#publications.list.grid .t-thumb {
	display:none;
}

#publications.list.grid .pub-link {
	display:block;
}

#publications.list.grid .pub-title {
	padding:5px;
	background:#2d96fa;
	height:100px;
	overflow:hidden;
}

#publications.list.grid .pub-title a {
	color:#FFF;
}

#publications.list.grid .pub-journal-name {
	padding:5px;
}

#twitter-feed iframe{
	width: 100%!important;
}

.s1-title a {
	text-decoration:none;
}

#attachments{
	margin-bottom: 5px;
}
.attachment-list .round img{
	width: 80px;
}
.attachment-list.mini .round img{
	width: 32px;
}
.former .member img{
	width: 45px;
}

.former .member img,
.attachment-list .member img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
}
.attach-list-wrap{
	display: inline-block;
	text-align: center;
    margin-bottom: 25px;
}

.inline {
	display:inline-block;
	vertical-align: top;
}

.attachment-list a {
    float: left;
    width: 80px;
    margin: 0 -10px 0 -10px;
    vertical-align: top;
    text-align: center;
    position: relative;
}
.attachment-list.mini a {
    width: 35px;
}
.attachment-list a.spread{
	margin: 0 10px 0 10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.attachment-list a.normal-number{
	margin: 0 5px 0 5px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.attachment-list a.large-number{
	margin: 0 -3px 0 -3px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.attachment-list a.great-number{
	margin: 0 -10px 0 -10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.attachment-list a.huge-number{
	margin: 0 -17px 0 -17px;
	width: 70px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.attachment-list a.mega-number{
	margin: 0 -22px 0 -22px;
	width: 70px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.attachment-list.mini a,
.attachment-list.mini a.spread,
.attachment-list.mini a.large-number,
.attachment-list.mini a.great-number,
.attachment-list.mini a.huge-number,
.attachment-list.mini a.mega-number{
	margin: 0 -10px 0 -10px;
	width: 32px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.timeline .attachment-list.mini a,
.timeline .attachment-list.mini a.spread,
.timeline .attachment-list.mini a.large-number,
.timeline .attachment-list.mini a.great-number,
.timeline .attachment-list.mini a.huge-number,
.timeline .attachment-list.mini a.mega-number{
	margin: 0;
}
.attachment-list a.pi,
.attachment-list a:hover{
	margin: 0 10px 0 10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.attachment-list.mini a:hover,
.attachment-list.mini a.spread:hover,
.attachment-list.mini a.large-number:hover,
.attachment-list.mini a.great-number:hover,
.attachment-list.mini a.huge-number:hover,
.attachment-list.mini a.mega-number:hover{
	margin: 0 5px 0 5px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.timeline .attachment-list.mini a:hover,
.timeline .attachment-list.mini a.spread:hover,
.timeline .attachment-list.mini a.large-number:hover,
.timeline .attachment-list.mini a.great-number:hover,
.timeline .attachment-list.mini a.huge-number:hover,
.timeline .attachment-list.mini a.mega-number:hover{
	margin: 0;
}

a.hover {
	position:relative;
	display:block;
}

h2.over-title {
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	color:#fff;
	width:100%;
	padding:3px;
	font-size:16px;
	margin:0;
	font-weight:700;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	height:60px;
	background:rgba(20,80,140,0.6);
	text-rendering:optimizeLegibility!important;
	-webkit-font-smoothing:antialiased!important;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.center img {
	width:100%;
}

.center img.alignnone,
.center img.aligright,
.center img.alignleft{
	width: auto;
}
.sidebar .entry-header .entry-meta {
	padding:0;
}

.entry-thumbnail img {
	display:block;
	margin:0 auto 10px;
}

article.list.double {
	display:inline-block;
	width: 46%;
	margin: 1.5%;
}

article.list p {
	margin:10px 0;
}

.list .lcontent {
	display:inline-block;
	width:8%;
	vertical-align:top;
}

.list .lcontent.big {
	width:33%;
	max-width: 300px;
    padding-top: 10px;
}

.lcontent.small {
	width:50px;
}

.list.double .lcontent {
	width:20%;
	max-width: 100px;
}

.list ul {
	margin:0;
	padding:0;
}

.list li {
	list-style:none;
	margin:0;
	padding:0;
}

.list h3 {
    margin: 0;
}
.list .rcontent h3 {
	font-size: 18px;
}
.list .rcontent h3.list-title {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: bold;
}


.list .rcontent {
	display:inline-block;
	width:91%;
	vertical-align:top;
	padding:0 10px;
	font-size: 90%;
}
.list .rcontent.big {
	width:66%;
	vertical-align:top;
}

.list.double .rcontent {
	width:79%;
}

.list.double .entry-summary {
	font-size:13px;
}
/*
.cellule{
	background: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/cellule.png);
	background-size: cover;
	width: 30px;
	height: 30px;
}
*/

a.cats,a.type,span.type{
/*
	color:#2d96fa;
	text-transform:uppercase;
	font-size:12px;
	border:1px solid;
	padding:1px 6px;
	cursor:pointer;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
	margin-right:4px;
*/	
    color: #424242;
    background: #dbdbe0;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 20px;
    padding: 2px 8px;
    cursor: pointer;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    margin-right: 4px;
}


a.cats:hover,a.type:hover,a.type.active ,span.type:hover{
	background:#2d96fa;
	border-color:#2d96fa;
	color:#FFF;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.label-neutral{
	display: inline-block;
	color: #30343e;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 1px solid;
	padding: 1px 0;
	cursor: pointer;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	margin-right: 4px;
}

.list-item {
	margin-bottom:20px;
	font-size:85%;
}

.list-thumbnail img {
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	width:100px;
	height:auto;
}

.list-thumbnail.small img {
	width:50px;
	height:auto;
}

.list-thumbnail.border img {
	border:1px solid #2d96fa;
}

h3.list-title {
	margin:5px 0;
}

h3.list-title a {
	text-decoration:none;
}

/* new page research */
ul.dept-menu {
	margin:0;
	padding:0;
	list-style:none;
}

ul.dept-menu li {
	display:inline-block;
	width:33%;
	margin:10px 0;
}

ul.dept-menu li .img-wrap {
	width:80px;
	float:left;
}

ul.dept-menu li .grid-title {
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size:22px;
	margin-left:10px;
}


section.one-third {
	vertical-align:top;
	width:33%;
	padding:0 .5%;
	display:inline-block;
	margin:0 0 30px;
}

.entry-header {
	margin-bottom:20px;
	  text-align: center;
}

.entry-title {
	margin:0;
}

.entry-title a {
	color:#141412;
}

.entry-title a:hover {
	color:#2d96fa;
}

section.related ul {
	padding:0;
}

.entry-thumbnail {
	position:relative;
}

.entity {
	margin: 0;
}

.entity a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0;
  display: inline-block;
}
.member-item{
	display: inline-block;
	text-align: left;
	margin: 0 20px;
}
.mil{
	float: left;
}
.mir{
	display: inline-block;
	margin: 0 5px;
}
.mir .position{
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: -3px;
}
.mir a{
  font-weight: 300;
  font-style: italic;
}
.mir h2{
	margin: 0;
	font-size: 24px;
}
.mir h2 a{
	font-size: 24px;
	font-style: normal;
}

/* archive teams */
article.team-grid {
	width:33.333333%;
	margin:0;
	padding:10px;
	float:left;
	position:relative;
	vertical-align:top;
	text-align:center;
}

article.team-grid:last-child:after {
	content:'';
	display:block;
	clear:both;
}

article.team-grid.small .team-thumbnail {
	margin-bottom:18px;
}

.team-thumbnail.compact img{
	width: 100%;
}

article.team-grid.small .head-thumbnail {
	width:70px;
	top:40%;
	margin-left:-35px;
}

span.dept-name,span.team-name,span.head-name {
	font-family: 'Montserrat', sans-serif;
	display:block;
}

span.team-name {
	font-size:18px;
	min-height:54px;
}

article.team-grid.small span.team-name {
	font-size:14px;
	min-height:44px;
}

span.head-name {
	font-size:14px;
	text-transform:uppercase;
}

article.team-grid.small span.head-name {
	font-size:12px;
}

span.dept-name {
	font-size:10px;
	text-transform:uppercase;
}

span.head-name a,span.team-name a,span.dept-name a {
	text-decoration:none;
}

span.head-name a {
	border-top:1px solid #2d96fa;
	display:block;
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */
.entry-meta {
	clear:both;
	font-size:14px;
	margin-top: 30px;
    border-top: 3px solid #f6f6f6;
}

.entry-meta a {
	text-transform:uppercase;
	font-size:10px;
    color: #ccc;
}

.entry-meta a:hover {
	color:#2d96fa;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
}

.entry-content blockquote {
	font-size:22px;
}

.entry-content blockquote cite,.entry-content blockquote small {
	font-size:16px;
}

footer.entry-meta {
	margin-top:24px;
}

/* Mediaelements */
.hentry .mejs-mediaelement,.hentry .mejs-container .mejs-controls {
	background:#102033;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background:#fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background:#003ebc;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background:#595959;
}

.hentry .mejs-controls .mejs-time-rail span,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius:0;
}

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {
	margin-bottom:20px;
	margin-left:-4px;
}

.gallery-item {
	float:left;
	margin:0 4px 4px 0;
	overflow:hidden;
	position:relative;
}

.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
	display:table;
	margin:0 auto 20px;
}

.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item {
	text-align:center;
}

.gallery-columns-4 .gallery-item {
	max-width:23%;
	max-width:-webkit-calc(25% - 4px);
	max-width:calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width:19%;
	max-width:-webkit-calc(20% - 4px);
	max-width:calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width:15%;
	max-width:-webkit-calc(16.7% - 4px);
	max-width:calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width:13%;
	max-width:-webkit-calc(14.28% - 4px);
	max-width:calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width:11%;
	max-width:-webkit-calc(12.5% - 4px);
	max-width:calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width:9%;
	max-width:-webkit-calc(11.1% - 4px);
	max-width:calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right:0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear:left;
}

.gallery-caption {
	background-color:rgba(0,0,0,0.7);
	box-sizing:border-box;
	color:#fff;
	font-size:14px;
	line-height:1.3;
	margin:0;
	max-height:50%;
	opacity:0;
	padding:2px 8px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	-webkit-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
	width:100%;
}

.gallery-caption:before {
	box-shadow:0 -10px 15px #000 inset;
	content:"";
	height:100%;
	min-height:49px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.gallery-item:hover .gallery-caption {
	opacity:1;
}

.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
	display:none;
}

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */
.attachment .hentry {
	background-color:#e6e6e6;
	margin:0;
	padding:0;
}

.attachment .entry-header {
	margin-bottom:0;
	max-width:1220px;
	padding:30px 0;
}

.attachment .entry-title {
	display:inline-block;
	float:left;
	font:300 italic 23px "Source Sans Pro",Helvetica,sans-serif;
	margin:0;
}

.attachment .entry-title:before {
	content:"\f416";
	font-size:32px;
	margin-right:10px;
}

.attachment .entry-meta {
	clear:none;
	color:inherit;
	float:right;
/* max-width: 604px; */
	padding:9px 0 0;
	text-align:right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width:104px;
}

.attachment footer.entry-meta {
	display:none;
}

.attachment-meta:before {
	content:"\f307";
}

.full-size-link a:before {
	content:"\f402";
}

.full-size-link:before {
	content:none;
}

.attachment .entry-meta a,.attachment .entry-meta .edit-link:before,.attachment .full-size-link:before {
	color:#ca3c08;
}

.attachment .entry-content {
	background-color:#fff;
	max-width:100%;
	padding:40px 0;
}

.image-navigation {
	margin:0 auto;
	max-width:1220px;
	position:relative;
}

.image-navigation a:hover {
	text-decoration:none;
}

.image-navigation .nav-previous,.image-navigation .nav-next {
	position:absolute;
	top:50px;
}

.image-navigation .nav-previous {
	left:0;
}

.image-navigation .nav-next {
	right:0;
}

.image-navigation .meta-nav {
	font-size:32px;
	font-weight:300;
	vertical-align:-4px;
}

.attachment .entry-attachment,.attachment .type-attachment p {
	margin:0 auto;
	max-width:724px;
	text-align:center;
}

.attachment .entry-attachment .attachment {
	display:inline-block;
}

.attachment .entry-caption {
	text-align:left;
}

.attachment .entry-description {
	margin:20px auto 0;
/* max-width: 604px; */
}

.attachment .entry-caption p:last-child,.attachment .entry-description p:last-child {
	margin:0;
}

.attachment .site-main .sidebar-container {
	display:none;
}

.attachment .entry-content .mejs-audio {
	max-width:400px;
	margin:0 auto;
}

.attachment .entry-content .wp-video {
	margin:0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom:24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */
.paging-navigation,
.paging-navigation a{
	font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    padding: 10px 20px 10px 20px;
    width: 100%;
    color: #222;
}
.paging-navigation.inverted,
.paging-navigation.inverted a,
.navigation.inverted,
.navigation.inverted a {
    color: #FFF;
}
.paging-navigation a,
.paging-navigation span{
	padding: 10px 20px 10px 20px;
}
.navigation .nav-previous {
	float:left;
	margin-left: 10px;
}

.navigation .nav-next {
	float:right;
	margin-right: 10px;
}
.paging-navigation span.total-pages{
	color: #888;
}
.paging-navigation span.current,
.paging-navigation a:hover,
.navigation a:hover {
	color:#2d96fa;
	text-decoration:none;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

.paging-navigation {
    text-align: center;
    margin: 30px 0;
}

.paging-navigation .nav-links {
	margin:0 auto;
	width:100%;
}

.sidebar .paging-navigation .nav-links {
	max-width:1220px;
}


.paging-navigation .meta-nav {
	font-size:28px;
	line-height: 1em;
	padding:3px 0 8px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right:10px;
	padding:0;
}

.paging-navigation .nav-next .meta-nav {
	margin-left:10px;
	padding:0;
}

.paging-navigation a:hover .meta-nav {
	text-decoration:none;
}

.post-navigation {
	background-color:#fff;
	color:#ca3c08;
	font-size:13px;
	font-style:italic;
	font-weight:300;
	padding:20px 0;
}
.nav-links a{
	max-width: 45%;
}

.post-navigation .nav-links {
	margin:0 auto;
	max-width:1220px;
}
.post-navigation a[rel="next"] {
	float:right;
	text-align:right;
}

/**
 * 5.8 Graphs
 * ----------------------------------------------------------------------------
 */
#rmodal-container,
#login-container,
#timeline-container,
#graph-container{
	font-family: 'Montserrat', sans-serif;
	visibility: hidden;
	position: fixed;
	top:0;
	left:100%;
    width: calc(100% - 60px);
	height: 100%;
    z-index: 99995;
	background: #eee;
	background: -webkit-linear-gradient(to left, #ffffff 0%, #ececec 100%);
	background: linear-gradient(to left, #ffffff 0%, #ececec 100%);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.logged-in #rmodal-container,
.logged-in #login-container,
.logged-in #timeline-container,
.logged-in #graph-container{
    top: 32px;
    height: calc(100% - 32px);
}
.open #rmodal-container,
.open #login-container,
.open #timeline-container,
.open #graph-container{
	width: calc(100% - 140px);
}

#rmodal-container{
	background: transparent;
}
#rmodal-tback{
	background: rgba(0,0,0,0.5);
	position: absolute;
	width: 30%;
	height: 100%;
	top:0;
	left:0;
}
#rmodal-content{
	background: #eee;
	position: absolute;
	width: 70%;
	height: 100%;
	top:0;
	left:30%;
	overflow: auto;
}
#rmodal-content .content{
	padding: 10%;
}
#timeline-container{
	overflow: auto;
}
#login-container{
	background-size: cover;
}
#timeline-container-inline,
#graph-container-inline{
	position: relative;
	width: 100%;
	min-height: 800px;
	background: #eee;
}
#rmodal-container.active,
#login-container.active,
#timeline-container.active,
#graph-container.active{
	visibility: visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#graph-container .legend{
	position: absolute;
	top: 30px;
	left: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #eee;
	background: #282b33;
    z-index: 999;
    padding: 12px 18px;
    opacity: 0.1;
    border-radius: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#graph-container .legend:hover{
	opacity: 1;
	    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#graph-container .legend .title{
	font-size: 15px;
	text-align: center;
}
#graph-container .legend ul{
    margin: 0 0 0 15px;
	padding: 0;
}


#login{
	position: absolute;
	top:50%;
	left: 50%;
    font-size: 15px;
    max-width: 300px;
    color: #eee;
    text-align: center;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
#login h1 a{
	background-image: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/institut-pasteur-128.png);
    background-size: 84px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #4d5260;
    height: 84px;
    font-size: 20px;
    line-height: 1.3em;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 84px;
    text-indent: -9999px;
    outline: 0;
    display: block;
}
#login #nav a,
#login input#wp-submit{
    background: transparent;
    cursor: pointer;
    display: block;
    font-size: 15px;
    padding: 7px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    line-height: 1.3;
    width: 212px;
    margin: 0 auto;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
#login #nav a{
	color: #e6e6e6;
	border-color: #e6e6e6;
}
#login #nav a:hover,
#login input#wp-submit:hover{
    color: #333;
    background: #fff;
    border: 1px solid #fff;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#login #backtoblog{
	display: none;
}
#login input[type="password"],
#login input[type="text"]{
    border: 1px solid #eee;
    border-radius: 20px;
    line-height: 1.3;
    padding: 8px 20px;
    margin-top: 10px;
    text-align: center;
    width: 212px;
}
#login label{
	font-size: 13px;
	color: #e6e6e6;
}

#post-holder{
    position: relative;
    min-height: 800px;
    height: 100%;
    margin: 0px auto;
    max-width: none;
}
#canvas-wrap{
    position: relative;
    float: left;
    width: 100%;
    min-height: 900px;
    height: 100%;
}

.graph-container {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}
.graph-container.left{
    width: 50%;
    left: 0;
	background: #e9e9e9;
}
.graph-container.right{
    width: 50%;
    left: 50%;
	background: #d6d6d6;
}

#part-content{
    float:right;
    width: 50%;
    padding: 25px;
}

#container canvas{
    width: 100%!important;
    height: 100%!important;
}

.timeline-main-card{
	max-width: 500px;
	text-align: center;
	margin: 50px auto;
}
.timeline-main-card .thumb{
	max-width: 150px;
	text-align: center;
	margin: 0 auto;
}
.timeline-main-card .s1-title{
	font-size: 18px;
}
.timeline-main-card .s2-title{
	font-size: 14px;
}

.timeline-contents{
	position: relative;
}

.timeline-contents .trail{
    position: absolute;
    height: 100%;
    width: 4px;
    background: #ddd;
    top: 0;
    left: 50%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.timeline-content-card{
    width: calc(50% - 50px);
    position: relative;
    margin: 50px 0;
    background: #fff;
    border: 3px solid #ddd;
    padding: 20px;
}

.timeline-content-card:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #565b63;
    border-radius: 50%;
    top: 0;
}

.timeline-content-card.right{
	position: relative;
	left:50%;
	margin-left: 50px;
}

.timeline-content-card.left{
	margin-right: 50px;
}

.timeline-content-card.right:before{
	left: -58px;
}

.timeline-content-card.left:before{
	right: -62px;
}
.timeline-content-card h3{
	font-size: 17px;
}
.timeline-content-card .post-type {
    color: #ababab;
}
.timeline-contents .date{
	position: relative;
	top:42px;
    margin: 0 auto;
    display: block;
    border: 4px solid #ddd;
    padding: 0 10px;
    border-radius: 35px;
    font-size: 12px;
    background: #eee;
    width: 110px;
    text-align: center;
}

a.read-more{
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 26px;
    border: 1px solid #ddd;
    color: #888;
}
/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */


.archive-header.dark {
	background-color:#393f50;
}

.archive-title,.archive-meta {
	font-family: 'Montserrat', sans-serif;
	margin: 0 auto;
    padding: 30px 10px 30px 24px;
    width: 100%;
}
.archive-title.big{
	font-size: 30px;
	padding: 20px 0 20px 20px;
}

.archive-meta {
	font-size:16px;
	font-style:normal;
	font-weight:400;
	margin-top:-15px;
	padding:0 0 11px;
}

.inverted{
	color: #FFF;
    background-color: #222;
}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-title {
	font-family: 'Montserrat', sans-serif;
	margin: 0 auto;
    padding: 30px 10px 30px 24px;
    width: 100%;
}

.page-content {
	margin:0 auto;
	padding:40px 0;
	width:100%;
}

/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	font-family: 'Montserrat', sans-serif;
	background: #1c1e23;
	color: #ccc;
	font-size:14px;
	position: relative;
    padding: 40px 40px 0;
}

.site-footer a {
	display: inline-block;
	color: #eee;
}


.site-footer .center-block{
	text-align: center;
	padding: 20px 10px 50px;
}

.foot-btn.open-search{
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 2px 15px;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}
.foot-btn.open-search:hover{
	color:#2d96fa;
	border-color: #2d96fa;
	outline:none!important;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

#footinfo {
	width:100%;
	text-align:center;
	margin: 0 0 20px;
}
#credit-open,
#footinfo a{
	color:#AAA;
	font-weight: 300;
	font-size: 12px;
	padding: 0px 4px;
	display: inline-block;
	cursor: pointer;
}
#credits{
	position: fixed;
	z-index: 999999;
	top:100%;
	visibility: hidden;
	left:0;
	width: 100%;
	height: 100%;
	color: #FFF;
	background: #213f53;
	background: -webkit-linear-gradient(to left, #00d2ff , #213f53);
	background: linear-gradient(to left, #00d2ff 0%, #213f53 100%);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.btn.close,
#credits .close{
    position: absolute;
    top: 40px;
    right: 40px;
    color: #fff;
    font-size: 50px;
    cursor: pointer;
    z-index: 999;
}

#credits.active{
	visibility: visible;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
#credits .desc-block{
	margin-bottom: 60px;
}
#credits .bg-title{
	color: #fff;
	font-size: 25px;
	font-family: 'Montserrat', sans-serif;
}
#credits .credit-link{
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 0px 15px;
    margin: 15px 0;
    font-family: 'Montserrat', sans-serif;
}
#credits .description{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-align: justify;
}

#social-footer{
	margin: 15px;
	text-align: center;
}

#social-footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#social-footer ul li{
	display: inline-block;
}

#social-footer ul li a{
	font-size: 40px;
	padding: 10px;
	color: #aaa;
		-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

#social-footer ul li a:hover{
	color: #2d96fa;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

#footlogo-wrap{
	text-align: center;
}

#footlogo {
	cursor:pointer;
	background-image: url(https://research.pasteur.fr/wp-content/themes/biologyx2/images/logo-white.svg);
	background-size:100%;
    background-position: 6px center;
	background-repeat:no-repeat;
    width: 150px;
    height: 65px;
    opacity: 0.8;
	margin:20px auto 5px;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#footlogo:hover {
	opacity: 1;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

#footinfo .foo1 {
	font-weight:400;
	font-size:14px;
	display:inline-block;
	border-bottom:1px solid #aaa;
}

#footinfo .foo2 {
	font-weight:100;
	font-size:12px;
}

.site-footer .sidebar-container {
	padding:12px;
}

#footer-nav{
	font-size: 11px;
	max-width: 1440px;
    margin: 0 auto;
}

#footer-nav .title{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 5px;
}

#footer-nav a{
	display: block;
	color:#aaa;
	margin-bottom: 2px;
}

#footer-nav a:hover {
	color:#2d96fa;
	outline:none!important;
	text-decoration:none;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}


/* Comment form */
#comments{
    max-width: 800px;
    margin: 0 auto;
}

#comments h2{
    font-size: 22px;
}

#mid-content #comments p,
#mid-content #comments p a{
	font-family: inherit;
}
#mid-content #comments ol li a,
#mid-content #comments ol li,
#mid-content #comments ol p,
#comments{
	font-family: 'Montserrat', sans-serif;
}
#mid-content #comments ol li .comment-content{
	margin: 35px 0;
}
#mid-content #comments ol li .comment-content p{
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}
#comments ol{
	list-style: none;
}
#respond{
    margin: 40px;
}
.comment-form-comment label{
	display: block;
}
.comment-form-comment textarea{
	width: 100%;
}
#mid-content #comments ol li{
	padding: 40px;
}
#mid-content #comments ol li time{
	font-size: 12px;
	text-transform: uppercase;
}
#mid-content #comments a.comment-reply-link,
#mid-content #comments .comment-edit-link{

	font-size: 12px;
	color: #30343e;
	border: 1px solid;
	border-radius: 15px;
	padding: 4px 15px;
	text-transform: uppercase;
}

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
@-ms-viewport {
	width:device-width;
}

@viewport {
	width:device-width;
}

@media (min-width: 783px){
	body {
	    padding-left: 60px;
	}
	body.open{
		padding-left: 190px;
	}
}

@media (max-width: 1660px) {
	body {
		font-size: 17px;
	}
	.site {
		border:0;
	}
	#image-top{
	    height: 400px;
	}
	h2.section-rotated {
	    font-size: 30px;
	    margin: 2%;
	    position: inherit;
	    transform: inherit;
	    left: inherit;
	    top: inherit;
	    color: inherit;
	    width: inherit;
	    text-align: center;
	}
	#header-infos{
	    padding: 3%;
	}
	
	#header-infos h1 {
	    font-size: 40px;
    }
	
	.header-nav .hidden-label.closeleft{
	    -webkit-transform: translate3d(-40px, -10px, 0);
	    -moz-transform: translate3d(-40px, -10px, 0);
	    transform: translate3d(-40px, -10px, 0);
	}
	
	.header-nav a:hover > .hidden-label.closeleft{
	    -webkit-transform: translate3d(-40px, 10px, 0);
	    -moz-transform: translate3d(-40px, 10px, 0);
	    transform: translate3d(-40px, 10px, 0);
	}

	.header-nav .hidden-label.closeright{
	    -webkit-transform: translate3d(-179px, -10px, 0);
	    -moz-transform: translate3d(-179px, -10px, 0);
	    transform: translate3d(-179px, -10px, 0);
	}
	
	.header-nav a:hover > .hidden-label.closeright{
	    -webkit-transform: translate3d(-179px, 10px, 0);
	    -moz-transform: translate3d(-179px, 10px, 0);
	    transform: translate3d(-179px, 10px, 0);
	}
	
	#site-navigation #donate{
		right: 50px;
	}
}

@media (max-width: 1440px) {
	body {
		font-size: 16px;
	}
	#image-top{
	    height: 370px;
	}
	#header-infos{
	    padding: 1%;
	}
	#header-infos h1 {
	    font-size: 36px;
    }
	#site-navigation #donate{
		right: 90px;
	}
	article.team-cards .head-thumbnail .head-name {
	    font-size: 16px;
    }
    article.team-cards h4 {
	    font-size: 16px;
	}
}

@media only screen and (max-width: 1350px) {
	article.team-cards .team-wrap .team-name {
		font-size: 14px;
	}
}
	
@media (max-width: 1280px) {
    #image-top{
	    height: 350px;
	}
	#header-infos h1 {
	    font-size: 40px;
    }
    #search-placeholder, input#s {
	    font-size: 110px;
        height: 155px;
    }
    #search-placeholder{
		top: -9px;
	}
	.card .content.over .title{
		font-size: 15px;
	}
	.card .content h3 {
	    font-size: 13px;
    }
    .card .content .label {
	    top: 2%;
    }
    .card .structure, .card.news .structure {
	    top: 35px;
    }
    .attachment-list.mini a, .attachment-list.mini a.spread, .attachment-list.mini a.large-number, .attachment-list.mini a.great-number, .attachment-list.mini a.huge-number, .attachment-list.mini a.mega-number {
    margin: 0 -12px 0 -12px;
    }
    .card .thumbnail .date {
	    bottom: 10px;
    }
    .card .thumbnail .date .day {
	    font-size: 20px;
	}
	.card .thumbnail .date .month-year {
	    margin-top: 0px;
	}
	article.card .content.excerpt a {
	    font-size: 13px;
	}
	#flying-buttons {
	    right: 3px;
    }
    .post-type {
	    font-size: 12px;
    }

}

	

@media (max-width: 1180px) {

	#image-top {
	    height: 330px;
    }
    #search-placeholder, input#s {
	    font-size: 100px;
        height: 145px;
    }
    #search-placeholder{
		top: -14px;
	}
	#header-infos h1 {
	    font-size: 35px;
    }
    #header-infos .structure .symbol, #header-infos .member .photo {
	    width: 100px;
	    height: 100px;
	}
	#header-infos .structure .symbol {
	    font-size: 50px;
	    line-height: 115px;
    }
    #header-infos .entity .round, #header-infos .member-item,
	#header-infos .entity .round, #header-infos .member-item .photo {
	    width: 60px;
    }
	.rel-teams {
	    margin-right: 60px;
    }
	.rel-teams.right {
	    margin-left: 60px;
    }
    .rel-teams .member-item:after, .rel-teams .entity:after {
	    right: -30px;
	    width: 30px;
    }
    .rel-teams.right .member-item:after, .rel-teams.right .entity:after {
	    left: -30px;
    }
    .rel-teams .entity {
	    margin: 0 10px;
    }

	#research-menu ul li a {
		padding: 12px 7px;
	}

	#header-infos .header-nav .item a .info .text {
	    font-size: 11px;
    }

	#mid-content {
	  padding: 50px 8px 10px 8px;
  	}

	article.team-grid {
		width:33%;
	}

	.list.double .pub-date {
	  width: 90px;
	  height: 90px;
	  padding: 23px 0;
	  }

	.error404 .page-header {
		margin-left:auto;
	/* max-width: 604px; */
		width:100%;
	}

	.archive-header,.search .page-header,.archive .page-header,.blog .page-header,.error404 .page-content,.search .page-content,.archive .page-content,.attachment .entry-header,.attachment .entry-content,.post-navigation .nav-links,.sidebar .site-info {
		padding-left:20px;
		padding-right:20px;
	}

	.error404 .page-title {
		font-size:24px;
		padding:180px;
	}

	.error404 .page-title:before {
		font-size:554px;
	}

	.attachment .image-navigation {
		max-width:724px;
	}

	.image-navigation .nav-previous,.image-navigation .nav-next {
		position:static;
	}

	article.team-cards.two{
		width: 48%;
	}
	
	article.team-cards .team-wrap .team-name {
		font-size: 12px;
	}

}



@media only screen and (max-width: 1050px) {
	article.card.medium {
		width: 48%;
	}	
	.cards.five article {
		width: 31.33%;
	}
}


	
@media (max-width: 999px) {
	body {
	    font-size: 1rem;
    }
    #search-placeholder, input#s {
	    font-size: 90px;
        height: 135px;
    }
    #search-placeholder{
		top: -20px;
	}
	.animated-in-order,
	.animated{
		opacity: 1;
	}
	.animated-in-order.fadeInUp.start,
	.animated.fadeInUp.start{
		-webkit-animation-name: none;
		animation-name: none;
	}

	#header-infos h1 {
	    font-size: 30px;
    }

	#header-infos .header-nav .item a .info .text {
	    font-size: 10px;
	    letter-spacing: -1px;
    }

    #header-infos .header-nav .hidden-label{
	    display: none;
    }

	#inner-content {
	    padding: 10px 40px 15px;
	}
	
	.nav-menu li:not(:first-child){
		display: none;		
	}
	
    #page-menu.fixed,
	#page-menu {
    	position: relative;
	}

	.team-block .titles span.team-name {
		font-size: 13px;
		max-height: 30px;
	}
	.team-block .titles span.dept-name {
		display: none;
	}
	.team-block .titles span.head-name {
	  font-size: 11px;
	  max-height: 15px;
	  }

	.block-content.members .member, article#noteam-members .member, article#former-head .member, article#committee .member, article#team .member, article#pis .member, article#members .member {
	    max-width: 16.8%;
        height: 190px;
    }

	.card .content.over .title {
		font-size: 14px;
	}
	.card .title {
	  font-size: 13px;
	}
	h2.home-title {
	  font-size: 21px;
	}

	.card .content h3 {
	    font-size: 16px;
    }

	.card .structure, .card.news .structure {
	    top: 55px;
    }

	.card .thumbnail .date {
	    bottom: 15px;
    }
    .card .thumbnail .date .day {
	    font-size: 30px;
	}
	.card .thumbnail .date .month-year {
	    margin-top: 5px;
	}
	article.card .content.excerpt a {
	    font-size: 15px;
	}

	.card .content .label {
	    top: 5%;
    }
    article.card.medium.four,
	article.card.medium.three,
	article.card.medium.two,
  	article.card.medium {
		width: 48%;
	}
	
	article.card.medium.two .thumbnail{
		width: 100%;			
	}
	
	article.card.medium.two .content{
		position: relative;
		left: 0;
		width: 100%;
		height: 140px;
	}
	
	article.list.double {
		width:98%;
		margin:1%;
	}

	#mid-content {
		width: 100%;
	}
	.post-list{
		width: 98%;
	    margin-bottom: 25px;
	}
	article.team-cards {
	  width: 48%;
	}

	.main-navigation {
		min-height:0;
	}

	.team-thumbnail {
		margin-bottom:50px;
	}

	.attachment .entry-meta {
		float:left;
		text-align:left;
		width:100%;
	}

	.attachment .entry-content {
		max-width:100%;
		padding:40px 0;
	}

	.sidebar .paging-navigation .nav-links {
		padding:0 60px;
	}
	#intro-calendar {
	    width: 98%;
	    height: 230px;
    }
	#intro-calendar .icon {
	    display: none;
	}

	#intro-calendar a.button {
	    margin-top: 15px;
	}
	#main-calendar {
	    width: 100%;
    }
    .post-type {
	    font-size: 11px;
    }
    .rel-teams .entity.great {
    	margin: 0 -5px;
    }
    .members-wrap ul li .s1-title, .related-wrap ul li .s1-title {
	    font-size: 0.7rem;
    }
    .members-wrap ul li .s2-title, .related-wrap ul li .s2-title {
	    font-size: 0.6rem;
    }

}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 782px) {
	
	#wpadminbar{
		position: fixed;
	}

	body{
		padding-left: 0;
	}
	h1 {
		font-size: 32px;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 25px;
	}
	h4{
		font-size: 22px;
	}
	
	#lbar{		
	    width: 190px;
	    overflow: inherit;
        left: -190px;
	}	
	#lbar.active{
		left: 0;
	}
	#main-nav ul li .ibutton .aname{
		display: inline-block;
	}
	#togglebar{
		display: none;
	}
	#main-nav ul#first-menu {
/* 	    height: auto; */
	    overflow-y: auto;
    }
    #main-nav ul li.login {
	    position: inherit;
	    bottom: inherit;
    }
    #lang-btn{
	    display: none;
    }
    .site-header{
		display: none;
	}
	
	#mobile-menu{
		background: #0083DD;
	    visibility: visible;
	    display: block;
	    position: fixed;
        top: 0px;
	    left: 0;
        padding: 10px 5px 9px;
	    z-index: 999999;
	    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	}
	.logged-in #mobile-menu{
		top: 46px;
	}
	#mobile-menu.active{
		left: 190px;
		-webkit-transition:all 400ms ease;
		-moz-transition:all 400ms ease;
		-o-transition:all 400ms ease;
		transition:all 400ms ease;
	}
	#mobile-menu .container{
		position: relative;
	}
	#mobile-menu .bars{
		width: 30px;
		height: 3px;
		background: #eee;
		margin: 6px;
		-webkit-transition:all 400ms ease;
		-moz-transition:all 400ms ease;
		-o-transition:all 400ms ease;
		transition:all 400ms ease;
	}
	#mobile-menu.active .bar1{
		transform: rotate(45deg) translate3d(4px,4px,0);
		-webkit-transition:all 400ms ease;
		-moz-transition:all 400ms ease;
		-o-transition:all 400ms ease;
		transition:all 400ms ease;
	}
	#mobile-menu.active .bar2{
		opacity: 0;
	}
	#mobile-menu.active .bar3{
	    transform: rotate(-45deg) translate3d(8px,-8px,0);
		-webkit-transition:all 400ms ease;
		-moz-transition:all 400ms ease;
		-o-transition:all 400ms ease;
		transition:all 400ms ease;
	}
	
	#rmodal-container, #login-container, #timeline-container, #graph-container{
		width: 100%;
	}
	#rmodal-content{
		width: 100%;
		left:0;
	}
	
	.open #rmodal-container,
	.open #login-container,
	.open #timeline-container,
	.open #graph-container{
		width: 100%;
	}
	
	
	#image-top{
		height: 320px;
	}
	#header-infos h1 {
	    font-size: 25px;
    }
	.logged-in #search-wrap,
	.logged-in #lbar {
	    top: 45.5px;
	    height: calc(100% - 45.5px);
	}
	.logged-in #page-menu.fixed{
		top:45.5px;
	}
	#loading-layer{
		left: 0px;
	}
	.btn.close, #credits .close {
	    top: 25px;
	    right: 25px;
	    font-size: 38px;
	}
	#search-wrap{
		left: -60px;
	}
	#search-wrap #slabel {
	    margin-left: 4px;
	}
	#search-placeholder, input#s {
	    font-size: 40px;
        height: 88px;
        padding: 0;
        margin: 10px 0;
    }
    #search-placeholder{
		top: -20px;
	}
	#loading-layer,
	#search-wrap,
	#graph-container,
	#timeline-container,
	#login-container{
		width: 100%;
	}
	#search-wrap .ui-wrap{
        margin: 80px 5% 5% 5%;
	}
	#search-content {
	    margin: 0;
	}
	
	#header-infos .header-nav .item a .info .text{
	    display: none!important;
	}
	
	h2.section-rotated{
		font-size: 18px;
		margin: 1em;
	}
	
	#iplogo {
		width: 120px;
		height: 48px;
		margin: 8px 12px;
	}
	#head-pasteur{
		display: none;
	}

    #header-infos .structure .symbol, #header-infos .member .photo {
	    width: 80px;
	    height: 80px;
	}
	#header-infos .structure .symbol {
	    font-size: 40px;
	    line-height: 100px;
    }
    #header-infos .entity .round, #header-infos .member-item,
	#header-infos .entity .round, #header-infos .member-item .photo {
	    width: 80px;
    }
	.rel-teams {
	    margin-right: 40px;
    }
	.rel-teams.right {
	    margin-left: 40px;
    }
    .rel-teams .member-item:after, .rel-teams .entity:after {
	    right: -20px;
	    width: 20px;
    }
    .rel-teams.right .member-item:after, .rel-teams.right .entity:after {
	    left: -20px;
    }
    
    .timeline .left-content {
		float: inherit;
		width: 100%;
		height: 150px;
    }
    .timeline .right-content {
	    width: 100%;
	    padding: 0;
	}
	
	#meta-header .squ-block.graph{
		display: none;
	}

	.post-list h4,
	.dept-over-wrap .dept-head-info h3,
	.dept-over-wrap h2 {
	    font-size: 20px;
	}

	.filtering .selector {
	    display: block;
	    margin: 6px auto;
        height: 34px;
        position: relative;
	    left: -83px;
    }

	li.teams-list,li.grid-thumbnail {
		width:33%;
	}

	li.grid-thumbnail a {
		width:100%;
	}

	li.grid-thumbnail img {
		width:100%;
	}

	.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
		margin-left:0;
	}

	.entry-content img.alignright,.entry-content .wp-caption.alignright {
		margin-right:0;
	}

	.attachment .image-navigation,.attachment .entry-attachment .attachment {
	/* max-width: 604px; */
		padding:0;
		width:100%;
	}

	.gallery-caption {
		display:none;
	}

	.one-third {
	  width: 98%;
	}

	.card .content h3 {
	    font-size: 15px;
    }

	article.card.calendar {
	    width: 48%;
    }
    #footer-nav .one-fifth{
	    width: 33%;
    }
    #international-net .iptitle{
	    display: none;
    }

    .rel-teams .entity.great {
    	margin: 0 -10px;
    }

    .members-wrap ul li,
	.related-wrap ul li{
	    width: 32%;
	    display: inline-block;
	    float: none;
        vertical-align: top;
	}

	#meta-header .squ-block .icon {
	    font-size: 30px;
	}
	#meta-header .squ-block .s-text {
	    font-size: 11px;
    }
    #meta-header .squ-block {
	    padding: 0;
	    width: 80px;
	    margin: 5px;
	}
	
	.cards.five article {
		width: 48%;
	}

}

@media (max-width: 643px) {
/*
	.logged-in #lbar{
		top: -0.5px;
		height: 100%;
	}
	.logged-in #page-menu.fixed{
		top:0px;
	}
*/
	#inner-content {
	    padding: 10px 30px 15px;
	}

	ul.filter label, ul.filter li, nav#filters ul li, #search-adv ul li {
	    margin: 0 4px 6px 0;
    }

	#header-infos h1 {
	    font-size: 21px;
    }
    
    #header-infos .rel-teams{
	    display: none;
    }
    
    .single-network #header-infos .rel-teams.right,
    .single-whocc #header-infos .rel-teams.right,
    .single-nrc #header-infos .rel-teams.right,
    .single-program_project #header-infos .rel-teams.right,
    .single-department #header-infos .rel-teams.right,
    .single-center #header-infos .rel-teams.right,
    .single-team #header-infos .rel-teams.right{
	    display: inline-block;
	    margin: 50px 0 0 0;
	    position: inherit;
	    left: inherit;
    }
    
    .single-network #header-infos .icon.symbol,
    .single-whocc #header-infos .icon.symbol,
    .single-nrc #header-infos .icon.symbol,
    .single-program_project #header-infos .icon.symbol,
    .single-department #header-infos .icon.symbol,
    .single-center #header-infos .icon.symbol,
    .single-team #header-infos .icon.symbol{
	    display: none;
    }
    
    .rel-teams.right .member-item:after, 
    .rel-teams.right .entity:after{
	    display: none;
    }
    
    .rel-teams .entity,
    .rel-teams .entity:hover{
	    margin:0 10px;
    }
    
    #image-credits{
	    display: none;
    }

	a.login.float-item {
	    width: 50px;
	    height: 32px;
	    overflow: hidden;
    }

    .block-content.members .member, article#noteam-members .member, article#former-head .member, article#committee .member, article#team .member, article#pis .member, article#members .member {
	    max-width: 27%;
	    margin: 2.5% 3%;
	    height: 210px;
    }
    .member .member-name {
	    font-size: 12px;
    }

	article.card.medium.four,
	article.card.medium.three,
	article.card.medium.two,
	article.card.medium {
		width: 98%;
		margin: 0 1% 25px 1%;
	}
	article.card.medium .thumbnail{
		max-height: 160px;
		overflow: hidden;
	}
	article.card.medium.news .thumbnail{
		max-height: 220px;
		overflow: hidden;
	}
	article.card.medium.one .thumbnail,
	article.card.medium.four .thumbnail,
	article.card.medium.three .thumbnail,
	article.card.medium.two .thumbnail {
	    max-height: 160px;
    }

    article.card.medium.news.one .thumbnail,
	article.card.medium.news.four .thumbnail,
	article.card.medium.news.three .thumbnail,
	article.card.medium.news.two .thumbnail {
	    max-height: 220px;
    }

    .card.publication .thumbnail {
	    min-height: 220px;
	}
	.card.news .content.excerpt,
	.card .content {
	    height: 125px;
    }

	article.card.calendar {
	    width: 98%;
    }
	article#members{
		text-align: center;
	}

	.single article.team-cards,
	article.team-cards {
	  width: 98%;
	}

	article.card.medium.one .thumbnail {
	    width: 100%;
	    float: none;
	}
	article.card.medium.one .content.excerpt{
	    height: 100%;
	    position: relative;
	    width: 100%;
	    left: 0;
	    top: 0;
	    font-size: 18px;
	}

	article.team-cards.two{
		width: 98%;
	}


	#international-net{
		width: 100%;
		overflow: hidden;
	}
	#international-net .image-text-wrap {
		display: block;
		margin: 0 auto;
		padding: 20px;
		position: relative;
		top: 0;
		right: inherit;
		background-color: #EDEEF2;
	}
	#international-net img {
		width: 150%;
		max-width: none;
		height: auto;
	}

	.nav-menu li a {
		width:100%;
	}

	.nav-menu li a:hover:after,.nav-menu .current_page_item > a:after,.nav-menu .current_page_ancestor > a:after,.nav-menu .current-menu-item > a:after,.nav-menu .current-menu-ancestor > a:after {
		border:none;
	}

	li.teams-list,li.grid-thumbnail {
		width:49.6%;
	}

	.list.double .pub-date {
		font-size: 22px;
		width: 70px;
		height: 70px;
		padding: 17px 0;
	}
	/* Small menu */
	.menu-toggle {
		cursor:pointer;
		display:inline-block;
		font:bold 16px/1.3 "Source Sans Pro",Helvetica,sans-serif;
		margin:0;
		padding:12px 0 12px 20px;
	}

	.toggled-on .nav-menu,.toggled-on .nav-menu > ul {
		display:block;
		margin-left:0;
		padding:0;
		width:100%;
	}

	.toggled-on li,.toggled-on .children {
		display:block;
	}

	.toggled-on .nav-menu li > ul {
		background-color:transparent;
		display:block;
		float:none;
		margin-left:20px;
		position:relative;
		left:auto;
		top:auto;
	}

	.toggled-on .nav-menu li > ul a {
		color:#141412;
		width:auto;
	}

	.toggled-on .nav-menu li:hover > a,.toggled-on .nav-menu .children a {
		background-color:transparent;
		color:#141412;
	}

	.toggled-on .nav-menu li a:hover,.toggled-on .nav-menu ul a:hover {
		background-color:#2d96fa;
		color:#fff;
	}

	#site-navigation ul.nav-menu, #site-navigation div.nav-menu > ul {
		display:none;
	}

	#content .featured-gallery {
		padding-left:24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right:0;
		width:100%;
	}

	.entry-title {
		font-size:22px;
	}

	.rel-teams .entity.great {
    	margin: 0 -15px;
    }

	.error404 .page-title {
		padding:40px 0 0;
	}

	.error404 .page-title:before {
		content:normal;
	}
	#footer-nav .one-fifth {
	    width: 50%;
	}

}

@media (max-height: 770px){
	
	#main-nav ul li {
	    height: 45px;
	}
	
	#main-nav ul li #search-button:before, 
	#main-nav ul li a:before {
	    font-size: 19px;
	}
	#main-nav ul li .ibutton {
	    padding: 8px 10px 8px 17px;
    }
	#main-nav ul li .ibutton .aname {
	    padding: 7px 3px;
    }
}


@media (max-height: 670px){
	
	#main-nav ul li {
	    height: 38px;
	}
	
	#main-nav ul li #search-button:before, 
	#main-nav ul li a:before {
	    font-size: 18px;
	}
	#main-nav ul li .ibutton {
	    padding: 8px 10px 8px 17px;
    }
	#main-nav ul li .ibutton .aname {
	    padding: 6px 3px;
    }
}

/*
@media (max-width: 600px){
	#wpadminbar{
		display: none;
	}
	.logged-in #lbar{
		top: -0.5px;
		height: 100%;
	}
	.logged-in #page-menu.fixed{
		top:0px;
	}

}
*/

/* Mobile devices */
@media (max-width: 359px) {
	.gallery {
		margin-left:0;
	}

	.gallery .gallery-item,.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width:none;
		width:49%;
		width:-webkit-calc(50% - 4px);
		width:calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
		display:block;
	}

	.gallery-columns-1 .gallery-item,.gallery-columns-1.gallery-size-medium .gallery-item,.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align:center;
		width:98%;
		width:-webkit-calc(100% - 4px);
		width:calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right:4px;
	}

	.gallery br {
		display:none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right:0;
	}

	.block-content.members .member, article#noteam-members .member, article#former-head .member, article#committee .member, article#team .member, article#pis .member, article#members .member {
	    max-width: 45%;
    }
    #footer-nav .one-fifth{
	    width: 100%;
    }

}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */
/* Retina-specific styles. */
@media print,(-o-min-device-pixel-ratio: 54),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {

}

@media print {
	body {
		background:none!important;
		color:#000;
		font-size:10pt;
		margin: 20px 0;
	}
	#flying-buttons,
	#colophon,
	#rmodal-container,
	#login-container,
	#loading-layer,
	#lbar,
	#hmenu,
	.related-preview,
	#search-wrap,
	#credits,
	#lbar,
	#image-top{
		display: none;
	}
	#header-infos{
		position: relative;
		top:inherit;
		left: inherit;
		transform: inherit;
	}
	#inner-content{
		padding: 15px;
	}
	#header-infos h1{
	    color: #222;
	    font-size: 30px;
	}
	#mid-content{
		width: 100%;
	}

	footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after {
		content:" [" attr(href) "] ";
	/* Show URLs */
	}

	.site {
		max-width:98%;
	}

	.site-header {
		background-image:none!important;
	}

	.site-header .home-link {
		max-width:none;
		min-height:0;
	}

	.page-links,.site-content nav,.main-navigation,.navbar,.more-link {
		display:none;
	}

	.entry-header,.entry-content,.entry-summary,.entry-meta {
		margin:0;
		width:100%;
	}

	.page-title,.entry-title {
		font-size:21pt;
	}

	.entry-meta,.entry-meta a {
		color:#4d5260;
		font-size:10pt;
	}

	.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
		margin-left:0;
	}

	.entry-content img.alignright,.entry-content .wp-caption.alignright {
		margin-right:0;
	}

	.format-image .entry-content .size-full {
		margin:0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color:#fff;
	}

}