body {
	font-family: 'Oswald', sans-serif;
	background-image: url(/affiliates-lp/2023/st-pattys-day/images/bg-20-black.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
	overflow-x: hidden;
	background-color: #000000;
}

.f00 {
	width: 100% !important;
}


.logo {
	    max-width: 100%;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fff;
	margin: auto;
	padding: 12px;
	border: 4px solid #c5a728;
	width: fit-content;
	/* height: max-content; */
	block-size: fit-content;
}



/* The Close Button */
.close {
	color: #aaaaaa;
	text-align: end;
	font-size: 28px;
	font-weight: bold;
}

	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}



h2 {
	color: #ffffff;
	font-size: 23px;
	line-height: 23px;
	width: 100%;
	font-weight: 700;
	margin-top: 0.5rem;

}

.bankImg a {
	text-decoration: none;
	padding-right: 24px;
	color: aliceblue;
}

a {
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
}
h1 {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	font-weight: 700;
	margin-top: 0.5rem;
	font-family: 'Oswald', sans-serif;
}
.stars {
	display: none;
}

.img-respon2 {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.afflogostyle {
	display: block;
}

.button-wiggle {
	animation: wiggle 4s 2s infinite;
}

@keyframes wiggle {
	5%, 50% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.9);
	}

	15% {
		transform: scale(1.15);
	}

	20% {
		transform: scale(1.15) rotate(-5deg);
	}

	25% {
		transform: scale(1.15) rotate(5deg);
	}

	30% {
		transform: scale(1.15) rotate(-3deg);
	}

	35% {
		transform: scale(1.15) rotate(2deg);
	}

	40% {
		transform: scale(1.15) rotate(0);
	}
}
.code {
	font-size: 29px;
	line-height: 40px;
	color: #FFF;
	line-height: 40px;
	background-color: #0199ff;
	border-radius: 7px;
	max-width: 255px;
	margin: 15px auto;
	font-family: 'Oswald', sans-serif;
}

.splits {
	margin-bottom: 0px;
	margin-left: -8px;
	z-index: 0;
}

.mainBann {
	display: flex;
	flex-direction: column;
}

	.mainBann .wbp01 {
		display: flex;
		margin: 5px auto 20px;
		max-width: 290px;
		color: #c39d47;
		-webkit-text-stroke: 2px white;
		justify-content: center;
		font-family: 'Oswald', sans-serif;
	}


button {
	background: none;
	border: none;
	color: aliceblue;
	margin-top: 22px;
	-webkit-text-stroke: 0px white;
	background: #111111;
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background-color: ghostwhite;
	background: #bb30ff;
	color: aliceblue;
}

.modal-body {
	position: relative;
	padding: 15px;
	background: #2196f3;
	color: aliceblue;
}
.spinsAmt {
	font-size: 147px;
	line-height: 129px;
	font-family: 'Oswald', sans-serif;
}

.progAmt {
	max-width: 270px;
	margin: auto;
}



.spinsTxt {
	text-align: left;
	font-size: 56px;
	line-height: 61px;
}

.affHead {
	display: flex;
}

.caBtn2 {
	display: block;
	background-color: #0199ff;
	color: #000033;
	font-weight: bold;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	margin: auto;
	border-style: none;
	font-family: 'Oswald', sans-serif;
}

.tcInfo {
	background-color: rgba(0, 0, 0, 0.6);
	color: #b4b4b4;
	font-size: 14px;
	padding: 20px;
}

.progWrap {
	position: relative;
	width: 100%;
	text-align: center;
}

.footycons {
	margin: 20px auto 0;
	bottom: 25px;
	position: relative;
	text-align: center;
}

.wrp2 {
	position: relative;
	display: flex;
	flex-direction: column;
	max-width: 1000px;
	width: 100%;
	margin: auto;
}


.mainBann .wb2 {
	text-align: left;
	font-size: 24px;
	max-width: 244px;
}

.Bann .wb2 {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 23px;
	font-family: 'Oswald', sans-serif;
	background: #f8fbc0;
	background: -moz-linear-gradient(top, #f8fbc0 0%, #b48123 71%, #b48123 100%);
	background: -webkit-linear-gradient(top, #f8fbc0 0%,#b48123 71%,#b48123 100%);
	background: linear-gradient(to bottom, #f8fbc0 0%,#b48123 71%,#b48123 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbc0', endColorstr='#b48123',GradientType=0 );
}

.caBtn {
	display: block;
	background-color: #e43fb3;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	text-align: center;
}

.Bann .wb3 {
	color: #FFF;
	max-width: 255px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	background: #b30140;
	background: -moz-linear-gradient(top, #b30140 0%, #6a1b37 99%);
	background: -webkit-linear-gradient(top, #b30140 0%,#6a1b37 99%);
	background: linear-gradient(to bottom, #b30140 0%,#6a1b37 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30140', endColorstr='#6a1b37',GradientType=0 );
	font-family: 'Oswald', sans-serif;
	padding: 6px;
}

/*-----media queries----------------------------------------------------------------------------------*/
@media (min-width:481px) {
	.mainBann {
		padding: 0 0;
	}

		.mainBann .caBtn {
			margin: 30px auto;
		}

	.splits {
		width: 100%;
		z-index: 0;
		font-family: 'Oswald', sans-serif;
	}

	.mainBann .wbp01 {
		max-width: 350px;
		font-family: 'Oswald', sans-serif;
	}

	.spinsTxt {
		font-size: 85px;
		line-height: 70px;
		font-family: 'Oswald', sans-serif;
	}

	.spinsAmt {
		font-size: 181px;
		line-height: 139px;
	}

	.mainBann .wbp03 {
		font-size: 36px;
		line-height: 40px;
		text-align: center;
		font-weight: 500;
		/*margin-left: 30px;*/
	}

	.code {
		max-width: 285px;
		text-align: center;
		padding: 10px;
		margin: 15px auto;
	}

	.progAmt {
		margin: auto;
	}

	.progTitle {
		position: relative;
		right: unset;
		max-width: 300px;
		margin: auto;
	}

	.spaceMan {
		position: relative;
		margin: auto;
		max-width: 400px;
	}

	.affHead {
		flex-direction: column;
	}

	.stars {
		margin: 10px auto;
		max-width: 300px;
	}

	.logo {
		padding: 10px 0 0;
		/* max-width: 100; */
		margin: auto;
		height: auto;
		width: 416px;
	}


	.mainBann .wb2 {
		text-align: left;
		font-size: 24px;
		max-width: 244px;
	}

	.Bann .wb2 {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 23px;
	font-family: 'Oswald', sans-serif;
	}
}

@media (min-width:768px) {

	.mainBann .wb2 {
		text-align: left;
		font-size: 24px;
		max-width: 244px;
	}

	.Bann .wb2 {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 23px;
	font-family: 'Oswald', sans-serif;
	}
}

@media (min-width:1000px) {
	.mainBann {
		flex-direction: row;
		max-width: 1000px;
		margin: auto;
		font-family: 'Oswald', sans-serif;
	}

		.mainBann .wbp01 {
			margin: 5px 0 20px;
			font-family: 'Oswald', sans-serif;
			color: #c39d47;
			-webkit-text-stroke: 2px white;
			margin-top: 59px;
		}

		.mainBann .wbp03 {
			text-align: left;
			font-family: 'Oswald', sans-serif;
		}

	.code {
		margin: 15px 0;

	}

	.mainBann .caBtn {
		margin: 30px 0;
	}

	.progTitle {
		top: unset;
		left: unset;
		margin: 5px;
	}

	.progAmt {
		margin: 0px;
	}

	.progTitle {
		top: unset;
		left: unset;
		margin: 0 0 0 10px;
		text-align: left;
	}

	.progBlk {
		top: unset;
		left: unset;
	}

	.spaceMan {
		max-width: 480px;
	}

	.progWrap {
		display: flex;
		flex-direction: column;
	}

	.wrp2 {
		top: -60px;
		flex-direction: row;
		
	}




	img {
		vertical-align: middle;
		border-style: none;
	}

	#slotoStarLogo {
		margin: 0;
	}

	.stars {
		margin: 10px 0;
	}

	.mainBann .wb2 {
		text-align: left;
		font-size: 24px;
		max-width: 244px;
	}

	.Bann .wb2 {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 23px;
	font-family: 'Oswald', sans-serif;
	}
}

@media (min-width:1025px) {
	.mainBann {
		max-width: 1200px;
	}

	.afflogo {
		width: 200px;
	}

	.affHead {
		margin: 0 auto;
	}


	.spaceMan {
		max-width: 601px;
	}

	.spinsTxt {
		font-size: 75px;
		line-height: 90px;
		font-family: 'Oswald', sans-serif;
	}

	.mainBann .caBtn {
		max-width: 338px;
		font-family: 'Oswald', sans-serif;
		background: #b30140;
		background: -moz-linear-gradient(top, #b30140 0%, #6a1b37 99%);
		background: -webkit-linear-gradient(top, #b30140 0%,#6a1b37 99%);
		background: linear-gradient(to bottom, #b30140 0%,#6a1b37 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30140', endColorstr='#6a1b37',GradientType=0 );
		color: #FFF;
		font-size: 28px;
		text-decoration: none;
	}

	.Bann .wb3 {
		color: #FFF;
		max-width: 344px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 24px;
		background: #00000096;
	font-family: 'Oswald', sans-serif;
	}
	.spinsAmt {
		font-size: 274px;
		line-height: 166px;
	}

	.wrp2 {
		top: -60px;
		flex-direction: row;
	
		align-items: center;
	}

	.img-respon {
		width: 90%;
		/*margin-top: 82px;*/
	}

	.mainBann .wb2 {
		text-align: left;
		font-size: 24px;
		max-width: 315px;
		font-family: 'Oswald', sans-serif;
		max-width: 315px;
	}

	.Bann .wb2 {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 26px;
	font-family: 'Oswald', sans-serif;
		background: #f8fbc0;
		background: -moz-linear-gradient(top, #f8fbc0 0%, #b48123 71%, #b48123 100%);
		background: -webkit-linear-gradient(top, #f8fbc0 0%,#b48123 71%,#b48123 100%);
		background: linear-gradient(to bottom, #f8fbc0 0%,#b48123 71%,#b48123 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbc0', endColorstr='#b48123',GradientType=0 );
	}

	.wrp2 {
		max-width: 1200px;
	}

	.spaceMan {
		max-width: 601px;
		/*margin-left: -160px;*/
		margin-top: -59px;
	}

	.f00 {
		width: 33.333% !important;
	}
}

@media (min-width:1441px) {


	.mainBann .wb2 {
		text-align: left;
		font-size: 24px;
		max-width: 336px;
		font-family: 'Oswald', sans-serif;
	}


	.Bann .wb2 {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 26px;
		font-family: 'Oswald', sans-serif;
		max-width: 315px;
	}

	.Bann .wb3 {
		color: #FFF;
		max-width: 341px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 26px;
		background: #00000096;
	font-family: 'Oswald', sans-serif;
	}

	/*.Bann .wb {
		color: #b48123;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 23px;
		font-family: 'Oswald', sans-serif;*/
	}


}