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

*{padding: 0; margin: 0; text-decoration: none; border: none;}

html{height: 100%; overflow: auto;}
body
{
	height: 100%;
	font-family: 'open_sansregular';
	font-size: 14px;
	color: #0b3165;
	background-color: #fafafa;
	
}

h2
{
	font-family: 'droid_sansregular';
    font-size: 18px;
    line-height: 27px;
	text-transform: uppercase;
}

h3
{
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 3px;

}

a
{
	color: inherit;
}

.fl{float: left;}
.fr{float: right;}

	#contenidor_web
	{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#head a
		{
			text-decoration: none;
		}
		
		.little_head {
			background-color: #f4f4f4;
			height: 30px;
			line-height: 29px;
		     font-family: 'open_sansbold'
		}
		
		#links_top {
			float: right;
			margin-right: 26px;
		}
		#links_top > a
		{
			padding: 0 30px 0 0;
			color: #245a9b;
			text-transform: uppercase;
			font-size: 12px;
		}
		
		#links_top a:hover, #links_top a.active{color: #980d20;}
		
		#idiomes
		{
			text-align: center;
			float: right;
			padding-right: 30px;
			color: #245a9b;
		}
		
		#idiomes > a
		{
			text-transform: uppercase;
			font-size: 12px;
			color: #245a9b;
			font-weight: bold;
			display:block;
		}
		
		#idiomes > a:hover, #idiomes > a.active
		{
			color: #0b3165;
		}
		
		#idiomes ul {
			list-style-type:none;	
		}
		
		#cont_idiomes {
			visibility: hidden;
			position: absolute;
			margin-left: -15px;
			border: 1px solid #e5e5e5;
			border-bottom: 0;
			background-color: #fff;
			margin-top: 5px;
		}
		
		#cont_idiomes li {
			padding: 0px 15px;
    		border-bottom: 1px solid #e5e5e5;
		}
		
		#cont_idiomes li:hover {
			background-color: #e5e5e5;
		}
		
		#idiomes > ul > li.active #cont_idiomes {
			visibility: visible;
			z-index: 1;
		}
		
		
	.logo {
		display: inline-block;
		vertical-align: middle;
		width: 20%;
		min-width: 240px;
		max-width: 300px;
	}
	
	.logo img {
		width: 85%;
	}
	
	#nav
	{
		display: inline-block;
		width: 69%;
		vertical-align: bottom;
		text-align: right;
	}
	
		#menu
		{
			list-style: none;
			color: #082c65;
			margin-right: 26px;
		}
		
			#menu ul
			{
				position: absolute;
				margin-left: -1px;
				visibility: hidden;
				top: 135%;
				border: 1px solid #e5e5e5;
				z-index: 999;
				text-align: center;
				border-radius: 5px;
				width: 184px;
			}
			.tr_m {
				position: absolute;
				top: -10px;
				right: 0;
				left: 0;
				margin: auto;
			}
			#menu > li, .submenu > li
			{
			
				list-style: none;
				box-sizing: border-box;
			}
			
			#menu > li {
				display: inline-block;
				padding: 0 25px 33px;	
				position: relative;
			}
			
			#menu > li:last-child {
				margin-right: -30px;
				padding-right: 30px;	
			}
			
				#menu > li > a, .submenu > li > a
				{
					display:block;
					font-weight: bold;
				}
				
				.submenu > li {
					background-color: #ffffff;	
				}
				
				.submenu > li > a{
					padding: 15px 0;
				}
				
				.submenu > li:hover, .submenu > li.active {
					background-color: #d5dbe5;	
				}
				
				#menu > li:hover > a, #menu > li.active > a{color: #980d20}
				#menu > li:hover > ul{visibility: visible;}
				
		.fix_submenu {
			position: absolute;
			width: 100%;
			height: 50px;
			top: -40px;
			left: 0;
		}
		
		
		.underline {
			display: inline-block;
			vertical-align: middle;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-moz-osx-font-smoothing: grayscale;
		}
		
		.underline:before {
			content: "";
			position: absolute;
			z-index: -1;
			left: 0;
			right: 100%;
			bottom: 0;
			background: #d5dbe5;
			height: 5px;
			-webkit-transition-property: left, right;
			transition-property: left, right;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}
		
		.underline:hover:before, .underline:focus:before, .underline:active:before, #menu li.active:before {
			right: 0;
		}
		
		#head {
			 position: relative;
			 z-index:2
		}
		
		#content
		{
			 position: relative;
			 z-index:1
		}
		#content .slide_home{
			position: relative;
			text-align: center;
			/* width: 50%; */
			height: 0;
			padding-bottom: 35%;
		}

		#content .slide_home .image_slider {
		
		}
		
		#content  ul{margin-left: 40px;}
		#xSocials
		{

			background-color: #980d20;
			height: 31px;
			padding: 5px 13px 0px 13px;
		}
		
		#peu
		{
			border-top: 8px solid #b20e10; 
			background-color: #f7f7f7;
		}
		
		#peu, #peu *
		{
			font-size: 12px;
			color: #919191;
			text-decoration: none;
		}
		
		#peu .footer {
			padding: 25px	
		}
		
		.footer > div {
			display: inline-block;
			vertical-align: top;	
			width: 30%;
		}
		
		.footer > div:first-child {
			width: 36.5%;
		}
		
		.footer > div:last-child {
			width: 23px;
		}
		
		.footer a{
			display: block;
		}
		
		.menu_footer a {
			text-transform: uppercase;
			font-family: 'open_sanssemibold';
			letter-spacing: 2px;
			margin-bottom: 10px;	
		}
		
		.credits {
			background-color: #0f233f;
			padding: 10px 25px;	
		}
		
		.credits * {
			color: #f4f5f5!important;	
		}
	
		.credits .fl, .credits .fr {
			float: none;
			display: inline-block;
			vertical-align: top;
		}
		
		.credits .fl {
			width: 92%;	
		}
		
		.credits .fr {
			width: 7%;
		}
		
		.credits .fr {
			text-align: right;	
		}
		
			.links_dotted a
			{
				border-bottom: 1px dotted #0b3165;
			}
			
	.cycle-home .cycle-slide > div.franja_slide {
		position: absolute;
		height: 282px;
		top: -25px;
		width: 100%;
		bottom: 0;
		margin: auto;
		background-color: rgba(255,255,255,0.6);
		z-index: 2;
		display: none;
	}

			
	.cycle-home {
		color: #082c65;
		font-family: 'open_sanssemibold';
		font-size: 21px;
		letter-spacing: 2px;
		z-index:1;
		height: 420px;
	}


	
	.cycle-home > div {
	  	width: 100%;
		height: 100%!important;
	}
	.cycle-home .cycle-slide {
		visibility:hidden!important
	}

	.cycle-home .cycle-slide-active {
		visibility:visible!important;
	}

	
	.cycle-home .cycle-slide > div.content-home {
		position: absolute!important;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 60%;
		height: 280px;
		z-index:3;
		display: none;
	}



	.cycle-home p {
		color: #b20e10;
		font-family: 'open_sansbold';
		font-size: 38px;
	}
	
	.cycle-home p:after {
		  content : "";
		  display: block;
		  height  : 1px;
		  width   : 100px;  /* or 100px */
		  border-bottom:2px solid #b20e10;
		  margin: 25px auto;
	}
	
	#per-slide-template {
		position: absolute;
		top: 20px;
		z-index: 999;
		right: 0;
		left: 0;
	}


	
	a.pager_home {
		padding: 5px 15px;
		font-size:14px;
		font-size: calc(10px + 0.5vw);
		background-color: rgba(255,255,255,0.6);
		margin-right: 30px;
		border-radius: 5px;
		font-family: 'open_sanssemibold';
		    display: inline-block;
	}
	
	a.pager_home.cycle-pager-active {
		color: #b20e10;	
	}
	
	a.pager_home:last-child {
		margin-right: 0;	
	}
			
	.desc_home {
		padding: 50px 25px;
		background-color:#ffffff;
	}		
			
	.desc_home > p {		
		font-size: 18px;
    	color: #a22d38;	
	}
	
	.desc_home > div {
		color: #6b6b6b;
		text-align: justify;
		margin-top: 35px;
	}
	
	#destacats_media {
		padding: 25px 25px 20px;
		background-color: #c5d2e3;
	}
	
	#destacats_media > p {
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 8px;
		margin: 0 auto 20px;
		text-align: center;
		font-family: 'droid_sansregular';	
	}
			
	#destacats_media > div {
		display: inline-block;
		vertical-align: top;
		width: 30%;
		
	}
	#destacats_media > div.col_media {
	
		margin: 0 1.5% 0 1.5%;
	}

	
	#destacats_media > div:last-child {
		/* margin: 0; */
	}
	
	.cont_media {
		background-color: #ffffff;
		margin-bottom: 25px;
		min-height: 180px;
		position: relative;
		padding: 20px 10px;
		color: #6b6b6b;
	}
	
	.cont_media .date {
		display: block;
		color: #a22d38;
		font-size: 12px;
		font-family: 'droid_sansregular';
	}
	
	.cont_media p {
		font-family: 'droid_sansbold';
		margin: 15px 0;
		font-size: 16px;
		color: #072f66
	}
	
	.cont_media a {
		position: absolute;
		right: 20px;
		bottom: 20px;
		color: #072f66;	
	}
			
	.generic {
		background-image:url(../img/bg_generic.jpg);
		background-size: 100%;
		background-repeat:no-repeat;
		background-color: #f2f2f2;	
	}
			
	.cap {
		padding: 50px 25px;
		background-color: #f2f2f2;	
		letter-spacing: 3px;
		font-family: 'droid_sansbold';
		background-image:url(../img/bg_generic.jpg);
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.generic .cap {
		background-image:none;
		background-color:transparent;
	}
	
	.subtitol_petit {
		font-family: 'open_sanssemibold';
		color: #536286;	
	}
	
	.titol_cap {
		font-family: 'droid_sansbold';
		font-size: 25px;
		margin-top: 10px;
		line-height:33px;
	}
	
	.about_block {
		display: table-cell;
		vertical-align: top;
		width: 50%;
		word-spacing: normal;
		text-align: justify;
		color: #5c5c5c;
		line-height: 25px;
	}
	
	.about_block.inline {
		display: inline-block;	
	}
	
	.about_block > div {
		padding: 25px 60px 35px;	
	}
	
	.about_block.first > div {
		font-family: 'droid_sansregular';
	}
	
	.about_block.first > div  p:first-child {
		color: #072f66;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 30px;	
	}
	
	.about_block.first > div  p:last-child {
		color: #9a081b;
		margin-top: 10px;
		font-size: 16px;
	}
	
	.icon_about {
		width: 100%;	
	}
	
	.cycle-news {
		width: 95%!important;
		margin: 0 auto!important;
		max-height: 270px;	
	}
	
	.cycle-news > div {
		width: 100%;	
	}
	
 	.cycle-news .cont_media {
		width: 30%;
		display: inline-block;
		white-space: normal;
		vertical-align: top;
		margin-right: 10px;	
		text-align: left;
	}
	
	#prev, #next {
		display: block;
		width: 23px;
		height: 23px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		cursor: pointer;	
	}
	
	#prev {
		left : -3px;	
	}
	
	#next {
		right: 10px;	
	}
	
	.sobreposat {
		position: relative;
		z-index: 2;
	}
	
	.sobreposat > div {
		background-color: #ffffff;
		padding: 50px 50px 80px;
		width: 80%;
    	margin: 0 auto;	
	}
	
	.generic .descripcio {
		padding: 0 30px;
		font-family: 'droid_sansregular';
		color: #5e7ba4;
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	
	.generic .publicacio  {
		font-family: 'droid_sansregular';
		color: #9a081b;
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 40px;
	}
	
	.generic .publicacio > p:last-child {
		color: #9c9c9c;
		font-size: 12px;
	}
	
	#team {
		word-spacing: -4px;
    	padding: 50px;	
	}
	
	.member {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		background-color: #f2f2f2;
		word-spacing: normal;
		margin-bottom: 50px;
		min-height: 150px;	
		border-bottom: 6px solid #0b3165;
		position: relative;
	}
	
	.member:nth-child(2n) {
		margin-left: 2%;			
	}
	
	.member .inline {
		 margin-bottom: -4px;
	}

	.member .inline > div {
		display: inline-block;
		vertical-align: top;
		width: 60%;
		margin: 6% 0 0 5%;
	}
	
	.member_name h2 {
		text-transform: none;	
	}
	
	.member img {
		height: 150px;
	}
	
	.member_name p {
		margin-bottom: 10px;	
	}
	
	.member .member_desc {
		display: none;
		padding: 30px;
    	text-align: justify;
		color: #6b6b6b;	
	}
	
	.arrows {
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
		bottom: -21px;
	}
	
	.arrow_desplegador {
		height: 8px!important;
		background-color: #0b3165;
		padding: 4px;	
		cursor: pointer;
	}
	
	.arrow_desplegador.none {
		display: none;	
	}
	
	.cap.map {
		background-image: none;
    	padding: 1px;
    	position: relative;	
		height: 300px;
	}
	
	.contact .sobreposat {
		margin: -50px auto 0;
	}
	
	.generic.contact {
		background-position: 0 300px;
	}
	
	#map {
		position: absolute;
		width: 100%;
		height: 300px;
		top: 0;	
	}
	
		
	.global .sobreposat > div {
		padding: 0 50px 40px 50px;
	}
	
	.global .sobreposat > div:first-child {
		padding-top: 50px;
	}
	
	.global .sobreposat > div:last-child {
		padding-bottom: 50px;
	}
	
	.generic.global .publicacio {
		margin-bottom: 10px;
	}
	
	.arrow_desplegador {
		width: 15px!important;	
	}
	
	.gallery {
		word-spacing: -4px;		
	}
		
	.gallery-pop {
		display: inline-block;
		vertical-align: top;
		width: 24%;	
		margin: 3% 1.33% 1% 0;
		position: relative;
		text-align: center;
		word-spacing: normal;
	}
	
	.gallery-pop:nth-child(4n) {
		margin-right: 0;	
	}
	
	.gallery-pop *{
		cursor: pointer;
	}
	
	.gallery-pop img {
		z-index: 0;	
		width: 100%;
	}
	
	.desc_popup {	
	    position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 2;
		/*color: #980d20;*/
		color: #ffffff;
		font-family: 'open_sanssemibold';
		text-transform: uppercase;
		font-size: 16px;
		letter-spacing: 2px;
		transition: all 0.5s ease;
		opacity: 0;
		padding-top: 50px;
		line-height: 25px;
	}
	
	.desc_popup p {
		width: 70%;
    	margin: 0 auto;	
	}
	
	.gallery-pop:hover .desc_popup {
		opacity: 1;
		padding-top: 0;	
	}
	
	.capa_popup {
		opacity: 0;
		width: 100%;
		height: 100%;	
		transition: opacity 0.5s ease;
		background-color: rgba(11,49,101,0.8);
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.gallery-pop:hover .capa_popup {
		opacity: 1;	
	}


@media all and (max-width: 1200px) {
	#contenidor_web, body {
		width: 100%;	
	}
	
	.franja_slide {
		height: 209px;
		top: -100px;
	}
	
	.cycle-home p {
		font-size: 34px;	
	}
	
	.cycle-home p:after {
		margin: 20px auto;	
	}
	
	.cycle-home {
		font-size: 18px;	
	}
	
	#menu > li {
		padding: 0 15px 33px;	
	}
	
	.desc_popup {
		font-size: 14px; 
		line-height:23px;	
	}
	
	.desc_popup p {
		width: 85%;	
	}
}

@media all and (max-width: 1030px) and (min-width: 886px) {
	
	#head .logo {
		width: 20%;
		min-width: auto;
	}
	
	#nav {
		width: 75%;	
	}
	
	#menu > li {
		font-size:	13px;
	}
}

@media all and (max-width: 1030px) {	
	
	.footer > div {
		width: 29%;	
	}
	
	#destacats_media > div {
		width: 30%;
		margin: 0 4.5% 0 0;
	}
	
	.cont_media {
		min-height: 200px;	
	}
	
	.about_block.first > div  p:first-child {
		font-size: 15px;
		line-height: 25px;	
	}
	
	.member .inline > div {
		width: 54%;	
	}
	
	.sobreposat > div {
		width: 65%;	
	}
	
	.contact .descripcio {
		padding: 0;
	}
}

@media all and (max-width: 885px) { 

	.gallery-pop {
		width: 32%;	
		margin: 3% 2% 1% 0;
	}
	
	.gallery-pop:nth-child(3n) {
		margin-right: 0;	
	}
	
	.gallery-pop:nth-child(4n) {
		margin-right: 2%;	
	}
	
	.fancybox-nav.fancybox-prev span, .fancybox-nav.fancybox-next span {
		visibility: visible!important;	
	}
	
	.logo {
		display: block;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.logo img {
		width: 312px;
	}
	
	#nav {
		width: 100%;
		text-align: center;	
	}
	
	.cycle-home .cycle-slide > div.content-home  {
		width: 85%;	
		font-size: 14px;
		height: 145px;
	}
	
	.cycle-home p {
		font-size: 20px;	
	}
	
	.cycle-home p:after {
		margin: 10px auto;	
	}
	
	.cycle-home .cycle-slide > div.franja_slide {
		height: 135px;	
		top: -40px;
	}
	
	#per-slide-template {
		bottom: inherit;
	}
	
	.footer > div {
		width: 49%!important;	
	}
	
	.footer > div:nth-child(2n) {
		text-align: right;
		margin-left: 1%;
	}
	
	.footer .logo {
		width: 260px!important;	
		display: inline-block;
	}
	
	.footer .logo img{
		width: 260px;	
	}
	
	#destacats_media > div {
		width: 100%;	
	}
	
	.cont_media {
		width: 46%;
		display: inline-block;
		vertical-align: top;
		float: left;	
	}
	
	.cont_media:last-child {
		float: right;	
	}
	
	.about_block > div {
		padding: 15px 30px 25px;
	}
	
	.about_block.first > div  p:last-child {
		font-size: 14px;	
	}

	.about_block.first > div p:first-child {
		font-size: 14px;
		line-height: normal;
	}
	
	.cycle-news {
		max-height: 590px;	
	}
	
	.cycle-news .cont_media {
		width: 100%;
		box-sizing: border-box;	
		min-height:inherit;
	}
	
	.cycle-news .cont_media a {
		position: static;
		display: inline-block;
		float: right;	
		margin-top: 10px;
	}
	
	.cycle-news .cont_media:last-child {
    	float: left;
	}
	
	#prev {
		left: -15px;
	}
	
	#next {
		right: -15px;
	}
	
	#team {
		padding: 15px;	
	}
	
	.member {
		min-height: inherit;	
	}
	
	.member img {
		width: 30%;	
		height: auto;
	}
	
	.member .inline > div {
		margin: 2% 0 0 2%;
	}
	
	.member_name h2 {
		font-size: 16px;
		line-height: normal;	
	}
	
	.titol_cap {
		font-size: 20px	
	}
	
	.cap {
    	padding: 25px;	
	}
	
	.textos.sobreposat table {
		width: 100%;	
	}
	
	.textos.sobreposat table td {
		width: 33%!important;
		display: inline-block;
	}
	
	.textos.sobreposat table img {
		width: 80%!important;
		height: auto!important;
	}
	
	.contact_icon {
		width: 150px!important;	
	}
}

@media all and (max-width: 885px) and (min-width: 631px) {
	
	#menu > li {
		font-size:	13px;
		padding: 0 10px 33px;
	}
}


@media all and (max-width: 630px) { 
	
	.gallery-pop {
		width: 49%;	
		margin: 3% 1% 1% 0;
	}
	
	.gallery-pop:nth-child(2n) {
		margin-right: 0;	
	}
	
	.gallery-pop:nth-child(3n) {
		margin-right: 1%;	
	}
	
	.gallery-pop:nth-child(4n) {
		margin-right: 1%;	
	}
	
	.desc_popup {
		font-size: 12px; 
		line-height:21px;
		letter-spacing: normal;
		width: 95%;	
		word-spacing: normal;
	}
	
	.desc_popup p {
		width: 85%;	
	}
	
	#nav {
		text-align: left;	
	}
	
	.menu_responsive {
		display: block!important;	
		color: #000000;
		font-weight: bold;
		padding: 0 20px 23px;
		cursor: pointer;
	}
	
	/*#nav:before {
		display: block;
		content: "\f03a  MENU";
		color: #000000;
		font-weight: bold;
		padding: 0 20px 23px;
		cursor: pointer;
		font-family: FontAwesome !important;
	}*/
	
	#menu {
		display: none;
		margin-right: 0;	
	}
	
	#menu.active {
		display: block;
	}
	
	#menu > li {
		width: 100%	;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.submenu .fix_submenu, .submenu .tr_m {
		display: none;	
	}
	
	#menu ul {
		position: static;
		display: block;
		width: 95%;
		margin-left: 0;
		text-align: left;
		visibility: visible;
		margin-left: 4%;
    	margin-top: 10px;
	}
	
	.submenu > li > a {
		padding: 15px 10px;	
	}
	
	.underline:before {
		right: 0;	
	}
	
	#destacats_media > div {
		width: 100%;
		margin: 0;	
	}
	
	.footer > div {
		width: 100%!important;	
		text-align: center;
		margin-top: 10px;
	}
	
	.footer > div:nth-child(2n) {
		text-align: center;
		margin-left: 0;
	}
	
	.footer > div:nth-child(4) a {
		display: inline-block;
	}
	
	.cont_media {
		width: auto;
		float: none!important;	
		display:block;
	}
	
	.about_block {
		width: 100%;
		display: block;	
	}
	
	.cycle-news .cont_media {
		float: left!important
	}
	
	.member {
		width: 100%;
	}
	
	.member .inline > div {
		margin: 6% 0 0 5%;
	}
}

@media all and (max-width: 550px) { 
	
	.cycle-home .cycle-slide > div.content-home {
		font-size: 12px;
		height: 145px;
	}
	
	.cycle-home p {
		font-size: 18px;	
	}
	
	.cycle-home p:after {
		margin: 5px auto;	
	}
	
	.cycle-home .cycle-slide > div.franja_slide {
		height: 110px;
		top: -52px;	
	}
	
	a.pager_home {
		font-size: 10px;	
	}
	
	#links_top > a {
		font-size: 10px;
		padding: 0 10px 0 0;	
	}
	
	#idiomes {
		font-size: 12px;	
	}
	
	h2, .desc_home > p {
		font-size: 16px;	
	}
	
	body {
		font-size: 12px;	
	}
	

}

@media all and (max-width: 450px) { 
	.cycle-home p, .cycle-home p:before {
		display: none;
	}
	
	.cycle-home .cycle-slide > div.content-home {
		height: 110px;
	}
	
	.cycle-home .cycle-slide > div.franja_slide {
		height: 85px;	
	}
	
	.sobreposat > div {
		width: 90%;
    	box-sizing: border-box;	
		padding: 50px 15px 80px;
	}
}

@media all and (max-width: 312px) { 
	#head .logo img {
		width: 100%;	
	}
}








			
			
/* Fancybox PopUps */
.popup { display: none; }
#credits {
	margin: 0;
	border: 0;
	padding: 30px 25px;
	
	width: 300px; 
  	height: 160px;
  	background-color: #000;
}
#credits a {
	text-decoration: none;
	color: #999999;
}
#credits p {
	margin: 20px 0;
	border: 1px solid #000;
	padding: 0;
	
	color: #fff;
	font-size: 12px;
	font-family: Arial;
}
/**** BANNER CROWDFUNDING *****/
#content .slide_crowdfunding{
	position: relative;
	text-align: center;
	height: 0;
	padding-bottom: 35%;
}
.crowd-slide{
	display:flex!important;
	position: absolute!important;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	z-index: 3;
}


.text-crowd {
    padding: 5% 3% 10% 3%;
    font-size: calc(10px + 1vw);
    color: white;
    text-align: center;
    flex: 1 40%;
}
.text-crowd strong,text-crowd b{
	font-family: 'open_sansbold';
}
.text-crowd .first-crowd{
	font-size: calc(30px + 1vw);
}

.video-crowd {
    padding: 3% 6% 3% 0%;
    flex: 1 60%;
}

.video_container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video_container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


a.button-crowd {
    background-color: aqua;
    color: #1f3164;
    border-radius: 50%;
    padding: 30px;
    border-radius: 300px;
    padding: 4% 5%;
    display:       inline-block;
    border: 1px solid #1f3164;
    /* font-size: 25px; */
}

@media all and (max-width: 820px) {
	#content .slide_crowdfunding{
		height: auto;
		padding-bottom: 0;
	}
	.crowd-slide{
	
		position: relative!important;
		flex-direction: column-reverse;
	}
	
	
	.text-crowd {
		flex: 1 100%;
	}
	
	
	.video-crowd {
		padding: 3% 6% 3% 6%;
		flex: 1 100%;
	}
	a.button-crowd {
		
		padding: 2% 3%;
	
	}
	
}

	/*TEST */
	.cycle-home.test {
		position: unset !important;
	}
	.cycle-home .cycle-slide > div.franja_slide.test {

		background-color: transparent !important;
	}
	.cycle-home.test .cycle-slide > div.franja_slide {
		height: 65%;
	}
	.cycle-home.test .cycle-home .cycle-slide-active {
		visibility:visible!important;
		display: flex;
		align-items: center;
	}
	.cycle-home.test .cycle-slide > div.content-home {
		height: 70%;
		display: flex !important;
		width: 90%;
		gap: 50px;
		letter-spacing:normal;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
		font-weight: lighter;
		font-size: 1.8vw;
		position: relative;
	}
	.cycle-home.test .cycle-slide > div.content-home .content1 {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		flex-basis: 40%;
		color: #f1f1f1;
		
	}

	.cycle-home.test .cycle-slide > div.content-home .content1.full-width {
		flex-basis: 100%;
		color: #082c65;
		justify-content: flex-start;
		margin-top: 30px;
	}
	
	.cycle-home.test .cycle-slide > div.content-home .content1 .tag {
		font-size: 2.7vw;
		font-weight: bold;
	}
	.cycle-home.test .cycle-slide > div.content-home .content1 .link {
		background-color: brown;
		padding: 10px;
		border-radius: 10px;
		width: fit-cotent;
		font-weight: bold;
		font-size: 1.4vw;
		padding: 10px 20px;  
	}
	.cycle-home.test .cycle-slide > div.content-home .content1 .titol {
		color: #b20e10;
		font-family: 'open_sansbold';
		font-size: 40px;
		border-bottom: 2px solid;
		margin-bottom: 20px;
	}
	.cycle-home.test .cycle-slide > div.content-home .content1 .desc {
		font-size: calc(20px + 1vw);
	}
	.cycle-home.test .cycle-slide > div.content-home .content2 {
		flex-basis: 60%;
		background-image: url("https://www.abilitypharma.com//templates/PUBLIC/img/loading.gif");
		background-size: 15%;
		background-position: center;
		background-repeat: no-repeat;
		
	}
	#per-slide-template.test {
		display: flex;
		gap: 20px;
		text-transform: uppercase;
		justify-content: center;
	}

	#per-slide-template.test a.pager_home {
		margin-right: 0px;
		display: flex;
		align-items: center;
	}
	@media screen and (max-width: 885px) {
		.slide_home.test {
			height: 330px !important;
		}
		.cycle-home.test .cycle-slide > div.content-home {
			flex-direction: column-reverse;
		}
		#per-slide-template.test {
			gap: 4px;
			margin: 0px 10px;
			top: 10px;
		  }
		  .cycle-home.test .cycle-slide > div.content-home {
			font-size: 15px;
			margin-top: 85px;
			gap: 30px;
		  }
		  .cycle-home.test .cycle-slide > div.content-home .content1 {
			gap: 10px;
		  }
		  .cycle-home.test .cycle-slide > div.content-home .content1 .tag {
			font-size: 24px;
		  }
		  .cycle-home.test .cycle-slide > div.content-home .content1 .link {
			font-size: 15px;
		  }
		  .cycle-home.test .cycle-slide > div.content-home .content1 .titol {
			font-size: 24px;
		}
	}

	/**********/