/* Webfonts */


@font-face {
  font-display: swap; font-family: 'SWRSans-Regular'; font-style: normal; font-weight: normal; 
  src: url(fonts/SWRSans-Regular.woff2) format("woff2"), url(fonts/SWRSans-Regular.woff) format("woff");
}

@font-face {
  font-display: swap; font-family: 'SWRSans-Medium'; font-style: normal; font-weight: normal; 
  src: url(fonts/SWRSans-Medium.woff2) format("woff2"), url(fonts/SWRSans-Medium.woff) format("woff");
}

@font-face {
  font-display: swap; font-family: 'SWRSans-Bold'; font-style: normal; font-weight: normal; 
  src: url(fonts/SWRSans-Bold.woff2) format("woff2"), url(fonts/SWRSans-Bold.woff) format("woff");
}

@font-face {
  font-display: swap; font-family: 'SWRSans-Black'; font-style: normal; font-weight: normal; 
  src: url(fonts/SWRSans-Black.woff2) format("woff2"), url(fonts/SWRSans-Black.woff) format("woff");
}




/*=============================================================================*/



/* CSS-Reset */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; font-family: 'SWRSans-Medium', sans-serif; }

html, body ( min-width: 100vw; min-height: 100vh; )

body { line-height: 1.3; -webkit-font-smoothing: antialiased; }

img, picture, video, canvas, svg { display: block; /* max-width: 100%; */ height: auto; }

input, button, textarea, select { font: inherit; }

p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

button { padding: 10px; }

#root, #__next { isolation: isolate; }



/*=============================================================================*/


html { font-size: 16px; }

body { background-color: #000a28; color: #fff; }
body * { box-sizing: border-box; /*font-size: 16px;*/ font-family: 'SWRSans-Medium', sans-serif; }


img { display: inline-block; width: 100%; height: auto; }

strong { font-size: 1em; font-family: 'SWRSans-Black', sans-serif; }


::-ms-input-placeholder { font-family: 'SWRSans-Medium', sans-serif; }
::placeholder { font-family: 'SWRSans-Medium', sans-serif; }




.site .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgb(0 0 0 / 20%); color: #21759b;  display: block; font-size: 14px; font-weight: 700; left: -9999em; outline: 0; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; }

.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important; }



button { padding: 0.75em 1.25em; box-shadow: none; border: none; cursor: pointer; color: #fff; font-size: 1rem; border-radius: 4px; background: #5324b9; /* color: var(--main-color); background-color: rgba(0, 0, 0, 0.3); */ }

button:hover { background: #5324b9; color: #fff; }

button:focus { outline: none; }