.Factoryquality{
	margin:0 0 20px 0;
}
.Factoryquality h2{
	text-transform: uppercase;
	font-family: 'DINCondMediumRegular','bebas_neue_cyrillicregular','BebasNeueTurkishSubset','BebasNeuePolishSubset',sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	padding: 1em 0 .3em;
	text-shadow:0px 2px 5px #000;
}
.Factoryquality h3{
	text-transform: uppercase;
	font-family: 'DINCondMediumRegular','bebas_neue_cyrillicregular','BebasNeueTurkishSubset','BebasNeuePolishSubset',sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 0em 0em;
}
.Factoryquality p{
	font-family: Arial,Verdana,Geneva,sans-serif;
	color: #fff;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
	text-shadow:0px 2px 5px #000;
}

.Factory_head{
	display: block;
	background-size: 100%; 
	position: relative;
}

.Factory_video{
	display: block;
	height: 100%;
	overflow: hidden;
	background:url("//asset.msi.com/global/picture/about/Process/Factory_video.jpg")top center no-repeat;
	background-size: 100%;
}
.FactoryBOX{
	padding-top: 10%;
}
.Factory_audio{
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.Factory_True-Color h2,.Factory_True-Color p{
	text-align: left;
}

.Factory_True-Color{
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.True-Color{
	position: absolute;
	top: 10%;
	z-index:9;
}


.Factory_KEYBAORD img{
	width: 100%;
}
.titlebox{
	background:#f00;
	border-radius:10px;
	padding: 2px;
}

.titleboxs{
	position: absolute;
	top: 5%;
	z-index: 9;
}
.IMGboxs{
	position: absolute;
	top: 8%;
	z-index: 9;
}

.pageboxs{
	position: absolute;
	bottom: 0;
	z-index: 9;
}

.boxlist{
	position: relative;
}

.boxlist p{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 5%;
}

.boxlist img{
	width: 100%;
	text-align: center;
}

#no_padding{
	padding: 0;
}

/*nb_experience*/
.nb_experience{
	background:url("//asset.msi.com/global/picture/about/Process/BG.jpg")top center no-repeat;
	height: 890px;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-caption{

	right: 0%;
	bottom: 0;
	top: 0;
	left: 0%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.NBbox{
	margin: 250px 0 0 0;
	position: relative;
}
.NBboxinfo{
	display: block;
	width: 100%;
	height: 600px;
	background: #000;
	overflow: hidden;
	border-left:5px solid #f00;
	margin: 150px 0 20px 0;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
	height: 100%;
}
#nb_carousel {}
#nb_carousel.carousel-indicators {
	position: absolute;
	top: 12px;
	bottom: 10px;
	left: 0%;
	z-index: 15;
	width: 100%;
	height: 100%;
	padding-left: 0;
	margin-left: 0%;
	text-align: center;
	list-style: none;
}

/*#nb_carousel {
	
	bottom: 10px;
	left: 0%;
	z-index: 15;
	width: 100%;
	padding-left: 0;
	margin-left: 0%;
	text-align: center;
	list-style: none;
	}*/
	#nb_carousel.carousel-indicators li {
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: 1px;
		text-indent: 0px;
		cursor: pointer;
		background-color: rgba(255%, 0%, 0%, 1);
		border: 5px solid #a12120;
		border-radius: 50%;
		font-size: 21px;
		line-height: 35px;
		color: #fff;
	}
	#nb_carousel.carousel-indicators .active {
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: 1px;
		background-color: rgba(255%, 0%, 0%, 1);
		border: 5px solid #a12120;
		border-radius: 50%;
		box-shadow:1px 1px 25px 2px rgba(255%,0%,0%,0.8);
	}
	#nb_carousel.carousel-indicators li:nth-child(1){
		position: absolute;
		top: 15%;
		left: 15%;
	}
	#nb_carousel.carousel-indicators li:nth-child(1).active:after{
		content: "Pressure Test";
		display: block;
		font-size: 16px;
		width:150px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
	}
	#nb_carousel.carousel-indicators li:nth-child(2){
		position: absolute;
		top: 60%;
		left: 10%;
		z-index: 999;
	}
	#nb_carousel.carousel-indicators li:nth-child(2).active:after{
		content: "Connector Strength Test";
		display: block;
		font-size: 16px;
		width:220px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
	}
	#nb_carousel.carousel-indicators li:nth-child(3){
		position: absolute;
		top: 55%;
		left: 30%;
		z-index: 999;
	}
	#nb_carousel li:nth-child(3).active:after{
		content: "Open Close Endurance Test";
		display: block;
		position: absolute;
		font-size: 16px;
		width:250px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
		z-index: 999;
	}
	#nb_carousel.carousel-indicators li:nth-child(4){
		position: absolute;
		top: 70%;
		left: 60%;
		z-index: 999;
	}
	#nb_carousel.carousel-indicators li:nth-child(4).active:after{
		content: "Keyboard RGB LED Test";
		display: block;
		font-size: 16px;
		width:210px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
	}
	#nb_carousel.carousel-indicators li:nth-child(5){
		position: absolute;
		top: 60%;
		right: 10%;
		z-index: 999;
	}
	#nb_carousel.carousel-indicators li:nth-child(5).active:after{
		content: "Golden Ear Modulation";
		display: block;
		position: absolute;
		right: -50px;
		font-size: 16px;
		width:200px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
	}
	#nb_carousel.carousel-indicatorsli:nth-child(6){
		position: absolute;
		top: 8%;
		left: 48%;
		z-index: 999;
	}
	#nb_carousel.carousel-indicators li:nth-child(6).active:after{
		content: "True Color Calibration";
		display: block;
		font-size: 16px;
		width:200px;
		padding:0px; 
		border-radius: 10px;
		background: #000;
		border: 2px solid #f00;
	}
	/*nb_experience*/

	.home_play {
		position: relative;
		width: 60px;
		height: 60px;
		background: url('https://www.msi.com/images/imgs/playIcon.png') no-repeat;
		left: 48%;
		top: 45%;
		cursor: pointer;
		z-index: 3;
	}
	.vide_playbox{
		cursor: pointer;
		height:450px;
		background: url('https://i.ytimg.com/vi/R3M9UMQW3u0/maxresdefault.jpg') center no-repeat; 
		background-size: cover; 
		position: relative;
	}
	#youtube-close-button {
		background-image: url('https://www.msi.com/images/front/btn_close.png');
		background-repeat: no-repeat;
		cursor: pointer;
		height: 26px;
		right: 18%;
		position: absolute;
		top: 8px;
		width: 28px;
		z-index: 999999;
	}
	.Series .nav li{
		border: 1px solid #f00;
	}
	.video-cover-overlay {
		background-color: #121212;
		height: 100%;
		opacity: .7;
		bottom: 0;
		position: relative;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
		transition: all .4s ease-out;
		width: 100%;
		z-index: 2;
	}
	.home_vidoe_block p {
		padding-top: 40px;
	}
	.vide_play:hover .video-cover-overlay {
		opacity: 0
	}
	.Featuretitle{
		z-index: 3;
		position: absolute;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 18px;
		line-height: 1.2em;
		top:20%;
	}


	@media screen and (min-width: 801px) and (max-width: 1600px){
		.Factoryquality h2{
			text-transform: uppercase;
			font-family: 'DINCondMediumRegular','bebas_neue_cyrillicregular','BebasNeueTurkishSubset','BebasNeuePolishSubset',sans-serif;
			font-size: 2em;
			font-weight: bold;
			text-align: center;
			padding: 1em 0 .3em;
			text-shadow:0px 2px 5px #000;
		}
		.Factoryquality p{
			font-family: Arial,Verdana,Geneva,sans-serif;
			color: #fff;
			font-size: 1em;
			font-weight: 300;
			line-height: 1.5em;
			text-align: center;
			text-shadow:0px 2px 5px #000;
		}
		.Factoryquality h3{
			text-transform: uppercase;
			font-family: 'DINCondMediumRegular','bebas_neue_cyrillicregular','BebasNeueTurkishSubset','BebasNeuePolishSubset',sans-serif;
			font-size: 2em;
			font-weight: bold;
			color: #000;
			text-align: center;
			padding: 0em 0em;
		}
		.IMGboxs img{
			width: 70%;
		}

		/*nb_experience*/
		.nb_experience{
			background:url("//asset.msi.com/global/picture/about/Process/BG.jpg")top center no-repeat;
			height: 620px;
		}
		.carousel-fade .carousel-inner .item {
			-webkit-transition-property: opacity;
			transition-property: opacity;
		}
		.carousel-fade .carousel-inner .item,
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			opacity: 0;
		}
		.carousel-fade .carousel-inner .active,
		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
			opacity: 1;
		}
		.carousel-fade .carousel-inner .next,
		.carousel-fade .carousel-inner .prev,
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			left: 0;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-control {
			z-index: 2;
		}
		.carousel-caption{

			right: 0%;
			bottom: 0;
			left: 0%;
			z-index: 10;
			padding-top: 20px;
			padding-bottom: 50px;
			color: #fff;
			text-align: center;
			text-shadow: 0 1px 2px rgba(0,0,0,.6);
		}
		.NBbox{
			margin: 250px 0 0 0;
			position: relative;
		}
		.NBboxinfo{
			display: block;
			width: 100%;
			height: 480px;
			background: #000;
			overflow: hidden;
			border-left: 5px solid #f00;
			margin: 20px 0 20px 0;
		}
		.carousel,
		.carousel-inner,
		.carousel-inner .item {
			height: 100%;
		}
		#nb_carousel {}
		#nb_carousel.carousel-indicators {
			position: absolute;
			bottom: 10px;
			left: 0%;
			z-index: 15;
			width: 100%;
			height: 100%;
			padding-left: 0;
			margin-left: 0%;
			text-align: center;
			list-style: none;
		}

		#nb_carousel.carousel-indicators li {
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 1px;
			text-indent: 0px;
			cursor: pointer;
			background-color: rgba(255%, 0%, 0%, 1);
			border: 5px solid #a12120;
			border-radius: 50%;
			font-size: 20px;
			line-height: 25px;
			color: #fff;
		}
		#nb_carousel.carousel-indicators .active {
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 1px;
			background-color: rgba(255%, 0%, 0%, 1);
			border: 5px solid #a12120;
			border-radius: 50%;
			box-shadow:1px 1px 25px 2px rgba(255%,0%,0%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(1){
			position: absolute;
			top: 15%;
			left: 15%;
		}
		#nb_carousel.carousel-indicators li:nth-child(1).active:after{
			content: "Pressure Test";
			display: block;
			font-size: 16px;
			width:150px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
		}
		#nb_carousel.carousel-indicators li:nth-child(2){
			position: absolute;
			top: 60%;
			left: 10%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(2).active:after{
			content: "Connector Strength Test";
			display: block;
			font-size: 16px;
			width:220px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
		}
		#nb_carousel.carousel-indicators li:nth-child(3){
			position: absolute;
			top: 55%;
			left: 30%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(3).active:after{
			content: "Open Close Endurance Test";
			display: block;
			position: absolute;
			font-size: 16px;
			width:250px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(4){
			position: absolute;
			top: 70%;
			left: 60%;
			z-index: 88;
		}
		#nb_carousel.carousel-indicators li:nth-child(4).active:after{
			content: "Keyboard RGB LED Test";
			display: block;
			font-size: 16px;
			width:210px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
		}
		#nb_carousel.carousel-indicators li:nth-child(5){
			position: absolute;
			top: 60%;
			right: 10%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(5).active:after{
			content: "Golden Ear Modulation";
			display: block;
			position: absolute;
			right: 0;
			font-size: 16px;
			width:200px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
		}
		#nb_carousel.carousel-indicators li:nth-child(6){
			position: absolute;
			top: 8%;
			left: 48%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(6).active:after{
			content: "True Color Calibration";
			display: block;
			font-size: 16px;
			width:200px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
		}
		/*nb_experience*/
	}

	@media screen and (min-width: 300px) and (max-width: 800px){
		.titleboxs{
			position: relative;
			top: 5%;
			z-index: 9;
		}
		.Factory_video{
			display: block;
			height: 100%;
			overflow: hidden;
			background:url("//asset.msi.com/global/picture/about/Process/Factory_video.jpg") center no-repeat;
			background-size: 100%;
		}
		.FactoryBOX{
			padding-top:5%;
		}
		.IMGboxs{
			position: relative;
			top: 0;
			z-index: 9;
			margin:20px auto 0 auto;
		}

		.pageboxs{
			position: relative;
			bottom: 0;
			z-index: 9;
		}
		.True-Color{
			position: relative;
			top: 0;
			z-index:9;
		}
		.Factory_True-Color h2,.Factory_True-Color p{
			text-align: center;
		}

		/*nb_experience*/
		.nb_experience{
			background:url("//asset.msi.com/global/picture/about/Process/BG.jpg")top center no-repeat;
			height: 800px;
		}
		.carousel-fade .carousel-inner .item {
			-webkit-transition-property: opacity;
			transition-property: opacity;
		}
		.carousel-fade .carousel-inner .item,
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			opacity: 0;
		}
		.carousel-fade .carousel-inner .active,
		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
			opacity: 1;
		}
		.carousel-fade .carousel-inner .next,
		.carousel-fade .carousel-inner .prev,
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			left: 0;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-control {
			z-index: 2;
		}
		.carousel-caption{

			right: 0%;
			bottom: 0;
			left: 0%;
			z-index: 10;
			padding-top: 0px;
			padding-bottom: 50px;
			color: #fff;
			text-align: center;
			text-shadow: 0 1px 2px rgba(0,0,0,.6);
		}
		.NBbox{
			margin: 30% 0 0 0;
			position: relative;
		}
		.NBboxinfo{
			display: block;
			width: 100%;
			height: 500px;
			background: #000;
			overflow: hidden;
			border-top:5px solid #f00;
			border-bottom:5px solid #f00;
			margin:10px 0 20px 0;
		}
		.item p{
			padding: 15px;
		}
		.item h1{
			margin:0px;
			padding:0 15px;
		}
		.carousel,
		.carousel-inner,
		.carousel-inner .item {
			height: 100%;
		}
		#nb_carousel {}
		#nb_carousel.carousel-indicators {
			position: absolute;
			bottom: 10px;
			left: 0%;
			z-index: 15;
			width: 100%;
			height: 100%;
			padding-left: 0;
			margin-left: 0%;
			text-align: center;
			list-style: none;
		}
		#nb_carousel.carousel-indicators li {
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 1px;
			text-indent: 0px;
			cursor: pointer;
			background-color: rgba(255%, 0%, 0%, 1);
			border: 5px solid #a12120;
			border-radius: 50%;
			font-size: 16px;
			line-height: 20px;
			color: #fff;
		}
		#nb_carousel.carousel-indicators .active {
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 1px;
			background-color: rgba(255%, 0%, 0%, 1);
			border: 5px solid #a12120;
			border-radius: 50%;
			box-shadow:1px 1px 25px 2px rgba(255%,0%,0%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(1){
			position: absolute;
			top: 15%;
			left: 15%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(1).active:after{
			content: "Pressure Test";
			display: none;
			font-size: 16px;
			width:150px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(2){
			position: absolute;
			top: 60%;
			left: 10%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(2).active:after{
			content: "Connector Strength Test";
			display: none;
			font-size: 16px;
			width:220px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(3){
			position: absolute;
			top: 55%;
			left: 30%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(3).active:after{
			content: "Open Close Endurance Test";
			display: none;
			font-size: 16px;
			width:250px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(4){
			position: absolute;
			top: 70%;
			left: 60%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(4).active:after{
			content: "Keyboard RGB LED Test";
			display: none;
			font-size: 16px;
			width:210px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(5){
			position: absolute;
			top: 60%;
			right: 10%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(5).active:after{
			content: "Golden Ear Modulation";
			display: none;
			font-size: 16px;
			position: absolute;
			right: 0;
			width:200px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		#nb_carousel.carousel-indicators li:nth-child(6){
			position: absolute;
			top: 8%;
			left: 48%;
			z-index: 999;
		}
		#nb_carousel.carousel-indicators li:nth-child(6).active:after{
			content: "True Color Calibration";
			display: none;
			font-size: 16px;
			width:200px;
			padding:0px; 
			border-radius: 10px;
			background: #000;
			border: 2px solid #f00;
			box-shadow:1px 1px 25px 2px rgba(100%,100%,100%,0.8);
		}
		/*nb_experience*/

		.vide_playbox{
			cursor: pointer;
			height:250px;
			background: url('https://i.ytimg.com/vi/R3M9UMQW3u0/maxresdefault.jpg') center no-repeat; 
			background-size: cover; 
			position: relative;
		}
		.Featuretitle{
			z-index: 3;
			position: absolute;
			width: 100%;
			text-align: center;
			color: #fff;
			font-size: 16px;
			line-height: 1.2em;
			top:10%;
		}
	}