@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
html{font-size:62.5%;} 
body{font-size:1.2rem;} 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.progress_bar img { width:100% }
	nav .community {
    padding-right: 15px;
}
}
.icon-buy:before {
	content: "\e900";
}
.icon-facebook:before {
	content: "\e901";
}
.icon-twitter:before {
	content: "\e902";
}
.icon-youtube:before {
	content: "\e903";
}
body, html {
	height: 100%;
	min-height: 100%;
}
.small, small {
	font-size: 70%;
}
#pageup {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  background-image:url(//www.avermedia.com/event/4Kseries/img/up.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  display: none;
  cursor: pointer;
  z-index: 99;
}
html {
	font-size: 62.5%;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	background-color:#000;
}
h1 {
	margin-top:0;
}
a:focus {
	outline: none;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: 'Montserrat', sans-serif;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
section h2 {
	color:#c00
}
img {
	vertical-align: top;
}
.table-cell figure, .table-cell .figcaption {
	vertical-align: middle;
}
.table-cell img {
	display: inline-block;
}
.progress_position {
position:absolute;
}
.order {
	direction: inherit;
}
.order h3, .order span {
	display: block;
	direction: ltr;
}
.twentytwenty-overlay {
	display:none;
}
.bg-img {
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% auto;
}
.display-table {
	list-style-type:none;
	padding:0;
	margin:0;
}
.copy-wrap {
	position:relative;
	z-index:500;
	padding:5% 5% 2%;
}
.copy-inner {
	padding:0;
}
header {
	overflow:hidden;
	color: #fff;
	position: relative;
	background-size: 100% 100%;
	background-color: #fff;
	text-align:center;
}
nav {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:62px;
	background-color:#000;
}
nav .nav-item {
	padding:10px 0 8px;
}
nav .nav-item a {
	font-size: 36px;
	text-decoration: none;
	display: inline-block;
	padding: 0 12px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
nav .nav-item a:before {
	opacity: 0.8;
	color: #fff
}
nav .nav-item a:hover:before {
	color: #fff;
	opacity: 1
}
nav #avermedia-logo {
	padding:14px 10px 14px 10px;
	display: inline-block;
}
nav #avermedia-logo img {
	width: 160px;
	height:auto;
	vertical-align:top;
}
.hero {
	position:relative;
background-color:#222;
}
.drop-shadow {
	 -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.7))
}
.text-grow {
	filter: glow(color:black, strength=10);text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
header h1 {
	padding:0 15px;
	margin:100px 0 30px;
	text-align:center;
	font-size:8vw;
	font-weight:900;
	-webkit-filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.7))
}
section {
	position:relative;
	color:#fff;
}
section h2 {
	font-size:2.5rem;
	margin-top:0;
}
.one {
	position:relative;
	padding:40% 0 5%;
	background-image:url(../img/section1_small.jpg);
	background-position:center top;
	background-size:cover
}
.one h1 {
    font-size: 5.8vw;
    font-weight: 900;
    padding: 0 15px;
    margin:5% 0;
		text-align:center
}
.one .product-img {
	z-index:100
}
.one .product-img figure {
	padding:0 3%;
	display:inline-block;
	width:50%;
	margin-bottom:15px;
}
.two {
	position:relative;
	color:#fff;
	padding:5% 0 0 0;
}
.two, .six, .five, .seven, .eight {
	background-color:#1A1A1A;
	padding-top:50px
}
.two picture {
	position:relative;
}
.two, .five, .six, .nine {
		text-align:left;
}
.two h2 {
	margin-top:0;
}
.three {
	padding-top:50px;
	overflow:hidden
}
.three .copy-wrap {
	padding:5%;
}
.three figure {
	padding:0 5% 5%;
}
.three.bg-img, .four.bg-img {
	background-size:cover;
}
.four, .nine, .ten {
	padding:5% 0;
}
.four {
	background-color:#232424;
	padding:15% 0;
}
.six .display-table {
	margin:0 auto;
padding:0 30px;
}
.six .display-table li:nth-of-type(1) {
	width:100%;
	vertical-align:middle;
	margin-bottom:50px
}
.six .display-table li:nth-of-type(2) {
	padding-left:0;
}
.nine img {
	width:100%;
	margin-top:2%;
	display:inline-block;
}
.ten {
	padding-bottom:0;
}
.ten .table>tbody>tr:nth-of-type(1)>td {
    border-top:none;
}
.ten .table>tbody>tr:nth-of-type(2)>td:nth-of-type(1), .ten .table>tbody>tr:nth-of-type(3)>td:nth-of-type(1), .ten .table>tbody>tr:nth-of-type(3)>td:nth-of-type(2), .ten .table>tbody>tr:nth-of-type(4)>td:nth-of-type(1), .ten .table>tbody>tr:nth-of-type(4)>td:nth-of-type(2), .ten .table>tbody>tr:nth-of-type(4)>td:nth-of-type(3), .ten .table>tbody>tr:nth-of-type(5)>td:nth-of-type(1), .ten .table>tbody>tr:nth-of-type(5)>td:nth-of-type(2), .ten .table>tbody>tr:nth-of-type(5)>td:nth-of-type(3) {
	border-right:1px solid #ddd;
}
.ten .table>tbody>tr>td {
	vertical-align:middle;
	padding:15px 8px;
}
.ten .table a {
	margin-top:15px;
	display:inline-block;
	width:150px
}
.community {
	margin-top:15px;
}
.community a {
	display:inline-block;
}
.community a img {
    width: 32px;
}
.community p {
	margin-top:15px
}
nav .community {
	margin-right:15px
}
.progress_bar {
	position:relative;
	margin-left:-1.4%;
}
.progress_bar img {

}
.four .container {
	position:relative
}

.progress_bar1 {
	z-index:12;
}
.progress_bar2 {
	z-index:10;
	left:13%;
	overflow:hidden;
}
.progress_bar3 {
	z-index:11;
	left:13%;
	overflow:hidden;
}
.progress_bar4 {
	z-index:13;
}
.progress_bar5 {
	z-index:11;
	left:13%;
	overflow:hidden;
}
.progress_bar6 {
	z-index:11;
	left:13%;
	overflow:hidden;
}
.progress_bar a {
	position:absolute;
	z-index:999;
	padding-left:85%;
}
.progress_bar a:nth-of-type(1) {
top:10%;
right:0;
}
.progress_bar a:nth-of-type(2) {
top:34%;
right:0;
}
.progress_bar a:nth-of-type(3) {
top:58.5%;
right:0;
}
.progress_bar a:nth-of-type(4) {
top:83%;
right:0;
}

.progress_bar a, .ten .table a {
	display:inline-block;
transition: all .3s ease-in;
}
.progress_bar a:hover, .ten .table a:hover {
-webkit-filter:saturate(2);
}
.LG4K_logo {
	margin:0 auto;
	width:85%;
}
.chart_explain img, .chart_explain span, .buy_now span, .buy_now img, .buy_now a  {
	display:inline-block;
	vertical-align:middle;
}
.chart_explain span {
padding-left:15px;
}
.chart_explain span:nth-of-type(1) {
padding-right:30px;
}
footer {
	color:#ccc;
	font-size: 1.5rem;
	padding: 15px;
	text-align: center;
	background-color:#222;
}
.chart_explain {
	font-size:1.75rem;
	margin-bottom:5%;
}
.chart_explain img {
	width:30px;
	height:30px;
	border:1px solid #ccc;
}
.one .hdr_title { position:absolute; left:0; right:50%; bottom:10%; z-index:2; text-align:center; }
.img_differences { position:relative; }
.img_differences .sdr_title { position:absolute; left:50%; right:0; bottom:10%; z-index:2; text-align:center;  }
.img_differences h1 { font-size:6vw; }
.sdr { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.sdr-img  { position:absolute; top:0; left:0; right:0; bottom:0; background-image:url(../img/section1.jpg); background-repeat:no-repeat; background-size:cover; }
.eight {
	padding:10% 5% 5%;
	background-color:#111
}
.eight .container {
	padding:0;
}
.eight .col-md-4 {
	margin-bottom:50px;
}
.eight .col-md-4:nth-of-type(1) {
	margin-top:25px;
}
.eight-title {
padding:0 0 5%;
}
.eight .col-md-4 h4 {
	color:#c00;
	font-size:23px;
}
.nine {
padding:10% 5%;
}
.product-title {
	padding:15% 0 0;
}
.five .product-title, .six .product-title, .seven .product-title {
    padding:10% 5% 0;
}
section h2 {
	font-size:23px
}
.form-4k {
padding:75% 5% 5%;
background-size:165% auto;
background-position:left top;
background-color: #000;
}
.form-4k h2 {
	font-weight: 700;
	font-size:7.6vw;
}
.form-4k .display-table {
	margin-bottom:15px;
}
.form-4k .display-table:last-child {
	margin-bottom:0;
}
.form-4k form {
	margin-top:5%;
}
.form-4k .display-table .form-control {
    background-color:transparent;
    border-radius: 0;
    color:#ccc;
}
.form-4k .display-table li:first-child {
	padding-right:10px;
width:92px;
text-align:left
	}
.form-4k .checkbox {
	position: relative;
}
.form-4k .checkbox input {
	position: absolute;
	top:2px;
	left:20px;
}
.Subscribe-now {
font-size:5vw;
font-weight: bold;
border:none;
border-radius: 5px;
padding:2rem 2.5rem 1.8rem;
background: #b50007; /* Old browsers */
background: -moz-linear-gradient(top, #b50007 0%, #860001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b50007 0%,#860001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b50007 0%,#860001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50007', endColorstr='#860001',GradientType=0 ); /* IE6-9 */
}
.Subscribe-now:hover {
background: #860001; /* Old browsers */
background: -moz-linear-gradient(top, #860001 0%, #b50007 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #860001 0%,#b50007 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #860001 0%,#b50007 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860001', endColorstr='#b50007',GradientType=0 ); /* IE6-9 */
}
.share-platforms {
	padding:3rem 3%;
	background-color:#000;
}
.share-platforms h1 {
margin-top:2rem;
font-size:2.5rem
}
.twitter, .facebook, .youtube {
	margin:0 1.5rem;
	display:inline-block;
	width:5rem;
	height:5rem;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center;
	transition: all .3s ease-in;
	-webkit-filter:brightness(.8);
}
.twitter:hover, .facebook:hover, .youtube:hover {
 -webkit-filter:brightness(1);

}
.twitter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62'%3E%3Cpath fill='%231DA1F2' d='M31 0c17.121 0 31 13.879 31 31S48.121 62 31 62 0 48.121 0 31 13.879 0 31 0'/%3E%3Cpath fill='%23FFF' d='M25.3 47.4C39 47.4 46.6 36 46.6 26.1v-1c1.5-1.1 2.7-2.4 3.7-3.9-1.3.599-2.8 1-4.3 1.2 1.5-.9 2.7-2.4 3.3-4.101-1.399.901-3 1.5-4.7 1.801-1.399-1.5-3.3-2.4-5.5-2.4-4.1 0-7.5 3.3-7.5 7.5 0 .599.101 1.2.2 1.7-6.2-.3-11.7-3.3-15.4-7.8-.6 1.1-1 2.4-1 3.8 0 2.6 1.3 4.899 3.3 6.2-1.2 0-2.4-.4-3.4-.9v.099c0 3.601 2.6 6.601 6 7.3-.6.2-1.3.301-2 .301-.5 0-.9 0-1.4-.101 1 3 3.7 5.101 7 5.2-2.6 2-5.8 3.2-9.3 3.2-.6 0-1.2 0-1.8-.101C17.2 46.1 21.1 47.4 25.3 47.4'/%3E%3C/svg%3E");
}
.facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62'%3E%3Cpath fill='%233B5998' d='M29.135.057A31.063 31.063 0 0 0 17.57 3.06C8.84 7.262 2.543 15.347.62 24.818a31.05 31.05 0 0 0 2.46 19.657c4.21 8.713 12.28 14.99 21.737 16.905a31.055 31.055 0 0 0 19.659-2.46 31.172 31.172 0 0 0 14.447-14.445 30.766 30.766 0 0 0 2.816-9.464c.78-6.005-.2-12.08-2.816-17.484A31.176 31.176 0 0 0 44.476 3.08 30.952 30.952 0 0 0 29.136.057z'/%3E%3Cpath fill='none' d='M-1-1h1026v1026H-1z'/%3E%3Cpath fill='%23FFF' d='M41.781 16.934l-.021 3.381-3.289.036c-3.717.043-3.488 0-3.889.629-.407.651-.436.873-.436 3.532v2.416h7.648v6.362h-7.648v19.014h-7.364V33.29h-6.577v-6.362h6.577v-2.294c0-2.495.072-3.267.4-4.404.901-3.102 3.303-5.597 6.126-6.347 1.029-.279 1.473-.3 5.11-.314l3.375-.007-.012 3.372z'/%3E%3C/svg%3E");
}
.youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath fill='%23E52D27' d='M32 0c17.673 0 32 14.327 32 32S49.673 64 32 64 0 49.673 0 32 14.327 0 32 0'/%3E%3Cpath fill='%23FFF' d='M51.128 24.332a5.715 5.715 0 0 0-5.709-5.72H18.593a5.715 5.715 0 0 0-5.721 5.709v15.347a5.722 5.722 0 0 0 5.721 5.721h26.82a5.72 5.72 0 0 0 5.715-5.721V24.332zm-22.956 14.14V24.068l10.931 7.199-10.931 7.205z'/%3E%3C/svg%3E");
}
.form-4k .display-table li {
    vertical-align:top;
}
.country_list {
	position:relative
}
.country_list .autocomplete-items {
	position:absolute;
	top:34px;
	left:0;
	width:100%;
    text-align:left;
    background-color:#333;
	z-index:999;
}
.country_list .autocomplete-items div {
	padding:5px 15px;
        font-size:15px;
}
.country_list .autocomplete-items div:hover, .autocomplete-items div:focus, .autocomplete-active  {
        background-color:#666;
}


/***********************************************************************************************************************************************************************/

@media (min-width:480px) {
.chart_explain img {
	width:50px;
	height:50px
}
}
@media (min-width:768px) {
.eight .col-md-4:nth-of-type(1) {
	margin-top:0;
}
.one {
	padding:20% 0 3%;
	background-image:url(../img/section1.jpg);
}
.one h1 {
	  font-size: 3.8vw;  
}
.one .product-img figure {
    width: 25%;
		margin-bottom:0;
}
.community a img {
    width: 40px;
		height:40px;
}
.three, .five, .six, .seven, .eight {
	padding-top:0
}
nav #avermedia-logo img {
	width: 200px;
	height:42px;
}
.chart_explain {
	font-size:2rem;
}
.copy-inner {
    padding: 0 15px;
}
.copy-wrap {
	padding:5% 0 0 0;
}
.bg-img {
	background-size:cover;
}
.background-fixed {
		background-attachment:fixed;
}
.display-table {
	table-layout: fixed;
	display:table;
	width:100%;
	height:100%;
}
.display-table li {
	display:table-cell;
	vertical-align:bottom;
}
.copy-wrap {
	position:absolute;
	top:5%;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	width:100%;
	pointer-events:none;
	padding:0;
}
section h2 {
	font-size:4vw
}
.product-title {
	position:absolute;
	top:3%;
	left:2%;
	padding:0 45% 0 5.5%;
}
nav {
	margin-bottom:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:0;
	z-index:50;
	background-color:transparent;
}
nav #avermedia-logo {
	padding:15px 0 0 15px;
}
header {
	text-align:left;
}
header h1 {
	margin:0;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	font-size:3vw;
}
.five .copy-wrap, .six .copy-wrap, .seven .copy-wrap {
    position: absolute;
    top: inherit;
    left: 3%;
    right: 53%;
    top: 5%;
    z-index: 10;
    width: inherit;
    pointer-events: none;
    padding: 0;
}
.five .product-title, .six .product-title, .seven .product-title {
    right: 5%;
    top: inherit;
    bottom: 5%;
    left: 50%;
		text-align:right;
		padding:0;
}
.two, .five, .six, .nine {
	text-align:center;
}
.two {
	padding:0;
}
.two .copy-wrap {
	margin:0 auto;
	width:90%;
	padding:0;
}
.two figure:nth-of-type(1) {
	padding:0 5% 0 22%;
}
.two figure:nth-of-type(2) {
	padding:0 22% 0 5%;
}
.three {
	padding:5% 15%;
}
.three .display-table li {
	vertical-align:middle;
}
.three .display-table li:first-child {
	width:300px
}
.three .display-table li:last-child {
	text-align:left;
	direction:ltr;	
	width:70%;
}
.three figure {
padding:0 0 0 15%;
}
.three .copy-wrap {
	position:relative;
}
.four {
	padding:5% 0;
}
.five, .six {
	text-align:left;
}
.five .copy-wrap {
    top: 8%;
    left: 48%;
    right: 2%;
    bottom: inherit;
}
.five .product-title img {
	display:inline-block;
}
.five {
	background-color:transparent;
}
.seven .copy-wrap {
	right:28%;
}
.six .copy-wrap {
    top: 25%;
    left: inherit;
    right: 2%;
    bottom: inherit;
		width:500px;
}
.six .display-table {
padding:0 30px;
}
.six .display-table li:nth-of-type(1) {
	width:352px;
}
.six .display-table li:nth-of-type(2) {
	padding-left:5%;
}
.six .display-table li:nth-of-type(1) {
	margin-bottom:0
}
.six, .nine {
	background-attachment:fixed;
}
.chart_explain img {
	width:76px;
	height:76px
}
.eight-title {
	margin:0 auto 3%;
	text-align:center;
	padding:0;
}
.eight-title img {
	width:100%;
	display:inline-block;
}
.eight .col-md-4 img {
	margin-bottom:15px
}
.eight .display-table figure {
	display:table-cell;
	width:33.33333333333333%
}
.eight {
    padding:5% 0;
}
.eight h2 {
	margin-bottom:5%;
}
.nine img {
	width:80%;
}
.ten .table {
table-layout: fixed;
}
.buy_now span {
    margin-bottom:0;
}
.form-inner {
padding-left:50%;
}
.form-4k .checkbox {
    padding-left: 92px;
}
.form-4k .checkbox input {
	left:112px;
}
.form-4k .display-table li:first-child {
	text-align: right;
}
.Subscribe-now {
font-size:2vw;
}
.form-4k {
padding:5%;
background-position:center;
background-size:cover;
}
.form-4k h2 {
	font-size:3.6vw;
}
.twitter, .facebook, .youtube {
	width:100px;
	height:100px;
}
.share-platforms {
	padding:0 3% 3%;
}
.share-platforms h1 {
font-size:3.5rem
}
}
@media (min-width:1024px) {
.three .copy-inner {
	width:80%;
}
}
@media (min-width:1200px) {
section h2 {
    font-size: 38px;
}
.two .copy-wrap {
    width: 50%;
}
}
@media (min-width:1367px) {
.three .copy-inner {
	width:50%;
}
.six .display-table {
	width:80%
}
}
@media (min-width:1500px) {
.seven .copy-wrap {
right: 53%;	
}
}