/**
 * Video specific styles
 * 
 */

/** General */

	.video .container .video-container {
		flex: 100%;
		padding: 0;
	}

	.video .video-box {
		display: flex;
		justify-content: space-between;
	}

		.video .video-box > div {
			flex: 0 0 48%;
		}

		.video .content {
		}
			.video .content h2 { 
				margin-top: 0;
				font-size: 32px
			}
			.video.bg-black .content h2 {
				color: #fff;
			}

			.video .fancybox-youtube-link {
				position: relative;
				display: block;
			}

				.video .fancybox-youtube-link::before {
					position: absolute;
					width: 100%;
					height: 100%;
					background: rgba(0, 0, 0, 0.2);
					z-index: 3;
					content: '';
					transition: all .3s;
				}
				.video .fancybox-youtube-link:hover::before {
					background: rgb(0, 0, 0, 0.4);
				}

				.video .fancybox-youtube-link img.play-icon {
					position: absolute;
					width: 50px;
					height: 50px;
					display: block;
					max-width: 50px;
					top: 50%;
					left: 50%;
					transform: translateY(-50%) translateX(-50%);
					z-index: 5;
					opacity: .8;
					transition: all .3s;
				}
				.video .fancybox-youtube-link:hover img.play-icon {
					opacity: 1;
				}
		.video .video-container.owl-carousel .owl-nav {
			display: flex;
			margin-top: 4em;
		}	

			.video .video-container.owl-carousel.include-nav .owl-prev{
				border-right: 2px solid #444444;
				margin-right: 1em;
			}

			.video .video-container.owl-carousel.include-nav .owl-prev, 
			.video .video-container.owl-carousel.include-nav .owl-next {
				position: relative;
				text-indent: 0;
				background: transparent;
				opacity: 1;
				color: #b43a8d;
				font-weight: 600;
				text-transform: uppercase;
				width: 150px;
				height: auto;
			}
				.video.primary-d13036 .video-container.owl-carousel.include-nav .owl-prev,
				.video.primary-d13036 .video-container.owl-carousel.include-nav .owl-next {
					color: #b43a8d;
				}
				.video.primary-b43a8d .video-container.owl-carousel.include-nav .owl-prev,
				.video.primary-b43a8d .video-container.owl-carousel.include-nav .owl-next {
					color: #b43a8d;
				}
				.video.primary-575756 .video-container.owl-carousel.include-nav .owl-prev,
				.video.primary-575756 .video-container.owl-carousel.include-nav .owl-next {
					color: #575756;
				}
				.video.primary-935f88 .video-container.owl-carousel.include-nav .owl-prev, 
				.video.primary-935f88 .video-container.owl-carousel.include-nav .owl-next {
					color: #935f88;
				}
				.video.primary-577491 .video-container.owl-carousel.include-nav .owl-prev, 
				.video.primary-577491 .video-container.owl-carousel.include-nav .owl-next {
					color: #577491;
				}
				.video.primary-175e55 .video-container.owl-carousel.include-nav .owl-prev, 
				.video.primary-175e55 .video-container.owl-carousel.include-nav .owl-next {
					color: #175e55;
				}
				.video.primary-d9a552 .video-container.owl-carousel.include-nav .owl-prev,
				.video.primary-d9a552 .video-container.owl-carousel.include-nav .owl-next {
					color: #d9a552;
				}

	.fancybox-slide--video .fancybox-content {
		max-width: 900px;
		max-height: 500px;
	}
	.fancybox-button:hover {
		color: #fff;
		background: rgba(30,30,30,1);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		cursor: pointer;
		display: inline-block;
		height: 44px;
		margin: 0;
		padding: 10px;
		position: relative;
		transition: color .2s;
		vertical-align: top;
		visibility: inherit;
		width: 44px;
	}

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

		.video .container {
			flex-wrap: wrap;
		}

			.video .video-box {
				flex-direction: column;
			}

			.video .content {
				flex: 0 100%;
				margin: 0 auto;
				max-width: 900px;
				order: 2;
			}

			.video .video-wrapper {
				max-width: 550px;
				margin: 0 auto 2em;
			}

	}

	@media only screen and (max-width: 550px) { 
		.video .content {
			padding: 0;
		}

		.video .owl-carousel.include-nav {
			padding: 0 10px;
		}
	}