@font-face{font-family:dinpro;src:url(font/DINPro-Black.WOFF) format('woff');font-weight:900}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button,select{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}html,body{height:100%}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{overflow-x:hidden;font-family:roboto,helvetica neue,Helvetica,Arial,sans-serif;font-size:16px;color:#fff;font-weight:400;line-height:1.5;background:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,iframe,embed,video,audio,button,input,textarea,select{display:block}svg{overflow:visible}a{color:#fb6400;text-decoration:none;background-color:transparent}a:hover{text-decoration:underline}strong,b{font-weight:700}:focus,:active{outline:0}header{position:relative;display:flex;align-items:center;justify-content:center;height:600px;padding:20px;text-align:center;background-image:url(img/hl2-min.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}header::before{position:absolute;display:block;content:'';inset:0;background:linear-gradient(to bottom,rgba(51,51,51,0.5) 0%,rgba(51,51,51,1) 100%)}.HL2Logo{width:200px;height:173px;margin:0 auto;margin-bottom:20px}h1{margin-bottom:30px;font-size:50px;font-family:dinpro;font-weight:900;text-transform:uppercase;color:#fff}.HeaderInner{position:relative}.HeaderInner p{max-width:800px;margin-bottom:20px}.HeaderSub{color:rgba(255,255,255,.65);font-weight:700;font-size:14px}section{}section p{font-weight:500}.SectionCol{position:relative;padding:50px;max-width:1400px;margin:0 auto}h2{margin-bottom:20px;font-size:28px;font-family:dinpro;font-weight:900;text-transform:uppercase}.CountWrapper,.PlayBtnWrapper{display:flex;align-items:flex-start;justify-content:center}.SectionPlay{background:#333}.CountWrapper{margin-bottom:50px}.Count{width:200px;user-select:none}.Count p{margin-top:10px;font-size:10px;text-align:center;color:#999}.PlayBtn{display:block;padding:15px 20px;color:#fff;font-size:18px;text-transform:uppercase;font-family:dinpro;font-weight:900;background:#fb6400;border-radius:6px;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);user-select:none}.PlayBtn:hover{text-decoration:none;background:#c85000}.ShareWell{display:flex;align-items:flex-start;justify-content:center;margin-top:30px}.ShareWell p{background:#292929;padding:14px;border-radius:6px;font-size:14px;color:#ccc;text-align:center}.ShareWell strong{color:#fff}.SectionStream{}.SectionStream p{margin-bottom:20px;color:#999}.StreamGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.StreamItem{position:relative;padding-top:56.25%}.StreamFrameWrapper{position:absolute;overflow:hidden;inset:0;border-radius:4px;background:#000}.StreamItem iframe{width:100%!important;height:100%!important}.SectionHL2DM{position:relative;padding-bottom:100px;background-image:url(img/hl2dm-min.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;box-shadow:inset 0 0 30px #000}.SectionHL2DM::before{position:absolute;display:block;content:'';inset:0;background:rgba(0,0,0,.75)}.SectionHL2DM .PlayBtnWrapper{margin-top:100px;justify-content:flex-start}.PlayBtnWrapper.hl2dm{flex-wrap:wrap;grid-gap:10px}.PlayBtn.hl2dm{}footer{}.Logo{display:block;width:230px;height:40px;user-select:none}.FooterCols{display:flex;align-items:center;justify-content:flex-start}.FooterCol{display:flex;align-items:center;justify-content:flex-start}.FooterCol:first-child{flex-grow:1}.FooterCol:last-child{justify-content:flex-end}.Socials{display:flex;align-items:flex-start;justify-content:flex-start}.Social{display:block;margin-right:14px}.Social:last-child{margin:0}.Social img{width:32px;height:32px}.Credits{font-size:14px;font-weight:500;margin-top:50px}.Credits a{font-weight:700}@media(max-width:1279px){.StreamGrid{grid-template-columns:1fr 1fr}}@media(max-width:767px){header{height:500px}.HL2Logo{width:120px;height:104px}h1{font-size:30px}.SectionCol{padding:20px}.StreamGrid{grid-template-columns:1fr}.FooterCols{display:block}.FooterCol{margin-bottom:20px;justify-content:flex-start!important}}