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

@import url(//fonts.googleapis.com/css?family=Fjalla+One);

video {
  width: 100%    !important;
  height: auto   !important;
}

/* * * * * VIDEO BG * * * * */
#videoDiv {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 50%;
}

#videoBlock, #videoMessage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	border:none;
	overflow:hidden;
}

#videoMessage *{padding:0.4em; margin:0}
#videoMessage {text-shadow: 2px 2px 2px #000000; color:white;z-index:99 }
.videoClick {
	text-align:center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.videoClick i {
	font-size: 2em;
	vertical-align:middle;
}
.videoClick a {
	color:white;
  font-family: "Fjalla One", arial, helvetica, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
	font-size: 200%;
	cursor:pointer;
	cursor:hand;
}
.videoClick a:hover {color:red;text-decoration:none;}
.videoLogo {
	text-align:left;
	position:absolute;
	top:1%;
	left:1%;
	z-index:200;
	max-width:25%;
}
.videoTagline {
  font-family: "CompareSerif", arial, helvetica, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
	font-size: 400%;
	letter-spacing:3px;
	position:absolute;
	bottom:2%;
	left:50%;
  transform: translateX(-50%);
	margin:0 auto;
	color:#FC0;
	text-align:center;
	z-index:201;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #000000;
	width:100%;
}

/* Default hide the video on all devices */
#video{display:none}

/* Default display the image to replace the video on all devices */
#videosubstitute{display:block; width:100%; height:auto;}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
}

.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
	.videoTagline {font-size:175%; line-height:1; letter-spacing:normal;}
	.videoClick a {font-size: 120%;}
}