.featured-section .featured-a {
	display: block;
	position: relative;
	overflow: hidden;
}
.featured-section .featured-a.girl .cta {
	background: #f65293;
}
.featured-section .featured-a.girl .title-wrapper {
	border-bottom: 1px solid #f65293;
}
.featured-section .featured-a.guy .cta {
	background: #1264c6;
}
.featured-section .featured-a.guy .title-wrapper {
	border-bottom: 1px solid #1264c6;
}
.featured-section .featured-a:hover .post-details {
	bottom: 0;
}
.featured-section .featured-a:hover .title-wrapper {
	bottom: 56px;
}
.featured-section .featured-a:hover .cta {
	bottom: 56px;
}
.featured-section .title-wrapper {
	position: absolute;
	bottom: 0;
	padding: 20px 20px 25px 20px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	display: block;
	left: 0;
	right: 0;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.65) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.65) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.65) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0);
}
.featured-section .title-wrapper .title {
	font-size: 22px;
	line-height: 28px;
	word-break: break-word;
}
.featured-section .title-wrapper .topic {
	font-size: 11px;
	line-height: 15px;
	margin-top: 8px;
}
.featured-section .cta {
	position: absolute;
	text-align: center;
	display: block;
	padding: 0 33px;
	line-height: 24px;
	height: 24px;
	bottom: 0;
	left: 50%;
	color: #fff;
	font-size: 12px;
	transform: translateX(-50%);
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.featured-section .post-details {
	position: absolute;
	bottom: -56px;
	background: #fff;
	left: 0;
	right: 0;
	padding: 0 20px;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	height: 56px;
}
.featured-section .post-details .row {
	height: 56px;
	position: relative;
}
.featured-section .op-counters {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.featured-section .colgag-left {
	/* width: 790px; */
	margin-right: 10px;
	overflow: hidden;
}
.featured-section .colgag-left .featured-image {
	width: 790px;
	height: 346px;
	object-fit: cover;
	display: block;
}
.featured-section .colgag-left .featured-a {
	width: 790px;
	height: 346px;
	object-fit: cover;
	display: block;
}
.featured-section .colgag-right {
	width: 250px;
}
.featured-section .colgag-right .title-wrapper {
	padding: 15px 15px 30px 15px;
}
.featured-section .colgag-right .title-wrapper .title {
	font-size: 14px;
	line-height: 21px;
}
.featured-section .colgag-right .featured-image {
	width: 250px;
	height: 168px;
	object-fit: cover;
	display: block;
}
.featured-section .colgag-right .featured-a:first-child {
	margin-bottom: 10px;
}
.featured-section .colgag-right .post-details {
	padding: 0 10px;
}
.featured-section .colgag-right .username {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 120px;
}
.cards-section .cards-section-title {
	display: block;
	color: #334d5e;
	margin: 30px 0;
	text-align: center;
}
.cards-section .cards-section-title h1,
.cards-section .cards-section-title h2 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 2.5px;
	padding: 0;
	position: relative;
}
.cards-section .cards-section-title h1:before,
.cards-section .cards-section-title h2:before {
	content: '';
	width: 31%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 8px;
	background: #b6b6b6;
}
.cards-section .cards-section-title h1:after,
.cards-section .cards-section-title h2:after {
	content: '';
	width: 31%;
	height: 1px;
	position: absolute;
	right: 0;
	top: 8px;
	background: #b6b6b6;
}
.cards-section .rowgag {
	margin: 0 -7px;
}
.cards-section .js-paging-point {
	width: 25%;
}
.cards-section .colgag-card-item {
	width: 25%;
	margin-bottom: 14px;
	padding: 0 7px;
	word-break: break-word;
}
.cards-section .card-wrapper {
	background: #fff;
}
.cards-section .card-wrapper h3 {
	color: #2b414f;
	font-size: 17px;
	line-height: 1.3em;
	padding: 15px 15px 10px;
}
.cards-section .card-wrapper .topic {
	color: #334d5e;
	font-size: 11px;
	padding: 0 15px 5px;
	line-height: 14px;
	display: block;
}
.cards-section .card-wrapper .card-description {
	color: #334d5e;
	padding: 0 15px 10px;
	font-size: 13px;
	line-height: 21px;
	display: block;
}
.cards-section .card-wrapper .user-info {
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 15px;
}
.cards-section .card-wrapper .card-footer {
	padding: 15px;
	position: relative;
}
.cards-section .card-wrapper .card-cta {
	color: #673ab7;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	padding-right: inherit;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.cards-section .card-wrapper .card-cta:hover {
	color: #f8a42e;
}