.showcaseFront {
	 padding-top: 40px;
	 padding-bottom: 40px;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem {
	 width: 100%;
	 height: 620px;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 position: relative;
	 align-items: flex-end;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .imagePost {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: -1;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .imagePost img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .imagePost .imageGrad {
	 position: absolute;
	 width: 100%;
	 height: 70%;
	 background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	 bottom: 0px;
	 left: 0px;
	 transition: 250ms ease;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost {
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-end;
	 width: 100%;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost {
	 padding: 20px;
	 width: 70%;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost .dateCatPost {
	 margin-bottom: 10px;
	 background-color: #fff;
	 display: inline-block;
	 padding: 0px 8px;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost .dateCatPost span {
	 font-size: 14px;
	 color: #0E360A;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost .dateCatPost span.catPost {
	 margin-right: 10px;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost h5 {
	 color: #fff;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .textPost p {
	 color: #fff;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .arrowPost {
	 width: 30%;
	 display: flex;
	 justify-content: flex-end;
	 padding: 20px;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a .bottomPost .arrowPost img {
	 width: 40px;
	 height: 40px;
	 object-fit: contain;
	 transition: 250ms ease;
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a:hover .bottomPost .arrowPost img {
	 transform: translateX(5px);
}
 .showcaseFront .container.bottom .row .col-lg-8 .postItem a:hover .imagePost .imageGrad {
	 height: 100%;
}
 .showcaseFront .container.bottom .row .col-lg-4 .annonceWrapper .anonnceBanner {
	 height: 160px;
	 margin-bottom: 20px;
	 display: block;
   background-color: #94ACBB;
}
 .showcaseFront .container.bottom .row .col-lg-4 .annonceWrapper .anonnceBanner img {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
	 object-position: center;
}
 .showcaseFront .container.bottom .row .col-lg-4 .annonceWrapper .anonnceBanner.big {
	 height: 620px;
	 margin-bottom: 0px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .annonceWrapper .anonnceBanner.big img {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
	 object-position: center;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem {
	 width: 100%;
	 max-height: 440px;
	 margin-bottom: 20px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a {
	 width: 100%;
	 height: 100%;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .imagePost {
	 width: 100%;
	 height: 200px;
	 z-index: -1;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .imagePost img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 flex-wrap: wrap;
	 background-color: #003142;
	 height: 240px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost {
	 padding: 20px;
	 width: 100%;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost .dateCatPost {
	 margin-bottom: 10px;
	 background-color: #fff;
	 display: inline-block;
	 padding: 0px 8px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost .dateCatPost span {
	 font-size: 14px;
	 color: #0E360A;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost .dateCatPost span.catPost {
	 margin-right: 10px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost h5 {
	 color: #fff;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .textPost p {
	 color: #fff;
	 margin-bottom: 0px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .arrowPost {
	 width: 100%;
	 display: flex;
	 justify-content: flex-end;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-bottom: 20px;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a .bottomPost .arrowPost img {
	 width: 40px;
	 height: 40px;
	 object-fit: contain;
	 transition: 250ms ease;
}
 .showcaseFront .container.bottom .row .col-lg-4 .postItem a:hover .bottomPost .arrowPost img {
	 transform: translateX(5px);
}
 