* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	background-image: url('../images/bg.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;

	font-family: 'Roboto', sans-serif;
	font-weight: 400;

	font-style: normal;
}
a {
	text-decoration: none;
}
h3 {
	color: #fff;
}

#disclaimer {
	overflow: hidden;
	float: center;
	text-align: center;
	position: fixed;

	top: 0;
	width: 100%;
	z-index: 100000;
	border-bottom: 1px solid transparent;
	border-image-slice: 1;
	border-width: 1px;
	background: rgb(181, 98, 98);
}

#disclaimer p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

#disclaimer img {
	width: 30px;
}

#cookie-notice {
	position: fixed;
	bottom: 0;
	width: 60%;
	background-color: rgb(181, 98, 98);
	color: white;
	padding: 15px;
	border-radius: 5px;
	z-index: 1000;
	text-align: center;
}

#cookie-accept {
	background-color: #fff;
	color: #000;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 10px;
}

#disclaimer p {
	color: #ffffff !important;
	font-weight: 500;
	line-height: 28px;
	padding: 5px;
	font-size: 18px;
	margin: 0px !important;
	word-spacing: 0.2px;
}

#disclaimer p > a {
	color: #fff !important;
}

#disclaimer p > a:hover {
	color: #ff0a2b !important;
}
#disclaimer2 {
	overflow: hidden;
	float: center;
	text-align: center;

	top: 0;
	width: 100%;
	z-index: 100000;
	border-bottom: 1px solid transparent;
	border-image-slice: 1;
	border-width: 1px;
	background: #d28800;
}

#disclaimer2 p {
	color: #ffffff !important;
	font-weight: 500;
	line-height: 28px;
	padding: 5px;
	font-size: 16px;
	margin: 0px !important;
	word-spacing: 0.2px;
}

#disclaimer2 p > a {
	color: #fff !important;
}

#disclaimer2 p > a:hover {
	color: #ff0a2b !important;
}

.hero {
	padding-top: 110px;
}

.hero-content {
	padding: 60px 0px 15px 0px;
}

.hero-content > h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 38px;
	margin-bottom: 15px;
	font-weight: 800;
}

.hero-content > h1 > a {
	background-color: #aa06d3;

	padding: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	transition: all 0.5s ease;
}

.hero-content > h1 > a:hover {
	background-color: #331cfc;
}

.hero-content > p {
	color: #000;
	font-size: 17px;
	line-height: 26px;
}

.trust-content {
	display: flex;
	align-items: center;
	gap: 24px;
}

.trust-card {
	display: flex;
	align-items: center;
	gap: 8px;
}

.trust-icon > img {
	width: 28px;
}

.trust-description > p {
	font-weight: 500;
	color: #ffffff;
	word-spacing: 1px;
	letter-spacing: 0.2px;
	font-size: 16px;
	margin-bottom: 0px !important;
}

.link {
	padding: 60px 0;
}

.list-content {
	padding: 60px 0px;
}

.list-content > h2 {
	font-size: 25px;
	font-weight: 700;
	color: #ffffff;
	word-spacing: 1px;

	line-height: 40px;
	margin-top: 25px;
}

.list-content > ul {
	padding: 20px 0px 0px 0px;
}

.list-content > ul > li {
	list-style: circle;
	font-size: 16px;
	font-weight: 400;
	color: #f0f0f0;
	line-height: 26px;
	letter-spacing: 0.2px;
	padding-bottom: 10px;
	padding-top: 3px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.list-content > p {
	font-size: 16px;
	font-weight: 400;
	color: #f0f0f0;
	line-height: 22px;
	letter-spacing: 0.2px;
	padding-bottom: 10px;
	padding-top: 3px;
}

.footer {
	background: black;
	text-align: center;
	position: relative;
	bottom: 0;
	padding: 40px 0px 0px 0px;
}

.footer-link-images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 50px 5px;
}

.footer-link-images img {
	height: 50px;
	padding: 5px 8px 0px 8px;
}

.footer-text-top {
	background-color: #0e1111;
	padding: 30px;
	border-radius: 5px;
	border: 1px solid red;
	color: #ffffff;
	text-align: center;
}

.footer-text-top h3 {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.footer-text-top p {
	font-size: 17px;
	line-height: 1.8;
	font-weight: 400;
}

.footer-list {
	list-style: none;
	padding: 0;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.footer-list li {
	font-size: 22px;
	transition: all 0.5 ease;
	border-bottom: 2px solid transparent;
}

.footer-list li:hover {
	border-bottom: 2px solid #fff;
}

footer img.footer-ico {
	max-width: 130px;
}

img.footer-ico.footer-icon-sm-1 {
	width: 125px;
}

img.footer-ico.footer-icon-sm-2 {
	width: 140px;
}

img.footer-ico.footer-icon-xsm {
	width: 50px;
}

img.footer-ico.footer-icon-sm {
	width: 98px;
}

img.footer-ico.footer-icon-sm-3 {
	width: 62px;
}

.payments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: var(--payment-logo-padding, 0);
	margin: var(--payment-logo-margin, 0);
	background: var(--payment-logo-background, transparent);
}
.payments img {
	display: block;
	width: auto;
	margin: var(--payment-logo-item-margin, 0);
	padding: var(--payment-logo-item-padding, 0);
}

p.footer-p-a {
	font-size: 13px;
	font-weight: 400;
	color: #dddcdc;
	line-height: 24px;
}

p.footer-p-note {
	font-size: 13px;
	font-weight: 400;
	color: #dddcdc;
	line-height: 24px;
}

p.footer-p-a > a {
	color: #ffffff !important;
	text-decoration: underline;
}

p.footer-p-a > a:hover {
	color: #331cfc !important;
	text-decoration: underline;
}

.copyright-text {
	padding: 20px 0px;
	background: #0c0c0c;
}

.copyright-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copyright-context > p {
	color: #e9e9e9;
	font-size: 14px;
	word-spacing: 1.4px;
	letter-spacing: 0.2px;
	font-weight: 400;
	margin: 0px;
}

.copyright-context > p > a {
	color: #e9e9e9;
	text-decoration: underline !important;
	transition: all 0.3s ease-in-out;
}

.copyright-context > p > a:hover {
	color: #331cfc !important;
}

.page-context {
	background: rgba(0, 0, 0, 0.89);
	padding: 40px 0px;
}

.footer-cp-bg {
	padding: 40px 0px;
	position: relative;
	bottom: -15px;
}

.p-txt > h2 {
	font-size: 34px;
	font-weight: 700;
	color: #06d336;
	word-spacing: 1px;

	line-height: 40px;
	margin-top: 5px;
	margin-bottom: 25px;
}

.page-content > h5 {
	font-size: 22px;
	font-weight: 700;
	color: #f8f6f6;
	word-spacing: 1.6px;
	margin: 25px 0px 15px 0px;
}

.page-content > p {
	font-size: 15px;
	font-weight: 400;
	color: #dad8d8;
	line-height: 22px;
	letter-spacing: 0.2px;
	padding-bottom: 15px;
	padding-top: 3px;
}

.page-content > ul > li {
	font-size: 15px;
	font-weight: 400;
	color: #dad8d8;
	line-height: 26px;
	letter-spacing: 0.2px;
	padding-bottom: 10px;
	padding-top: 3px;
}

.page-content > p > a {
	color: #ffffffe5 !important;
	text-decoration: underline !important;
}

.page-content > p > a:hover {
	color: #331cfc !important;
}
/* -------------------------------
  Footer End
---------------------------------- */

body .container {
	width: 1050px;
	max-width: 98vw;
	margin: 0 auto;
	padding: 0 20px;
}

/* @media (min-width: 992px) {
	body .container {
		width: 1050px;
		max-width: 98vw;
		margin: 0 auto;
		padding: 0 20px;
	}
} */

@media only screen and (max-width: 370px) and (min-width: 300px) {
	.star-rating > ul > li {
		font-size: 13px !important;
	}

	.link-votes span {
		font-size: 12px !important;
	}

	.payments-block {
		font-size: 10px;
	}

	.payments-block > p > img {
		width: 18px;
	}

	.bonus span {
		font-size: 15px;
	}

	.link-btn {
		width: 10rem;
		height: 35px;
		font-size: 13px;
	}
}

@media (max-width: 599px) {
	.footer {
		overflow-x: hidden;
	}

	p.item-p-title {
		font-weight: 700 !important;
		line-height: 26px !important;
		font-size: 20px !important;
	}

	.trust-content {
		padding-bottom: 8px;
		margin-top: -14px;
	}

	.trust-description {
		display: flex;
		align-items: center;
		gap: 4px;
		text-align: center;
	}

	.trust-bar-date {
		display: none;
	}

	.trust-icon > img {
		width: 20px;
		height: auto;
	}

	.trust-description > p {
		font-size: 12px;
		letter-spacing: 0px;
		padding: 3px 0px;
		text-align: center;
	}

	.trust-bar {
		align-items: center;
		justify-content: center;
		padding: 10px 5px;
	}

	.trust-content-icon {
		gap: 12px;
	}

	#disclaimer p {
		font-size: 12px;
		letter-spacing: 0px;
		padding: 6px 5px 10px 0px;
		word-spacing: 1px;
	}

	.footer-txt h2 {
		font-size: 22px !important;
		line-height: 35px;
	}

	p.footer-copyright {
		font-size: 14px;
		letter-spacing: 0px;
		margin-top: 20px;
	}

	.footer-link-images {
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 25px;
		gap: 6px;
	}

	.footer-link-images img {
		padding: 5px 8px 10px 8px;
	}

	.footer-cp-bg.pb-3 {
		overflow-x: hidden;
	}

	.navlogo > img {
		width: 268px;
		height: auto;
	}

	.footer-txt.footer-text-2 > h2 {
		font-size: 22px !important;
	}

	section.footer-cp-content {
		overflow: hidden;
	}

	.header.header-d {
		padding: 0px;
	}

	.footer-cp-bg {
		padding: 15px 0px;
		margin-top: 0px;
	}

	#navbar > img {
		width: 260px;
		height: auto;
	}

	.copyright-display {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
		gap: 10px;
	}

	.copyright-context > p {
		color: #e9e9e9;
		font-size: 13px;
		word-spacing: 0.6px;
		letter-spacing: 0px;
		font-weight: 400;
		margin: 0px;
	}

	.item-rat.col-6.col-sm-3.text-center {
		position: relative;
		top: -4px;
		z-index: 99;
	}

	.about-content {
		display: flex;
		gap: 60px;
		flex-direction: column-reverse;
	}

	.payments {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 0px;
		padding: 0px;
		background: var(--payment-logo-background, transparent);
		margin: 0px 0px 30px 0px;
		width: 100%;
	}

	.payments img {
		width: 90px !important;
	}

	.link-logo {
		top: 12px;
	}

	.star-rating > ul > li {
		font-size: 14px;
	}

	.link-votes span {
		font-size: 13px;
		position: relative;
		top: 5px;
	}

	.link-btn {
		-webkit-box-shadow: 0 5px 8px 0 #14121d6b;
		box-shadow: 0 5px 8px 0 #14121d6b;
	}

	.list-content {
		padding: 30px 0px;
	}

	.site-rating {
		margin-bottom: -5px;
		font-size: 24px;
	}

	.hero-content > h1 {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.hero-content > p {
		font-size: 14px;
		line-height: 20px;
	}
}