.brand-video-panel.v1 {
	position:relative;
	padding:0;
}

.brand-video-panel.v1 .featured-video-cont {
	position:relative;
	padding-top:10.33rem;
	padding-bottom:10.55rem;
	z-index:1;
}

.brand-video-panel.v1 .featured-video-cont figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,1), transparent);
    z-index: 1;
    opacity: 0.7;
}

.brand-video-panel.v1 .featured-video-cont figure,
.brand-video-panel.v1 .featured-video-cont figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}

.brand-video-panel.v1 .featured-video-cont figure img {
	background-size:cover;
	background-position:50% 50%;
}

.brand-video-panel.v1 .featured-video-cont .content {
	
}

.brand-video-panel.v1 .featured-video-cont .content .play-btn {
	position:relative;
	width:6.38rem;
	height:6.38rem;
	border-radius:50%;
	background-color:var(--white-color);
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.6s ease 0s;
}

.brand-video-panel.v1 .featured-video-cont .content .play-btn:before {
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: inherit;
    box-shadow: 0 1.27em 2.54em rgba(0,0,0,0.16);
    transition:.6s ease 0s;
}

.brand-video-panel.v1 .featured-video-cont .content .play-btn span {
	display:block;
	line-height:1;
}

.brand-video-panel.v1 .featured-video-cont .content .play-btn svg {
	font-size:2.22rem;
	color:var(--click1-color);
	transition:.6s ease 0s;
}

.brand-video-panel.v1 .featured-video-cont .content strong {
	font-weight:700;
	color:var(--white-color);
	margin-top:2.44rem;
}

.brand-video-panel.v1 .featured-video-cont .content p {
	color:var(--white-color);
	padding-top:.38rem;
}

.brand-video-panel.v1 .featured-video-cont .mobile-only {
	display:none;
}

/* Other Videos  */
.brand-video-panel.v1 .other-videos {
	margin-top:-5.7rem;
	position:relative;
}

.brand-video-panel.v1 .other-videos ul li {
	width:32.5%;
	position:relative;
	text-align:center;
	margin-bottom:3rem;
}

.brand-video-panel.v1 .other-videos ul li a,
.brand-video-panel.v1 .featured-video-cont .mobile-only a {
	position:relative;
	width:100%;
	height:11.44rem;
	z-index:1;
	display:block;
	box-shadow:0 23px 46px rgba(0,0,0,.16);
	border-radius:.556rem;
}

.brand-video-panel.v1 .other-videos ul li a:hover figure .play-btn,
.brand-video-panel.v1 .other-videos ul li a:focus figure .play-btn{
	background-color:transparent !important;
}

.brand-video-panel.v1 .other-videos ul li a figure,
.brand-video-panel.v1 .other-videos ul li a figure img,
.brand-video-panel.v1 .featured-video-cont .mobile-only figure,
.brand-video-panel.v1 .featured-video-cont .mobile-only figure img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 50%;
	z-index:-1;
}

.brand-video-panel.v1 .other-videos ul li a figure,
.brand-video-panel.v1 .featured-video-cont .mobile-only figure{
	border-radius:.556rem;
	overflow:hidden;
}

.brand-video-panel.v1 .other-videos ul li .play-btn-container,
.brand-video-panel.v1 .featured-video-cont .mobile-only .play-btn-container {
	display:flex;
	width:3.33rem;
	height:3.33rem;
	background-color:var(--white-color);
	border-radius:50%;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition: .6s ease 0s;
}

.brand-video-panel.v1 .other-videos ul li .play-btn-container:before,
.brand-video-panel.v1 .featured-video-cont .mobile-only .play-btn.container:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: inherit;
    box-shadow: 0 1.27em 2.54em rgba(0,0,0,0.16);
    transition: .6s ease 0s;
}

.brand-video-panel.v1 .other-videos ul li .play-btn-container svg,
.brand-video-panel.v1 .featured-video-cont .mobile-only .play-btn-container svg {
	font-size:1.11rem;
	color:var(--click1-color);
	transition: .6s ease 0s;
}

.brand-video-panel.v1 .other-videos ul li strong,
.brand-video-panel.v1 .featured-video-cont .mobile-only strong{
	display:block;
	line-height:1;
	font-size:1.33rem;
	margin-top:1.33rem;
}


/* 1025px Responsive */
@media screen and (min-width:1025px){
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:hover,
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:focus {
		transform:translateY(.5rem);
	}
	
	.brand-video-panel.v1 .other-videos ul li a:hover .play-btn-container,
	.brand-video-panel.v1 .other-videos ul li a:focus .play-btn-container {
		transform:translate(-50%, -45%);
	}
	
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:hover:before,
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:focus:before,
	.brand-video-panel.v1 .other-videos ul li a:hover .play-btn-container:before,
	.brand-video-panel.v1 .other-videos ul li a:focus .play-btn-container:before {
		box-shadow:0 0.75em 1.5em rgba(0,0,0,0.4);
	}
	
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:hover svg,
	.brand-video-panel.v1 .featured-video-cont .content .play-btn:focus svg,
	.brand-video-panel.v1 .other-videos ul li a:hover .play-btn-container svg,
	.brand-video-panel.v1 .other-videos ul li a:focus .play-btn-container svg{
		color:var(--text-color);
	}
}

/* 800px Responsive */
@media screen and (max-width:800px){
	.brand-video-panel.v1 {
		padding-bottom:3rem;
	}
	.brand-video-panel.v1 .featured-video-cont {
		padding-top:4rem;
		padding-bottom:2rem;
	}
	.brand-video-panel.v1 .featured-video-cont .mobile-only {
		display:block;
		padding-left:2.5%;
		padding-right:2.5%;
	}
	
	.brand-video-panel.v1 .featured-video-cont .item > figure,
	.brand-video-panel.v1 .featured-video-cont .content {
		display:none;
	}
	
	.brand-video-panel.v1 .other-videos {
		margin-top:0;
	}
	
	.brand-video-panel.v1 .other-videos ul li {
		width:100%;
		margin-bottom:1.33rem;
	}
}

/* 500px Responsive */
@media screen and (max-width:500px){
	.brand-video-panel.v1 .featured-video-cont .mobile-only {
		padding-left: 1.28rem;
    	padding-right: 1.28rem;
	}
}