/***************/
/* NEWS GLOBAL */
/***************/
#news{
	height:600px;
	margin-top:100px;
	margin-bottom: 50px;
	position: relative
}

	/* SLIDESHOW */
	/*-----------*/
	#slideshow{
		width:100%;
		height:100%;
		overflow:hidden;
		position:relative
	}
		.swiper-slide{
			position:relative
		}
		.swiper-slide::after{
			content:'';
			position: absolute;
			z-index:5;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color:rgba(0,0,0,0.3);
		}
		.swiper-slide, .swiper-slide .fullBack{
			height:inherit;
			background-position:center -150px
		}
		.swiper-slide h2{
			position:absolute;
			z-index:10;
			top:0;
			right:0;
			left:0;
			padding:0 40% 0 -webkit-calc( (100% - 1170px) / 2);
			padding:0 40% 0 calc( (100% - 1170px) / 2);
			color: white;
			font-size:1.5rem;
			font-weight:400;
			line-height:2rem;
			margin-top:50px;
			text-shadow: 0 0 3px rgba(0,0,0,0.3);
			font-family:'Open Sans',sans-serif
		}
			.swiper-slide h2 strong{
				display:block;
				width: 100%;
				margin-bottom:5px;
				font-size:2rem;
				font-weight:700;
				line-height:2.5rem;
				text-transform: uppercase
			}
		.swiper-slide hr{
			border-color:@blue;
			margin:20px 0 0 0
		}
		.swiper-slide h2 a{
			color:white;
			font-size:1rem;
			font-weight: 600;
			text-transform:uppercase
		}
/* ***** HOVER ***** */
		.swiper-slide h2 a:hover{
			text-decoration:underline
		}
	 .slideNav{
        position:absolute;
        z-index:10;
        top:130px;
        width:50px;
        height:50px;
        color:#fff;
        font-size:4rem;
        line-height:1rem;
        text-align:center;
		text-shadow: 0 0 3px rgba(0,0,0,0.5)
    }
    .slideNav:hover{
        border-color:@blue;
        color:@blue
    }
    .cPrev{
        left:20px
    }
    .cNext{
        right:20px
    }
	
	/* NEWS BLOCKS */
	/*-------------*/
	#blocs_news{
		position: absolute;
		z-index:15;
		left:-webkit-calc( (100% - 1170px) / 2);
		left:calc( (100% - 1170px) / 2);
		right:-webkit-calc( (100% - 1170px) / 2);
		right:calc( (100% - 1170px) / 2); 
		bottom:-30px;
		width:1170px;
		padding:0;
	}
	
		/* MATINALES */
		/*-------------*/
		#matinales{
			width:100%;
			margin-bottom:20px;
			padding:15px 20px;
			background-color:#3a3a3a;
			color: white;
		}
			#matinales .title{
				float:left;
				width:220px;
				white-space: nowrap;
				overflow: hidden;
				font-family:'Roboto Slab',sans-serif
			}
			#matinales #ticker{
				float:left;
				width:calc(100% - 220px);
				padding-top:1px;
				white-space: nowrap;
				overflow: hidden
			}

		/* NEWS BLOCKS */
		/*-------------*/
		.news_block{
            padding: 15px 20px;
            width:-webkit-calc( (100% - 40px) / 3);
            width:calc( (100% - 40px) / 3);
            height:150px;
            overflow: hidden;
            font-size:0.875rem;
            line-height:1.2rem;
            color:white;
        }
		.news strong{
			font-weight:700
		}
		.news a{
			color:white;
			text-decoration: underline
		}
	/* ***** HOVER ***** */
		.news a:hover{
			color:lightgrey
		}
		#news1{
			background-color:#0085ae;
			/*background-color:#009CCC;
			background-color:#00617F*/
		}
		#news2{
			background-color:#ee7164;
			/*background-color:#009CCC;
			background-color:#003140*/
		}
		#news3{
			background-color:#50c9d4;
			/*background-color:#009CCC;
			background-color:#00AFE5*/
		}
			.news .title{
				display: block;
				margin-bottom: 10px;
				text-transform: uppercase;
				@altfont;
				font-weight:700;
				font-size: 1.1rem;
			}
			#matinales .title{
				margin: 0
			}	
	
/* H1 */
/*----*/
h1{
	text-align:center;
	font-size:1.5rem;
	padding:80px 20px 50px;
	@altfont;
	line-height:2.5rem
}
	h1 strong{
		display: block;
		font-size: 2rem;
		text-transform: uppercase;
		color:@blue
	}

/*********/
/* PATCH */
/*********/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 210px;
}
.swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:white;
	opacity:0.4
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1;
	background:@blue
}

/* *********************************** */
/* ***** RESPONSIVE BREAK POINTS ***** */
/* *********************************** */

/* ----------- CUSTOM ----------- */
@media screen and (max-width:799px), screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){
}
/* ----------- MOBILE & PHABLET ----------- */
@media screen and (max-width:799px){
}
/* ----------- MOBILE ----------- */
/* PORTRAIT */
@media screen and (max-width:379px) and (orientation:portrait){
}
/* LANDSCAPE */
@media screen and (max-width:579px) and (orientation:landscape){
}
/* ----------- PHABLET ----------- */
/* PORTRAIT */
@media screen and (min-width:380px) and (max-width:499px) and (orientation:portrait){
}
/* LANDSCAPE */
@media screen and (min-width:580px) and (max-width:799px) and (orientation:landscape){
}
/* ----------- TABLET ----------- */
/* PORTRAIT */
@media screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){
}
/* LANDSCAPE */
@media screen and (min-width:1160px) and (max-width:1300px) and (orientation:landscape){
}
/* ----------- BIG DESKTOP ----------- */
@media screen and (min-width:1600px){}