/* fl-posts */

.fl-posts-container {
	width: 76%;
	margin: 3vw 12% 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 0;
}

.fl-posts-container > * {
	font-size: 16px;
}

/* the-end-of-fl-posts */



/* fl-main-posts */

.fl-main-posts-container {
	display: inline-block;
	background-color: #e3e2e2;
	padding: 1.5% 2%;
	width: 96%;
	margin-top: 0;
	overflow: auto;
	border-bottom-right-radius: 1vw;
	border-bottom-left-radius: 1vw;
}
	
.fl-main-posts-list {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: start;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.fl-main-posts-item {
	display: inline-block;
	position: relative;
	background-color: transparent;
	margin: 1rem 0 0;
	cursor: pointer;
	padding: 0;
	border: 1px solid lightgrey;
	box-sizing: border-box;
	font-size: 0;
	transition: box-shadow 0.3s ease;
}

.fl-main-posts-item:hover {
	box-shadow: 2px 2px 15px grey, -2px -2px 15px grey !important;
}

.fl-main-posts-item * {
	font-size: 16px;
}	

.fl-main-posts-list .fl-main-posts-item:last-child {
	margin-right: 0;
}

.fl-main-posts-link {
	display: inline-block;
	background-color: white;
	width: 100%;
	height: auto;
	text-decoration: none;
	padding: 0;
	text-align: left;
	margin: 0;
	z-index: 0;
	overflow: hidden;
	margin: 0;
}

.fl-main-posts-ani {
	width: calc(100% - 2rem);
	height: calc(100% + 5px);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 1rem;
	background-color: rgba(130, 180, 64, 0.9);;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	overflow: hidden;
}

.fl-main-posts-ani::after {
	content: "";
    border-top: 100px solid transparent;
    border-right: 100px solid #d5d7d6;
    position: absolute;
    bottom: 0;
    right: 0;
}

.fl-main-posts-item:hover .fl-main-posts-ani {
	visibility: visible;
	opacity: 1;
}

.fl-main-posts-ani-first-text,
.fl-main-posts-ani-second-text {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: white;
	position: absolute;
	transition: top 0.5s ease, bottom 0.5s ease;
	font-weight: bold;
}

.fl-main-posts-ani-first-text {
	top: -100%;
}

.fl-main-posts-ani-second-text {
	bottom: -100%;
}

@media only screen and (hover: hover) {
	.fl-main-posts-item:hover .fl-main-posts-ani-first-text {
		top: 40%;
	}
	.fl-main-posts-item:hover .fl-main-posts-ani-second-text {
		bottom: 40%;
	}
}	

.fl-main-posts-image-container {
	height: 14vw;
	overflow: hidden;
}

.fl-main-posts-image {
	width: 100%;
	height: auto;
	min-height: 100%;
}

.fl-main-posts-link p span {
	font-weight: normal;
	color: black;
}

.fl-main-posts-name {
	font-weight: normal;
	color: black;
	padding: 0 0.5rem;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}

.fl-main-posts-text {
	color: #cfa144;
	text-align: left !important;
	margin: 1.5rem;
	overflow: hidden;
	height: 75px !important;
	line-height: 25px !important;
	font-weight: bold;
	white-space: normal;
	padding: 0;
}

.fl-main-posts-date {
	color: #c1c6ca;
	padding: 0 0.5rem;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}

/* ---main-posts-in-row--- */	

.fl-two-main-posts-in-row {
	padding: 0 !important;
}

.fl-two-main-posts-in-row .fl-main-posts-item {
	width: 48%;
	margin-top: 4%;
}

.fl-two-main-posts-in-row .fl-main-posts-item:first-child,
.fl-two-main-posts-in-row .fl-main-posts-item:nth-child(2) {
	margin-top: 0;
}

.fl-two-main-posts-in-row .fl-main-posts-item:nth-child(odd){
	margin-right: 4%;
}

.fl-two-main-posts-in-row .fl-main-posts-item:nth-child(even){
	margin-right: 0;
}

.fl-three-main-posts-in-row {
	padding: 0 !important;
}

.fl-three-main-posts-in-row .fl-main-posts-item {
	width: 30.6%;
	margin-top: 4%;
}

.fl-three-main-posts-in-row .fl-main-posts-item:first-child,
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(2),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(3) {
	margin-top: 0;
}

.fl-three-main-posts-in-row .fl-main-posts-item {
	margin-right: 4%;
}

.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(3),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(6),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(9),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(12),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(15),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(18),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(21),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(24),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(27),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(30),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(33),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(36),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(39),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(42),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(45),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(48),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(51),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(54),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(57),
.fl-three-main-posts-in-row .fl-main-posts-item:nth-child(60) {
	margin-right: 0;
}

.fl-four-main-posts-in-row {
	padding: 0 !important;
}

.fl-four-main-posts-in-row .fl-main-posts-item {
	width: 22%;
	margin-top: 4%;
}

.fl-four-main-posts-in-row .fl-main-posts-item:first-child,
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(2),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(3),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(4) {
	margin-top: 0;
}

.fl-four-main-posts-in-row .fl-main-posts-item {
	margin-right: 4%;
}

.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(4),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(8),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(12),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(16),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(20),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(24),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(28),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(32),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(36),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(40),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(44),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(48),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(52),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(56),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(60),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(64),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(68),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(72),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(76),
.fl-four-main-posts-in-row .fl-main-posts-item:nth-child(80) {
	margin-right: 0;
}

.fl-five-main-posts-in-row {
	padding: 0 !important;
}

.fl-five-main-posts-in-row .fl-main-posts-item {
	width: 16.8%;
	margin-top: 4%;
}

.fl-five-main-posts-in-row .fl-main-posts-item:first-child,
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(2),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(3),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(4),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(5) {
	margin-top: 0;
}

.fl-five-main-posts-in-row .fl-main-posts-item {
	margin-right: 4%;
}

.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(5),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(10),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(15),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(20),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(25),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(30),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(35),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(40),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(45),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(50),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(55),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(60),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(65),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(70),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(75),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(80),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(85),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(90),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(95),
.fl-five-main-posts-in-row .fl-main-posts-item:nth-child(100) {
	margin-right: 0;
}	

@media only screen and (max-width: 1024px) {

	.fl-posts-container {
		width: 90%;
		margin: 3vw auto 0;
	}

	.fl-responsive-posts {
		padding: 0 !important;
	}

	.fl-responsive-posts .fl-main-posts-item {
		width: 48%;
		margin-top: 4% !important;
	}

	.fl-responsive-posts .fl-main-posts-item:first-child,
	.fl-responsive-posts .fl-main-posts-item:nth-child(2) {
		margin-top: 0;
	}

	.fl-responsive-posts .fl-main-posts-item:nth-child(odd){
		margin-right: 4%;
	}

	.fl-responsive-posts .fl-main-posts-item:nth-child(even){
		margin-right: 0;
	}

	.fl-main-posts-image-container {
		height: 24vw;
	}

}

@media only screen and (max-width: 599px) {

	.fl-responsive-posts {
		padding: 0 !important;
	}

	.fl-responsive-posts .fl-main-posts-item {
		width: 100% !important;
		margin: 15% 0 0!important;

	}

	.fl-responsive-posts .fl-main-posts-item:first-child {
		margin-top: 0 !important;
	}

	.fl-main-posts-animation {
		background-color: rgba(130, 180, 64, 0.5);
	}

	.fl-main-posts-animation::after {
		content: none;
	}

	.fl-main-posts-image-container {
		height: 50vw;
	}

}
	
/* the-end-of-main-posts-in-row */

/* the-end-of-main-posts */



/* fl-pagination */

.fl-pagination {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.fl-pagination-list {
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: row;
	justify-content: flex-start;
	-ms-flex-pack: start;	
	align-content: center;
	-ms-flex-line-pack: center;
	align-items: center;
  	-ms-flex-align: center;
}

.fl-pagination-item {
	margin: 1rem 0 0;
}

.fl-pagination-item-divider {
	color: white;
	background-color: #262626;
	padding: 1vw;
}

.fl-pagination-link {
	color: white;
	padding: 1vw;
	text-align: center;
	background-color: #262626;
	transition: background-color 0.3s ease;
}

.fl-pagination-link.fl-active {
	background-color: #cfa144;
}

.fl-pagination-arrow {
	background-color: #cfa144;
}

.fl-pagination-prev {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.fl-pagination-next {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

@media only screen and (hover: hover) {

	.fl-pagination-link:hover {
		background-color: #191717;
	}
	.fl-pagination-link.fl-active:hover {
		background-color: #ca9528;
	}
	.fl-pagination-arrow:hover {
		background-color: #ca9528;
	}

}

.fl-pagination-link:active {
	background-color: #191717;
}

.fl-pagination-link.fl-active:active {
	background-color: #ca9528;
}

.fl-pagination-arrow:active {
	background-color: #ca9528;
}

.fl-pagination-disabled-link {
	background-color: #bdc2c6 !important;
	cursor: initial;
}

.fl-pagination-flex-divider {
	display: none;
}

@media only screen and (max-width: 1024px) {

	.fl-pagination-link {
		padding: 1vw 2vw;
	}

}

@media only screen and (max-width: 599px) {

	.fl-pagination {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.fl-pagination-list {
		justify-content: center;
		-ms-flex-pack: center;
	}

	.fl-pagination-flex-divider {
		display: block;
		width: 100%;
	}

	.fl-pagination-arrow {
		border-radius: 5px;
	}

	.fl-first-child-in-smaller-screen .fl-pagination-link {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.fl-last-child-in-smaller-screen .fl-pagination-link {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

}

/* the-end-of-fl-pagination */