@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:700');

.ad{
	width:300px;
	height:250px;
	overflow:hidden; /* elements won’t spill outside of the ad */
	position:relative; /* make it easier to position elements */
	background-color:#000000;
	color:#3A3A3A;
	border:1px solid #111111;
}

.video-wrap{

	width:300px;
	height:210px;
	display:block;
	position: relative;
	z-index: 4;

}

.cta-wrap{position:absolute; z-index:10; top:0; left:0; width:300px;height:250px;  text-align:center; background-color:rgba(0, 0, 0, 0.1); cursor:pointer }
.cta-wrap button {border:none transparent 0; background:transparent; padding:0.3em;}
.cta-wrap p, .cta-wrap button {font-size:16.5px; font-weight:bold; text-transform:uppercase; color:white;  font-family: 'Oswald', sans-serif; }


@keyframes thefade{
  5% {
    opacity:1;
  }
  25% {
    opacity:1;
  }
  75% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}