/*@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

/* General Section*/
body, h1, h2, h3, h4, h5, h6 {
    font-family: "Lato", sans-serif;
}
h3 {
    padding: 0;
    margin: 0;
}
h5 {
    padding: 0;
    margin: 0;
}
body, html {
    height: 100%;
    color: #777;
    line-height: 1.8;
}
.container {
  margin: 0 auto;
  padding:0 12px;
}
.headlines h2 {
    color: #fff;
    font-family: "PT Sans",sans-serif;
    font-size: 32px;
    margin: 0;
	text-align: center;
}
.headlines p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
	color:#f6f3f3;
	text-align: center;
}
.bkgrndImage {
	height: 720px;
	width: 100%;
	background-size: 2360px;
	background-position: center, bottom;
	background-repeat: no-repeat;
  	background-image: url("../images/bkgrndTV_x.jpg");
}
.fullwidth-div {
	background-position: center;
	max-width: initial;
	margin: 0 calc(50% - 50vw);
	background-color: white;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
	
/* Swap Image */
	
  .swapcontainer {
  position: relative;
  width: 100%;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
background-image: url("images/guideHiFi.png");
  background-repeat: no-repeat;
    background-size: cover;
}
.swapcontainer:hover .overlay {
  opacity: 1;
}
	
/* Parallax Section*/
	
.bg1, .bg2, .bg3, .bg4, .parallaxVideo {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}

.bg1 {
  background-image: url("../images/atvUserFlow.jpg");
	min-height: 65%;
}
.bg2 {
  background-image: url("../images/abstractBkgrnd.jpg");
	min-height: 50%;
}
.bg3 {
  background-image: url("../images/cityscape.jpg");
	min-height: 20%;
	opacity: .8;
}
.bg4 {
  background-image: url("../images/landscape.jpg");
	min-height: 300px;
}
/* Video Parallax Section*/
.ParallaxVideo{ 
	min-height: 86%;
}
.ParallaxVideo video{ 
    /*min-width: 100%;*/
	width: 43vw;
    position: scroll;
	top:40px;
	/*background-color: #E2FFF1;
	opacity: .9;*/
	z-index: -1;
}
.ParallaxVideo h3 {
    color: #fff;
    font-size: 76px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
/* Cards*/
.card:opacity {
	filter:alpha(opacity=50);
	opacity: 0.5;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
	padding-bottom: 8px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}