@import url('reset.css');
@import url('common.css');
@import url('fonts.css');

/******reset*****/
#wp{background:url(https://asset.msi.com/event/vga/2016/amd_q4_hitman/images/bg.jpg) top center no-repeat #000; background-size:100% auto; background-attachment:fixed; color:#fff;font-family: 'KlavikaLight'; position:relative;}
#wp_container{width:100%; margin:0 auto; max-width:1026px; box-shadow:#000 0 0 50px;}
#wp section{padding:15px 35px;}
#wp h1 {
	font-size:83px;
	font-family: 'KlavikaRegularCondensed';
	color:#a7a9ac;
	line-height:76px;
	margin: 15px 0 2px 0;
	text-transform:uppercase;
}

#wp h2 {
	font-size:56px;
	font-family: 'KlavikaRegularCondensed';
	color:#FE0000;
	line-height:56px;
	margin:  0 0 10px 0;
	text-transform:uppercase;
}

#wp  h3 {
	font-size:39px;
	font-family: 'KlavikaLightCond';
	color:#ffffff;
	line-height:46px;
	margin:  0 0 18px 0;
	font-weight:normal;
}

#wp  h3 strong {
	font-family: 'KlavikaBoldCondensedItalic';
}

#wp p{font-size:22px; line-height:30px; padding-bottom:30px;}


#wp a{color:#c00; text-decoration:none; noFocusline:expression(this.onFocus=this.blur());  outline:0; transition:0.5s all ease-out 0.1s;}
	#wp a:hover{color:#f00; text-decoration:none;}	
	#wp a:focus{-moz-outline-style:none;}

/*header*/	
@keyframes headerbg {
    0% {opacity:0.2;}
	15%{opacity:0.4;}
	45%{opacity:0.6;}
	75%{opacity:0.8;}
	100%{opacity:1;}
}

#wp_header{background-image:url(https://asset.msi.com/event/vga/2016/amd_q4_hitman/images/vimg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; animation:headerbg 2s; }
#wp_header img{width:100%;}

/*s1*/
#s1{background:url(https://asset.msi.com/event/vga/2016/amd_q4_hitman/images/bg-s1.jpg) top center no-repeat rgba(248,4,9,0.5); position:relative; background-size:100% auto; padding-bottom:70px !important;}
#s1 .date{font-size:20px; padding-bottom:30px;}
#s1 .date strong{font-family: 'KlavikaMediumCondensed'; text-shadow:#f00 0 0 10px; font-size:150%; font-style:italic;}
#s1 .note{color:#F9F10E; padding-bottom:30px;}

/*s2*/
#s2{position:relative; z-index:2;}
#s2 .spdbox{position:relative; background:url(https://asset.msi.com/event/vga/2016/amd_q4_hitman/images/bg-s2.png) top right no-repeat;}
#s2 .spdbox .img{position:relative; top:-50px;}
#s2 .spdbox .title{position:absolute; top:30px; right:10px; width:35%;}

/*s3*/
#s3{background:rgba(0,0,0,0.5); position:relative; top:-80px; padding-top:50px !important; padding-bottom:80px !important;}
#s3 .bt{text-align:center; padding-bottom:1rem}
#s3 .bt a{margin:0 auto; background:#f00; color:#fff; padding:0.5rem 0; width:100%; max-width:450px; font-size:32px; display:inline-block; font-family: 'KlavikaBold'; text-shadow:#f00 0 0 20px; border-radius:15px; border:#f00 5px solid;}
#s3 .bt a:hover{background:none ;border-radius:0px;}
#s3 .note{text-align:center; color:#c00;}

/*s4*/
#s4 .note{padding-top:15px; padding-bottom:30px;}
/*s5*/
#s5 .title{padding:3vw 0 1.5vw;}
#s5 .wp_pd{float:left !important; width:calc(100% / 3) !important; text-align:center; display:inline-block; margin:1rem 0 2rem !important; position:relative !important;}
#s5 .wp_pd h2 a{font-family: 'KlavikaRegular'; font-size:16px; color:#c00; padding-bottom:5px;}
#s5 .wp_pd .view a{display:inline-block; text-align:center; background:url(../images/shop_arrow.png) 55px 6px no-repeat #c00; color:#fff; font-size:1rem; padding:0 30px 0 20px;}
#s5 .wp_pd img{opacity:0.9; position:relative;}
#s5 .wp_pd h2 a:hover{color:#f00;}
#s5 .wp_pd .view a:hover{background:url(../images/shop_arrow2.png) 45px 6px no-repeat #f00; transform:skewX(10deg); transition:0.5s all ease-out 0.1s;}
#s5 .wp_pd a:hover img{opacity:1; bottom:1px;}

/*#wp_footer*/
#wp_footer{font-family:'KlavikaLight'; font-size:11px; padding:35px; background:rgba(0,0,0,1); border-top:#c00 5px solid;}
#wp_footer .logos{padding-bottom:15px;}
#wp_footer ul, #wp_footer li{padding:0; margin:0; list-style:none;}
#wp_footer li{padding-bottom:10px;}