@charset "UTF-8";

div.news-blocs-home-page{
    width:                  auto;
    margin:                 auto;
    position:               relative;
	padding: 				45px 0 55px;
}

div.news-blocs-home-page h2{
	position: 				relative;
	z-index: 				2;
	color: 					#fff !important;
}

div.news-blocs-home-page  h2:after{
	background: 			#376085 !important;
	width: 					100% !important;
}

div.news-blocs-home-page:before{
	z-index: 				1;
	position: 				absolute;
	top: 					0;
	width: 					90vw;
    left: 					calc((90vw - 100%) / -2);
	height: 				100%;
	content: 				'';
	background: 			url(../../../img/mask2.png) no-repeat right top #26445f;
}

@media screen AND (max-width: 1180px){
	div.news-blocs-home-page:before{
		width: 						95vw;
		left: 						calc((95vw - 100%) / -2);
	}
}

@media screen AND (max-width: 1024px){
	div.news-blocs-home-page:before{
		width: 						100vw;
		left: 						calc((100vw - 100%) / -2);
	}
}

div.news-blocs-home-page ul{
    text-align:             left;
    width:                  auto;
    margin:                 auto;
    position:               relative;
    z-index:                3;
}

div.news-blocs-home-page ul li{
	width: 					33.3333%;
	padding: 				0 70px;
	box-sizing: 			border-box;
	float: 					left;
	display: 				block;
}

div.news-blocs-home-page ul li a{
    text-decoration:        none;
    position:               relative;
}

div.news-blocs-home-page ul:after{
    clear:                  both;
    content:                '';
    display:                block;
}

.news-blocs-home-page ul li .photo{
	width: 					100%;
	height: 				0;
	padding-top: 			70%;
	background-size: 		cover;
	background-position: 	center;
	border: 				10px solid #fff;
	margin-bottom: 			35px;
	position: 				relative;
	box-sizing: 			border-box;
}

.news-blocs-home-page ul li .photo .button{
	transition: 			all 0.3s;
	width: 					52px;
	height: 				52px;
	background: 			#fff;
	display: 				flex;
	flex-direction: 		column;
	justify-content: 		center;
	position: 				absolute;
	z-index: 				10;
	right: 					-18px;
	bottom: 				-18px;
}

.news-blocs-home-page ul li .photo .button i{
	content: 				url(../../../img/next.png);
	margin: 				auto;
	transition: 			all 0.3s;
}

.news-blocs-home-page ul li:hover .photo .button i{
	filter: 				brightness(0) invert(1);
}

.news-blocs-home-page ul li:hover .photo .button{
	width: 					100%;
	height: 				100%;
	right: 					0;
	bottom: 				0;
	background: 			rgba(235, 201, 0, 0.95);
}

.news-blocs-home-page ul li .content{
    text-align:             left;
}

.news-blocs-home-page ul li h3{
    font-size:              20px;
    line-height:            23px;
    color:                  #fff;
    font-family:            Montserrat, Arial;
    font-weight:            500;
    text-align:             left;
    margin:                 0 0 5px;
	text-transform: 		uppercase;
		
}

.category{
	line-height: 			21px;
	text-align: 			left;
	color: 					#d5b120;
	font-size: 				18px;
	font-weight: 			300;
}