/* Animated templates */

.animated_templates_widget .item {
	display: inline-block;
	margin-bottom: 35px;
}

.animated_templates_widget .item .video-wrapper {
	display: inline-block;
	position: relative;
}

.animated_templates_widget .item .video-wrapper video,
.animated_templates_widget .item .image-wrapper img {
	border-radius: 8px;
}

.animated_templates_widget .item .video-wrapper span.type,
.animated_templates_widget .item .image-wrapper span.type {
	position: absolute;
	top: 16px;
	right: 16px;
	background: rgba(0, 0, 0, 0.64);
	border-radius: 2px;
}

.animated_templates_widget .item .video-wrapper span.type.free,
.animated_templates_widget .item .image-wrapper span.type.free {
	font-family: "Proxima Nova";
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 3px 6px;
}

.animated_templates_widget .item .video-wrapper span.type.premium,
.animated_templates_widget .item .image-wrapper span.type.premium {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	padding: 2px 5px;
}

.animated_templates_widget .item .video-wrapper span.play {
	position: absolute;
	top: calc(50% - 36px);
	left: calc(50% - 36px);
}

.animated_templates_widget .item:hover .video-wrapper span.play {
	display: none;
}

.animated_templates_widget .item .title {
	margin: 4px auto 0;
	font-family: "Fugue Regular";
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	max-width: 231px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

	.animated_templates_widget .item .video-wrapper video,
	.animated_templates_widget .item .image-wrapper img {
		width: 213px;
	}

	.animated_templates_widget .item .title {
		max-width: 213px;
		text-align: center;
	}

	.animated_templates_widget > .row > div {
		text-align: center;
	}

}

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

	.animated_templates_widget > .row > div:nth-child(odd) {
		text-align: right;
	}

	.animated_templates_widget > .row > div:nth-child(even) {
		text-align: left;
	}

}

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

	.animated_templates_widget > .row:nth-child(odd) > div,
	.animated_templates_widget > .row:nth-child(even) > div {
		text-align: left;
	}	

	.animated_templates_widget .item {
		margin-bottom: 24px;
		height: 210px;
	}

	.animated_templates_widget .item .video-wrapper video,
	.animated_templates_widget .item .image-wrapper img {
		width: 100%;
		height: auto;
	}

	.animated_templates_widget .item .video-wrapper span.play {
		top: calc(50% - 22px);
	    left: calc(50% - 22px);
	}

	.animated_templates_widget .item .video-wrapper span.play svg {
		width: 43px;
		height: 43px;
	}

	.animated_templates_widget .item .title {
		white-space: normal;
	}

}