body{--f_title: Lora,serif;--f: Lato,sans-serif;--f_reg: 400;--f_bold: 700;--c-sh-gold: #EABF54;--c-sh-red: #B83D1E;--c-sh-tint: #F5F2EF;--c-sh-tint_dk: #E5E2E1;--c-sh-green: #75AA0E;--c-sh-orange: #e90;--c-vs-blue: #062944;--c-vs-tan: #A58F88;--c-south-west: #00999A;--c-south-east: #b4ae00;--c-london: #d68200;--c-east-england: #cb68a5;--c-east-midlands: #5c2874;--c-west-midlands: #0085cc;--c-north-west: #e5007e;--c-north-east: #b80;--c-yorkshire: #a14901;--c-wales: #bf0d0d;--c-scotland: #004f9e;--c-iom: #9d2705;--c-channel-islands: #04baee;--c-n-ireland: #009540;--c-ireland: #51ad32;--pad: 20px}@media (min-width: 590px){body{--pad: 30px}}@media (min-width: 760px){body{--pad: 40px}}@media (min-width: 1200px){body{--pad: 80px}}@media (min-width: 1500px){body{--pad: 100px}}#hm_title{position:relative}#hm_title.no-sidebar .hm-title{min-height:calc(100vh - 179px)}@media (min-width: 590px){#hm_title.no-sidebar .hm-title{min-height:calc(100vh - 115px)}}#hm_title.no-sidebar .hm-title .txt h1{margin-bottom:1em}#hm_title.no-sidebar .hm-title .txt h1:after{bottom:-0.5em}#hm_title.no-sidebar .hm-title .txt p{margin-bottom:.75em}@media (min-width: 1200px){#hm_title.no-sidebar .hm-title .txt{box-sizing:content-box;max-width:740px;padding:var(--pad)}#hm_title.no-sidebar .hm-title .txt h1{font-size:48px}#hm_title.no-sidebar .hm-title .txt p{font-size:32px;margin-right:0 !important}}.hm-title{background:#000 url("/assets/img/steamheritage2017graphic.jpg") center center no-repeat;background-size:cover;position:relative;z-index:1;width:100%;display:flex;flex-direction:column;justify-content:center}.hm-title:before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.5)}@media (min-width: 1200px){.hm-title:before{background-color:transparent;background-image:linear-gradient(to right, #000, #000 40%, transparent);opacity:0.5}}.hm-title .txt{padding:10vw;position:relative;z-index:2;box-sizing:border-box}@media (min-width: 1200px){.hm-title .txt{padding:5vw}}@media (min-width: 1500px){.hm-title .txt{padding:5vw 9vw}}.hm-title .txt h1{font-size:7vw;color:#FFFFFF}.hm-title .txt h1:after{background-color:#FFFFFF}@media (min-width: 760px){.hm-title .txt h1{font-size:5vw}}@media (min-width: 1200px){.hm-title .txt h1{font-size:3.7vw}}@media (min-width: 1500px){.hm-title .txt h1{font-size:3vw}}.hm-title .txt p{color:#EABF54;font-weight:700;font-size:3.5vw}@media (min-width: 760px){.hm-title .txt p{font-size:3vw;margin-right:20vw}}@media (min-width: 1200px){.hm-title .txt p{font-size:2.5vw;margin-right:7vw}}@media (min-width: 1500px){.hm-title .txt p{font-size:2vw;margin-right:8vw}}.hm-title .txt .button a{align-items:center;border-width:1px;display:flex;white-space:nowrap;padding:0.75em 1.25em;font-size:4vw;position:relative}.hm-title .txt .button a .icon{align-items:center;display:flex;margin-right:0.5em;width:1.25em}.hm-title .txt .button a .icon svg{fill:currentColor;height:auto;width:100%}.hm-title .txt .button.join a:before{background-position:-54px -16px}.no-touchevents .hm-title .txt .button.join a:hover:before{background-position:-18px -16px}.hm-title .txt .button.signin a:before{background-position:-18px 0}.hm-title .txt .button.attractions a:before{background-position:-18px -48px}.hm-title .txt .button.events a:before{background-position:-18px -64px}.hm-title .txt .button.vs-button a:before{background-position:-54px -32px}.no-touchevents .hm-title .txt .button.vs-button a:hover:before{background-position:-18px -32px}@media (max-width: 700px){.hm-title .txt p{font-size:1.8em}.hm-title .txt .buttons-wrap{display:block}.hm-title .txt .buttons-wrap .button{margin-right:0;margin-bottom:15px}.hm-title .txt .buttons-wrap .button:last-child{margin-bottom:0}.hm-title .txt .buttons-wrap .button a{display:flex;font-size:1.8em}}@media (max-width: 759px){.hm-title.hm-vs{padding-bottom:100%}}.hm-title.hm-vs .buttons-wrap{flex-wrap:wrap}.hm-title.hm-vs .buttons-wrap .button:last-child{margin-right:0}@media (min-width: 590px){.hm-title.hm-vs .buttons-wrap{flex-wrap:nowrap}}.hm-title.hm-vs .vs-button{padding-top:15px}@media (min-width: 590px){.hm-title.hm-vs .vs-button{padding-top:0}}.hm-title.hm-vs .vs-button a .vs{font-family:"Lora",serif;font-weight:400}@media (min-width: 760px){.hm-title.hm-vs .txt .button a{font-size:2.2vw}}@media (min-width: 1200px){.hm-title.hm-vs .txt .button a{font-size:1.6vw;padding-left:2.6em}.hm-title.hm-vs .txt .button a:before{transform:translateY(-50%) scale(1.3)}}@media (min-width: 1500px){.hm-title.hm-vs .txt .button a{font-size:1.4vw}}@media (min-width: 1200px){.sidebar-panel{font-size:1vw}}@media (min-width: 1500px){.sidebar-panel{font-size:0.8vw}}.sidebar-panel.steamheritage{background-color:#EABF54}.sidebar-panel.steamheritage h2,.sidebar-panel.steamheritage a{color:#000000}.sidebar-panel.steamheritage h2:after{background-color:#000000}.sidebar-panel.steamheritage .button a{color:#EABF54;background-color:#000000;border-color:#000000}.no-touchevents .sidebar-panel.steamheritage .button a:hover{color:#FFFFFF;background-color:#B83D1E;border-color:#B83D1E}.sidebar-panel.vintagespirit{background-color:#062944}.sidebar-panel.vintagespirit p{color:#FFFFFF}.sidebar-panel.vintagespirit h2 a{color:#EABF54}.sidebar-panel .sidebar-panel-inner{padding:10vw;display:flex}.sidebar-panel .sidebar-panel-inner a.img{width:40%;display:block;margin-bottom:15px}.sidebar-panel .sidebar-panel-inner a.img img{width:100%;height:auto}.sidebar-panel .sidebar-panel-inner .sidebar-panel-txt{width:55%;margin-left:5%}@media (min-width: 590px){.sidebar-panel .sidebar-panel-inner{padding:5vw}}@media (min-width: 590px) and (max-width: 989px){.sidebar-panel .sidebar-panel-inner{display:block}.sidebar-panel .sidebar-panel-inner a.img,.sidebar-panel .sidebar-panel-inner .sidebar-panel-txt{width:auto}.sidebar-panel .sidebar-panel-inner .sidebar-panel-txt{margin:0}}@media (min-width: 1200px){.sidebar-panel .sidebar-panel-inner{padding:2vw}.sidebar-panel .sidebar-panel-inner h2{font-size:2.2em}.sidebar-panel .sidebar-panel-inner p{font-size:1.3em}.sidebar-panel .sidebar-panel-inner .button a{font-size:1.2em}}@media (min-width: 1290px){.sidebar-panel .sidebar-panel-inner p{font-size:1.1em}}@media (max-width: 499px){.hm-sidebar h2{margin-bottom:20px}.hm-sidebar h2:after{display:none}.hm-sidebar p.description{display:none}}@media (min-width: 590px) and (max-width: 1199px){.hm-sidebar{display:flex}.sidebar-panel{width:50%}}@media (min-width: 1200px){#hm_title{display:flex}.hm-title{display:flex;flex-direction:column;justify-content:center;flex:2}.hm-sidebar{display:flex;flex-direction:column;flex:1}.hm-sidebar .sidebar-panel{flex:1}}#guide_panels{background-color:#E5E2E1}.hm-title-tabs{font-size:1.8em;list-style:none;margin:0}.hm-title-tabs li{border-bottom:1px solid rgba(255,255,255,0.5)}.hm-title-tabs li a{color:#FFF;display:block;font-weight:400;padding:0.5em 0 0.5em 1em;position:relative}.hm-title-tabs li a:before{box-sizing:border-box;border-top:2px solid #FFF;border-right:2px solid #FFF;content:"";height:0.4em;width:0.4em;position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg)}@media (hover: hover){.hm-title-tabs li a:before{transition:border-color 0.3s}.hm-title-tabs li a:hover{color:#EABF54;padding-left:1.25em;transition:padding-left 0.3s}.hm-title-tabs li a:hover:before{border-top-color:#EABF54;border-right-color:#EABF54}}@media screen and (min-width: 600px){.hm-title-tabs{font-size:2em}}@media screen and (min-width: 800px){.hm-title-tabs{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:40px}}@media screen and (min-width: 1200px){.hm-title-tabs{font-size:2.2em}}.group-site.home #main{display:flex;flex-direction:column}.group-site.home #main>.banner-ad{order:-1}.group-site.home #main #hm_title{order:1}.group-site.home #main>.vs-home-wrap{order:3}.group-site.home #main>.banner-vs-subscribe{order:4}.group-site.home #main>.shop-categories-wrap{order:6}.group-site.home #main>#guide_panels{order:8}.group-site.home #main>.ads-promo-fullwidth{order:100}.group-site.home #main>.ads-mpu{border:0;margin:20px auto;width:auto}