@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

html input,
html textarea,
html select,
html button,
html input[type="reset"],
html input[type="button"],
html input[type="submit"],
html input[type="radio"],
html input[type="checkbox"],
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} 

html
{
	height:100%;
}

body
{
	padding:0px;
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-height:100%!important;
	height:auto;
	display: flex;
    flex-direction: column;
    background:url("/images/bg.jpg");
    overflow-x: hidden;
    position: relative;
}

body.no-scroll
{
	overflow: hidden;
}

section.monarch-header
{
	flex: 0 0 auto;
}

section.wrapper
{
	flex: 1 0 auto;
}


footer
{
	width:100%;
	background: #0D2B46;
	padding:40px 0px;
	flex: 0 0 auto;
}

*, *:after, *:before
{
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	outline: none!important;
}

button
{
	position:relative;
	background-color:transparent!important;
}

button:disabled
{
	opacity:.75;
	filter: grayscale(100%);
	animation: loader 2s linear infinite;
}

button:disabled:hover
{
	background:transparent!important;
	box-shadow: none!important;
}

@keyframes loader {
	0% {border-radius: 20px;}
	50% {border-radius: 0px;}
	100% {border-radius: 20px;}
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: #1A3A57!important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea
{
	width:100%;
	padding:10px 12px;
	background-color: #1A3A57!important;
	color:#fff;
	border: 1px solid #284E71;
	border-radius: 5px;
}

textarea
{
	min-height:150px;
}

textarea::-webkit-scrollbar
{
	width:5px;
}

textarea::-webkit-scrollbar-track
{
	background:#5E85A8;
	border-radius: 5px;
}

textarea::-webkit-scrollbar-thumb
{
	background:#00AA27;
	border-radius: 5px;
}

input[type="checkbox"],
input[type="radio"]
{
	width:0px!important;
	height:0px!important;
	visibility: hidden;
	background: #5E85A8;
	margin-left:-15px;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before 
{
  content: "\00a0";
  display: inline-block;
  font: 15px/1em sans-serif;
  height: 15px;
  width: 15px;
  background: #1A3A57;
  border-radius: 2px;
  margin-right: 10px;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before  
{
  color: #fff;
  content: "\2713";
  text-align: center;
}

input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:before
{
  font-weight: bold;
}

input[type="checkbox"]:focus + label::before,
input[type="radio"]:focus + label:before
{
    outline: rgb(59, 153, 252) auto 5px;
}

input:read-only,
textarea:read-only
{
	color:#5E85A8;
}

label
{
	display:inline-block;
	font-size: 14px;
	line-height: 17px;
	color:#fff;
	margin-bottom:9px;
	text-align: left;
}

/* Special label */
form div:not([class])
{
	position:relative;
	margin-bottom: 20px;
}

form div:not([class])>label
{
	top:10px;
	margin-top:auto;
	margin-bottom: auto;
	left:10px;
	color:#5E85A8;
	position: absolute;
}

form div:not([class])>input:focus,
form div:not([class])>input:valid,
form div:not([class])>input.upline
{
	background-color: #061D32!important;
	color:#fff;	
}

form div:not([class])>input:focus + label,
form div:not([class])>input:valid + label,
form div:not([class])>input.upline + label
{
	font-size: 10px;
	top:-10px;
	padding:2px;
	background: #061D32;
}

form div>input:read-only
{
	color:#5E85A8;
}

a,
a:hover
{
	text-decoration: none;
}

.red
{
	color:#DF1F1F!important;
}

.green
{
	color: #00AA27;
}

a.link,
a.link:hover
{
	text-decoration: underline;
	color:#00AA27;
}

.soon
{
	filter:grayscale(100);
	opacity:0.5;
}
.container
{
	width:1380px;
	max-width: 100%;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

.flex-container
{
	width:100%;
	position:relative;
	display:flex;
}

.flex-container>.flx
{
	width:50%;
}

.flex-container.wrap
{
	flex-wrap: wrap;
}

.flex-container h2
{
	width:100%;
}

.flex-container.space-between
{
	justify-content: space-between;
}

.flex-container.center
{
	justify-content: center;
}

.flex-container.align-center
{
	align-items: center;
}

/* Buttons and links */
.button-green-border
{
	display:inline-block;
	color:#fff!important;
	text-decoration: none;
	border:1px solid #00AA27;
	/*box-shadow: 0 0 0 1.1px #00AA27;*/
	padding:10px 35px;
	border-radius: 20px;
	cursor:pointer;
	background:transparent!important;
}

.button-blue-border
{
	display:inline-block;
	color:#fff;
	text-decoration: none;
	border: 1px solid #416384;
	padding:10px 35px;
	border-radius: 20px;
	cursor:pointer;
}

.button-green-border.big
{
	min-width:270px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	padding:20px 35px;
	border-radius: 50px;
	text-align: center;
}

.button-green-border:hover
{
	background: #00AA27!important;
	box-shadow: 0px 4px 7px rgba(0, 170, 39, 0.38);
}

.button-green
{
	display:inline-block;
	color:#fff!important;
	text-decoration: none;
	background: #00AA27!important;
	border: 1px solid #00AA27;
	text-align: center;
	border-radius: 32px;
	padding:10px 35px;
	cursor:pointer;
}

.button-blue
{
	display:inline-block;
	color:#fff!important;
	text-decoration: none;
	transform: translateZ(1px);
	background: #0D2B46!important;
	border: 1px solid #0D2B46;
	text-align: center;
	border-radius: 32px;
	padding:10px 35px;
	cursor:pointer;
}

.button-blue:hover
{
	border: 1px solid #0D2B46;
	background:#0D2B46;
}

/* user-box */
.user-box
{
	width:100%;
	position: relative;
	display:flex;
	align-items: center;
	margin-bottom: 20px;
}

.user-box>div.user-info>span.username
{
	display:block;
	font-weight: 500;
	font-size: 20.4485px;
	line-height: 31px;
	color:#fff;
	letter-spacing: 0.102242px;
	text-transform: capitalize;
}

.user-box>div.user-info>span.status
{
	display:block;
	font-weight:300;
	color:#5E85A8;
	font-size: 17.5273px;
	line-height: 29px;
	letter-spacing: 0.438182px;
}

.user-box>div.user-info>span.status.vip:before,
.in-box>div.title label span.vip:before
{
	content:"";
	display:inline-block;
	width:17px;
	height:15px;
	background:url('/images/crown.svg');
	background-repeat: no-repeat;
	margin-right:7.5px;
}

.user-box>div.user-info>span.status.vip b,
.in-box>div.title label span.vip
{
	font-weight:300;
	color: #FFD12A;
}

.avatar
{
	position:relative;
	width:62px;
	height:62px;
	border-width: 5px;
	border-radius:50%;
	padding:3px;
	float:left;
	margin-right:20px;
	flex-shrink: 0;
}

.avatar>div
{
	display:flex;
	width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	background: #1D405F;
	color:#fff;
	font-weight: 600;
	font-size: 24px;
	border-radius:50%;
	text-transform: uppercase;
}

.avatar.member
{
	background:linear-gradient(45deg, #2F5071, #428DD4);
}

.avatar.vip
{
	background:linear-gradient(45deg, #FFF848, #FF9900);
}

.balances .balance
{
	display:flex;
	width:100%;
	font-size: 12px;
	font-weight: 300;
	color: #5E85A8;
	align-items: flex-end;
}

.balances .balance:not(:last-of-type)
{
	margin-bottom: 20px;
}

.balances .balance img
{
	width:38px;
	height:38px;
	flex-shrink: 0;
	margin-right:15px;
}

.balances .balance b
{
	display:block;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
	margin-top:5px;
}

.new-deposit
{
	position:fixed;
	bottom:-130px;
	left:20px;
	width: 215px;
	height: 100px;
	background: #00AA27;
	border: 1px solid #009409;
	box-sizing: border-box;
	box-shadow: 0px 0px 25px rgba(0, 170, 39, 0.28);
	border-radius: 10px;
	z-index:9999;
	padding:8px 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.new-deposit.showed
{
	animation-name: new-deposit;
	animation-duration: 4.5s;
	animation-fill-mode: forwards;
}

.new-deposit b
{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color:#fff;
}

.new-deposit span
{
	display:block;
	color: #0D2B46;
	font-size: 12px;
}

.new-deposit strong
{
	display: flex;
	font-weight:700;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	align-items: center;
	margin-right:5px;
}

.new-deposit strong img
{
	margin-right:5px;
	width:26px;
	height:26px;
}

.new-deposit small
{
	font-size:12px;
	font-weight: 500;
	color:#fff;
}

@keyframes new-deposit
{
	0% {bottom:-130px;}
	10% {bottom:20px;}
	90% {bottom:20px;}
	100% {bottom:-130px;}
}

form .error
{
	font-size: 12px;
	line-height: 12px;
	color: #EB5757;
	margin-bottom: 20px;
	margin-top:-10px;
}

.centered
{
	text-align: center;
	margin-top:25px!important;
}

.centered.text
{
	font-size:12px;
	color:#fff;
}

.centered button,
.centered a
{
	margin-left:5px;
	margin-right:5px;
}

.centered a
{
	text-transform: none!important;
	font-weight: normal!important;
}

a>a,
a:hover>a,
a>a:hover,
a>a:visited
{
	color:#ffffff;
}

/* MONARCH HEADER */
.monarch-header
{
	position: relative;
	width:100%;
	height:95px;
	background: #061D32;
}


.monarch-header>.container
{
	display:flex;
	align-items: center;
	justify-content: space-between;
	height:95px;
}

.monarch-header .logo
{
	flex-shrink: 0;
	display:inline-block;
	height:75px;
	margin-right: 80px;
	max-width:100%;
	position: relative;
	margin-top:-20px;
}

.monarch-header .menu
{
	height:100%;
	width:100%;
	flex-shrink: 2;
}

.monarch-header .logo img
{
	max-width:100%; 
	
	height:75px;
}

.monarch-header .menu>ul
{
	width:100%;
	list-style: none;
	margin:0px;
	padding:0px;
	display: flex;
	justify-content: space-between;
	height:100%;
	align-items: center;
}

.monarch-header .menu>ul>li
{
	position:relative;
	display: flex;
	align-items: center;
	height:calc(100% - 2px);
	border-bottom: 2px solid transparent;
}

.monarch-header .menu ul>li.menu-item:hover
{
	border-bottom:2px solid #00AA27;
}

.monarch-header .menu ul>li:hover>a
{
	color:#00AA27;
}

.monarch-header .menu ul>li a
{
	color:#fff;
	font-weight: 500;
	font-size: 12px;
	text-decoration: none;
}

.monarch-header .menu ul>li.menu-item a
{
	display:flex;
	align-items: center;
	height:100%;
}

.monarch-header .menu .sign-up-in
{
	margin-left:50px;
}

.monarch-header .menu .sign-up-in a
{
	margin-right:20px!important;
	color: #00AA27;
}

.monarch-header .menu .sign-up-in>a:first-child
{
	text-decoration: underline;
}

.lang-dropdown>ul
{
	display:none!important;
	position: absolute;
	top:100%;
	background: #416384;
	border-top:2px solid #00AA27;
	z-index:99;
	padding:0px;
	width:55px;
}

.lang-dropdown:hover>ul
{
	display:block!important;
}

.lang-dropdown ul>li
{
	display:block;
	text-align: center;
	padding:10px;
	margin:0px;
}

.lang-dropdown ul>li a
{
	color:#fff;
}

.lang-dropdown>a
{
	position:relative;
	width:55px;
	text-align: center;
}

.lang-dropdown>a:after
{
	content:" ▼";
	font-size:8px;
	color:#00AA27;
	margin-left:5px;
}

.socials a
{
	padding:0px!important;
	margin-right:0px!important;
	margin-left:20px!important;
}

/* Social icons in header */
.social
{
	display: inline-block;
	width: 20px; height: 20px;
}

.social:hover
{
	filter:brightness(100);
}

.facebook {
    background: url('/images/social_icons.png') -0 -40px;
}

.linkedin {
    background: url('/images/social_icons.png') -20px -40px;
}

.youtube {
    background: url('/images/social_icons.png') -40px -40px;
}

.twitter {
    background: url('/images/social_icons.png') -20px -60px;
}

.telegram {
    background: url('/images/social_icons.png') -60px -20px;
}
/* End social icons */

/* END MONARCH HEADER */

.not-found
{
	width:457px;
	max-width:100%;
	margin:0 auto;
	margin-top:75px;
	text-align: center;
}

.not-found h1
{
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	color:#fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

.not-found p
{
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	/* #5E85A8 */
	color: #5E85A8;
}

.not-found img
{
	max-width:100%;
}

.modal-overlay
{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:rgba(6, 29, 50, .7);
	z-index:8888;
	min-height: 100%;
}

.modal-box
{
	display:none;
	max-width:85%;
	width:520px;
	min-height:150px;
	height:auto;
	position:fixed;
	left:0px;top:20%;right:0px;
	margin:auto auto;
	background:#061D32;
	z-index:9998;
	color:#fff;
	border-radius: 10px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
}

.modal-box>span.close
{
	cursor:pointer;
	display:flex;
	align-items: center;
	justify-content: center;
	width:28px;
	height:28px;
	background: #5E85A8;
	border-radius: 50px;
	position: absolute;
	top:-25px;
	right:-25px;
}

.modal-box>div.modal>div
{
	text-align: center;
	color:#fff;
}

.modal-box>div.modal>.title
{
	background:#00AA27;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	padding:15px;
}

.modal-box>div.modal>.body
{
	padding:25px;
	text-align: center;
	font-size:12px;
	position: relative;
}

.modal-box>div.modal>.body b
{
	display:block;
	font-family: Oswald;
	font-weight: bold;
	font-size: 36px;
	color: #00AA27;
}

.modal-box>div.modal>.body img
{
	max-width:100%;
	height:auto;
	margin-bottom:25px;
}

/* Mobile */
.monarch-header .menu.showed
{
	display: block!important;
	position: fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	min-height:100%;
	z-index: 8888;
	background:#061D32;
}

.monarch-header .menu.showed>ul
{
	flex-direction: column;
	min-height:100%;
	padding-bottom:50px;
	padding-top:50px;
}

.info-bar
		{
			display:block;
			width:100%;
			background: #00AA27;
			box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
			height:35px;
			position: relative;
			color:#fff;
			overflow: hidden;
		}

		.info-bar img
		{
			height:35px;
		}
		
		.info-bar img:first-of-type
		{
			margin-right:-20%;
			right:100%;
			position: absolute;
		}

		.info-bar img:last-of-type
		{
			position: absolute;
			left:100%;
			margin-left:-20%;
		}

		.info-bar>div
		{
			height:100%;
			display:flex;
			align-items: center;
			justify-content: space-between;
			position: relative;
		}

		.info-bar>div>span
		{
			display: block;
			margin:0 auto;
			flex-shrink: 0;
			text-decoration: underline;
		}

		.info-bar>div>span b
		{
			text-transform: uppercase;
		}

		.info-bar>div>span>strong
		{
			margin-left:25px;
			color: #0D2B46
		}

.competition>div
				{
					width:49%;
					margin-bottom:25px;
					color:#5E85A8;
				}

				.competition>div>.body>.pool
				{
					width:calc(100% + 50px);
					margin-left:-25px;
					margin-top:-25px;
					padding:25px;
					background:#0C253D;
					margin-bottom: 15px;
					display:flex;
					justify-content: space-between;
				}

				.competition>div>.body>.pool>div span
				{
					display: block;
					font-size:16px;
					font-weight: 600;
				}

				.competition>div>.body>.pool>div span small
				{
					font-size:11px;
				}

				.competition>div h4
				{
					padding:0px;
					margin-bottom:10px;
					margin-top:0px;
					color:#ffffff;

				}

				.competition>div>.title
				{
					display: flex;
					align-items: center;
					font-size:16px;
					font-weight: 500;
				}

				.social-comp
				{
					display:inline-block;
					margin-right:10px;
				}

				.bg-facebook {
				    width: 32px; height: 32px;
				    background: url('/images/socials_sprite.png') -0 -0;
				}


				.bg-twitter {
				    width: 31px; height: 31px;
				    background: url('/images/socials_sprite.png') -32px -32px;
				}

				.bg-wp {
				    width: 32px; height: 32px;
				    background: url('/images/socials_sprite.png') -32px -0;
				}

				.bg-youtube {
				    width: 32px; height: 32px;
				    background: url('/images/socials_sprite.png') -0 -32px;
				}

				.competition .body
				{
					display:flex;
					flex-direction: column;
				}

				.competition .body>span.green
				{
					display: block;
					margin-top:auto;
					margin-bottom:10px;
				}

/* FOOTER */
footer .footer-menu>a
{
	color:#fff;
	font-size:12px;
}

footer .footer-menu>a:not(:last-child)
{
	margin-right:15px;
}

button.mobile-menu
{
	cursor:pointer;
	width: 45px;
  	height: 35px;
  	position: relative;
	background:none;
	border:0px;
	display:none;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 9999;
}

button.mobile-menu span 
{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #fff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

button.mobile-menu span:nth-child(1) 
{
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

button.mobile-menu span:nth-child(2) 
{
	top: 18px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

button.mobile-menu span:nth-child(3) 
{
	top: 36px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

button.mobile-menu.opened span:nth-child(1) 
{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
	left: 8px;
}

button.mobile-menu.opened span:nth-child(2) 
{
	width: 0%;
	opacity: 0;
}

button.mobile-menu.opened span:nth-child(3) 
{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 37px;
	left: 8px;
}


@media (max-width: 1199.98px) 
{
	.menu
	{
		display:none;
	}

	button.mobile-menu
	{
		display:inline-block;
		float:right;
	}

	footer .flex-container
	{
		flex-wrap: wrap;
	}

	.competition>div
	{
		width:100%
	}
}

@media (max-width: 991.98px) 
{
	footer .flex-container
	{
		justify-content: center!important;
	}

	footer .footer-menu
	{
		text-align: center;
		margin-top:10px;
		margin-bottom:10px;
		width:100%!important;
	}

	footer .footer-menu>a
	{
		margin-top:5px;
		margin-bottom:5px;
	}
}

@media (max-width: 767.98px) 
{
	
}

@media (max-width: 575.98px) 
{
	
}