/* custom css */
@font-face {
	font-family: "DINCondMediumRegular";
	src: url(https://www.msi.com/css/fonts/ff_din_condensed_medium-webfont.woff) format("woff");
	src: url(https://www.msi.com/css/fonts/ff_din_condensed_medium-webfont.ttf) format("truetype");
	src: url(https://www.msi.com/css/fonts/ff_din_condensed_medium-webfont.eot) format("embedded-opentype");
}

@font-face {
	font-family:'DIN Pro';
	src:url(https://www.msi.com/fonts/ff-din-pro/ff-din-pro-bold.eot);
	src:url(https://www.msi.com/fonts/ff-din-pro/ff-din-pro-bold.eot?#iefix) format('embedded-opentype'),url(https://www.msi.com/fonts/ff-din-pro/ff-din-pro-bold.woff) format('woff'),url(https://www.msi.com/fonts/ff-din-pro/ff-din-pro-bold.ttf) format('truetype'),url(https://www.msi.com/fonts/ff-din-pro/ff-din-pro-bold.svg#ff-din-pro-bold) format('svg');font-weight:700;font-style:normal}

html {
	background-color: #000;
}

body {
	font-family: 'DIN Pro', Arial, sans-serif;
	background: url("https://asset.msi.com/event/2017/se-hittaratt/images/dragon.jpg") no-repeat 0 0;
}

#se09 h2 {
	
	color: #ff0018;
	font-size: 2.5em;
}

#se09 p.small {
	font-size: 65%;
	color: #FF0018;
}

#se09 .header img {
	display: block;
	width: 100%;
}

#se09 .page-header {
	font-size: 3em;
	color: #ff0018;
	text-align: center;
	padding: 0 0 40px 0;
}

#se09 .page-header small {
	color: #fff;
	display: block;
	font-size: 70%;
}

#se09 .introduction {
	padding: 0 0 80px 0;
}

#se09 .introduction h2 {
	text-align: center;
}

#se09 .values div {
	text-align: center;
	padding: 40px 0 0 0;
}

#se09 .values h4 {
	font-size: 1.1em;
}

#se09 .values p {
	text-align: center;
	padding: 40px 0 0 0;
}

#se09 .btn-msi {
	background-image: linear-gradient(to bottom,#ff0018 0,#b60011 100%);
	background-repeat: repeat-x;
    border-color: #b60011;
	padding: 10px 25px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
}

#se09 .label-msi {
	background-color: #1A1A1A;
    border: 1px solid #ff0018;
	color: #ff0018;
	padding: 10px 25px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
}

#se09 .notebook p {
	text-align: center;
}

#se09 .notebook a, #se09 .buy a {
	color: #fff;
	text-decoration: none;
}

#se09 .notebook a:hover,#se09 .buy a:hover {
	color: #fff;
	text-decoration: underline;
}

#se09 .series-full {
	background: url("https://asset.msi.com/event/2017/se-hittaratt/images/bg.jpg") no-repeat 0 0;
	border-top: 3px solid #370000;
}

#se09 .series {
	padding: 80px 0 0 0;
	border-bottom: 2px solid #370000;
}

#se09 .series:last-child {
	border-bottom: none;
}

#se09 .notebook img,#se09 .features img {
	width: 100%;
}

#se09 .series-logo {
	padding: 0;
}

#se09 .buy {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c191b+0,000000+17 */
	background: #1c191b; /* Old browsers */
	background: -moz-linear-gradient(top, #1c191b 0%, #000000 17%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1c191b 0%,#000000 17%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1c191b 0%,#000000 17%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c191b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 0 0 100px 0; 
	text-align: center;
}

#se09 .buy h2 {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	padding-top: 80px;
}

#se09 .buy h3 {
	color: #000;
	font-size: 2.5em;
	font-weight: bold;
}

#se09 .buy h3 .white {
	color: #fff;
}

#se09 .buy .btn-msi {
	background-image: linear-gradient(to bottom,#202020 0,#000 100%);
	background-repeat: repeat-x;
    border-color: #202020;
	padding: 10px 25px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
	margin: 40px 0 80px 0;
}

#se09 .feature {
	text-align: center;
	padding: 80px 0;
}

#se09 .feature h2 {
	padding: 0 0 60px 0;
}

#se09 .true-gaming img {
	text-align: center;
	width: 100%;
	padding: 80px 0 80px 0;
}