/* ------------------ */
/* CAROUSSEL */
/* ------------------ */
#caroussel {
  /* Style the actual content */
}
#caroussel .text-content {
	position: absolute;
	z-index:1;
	width:33%;
	top: 0;
	left: 67%;
	right: 0;
	height: 100%;
	color:#fff;
	padding:0 1em 0.5em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.75+0,0.75+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
#caroussel .text-content h1, #caroussel .text-content h2 {margin: 1em 30px;padding-bottom:10px;font-height:2em;line-height:1.2em;text-shadow: 1px 1px 4px #0A0A0A;border-bottom:1px solid #FFF;font-family: 'Oswald', sans-serif;font-weight:normal;}
#caroussel .text-content p {margin: 1em 30px;padding:0;text-shadow: 1px 1px 4px #0A0A0A;}

#caroussel span.button-link {
	display: inline-block;
	padding: 0.5em 1.5em 0.5em 1.5em;
	margin: 1em 2em;
	/*
	position: absolute;
	bottom: 4em;
	left: 2.5em;
	*/
	background:#c84f1b;
	color:#FFF;
	border-radius:100px;
	border:3px solid #fff;
	text-decoration:none;
	}
#caroussel span.button-link:hover {background:rgba(255, 255, 255, 1);color:rgba(18, 96, 166, 1);}
#caroussel .bg-slider-pict {height:330px;width:100%;}
.news-pager {background-color:rgba(255,255,255,0.1);position:relative;z-index:10;text-align: right;display: block;margin:-2.4em 0 0 0;padding: 0;list-style: none;}
.news-pager li {display: inline-block;padding: 0.1em 0 0.1em 0.1em;margin: 0 0 0 .1em;}
.news-pager li.sy-active a {color: #fff;background-color: rgba(18, 96, 166, 1);}
.news-pager li a {font-weight: 500;text-decoration: none;display: block;color: #BBB;background-color: rgba(18, 96, 166, 0.3);padding:5px 10px;}
.news-pager li a:hover {color:#fff;}

@media only screen and (min-width: 550px) and (max-width: 980px) {
#caroussel article {margin:0;padding:0}
#caroussel .text-content {display:block;width:50%;left:50%;/*padding: 1.5em 2em 1.5em 2em;*/}
#caroussel .text-content h1, #caroussel .text-content h2 {margin:1em 1.4em;padding:0;line-height:1.1em;font-size:1.2em;}
#caroussel .text-content p {margin: 1em 2em;padding:0;font-size:.9em;line-height:1.1em;}
#caroussel span.button-link {font-size:.8em;}
#caroussel .bg-slider-pict {height:210px;width:100%;}
/*#caroussel span.button-link {display:none;visibility:hidden;}*/
.news-pager {display:none;visibility:hidden;}
}
@media only screen and (max-width: 550px) {
#caroussel .text-content {display:block;width:70%;left:30%;margin-top:0;/*padding: 1em 2em 1em 1em;*/}
#caroussel .text-content h1, #caroussel .text-content h2 {margin: 1em 15px;line-height:1.1em;font-size:1em;}
#caroussel .text-content p {/*display:none;visibility:hidden;*/margin: 1em 15px;font-size:.8em;line-height:1.1em;}
#caroussel span.button-link {display:none;visibility:hidden;}
#caroussel .bg-slider-pict {height:150px;width:100%;}
.news-pager {display:none;visibility:hidden;}
}