:root {
        --cta-link-color: #0578d6;
        --cta-link-lighter-color: #1293fa;
}

body {
	font-family: 'Lato', 'Times New Roman';
	font-size: 20px;
	margin: 0;
	padding: 0 0 5em 0;
	color: #333;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.07;
	font-weight: 900;
}

h1 {
	font-size: 2.3em;
}
	h1 strong {
		color: var(--cta-link-lighter-color);
		font-weight: 900;
	}
h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h5 {
	font-size: .65em;
}

h6 {
	font-size: .9em;
}

a {
	color: var(--cta-link-color);
	text-decoration: none;
}
	.cta {
		color: #fff;
		font-size: .8em;
		font-weight: bold;
		cursor: pointer;
		background: #0576d1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
		height: 48px;
		border: 0;
	}

	a.next {
		font-weight: 900;
	}
		a.next:after {
			content: url('/00000000000000000000000000000000/img/link-arrow-right.svg');
			padding-left: .5em;
		}
		main.product p a, main.product a.next, section.dark a.next {
			color: var(--cta-link-lighter-color);
		}
			main.product a.next:after, section.dark a.next:after {
				content: url('/00000000000000000000000000000000/img/link-arrow-lighter-right.svg');
			}
	main p a {
		text-decoration: underline;
	}

blockquote {
	font-family: serif;
}

code {
	font-size: .8em;
}


dl, ol, ul, li {
	margin: 0;
	padding: 0;
}
	dl, ol, ul {
		list-style-type: none;
	}

figure {
	margin: 0;
	padding: 0;
}

p {
	font-size: .9em;
	line-height: 1.5;
}

header, #hero {
	background: #051b31;
	color: #fff;
}
	header a, nav a, #hero a {
		color: #fff;
	}

header .container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
	header .container #nav-desktop {
		height: 48px;
		padding: 11px 0;
	}

header .banner {
	color: #333;
	text-align: center;
	font-size: .75em;
	font-weight: bolder;
	display: flex;
	flex-direction: row;
	padding: .75em;
	background-color: #BBDAF2;
}
	header .banner span {
		flex: 1;
	}
	header .banner a {
		color: inherit;
		text-decoration: underline;
	}
	header .banner button {
		font-weight: bold;
		cursor: pointer;
		border: 1px solid #051b31;
		background: rgba(255,255,255,.5);
		margin-left: 1em;
		padding: 2px 8px;
		border-radius: 4px;
	}

:focus {
	outline: none;
}



#nav-desktop {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
#nav-desktop a {
	display: flex;
	justify-content: center;
	align-items: center;
}
	#nav-desktop .logo {
		position: relative;
		top: 1px;
		padding: 5px 10px 5px 0;
		margin-right: 30px;
	}
	#nav-desktop .menu {
		display: none;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background: url('/00000000000000000000000000000000/img/icons/menu.svg') center center no-repeat;
		background-size: 65%;
	}

#nav-desktop > ul {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}
	#nav-desktop > ul a {
		font-size: .8em;
		font-weight: 900;
		min-width: 50px;
		height: 30px;
		padding: .25em .5em;
		margin: 0 .5em;
		border: 1px solid transparent;
	}

	body.about nav a.about,
	body.catalog nav a.catalog,
	body.code-of-conduct nav a.code-of-conduct,
	body.news nav a.news, body.article nav a.news,
	body.careers nav a.careers,
	body.contact nav a.contact,
	body.features nav a.features,
		body.sportsbook-express-links nav a.sportsbook-express-links,
		body.dynamic-odds nav a.dynamic-odds,
		body.game-tiles nav a.game-tiles,
		body.polling-tiles nav a.polling-tiles,
		body.intelligent-hyperlinking nav a.intelligent-hyperlinking,
		body.hosted-odds nav a.hosted-odds,
		body.futures nav a.futures,
		body.score-strip nav a.score-strip,
		body.bet-hunter nav a.bet-hunter,
		body.league-scoreboard nav a.league-scoreboard,
		body.prop-center nav a.prop-center,
		body.props-table nav a.props-table,
		body.odds-api nav a.odds-api,
	body.privacy nav a.privacy,
	body.team nav a.team,
	body.terms nav a.terms
	{
		color: var(--cta-link-color);
	}

#nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: #051b31;
	padding-top: 70px;
	box-sizing: border-box;
	cursor: pointer;
}
	#nav-mobile > ul {
		overflow-y: scroll;
		height: 100%;
	}
	#nav-mobile a, #nav-mobile .expander {
		font-size: 7vw;
		font-weight: 900;
		display: flex;
		align-items: center;
		padding: 15px 30px;
		border-top: 1px solid #333;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
		#nav-mobile .features .expander {
			color: #fff;
			background: url('/00000000000000000000000000000000/img/icons/expand-more.svg') 95% center no-repeat;
			background-size: 1.5em;
		}
			#nav-mobile .features ul {
				display: none;
			}
			#nav-mobile .features ul a {
				font-size: 5vw;
				padding-left: 2em;
			}

		#nav-mobile > ul > li:nth-last-child(-n+3) a {
			font-size: 5vw;
		}



main {
	padding: 1.5em 0;
}



article {
	font-size: 16px;
}

	article h2 {
		margin-top: 1.5em;
	}
	article h3 {
		font-size: 1.3em;
		margin-top: 1em;
	}

	article h4, article h4 + p {
		margin-left: 2rem;
	}


	article p {
		line-height: 1.4;
		margin: 0 0 1em 0;
	}
	article ul {
		list-style-type: circle;
		padding: .25em 1em 0 1em;
	}
	article li {
		padding-bottom: .5em;
	}
	article a {
		text-decoration: underline;
	}



body.home {
}
	body.home h1 {
		font-size: 2.7em;
	}
	body.home h2 {
		font-size: 2.4em;
	}

	body.home section {
		padding: 6em 0;
		justify-content: center;
		align-items: center;
	}
		body.home section.dark {
			color: #fff;
			background: #051b31;
		}
		body.home section.light {
			background: #fff;
		}
			body.home section.light p {
				color: #6a778b;
			}
			body.home section.light + section.light {
				padding-top: 0px;
			}

	body.home section > div {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 5%;
	}
		body.home section > div a img {
			margin-left: .25em;
		}
		body.home section > div > div {
			display: grid;
			grid-template-columns: 80px 1fr;
		}
			body.home section > div > div:first-of-type {
				margin-top: 32px;
				margin-bottom: 16px;
			}
			body.home section > div > div:last-of-type {
				margin-top: 32px;
				margin-bottom: 32px;
			}
			body.home section > div > div h4 {
				font-size: .9em;
				padding-bottom: .25em;
			}
			body.home section > div > div img {
				grid-row: 1 / 4;
			}
			body.home section > div > div p {
				margin: .5em 0;
				padding: 0;
			}

	body.home section.regulatory h2 {
		color: #333;
		font-size: 2.4em;
		text-transform: none;
	}
	body.home section.regulatory > div {
		display: flex;
		flex-direction: column;
	}
	body.home section.regulatory > div > * {
		padding: 0 15%;
		text-align: center;
	}
	body.home section.regulatory p {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	body.home section.regulatory ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
		grid-gap: 1em;
		font-size: .85em;
	}
		body.home section.regulatory ul li {
			margin: 0 .5em;
			text-align: center;
		}
		body.home section.regulatory ul li img {
			width: 60px;
			height: 60px;
		}
		body.home section.regulatory ul li p {
			margin: 0;
			padding: 0;
		}


	body.home #hero {
	}
		@media (min-width: 640px) {
			body.home #hero {
				background: url('/00000000000000000000000000000000/img/hero-background.jpg') #051b31 center center no-repeat;
				background-size: cover;
			}
		}
		@media (max-width: 640px) {
			body.home #hero {
				background-color: #072646;
			}
		}

	body.home #hero .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		place-items: center;
		max-width: 1000px;
	}
		body.home #hero .container > div {
			padding: 2em 0;
		}
		body.home #hero .container p {
			font-size: .95em;
			max-width: 575px;
		}

		body.home #hero .container > img {
			grid-area: 1 / 2 / 2 / 3;
			width: 421px;
			height: 571px;
		}

		body.home #hero .customers {
			display: grid;
			grid-template: 65px 65px / repeat(6, 1fr);
			place-items: center;
			padding: 20px 0 50px 0;
			grid-area: 2 / 1 / 3 / 3;
			min-height: 150px;
		}
			body.home #hero .customers li {
				min-height: 75px;
				display: grid;
				place-items: center;
			}
			body.home #hero .customers img {
				width: 18vw;
				max-width: 120px;
				margin: 0 2vw;
			}

	body.home h2 {
		color: #6a778b;
		font-size: .65em;
		text-transform: uppercase;
		padding-bottom: .8em;
	}
		body.home section.dark h2 {
			color: #a6a6a6;
		}
	body.home h3 {
		font-size: 2.4em;
	}


	body.home p {
		line-height: 1.5em;
	}
	body.home section a {
		font-weight: 900;
	}

	body.home aside {
		grid-column: 2 / 3;
		grid-row: 1 / 5;
		place-self: center;
	}
		body.home section:nth-of-type(2) aside {
			grid-column: 1 / 2;
			grid-row: 1 / 6;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			height: 100%;
		}
			body.home section:nth-of-type(2) aside figure + figure {
				display: inline;
				margin-top: 2em;
			}

		body.home aside figure {
			color: #fff;
			background: #04233f;
			padding: 36px 24px;
			border-radius: .25em;
			justify-self: center;
		}
			body.home aside figcaption {
				color: #9ba7b2;
				text-transform: uppercase;
				font-size: .55em;
				font-weight: 900;
				cursor: default;
			}

		body.home aside img {
			max-height: 350px;
		}

		body.home section blockquote {
			margin: 1em 1em 0 1em;
		}
			body.home section.light blockquote p {
				color: #fff;
			}
		body.home section figure p +  p {
			margin-bottom: 0;
		}

	body.home section.not-convinced div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		body.home section.not-convinced h2 {
			flex: .7;
			color: #fff;
			font-size: 1.6em;
			text-transform: none;
			padding: 0;
		}


body.about, body.contact, body.team {
}
	main.subpage container {
		display: flex;
	}

	main.subpage section {
		display: grid;
		min-height: 500px;
		grid-template-columns: 2fr 3fr;
		margin: 3em auto 0 auto;
	}
		main.subpage section > * {
			padding: 1em 2em;
		}
		main.subpage section > div {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		main.subpage section > *:last-child {
			border-left: 1px solid #1293fa;
		}


	main.subpage h1 {
		display: flex;
	}

	main.subpage form {
		display: flex;
		flex-direction: column;
	}
		main.subpage form label {
			font-weight: 900;
			text-transform: uppercase;
			font-size: .65em;
			color: #6a778b;
			margin: 1em 0 .25em .5em;
		}
		main.subpage form input[type=text], main.subpage form select, main.subpage form textarea {
			font-size: 1em;
			padding: .5em;
			margin-bottom: 1em;
		}
			main.subpage form textarea {
				height: 5em;
			}
		main.subpage form input[type=submit] {
			margin: 1em auto 0 auto;
		}

body.catalog {
}

	body.catalog .container > select {
		font-size: 1em;
		padding: .25em;
	}
	body.catalog #catalog-show-games-without-odds {
		margin-left: 2em;
	}
	body.catalog label {
		cursor: pointer;
	}

	body.catalog .explainer p {
		text-align: right;
		font-style: italic;
	}


	body.catalog .intro {
		background: url('/00000000000000000000000000000000/img/hero-background.jpg') #051b31 center center no-repeat;
		background-size: cover;
		color: #fff;
	}
		body.catalog .intro .container {
			display: flex;
			height: 100%;
			flex-direction: column;
		}

		body.catalog .intro h1 {
			margin-top: 1em;
		}

		body.catalog .intro ul {
			display: flex;
			margin-top: 2em;
		}
			body.catalog .intro li {
				font-size: 1em;
				font-weight: 900;
				min-width: 100px;
				padding: 0 25px;
				height: 60px;
				cursor: pointer;
				position: relative;
				top: 3px;
				transition: .1s all;
				display: grid;
				place-items: center;
			}
			body.catalog .intro li.on {
				background: #fff;
				top: 0px;
			}

		body.catalog .intro li a {
			color: #fff;
			padding: 0 25px;
		}
			body.catalog .intro li.on a {
				color: #333;
			}


	body.catalog .catalog-player-search {
	}
		body.catalog .catalog-player-search label {
			margin-left: 3rem;
			padding-right: .5rem;
			font-weight: bold;
		}
		body.catalog .catalog-player-search input[type='textbox'] {
			font-size: 1rem;
			padding: .25rem;
		}

	body.catalog main .container > strong {
		margin-top: 1.5em;
		margin-bottom: .5em;
		display: block;
	}

	body.catalog main .embeds {
		border-bottom: 1px solid #ccc;
	}

	body.catalog main .embeds > li {
		display: grid;
		grid-template:
			"time title"		auto
			"gameID title"		auto
			"section section"	auto
			/ 5em auto;

		padding: 1em 1em 1em .5em;
		border: 1px solid #ccc;
		border-bottom: none;
		background: url('/00000000000000000000000000000000/img/icons/catalog-expand-more.svg') 99% 1em no-repeat;
		background-size: 2em;
	}
		body.catalog main .embeds > li > div {
			grid-area: title;
			font-weight: 900;
			cursor: pointer;
			align-self: center;
		}
			body.catalog main.games .embeds > :not(li.on) > div {
				font-weight: normal;
			}

		body.catalog main .embeds > li.expanded {
			background-image: url('/00000000000000000000000000000000/img/icons/catalog-expand-less.svg');
		}

		body.catalog main .embeds > li time, body.catalog main .embeds > li > em {
			width: 5rem;
			text-align: center;
			margin-right: 1em;
		}
			body.catalog main li time {
				height: 1em;
				cursor: pointer;
			}
			body.catalog main .embeds > li > em {
				display: inline-block;
				grid-area: gameID;
				padding-top: .75em;
				color: #999;
				font-size: 65%;
				font-style: normal;
				user-select: all;
			}

		body.catalog main .embeds > li section {
			margin-top: 1em;
			grid-area: section;
			display: grid;
			grid-template-columns: 580px 1fr;
		}

			body.catalog main .embeds > li section dl {
				margin-left: 1em;
				width: 600px;
			}
				body.catalog main .embeds > li section dl dt {
					display: inline-block;
					font-weight: bold;
					font-size: .85em;
					min-width: 160px;
					margin: .75em 0;
				}
				body.catalog main .embeds > li section dl dd {
					display: inline;
					margin: 0;
				}
					body.catalog main .embeds > li section dl dd:after {
						display: block;
						content: "";
					}

				body.catalog main .embeds > li section dd > select, body.catalog main .embeds > li section li > select, body.catalog main .embeds li section dd > input[type=text] {
					font-size: .8em;
					padding: 0.4em;
					width: 350px;
					box-sizing: border-box;
				}

			body.catalog main .embeds > li section dl .row-embed {
				margin-bottom: 1em;
			}
			body.catalog main .embeds > li section dl .row-hide {
				display: none;
			}
			body.catalog main .product-width, body.catalog main .product-height {
				width: 35px;
			}
			body.catalog main .embeds .row-modifiers {
			}
				body.catalog main .embeds .row-modifiers a {
					text-decoration: underline;
					cursor: pointer;
					font-size: 75%;
					margin-left: .5em;
				}

		body.catalog main .embeds > li section figure {
			margin-bottom: 1em;
		}
			body.catalog main .embeds > li section figure > p {
				width: 450px;
			}
			body.catalog main .embeds > li section figure > p > div {
				display: inline;
				color: transparent;
				text-shadow: 0 0 2px rgba(153,153,153,1);
			}
			body.catalog main .embeds > li section figure > p > span {
				font-weight: bold;
			}

	body.catalog main.games {
	}

	body.catalog main.sports {
	}
		body.catalog main.sports ul.embeds > li > div {
			grid-area: title;
			font-weight: 900;
		}

	body.catalog main.teams {
	}
		body.catalog main.teams .embeds li img {
			place-self: center;
		}

	body.catalog main.players {
	}
		body.catalog main.players .embeds li img {
			place-self: center;
		}


	body.catalog .metabet-propssummarytile:not(.metabet-size-xs) {
		font-size: 20px;
	}

	body.catalog .metabet-ruwtsports-rankings a, body.catalog .metabet-ruwtsports-standings a {
		text-decoration: underline;
	}


body.careers {
}

	body.careers main.subpage section > div {
		justify-content: flex-start;
	}
		body.careers main.subpage section > div:first-child {
		}
			body.careers main.subpage section > div:first-child a {
				margin-top: 1em;
				text-decoration: underline;
			}

	body.careers main h3 {
		margin-bottom: .25em;
	}

	body.careers main p {
		margin-top: 0;
		line-height: 1.5;
	}
	body.careers main div > strong {
		display: block;
		margin-top: 1em;
		margin-bottom: .5em;
	}

	body.careers main ul {
		flex-direction: column;
		padding-bottom: 1.5em;
	}
		body.careers main ul li {
			max-width: none;
			list-style-type: disc;
			text-align: left;
			margin-left: 1em;
			padding: .25em 0 0 0;
		}


body.hosted-odds main .container, body.bet-hunter main .container, body.league-scoreboard main .container, body.prop-center main .container, body.props-table main .container, body.score-strip main .container {
	display: block;
}
body.hosted-odds main .container p, body.bet-hunter main .container p, body.league-scoreboard main .container p, body.prop-center main .container p, body.props-table main .container p, body.score-strip main .container p {
	max-width: 100%;
}


body.bet-hunter {
}
	.metabet-parlay-calculator-games li {
		padding: 1em;
	}


body.news {
}
	body.news main section div {
		justify-content: flex-start;
	}
	body.news main ul {
	}
		body.news main ul li {
			margin-bottom: 1em;
			padding-bottom: 1em;
		}
		body.news main ul a {
			font-size: 1em;
			font-weight: bold;
		}
		body.news main ul p {
			font-size: .8em;
			margin: .25em 0 0 0;
		}
		body.news main ul li > em {
			font-size: .7em;
			font-style: normal;
		}

body.parlay-builder {
}
	body.parlay-builder main.product .container {
		display: block;
		padding: 2em 0;
	}
	body.parlay-builder h1 {
		padding-bottom: 1em;
	}
	body.parlay-builder .instructions {
		display: flex;
		flex-direction: row;
	}
		@media (max-width: 640px) {
			body.parlay-builder .instructions {
				flex-direction: column;
			}
		}
		body.parlay-builder .instructions > :first-child {
			flex: 2;
		}
		body.parlay-builder .instructions > :last-child {
			flex: 1;
			display: flex;
			justify-content: center;
		}

	body.parlay-builder dl {
		font-size: 1.25em;
	}
		body.parlay-builder dt {
			font-weight: bold;
			display: flex;
		}
			body.parlay-builder dt label {
				flex: 1;
			}
			body.parlay-builder dt em {
				font-style: normal;
				font-size: .75em;
				padding-left: .5em;
			}
			body.parlay-builder dt a {
				cursor: pointer;
				font-size: .65em;
				place-self: center;
			}
		body.parlay-builder dd {
			margin: 0;
			padding: .25em 0 1em 0;
		}
		body.parlay-builder dd input {
			font-size: 1em;
			padding: .25em;
			width: 300px;
		}


body.products {
}

	body.products main h1 {
		margin-top: .5em;
	}
	body.products main h2 {
		margin: 2em 0 .5em 0;
	}
	body.products main .container {
		max-width: 1080px;
	}
	body.products main ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
		grid-gap: 2rem;
	}
		@media (max-width: 1000px) {
			body.products main ul {
				grid-template-columns: 1fr;
			}
		}
	body.products main li {
		text-align: left;
		display: block;
		padding: 6%;
		max-width: none;
		background: #f2f9ff;
	}
	body.products main li a {
		font-size: 1.25em;
		font-weight: 900;
		font-family: 'Lato', sans-serif;
	}
		body.products main li a:after {
			content: url("/img/link-arrow-right.svg");
			padding-left: 0.5em;
		}


body.team {
}

	body.team section ul {
		display: grid;
		grid-template:
			"mark mark"
			"dan leah" auto
			/ 1fr 1fr;
	}
		body.team section ul li {
			flex: 1;
			text-align: center;
			padding: 2em .5em .5em .5em;
			max-width: 200px;
			place-self: center;
		}
		body.team section ul img {
			border-radius: 5%;
			max-width: 100%;
			max-height: 100%;
			width: auto;
			height: auto;
			margin-bottom: .5em;
		}


		body.team section ul li:nth-child(1) {
			grid-area: mark;
			place-self: center;
		}
		body.team section ul li:nth-child(2) {
			grid-area: dan;
		}
		body.team section ul li:nth-child(3) {
			grid-area: leah;
		}

		body.team section ul em {
			font-size: .75em;
			font-style: normal;
		}


body.wordpress {
}

	body.wordpress main h2 {
		margin-bottom: .5rem;
	}
	body.wordpress main h3 {
		margin: 2.5rem 0 .5rem 0;
	}
	body.wordpress dt, body.wordpress dl {
		margin: .25rem 0;
	}
	body.wordpress dt {
		font-weight: bold;
		margin-top: 1rem;
	}
	body.wordpress dd {
		font-family: monospace;
	}


main.article {
	font-size: 18px;
	padding-bottom: 10em;
}
	main.article .container {
		max-width: 1080px;
		line-height: 1.6;
	}

	main.article h1 {
		width: 80%;
		margin-top: 1em;
	}
		main.article h1 + em {
			display: block;
			margin-top: .5em;
		}

	main.article .hero {
		margin: 3em 0 2em 0;
		width: 100%;
	}

	main.article hr {
		border: 0;
		height: 1px;
		margin: 3em 0;
		background: #999;
		background-image: linear-gradient(to right, #ccc, #999, #ccc);
	}

	main.article p {
		margin-top: .25em;
	}

	main.article h2 {
		font-size: 1.25em;
		margin-top: 2em;
	}


main.product {
	background: url('/00000000000000000000000000000000/img/hero-background.jpg') #051b31 center center no-repeat;
	background-size: cover;
	color: #fff;
}
	main.product .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		grid-gap: 5%;
		place-items: center;
	}
		main.product .container h1 {
			display: flex;
			align-items: center;
		}
		main.product .container > div {
			padding: 2em 0;
		}
		main.product .container p {
			max-width: 575px;
		}

		main.product .container > img {
			grid-area: 1 / 2 / 2 / 3;
			max-width: 500px;
			max-height: 500px;
		}

	main.product aside {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	body.odds-api main.product aside {
		max-width: 500px;
		background: #fff;
		padding: 0;
		border-radius: .25em;
	}
		body.odds-api main.product aside pre {
			width: 100%;
			height: 350px;
			overflow-y: scroll;
			overflow-x: hidden;
			font-size: 12px;
			color: #111;
			margin: 0;
			border: solid #fff;
			border-width: 1em 0 1em 1em;
		}

	section.product {
		background: #eee;
		padding: .5em;
	}


.carousel {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.carousel-items {
	position: relative;
	width: 100%;
	height: 100%;
}
	.carousel-items li {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		justify-content: center;
	}
		.carousel-items li.on {
			display: flex;
		}

	.carousel-items blockquote {
		background: #fff;
		color: #333;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 1em;
		border-radius: .25em;
		box-sizing: border-box;
	}
		.carousel-items p {
			margin: 0;
		}

.carousel-nav {
	margin-top: 2em;
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #ccc;
}
	.carousel-nav button {
		color: #ccc;
		font-size: 70%;
		font-weight: 700;
		margin: 0 4em 0 0;
		padding: 0 0 .5em 0;
		background: transparent;
		border: 0;
		outline: 0;
		cursor: pointer;
		position: relative;
		top: 1px;
		border-bottom: 1px solid transparent;
		transition: .5s all;
	}
		.carousel-nav button.on {
			color: var(--cta-link-lighter-color);
			border-bottom-color: #1293fa;
		}
		.carousel-nav button:last-child {
			margin-right: 0;
		}


footer .container {
	display: flex;
	flex-direction: column;
	font-size: 13px;
	padding-top: 70px;
}
	footer a {
		color: #051b31;
	}
	footer .container > ul:first-child {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: 80%;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	footer ul li strong {
		color: #333;
		font-size: 1.6em;
		font-weight: 900;
		display: block;
		padding-bottom: 5px;
	}

	footer ul ul li {
		padding: 5px 0;
	}
		footer ul ul li a {
			color: #6a778b;
			font-weight: normal;
			height: 26px;
			display: inline-flex;
			align-items: center;
		}
			footer ul ul li a:nth-child(2), footer ul ul li a:nth-child(3) {
				margin-left: 10px;
				padding-left: 10px;
				border-left: 1px solid #ddd;
			}


	footer .footer {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-top: 2em;
		border-top: 1px solid #cdd7e0;
	}
		footer .footer li {
			color: #6a778b;
		}
			footer .footer li a {
				color: #6a778b;
				padding: 1em;
			}

	footer .responsible-gaming {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 2em;
		color: #6a778b;
	}
		footer .responsible-gaming span {
			text-align: center;
		}
		footer .responsible-gaming a {
			color: #6a778b;
		}
		footer .responsible-gaming img {
			margin-top: 1em;
		}

.container {
	width: 1440px;
	display: block;
	margin: 0 auto;
}



@media (max-width: 1500px) {
	.container {
		width: 90%;
	}
}

@media (max-width: 1200px) {
	body {
		font-size: 19px;
	}
	footer .container > ul:first-child {
		justify-content: space-between;
	}
}

@media (max-width: 1000px) {
	body.home #hero .customers {
		grid-template: auto auto auto / repeat(4, 1fr);
		padding: 0 0 20px 0;
	}
}

@media (max-width: 800px) {
	body {
		font-size: 18px;
	}

	#nav-desktop {
		justify-content: space-between;
	}
		#nav-desktop .cta {
			display: none;
		}

	body.home section > div {
		display: block;
	}
	body.home #hero .container {
		display: flex;
		flex-direction: column;
	}
	body.home #hero .container > img {
		display: none;
	}
	aside {
		margin-top: 2em;
		display: flex;
		justify-content: center;
	}

	body.home section.regulatory div {
		display: block;
	}
	body.home section.regulatory div > * {
		padding: 0;
		text-align: left;
	}
	body.home section.regulatory ul {
		margin-top: 2em;
		grid-template-columns: 1fr 1fr;
	}

	body.home section.not-convinced div {
		display: block;
		text-align: center;
	}
		body.home section.not-convinced .cta {
			margin: 2em auto 0 auto;
		}

	main.article {
	}
		main.article h1 {
			width: 100%;
		}

	main.product .container {
		display: flex;
		flex-direction: column;
        }
		main.product .container > img {
			max-height: 350px;
			max-width: 100%;
			margin: 0 auto;
		}

}

@media (max-width: 640px) {
	body {
		font-size: 16px;
	}
	#nav-desktop .menu {
		display: inline;
	}
	#nav-desktop ul {
		display: none;
	}
	body.show-nav-mobile {
		overflow-y: hidden;
	}
		body.show-nav-mobile header {
			position: absolute;
			width: 100%;
			z-index: 20000;
		}
		body.show-nav-mobile #nav-desktop .menu {
			background-image: url('/00000000000000000000000000000000/img/icons/close.svg');
		}
		body.show-nav-mobile #nav-mobile {
			display: block;
		}

	body.home #hero .customers {
		display: none;
	}
		body.home #hero img.customers-all-mobile {
			grid-area: 2 / 1 / 3 / 3;
			display: inline !important;
			width: 95%;
			height: auto;
			aspect-ratio: 986/359;
			margin-bottom: 2em;
		}

	body.team section ul {
		display: flex;
		flex-direction: row;
	}
		body.team section ul li {
			place-self: auto !important;
		}

	main.subpage section {
		margin: 0;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}
		main.subpage section > * {
			padding: 0;
		}
		main.subpage section > *:last-child {
			margin-top: 1em;
			border: none;
		}

	article {
		padding: 0 20px;
	}
	footer .container ul:first-of-type {
		display: none;
	}
		footer .footer {
			display: flex;
			flex-direction: column;
		}
		footer .footer li {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

}


