.uc-creative-video-teaser * { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner{
	height:100vh;
	display:flex;
	font-weight:400;
	align-items:center;
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner {
	display: flex;
	text-align: center;
	width:100%;
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content {
  	width: 100%;
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{
	display:block;
	font-size:25px;
	line-height:45px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title{
	font-size:90px;
	line-height:108px;
	margin:15px 0 30px;
	text-transform:uppercase;
	letter-spacing:18px;
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn{
	width:90px;
	height:90px;
	display:block;
	background-color:#1e2dee;
	line-height:90px;
	text-align:center;
	color:#ffffff;
	border-radius:50%;
	font-size:30px;
	margin:0 auto;
	box-shadow:0 18px 20px rgba(0, 0, 0, 0.28);
}

.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn{transition: all 1s ease-out;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn:hover{ background:#fff !important; color:#000 !important; transition: all 1s ease-out;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn:hover .fa{color:#000 !important;}


@media only screen and (min-width: 1260px) and (max-width: 1599px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:23px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 80px;  letter-spacing: 15px;  line-height: 100px;  margin: 12px 0 28px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 28px;  height: 85px;  line-height: 85px;  width: 85px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1259px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:22px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 72px;  letter-spacing: 12px;  line-height: 90px;  margin: 12px 0 28px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 26px;  height: 80px;  line-height: 80px;  width: 80px;}
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:20px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 65px;  letter-spacing: 10px;  line-height: 80px;  margin: 12px 0 28px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 24px;  height: 70px;  line-height: 70px;  width: 70px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:20px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 55px;  letter-spacing: 8px;  line-height: 70px;  margin: 10px 0 25px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 22px;  height: 65px;  line-height: 65px;  width: 65px;}
}

@media only screen and (max-width: 767px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:17px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 45px;  letter-spacing: 6px;  line-height: 50px;  margin: 10px 0 25px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 20px;  height: 50px;  line-height: 50px;  width: 50px;}
}

@media only screen and (max-width: 590px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:16px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 40px;  letter-spacing: 6px;  line-height: 40px;  margin: 8px 0 24px;}
}

@media only screen and (max-width: 479px) {
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-subtitle{ font-size:15px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-title {  font-size: 28px;  letter-spacing: 6px;  line-height: 40px;  margin: 0 0 18px;}
.uc-creative-video-teaser .uc-creative-video-teaser-inner .uc-banner .uc-banner-content .uc-play-btn {  font-size: 15px;  height: 40px;  line-height: 40px;  width: 40px;}

}