@charset 'utf-8';
@import url('https://www.asus.com.cn/css/2015/fontapi.css');
@font-face {
	font-family: 'jerseym54';
	src:url("../css/font/Jersey_es_modified.eot"),
		url("../css/font/Jersey_es_modified.eot?#iefix") format("embedded-opentype"),
		url("../css/font/Jersey_es_modified.ttf") format("truetype"),
		url("../css/font/Jersey_es_modified.svg#rogfont") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'machinen';
	src:url("../css/font/MACHINEN.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}
/* ---------- RESET ---------- */
	html,
	body {
		margin: 0;
		padding: 0;
	}
	#hd * {
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style-type: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		word-break: break-word;
	}
	::selection {
		background: #bdb6ac;
		color: #ffffff;
	}
	::-moz-selection {
		background: #bdb6ac;
		color: #ffffff;
	}
	#hd {
		background: black;
		color:#fff;
		font-size: 16px;
	}
	#hd ul,
	#hd li {
		margin: 0;
		padding: 0;
	}
	#hd img {
		display: block;
		height: auto;
		border: none;
		max-width: 100% !important;
		margin: 0 auto;
	}
	#hd img.lazyLoad {
		opacity: 0;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
/* ---------- TXT ---------- */
	#hd h2,
	#hd h3,
	#hd h4,
	#hd p,
	#hd b,
	#hd small,
	#hd a,
	#hd li {
		font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "寰粺姝ｉ粦楂�", "Microsoft JhengHei", sans-serif;
		margin: 0;
		line-height: normal;
		color: white;
	}
	#hd h2,
	#hd h3,
	#hd h5,
	#hd h6 {
		font-family: "machinen", "jerseym54", "Geneva", "Roboto", "Helvetica", "Arial", "Microsoft JhengHei", sans-serif;
		font-weight: 400;
	}
	#hd h2 {
		font-size: 85px;
		line-height: 85px;
		color: #ffa83a !important;
		margin-bottom: 30px;
		width: 100%;
		position: relative;
		text-align: center;
		background: #ffa83a;
		background: -moz-linear-gradient(-45deg, #ffa83a 40%, #ad7a00 50%, #ddcca4 55%, #805e13 60%);
		background: -webkit-linear-gradient(-45deg, #ffa83a 40%, #ad7a00 50%, #ddcca4 55%, #805e13 60%);
		background: linear-gradient(135deg, #ffa83a 40%, #ad7a00 50%, #ddcca4 55%, #805e13 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#805e13', GradientType=1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	#hd h3 {
		font-size: 60px;
		line-height: 60px;
		color: #ffa83a;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	#hd h3+h4 {
		margin-top: -10px;
	}
	#hd h4 {
		font-family: 'Fjalla One', sans-serif;
		font-size: 30px;
		font-weight: 400;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	#hd #hd_sec_chokes h4+p {
		margin-top: -10px;
	}

	#hd h4+.txt-smallTitle {
		margin-top: -10px;
	}
	#hd h5 {
		font-size: 48px;
		line-height: 1;
		color: #ffa83a;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	#hd h6 {
		font-size: 20px;
	}
	#hd p {
		font-size: 17px;
		letter-spacing: 0;
		font-weight: 300;
		line-height: 1.7rem;
		margin: 0;
		margin-bottom: 30px;
	}
	#hd small {
		font-size: 14px;
	}

	#hd span.txt-absent {
		font-family: 'Fjalla One', sans-serif;
		font-weight: bold;
		font-size: 36px;
	}
	#hd span.txt-plus {
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	#hd .txt-gold {
		color: #ffa83a;
		font-weight: 400;
	}
	#hd .txt-grey {
		color: #9b9b9b;
		font-weight: 400;
	}
	#hd .txt-bold {
		font-weight: bold;
		border-bottom: 1px solid #fff;
		display: inline-block;
		margin-bottom: 5px;
	}
	#hd .txt-smallTitle {
		font-size: 18px;
		font-weight: 600;
		margin: 20px 0;
		letter-spacing: 1px;
	}
	#hd .txt-link {
		text-decoration: underline;
		display: block;
		margin-bottom: 30px;
	}
	#hd .txt-center {text-align: center; }
	#hd .txt-left {text-align: left; }
/* ---------- BLOCK ---------- */
	#hd .w95 {
		width: 94%;
		margin: 0 auto;
		position: relative;
	}
	#hd .w1920 {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}
	#hd .w1100,
	#hd .w1200,
	#hd .w1300,
	#hd .w1400 {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	#hd .w1100 {max-width: 1100px; }
	#hd .w1300 {max-width: 1300px; }
	#hd .w1400 {max-width: 1400px; }
	#hd .w950 {
		max-width: 950px;
		margin: 0 auto;
	}
	#hd .w900 {
		max-width: 900px;
		margin: 0 auto;
	}

	#hd .col25,
	#hd .col33,
	#hd .col40,
	#hd .col45,
	#hd .col50,
	#hd .col55,
	#hd .col60 {
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col25 {width: 25%; }
	#hd .col33 {width: 33.33%; }
	#hd .col45 {width: 45%; }
	#hd .col50 {width: 50%; }
	#hd .col55 {width: 55%; }
	#hd .col60 {width: 60%; }
	#hd .col40 {width: 40%; }

	#hd .ib-top{vertical-align: top;}
	#hd .ib-bottom{vertical-align: bottom;}

	#hd .fleft {float: left; }
	#hd .fright {float: right; }

	#hd .hd_mobile-on,
	#hd .hd_1024-on {
		display: none;
	}
/* ---------- BLOCK-more ---------- */
	#hd .hd-more {
		height: 150px;
		background-image: url(../img/more.png);
		background-position: center center;
		background-size: 1200px;
		position: relative;
		cursor: pointer;
	}
	#hd .hd-more span {
		width: 100%;
		display: block;
		text-align: center;
	}
	#hd .hd-more h4 {
		font-family: "jerseym54", "Geneva", "Roboto", "Helvetica", "Arial", "Microsoft JhengHei", sans-serif;
		display: inline-block;
		background: #ffa83a;
		background: -moz-linear-gradient(-45deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		background: -webkit-linear-gradient(-45deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		background: linear-gradient(135deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#8b5e13', GradientType=1);
		/* color: #808080 !important;
		background: rgb(169,167,165);
		background: -moz-linear-gradient(left, rgba(169,167,165,1) 0%, rgba(169,167,165,1) 7%, rgba(255,255,255,1) 18%, rgba(80,92,94,1) 33%, rgba(255,255,255,1) 46%, rgba(169,171,172,1) 61%, rgba(255,255,255,1) 68%, rgba(128,128,128,1) 80%, rgba(255,255,255,1) 92%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(169,167,165,1) 0%,rgba(169,167,165,1) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(169,167,165,1) 0%,rgba(169,167,165,1) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a7a5', endColorstr='#ffffff',GradientType=1 ); */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	#hd .hd-more:before {
		content: '';
		display: block;
		position: absolute;
		width: 20px;
		height: 3px;
		background-color: #ffa83a;
		top: 3px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#hd .hd-more:after {
		content: '';
		display: block;
		position: absolute;
		width: 3px;
		height: 20px;
		background-color: #ffa83a;
		top: 3px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	#hd .hd-more.hd-open:before {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#hd .hd-more.hd-open:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#hd .hd-more-content {
		display: none;
	}
	@media all and (-ms-high-contrast:none) {
		#hd h2,
		#hd .hd-more h4 {
			background: none;
		}
	}
	@supports (-ms-accelerator:true) {
		#hd h2,
		#hd .hd-more h4 {
			background: none;
		}
	}
/* ---------- BLOCK-bg ---------- */
	#hd .hd-bg-dark {
		background: url(../img/title/tuf-bg.png) 0 top no-repeat;
	}
	#hd .hd-bg-reverse {
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	#hd .hd-bg-reverse>div {
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
	}
/* ---------- fp-nav ---------- */
	#fp-nav ul li.active {
		height: 30px;
		margin-bottom: 12px;
	}
	#fp-nav ul li a span,
	#fp-nav ul li:hover a span {
		width: 8px;
		height: 8px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
	}
	#fp-nav ul li.active a span,
	#fp-nav ul li.active:hover a span,
	#fp-nav ul li.active:hover a span {
		top: 0;
		left: 0;
		right: 0;
		height: 30px;
		width: 8px;
		margin: 0;
		margin-bottom: 7px;
		border-radius: 6px;
		background-color: #ffa83a;
	}
	#fp-nav ul li:hover a span {
		background-color: #ffa83a;
	}
	#fp-nav ul li .fp-tooltip {
		color: #ffa83a;
	}
/* ---------- scrollUp ---------- */
	#hd #scrollUp {
		float: left;
		position: fixed;
		right: 10px;
		bottom: 50px;
		z-index: 17;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 999;
		opacity: 0;
		border: 2px solid #ffa83a;
		background: rgba(0, 0, 0, 0.8) url('../img/icon/scrollUp.png') no-repeat center center;
	}
	#hd #scrollUp.hd-show {
		opacity: 1;
	}
	#hd #scrollUp:hover,
	#hd #scrollUp:active {
		background-color: black;
		background-position: center 30%;
		border-color: #ffa83a;
		box-shadow: 0 0 10px #ffa83a;
	}
/* ---------- TITLE ---------- */
	#hd .title-animation-left:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 20%;
		height: 300px;
		background: #000000;
		/* background: -moz-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #a9abac 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1); */
		background: -moz-linear-gradient(left, #000000 0%, #fec400 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #fec400 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #fec400 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		z-index: -3;
		animation: bg-light-left 4s linear infinite;
	}
	#hd .title-animation-right:before {
		content: "";
		position: absolute;
		top: 1px;
		right: 0;
		width: 20%;
		height: 300px;
		background: #000000;
		/* background: -moz-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #a9abac 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1); */
		background: -moz-linear-gradient(left, #000000 0%, #fec400 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #fec400 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #fec400 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		z-index: -3;
		animation: bg-light-right 4s linear infinite;
	}
/* ---------- TRANSITION ---------- */
	#hd .hd_sec_nav li h6,
	#hd #scrollUp,
	#hd #hd_radarMenu li h4,
	#hd #hd_radarMenu li h4:before,
	#hd #hd_radarList .owl-prev,
	#hd #hd_radarList .owl-next,
	#hd .hd-more:before,
	#hd .hd-more:after,
	#hd #hd_appMenu li.active>div:after {
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	#hd .hd_sec_nav li div img,
	#hd .badges-effect .owl-stage:after,
	#hd .hd_sec_overclock figure .img_top{
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
/* ---------- hd_sec_nav ---------- */
	#hd .hd_sec_nav ul {
		overflow: hidden;
		margin-right: -5px;
	}
	#hd .hd_sec_nav li {
		display: inline-block;
		vertical-align: top;
		margin-left: -5px;
		width: 16.666%;
		transform: translateZ(0);
	}
	#hd .hd_sec_nav li:nth-child(2) h6,
	#hd .hd_sec_nav li:nth-child(5) h6 {
		border-left: 0;
		border-right: 0;
	}
	#hd .hd_sec_nav li h6 {
		padding: 15px 6px;
		background-color: #1e1e1e;
		border: 3px solid #000000;
	}
	#hd .hd_sec_nav li:hover h6 {
		color: #ffffff;
		border-color: #000000;
		background-color: #ff9f3a;
		text-shadow: 3px 3px 5px rgba(0,0,0,.3);
	}
	#hd .hd_sec_nav li div {
		overflow: hidden;
	}
	#hd .hd_sec_nav li div img {
		width: 100%;
		max-width: none;
	}
	#hd .hd_sec_nav li:hover div img {
		opacity: .5;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	/* ---------- hd_overlay ---------- */
		#hd .overlay-img{
			width: 100%;
		}
		#hd .overlay-img .hd-img-stable {
			position: relative;
			z-index: 9;
			width: 100%;
		}
		#hd .overlay-img .hd-img-colorrun {
			position: absolute;
			z-index: 8;
			width: 100%;
			top: 0;
			left: 0;
			-webkit-animation: colorrun 3s infinite;
			-moz-animation: colorrun 3s infinite;
			-ms-animation: colorrun 3s infinite;
			-o-animation: colorrun 3s infinite;
			animation: colorrun 3s infinite;
		}
/* ---------- hd_kv ---------- */
	#hd .hd_sec_gaming {
		padding: 100px 0 30px;
	}
	#hd #hd_kv {
		position: relative;
		background: url(../img/kv/kv-bg.jpg) center bottom no-repeat;
	}
	#hd #hd_kv .w1200{
		width: 77%;
	}
	#hd #hd_kv .overlay-img {
		position: relative;
		right: -7%;
		width: 54.25%;
		margin: 2% 0 0 auto;
		padding-top: 120px;
		padding-bottom: 10%;
	}
	#hd #hd_kv .overlay-img .hd-img-colorrun {
		top: 120px;
	}
	#hd #hd_kv .col55 {
		position: absolute;
		top: 48%;
	}
	#hd #hd_kv .col55 p {
		padding-right: 12%;
	}
/* ---------- hd_sec_spec ---------- */
	#hd .hd_sec_spec {
		padding: 50px 0;
		background: url(../img/bg-spec.jpg) center top no-repeat;
		background-size: contain;
	}
	#hd .hd_sec_spec .w1200>img {
		padding-right: 15%;
	}
	#hd .hd_sec_spec ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#hd .hd_sec_spec ul li {
		position: absolute;
	}
	#hd .hd_sec_spec ul li p {
		font-size: 16px;
		letter-spacing: 0.5px;
		line-height: 1.25;
		margin-bottom: 15px;
		max-width: 290px;
	}
	#hd .hd_sec_spec ul li b{
		font-weight: bold;
	}
	#hd .hd_sec_spec ul li p span {
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: -25px;
		padding-left: 10px;
	}
	#hd .hd_sec_spec ul li:nth-child(-n+5) {left: 4%; }
	#hd .hd_sec_spec ul li:nth-child(1) {top: 9.3%; }
	#hd .hd_sec_spec ul li:nth-child(2) {top: 12.4%; }
	#hd .hd_sec_spec ul li:nth-child(3) {top: 32.8%; }
	#hd .hd_sec_spec ul li:nth-child(4) {top: 59.6%; }
	#hd .hd_sec_spec ul li:nth-child(5) {top: 87.2%; }

	#hd .hd_sec_spec ul li:nth-child(n+6) {left: 75%; }
	#hd .hd_sec_spec ul li:nth-child(6) {top: 9.5%; }
	#hd .hd_sec_spec ul li:nth-child(7) {top: 24.5%; }
	#hd .hd_sec_spec ul li:nth-child(8) {top: 33.5%; }
	#hd .hd_sec_spec ul li:nth-child(9) {top: 51.2%; }
	#hd .hd_sec_spec ul li:nth-child(10) {top: 65.7%; }
	#hd .hd_sec_spec ul li:nth-child(11) {top: 81.2%; }
	#hd .hd_sec_spec ul li:nth-child(12) {top: 88%; }
	#hd .hd_sec_spec ul li:nth-child(13) {top: 93%; }
/* ---------- hd_reliability ---------- */
	#hd #hd_reliability {
		padding: 50px 0 0;
		position: relative;
	}
	#hd #hd_reliability:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg01_03_05.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
	#hd #hd_reliability .w900{
		width: 90%;
		padding:40px 0 30px;
	}
	#hd #hd_reliability .w1200 {
		padding: 40px 0;
	}
	#hd .hd-sec-alliance .w1200 {
		direction: rtl;
	}
	#hd .hd-sec-alliance .right {
		direction: ltr;
	}
	#hd .hd-sec-alliance .hd-magnifier {
		position: relative;
		width: 95%;
		margin: auto;
		padding-bottom: 95%;
	}
	#hd .hd-sec-alliance h3 span,
	#hd .hd-sec-alliance h3 img {
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd-sec-alliance h3 span {
		padding-right: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#hd .hd-sec-alliance h3 img {
		width: 95px;
	}
	#hd .hd-sec-alliance p {
		max-width: 595px;
	}
	#hd .hd-sec-alliance p i {
		font-weight: bold;
		font-style: italic !important;
		display: inline-block;
	}
	#hd .hd-sec-alliance .img_content {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#hd .hd-sec-alliance .img_content .hd-photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: transform .1s ease-out;
		cursor: crosshair;
	}
	#hd .hd-sec-esd .col45,
	#hd .hd-sec-core .col45 {
		padding: 0 10px;
	}
	#hd .hd-sec-esd .w1200>p {
		max-width: 1000px;
		margin: -10px auto 30px;
	}
	#hd .hd-sec-esd .hd-guardbox {
		position: relative;
		max-width: 1050px;
		margin: 0 auto;
	}
	#hd .hd-sec-esd .txt-box {
		position: absolute;
		width: 100%;
		left: 0;
		top: 52%;
		margin-left: 4%;
		text-align: center;
	}
	#hd .hd-sec-esd .txt-box figure {
		width: 20%;
		display: inline-block;
		vertical-align: top;
		padding: 25px 20px;
		margin: 0 1.4% 2.8%;
		background-color: rgba(255, 168, 58, 0.6);
	}
	#hd .hd-sec-esd .txt-box figure:nth-child(3) {
		width: 22%;
	}
	#hd .hd-sec-esd .txt-box figure p {
		margin-bottom: 12px;
		line-height: 1.5rem;
	}
	#hd .hd-sec-esd .txt-box p.txt-style {
		position: relative;
		text-transform: uppercase;
		font-family: 'Fjalla One', sans-serif;
		letter-spacing: 1px;
		padding-bottom: 12px;
		min-height: 3.8rem;
		/* color: #ffa73a; */
	}
	#hd .hd-sec-esd .txt-box p.txt-style:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		color: #f0b427;
		background: #683b02;
		background: -moz-linear-gradient(left, #683b02 0%, #f0b427 42%, #fac233 50%, #f0b427 58%, #683b02 100%);
		background: -webkit-linear-gradient(left, #683b02 0%, #f0b427 42%, #fac233 50%, #f0b427 58%, #683b02 100%);
		background: linear-gradient(to right, #683b02 0%, #f0b427 42%, #fac233 50%, #f0b427 58%, #683b02 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683b02', endColorstr='#683b02', GradientType=1);
		/* background: #808080;
		background: -moz-linear-gradient(left, rgba(169,167,165,0) 0%, rgba(169,167,165,0) 7%, rgba(255,255,255,1) 18%, rgba(80,92,94,1) 33%, rgba(255,255,255,1) 46%, rgba(169,171,172,1) 61%, rgba(255,255,255,1) 68%, rgba(128,128,128,1) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 ); */
	}
/* ---------- badges-effect ---------- */
	#hd #owl-hd-badges {
		position: relative;
		padding-top: 40px;
	}
	#hd #owl-hd-badges .owl-dots {
		position: absolute;
		width: 100%;
		bottom: 10px;
		z-index: 4;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot {
		display: inline-block;
		margin: 0 4px;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot span {
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 8px;
		border: 2px solid #ffa83a;
		background-color: #ffa83a;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot.active span,
	#hd #owl-hd-badges .owl-dots .owl-dot:hover span {
		background: transparent;
	}
	#hd #owl-hd-badges .item {
		/* background-image: url("../img/stability/B350MA.jpg");
		background-position: 0 top;
		background-repeat: no-repeat;
		background-size: 300%; */
		height: 0;
		padding-bottom: 93.75%;
		position: relative;
		background-color: #232323;
	}
	#hd #owl-hd-badges .owl-item:nth-child(2) .item {
		background-position: 50% top;
	}
	#hd #owl-hd-badges .owl-item:nth-child(3) .item {
		background-position: 100% top;
	}
	#hd #owl-hd-badges .item .hd-item-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20% 5% 0;
	}
	#hd #owl-hd-badges .item .hd-item-content img {
		max-height: 86px;
		width: auto;
		margin-bottom: 20px;
	}
	#hd #owl-hd-badges .owl-item {
		position: relative;
		z-index: 2;
	}
	#hd #owl-hd-badges .item .hd-item-content h4 {
		/* color: #8d8d8d; */
		margin-top: 30px;
	}
	#hd #owl-hd-badges .item .hd-item-content p {
		max-width: 410px;
		margin: 0 auto 15px;
	}
	#hd .badges-effect .owl-stage:after {
		content: "";
		position: absolute;
		top: 2px;
		height: 0;
		width: 32.9%;
		padding-bottom: 30.7%;
		z-index: 3;
		border: 2px solid #f2ffff;
		box-shadow: 0px 0px 300px rgba(0, 0, 0, 1) inset, 0px 0px 150px rgba(0, 0, 0, 1) inset;
		-webkit-transform: all 0.3s;
		-moz-transform: all 0.3s;
		-ms-transform: all 0.3s;
		-o-transform: all 0.3s;
		transform: all 0.3s;
		visibility: visible;
		pointer-events: none;
	}
	#hd .badges-effect .owl-stage.eq0:after {
		left: 0;
	}
	#hd .badges-effect .owl-stage.eq1:after {
		left: 33.33%;
	}
	#hd .badges-effect .owl-stage.eq2:after {
		left: 66.66%;
	}
/* ---------- hd_freeze ---------- */
	#hd #hd_freeze {
		padding-top: 30px;
	}
	#hd #hd_freeze>div {
		min-height: 90vh;
		padding: 50px 0;
	}
	#hd #hd_freeze .col40 {
		width: 44%;
	}
	#hd #hd_freeze #hd_sec_chokes {
		padding: 50px 0;
	}
	#hd #hd_freezePic {
		position: absolute;
		top: 70px;
		left: 52%;
		width: 700px;
	}
	/*#hd #hd_freezePic.freezed {
		position: fixed;
		top: 100px;
		left: 51.25%;
	}*/

	#hd #hd_freezeDescript {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	#hd #hd_freezeDescript li {
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		-webkit-transition: opacity .25s ease;
		-moz-transition: opacity .25s ease;
		-ms-transition: opacity .25s ease;
		-o-transition: opacity .25s ease;
		transition: opacity .25s ease;
	}
	#hd #hd_freezeDescript li.on {
		opacity: 1;
		-webkit-animation: showFromBottom .4s ease forwards;
		-o-animation: showFromBottom .4s ease forwards;
		animation: showFromBottom .4s ease forwards;
	}
	#hd #hd_freeze img.hd-ab {
		position: absolute;
		top: 0;
		left: 0;
	}
/* ---------- hd_cooling ---------- */
	#hd #hd_cooling {
		padding: 85px 0 0;
		position: relative;
	}
	#hd #hd_cooling:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg02.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_overclock ---------- */
	#hd .hd_sec_overclock{
		padding:90px 0 0;
	}
	#hd .hd_sec_overclock .left{
		padding-right: 5%;
	}
	#hd .hd_sec_overclock figure{
		position: relative;
		border:1px solid #fff;
		box-shadow: 0 0 10px rgba(255,255,255,.4);
	}
	#hd .hd_sec_overclock .img_top{
		position: absolute;
		top: 0;
		left: 0;
		cursor: crosshair;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/* ------------ hd_sec_fan --------------- */
	#hd .hd_sec_fan{
		background: url(../img/fan/Fan-Xpert-bg.jpg) right top no-repeat;
		background-size: 60%;
		padding: 250px 0 100px;
		/* background-position: center center;
		background-repeat: no-repeat;
		background-size: contain; */
	}
	#hd .hd_sec_fan .w1200{
		z-index: 1;
	}
	#hd .hd_sec_fan h3{
		margin-top: 0;
		margin-bottom: 30px;
	}
	#hd .hd_sec_fan .fleft{
		position: relative;
	}
	#hd .hd_sec_fan .fleft img{
		margin-left: auto;
		margin-right: 50px;
	}
	#hd .hd_sec_fan .fan_cover li{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin:0 auto;
		opacity: 0;
	}
	#hd .hd_sec_fan .fan_cover li.hd-active{
		opacity: 1;
	}
	#hd .hd_sec_fan .hd-filter{
		margin:30px 0 ;
	}
	#hd .hd_sec_fan .hd-filter li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin:20px 0 20px -5px;
		padding:0 2% 0 0;
		cursor: pointer;
	}
	#hd .hd_sec_fan .hd-content{
		position: relative;
		background: #131313;
		max-width: 550px;
		padding:30px 5%;
	}
	#hd .hd_sec_fan .hd-content:before{
		content:'';
		display: block;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		background: #ffbf3a;
		background: -moz-linear-gradient(left, #c58000 3%, #ffbf3a 48%, #804600 100%);
		background: -webkit-linear-gradient(left, #c58000 3%, #ffbf3a 48%, #804600 100%);
		background: linear-gradient(to right, #c58000 3%, #ffbf3a 48%, #804600 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c58000', endColorstr='#804600',GradientType=1 );
		z-index: -1;
	}
	#hd .hd_sec_fan .hd-content li img{margin:10px auto 0; }
	#hd .hd_sec_fan .hd-content li{display: none; }
	#hd .hd_sec_fan .hd-content li.hd-active{display: block; }
	#hd .hd_sec_fan .hd-content p{margin-bottom: 0; }

	#hd .fan_icon{
		background-image: url(../img/fan/spritesheet.png);
		background-repeat: no-repeat;
		display: block;
		width: 47px;
		height: 47px;
		margin:0 auto 5px;
		opacity: .8;
	}
	#hd .hd_sec_fan li:hover .fan_icon,
	#hd .hd_sec_fan li.hd-active .fan_icon{
		opacity: 1;
	}
	/* icon position */
		#hd .fan_icon.fan_temp{
			background-position: -5px -5px;
		}
		#hd .hd-active .fan_icon.fan_temp{
			background-position: -62px -5px;
		}
		#hd .fan_icon.fan_one{
			background-position: -5px -62px;
		}
		#hd .hd-active .fan_icon.fan_one{
			background-position: -119px -62px;
			/* background-position: -62px -62px; */
		}
		#hd .fan_icon.fan_pwm{
			background-position: -119px -5px;
		}
		#hd .hd-active .fan_icon.fan_pwm{
			background-position: -119px -62px;
		}
		#hd .fan_icon.fan_smart{
			background-position: -5px -119px;
		}
		#hd .hd-active .fan_icon.fan_smart{
			background-position: -62px -119px;
		}
	/* ---------- hd_sec_ddr4 ---------- */
	#hd .hd_sec_ddr4 {
		position: relative;
		padding:50px 0;
	}
	#hd .hd_sec_ddr4 .mbfix {
		margin-bottom: 5px;
	}
	#hd .hd_sec_ddr4 .lhfix {
		font-size: 14px;
		line-height: 1.4rem;
	}
	#hd .hd_sec_ddr4 .w1200{
		direction: rtl;
	}
	#hd .hd_sec_ddr4 .w1200>.w950{
		margin-bottom: 30px;
	}
	#hd .hd_sec_ddr4 .w1200>*{
		direction: ltr;
	}
	#hd .hd_sec_ddr4 .left {
		padding-right: 2%;
	}
	#hd .hd_sec_ddr4 .right {
		margin-top: 35px;
	}
	#hd .hd_sec_ddr4 .w1200 img {
		margin-bottom: 30px;
		margin-left: 0;
	}
	/* #hd .hd_sec_ddr4 h3 + p{margin-bottom: 50px; }
	#hd .hd_sec_ddr4 .right{padding-left: 20px; }
	#hd .hd_sec_ddr4 .txt-smallTitle{margin-bottom: 0; }
	#hd .hd_sec_ddr4 .txt-absent{padding:0 2px; } */
	/*#hd .hd_sec_ddr4 .right > p{
		margin-bottom: -10px;
		position: relative;
		z-index: 2;
	}*/
	/* #hd .hd_sec_ddr4 figure {
		position: relative;
		display: block;
	}
	#hd .hd_sec_ddr4 figure img{
		margin-bottom: 20px;
		margin-left: 0;
	}
	#hd .hd_sec_ddr4 img.short{
		max-width: 89% !important;
	}
	#hd .hd_sec_ddr4 figure p{
		display: block;
		position: absolute;
		left: 2%;
		bottom: 0;
		margin-bottom: 0;
		font-size: 12px;
	}
	#hd .hd_sec_ddr4 small{
		display: block;
		margin-top: 70px;
	} */
/* ---------- hd_way ---------- */
	#hd #hd_way {
		padding-top: 50px;
		position: relative;
	}
	#hd #hd_way:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg01_03_05.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
	#hd #videoHero {
		width: 100%;
	}
	#hd #videoHero::-webkit-media-controls-fullscreen-button {
		display: none;
	}
/* ---------- hd_sec_audiomode ---------- */
	#hd .hd_sec_audiomode{padding-top: 100px;padding-bottom: 50px; }
	#hd .hd_sec_audiomode .left{
		padding-right: 10%;
	}
	#hd .hd_sec_audiomode .right{position: relative;}
	#hd .hd_sec_audiomode .right h4{margin:50px 0 10px; }
	#hd .hd_sec_audiolist {
		padding: 80px 0;
	}
	#hd .hd_sec_audiolist .col33{
		padding: 0 3%;
		position: relative;
	}
	#hd .hd_sec_audiolist .col33:not(:last-child):after{
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		width: 3px;
		height: 100%;
		color: #808080;
		background: #808080;
		background: -moz-linear-gradient(top, rgba(169,167,165,0) 0%, rgba(169,167,165,0) 7%, rgba(255,255,255,1) 18%, rgba(80,92,94,1) 33%, rgba(255,255,255,1) 46%, rgba(169,171,172,1) 61%, rgba(255,255,255,1) 68%, rgba(128,128,128,1) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 );
	}

/* ---------- hd_sec_audio ---------- */
	#hd .hd_sec_audio {padding: 90px 0 50px; }
	#hd .hd_sec_audio .w1200{
		z-index: 2;
	}
	#hd .hd_sec_audio .w1300 {margin-top: -150px; }
	#hd .hd_sec_audio .txt-pic {
		margin: 0 0 0 auto;
		max-width: 780px !important;
		width: 63%;
		position: relative;
	}
	#hd .hd_sec_audio .txt-pic ul{display: none;}
	#hd .hd_sec_audio .txt-box {
		position: absolute;
		top: 170px;
		right: 755px;
		max-width: 500px;
		width: 40%;
	}
	#hd .hd_sec_audio .txt-box .txt-gold {position: relative; }
	#hd .hd_sec_audio .txt-box li h4:after {
		content: '';
		display: block;
		position: absolute;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(1) h4:after {
		border-top: 2px solid #bcbcbc;
		width: 75%;
		height: 62px;
		top: 50%;
		left: 50%;
		bottom: 100%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(2) h4:after {
		border-bottom: 2px solid #bcbcbc;
		border-right: 2px solid #bcbcbc;
		width: 85%;
		height: 50px;
		left: 79%;
		bottom: 50%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(3) h4:after {
		border-bottom: 2px solid #bcbcbc;
		border-right: 2px solid #bcbcbc;
		width: 90%;
		height: 0;
		left: 65%;
		bottom: 40%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(4) h4:after {
		border-bottom: 2px solid #bcbcbc;
		border-right: 2px solid #bcbcbc;
		width: 120%;
		height: 0;
		left: 54%;
		bottom: 40%;
	}
/* ---------- hd_sec_lighting ---------- */
	#hd .hd_sec_lighting {
		padding: 60px 0;
		background-color: #000;
	}

	#hd .hd_sec_lighting .hd-lighting {
		position: relative;
		overflow: hidden;
	}
	#hd .hd_sec_lighting h3{margin-bottom: 20px;}
	#hd .hd_sec_lighting #colorbox{
		width: 50%;
		height: 0;
		padding-bottom: 110%;
		position: absolute;
		top: 1px;
		right: 1px;
		z-index: 1;
		overflow: hidden;
	}
	#hd .hd_sec_lighting #color {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	#hd .hd_sec_lighting .left{
		position: relative;
		z-index: 1;
	}
	#hd .hd_sec_lighting .right{
		position: relative;
		z-index: 3;
	}
	#hd .hd_sec_lighting .hd-controls li {
		width: 16.6666%;
		display: inline-block;
		margin-right: -5px;
		vertical-align: top;
		text-align: center;
		padding: 10px 5px;
		opacity: .5;
		/* cursor: pointer; */
		transition: all 0.8s ease 0s;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
	}
	#hd .hd_sec_lighting .hd-controls li img{
		margin:0 auto 10px;
	}
	#hd .hd_sec_lighting .hd-controls li small{
		display: block;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: 1px;
	}

	#hd .hd_sec_lighting .hd-controls li.lighting-active {
		opacity: 1;
	}
	#colorpicker{
		display: block;
		width: 110px;
		margin:10px 20px 10px auto;
		position: absolute;
		bottom: -130px;
		right: 0;
	}
	#hd .hd-overlay {
		position: absolute;
		z-index: 8;
		width: 100%;
		top: 0;
		left: 0;
		-webkit-animation: colorrun 3s infinite;
		-moz-animation: colorrun 3s infinite;
		-ms-animation: colorrun 3s infinite;
		-o-animation: colorrun 3s infinite;
		animation: colorrun 3s infinite;
	}
/* ---------- hd_networking ---------- */
	#hd #hd_networking {
		padding: 50px 0 0;
		position: relative;
	}
	#hd #hd_networking:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg04.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_wifi ---------- */
	#hd .hd_sec_wifi{
		position: relative;
		margin:150px auto;
	}
	#hd .hd_sec_wifi .w1200{
		position: relative;
		z-index: 2;
	}
	#hd .hd_sec_wifi > img{
		width: 60%;
		max-width: 808px !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 50%;
	}
	#hd .hd_sec_ethernet{
		direction: rtl;
		padding-bottom: 120px;
	}
	#hd .hd_sec_ethernet .col50{
		direction: ltr;
	}
	#hd .hd_sec_ethernet .right{
		padding-left: 5%;
	}
	#hd .hd_sec_languard {
		padding-bottom: 80px;
	}
	#hd .hd_sec_languard .left{
		padding-right: 5%;
	}
	#hd .hd_sec_languard p{
		max-width: 530px;
	}

/* ---------- hd_sec_turbo ---------- */
	#hd .hd_sec_turbo{
		padding:30px 0 100px;
	}
	#hd .hd_sec_turbo h4 + p{
		margin-bottom: 70px;
	}
	#hd .hd_sec_turbo .ui{
		display: inline-block;
		vertical-align: bottom;
		width: 80%;
		position: relative;
	}
	#hd .hd_sec_turbo .ui_img{
		width: 75%;
		margin:0 0 0 auto;
	}
	#hd .hd_sec_turbo .ui_img > ul{
		display: none;
	}
	#hd .hd_sec_turbo .hd_txt li{
		width: 100%;
		text-align: left;
		position: absolute;
		left: 4%;
	}
	#hd .hd_sec_turbo .hd_txt li p,
	#hd .hd_sec_turbo .hd_txt li img{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}
	#hd .hd_sec_turbo .hd_txt li p{
		width: 22%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1){
		top: 15%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2){
		top: 40%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(3){
		top: 85%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1) p{
		padding-top: 2%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1) img{
		width: 37%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2) p{
		width: 18%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2) img{
		width: 10%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(3) img{
		width: 64%;
	}
	#hd .hd_sec_turbo .bar{
		display: inline-block;
		vertical-align: bottom;
		width: 20%;
		margin-left: -10px;
	}
/* ---------- hd_ultrafast ---------- */
	#hd #hd_ultrafast {
		padding: 50px 0 0;
		position: relative;
	}
	#hd #hd_ultrafast:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg01_03_05.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_ultrafast ---------- */
	#hd .hd_sec_ultrafast h5{
		margin-bottom: 30px;
		min-height: 96px;
	}
	#hd .hd_sec_ultrafast img{
		margin-left: 0;
	}
	#hd .hd_sec_ultrafast .col50:nth-child(-n+2){
		vertical-align: top;
		padding:0 5%;
	}
	#hd .hd_sec_ultrafast {
		padding: 70px 0;
	}
	#hd .hd_sec_ultrafast .col50:first-child p {
		margin-bottom: 50px;
	}
	#hd .hd_sec_ultrafast .col50:nth-child(2) p {
		margin-bottom: 50px;
	}
/* ---------- hd_sec_ready ---------- */
	#hd .hd_sec_ready{
		padding-bottom: 100px;
	}
	#hd .hd_sec_ready .col55{
		margin-left: -7%;
		margin-right: -2%;
	}
	#hd .hd_sec_ready .col50{
		position: relative;
		padding-left: 5%;
	}

/* ---------- hd_sec_intel ---------- */
	#hd .hd_sec_intel {
		padding: 30px 0 150px;
		max-width: 1050px;
	}
	#hd .hd_sec_intel h3 {
		margin-bottom: 120px;
	}
	#hd .hd_sec_intel img {
		display: inline-block;
		vertical-align: top;
		width: 80px;
	}
	#hd .hd_sec_intel .hd_content {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 90px);
		margin-left: -6px;
		padding-left: 70px;
		margin-bottom: 30px;
	}
/* ---------- keyframes ---------- */
	@-webkit-keyframes bg-light-left {
		0% {left: -20%; }
		25% {left: 30%; }
		25.1% {left: 50%; }
		50% {left: 100%; }
		100% {left: 100%; }
	}
	@keyframes bg-light-left {
		0% {left: -20%; }
		25% {left: 30%; }
		25.1% {left: 50%; }
		50% {left: 100%; }
		100% {left: 100%; }
	}

	@-webkit-keyframes bg-light-right {
		0% {right: -20%; }
		25% {right: 30%; }
		25.1% {right: 50%; }
		50% {right: 100%; }
		100% {right: 100%; }
	}
	@keyframes bg-light-right {
		0% {right: -20%; }
		25% {right: 30%; }
		25.1% {right: 50%; }
		50% {right: 100%; }
		100% {right: 100%; }
	}

	.hd-rainbow {
		height: 500% !important;
		background: url(../img/way/rainbow.jpg) 0 0 repeat;
	}
	.hd-comet {
		background: #000000;
		background: -moz-linear-gradient(-45deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		background: linear-gradient(135deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
	}
	.hd-flash {
		background: #484848;
		background: -moz-linear-gradient(left, #484848 0%, #ff0000 15%, #484848 27%, #ff0000 40%, #484848 53%, #ff0000 63%, #484848 78%, #ff0000 90%, #484848 100%);
		background: -webkit-linear-gradient(left, #484848 0%, #ff0000 15%, #484848 27%, #ff0000 40%, #484848 53%, #ff0000 63%, #484848 78%, #ff0000 90%, #484848 100%);
		background: linear-gradient(to right, #810000 0%, #810000 25%, #ff0000 50%, #810000 75%, #810000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#484848', GradientType=1);
	}
	.hd-yoyo {
		background: #000000;
		background: -moz-linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		background: -webkit-linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		background: linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		box-shadow: 0 0 50px 20px #000 inset;
	}
	.hd-starryNight {
		background: #000000 !important;
	}
	.starry_night {
		display: none;
	}
	.starry_night li{
		width: 10%;
		height: 10%;
		background-color: #FFF;
		position: absolute;
		background: radial-gradient(circle, #ffa83a,#ffa83a, #000000, #000000);
		animation: starryNight 2s infinite;
	}

	.starry_night li:nth-child(1) {right: 60%; top: 4%; }
	.starry_night li:nth-child(2) {right: 40%; top: 20%; }
	.starry_night li:nth-child(3) {right: 30%; top: 30%; }
	.starry_night li:nth-child(4) {right: 50%; top: 60%; }
	.starry_night li:nth-child(5) {right: 30%; top: 80%; }
	.starry_night li:nth-child(6) {right: 55%; top: 90%; }

	@-webkit-keyframes static {
		0% {opacity: 1 }
		50% {opacity: 1 }
	}
	@keyframes static {
		0% {opacity: 1 }
		50% {opacity: 1 }
	}

	@-webkit-keyframes breathing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}
	@keyframes breathing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}

	@-webkit-keyframes strobing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}
	@keyframes strobing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}

	@-webkit-keyframes music {
		0% {opacity: 1 }
		10% {opacity: .3 }
		40% {opacity: 1 }
		60% {opacity: .3 }
		70% {opacity: 1 }
		100% {opacity: .3 }
	}
	@keyframes music {
		0% {opacity: 1 }
		10% {opacity: .3 }
		40% {opacity: 1 }
		60% {opacity: .3 }
		70% {opacity: 1 }
		100% {opacity: .3 }
	}

	@-webkit-keyframes cycle {
		0% {background-color: red }
		15% {background-color: orange }
		30% {background-color: yellow }
		45% {background-color: #00CB07 }
		60% {background-color: #07A9FF }
		75% {background-color: #1044FF }
		90% {background-color: #a12fd9 }
		100% {background-color: red }
	}
	@keyframes cycle {
		0% {background-color: red }
		15% {background-color: orange }
		30% {background-color: yellow }
		45% {background-color: #00CB07 }
		60% {background-color: #07A9FF }
		75% {background-color: #1044FF }
		90% {background-color: #a12fd9 }
		100% {background-color: red }
	}

	@-webkit-keyframes colorrun {
		0% {-webkit-filter: hue-rotate(359deg); }
		100% {-webkit-filter: hue-rotate(0deg); }
	}
	@keyframes colorrun {
		0% {
			-webkit-filter: hue-rotate(359deg);
			filter: hue-rotate(359deg)
		}
		100% {
			-webkit-filter: hue-rotate(0deg);
			filter: hue-rotate(0deg)
		}
	}
	@-webkit-keyframes rainbow{
		0%	{-webkit-transform: translateY(-50%) skewY(-40deg); }
		100%{-webkit-transform: translateY(0%) skewY(-40deg); }
	}
	@keyframes rainbow{
		0%	{transform: translateY(-50%) skewY(-40deg); }
		100%{transform: translateY(0%) skewY(-40deg); }
	}

	@-webkit-keyframes cpu {
		0% {background-color: red }
		30% {background-color: yellow }
		60% {background-color: green }
		90% {background-color: yellow; }
	}
	@keyframes cpu {
		0% {background-color: red }
		30% {background-color: yellow }
		60% {background-color: green }
		90% {background-color: yellow; }
	}

	@-webkit-keyframes comet {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%);
		}
	}
	@keyframes comet {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%);
		}
	}

	@-webkit-keyframes flash {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%) skewX(135deg);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%) skewX(135deg);
		}
	}
	@keyframes flash {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%) skewX(135deg);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%) skewX(135deg);
		}
	}

	@-webkit-keyframes yoyo {
		0% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
		50% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(30%, -30%) rotate(45deg);
		}
		100% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
	}
	@keyframes yoyo {
		0% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
		50% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(30%, -30%) rotate(45deg);
		}
		100% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
	}

	@-webkit-keyframes starryNight {
		0% {transform: translateX(0%); }
		100% {transform: translateX(800%); }
	}
	@keyframes starryNight {
		0% {transform: translateX(0%); }
		100% {transform: translateX(800%); }
	}
/* ---------- RWD ---------- */
@media screen and (max-width: 1440px) {
	#hd h2 {
		font-size: 72px;
		line-height: 72px;
	}
	#hd #hd_reliability {padding: 26px 0 0;}
	#hd #hd_cooling {padding: 56px 0 0;}
	#hd #hd_way {padding-top: 26px;}
	#hd #hd_networking {padding: 26px 0 0;}
	#hd #hd_ultrafast {padding: 26px 0 0;}
	#hd .hd_sec_nav li h6{font-size: 17px; }
	#hd .hd_sec_gaming{
		width: 70%;
		padding:70px 0 0;
	}
	#hd #hd_kv {padding-bottom: 60px; }
	#hd #hd_kv .overlay-img{padding-bottom: 7%;}
	#hd .hd_sec_spec{padding:50px 0; }
	#hd .hd_sec_spec .w1200{width: 70%;}
	#hd .hd_sec_spec .w1200>img{padding:0 28% 0 15%; }
	#hd .hd_sec_spec ul li:nth-child(-n+5){left: 6%;}
	#hd .hd_sec_spec ul li:nth-child(n+6){left: 73%;}
	#hd .hd_sec_spec ul li p{
		font-size: 14px;
		max-width: 250px;
	}
	#hd #hd_freeze {padding-top:0; }
	#hd #hd_freeze #hd_sec_chokes{padding-bottom: 50px;}
	#hd .hd_sec_fan{
		padding: 200px 0 100px;
		background-size: 60%;
	}
	#hd .hd_sec_audio{padding: 50px 0 50px;}
	#hd .hd_sec_lighting{padding:50px 0 130px;}
	#hd .hd_sec_wifi{margin: 150px auto 50px;}
	#hd .hd_sec_languard{padding-bottom: 50px;background-size: 50%}
	#hd .hd_sec_intel{padding-bottom: 100px;}
	#hd .hd_sec_intel h3{margin-bottom: 70px;}
}
@media screen and (max-width: 1366px) {
	/* ---------- hd_sec_audio ---------- */
		#hd .hd_sec_audio{padding: 50px 0;}
		#hd .hd_sec_audio .txt-pic ul{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		#hd .hd_sec_audio .txt-pic ul li{
			width: 30px;
			height: 30px;
			border-radius: 15px;
			line-height: 26px;
			position: absolute;
			text-align: center;
			background: #ffa83a;
			border: 2px solid #000;
			color:#000;
		}
		#hd .hd_sec_audio .txt-pic ul li:nth-child(1){
			top: 43%;
			left: 21%;
		}
		#hd .hd_sec_audio .txt-pic ul li:nth-child(2){
			top: 40%;
			left: 40%;
		}
		#hd .hd_sec_audio .txt-pic ul li:nth-child(3){
			top: 70%;
			left: 35%;
		}
		#hd .hd_sec_audio .txt-pic ul li:nth-child(4){
			top: 87%;
			left: 46%;
		}
		#hd .hd_sec_audio .txt-box .txt-gold{margin-bottom: 0;}
		#hd .hd_sec_audio .txt-box li h4:after {display: none; }
		#hd .hd_sec_audio .txt-box li p{margin-bottom: 10px}
		#hd .hd_sec_audio .txt-box {
			width: 47%;
			max-width: 600px;
			right: auto;
			left: 0;
		}
		#hd .hd_sec_audio .txt-box li {
			position: relative;
			padding-left: 40px;
		}
		#hd .hd_sec_audio .txt-box li:after {
			counter-increment: li;
			margin-right: 10px;
			display: block;
			width: 30px;
			height: 30px;
			border-radius: 15px;
			line-height: 30px;
			position: absolute;
			top: 0;
			left: 0;
			text-align: center;
			background: #1e1e1e;
			border: 1px solid #ffa83a;
		}
		#hd .hd_sec_audio .txt-box li:nth-child(1):after {content: "1"; }
		#hd .hd_sec_audio .txt-box li:nth-child(2):after {content: "2"; }
		#hd .hd_sec_audio .txt-box li:nth-child(3):after {content: "3"; }
		#hd .hd_sec_audio .txt-box li:nth-child(4):after {content: "4"; }
	#hd #owl-hd-badges .item .hd-item-content {
		padding-top: 14%;
	}
}
@media screen and (max-width: 1280px) {
	#hd .hd_sec_nav li h6{height: 82px; }
	/* ---------- hd_kv ---------- */
		#hd #hd_kv{
			background-size: 1440px;
		}
		#hd #hd_kv .col55{
			left: -5%;
			top: 44%;
			width: 60%;
		}
		#hd #hd_kv .overlay-img{padding-bottom: 4%;}
	/* ---------- hd_spec ---------- */
	#hd .hd_sec_spec .w1200{width: 85%; }
	#hd .hd_sec_audiomode .left{padding-right: 30px; }

	#hd .hd_sec_audio{padding: 30px 0 50px;}
	#hd #hd_networking{padding-top: 20px;}
	/* badges-effect */
		#hd #owl-hd-badges .item .hd-item-content {padding-top: 8%; }
		#hd #owl-hd-badges .item .hd-item-content img {
			height: 16%;
			margin-bottom: 15px;
		}
		#hd #owl-hd-badges h4 {margin-bottom: 15px; }
		#hd #owl-hd-badges p {
			font-size: 16px;
			line-height: 1.5em;
		}
}
@media screen and (max-width: 1200px) {
	#hd #hd_kv{padding-bottom: 100px;}
	#hd #hd_kv .col55 {
		left: 0;
		width: 55%;
		top: auto;
		bottom: 2%;
	}
	#hd #hd_kv .overlay-img{padding-bottom: 0;}
}
@media screen and (max-width: 1024px) {
	#hd h2 {padding: 0 10px; }
	#hd h3{
		font-size: 48px;
		margin:20px 0;
	}
	#hd h6 {font-size: 18px; }
	#hd .hd_sec_nav li h6 {
		font-size: 18px;
		padding: 10px;
		height: 76px;
	}
	#hd .title-animation-left:before{top: 20px; }
	/* kv */
	#hd #hd_kv .w1200{width: 90%; }
	#hd #hd_kv .col55 {
		left: 0;
		width: 55%;
		top: auto;
		bottom: 2%;
	}
	#hd #hd_kv .col55 p{padding-right: 5%; }

	#hd .hd_sec_lighting .hd-controls li img{width: 50px;}
	#colorpicker{
		right: auto;
		left: -150px;
		bottom: 20px;
	}
	#hd .hd_sec_wifi{margin-top: 50px;}
	#hd .hd_sec_audiomode{padding-top: 50px;}
	#hd .hd_sec_ethernet{padding-bottom: 50px;}
	#hd .hd_sec_ddr4{padding-top: 20px;}
	#hd .hd_sec_overclock{padding:80px 0 50px;}
	#hd .hd_sec_fan{padding:50px 0;}
	#hd .hd_sec_audiolist{padding:0px 0 50px;}
	#hd .hd_sec_turbo .ui{width: 85%;}
	#hd .hd_sec_turbo .ui li{left: 3%;}
	#hd .hd_sec_turbo .bar{width: 15%;}
	/* hd_reliability */
		#hd #hd_reliability:after {background-size: 180%; }
		#hd #hd_cooling:after {background-size: 160%; }
		#hd #hd_networking:after {background-size: 160%; }
	/* badges-effect */
		#hd #owl-hd-badges .item .hd-item-content {padding-top: 5%; }
		#hd #owl-hd-badges .item .hd-item-content img {margin-bottom: 10px; }
		#hd #owl-hd-badges .item .hd-item-content h4 {margin-bottom: 10px; }
		#hd #owl-hd-badges .item .hd-item-content p {margin: 0 auto 6px; }
	#hd .hd_sec_ddr4 .right {
		margin-top: 0px;
	}
	/* hd_sec_ultrafast */
		#hd #hd_ultrafast:after {background-size: 168%; }
		#hd .hd_sec_ultrafast {padding: 40px 0 0; }
	/* hd_way */
	#hd #hd_way:after {background-size: 168%; }
	#hd .hd_sec_audio {padding: 40px 0; }
	#hd .hd_sec_audio .txt-box {
		position: relative;
		width: 100%;
		max-width: none;
		padding-top: 30px;
		top: 0;
	}
	#hd .hd_sec_audio .w1200 .col40 {width: 100%;}
	#hd .hd_sec_audio .w1300 {margin-top: 0;}
	#hd .hd_sec_audio .txt-pic {
		width: 90%;
		margin:0 auto;
	}
	#hd .hd_sec_lighting {padding: 60px 0;}
	#hd .hd_sec_intel {padding: 0 0 50px;}
}
@media screen and (max-width: 1023px) {
	#hd .hd_1024-on {display: block; }
	#hd .hd_1024-off {display: none; }
	#hd .hd_sec_nav li{width: 33.3333%; }
	#hd .hd_sec_nav li h6{height: auto; }
	/* spec */
		#hd .hd_sec_spec .w1200>img {padding: 0; }
		#hd .hd_sec_spec ul {
			position: relative;
			margin-top: 30px;
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
			counter-reset: li;
		}
		#hd .hd_sec_spec ul li:nth-child(n) {
			position: relative;
			top: 0;
			left: 0;
			display: inline-block;
			width: 100%;
			vertical-align: top;
			padding-left: 35px;
			padding-top: 3px;
			margin-bottom: 5px;
		}
		#hd .hd_sec_spec ul li:nth-child(n):before {
			content: counter(li);
			counter-increment: li;
			margin-right: 10px;
			display: block;
			width: 25px;
			height: 25px;
			line-height: 23px;
			position: absolute;
			top: 0;
			left: 0;
			text-align: center;
			background: #1e1e1e;
			border: 1px solid #ffa83a;
			border-radius: 15px;
		}
		#hd .hd_sec_spec ul li p+img {display: inline-block; }
		#hd .hd_sec_spec ul li p span {margin-bottom: -15px; }

	#hd .hd_sec_turbo {padding: 50px 0;}
	#hd .hd_sec_turbo .ui{width: 100%;}
	#hd .hd_sec_turbo .ui li{left: 3%;}
	#hd .hd_sec_turbo .bar{width: 100%; margin-top: 30px;}
	/* hd-sec-esd */
		#hd .hd-sec-esd .txt-box {
			position: relative;
			margin-left: 0;
			margin-top: -18%;
			padding-bottom: 50px;
		}
		#hd .hd-sec-esd .txt-box figure:nth-child(n){width: 44%; }
	/* badges-effect */
		#hd #owl-hd-badges{padding-top: 0;}
		#hd #owl-hd-badges .item .hd-item-content {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 20px;
		}
		#hd .badges-effect .owl-stage:after {display: none; }
		#hd .badges-effect:after {
			content: "";
			position: absolute;
			top: 2px;
			left: 0;
			width: calc(100% - 4px);
			height: 99%;
			z-index: 3;
			border: 2px solid #fff;
			box-shadow: 0px 0px 150px rgba(0, 0, 0, 1) inset;
			visibility: visible;
			pointer-events: none;
		}
	/* hd_reliability */
		#hd #hd_freeze .col40{width: 50%;}
		#hd #hd_freezePic{width: 530px; }
		#hd #hd_freeze #hd_sec_chokes {padding: 50px 0 0; }
}
@media screen and (max-width: 768px) {
	#hd .hd_mobile-off {display: none; }
	#fp-nav.right {right: 0; }
	#hd h2 {
		font-size: 60px;
		line-height: 1;
		margin-bottom: 0px;
	}
	#hd h3 {
		font-size: 38px;
		line-height: 1;
	}
	#hd h4 {
		font-size: 24px;
		line-height: 1;
	}
	#hd p{
		font-size: 16px;
		line-height: 1.25rem;
	}
	#hd span.txt-absent {font-size: 26px; }
	#hd h5 {font-size: 32px; }
	#hd .hd-more {height: 108px; }
	#hd .hd-more h4 {margin-bottom: 10px; }

	/* hd_kv */
		#hd .hd_sec_gaming{
			width: 100%;
		}
		#hd #hd_kv {
			margin-top: 30px;
			background-size: 160%;
			background-position: right bottom;
			padding-bottom: 0;
		}
		#hd #hd_kv .col55,
		#hd .hd-sec-alliance .col50,
		#hd .hd-sec-core .col45,
		#hd .hd-sec-core .col55,
		#hd .hd_sec_ddr4 .col50 {
			width: 100%;
		}
		#hd .hd_sec_ddr4{
			padding-top: 50px;
		}
		#hd #hd_kv .col55,
		#hd #hd_kv .col55 p{position: relative;padding:0;}
		#hd #hd_kv .overlay-img{
			position: relative;
			width: 70%;
			margin: -30px auto 0;
			padding-top: 0;
			padding-bottom: 12%;
		}
		#hd #hd_kv .overlay-img .hd-img-colorrun {
			top: 0;
		}
	/* ---------- hd_sec_spec ---------- */
		#hd .hd_sec_spec{padding:0 0 60px;}
		#hd .hd_sec_spec ul {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
	#hd section{padding-top:40px !important;}
	#hd #hd_reliability:after,
	#hd #hd_cooling:after,
	#hd #hd_networking:after{background-size: 140%; }

	#hd .hd_sec_turbo{padding:20px 0;}

	#hd .hd_sec_overclock{
		padding-top: 100px;
		background-size: 80%;
	}

	#hd .hd_sec_fan .fleft img{width: 95%; margin:0 auto;}
	#hd .hd_sec_fan .hd-filter{margin:-30px 0 0;}
	#hd .hd_sec_fan .hd-content{padding:20px 10px;}
	#hd .hd_sec_overclock .col55,
	#hd .hd_sec_overclock .col45,
	#hd .hd_sec_fan .col50{
		width: 100%;
		padding:0;
		margin-left: 0;
	}
	#hd .hd_sec_overclock figure{margin-top: 30px;}
	#hd .hd_sec_fan .fleft{
		display: block;
		width: 100%;
		max-width: 450px !important;
		margin: 0 auto 30px;
		float:none;
	}
	#hd .hd_sec_fan .hd-content{max-width: none;}
	#hd .hd_sec_wifi > img {
		top: 80px;
	}
}
@media screen and (max-width: 767px) {
	#hd .hd_mobile-on {display: block; }

	#hd .hd_sec_lighting{padding:30px 0;}
	#hd .hd_sec_lighting .right,
	#hd .hd_sec_lighting .left{
		width: 100%;
		float:none;
	}
	#hd .hd_sec_lighting .left{
		display: block;
		max-width: 500px;
		margin:0 auto;
	}
	#colorpicker{display: none !important;}

	#hd .hd_sec_turbo .ui li{
		position: relative;
		padding-left: 30px;
	}
	#hd .hd_sec_turbo .ui_img{
		width: 100%;
		margin-bottom: 20px;
	}
	#hd .hd_sec_turbo .ui_img > ul{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd .hd_sec_turbo .ui_img  li{
		width: 30px;
		height: 30px;
		border-radius: 15px;
		line-height: 26px;
		position: absolute;
		text-align: center;
		background: #ffa83a;
		border: 2px solid #000;
		color:#000;
		padding-left: 0;
	}
	#hd .hd_sec_turbo .ui_img  li:nth-child(1){
		top: 3%;
		left: 59%;
	}
	#hd .hd_sec_turbo .ui_img  li:nth-child(2){
		top: 40%;
		left: 15%;
	}
	#hd .hd_sec_turbo .ui_img  li:nth-child(3){
		top: 55%;
		left: 85%;
	}

	#hd .hd_sec_turbo .hd_txt li:nth-child(n) p{
		width: 100%;
		padding: 0;
		margin:8px 0;
	}
	#hd .hd_sec_turbo .hd_txt li:before{
		content:'';
		display: block;
		width: 24px;
		height: 24px;
		line-height: 24px;
		border-radius: 13px;
		position: absolute;
		top: 0;
		left: -20px;
		border:2px solid #ffa83a;
		text-align: center;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1):before{
		content:'1';
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2):before{
		content:'2';
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(3):before{
		content:'3';
	}
	#hd .hd_sec_turbo .hd_txt li img{
		display: none;
	}

	#hd #hd_sec_components .col40,
	#hd #hd_sec_chokes .col40 {width: 100%; }
	#hd #hd_freezePic {display: none; }
	#hd #hd_freeze #hd_sec_chokes {
		padding: 50px 0;
	}
}
@media screen and (max-width: 620px) {
	#hd .title-animation-left:before,
	#hd .title-animation-right:before {height: 150px; }

	#hd .hd_sec_nav li {width: 50%; }

	#hd .hd_sec_audiomode .col50,
	#hd .hd_sec_ultrafast .col50,
	#hd .hd_sec_wifi .col45,
	#hd .hd_sec_wifi img,
	#hd .hd_sec_ethernet .col50,
	#hd .hd_sec_languard .col50,
	#hd .hd_sec_ddr4 .col45,
	#hd .hd_sec_ddr4 .col55,
	#hd .hd_sec_ready .col55,
	#hd .hd_sec_ready .col50{
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	#hd #hd_networking:after{background-size: 180%;}

	#hd #hd_cooling,
	#hd #hd_reliability,
	#hd #hd_performance,
	#hd #hd_ultrafast{padding-top: 0 !important;}
	#hd .hd_sec_wifi > img{
		position: relative;
		width: 95%;
		margin-top: 20px;
		margin-left: 5%;
		top: 0;
		left: 0;
	}
	#hd .hd_sec_ddr4 figure p{bottom: 3px; }
	#hd .hd-sec-esd .txt-box figure:nth-child(n){width: 100%; }
	/* hd_sec_ultrafast */
		#hd .hd_sec_ultrafast .col50:first-child p,
		#hd .hd_sec_ultrafast .col50:nth-child(2) p {max-width: none; }
	/* hd_sec_intel */
		#hd .hd_sec_intel .hd_content {
			margin-top: 20px;
			padding-left: 0;
		}
		#hd .hd_sec_intel .hd_pic,
		#hd .hd_sec_intel .hd_content,
		#hd .hd_sec_audio .hd_audioList li {width: 100%; }
		#hd .hd_sec_intel img{
			display: block;
			margin:0 auto;
		}
		#hd .hd_sec_intel .hd_content{text-align: center;}
}
@media screen and (max-width: 480px) {
	#fp-nav.right {display: none; }
	#hd #scrollUp {bottom: 10px; }

	#hd .hd_sec_nav li {width: 100%; }

	#hd .hd_sec_spec ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#hd #hd_way,
	#hd #hd_networking{padding-top: 0 !important;}

	#hd .hd_sec_audiolist .col33{
		width: 100%;
	}
	#hd .hd_sec_audiolist .col33:not(:last-child):after{
		display: none;
	}
	#hd .hd_sec_lighting .hd-controls li{width: 25%;}

	#hd .hd_sec_ddr4 figure p{bottom: 0;}

	#hd .hd_sec_turbo .ui_img  li:nth-child(3){top: 45%; }

	#hd .hd-sec-esd .txt-box figure{padding:15px 5px; }
	#hd .hd-sec-esd .txt-box p.txt-style{min-height: 0; }

	#hd #owl-hd-badges .item {
		padding-bottom: 110%;
	}
}