@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);


/*---------Generic Items-------*/



body{
	font-family: 'Open Sans', sans-serif;
	
	font-size: 12px;
	
	
}

a{
	 -moz-transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
	
	color: #1c2b7f;
	
}

a:hover{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	
}

h1{
	font-size: 32px;
	line-height: 42px;
	
}

h2{
	font-size: 24px;
	line-height: 34px;
}

h3{
	font-size: 20px;
	line-height: 30px;
}



/*---------Layout-------*/
.container-fluid .container{
	padding-right: 0px;
    padding-left: 0px;
}


@media screen and (min-width: 1200px){
	
	
	
	.navbar.container,
	.container {
		width: 100%;
	}
	
	.container-fluid{
		padding-left: 15px;
		padding-right: 15px;
	}

	

}

body{
 
	
}

.footer {
	background-color: #1c2b7f;
	color: #fff;
}





/*---------header-------*/

#navbar{
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	
	/*background: url(../img/eu-flag.jpg) left top no-repeat;*/
	background-size: 100% auto;
	
	animation: animatedBackground 180s linear infinite;
}

@keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 0 100%; }
	1000% { background-position: 0 0; }
}

 .navbar.container-fluid {
    margin-top: 0px;
	padding-top: 10px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
	border: 0px;
}

.navbar {
    border-radius: 0px;
}


.navbar.container>.container{
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

a.logo{
	max-width: 120px;
	display: block;
	float: left;
	transition: all linear 0.5s;
}

.smaller a.logo{
	max-width: 80px;
	display: block;
	float: left;

}

a.logo img{
	width: 	300px;/*100%;*/
	height: auto;
	display: block;
	
}

a.name.navbar-brand{
	color: #1c2b7f; /*#fff*/
	font-size: 48px;
	font-weight: bold;
	margin-top: 20px;
}

#block-locale-language{
	position: absolute;
		top: 15px;
		right: 15px;
}


#block-locale-language ul li{
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 15px;
}

#block-search-form{
	position: absolute;
	right: 15px;
	top: 35px;
	clear: both;
	
}

@media only screen and (max-width: 376px) {
	#block-search-form{
		position: absolute;
		right: 36px;
		top: 110px;
		clear: both;
		
	}
}

#block-search-form .ui-autocomplete.ui-front{
	border: 1px solid red;
	float: left;
	right: 0 !important;
	left: auto !important;
}

#block-search-form input.form-control{
	padding: 5px 10px;
	height: auto;
	font-size: 12px;
}

#block-search-form .btn{
	font-size: 12px;
	padding: 5px 10px;
}

/* Left sidebar */

.region-sidebar-first.well {
	background-color: #adeafb;
	border: 0;
	border-radius: 0;
}

.region-sidebar-first img{
	width: 100%;
	height: auto;	
}


.region-sidebar-first h2.block-title{
	background-color: #1c2b7f;
	color: #fff;
	padding: 5px;
	margin-bottom: 5px;
}

.region-sidebar-first h4{
	font-size: 14px;	
}

.region-sidebar-first #block-views-teaser-block-14 .views-row{
	margin-bottom: 5px;
	padding-bottom:	5px;
	border-bottom: 1px solid #fff;
}


.region-sidebar-first h2.block-title i{
	margin-right: 10px;
}
.region-sidebar-first h2.block-title{
	margin-bottom: 15px;
}

.region-sidebar-first #block-views-helpers-block-2 .views-row,
.region-sidebar-first #block-views-teaser-block-14 .views-row{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}


/*--------- Main menu ---------------*/
#block-menu-block-1{
	clear: both;
	
	background-color: #1c2b7f;
	
	margin-left: -15px;
	margin-right: -15px;
}

#block-menu-block-1 li{
	float: left;
	border-right: 1px solid #fff;
	position: relative;
}

#block-menu-block-1 li li{
	float: none;
	clear: both;
	width: 100%;
	border: 0;
}

#block-menu-block-1 li a{
	background-color: #1c2b7f;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 14px;
	display: block;
	border-top: 5px solid #1c2b7f;
}

.smaller #block-menu-block-1 li a{
	padding-bottom: 7px;
	padding-top: 2px;
}

#block-menu-block-1 li a:hover{
	border-top: 5px solid yellow;
}


#block-menu-block-1 li ul{
	
	position: absolute;
	left: -40px;
	top: 20px;
	width: 200px;
	z-index: 100;
	
	visibility: hidden;
	
	transition: all ease-out 0.5s;
	opacity: 0;
}

#block-menu-block-1 li:hover ul,
#block-menu-block-1 li ul:hover{
	display: block;
	top: 40px;
	visibility: visible;
	opacity: 1;	
}


.smaller #block-menu-block-1 li:hover ul,
.smaller  #block-menu-block-1 li ul:hover{
	top: 30px;
}

/*--------- homepage ---------------*/

.front .view-home-page-box .owl-item{
		background-color: #1c2b7f;
		color: #fff;
}

.front .view-home-page-box .owl-item a{
	color: #fff;	
}

.front .view-home-page-box {
	position: relative;	
}

.front .view-home-page-box.view-display-id-block_1 .owl-controls{
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.front .view-home-page-box .owl-item .col-lg-4{
	padding: 15px;	
}

.region-topblock{
	padding-left: 15px;
	padding-right: 15px;
	
	margin-bottom: 15px;
}


.region-topblock .col-lg-8{
	margin-left: -15px;
}


/* Views */

.views-row, .teaser-grid .col{
	margin-bottom: 30px;	
}




.region-content .block-views,
.region-undercontent .block-views{
	margin-bottom: 30px;	
}

.views-field-view-node{
	text-align: right;
}

.views-field-view-node{
	float: right;
}

.views-field-view-node a,
.views-field-delete-node a,
.views-field-edit-node a{
		display: block;
		display: inline-block;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		text-align: right;
		font-size: 16px;	
}


.views-field-view-node a{
	background-color: #1c2b7f;
	
}

.views-field-edit-node a{
	background-color: #F47B20;	
	font-size: 12px;	
}

.views-field-delete-node a{
	background-color: #cc0000;
	font-size: 12px;	
}

.views-field-view-node a:after{
	content: ' ▶';
}

.views-field-view-node a:hover{
		background-color: #db7700;
}



.region-content h2.block-title,
.region-undercontent  h2.block-title{
	/*
	background-color: 	#1c2b7f;
	color: #fff;
	padding: 5px;
	margin-bottom: 15px;
	border-top: 5px solid #db7700;
	*/
	margin-bottom: 15px;
	margin-top: 5px;
	border-bottom: 5px solid #db7700;
	color: #1C2B7F;
}

.region-content h2.block-title i.fa,
.region-undercontent  h2.block-title i.fa{
	color: #db7700;
	display: inline-block;
	margin-right: 10px;
	font-size: 28px;
}


.teaser-grid .related_title,
.related-grid .related_title{
	position: relative;	
}

.teaser-grid .related_title .views-field-title-field-et,
.related-grid .related_title .views-field-title-field-et{
	position: absolute;
	top: 15px;
	left: 0;
	background: url(../img/blue80.png);
	width: 100%;
}

.teaser-grid .related_title .views-field-title-field-et a,
.related-grid .related_title .views-field-title-field-et h3 a{
	padding: 15px 5px;
	color: #fff;
	display: block;
	
	-moz-transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.teaser-grid  .col:hover .related_title .views-field-title-field-et h3 a,
.related-grid .col:hover .related_title .views-field-title-field-et  h3 a,
.teaser-grid .views-row:hover .related_title .views-field-title-field-et h3 a
{
	
		padding: 30px 5px;
	
}


/* Contents */

h1.page-header{
	border-bottom: 5px solid #1c2b7f;
}

.field-name-field-images- img{
	width: 100%;
	height: auto;
}

.group-more-infos.panel
.more_infos.panel{
	margin-top: 30px;	
}

.group-more-infos,
.more_infos{
	border-radius: 0;
	border: 0px;
	background-color: #eee;
	
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);

}

.group-more-infos  .panel-heading,
.more_infos .panel-heading{
	background-color: #1c2b7f;
	color: #fff;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border: 0px;
}

.group-more-infos  .field,
.more_infos.panel .field{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

.group-more-infos   .field-label-inline .field-label,
.more_infos.panel .field-label-inline .field-label{
	width: 25%;
	display: inline-block;
}

.group-more-infos  .field-item,
.region.region-content .field-item{
	margin-bottom: 5px;	
}



ul.isotope-container{
	padding: 0;
	width: 100%;
	list-style-type: none;
	margin-left: -10px;
	margin-right: -10px;
}

.gridelement{
	padding: 10px;
}

li.isotope-element{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 33%;
}

.gridelement img{
	width: 100%;
	max-width: none;
	height: auto;
}


.isotope-grid-sizer {
	width: 33.3333%;	
}

.isotope-gutter-sizer { 
}

.node-media-gallery .field-type-video-embed-field{
	
}

.node-media-gallery .field-type-video-embed-field .field-item{
	display: block;
	float: left;
	width: 49%;
}
.node-media-gallery .field-type-video-embed-field .field-item.even{
	margin-right: 2%;
}




/* Page titles */

.node-type-page h1.page-header{
	padding-bottom: 0;
}

.node-type-page h1.page-header:before{
	font: normal normal normal 14px/1 FontAwesome;
	 text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-size: inherit;
	display: inline-block;
	margin-right: 10px;
	color: #1c2b7f;
}

/* News */
.page-node-16 h1.page-header:before{
	content: "\f1ea";	
}

/* Events */
.page-node-9 h1.page-header:before{
	content: "\f073";
}

/* Private contents */
#block-views-list-private-types-block{
	padding-bottom: 3px;
}

#block-views-list-private-types-block ul {
	margin: 0;
	padding: 0;
	margin-left: 30px;
}

#block-views-list-private-types-block ul li {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#block-views-list-private-types-block ul li a{
	font-weight: bold;
	font-size: 14px;
}

.view-private-contents.view-id-private_contents.view-display-id-page .col.col-lg-6 .block_container{
	margin-bottom: 30px;
	background-color: #eee;
	padding: 15px;
	margin: 15px;
	
}


.view-private-contents.view-id-private_contents.view-display-id-page .col.col-lg-6:hover .block_container{
	background-color: #ddd;
}

/* System */
.webmaster-menu {
    background-color: #622;
    height: 30px;
    padding-left: 9px;
    padding-right: 15px;
    position: fixed;
    top: 28px;
    width: 100%;
	z-index: 5000;
}

#admin-menu-wrapper ul{
		z-index: 10000;
		position: relative;
}

#admin-menu-wrapper ul li a{
	z-index: 10010;
	position: relative;
}

body.role-Editor .webmaster-menu,
body.role-Associate  .webmaster-menu{
    top: 0px;
    z-index: 10000;
}

body.role-Editor #navbar,
body.role-Associate #navbar{
	margin-top: 30px;
}

body.role-Editor .main-container.container,
body.role-Associate .main-container.container{
	margin-top: 90px;
}

body.admin-menu .navbar-fixed-top {
    top: 54px;
}

body.admin-menu .navbar-fixed-top {
    top: 54px;
}

body.admin-menu.navbar-is-fixed-top {
    padding-top: 200px!important;
}

body.navbar-is-fixed-top .main-container{
	margin-top: 20px;
}

body.role-anonymous-user .main-container{
	margin-top: 120px;
}

body.role-Editor  .main-container{
	margin-top: 150px;
}
/* bootstrap override */
img.img-responsive{
	max-width: none;
	width: 100%;
	height: auto;
}


@media (min-width: 768px){
.container {
    width: 100%;
}


	#block-menu-block-1 li a{
		    padding: 10px 5px;
			font-size: 12px !important;
	}
}



@media (min-width: 992px){
	.container {
		width: 100%;
	}

}


@media (max-width: 840px){
	
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: initial;
		margin: 0;
		padding: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	
	body.role-anonymous-user .main-container {
		margin-top: 25px;
	}


	body.navbar-is-fixed-top {
		padding-top: 0px!important;
	}
	
	
	
	body.html  #navbar {
		margin-top: 0px !important;
		padding-top: 0px !important;
		background-color: #1c2b7f;
		background-image: none;
	}
	
	#block-menu-block-1 {
		padding: 20px;
		position: absolute;
		width: 100%;
		z-index: 100000;
	}
	
	#block-menu-block-1 ul{
		margin: 0;
		padding: 0;
		height: auto;
		max-height: 20000px;
		
		
	}
	
	
	#block-menu-block-1 li {
    float: none;
	clear: both;
    border: 0;
    position: relative;
	}
	
	#block-menu-block-1 li a {
		padding-bottom: 7px;
		padding-top: 2px;
	}
	
	#block-menu-block-1 li a,
	#block-menu-block-1 li:hover,
	#block-menu-block-1 li.active{
		border: 0;
	}
	
	
	#block-menu-block-1 ul li ul{
		position: initial;
		display: block;
		visibility: visible;
		opacity: 1;
		margin-left: 20px;
		border-left: 1px solid #fff;
	}
	
	.name.navbar-brand{
		font-size: 24px;
	}
	
	#block-locale-language {
    position: absolute;
    top: 15px;
	}
	
	.navbar #block-search-form {
    float: none;
    margin: 5px 0 5px 5px;
	}
	
	
	a.logo {
	
		max-width: 80px;
		display: block;
		float: left;
	}
	
	

	a.name.navbar-brand {
		font-size: 24px;
		margin-top: 10px;
	}

	
	.navbar-toggle {
		border-color: #ddd;
		float: none;
		clear: both;
		position: initial;
		margin: 0;
		padding: 0;
		width: 80%;
		margin: auto;
		background-color: #fff;
		padding: 15px;
		text-align: center;
		margin-bottom: 10px;
		margin-left: 10%;
		margin-top: 15px;
	}
	
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		margin: auto;
	}
	
	
	.node-media-gallery .field-type-video-embed-field .field-item{
	display: block;
	float: none;
	width: 100%;
	}
	.node-media-gallery .field-type-video-embed-field .field-item.even{
		margin-right: 0%;
	}


}

/*Stories css*/
.stories_thumbnail > img {
	max-width:250px;
	margin: auto;
}