



@font-face { font-family: 'Oswald'; src: url('/media/h4oh02bu/oswald-extralight.ttf'); font-style: ; font-weight: 200; }
@font-face { font-family: 'Oswald'; src: url('/media/tskjghuf/oswald-light.ttf'); font-style: ; font-weight: 300; }
@font-face { font-family: 'Oswald'; src: url('/media/frdizdn4/oswald-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Oswald'; src: url('/media/s4rkh4i1/oswald-medium.ttf'); font-style: ; font-weight: 500; }
@font-face { font-family: 'Oswald'; src: url('/media/c5fau4z0/oswald-semibold.ttf'); font-style: ; font-weight: 600; }
@font-face { font-family: 'Oswald'; src: url('/media/mgkftsjd/oswald-bold.ttf'); font-style: ; font-weight: 700; }
@font-face { font-family: 'Archivo'; src: url('/media/ncho04bp/archivo-light.ttf'); font-style: ; font-weight: 300; }
@font-face { font-family: 'Archivo'; src: url('/media/cqzf2epe/archivo-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Archivo'; src: url('/media/4qanc5qk/archivo-semibold.ttf'); font-style: ; font-weight: 600; }
@font-face { font-family: 'Archivo'; src: url('/media/vqafsanu/archivo-medium.ttf'); font-style: ; font-weight: 500; }
@font-face { font-family: 'Bebas Neue'; src: url('/media/l24dtr3x/bebasneue-regular.woff2'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'ObviouslyWide'; src: url('/media/ipydf222/obviously-wideregular.woff2'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'ObviouslyWide'; src: url('/media/43zl2lzg/obviously-widemedium.woff2'); font-style: normal; font-weight: 500; }
@font-face { font-family: 'ObviouslyWide'; src: url('/media/45zkux5h/obviously-wideitalic.woff2'); font-style: italic; font-weight: 400; }
@font-face { font-family: 'Zen Old Mincho'; src: url('/media/0kifbhke/zenoldmincho-regular.woff2'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'Zen Old Mincho'; src: url('/media/ewxd511e/zenoldmincho-bold.woff2'); font-style: normal; font-weight: 700; }


:root,
:host {

    --fontSizeBase: 1.6rem;
    --fontSizeBaseEm: 1.6em;

    --fontFamilyDefault: Zen Old Mincho, Bebas Neue, sans-serif;
    --fontFamilyHeading: Zen Old Mincho, Bebas Neue, sans-serif;

    --colorSiteBackground: #141513;
    
    --colorTextDefault: #fffceb;
    --colorTextAlternative: #141513;

    --colorPrimary: #47d4ce;
    --colorTextOnPrimary: #141513;
    --colorSecondary: #ff9626;
    --colorTextOnSecondary: #141513;
    --colorTertiary: #141513;
    --colorTextOnTertiary#fffceb;
    
    
    
    
    
    

    
    
    --plaionLogo: url('/media/aqqdlo0c/ds-horizontal-fill.svg');
    
    
    

    
    
    
    

    

    
    
    --themeIconClose: url('/media/ixxfsrun/icon_sky_arrow-2.png');
    
    --themeIconLeftArrow: url('/media/dduhurtd/icon-previous.svg');
    --themeIconPlay: url('/media/1h0e1mps/icon-play.svg');
    
    --themeIconRightArrow: url('/media/io4n0g2c/icon-next.svg');
    

    --primaryHeaderFontFamily: Bebas Neue;
    
    
    
    

    
    --primaryHeaderBackgroundColor: #000000;
    
    --primaryHeaderBackgroundMaskImage: url('/media/2cmh5ud5/asphalt-bar-with-bottom-edge.png');
    --primaryHeaderMaskOverhang: 15px;

    

    
    
    
    

    
    
    --footerSegmentBackgroundImage: url('/media/4vrh1tu3/bg-tile-dark-grey.jpg');

    
    
    
    
    
    
    
    

    
    

    
    
    

    
    

    
    

    
    
    
    --badgeTailDisplay: none;
    --badgeTailInlineDisplay: none;

    --buttonFontFamily: Zen Old Mincho, Bebas Neue, sans-serif;
    --buttonFontSize: 1.8rem;
    
    
    --buttonTextTransform: uppercase;
    
    

    
    
    
    --buttonPrimaryBackgroundColor: #ff9626;
    --buttonPrimaryBackgroundColorHighlight: #ff9626;
    --buttonPrimaryBackgroundColorDisabled: #666666;
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonPrimaryTextTransform: uppercase;
    --buttonPrimaryMaskImage: url('/media/nrrdk214/cta-button_asphalt_1.png');
    --buttonPrimaryPadding: 1.2rem 2.4rem;
    --buttonPrimaryTextColor: #ffffff;
    --buttonPrimaryTextColorHighlight: #1a1a1a;
    --buttonPrimaryTextColorDisabled: #dbdfeb;

    
    
    
    
    

    
    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonSecondaryBackgroundColor: #47d4ce;
    --buttonSecondaryBackgroundColorHighlight: #47d4ce;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonSecondaryTextTransform: uppercase;
    --buttonSecondaryMaskImage: url('/media/hcapgnmi/cta-button_asphalt_3.png');
    --buttonSecondaryPadding: 1.2rem 2.4rem;
    --buttonSecondaryTextColor: #ffffff;
    
    

    
    
    
    
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonTertiaryBackgroundColor: #ffffff;
    --buttonTertiaryBackgroundColorHighlight: #ffffff;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonTertiaryTextTransform: uppercase;
    --buttonTertiaryMaskImage: url('/media/hcapgnmi/cta-button_asphalt_3.png');
    --buttonTertiaryPadding: 1.2rem 2.4rem;
    --buttonTertiaryTextColor: #000000;
    --buttonTertiaryTextColorHighlight: #000000;
    

    
    
    
    
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonQuaternaryBackgroundColor: #000000;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonQuaternaryTextTransform: uppercase;
    --buttonQuaternaryMaskImage: url('/media/nrrdk214/cta-button_asphalt_1.png');
    
    --buttonQuaternaryTextColor: #ffffff;
    --buttonQuaternaryTextColorHighlight: #ffffff;
    

    
    
    
    
    

    
    --buttonQuaternaryIconAfterColor: #ffffff;
    
    
    
    
    
    

    
    --buttonQuaternaryBackgroundColorHighlight: transparent;
    --buttonQuaternaryBackgroundColorDisabled: transparent;

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    --buttonQuinaryBorderRadius: 0rem;
    

    
    
    
    
    
    
    
    

    --buttonQuinaryBackgroundColor: transparent;
    --buttonQuinaryBackgroundColorHighlight: transparent;
    --buttonQuinaryBackgroundColorDisabled: transparent;

    
    
    
    --cardImageBorderRadius: 0rem;
    --cardImageFrameBackgroundImage: url('/media/3arfcovo/frame_turquoise_1.png');
    --cardImageFrameIndentation: 1.2rem;
    
    
    
    --cardTextAlignment: left;

    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    

    
    

    --formColorAccent: #47d4ce;
    
    --formFieldBackgroundColor: #ffffff;
    --formFieldBorderColor: #ffffff;
    
    --formFieldBorderRadius: 0rem;
    --formFieldBorderWidth: 0.2rem;
    --formFieldTextColor: #000000;

    
    
    
    
    

    
    
    
    
    
    --tabbedContentBlockOutsideButtonBorderBottomColorHighlight: #ff9626;
    --tabbedContentBlockOutsideButtonBorderBottomWidth: 0.4rem;
    
    

--languagePickerFontWeight:400; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderLogoWidthCompressed:6rem; 
--plaionFontFamilyDefault:Oswald, Helvetica, Arial, sans-serif; 
--globalHeaderBackgroundColor:#1a1a1a; 
--textTransformHeading:uppercase; 
--fontWeightHeading:400; 
--gridGap:var(--gutter); 
--summaryImageFrameBackgroundSize:100% 100%; 
--summaryContentPadding:0 2.4rem; 
--summaryHeadingFontSize:var(--fontSizeH4); 
--galleryBlockVideoIconHeight:9.6rem; 
--galleryBlockVideoIconWidth:9.6rem; 
--galleryBlockVideoIconColor:#ffffff; 
--formDividingLineWidth:0; 
--formFieldGap:2rem; 
--lightGalleryCloseIconHeight:5rem; 
--lightGalleryCloseIconWidth:5rem; 
--popupCloseIconHeight:5rem; 
--popupCloseIconWidth:5rem; 
--modalCloseButtonSize:7rem; 
--galleryBlockItemBackground:#00000000; 
--galleryBlockItemBorderWidth:0rem; 
--galleryBlockItemBorderRadius:0rem; 
--buttonPrimaryBorderWidth:0rem; 
--buttonSecondaryBorderWidth:0rem; 
--buttonTertiaryBorderWidth:0rem; 
--primaryHeaderLinkColorHighlight:#ff9626; 
--formFieldPadding:1rem; 
--formFieldSelectPadding:1rem 4rem 1rem 1rem; 
--formFieldCheckboxSize:2rem; 
--formFieldCheckboxSelectedBorderRadius:0; 
--formFieldCheckboxSelectedSize:2rem; 
--formNavigationTopSpacing:2rem; 
--accordionBlockOverlayGradientEndColor:#00000070; 
--accordionBlockOverlayClosedBackgroundHorizontal:#00000050; 
--accordionBlockHeadingFontSize:2rem; 
--globalHeaderLogoWidthCompressed:6rem; 
--plaionFontFamilyDefault:Oswald, CheddarGothic, Helvetica, Arial, sans-serif; 
--globalHeaderBackgroundColor:#1a1a1a; 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--languagePickerFontWeight:400; 
--ageGateInputColor:#fffceb; 
--ageGateInputColorHighlight:#fffceb; 
--footerGlobalLogoImageHeight:10rem; 
--footerGlobalTaglineFontSize:1.5rem; 

}

/*--------------------GLOBALMENU-------------------------------*/
#global-header-dropdown .link__icon{
    width:1.1rem;
}
.global-header{
    background-color:#1a1a1a;
    font-family:Oswald, CheddarGothic, Helvetica, Arial, sans-serif;
    border-bottom:1px solid #cccccc10;
    text-transform:uppercase;
}
.nav-dropdown .link--default{
    text-decoration:none;
}
.membership__link{
    font-weight:400;
    letter-spacing:0.1rem;
    text-decoration:none;
}
.nav-dropdown__btn {
    text-transform: uppercase;
}
.social-links__item-link:after{
    color:#ff2031;
    background-color:#474747;
    width:3rem;
}
/*--------------------GLOBALFOOTER-------------------------------*/
.footer-global__links {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform:Uppercase;
}
.footer-global__tagline{
    font-family: Archivo, Helvetica, Arial, sans-serif;
}
.footer-global__copyright{
    font-family: Archivo, Helvetica, Arial, sans-serif;
}
/*---------------------------------------------------------*/
.footer-segment__legals {
    max-width:600px;
}
.text--primary-emphasis{
    text-transform:uppercase;
}
.lg-toolbar{
    background-color:#141513;
}
.popup__close{
    background-color:#141513;
}
.lg-icon{
    background-color:#00000000;
}
.btn--primary:hover .link__icon{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(90%);
}
.btn--secondary:hover .link__icon{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(90%);
}
.grid__item:hover{
    transform:scale(1.05);
    transition-duration:.3s;
    transition-timing-function:0, 0, .18, 1;
}
.featured-nav__link:hover .link__text{
    color:#fffceb;
}
#saints p, #features p, #factions p {
    font-size:1.4rem;
    line-height:2rem;
}
