
.genre-item{min-width:0;min-height:0;overflow:hidden}.genre-item .genre-img{vertical-align:bottom;width:100%;transform:scale(1);transition:.3s ease-in-out}.genre-item .genre-img:hover{opacity:.8;transform:scale(1.05)}
.promo-wrapper{overflow:hidden}.small-promo{margin:0 auto 20px;max-width:1060px;padding:0 20px}.small-promo .promo-title{line-height:0;font-size:1.4rem;color:#c2c2c2}.small-promo .promo-image,.small-promo .promo-image-container{cursor:pointer;width:100%;transform:scale(1);transition:.5s ease-in-out}.small-promo .promo-image-container:hover,.small-promo .promo-image:hover{opacity:.8;transform:scale(1.02)}.small-promo .promo-image-container{position:relative;display:none;align-items:center;min-height:100px}.small-promo .promo-image-background{width:100%}.small-promo .promo-image-title{position:absolute;width:50%}@media only screen and (max-width:600px){.small-promo .promo-image{display:none}.small-promo .promo-image-container{display:flex}}
.hero{position:relative;padding-left:0!important;display:flex;justify-content:center;overflow:hidden;cursor:pointer;margin-bottom:30px}.hero:hover .hero-nav .hero-nav-arrow{opacity:.4}.hero .hero-tiles{display:flex;transform:translateX(0);transition:transform .2s ease;width:100%;height:47vh}.hero .hero-tiles .hero-tile{display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;width:100%;height:100%;cursor:pointer;z-index:1}.hero .hero-tiles .hero-tile>a{width:100%;height:100%}.hero .hero-tiles .hero-tile .tile-container{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.hero .hero-tiles .hero-tile .tile-container:before{content:"";position:absolute;display:block;background:linear-gradient(180deg,rgba(8,8,8,0),#080808 99.5%,#080808);bottom:0;left:0;width:100%;height:15%}.hero .hero-tiles .hero-tile .tile-container .hero-overlay{position:absolute;height:100%;max-height:70%;width:100%;-o-object-fit:contain;object-fit:contain;z-index:3;display:flex;align-items:center;justify-content:center}.hero .hero-tiles .hero-tile .tile-container .hero-overlay .overlay-image{max-width:100%;max-height:100%;align-items:flex-start}@media only screen and (max-width:420px){.hero .hero-tiles .hero-tile .tile-container .hero-overlay .overlay-image{max-width:120vw}}.hero .hero-tiles .hero-tile .tile-container .hero-tile-image{min-height:250px;width:100%;height:47vh;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.hero .hero-nav{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:0}.hero .hero-nav .dots{display:flex;align-items:center;justify-self:flex-end;align-self:flex-end;margin-bottom:5px;pointer-events:auto}@media only screen and (max-width:1200px){.hero .hero-nav .dots{margin-bottom:0}}.hero .hero-nav .dots .dot{align-content:center;width:.5rem;height:.5rem;border-radius:100%;margin:.25rem .25rem 0;background-color:hsla(0,0%,98%,.55)}.hero .hero-nav .dots .dot.active{width:.6rem;height:.6rem;background-color:#03a4d9}.hero .hero-nav .hero-nav-arrow{width:60px;padding:40px 10px;margin:0 5px;opacity:.4;transition:opacity .3s ease;pointer-events:auto}.hero .hero-nav .hero-nav-arrow:hover{opacity:.7}.hero .hero-nav .hero-nav-arrow.hide{opacity:0!important;pointer-events:none}@media only screen and (max-width:600px){.hero .hero-nav .hero-nav-arrow{width:40px}}
.square-grid-container{width:100%}.square-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr;grid-template-columns:repeat(6,1fr);grid-gap:14px;list-style-type:none}@media not all and (min-width:1024px){.square-grid{-ms-grid-columns:1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr;grid-template-columns:repeat(5,1fr)}}@media not all and (min-width:799px){.square-grid{-ms-grid-columns:1fr 14px 1fr 14px 1fr 14px 1fr;grid-template-columns:repeat(4,1fr)}}@media not all and (min-width:600px){.square-grid{-ms-grid-columns:1fr 14px 1fr 14px 1fr;grid-template-columns:repeat(3,1fr)}}@media not all and (min-width:420px){.square-grid{-ms-grid-columns:1fr 14px 1fr;grid-template-columns:repeat(2,1fr)}}
