@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
	--primary: #e61e25;
}

body {
	background: #14243e url(../images/bg-main.jpg?v=002) no-repeat;	
	font-family: 'Poppins', sans-serif;
	background-size: 100%;
}

a {
	cursor: pointer;
	color: var(--primary);
	text-decoration: none;
}

.mobile {
	display: none !important;
}

h1,h2,h3,h4 {
	text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
}

header .logo {
	max-width: 350px;
	width: 100%;
	padding: 0 0 1rem 0;
}

.primary {
	color: var(--primary) !important;
}

.primary-bg {
	background: var(--primary) !important;
	border: 1px solid var(--primary) !important;
}

.call-free {
	color: #fff;
	text-transform: uppercase;
}

.main .container {
	padding: 1rem;
  background: rgba(0,0,0, 0.3);
	border-radius: .5rem;
}

.container {
	max-width: 1140px;
}

	.carousel-indicators .active {
		background-color: var(--primary);
	}

.quick-access h3 {
	font-weight: 900;
  font-style: italic;
  line-height: .8;
	padding-top: 6rem;
	padding-bottom: 2rem;
	font-size: 3rem;
}

.quick-access .card.reports {
	background: url(../images/btn-reports.jpg);
	background-size: cover;
}

.quick-access .card.casino {
	background: url(../images/btn-casino.jpg);
	background-size: cover;
}

.quick-access .card.rules {
	background: url(../images/btn-rules.jpg);
	background-size: cover;
}

.modal h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 1rem;
    color: var(--primary);
}


	footer.main-footer {
		font-size: 11px;

	}


	.btn-circle-odds.btn-xl {
		width: 70px;
		height: 70px;
		padding: 1rem;
		border-radius: 50%;
		font-size: 1rem;
		line-height: 1;
		z-index: 1030;
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		transition: all .25s ease 0s;
	  }

	  .btn-circle-odds:focus {
		outline: none !important;
		box-shadow: none !important;
	 }
	  
	  #modal-live-odds{
	  
	  z-index: 99999;
	  
	  }


@media only screen and (max-width: 568px) { 

	.mobile {
		display: block !important;
	}

	.hero {
		display: none;
	}

	.login h2 {
		text-transform: uppercase;
		color: #fff;
	  font-weight: 700;
	  font-style: italic;
	}

	.mobile-container {
		padding: 1rem !important;
		margin-top: 25%;
	} 



}