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

body{background:url(http://asset.msi.com/event/2016/amd-fx-deus-ex-mankind-divided/images/bg.jpg) top center no-repeat #000; background-size:cover; background-attachment:fixed; color:#fff; font-family: 'DINPro-Regular'; border-top:#c00 5px solid; text-align:center; font-size:20px;}
.container{width:100%; max-width:998px; margin:0 auto; text-align:left; line-height:26px;}

.logo{padding:25px 0;}
.lang{float:right; background:#c00; border-bottom-right-radius:8px; font-size:10px; text-transform:uppercase; padding:5px 10px; cursor:pointer;}
.sel{display:none;}
.sel a{color:#fff; display:block; border-top:#780A0C 1px dashed;}
.sel a:hover{background:#f00;}
.lang:hover .sel{display:block; transition:0.5s all ease-in 0.1s;}

h1{font-family:'DINPro-Bold'; font-size:32px; padding-bottom:20px; line-height:38px;}
h1 strong{color:#f00;}

.mimg figure{width:100%; height:739px; position:relative; border-top:#c00 1px solid;}
.mimg .vimg{position:absolute; z-index:1;}
.mimg .titlebox{position:absolute; z-index:2; bottom:0; width:100%; background:url(http://asset.msi.com/event/2016/amd-fx-deus-ex-mankind-divided/images/bg-vimg-title.png) right no-repeat;}
.mimg .amd{float:left; vertical-align:top; padding-left:2em; width:calc(100% - 504px - 6em);}
.mimg .txt{float:right; vertical-align:top; width:500px; padding-right:2em; padding-top:1.8em;}
.mimg .date{width:504px; font-size:24px;}
.mimg .subtitle{float:right; display:inline-block; background:url(http://asset.msi.com/event/2016/amd-fx-deus-ex-mankind-divided/images/vimg-title.png) left no-repeat; height:43px; line-height:43px; padding:0 20px 0 35px;}
.mimg .title{clear:both; font-size:90px; font-style:italic; font-family:'DINPro-Bold'; padding:25px 0 60px;}
.mimg .title sup{vertical-align:super; font-size:40%; margin-left:10px;}

.content{padding-top:1.5em;}
.content img{width:100%; margin:1.5em 0;}
section p{padding-bottom:30px;}
section h2{font-family:'DINPro-Bold'; color:#c00; font-size:26px; padding-bottom:20px;}


.pdtb{width:100%; display:table; border-collapse:collapse;}
.pdtb .tr{display:table-row;}
.pdtb .tr:nth-child(1){border-bottom:#333 1px solid;}
.pdtb .td{display:table-cell; width:calc(100% / 3); vertical-align:top; padding:30px 0;}
.pdtb .td a{width:80%; display:block; color:#fff; font-size:16px; transition:0.5s all ease 0.1s;}
.pdtb .tr > .td:nth-child(2){border-left:#333 1px solid; border-right:#333 1px solid; }
.pdtb .tr > .td:nth-child(2) a{margin:0 auto;}
.pdtb .tr > .td:nth-child(3) a{float:right;}
.pdtb .bt{background:#f00; font-size:10px; text-transform:uppercase; padding:0 10px; text-align:center; width:35%;}
.pdtb .td:hover .img{-webkit-filter: drop-shadow(3px 3px 7px rgba(248,3,7,0.8)); filter: drop-shadow(3px 3px 7px rgba(248,3,7,0.8)); transition:0.5s all ease 0.1s;}
.pdtb .td:hover .bt{background:#c00; transition:0.5s all ease 0.1s; width:calc(100% - 20px);}

footer{padding:2em 0; font-size:9px; line-height:12px !important;}
footer p{padding-bottom:5px;}
footer li{padding-bottom:5px; list-style:decimal;}
footer ol{margin-left:15px;}
footer a{color:#c00; text-decoration:underline;}
footer a:hover{color:#f00; text-decoration:none;}