@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600&subset=cyrillic,cyrillic-ext,latin-ext');
@font-face {
	font-family: 'Gotham';
	src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/GothamBook.woff') format('woff'), 
		url('../fonts/GothamBook.ttf')  format('truetype'), 
		url('../fonts/GothamBook.svg#GothamBook') format('svg');
	font-weight: 400;
	font-style: normal;
  }
  @font-face {
	font-family: 'Gotham';
	src: url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/GothamBold.woff') format('woff'), 
		url('../fonts/GothamBold.ttf')  format('truetype'), 
		url('../fonts/GothamBold.svg#GothamBold') format('svg');
	font-weight: 700;
	font-style: normal;
  }
  
body, html{
	height:100%;
	width:100%;
}
body{
	background-color: rgb(245,245,245);
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	line-height: 1.3;
}
a:hover{
	text-decoration: none;
}
p{
	padding: 0;
	margin: 0;
}
/*ul, li{
	padding: 0;
	margin: 0;
	list-style: none;
}*/
#header-full ul, 
#header-full li,
#aside ul,
#aside li{
	padding: 0;
	margin: 0;
	list-style: none;
}
h1{
	font-size:1.6em;
}
h2{
	font-size:1.4em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}
.slimScrollBar{
	cursor: pointer;
}
/* ----------------------------- HEADER ----------------------*/
section{
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	padding: 0;
	position: relative;
}
#header-mobile{
	display: none;
}
#header-full{
	color: rgb(150,152,154);
	z-index: 10;
}
#langSelect{
	padding:0 6.46%;
	border-bottom: 1px solid rgb(210,211,213);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
#langSelect a{
	color: rgb(150,152,154);
}
#langSelect .title{
	width:30%;
	line-height: 49px;
}
[data-shortcode="ru"] #langSelect .title, [data-shortcode="fr"] #langSelect .title{
    font-size: 0.7rem;
}
#langSelect .contact{
	width:30%;
	line-height: 49px;
	text-align: right;
	display: flex;
    justify-content: flex-end;
}
#langSelect .languages{
	text-align: center;
	min-width: 14%;
	transition: width 2s;
    -webkit-transition: width 2s; /* Safari 3.1 to 6.0 */
}
#langSelect .languageContainer{
	align-self: center;
	border-bottom-left-radius: 1.5em; 
	border-bottom-right-radius: 1.5em;
	background: rgb(10,163,228);
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%);
	height: 49px;
	max-height:49px; 
}
#langSelect .languageBtn{
	display: none;
	text-transform: uppercase;
	color:rgb(255,255,255);
	line-height: 49px;
	padding: 0 2em;
	letter-spacing: -0.06em;
	font-weight: 600;
	cursor: pointer;
}
#langSelect .languageFlags{
	display: block;
    padding: 0.80em 2em 0.92em 2em;
}
#langSelect .languageFlags li{
	display: inline-block;
}
#langSelect .languageFlags li a{
	display: inline;
	padding: 0 0.8vw;
}
#langSelect .languageFlags li img{
	width: 2.70em;
	height: auto;
	border-radius: 0.2em;
}

/* ----------------------- MENU --------------------*/
.home #menuContainer,
.scroll #menuContainer{
	border-bottom: 1px solid rgb(210,211,213);
	box-shadow: 0px 0.5em 1em rgba(0,0,0,0.1);
}
#menuContainer{
	padding:1.5em 6.46% 1.2em 6.46%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
#menuContainer .logo img{
	width: 22.7vw;
}
#menuContainer .logo img.logoSmall,
#menuContainer .logo img.logoSimple,
#menuContainer .search-small{
	display: none;
}
#header-full .social ul{
	padding-right: 3em;
	white-space: nowrap;
}
#header-full .social li{
	display: inline-block;
	vertical-align: middle;
}
#header-full .social li img{
	height: 1.2em;
	width: auto;
}
#header-full .social .twitter{
	padding: 0 1.45vw;
}
#header-full .social .youtube{
	padding-right:1.45vw;
}
#menuContainer .menuFull{
	flex-basis: auto;
	width: 100%;
}
#menuContainer .menuFull > ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 0 3vw;
}
#menuContainer .menuFull > ul >  li{
	position: relative;
	padding: 1em 0;
}
#menuContainer .menuFull > ul li{
	white-space: nowrap;
	position: relative;
}
#menuContainer .menuFull > ul > li.hasChildren::after{
	position: absolute;
	bottom: 0.6em;
	left:0;
	right: 0;
	margin: auto;
	content: "";
	width: 0; 
	height: 0; 
	border-left: 0.2em solid transparent;
	border-right: 0.2em solid transparent;
	border-top: 0.4em solid rgb(169,171,174);
	display:none;
}
#menuContainer .menuFull > ul > li > a{
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	color: rgb(0,73,141);
	padding: 0.3em 1.1em;
	border-radius: 1.25em;
	white-space: nowrap;
}
#menuContainer .menuFull > ul > li:hover > a,
#menuContainer .menuFull > ul > li.active > a{
	color: rgb(254, 254, 254);
	background: rgb(10,163,228);
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%);
}
#menuContainer .menuFull > ul > li:hover::after{
	display: none;
}
#menuContainer .menuFull > ul > li > ul{
	display: none;
	text-align: right;
	position: absolute;
	top: 3.5em;
	right: 0;
	background-color: rgb(254,254,254);
	border-radius: 1em;
	padding: 0.55em 0;
	box-shadow: 0px 0px 1em rgba(0,0,0,0.1);
}
#menuContainer .menuFull > ul > li:hover > ul{
	display: block;
}
#menuContainer .menuFull > ul > li > ul > li{
	padding: 0 0.55em 0 0.55em;
}
#menuContainer .menuFull > ul > li.multiLevel > ul > li{
	padding: 0 1.5em 0 0.55em;
}
#menuContainer .menuFull > ul > li > ul > li.hasChildren::after{
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0.65em;
	margin: auto;
	content: "";
	width: 0; 
	height: 0; 
	border-top: 0.2em solid transparent;
	border-bottom: 0.2em solid transparent;
	border-left: 0.4em solid rgb(169,171,174);
}
#menuContainer .menuFull > ul > li > ul > li  a{
	display: block;
	/*text-transform: uppercase;*/
	color: rgb(96,96,98);
	margin:0.2em 0;
	padding: 0.5em 1.1em;
	border-radius: 1.2em;
	font-weight: 600;
}
#menuContainer .menuFull > ul > li > ul > li a:hover,
#menuContainer .menuFull > ul > li > ul > li.active > a,
#menuContainer .menuFull > ul > li > ul > li > ul > li.active > a{
	background: rgb(240,240,240);
}
#menuContainer .menuFull > ul > li > ul > li > ul{
	display: none;
	text-align: left;
	position: absolute;
	left: 100%;
	top:-0.55em;
	background-color: rgb(254,254,254);
	border-radius: 1em;
	padding: 0.55em;
	box-shadow: 2px 0px 1em rgba(0,0,0,0.1);
}
#menuContainer .menuFull > ul > li:hover > ul > li:hover > ul{
	display: block;
}

/*--------------------------- Slider ---------------------------*/
#CSlider{
	overflow: hidden;
	max-height: 729.6px;
}
#CSlider .carousel-control-prev,
#CSlider .carousel-control-next{
	width: 10%;
	opacity: 1;
}
#CSlider .carousel-control-prev span,
#CSlider .carousel-control-next span{
	padding: 5em 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 3.88em;
    width: 3.67em;
    background-position: center center;
    background-size: 3.67em;
    -webkit-filter: drop-shadow( 0px 0px 0.3em rgba(0,0,0,0.3));
    filter: drop-shadow( 0px 0px 0.3em rgba(0,0,0,0.3));
    box-sizing: content-box;
    background-repeat: no-repeat;
}
#CSlider .carousel-control-prev span{
	background-image: url(../img/icon_slider_prev.svg);
	background-position-x: calc(100% - 1em);
}
#CSlider .carousel-control-next span{
	background-image: url(../img/icon_slider_next.svg);
	background-position-x: 1em;
}
#CSlider .carousel-item img{
	object-fit: cover;
	width:100%;
}
#search-full{
	width: 100%;
	padding: 0.6em 6.46%;
	background-color: rgb(10,163,228);
	box-shadow:inset 0 -0.5em 1em rgba(0,0,0,0.1);
}
#search-full form{
	margin-bottom: 0;
}
#search-full img {
	width: 1.5em;
	margin-right: 1.2em;
	cursor: pointer;
}
#search-full input{
	border:none;
	background-color: transparent;
	color: rgb(255,255,255);
	text-transform: lowercase;
	font-size: 1.3em;
	padding: 0.2rem 0.4rem;
}
#search-full input:focus,
#search-full input:active{
	border: 1px rgba(255,255,255,0.5) solid;
    border-radius: 0.4rem;
}
input::placeholder{
	color: rgb(200,200,200);
	color: white;
    opacity: 1;
}
input:focus,
input:active{
	outline: none;
}

/* ----------------------- HEADER after scoll -----------*/

#header-full.scroll{
	background-color: rgb(245,245,245);
	position: fixed;
	top:0;
}
#header-full.scroll #langSelect,
#header-full.scroll .social,
#header-full.scroll .logoFull{
	display: none;
}
#header-full.scroll #menuContainer{
	padding: 0.7em 6.46% 0.9em 6.46%;
}
#header-full.scroll #menuContainer .menuFull > ul > li.hasChildren::after{
	display: none;
}
#header-full.scroll #menuContainer .logo img.logoSmall{
	display: block;
}
#header-full #menuContainer .search-small{
	display: block;
	min-width: 14em;
}
#header-full #menuContainer .search-small img{
	width: 1.5em;
	display: block;
	float: right;
	cursor: pointer;
	padding: 1em;
	box-sizing: content-box;
}
#header-full #menuContainer .search-small form{
	margin-bottom: 0;
}
#header-full #menuContainer .search-small input{
	display: none;
	width: 12.8em;
	border-radius: 2em;
	border:1px solid rgb(230,231,232);
	padding: 0.8em 0.8em;
	color:rgb(189,191,193);
	text-align: right;
	font-weight: 700;
	font-size: 1.1em;
}
#header-full #menuContainer .search-small input::placeholder,
#header-mobile #search-mobile input::placeholder{
	color:rgb(189,191,193);
    opacity: 1;
}

/* ----------------------- CONTENT ----------------------*/

/* ------------------------- HOME -----------------------*/
/* ------------------------- NEWS -----------------------*/
#content{
	box-shadow: 0 0.5em 1em rgba(0,0,0,0.1);
	z-index: 1;
}
#content.home #news{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content: flex-start;
	align-items:flex-start;
	margin: 0 35.73% 5em 13.56%;
	padding: 0 2%;
	background-color: rgb(255,255,255);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	position: relative;
	border-top-left-radius: none;
	z-index: 1;
	box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.1);
}
#content.home #news .newsHeader{
	flex: 1 100%;
	text-transform: uppercase;
	color:rgb(10,163,228);
	text-align: center;
	font-weight: 700;
	font-size: 2em;
	padding: 1em 0 0 0;
	margin:0;
	display: none;
}
#content.home #news article.featured{
	flex: 1 100%;
	padding-top: 2rem;
}
#content.home #news article.featured img{
	/*border: 1.27em solid rgb(30,95,150);*/
	width: 100%;
}
#content.home #news article.featured p{
	/*background-color: rgb(30,95,150);*/
	padding: 0.6rem 0 0 0;
	color: rgb(0,73,142);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.3;
}
#content.home #news article.featured p::before{
	content: "";
}
#content.home #news article{
	padding: 1em 0;
	width: 47.9%;
}
#content.home #news article p{
	padding-top: 0.8em;
	color: rgb(0,73,142);
	font-size: 1.1em;
	font-weight: 700;
}
#content.home #news article p:before{
	/*content: "● ";*/
	color: rgb(10,163,228);
}
#content.home #news article span{
	display: block;
	padding: 0.3em 0 0.9em 0;
	color: rgb(150,152,154);
	font-size: 1em;
}
#content.home #news article div{
	box-shadow: inset 0 0 0 0.75em rgba(0,0,0,0.15);
}
#content.home #news article div:hover {
	box-shadow: inset 0 0 0 0.75em rgba(10,163,228,1);
}
#content.home #news article img{
	display: block;
    position: relative;
	width:100%;
	z-index: -1;
	object-fit: cover;
}
#content.home #news .separator{
	position: relative;
	width: 100%;
	text-align: center;
}
#content.home #news .separator::before{
	content: "";
	position: absolute;
	left:0;
	top:0;
	bottom: 0;
	margin: auto 0;
	width: 100%;
	height: 1px;
	background-color: rgb(210,211,213);
	z-index: -1;
}
#content.home #news .separator{
	margin-bottom: 2rem;
	margin-top:-1rem;
}
#content.home #news .separator a{
	font-size: 1.1rem;
	display: inline-block;
	padding: 1.5em;
	background-color: rgb(255,255,255);
	color: rgb(0,73,142);
}

/* ------------------------- VIDEOS -----------------------*/
#videos,
#gallery{
	position: relative;
	padding: 5em 15.6% 5em 15.6%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:flex-start;
	background-color: rgb(10,163,228);
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%), url(../img/gallery_bg.png) repeat;
	background-blend-mode: multiply;
	z-index: 0;
}
#videos{
	margin-top: -9rem;
    padding-top: 8rem;
}
#videos .videosHeader,
#gallery .galleryHeader{
	flex: 1 100%;
	text-transform: uppercase;
	color:rgb(255,255,255);
	text-align: center;
	font-weight: 700;
	font-size: 1.667em;
	padding-bottom: 2.3em;
	/*padding-left: 1.1em;*/
}
#videos .videosHeader img,
#gallery .galleryHeader img{
	width: 2.8em;
    padding-right: 1em;
}
#videos article,
#gallery article{
	padding: 1em 0;
	width: 30%;
}
#videos article div,
#gallery article div{
	background-color: rgb(0,166,255);
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center center;
	padding-bottom: 47.46%;
	position: relative;	
}
#videos article div::before{
	content: "";
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	background-image: url(../img/icon_play.svg);
	background-position: center center;
	background-size: 5em;
	background-repeat: no-repeat;
}
#videos article:hover div,
#gallery article:hover div{
	box-shadow: inset 0 0 0 0.75em rgba(255,255,255,0.5);
}
#videos article img,
#gallery article img{
	display: block;
    position: relative;
	width:100%;
	z-index: -1;
}
#videos article p,
#gallery article p{
	color: rgb(255,255,255);
	/*text-transform: uppercase;*/
	font-size: 1.1em;
	font-weight: 700;
	padding-top: 0.8em;
}
#videos article span,
#gallery article span{
	display: block;
	padding: 0.3em 0 0 0;
	color: rgb(10,163,228);
	font-size: 1em;
}
#videos .videosMore,
#gallery .galleryMore{
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font-size: 1.1em;
	margin-top:3em;
	/*padding-left: 1.8em;*/
	flex: 1 100%;
}
#videos .videosMore a,
#gallery .galleryMore a{
	color:rgb(0,73,114);
	padding: 0.8em 2.2em;
	background-color: rgb(255,255,255);
	border-radius: 2em;
	display: inline-block;
}

/* ------------------------- GALLERY -----------------------*/
#gallery{
	background-color: transparent;
	background: url(../img/gallery_bg.png) repeat 25%;
}
#gallery .galleryHeader{
	color:rgb(0,66,110);
}
#gallery article div{
	background-color: transparent;
}
#gallery article:hover div{
	box-shadow: inset 0 0 0 0.75em rgba(10,163,228,1);
}
#gallery article p{
	color: rgb(0,73,141);
}
#gallery .galleryMore a{
	color:rgb(255,255,255);
	background-color: rgb(0,73,141);
}

/* ------------------------ ASIDE ----------------------*/
#aside{
	position: absolute;
	top:-6.6em;
	right: 13.6%;
	width: 22.17%;
	background-color: rgb(255,255,255);
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;
	text-align: center;
	color: rgb(114,115,118);
}

#aside > div{
	padding: 0 15% 1.75em 15%;
	position: relative;
}
#aside h1{
	padding: 3.8em 0.5em 1.3em 0.5em;
	font-size: 1.3em;
	line-height: 1.3;
	font-weight: 700;
}
#aside h1 a{
	color: rgb(132,134,136);
}
#aside .small_device{
	display: none;
}
#aside p{
	text-align: left;
	line-height: 1.8;
	font-size: 1em;
	font-weight: 700;
}
#aside #asAbout::before{
	content: "?";
	font-size: 1.8em;
	font-weight: 700;
	color: rgb(255,255,255);
	background-color: rgb(10,163,228);
	padding: 0.3em 0.6em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width: 1.8em;
	margin: 0 auto;
}
#aside #asAbout > a{
	display: block;
	padding: 2.2em;
	color:rgb(169, 171, 174);
}
#aside #asMembers,
#aside #asProjects{
	border-top: 1px solid rgb(210,211,213);
	padding-bottom: 4em;
}
#aside #asMembers::before{
	content: "";
	width:1.8em;
	height: 1.8em;
	font-size: 1.8em;
	font-weight: 700;
	color: rgb(255,255,255);
	background-color: rgb(10,163,228);
	background-image: url(../img/icon_members.svg);
	background-position: 0.65em center;
	background-repeat: no-repeat;
	background-size: 0.65em;
	padding: 0.3em 0.6em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	margin: 0 auto;
}
#aside #asMembers > a{
	display: block;
	color:rgb(132,134,136);
	width: 100%;
	padding: 1.3em 0;
	border:1px solid rgb(210,211,213);
	border-radius: 3em;
	font-size: 1.1em;
	font-weight: 700;
}
#aside #asMembers #membersFullList ul{
	/*padding: 2em 0;*/
}
#aside #asMembers #membersFullList li a{
	display: block;
	padding: 1.1em 0;
	font-size: 0.8em;
	color: rgb(96,96,98);
	line-height: 1.4;
}
#aside #asMembers #membersFullList li a b{
	display:block;
}
#aside #asMembers #membersFullList li a::first-line{
	font-weight: 700;
}
#aside #asMembers #membersFullList li a:hover{
	color: rgb(0,73,141);
}

#content.home #aside .scrollbar-outer > .scroll-element{
	background-color:transparent;
}

#content.home #aside .scrollbar-outer > .scroll-element .scroll-element_track{
    background-color: rgb(240,240,240);
}

#content.home #aside .scrollbar-outer > .scroll-element .scroll-bar {
    background-color: rgb(200,200,200);
}

#aside #asProjects::before{
	content: "";
	width:1.8em;
	height: 1.8em;
	font-size: 1.8em;
	font-weight: 700;
	color: rgb(255,255,255);
	background-color: rgb(10,163,228);
	background-image: url(../img/icon_projects.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 0.8em;
	padding: 0.3em 0.6em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	margin: 0 auto;
}
#aside #asProjects p{
	padding: 0.5em 0 1em 0;
	text-align: center;
	margin:0 -1rem;
}
#aside #asProjects > a{
	display: block;
	font-size: 1.4em;
	font-weight: 700;
	color: rgb(255,255,255);
	margin: 0.8em -8%;
	background-color: rgb(10,163,228);
	padding: 1em 0;
	border-radius: 0.45em;
}
#aside #asProjects > a:hover{
	background: rgba(1,83,151,1);
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%);
}

/* --------------------- CONTENT news-list --------------*/
#content.news-list,
#content.news,
#content.members{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#content.news-list .news-list-container,
#content.news .news-container,
#content.members .members-map{
	width: 100%;
	margin: 0 35.73% 10em 13.56%;
	background-color: rgb(255,255,255);
	box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.1);
	z-index: 1;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	position: relative;
	border-top-left-radius: 1em;
}
#content.news-list .news-list-container > h1,
#content.members .members-map > h1{
	border-top-left-radius: 1em;
	text-align: center;
	width: 100%;
	background-color: rgb(10,163,228);
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 4.75em;
	box-shadow: inset 0 -0.8em 0.5em rgba(0,0,0,0.2);
	margin: 0;
}
#content.news-list article{
	padding: 2em 6em 1.6em 6em;
	border-bottom: 1px solid rgba(210,211,213,0.3);
	clear: both;
}
#content.news-list article:last-of-type{
	border-bottom: none;
}
#content.news-list article a{
	display: block;
	padding-right: 5em;
	color: rgb(0,73,141);
}
#content.news-list article a div{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#content.news-list article a div.article_text{
	max-width: calc(100% - 210px);

}
#content.news-list article a img{
	max-width: 200px;
	display: inline-block;
	margin-right: 5px;
}
#content.news-list article:hover a{
	position: relative;
	margin: -2.2em -9em -1.8em -9em;
	padding: 2.2em 14em 1.8em 9em;
	background-color: rgb(10,163,228);
}
#content.news-list article:hover a::before{
	content: "";
	position: absolute;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	top:0;
	bottom: 0;
	margin: auto 0;
	right: 9em;
	background-image: url(../img/icon_play_blue.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.6em;
	background-color: rgb(255,255,255);
}
#content.news-list article:hover a,
#content.news-list article:hover a span{
	color: rgb(255,255,255);
}
#content.news-list article:hover div{
	/*display: block;*/
}
#content.news-list article h2{
	/*text-transform: uppercase;*/
	font-size: 1.1em;
	font-weight: 700;
}
#content.news-list article span{
	color: rgb(150,152,154);
	font-size: 1em;
}
#content.news-list article div{
	text-align: justify;
	display: none;
	margin-top:2.8em;
	padding: 2em 0;
	line-height: 1.6;
}


/* --------------------- CONTENT news  ------------------*/
#content.news .header span{
	display: block;
	font-size: 1.2em;
	position: absolute;
	left: 0;
	right: 0;
	margin:-1.70em auto;
	font-weight: 700;
	width: 3.38em;
	height: 3.38em;
	text-align: center;
	padding: 0.75em 0;
	color: rgb(255,255,255);
	border-radius: 50%;
	border:0.35em solid rgb(255,255,255);
	background-color: rgb(10,163,228);
	z-index: 12;
}
#content.news .header img{
	width: 100%;
	height: auto;
	border-top-left-radius: 1.2em;
}
#content.news .text{
	padding: 2rem 10.37% 17rem 10.37%;
	line-height: 1.4;
	font-size: 1em;
}
#content.news .text.category-other{
	padding-bottom: 2rem;
}
#content.news .text h1{
	padding: 1em 0 0 0;
	font-size: 1.75em;
	color: rgb(0,73,141);
	font-weight: 700;
}
#content.news .text span.article_date{
	display: block;
	color: rgb(150,152,154);
	font-size: 0.9em;
	padding-bottom: 2em;
}
#content.news .text.category-other span.article_date{
	display: none;
}
#content.news .text p{
	padding: 0.5em 0;
	text-align: justify;
}
#content.news .text ul{
	padding-left:2em;
}
#content.news .text ul li{
    list-style: initial;
}
#content.news .text img{
	padding: 1em 0;
	max-width: 100%;
	height: auto;
}
#content.news .text table{
	border:0;
	padding: 1em 0;
	text-align: justify;
    line-height: 1.6;
    font-size: 1.05em;
}
#content.news .text table td{
	vertical-align:top;
}
#content.news .text .read_more_container{
	clear:both;
	position:absolute;
	bottom:0;
	left:0;
    width: 100%;
}
#content.news .text .text_more{
	margin: 0;
	display:flex;
	flex-wrap: wrap;
	background-color: rgb(10,163,228);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}
#content.news .text span.read_more{
	color: rgb(255,255,255);
    font-size: 1em;
    text-align: center;
    display: block;
    font-weight: 700;
    width: fit-content;
    margin: 2em auto 0 auto;
    background-color: rgb(0,73,114);
    padding: 0.2em 2em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}
#content.news .text a.more{
	position: relative;
	display: inline-block;
	color: rgb(255,255,255);
	text-align: left;
	padding: 2em;
	font-weight: 700;
	width:50%;
	padding-left: 11.5em;
	padding-right: 4em;
}
#content.news .text a.more::before{
	content: "";
	position: absolute;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	top:0;
	bottom: 0;
	margin: auto 0;
	left: 6.5em;
	background-image: url(../img/icon_play_blue.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1em;
	background-color: rgb(255,255,255);
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#content.news .text a.more.right{
	padding-right: 11.5em;
	text-align: right;
	padding-left: 4em;
}
#content.news .text a.more.right::before{
    left: inherit;
	right:6.5em;
	-moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: "none";	
}

/* --------------------- CONTENT news-list --------------*/
/* --------------------- CONTENT news  ------------------*/
/* --------------------- aside --------------------------*/
#content.news-list #aside,
#content.news #aside,
#content.members #aside{
	width: 22.17%;
	top:0;
	right: 13.6%;
	background-color: rgb(255,255,255);
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
#content.news-list #aside > h1,
#content.news #aside > h1,
#content.members #aside > h1{
	text-align: center;
	width: 100%;
	background-color: rgb(0,112,200);
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 4.75em;
	box-shadow: inset 0 -0.8em 0.5em rgba(0,0,0,0.2);
	margin: 0;
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	padding: 0;	
}
#content.news-list #aside > h2,
#content.news #aside > h2{
	font-size: 1.25em;
	text-transform: uppercase;
	color: rgb(0,73,141);
	margin:2.2em 0 1.1em 0;
}
#content.news-list #aside ul,
#content.news #aside ul{
	width:63.74%;
	margin:1.6em auto;
	text-align: left;
}
#content.news-list #aside ul li a,
#content.news #aside ul li a{
	display: block;
	padding: 1.6em 0;
	color:rgb(150,152,154);
	font-weight: 700;
}
#content.news-list #aside ul:first-of-type li a,
#content.news #aside ul:first-of-type li a{
	color:rgb(55,52,53);
}
#content.news-list #aside ul li a:hover,
#content.news #aside ul li a:hover{
	color:rgb(10,163,228);
}

/* --------------------- CONTENT galleries ------------*/
#content.galleries #gallery{
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%);
}
#content.galleries #gallery .galleryHeader{
	color:#ffffff;	
}
#content.galleries #gallery article{
	position:relative;
	width:23%;
}

#content.galleries #gallery article:nth-of-type(-n+4) {
	width: 48.5%;
}
#content.galleries #gallery article div{
    padding-bottom: 60%;
}
#content.galleries #gallery article p{
	position:absolute;
	top: calc(50% + 0.58em);
	padding: 0 3rem;
    transform: translateY(-50%);
    color: #ffffff;
    display: none;
    text-align: center;
    font-size: 1.1em;
    width:100%;
}
#content.galleries #gallery article:nth-of-type(-n+4) p{
	font-size: 2em;
	padding: 0 1.5rem;
}
#content.galleries #gallery article:hover div{
    background: rgb(0,112,200);
    box-shadow: none;
    background-image: none !important;
}
#content.galleries #gallery article:hover p{
	display:block;
}

/* --------------------- CONTENT videos ------------*/
#content.videos #videos{
	background: linear-gradient(90deg, rgba(1,83,151,1) 0%, rgba(10,163,228,1) 100%);
	margin-top:0;
	margin-bottom: 0;
	padding-top: 5em;
}
#content.videos #videos .galleryHeader{
	color:#ffffff;	
}
#content.videos #videos article{
	position:relative;
	width:31%;
}
#content.videos #videos article div{
    padding-bottom: 60%;
}
#content.videos #videos article p{
	font-size: 1.1em;
	font-weight: 700;
	padding-top: 0.8em;
}

/* --------------------- CONTENT gallery ------------*/

#content.galleries #gallery span {
    display: block;
    padding: 0;
    color: rgb(150,152,154);
    font-size: 1em;
    margin-bottom:-0.7em;
}
#content.galleries #gallery p {
    clear: both;
    text-align: justify;
    padding: 1em 0;
    color: rgb(255,255,255);
    font-size: 1.2em;
    line-height:1.3;
    width:100%;
}
#content.galleries #gallery #gallery_images{
	display: grid;
    grid-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 200px;
  	grid-auto-flow: row dense;
}

#content.galleries #gallery #gallery_images a{
	display:block;
	align-self: stretch;
}
#content.galleries #gallery #gallery_images a img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom:1.5rem;
    border-radius:0.4rem;
   /*border:0.4rem solid rgb(255,255,255);*/
}
/* --------------------- CONTENT members --------------*/
#content.members .map_intro{
    margin: 2em 13.56%;
    background-color: rgb(255,255,255);
    border-radius: 1em;
    padding: 2rem 4em;
    line-height: 1.8;
    font-size: 1.1em;
}
#content.members .map_intro h1 {
    padding: 0 0 1em 0;
    font-size: 1.75em;
    color: rgb(0,73,141);
    font-weight: 700;
}
#content.members .map_intro li{
	list-style: initial;
}
#content.members .map_intro ul{
    padding-left: 2em;
}
#content.members .members-map-container{
	width:100%;
    margin: 0 13.56%;
	position:relative;
}
#content.members .members-map{
	border-bottom-right-radius: 0em;
	margin-bottom: 5em;
	width:75%;
	margin:0 0 8em 0;
}
#content.members #map_canvas{
	width: 100%;
	height: 31.2em;
	border-bottom-left-radius: 1em;
}
#content.members #member-info{
	margin: 0 13.56%;
}
#content.members #member-info #header{
	text-align: center;
	width: 100%;
	background-color: rgb(0,112,200);
	box-shadow: inset 0 -0.8em 0.5em rgba(0,0,0,0.2);
	color: rgb(255,255,255);
	margin: 0;
	padding: 2em 0;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
}
#content.members #member-info #header h1{
	background-color: transparent;
	line-height: 1.6;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	margin-bottom: 0;
}
#content.members #member-info #header h2{
	background-color: transparent;
	line-height: 1.6;
	box-shadow: none;
	font-weight: 400;
	font-size: 1.3em;
	margin-bottom: 0;
}
#content.members #member-info #contact{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	background-color: rgb(10,163,228);
	color: rgb(255,255,255);
	box-shadow: inset 0 -0.8em 0.5em rgba(0,0,0,0.2);
	margin: 0;
	padding: 2em 10%;
	line-height: 1.8;
}
#content.members #member-info #contact a{
	color: rgb(255,255,255);
}
#content.members #member-info #description{
	background-color: rgb(255,255,255);
	padding: 3em 10%;
	box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.1);
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	margin-bottom: 4em;
	line-height: 1.8;
	color: rgb(114,115,118);
}
#content.members #member-info #description .imageText{
	display: block;
	margin-bottom: 2rem;
}
#content.members #member-info #description .imageText img{
	width: 8em;
	height: 8em;
	object-fit: cover;
	border-radius: 50%;
	float: left;
	margin-right: 2em;
	object-position: center center;
	border:6px solid rgb(245,245,245);
}
#content.members #member-info #description .imageText span{
	display: block;
	padding: 2.1em 0;
	color: rgb(150,152,154);
}
#content.members #member-info #description .imageText b{
	display: block;
	color: rgb(55,52,53);
}
#content.members #member-info #description P{
	clear: both;
	text-align: justify;
	padding: 0.8em 0;
}


#content.members #aside{
	background-color: rgb(0,112,200);
	box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.1);
	right:0;
	width:25%;
}
#content.members #aside .bootstrap-select{
	width:80%;
	padding: 0;
	margin:2em 0 1.2em 0;
	background-color: transparent;
}
#content #aside .bootstrap-select{
	width:100%;
	padding: 0;
	margin:0;
	background-color: transparent;
}
#content #aside .bootstrap-select .btn,
#content #aside .bootstrap-select .btn:focus,
#content #aside .bootstrap-select .btn:hover{
	background-color: rgb(255,255,255);
	border: 1px solid rgb(210,211,213) !important;
	border-radius: 2em;
	height: 3em;
	line-height: 2em;
	width: 100%;
}
#content.members #aside .bootstrap-select .btn{
	line-height: 2.3em;
	height: 3em;
}
#content #aside .bootstrap-select .btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#content #aside #membersFullList{
	max-height: 400px;
	overflow: hidden;
}
#content #aside .scrollbar-outer_container{
	padding: 2em 0 2em 0.2em;
}
#content.home #aside .scrollbar-outer_container{
	margin:0 -2em 0 -1em;
}
#content.members #aside .scrollbar-outer_container{
	padding: 1em 1.8em 1em 2em;
}

#content #aside .bootstrap-select .dropdown-toggle::after{
	display: none !important;
}
#content #aside .bootstrap-select .dropdown-toggle .filter-option-inner{
	padding-right: 0;
}
#content #aside .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	text-align: center;
	font-size: 0.9em;
    font-weight: 700;
}
#content #aside .slimScrollDiv,
#content #aside .scrollbar-outer{
	max-height: 23.2em;
    min-height: 23.2em;
}
#content #aside .scrollbar-outer ul{
	padding: 0 0.4em; 
	text-align: left;
}
#content.members #aside .scrollbar-outer ul{
	text-align: left;
}
#content.members #aside .scrollbar-outer ul li{
	padding: 0.4em 0;
	font-size: 0.8em;
	color:rgb(255, 255, 255);
	line-height: 1.6;
}
#content.members #aside .scrollbar-outer ul li a{
	padding: 0.4em 0;
	display: block;
	color:rgb(255, 255, 255);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
	opacity: 0.8;
	line-height: 1.6;
}
#content.members #aside .scrollbar-outer ul li a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}
#content.members #aside .scrollbar-outer ul li a b{
	font-size: 1.1em;
	font-weight: 700;
	display: block;
}

/* ------------------------ Pagination ------------------*/
.paginationContainer{
	width:100%;
}
.pagination{
	padding: 6em 4em;
}
.pagination li{
    background-color: rgb(245,245,245);
    border-radius:0.2rem;
    width:2.5rem;
    line-height:2.5rem;
    margin:0 0.5rem;
    text-align:center;
}
.pagination li:hover .page-link,
.pagination li.active{
    color: rgb(254, 254, 254);
    background: rgb(10,163,228);
}
.pagination .page-link,
.pagination .page-item.disabled:hover .page-link{
	background: transparent;
	color: rgb(150,152,154);
	border:none;
	padding:0;
	line-height:2.5rem;
	font-weight:bold;
	color: rgb(0,73,141);
	border-radius:0.2rem;
}
.pagination .page-item.disabled .page-link{
	/*color: rgb(10,163,228);*/
}
/* ------------------------ FOOTER ----------------------*/
#footer{
	padding: 0;
	background-color: rgb(245,245,245);
}
#footer .contactHeader{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width: 11em;
	margin:0 auto;
	padding: 0.8em 0;
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	background-color: rgb(230,231,232);
	color:rgb(96,96,98);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	text-align: center;
}
#contact{
	margin:0;
	padding: 8em 8%;
}
#contact .col{
	text-align: center;
	padding: 0 5em;
}
#contact .col h3{
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 0 1em 0;
	margin: 0;
}
#contact .col p{
	line-height: 1.8;
}

#footerMenu{
	background-color: rgb(230,231,232);
	padding: 1em 21%;
	text-align: center;
	display: flex;
	position: relative;
}
#footerMenu > a{
	display: block;
	width: 100%;
	padding: 1em;
	color: rgb(132,134,136);
	font-weight: 700;
}
#footerMenu .toTheTop{
	position: absolute;
	top:-2em;
	right:10%;
	width:3.8em;
	height: 3.8em;
	font-size: 1.2em;
	line-height: 3em;
	text-align: center;
	background-color: rgb(10,163,228);
	border:0.4em solid rgb(255,255,255);
	border-radius: 50%;
}
#footerMenu .toTheTop span{
	display: block;
	position: relative;
	height: 100%;
}
#footerMenu .toTheTop a{
	color: rgb(255,255,255);
	display: block;
	font-size: 1rem;
    line-height: 1;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

/* --------------------------- MOLDALS ----------------------------*/
/* --------------------------- Video modal ------------------------*/
.modal.video .modal-dialog{
	max-width: 70%;
}
.modal.video .modal-content{
	background-color: rgb(1,83,151);
	border:none;
	box-shadow: 0px 0px 1em rgba(0,0,0,0.1);
}
.modal.video .modal-header{
	border:none;
	color: rgb(255,255,255);
}
.modal.video .modal-header .close{
	color: rgb(255,255,255);
	text-shadow: none;
	font-size: 2em;
}
.modal.video .modal-body {
	width: 100%;
	position: relative;
	padding-bottom: 54.85%; /* 16:9 */
	height: 0;
}
.modal.video .modal-body iframe {
	position: absolute;
	top: 0;
	left: 2em;
	width: calc(100% - 4em);
	height: calc(100% - 2em);
}

/* ----------------------------- ekko-lightbox ----------------------*/
.ekko-lightbox{
	overflow-y:hidden !important;
}
.ekko-lightbox .modal-body{
	padding:0;
}
.ekko-lightbox .modal-header{
	padding: 0;
    border-bottom: none;
}
.ekko-lightbox .modal-header .modal-title{
	display:none;
}
.ekko-lightbox .modal-header .close{
    position: absolute;
    top: -3rem;
    right: -7rem;
    text-shadow: none;
    color: white;
    opacity: 1;
    font-size: 3rem;
}
.ekko-lightbox .modal-content{
	border:none;
    background-color: transparent;
}
.ekko-lightbox .ekko-lightbox-nav-overlay{
	z-index: -1;
}
.ekko-lightbox .ekko-lightbox-nav-overlay a{
	opacity: 1;
	left: -14.6rem;
    padding: 10rem;
	position:absolute;
	font-size: 1rem;
	top:50%;
	transform: translateY(-50%);
}
.ekko-lightbox .ekko-lightbox-nav-overlay a:last-of-type {
    right: -14.6rem;
    left: auto;
}

.ekko-lightbox .ekko-lightbox-nav-overlay a span{
	background: rgb(0,166,255);
	padding: 4.73em 2.4em;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	position: relative;
}
.ekko-lightbox .ekko-lightbox-nav-overlay a:last-of-type span{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
}

.ekko-lightbox .ekko-lightbox-nav-overlay a span::before{
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	width: 0; 
	height: 0; 
	border-top: 0.96em solid transparent;
	border-bottom: 0.93em solid transparent;
	border-left: 1.33em solid rgb(255,255,255);
}
.ekko-lightbox .ekko-lightbox-nav-overlay a:first-of-type span::before{
    border-left: none;
    border-right: 1.33em solid rgb(255,255,255);
}

/* ---------------------------- Staff image ------------------------*/
#fuen-staff img {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  }
  
  /* Disable grayscale on hover */
#fuen-staff  img:hover {
	-webkit-filter: grayscale(0);
	filter: none;
  }

/* -------------------------- Pagination ---------------------------*/


/* --------------------------- Gallery modal ------------------------*/
.modal.gallery{
	background-color: rgba(0,0,0,0.5)
}
.modal.gallery .modal-dialog{
	max-width: fit-content;
}

.modal.gallery .modal-content{
	border:none;
	background: transparent;
	max-height: 100%;
}
.modal.gallery .modal-content .carousel,
.modal.gallery .modal-content .carousel-item{
	max-height: 100%;
}
.modal.gallery .close{
	color: rgb(255,255,255);
	font-size: 3em;
	text-shadow: none;
	position: absolute;
	top: 0.2em;
    right: 0.3em;
    z-index: 50;
}
.modal.gallery .modal-body{
	padding: 0;
}
.modal.gallery .modal-body .carousel-item img{
	object-fit: contain;
	max-height: 90% !important;
}
.modal.gallery .carousel-control-next,
.modal.gallery .carousel-control-prev{
	width: 5%;
	opacity: 1;
}
.modal.gallery .carousel-control-prev {
    left: -4.9%;
}
.modal.gallery .carousel-control-next {
    right: -4.9%;
}
.modal.gallery .carousel-control-next span {
	background: rgb(0,166,255);
	padding: 4.73em 2.4em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	position: relative;
}
.modal.gallery .carousel-control-prev span {
	background: rgb(0,166,255);
	padding: 4.73em 2.4em;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	position: relative;
}
.modal.gallery .carousel-control-next span::before,
.modal.gallery .carousel-control-prev span::before{
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	width: 0; 
	height: 0; 
	border-top: 0.96em solid transparent;
	border-bottom: 0.93em solid transparent;
	border-left: 1.33em solid rgb(255,255,255);
}
.modal.gallery .carousel-control-prev span::before{
	border-left: none;
	border-right: 1.33em solid rgb(255,255,255);
}
/* ------------- cookie warning ------------------*/
#cookie-warning {
    margin: 0px;
    position: fixed;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(210, 211, 213);
    border-right-color: rgb(210, 211, 213);
    border-left-color: rgb(210, 211, 213);
    border-image: initial;
    bottom: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    z-index: 2147483647;
    color: rgb(0, 73, 141);
    background: rgb(245, 245, 245);
    opacity: 1;
    width: 100%;
}
#cookie-warning .cookie-warning-content {
    margin: 5px 35px 5px 35px;
    text-align: center !important;
    font-size: 11px;
}
#cookie-warning .cookie-warning-content .btn{
	padding: 3px 6px;
    font-size: 12px;
    vertical-align: unset;
    background-color: #2b659b;
    margin: 2px 5px;
    color: rgb(255,255,255);
}
#cookie-warning .cookie-warning-content .btn:hover{
	background-color: rgb(0,73,141);
	color: rgb(255,255,255);
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    body {
        font-size:14px;
	}
	#langSelect .languageFlags li a {
		padding: 0 0.7em;
	}
	#menuContainer .menuFull ul{
		padding: 0 3vw 0 1.5vw;
	}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    body {
        font-size:12px;
	}
	#langSelect .languageFlags li a {
		padding: 0 0.5em;
	}
	#menuContainer .menuFull ul{
		padding: 0 3vw 0 1.5vw;
	}
}
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
    #header-full #menuContainer .search-small{
		display: none;
	}
}
@media only screen and (max-width: 1200px) {
	body {
		font-size:15px;
	}
	#langSelect{
		padding: 0 15px;
	}
	#langSelect .title{
		font-size: 0.7rem;
		width: auto;
	}
	#langSelect .languageContainer{
		position: absolute;
		top: 0;
		margin: 0 auto;
	}
	#langSelect .languageContainer.open{
		width: 500px;
		left: 15%;
		right: 0;
	}
	#langSelect .languageFlags{
		padding: 0.80em 1em 0.92em 1em;
	}
	#langSelect .languageFlags li a{
		padding: 0 0.5rem;
	}
	#langSelect .contact .social{
		display: none;
	}
	
	#menuContainer,
	#header-full.scroll #menuContainer{
		padding: 1.5em 1em 1.2em 1em;
	}
	#menuContainer .menuFull > ul > li:first-of-type > ul{
		text-align: left;
		right: auto;
		left:0;
	}
	#menuContainer .logo img.logoSmall,
	#menuContainer .logo img.logoFull,
	#header-full #menuContainer .search-small,
	#header-full.scroll #menuContainer .logo img.logoSmall {
		display: none;
	}
	#menuContainer .logo img.logoSimple{
		display: block;
    	width: 100px;
	}
	#menuContainer .menuFull > ul{
		padding: 0 1em;
	}
	#menuContainer .menuFull > ul > li > a{
		padding: 0.3em 0.6em;
		font-size: 0.8rem;
	}
	#CSlider .carousel-control-prev, #CSlider .carousel-control-next{
		width: 14%;
	}
	#content{
		box-shadow: none;
	}
	#content > div{
		box-shadow: none !important;
		border-radius: 0 !important;
		margin-left:0 !important;
		margin-right: 0 !important;
		padding-left: 7.5% !important;
		padding-right: 7.5% !important;
		padding-top: 2.5em !important;
		padding-bottom: 4em !important;
		margin-bottom: 1em !important;
	}
	#content.news-list h1, #content.members h1{
		box-shadow: none;
		border-radius: 0;
	}

	#news {
		padding: 5.2em 4.5% 6.4em 4.5%;
	}
	#content.home #news article p,
	#videos article p, 
	#gallery article p{
		font-size: 1em;
	}
	#content.home #news article span,
	#videos article span, 
	#gallery article span{
		font-size: 0.9em;
	}
	#videos{
		margin-top: 0;
	}
	#videos, #gallery {
		padding: 6.1em 4.8% 8em 4.8%;
	}
	#videos article, #gallery article {
		padding: 2.7em 0 0 0;
		width: 48.4%;
	}
	#videos .videosHeader, #gallery .galleryHeader {
		padding-bottom: 1.3em;
		padding-left: 0;
	}
	#content.home #aside{
		position: relative;
		top:0;
		width: 100%;
		border-radius: none;
		right:0;
		margin:0;
		padding-left: 0 !important;
		padding-right: 0 !important;
		background-color:transparent;
		padding-bottom: 0 !important;
    	margin-bottom: 0 !important;
	}
	#content:not(.home) #aside{
		display: none;
	}
	#aside > div::before{
		display: none;
	}
	#content.home #aside > div{
		background-color: rgb(255,242,18);
		border:none !important;
		margin: 0.4em 0;
		padding: 2em 0 !important;
	}
	#content.home #aside > div :not(h1){
		display: none !important;
	}
	#content.home #aside > div h1{
		display: none;
	}
	#content.home #aside > div h1 > a{
		/*display: block !important;*/
	}
	#content.home #aside div.small_device,
	#content.home #aside div.small_device a{
		display: block !important;
	}
	#content.home #aside div.small_device h1{
		display: block !important;
		padding: 0 !important;
		color: rgb(32,93,150);
		margin-bottom:0;
	}
	#content.home #aside #asProjects h1{
		display: block;
		padding: 0 !important;
		color: rgb(32,93,150);
		margin-bottom:0;
	}
	#content.home #aside #asProjects p{
		display: block !important;
		margin: 0 1rem;
	}
	#content.home #aside #asProjects a{
		display: block !important;
		font-size: 1em;
		font-weight: 700;
		color: rgb(32,93,150);
		margin: 0;
		background-color: transparent;
		padding: 0.4rem 0;
		border-radius: 0;
	}
	#content.home #aside #asProjects a:hover{
		background: none;
	}
	#footer .contactHeader{
		display: none;
	}
	#footerMenu {
		padding: 1em 16%;
		font-size: 0.9em;
	}
	#contact .col h3{
		font-size: 0.9em;
	}
	#contact .col p{
		font-size: 0.8em;
	}
	#contact {
		margin: 0;
		padding: 3em 5%;
	}
	
	/* --------------------------- Single news -------------------*/
	#content.news .header img{
		border-top-right-radius: 1.2em;
		object-fit: cover;
		height: auto;
		width: 100% !important;
		max-height: 350px;
	}
	#content.news .text{
		padding: 0 3% 11rem 3%;
		font-size: 0.9em;
	}
	#content.news .text img{
		max-width: 75%;
		margin: 0 auto;
		display: block;
	}
	
	/* --------------------------- Members -------------------------*/
	#content.members{
		justify-content: center;
	}
	#content.members .map_intro{
		margin: 2em 3.5%;
		padding: 2rem;
	}
	#content.members .members-map-container{
		padding: 0 3.5% !important;
	}
	#content.members .members-map{
		width: 100%;
	}
	#content.members #aside{
		position:relative;
		display:block;
    	right: inherit;
		padding: 1.5em 0 !important;
		width: 100%;
		max-width: 450px;
		margin: 1.5rem auto;
		border-radius: 1rem;
	}
	#content.members #aside > h1{
		box-shadow: none;
		line-height:1;
	}
	#content.members #aside .scroll-content ul{
		text-align:center;
	}
	#content.members #map_canvas{
		border-bottom-left-radius: 0 !important;
	}
	#content.members .members-map{
		background-color:transparent;
		margin-bottom:0 !important;
	}
	
	#content.members #member-info{
		padding-bottom:0 !important;
	}
	#content.members #member-info #header,
	#content.members #member-info #contact,
	#content.members #member-info #description{
		box-shadow: none;
	    border-top-right-radius: 0;
    	border-top-left-radius: 0;
    	margin-bottom: 0;
	}

	/* --------------------------- MOLDALS ----------------------------*/
	/* --------------------------- Video modal ------------------------*/
	.modal.video .modal-dialog{
		max-width: 100%;
	}
	.modal.video .modal-body iframe {
		position: absolute;
		top: 0;
		left: 1em;
		width: calc(100% - 2em);
		height: calc(100% - 1em);
	}
	.modal.video .modal-header {
		padding: 0.5rem;
	}
	/* --------------------------- Gallery modal ------------------------*/
	.modal.gallery .modal-dialog{
		max-width: 85%;
		margin: 0 auto;
		font-size: 0.6em;
	}
	.modal.gallery .carousel-control-next,
	.modal.gallery .carousel-control-prev{
		width: 7.5%;
		opacity: 1;
	}
	.modal.gallery .carousel-control-prev {
		left: -7.4%;
	}
	.modal.gallery .carousel-control-next {
		right: -7.4%;
	}

	#content.news-list .news-list-container > h1, #content.members .members-map > h1{
		border-top-left-radius: 0;
	}
}

@media only screen and (max-width: 800px) {
	body {
        font-size:13px;
	}
	.contactHeader,
	#footerMenu .toTheTop,
	#header-full,
	#search-full{
		display: none;
	}
	#header-mobile{
		display: flex;
		justify-content: space-between;
		background-color: rgb(32,93,150);
		padding: 1em 1.7em;
		z-index: 10;
		box-shadow: 0px 0.5em 1em rgba(0,0,0,0.1);
	}
	#search-mobile,
	#menuContainer-mobile{
		display: block;
		min-width: 14em;
	}
	#header-mobile #search-mobile img{
		width: 2.5em;
		display: block;
		float: left;
		cursor: pointer;
		padding: 1em;
		box-sizing: content-box;
	}
	#header-mobile #search-mobile input{
		display: none;
		width: 12.8em;
		border-radius: 2em;
		border: 1px solid rgb(230,231,232);
		padding: 0.8em 0.8em;
		color: rgb(189,191,193);
		text-align: right;
		font-weight: 700;
		font-size: 1.1em;
		margin: 0.75em 0;
	}
	#header-mobile #logo-mobile img{
		padding: 0.85em 0;
		height: 2.8em;
		width: auto;
		box-sizing: content-box;
	}
	#header-mobile #menuContainer-mobile{
		text-align: right;
	}
	#header-mobile .lang-mobile{
		display: inline-block;
		vertical-align: top;
		margin: 0.85em 0;
		height: 2.8em;
		width: 3.13em;
		background-image: url(../img/language_bg.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#header-mobile .lang-mobile span{
		display: block;
		line-height: 2.1;
		width: 100%;
		text-align: center;
		color: rgb(32,93,150);
		font-weight: 700;
		font-size: 1.3em;
		text-transform: uppercase;
	}
	#header-mobile .lang-mobile .languageFlags{
		display:none;
	}
	#header-mobile .menuBtn-mobile{
		display: inline-block;
		vertical-align: top;
		padding: 1em 1.5em;
		margin-left: 3.4em;
		cursor: pointer;
	}
	#header-mobile .menuBtn-mobile span{
		display: block;
		width: 2.3em;
		height: 0.4em;
		background-color: rgb(255,255,255);
		border-radius: 0.5em;
		margin: 0.4em 0;
	}
	#header-mobile .menu-mobile,
	#header-mobile .menu-mobile-language{
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		background-color: rgb(255,255,255);
		padding: 2.5em 0 0 0;
		min-width: 30%;
		box-shadow: 0px 0.5em 1em rgba(0,0,0,0.1);
	}
	#header-mobile .menu-mobile-language{
		background-color: rgb(255, 242, 18);
	}
	#header-mobile .menu-mobile .close,
	#header-mobile .menu-mobile-language .close {
		position: absolute;
	    right: 0;
	    top: 0;
	    width: 1.7em;
	    height: 1.8em;
	    opacity: 1;
	    padding: 0.5em;
	}
	#header-mobile .menu-mobile .close:hover,
	#header-mobile .menu-mobile-language .close:hover {
		opacity: 1;
	}
	#header-mobile .menu-mobile .close:before,
	#header-mobile .menu-mobile .close:after,
	#header-mobile .menu-mobile-language .close:before,
	#header-mobile .menu-mobile-language .close:after{
	    position: absolute;
	    left: 1.1rem;
	    content: ' ';
	    height: 0.8em;
	    width: 4px;
	    background-color: rgb(0,141,221);
	    border-radius: 3px;
	    border: 1px solid #fff;
	}
	#header-mobile .menu-mobile .close:before,
	#header-mobile .menu-mobile-language .close:before {
		transform: rotate(45deg);
	}
	#header-mobile .menu-mobile .close:after,
	#header-mobile .menu-mobile-language .close:after {
		transform: rotate(-45deg);
	}
	#header-mobile .menu-mobile > ul,
	#header-mobile .menu-mobile-language > ul{
		text-align:center;
		padding: 1em 0;
		width:65vw;
		max-width:65vw;
	}
	#header-mobile .menu-mobile > ul > li a,
	#header-mobile .menu-mobile-language > ul > li a{
		display: block;
		text-transform: uppercase;
		color: rgb(10,163,228);
		font-weight: 700;
		font-size: 1.4em;
		padding: 0.75em 0.5em;
	    position: relative;
	}
	#header-mobile .menu-mobile-language > ul > li a{
		color: rgb(32,93,150);
	}
	#header-mobile .menu-mobile > ul > li > a:after,
	#header-mobile .menu-mobile-language > ul > li > a:after{
		content: "";
	    height: 1px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 60%;
	    margin: 0 auto;
	    background-color: rgb(237,237,237);
	    display: block;
	    position: absolute;
	}
	#header-mobile .menu-mobile-language > ul > li > a:after{
		background-color: rgb(255, 255, 255);
	}
	#header-mobile .menu-mobile > ul > li.open a{
		background-color:rgb(10,163,228);
		color:rgb(255,255,255);
	}
	#header-mobile .menu-mobile > ul > li.open a:after{
		display: none;
	}
	#header-mobile .menu-mobile > ul > li:last-of-type a:after,
	#header-mobile .menu-mobile-language > ul > li:last-of-type a:after{
		display: none;
	}
	#header-mobile .menu-mobile > ul > li a.yellow{
		background-color: rgb(255,242,18);
		color: rgb(0,73,141);
	}
	#header-mobile .menu-mobile > ul > li ul{
		display: none;
	}
	#header-mobile .menu-mobile > ul > li > ul a{
		text-transform: none;
		background-color:rgb(10,163,228);
		color:rgb(255,255,255);
	}
	#header-mobile .menu-mobile ul.show{
		display: block !important;
	}
	#header-mobile #search-mobile img{
	    width: 1.9em;
	    padding: 1.2em;
	}
	#content.news-list .news-list-container, 
	#content.news .news-container, 
	#content.members .members-map, 
	#content.members #member-info{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	#content.members #member-info #header,
	#content.members #member-info #contact,
	#content.members #member-info #description{
	    padding: 2em 6%;
	}
	#content.members #member-info #header h1{
		font-size:1.3em;
	}
	#content.members #member-info #header h2{
		font-size:1.1em;
	}
	#content.members #aside{
		width:100%;
	}
	#content.news-list article{
		padding:2.2em 3em 1.8em 3em;
	}
	#content.news-list article a{
		padding-right:0;
	}
	#content.news-list article h2{
		font-size: 1.3em;
	}
	#content.news-list article span{
		font-size: 0.9em;
	}
	#contact{
		padding: 2em 4%;
	}
	#contact .col{
		flex: 1 100%;
		padding: 2em 5em;
	}
	#contact .col h3{
		padding: 0;
	}
	#contact .col p{
		font-size: 1.3em;
	}
	#content.news .text p{
		text-align: left;
	}
	#footerMenu{
		display: block;
		background-color: rgb(32,93,150);
	}
	#footerMenu > a{
		flex: 1 100%;
		color:rgb(255,255,255);
	}
	#content.galleries #gallery #gallery_images{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 700px) {
	#content.news-list .news-list-container, #content.news .news-container{
		padding-bottom: 0 !important;
	}
	#content.news .text a.more{
		width: 100%;
		border-bottom-left-radius: 0;
	    padding-left: 6em;
    	padding-right: 2em;
	}
	#content.news .text a.more:last-of-type{
		padding-left: 2em;
    	padding-right: 6em;
		border-bottom-right-radius: 0;
	}
	#content.news .text a.more::before{
		left:2em;
	}
	#content.news .text a.more:last-of-type::before{
		right:2em;
	}

	#content > div{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

@media only screen and (max-width: 600px) {
	#header-mobile, #sliderWrapper{
		font-size: 9px;
	}
	#header-mobile .menu-mobile{
		font-size: 11px;
	}
	#header-mobile .menu-mobile > ul{
	    width: 100vw;
    	max-width: 100vw;
	}
	#news{
		font-size:8px;
	}
	#news {
		padding: 3.8em 4.5% 6.4em 4.5%;
	}
	#news .newsHeader{
		padding-bottom: 0.7em;
	}
	#news article.featured p {
		font-size: 2em;
	}
	#news article,
	#videos article, 
	#gallery article {
		flex: 1 100%;
	}
	#news article{
		padding: 2.3em 0;
		position: relative;
	/*	border-bottom: 1px solid rgb(240,240,240);*/
		min-height: 13.5em;
	}
	#content.home #news article p, #content.home #news article span{
		padding-left: 37%;
		font-size: 1.5em;
	}
	#news article span{
		padding: 0 0 0 37%;
	}
	#news article:not(.featured) div{
		width: 32.57%;
		position: absolute;
		top:2.3em;
		left: 0;
	}
	#content.news .text img{
		max-width: 100%;
	}
	#videos article, 
	#gallery article {
		text-align: center;
	}
	#content.news-list article a div {
		display: block;
		width: 100%;
	}
	#content.news-list article a div img{
		margin: 5px auto;
		display: block;
	}
	#content.news-list article a div.article_text{
		max-width: 100%;
	}
	#content.galleries #gallery #gallery_images{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 480px){
	#header-mobile, #sliderWrapper{
		font-size: 8px;
	}
	#header-mobile .menu-mobile{
		font-size: 10px;
	}
	#header-mobile .menu-mobile a{
		padding-left: 1.5em !important;
	}
	#news{
		font-size:7px;
	}
	#news article div,
	#news article:not(.featured) div{
		width: 100%;
		position: initial;
	}
	#content.home #news article p,
	#content.home #news article span{
		font-size: 0.8rem;
		padding-left: initial;
	}
	#videos, #gallery {
		font-size: 9px;
		padding: 3em 4.5% 3em 4.5%;
	}
	#videos .videosMore, #gallery .galleryMore{
		margin-top: 1.5em;
	}
	#aside, #footer{
		font-size: 9px;
	}
	#footerMenu{
		font-size: 11px;
	}
	#content.news-list article {
		padding: 2.2em 1.5em 1.8em 1.5em;
	}
}
@media only screen and (max-width: 420px){
	#content.galleries #gallery #gallery_images{
		grid-template-columns: repeat(1, 1fr);
	}
}
@media only screen and (max-width: 320px){
	#header-mobile, #sliderWrapper{
		font-size: 7px;
	}
	#header-mobile .menu-mobile{
		font-size: 10px;
	}
	#header-mobile .menu-mobile a{
		padding-left: 1.5em !important;
	}
	#news{
		font-size:7px;
	}
	#news article div{
		width: 100%;
		position: initial;
	}
	#news article p, #news article span{
		padding-left: initial;
	}
}