body {
	background: #02180c;
	background-image: url('../img/bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #5a5a5a;
	font-style: normal;
	font-weight: 300;
	line-height: 1.429;
	padding: 0;
	margin: 0;
	overflow-x: hidden !important;
}

::selection { background: #ffd200; color: #000; text-shadow: none; }
::-moz-selection { background: #ffd200; color: #000; text-shadow: none; }

h1 {
	position: relative;
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 3.7em;
	font-weight: 700;
	color: #fff;
  letter-spacing: -.02em;
	text-transform: uppercase;
	line-height: .9em;
	padding: 0;
	margin: 0 0 35px;
}

h2 {
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: 500;
	color: #fff;
  letter-spacing: -.03em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 20px 0;
}

h3 {
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	color: #dbc84f;
	text-transform: uppercase;
  letter-spacing: -.03em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 15px 0;
}

h4 {
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
  letter-spacing: -.03em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 15px 0;
}

.anc {
	position: absolute;
	display: block;
	content: ' ';
  visibility: hidden;
	height: 120px;
	margin-top: -120px;
}

.clr {
	clear: both !important;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.left { float: left !important; }
.right { float: right !important; }

.w45 { width: 45% !important; }
.w46 { width: 46% !important; }
.w47 { width: 47% !important; }
.w48 { width: 48% !important; }
.w49 { width: 49% !important; }
.w50 { width: 50% !important; }
.w75 { width: 75% !important; }
.w100 { width: 100% !important; }

.high9 { margin: 0 0 90px 0 !important; }
.high8 { margin: 0 0 80px 0 !important; }
.high7 { margin: 0 0 70px 0 !important; }
.high6 { margin: 0 0 60px 0 !important; }
.high5 { margin: 0 0 50px 0 !important; }
.high4 { margin: 0 0 40px 0 !important; }
.high3 { margin: 0 0 35px 0 !important; }
.high2 { margin: 0 0 30px 0 !important; }
.high { margin: 0 0 25px 0 !important; }
.low6 { margin: 0 0 20px 0 !important; }
.low5 { margin: 0 0 15px 0 !important; }
.low4 { margin: 0 0 12px 0 !important; }
.low3 { margin: 0 0 10px 0 !important; }
.low2 { margin: 0 0 8px 0 !important; }
.low { margin: 0 0 5px 0 !important; }
.flat { margin: 0 !important; }

.black { color: #000 !important; }
.white { color: #fff !important; }
.green { color: #129c57 !important; }

.wh { color: #fff; }

.small { font-size: .8em !important; }
.uc { text-transform: uppercase !important; }

.center { text-align: center !important; }
.block { display: block !important; }
.inline { display: inline-block !important; }

.pointer { cursor: pointer !important; }
.default { cursor: default !important; }

.hidden { display: none !important; }

.no_select {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
}

.response {
	width: 100%;
	background: #f1d037;
	font-size: 1em;
	font-weight: 400;
	color: #000;
	box-shadow: 0 0 15px rgba(0,0,0, .05);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 15px 15px 12px;
	margin: 0 auto 25px;
}
	.response.success {
		background: #31913d;
		color: #fff;
	}
	.response.error {
		background: #df4646;
		color: #fff;
	}

a {
	text-decoration: none;
	outline: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
}

.btn {
  position: relative;
	display: inline-block;
	outline: 0;
	background: #129c57;
  font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	text-shadow: 1px 1px 3px #084c2a;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
  cursor: pointer;
	padding: 10px 18px 8px;
  margin: 0;

	transition: all .2s;
  -webkit-transition: all .2s;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
  .btn:hover {
		background: #0b7d44;
		color: #fff;
		box-shadow: 0 0 15px rgba(0,0,0, .3);
  }
	.btn > span {
		display: inline-block;
		vertical-align: middle;
	}
	.btn > img {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: 9px;
		margin: -1px 0 0 10px;
	}

.btn.grey {
	background: #ddd;
	color: #666;
	text-decoration: none;
}
	.btn.grey:hover {
		background: #777;
	}
.btn.blue {
	background: #1980b6;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5);
}
	.btn.blue:hover {
		background: #106a9a;
	}
.btn.red {
	background: #df4646;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5);
}
	.btn.red:hover {
		background: #c22d2d;
	}

.btn.disabled {
	background: #666;
	color: rgba(255,255,255, .5);
	text-shadow: none;
	cursor: default;
	box-shadow: none;
}

.btn.processing {
	background: #000;
	cursor: default;
	border: 1px solid rgba(255,255,255, .2);
}

.btn.full {
	display: block;
	width: 100%;
}
.btn.wide {
	padding-left: 40px;
	padding-right: 40px;
}
.btn.small {
	font-size: .9em !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 7px 15px 6px;
}
	.btn.small > img {
		height: 8px;
		margin-top: 0;
		margin-left: 8px;
	}


.input {
	width: 100%;
	background: #fff;
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	color: #000;
	line-height: 1em;
	border: 1px solid rgba(0,0,0, .2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	box-shadow: inset 0 3px 10px rgba(0,0,0, .15);
	outline: 0;
	padding: 10px 10px 9px;
	margin: 0;
	transition: all .2s;
  -webkit-transition: all .2s;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input:focus {
}

.input::-webkit-input-placeholder {
	font-size: .9em;
	font-weight: 400;
	color: #888;
}
.input::-moz-placeholder {
	font-size: .9em;
	font-weight: 400;
	color: #888;
}
.input:-ms-input-placeholder {
	font-size: .9em;
	font-weight: 400;
	color: #888;
}
.input:-moz-placeholder {
	font-size: .9em;
	font-weight: 400;
	color: #888;
}
.input.textarea {
	line-height: 1.4em;
}

select.input {
	padding: 13px 12px 11px 8px;
}

 {
	height: 83px;
}

.checkbox {
	display: inline-block;
	vertical-align: middle;
	margin: -1px 0 0 0;
}
.label_checkbox {
	display: inline-block;
	vertical-align: middle;
	font-size: .9em;
	font-weight: 400;
	color: #777;
	cursor: pointer;
	padding: 0;
	margin: 0 0 0 8px;
}
.checkbox:checked + .label_checkbox {
	color: #000;
}


#ldr {
	position: fixed;
	z-index: 80;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .9);
	background-image: url('../img/ldr.gif');
	background-position: center center;
	background-size: 80px;
	background-repeat: no-repeat;
}
.ldr {
  display: none;
  width: 50px;
  height: 50px;
  background-color: #777;
  margin: 0;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.ldr.cntr {
  margin: 0 auto;
}

.w {
  position: relative;
	display: block;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	padding: 0 40px;
	margin: 0 auto;
  transition: all .2s;
  -webkit-transition: all .2s;
}

header {
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );

	box-shadow: 0 0 10px rgba(0,0,0, .1);
	box-sizing: border-box;
	padding: 20px 0 25px;
	margin: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
}
header.c {
	padding: 15px 0 60px;
}
	header a.logo {
		display: inline-block;
		vertical-align: middle;
		width: 100px;
	}
	header.c a.logo {
		width: 80px;
	}
		header a.logo img {
			display: block;
			width: 100%;
			height: auto;
		}

	header nav {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - (100px + 50px));
		text-align: right;
		margin: 0 0 0 50px;
		transition: all .2s;
		-webkit-transition: all .2s;
	}
	header.c nav {
		width: calc(100% - (80px + 50px));
	}
		header nav a {
			display: inline-block;
			font-size: 1em;
			font-weight: 500;
			color: #fff;
			text-transform: uppercase;
			padding: 6px 5px;
			margin: 0 25px 0 0;
		}
		header.c nav a {
			font-size: 1em;
			margin: 0 30px 0 0;
		}
		header nav a:last-child {
			margin-right: 0;
		}
		header nav a:hover {
			opacity: .6;
		}
		header nav a.c,
		header nav a.c:hover {
			opacity: 1;
			color: #dbc84f;
		}

main {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 150px;
}
	main section {
		position: relative;
		background: rgba(0,0,0, .7);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid rgba(17,211,105, .2);
		box-shadow: 0 0 45px rgba(0,0,0, .8);
		box-sizing: border-box;
		padding: 30px 15px;
	}

	main a {
		color: #129c57;
		font-weight: 500;
	}
	main a:hover {
		color: #0c6d3c;
	}

	main p,
	main ul,
	main ol {
		font-size: 1.1em;
		font-weight: 400;
		color: #fff;
	}
	main p {
		padding: 0;
		margin: 0 0 25px;
	}
		main ol li {
			margin: 0 0 25px;
		}

		#loginForm {
    width: 400px;
    max-width: 90%;
    margin: 0 auto 30px;
  }
    #loginForm .error,
    #loginForm .note {
      font-size: 1em;
      font-weight: 500;
      color: #fff;
      text-align: center;
			border: 1px solid rgba(17,211,105, .5);
			border-radius: 2px;
			-webkit-border-radius: 2px;
			box-sizing: border-box;
			padding: 15px 15px 14px;
      margin: 0 0 20px;
    }
		#loginForm .error {
			color: #d64343;
			border: 1px solid #d64343;
		}

		.form-inputs {
			text-align: left;
			margin: 0 0 20px;
		}
			.form-inputs .input.error {
				border-bottom: 2px solid #d92323;
			}
			.form-inputs > div {
				margin: 0 0 15px 0;
			}
			.form-inputs > div:last-child {
				margin: 35px 0 0 0;
			}
	    #loginForm .form-inputs > div {
	      margin: 0 0 10px;
	    }
				.form-inputs def {
					float: left;
					font-size: 1.1em;
					font-weight: 700;
					color: #df2222;
					margin: 3px 2px 0 0;
				}

			.form-inputs.left-right > div:last-child {
				margin: 0 0 30px;
			}
				.form-inputs.left-right > div > label {
					display: inline-block;
					vertical-align: middle;
					width: 100px;
					text-align: right;
					margin: 0 15px 0 0;
				}
				.form-inputs.left-right > div > input,
				.form-inputs.left-right > div > textarea {
					display: inline-block;
					vertical-align: middle;
					width: calc(100% - (100px + 15px));
					text-align: left;
				}

				.form-captcha.start,
				.form-captcha.start > div {
					width: 304px !important;
					padding: 0;
					margin: 0 auto !important;
				}

		.form-error {
			display: none;
			font-weight: 400;
			color: #fff;
			line-height: 1.8em;
			padding: 0;
			margin: 0 !important;
		}

		.form-response {
			display: none;
			background: rgba(0,0,0, .5);
			line-height: 1.8em;
			box-sizing: border-box;
			box-shadow: 0 0 30px rgba(0,0,0, .15);
			border-radius: 2px;
			-webkit-border-radius: 2px;
			border: 1px solid rgba(17,211,105, .2);
			padding: 15px;
			margin: 0 0 15px 0;
		}
			.form-response > img {
				display: inline-block;
				vertical-align: middle;
				width: 70px;
				height: auto;
				margin: 0 25px 0 0;
			}
			.form-response > div {
				display: inline-block;
				vertical-align: middle;
				width: calc(100% - (70px + 25px));
				text-align: left;
			}
				.form-response h3 {
					font-size: 1.5em;
					font-weight: 500;
	        color: #dbc84f;
	        letter-spacing: -.02em;
	        text-align: left;
					margin: 0 0 7px 0;
				}
				.form-response p {
					font-size: 1em !important;
					font-weight: 400 !important;
	        color: #fff;
					line-height: 1.4em !important;
					margin: 0 !important;
				}
		.form-ldr {
		  display: none;
		}
		  .form-ldr > img {
		    width: 30px;
		    height: auto;
		  }

	.pwd_reset {
		text-align: center;
	}
		.pwd_reset a {
			font-size: .9em;
			font-weight: 400;
			color: #666;
			cursor: pointer;
		}
		#pwd_reset_init,
		#pwd_reset {
			display: none;
			max-width: 350px;
			background: rgba(0,0,0, .5);
			border: 1px solid rgba(17,211,105, .2);
			border-radius: 5px;
			-webkit-border-radius: 5px;
			box-sizing: border-box;
			padding: 15px;
			margin: 0 auto;
		}
		#pwd_reset {
			display: block;
			text-align: center;
		}
			#pwd_reset_init p,
			#pwd_reset p {
				font-size: .9em;
				font-weight: 400;
				color: #999;
				margin: 0 0 10px;
			}
			#pwd_reset_init .input,
			#pwd_reset .input {
				width: 200px;
				font-size: 1em;
				padding: 6px 5px 5px;
				margin: 0 5px 0 0;
			}
			#pwd_reset .input {
				width: 140px;
			}
			#pwd_reset_init .btn,
			#pwd_reset .btn {
				padding: 7px 10px 6px;
				margin: 0;
			}

	a.reload {
		cursor: pointer;
	}

	#user_bar {
		width: 100%;
		background: #0e2f1d;
		color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #0e2f1d;
		box-shadow: 0 0 15px rgba(0,0,0, .7);
		box-sizing: border-box;
		padding: 7px 5px 4px 10px;
		margin: 0 0 15px;
	}
		.user_nav {
			float: left;
			margin: 0 20px 0 0;
		}
			.user_nav a {
				font-size: .9em;
				font-weight: 400;
				color: rgba(255,255,255, .6);
				margin: 0 20px 0 0;
			}
			.user_nav a:last-child {
				margin-right: 0;
			}
				.user_nav a:hover,
				.user_nav a.c {
					color: #fff;
				}

		.coin_wallet {
			float: left;
			display: inline-block;
			vertical-align: middle;
			font-size: .9em;
			font-weight: 300;
			margin: 0;
		}
			.coin_wallet img {
				display: inline-block;
				vertical-align: middle;
				width: 16px;
				height: 16px;
				margin: 0 5px 2px 0;
				transition: all .2s;
				-webkit-transition: all .2s;
			}
			.coin_wallet img:hover {
				transform: scale(4.2);
			}
			.coin_wallet span {
				display: inline-block;
				vertical-align: middle;
				margin: 0 8px 0 0;
			}
			.coin_wallet a.btn {
				position: relative;
				z-index: 10;
				display: inline-block;
				vertical-align: middle;
				text-shadow: none;
				padding: 1px 6px 0;
				margin: 0 0 1px 0;
			}
			.coin_wallet a.btn + i {
				z-index: 5;
				opacity: 0;
				position: absolute;
				background: rgba(0,0,0, .6);
				font-size: .9em;
				font-weight: 400;
				color: #2fc87c;
				border-radius: 2px 2px 0 0;
				-webkit-border-radius: 2px 2px 0 0;
				box-sizing: border-box;
				padding: 1px 8px 2px;
				margin: 0 0 0 -30px;
				transition: all .3s;
				-webkit-transition: all .3s;
			}
			.coin_wallet a.btn:hover + i {
				opacity: 1;
				margin: 0 0 0 -1px;
			}

		.user {
			float: right;
			display: inline-block;
			vertical-align: middle;
			font-size: .9em;
			font-weight: 300;
			margin: 0 15px 0 0;
		}
		.logout {
			float: right;
			margin: -3px 0 0 0;
		}
			.logout .btn.lgout {
				background: #df4646;
				font-size: .9em;
				color: #fff;
				text-shadow: none;
				padding: 4px 12px 5px;
			}
			.logout .btn.lgout:hover {
				background: #c22d2d;
			}

	#deactivation_notice {
		width: 100%;
		font-size: 1.2em;
		font-weight: 500;
		color: #fff;
		border-color: #dbc84f;
		box-sizing: border-box;
		padding: 20px;
		margin: 0 0 40px;
	}

	#entrance {
		padding: 0;
		margin: 0 0 300px;
	}
		#entrance .img {
			display: inline-block;
			vertical-align: top;
			width: 45%;
			height: auto;
			background-color: #000;
			background-size: cover;
			background-position: top center;
			background-repeat: none;
		}
		#entrance .content {
			display: inline-block;
			vertical-align: top;
			width: 55%;
			box-sizing: border-box;
			padding: 60px;
		}
			#entrance .content p {
				font-size: 1.3em;
				color: #fff;
				line-height: 1.6em;
				padding: 0;
				margin: 0 0 40px;
			}

			#entrance .content .btn.hideShow {
				background: #129c57;
				font-size: 1.3em;
				font-weight: 700;
				color: #fff;
				text-transform: uppercase;
				text-shadow: 1px 1px 0 #084c2a;
				border-radius: 8px;
				-webkit-border-radius: 8px;
				padding: 0;
			}
			#entrance .content .btn:hover {
				background: #0c6d3c;
			}
				#entrance .content .btn .txt {
					display: inline-block;
					vertical-align: middle;
					padding: 16px 35px 14px;
				}
				#entrance .content .btn .smbl {
					display: inline-block;
					vertical-align: middle;
					width: 30px !important;
					height: 100%;
					background: rgba(0,0,0, .2);
					text-align: center;
					padding: 14px 10px 16px;
				}
					#entrance .content .btn .smbl img {
						display: inline-block;
						vertical-align: middle;
						width: 16px;
						height: auto;
					}

			#entrance #register {
				display: none;
			}
				#entrance #register form input {
					display: block;
				}
				#entrance #register form .input {
					width: 100%;
					max-width: 350px;
					margin: 0 0 8px;
				}
				#entrance #register form .captcha {
					margin: 0 0 20px;
				}
				#entrance #register form input[type="submit"]  {
					width: 150px;
					text-align: center;
					padding-left: 0;
					padding-right: 0;
					margin: 0;
				}


	#statistics {
		text-align: center;
		margin: 15px 0 300px;
	}
		#statistics a {
			opacity: .4;
		}
		#statistics a:hover {
			opacity: 1;
		}
			#statistics a img {
				display: inline-block;
				vertical-align: middle;
				width: 22px;
				height: auto;
				margin: -7px 8px 0 0;
			}
			#statistics a span {
				display: inline-block;
				vertical-align: middle;
				font-weight: 400;
				font-size: .9em;
				font-style: italic;
				color: #fff;
			}


	#vip {
		margin: 0 0 90px;
	}
		#vip .content {
			font-size: 1.1em;
			font-weight: 400;
			color: #fff;
		}
		#vip .content h3 + br {
			display: none;
		}

	#bookmakers {
		margin: 0 0 90px;
	}
		#bookmakers .bookmakers > a {
			display: inline-block;
			vertical-align: top;
			background: #fff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			margin: 0 5px 5px 0;
		}
			#bookmakers .bookmakers > a > img {
				display: block;
				width: auto;
				height: 50px;
				border-radius: 3px;
				-webkit-border-radius: 3px;
			}

	#about {
		margin: 0 0 90px;
	}


	#register-2 {
		margin: 0 0 1000px;
	}
		#register-2 .payment-options {
			text-align: center;
			margin: 0 0 50px;
		}
			#register-2 .payment-options a {
				opacity: .6;
			}
			#register-2 .payment-options a:hover {
				opacity: .8;
			}
			#register-2 .payment-options a.btn:first-child {
				margin: 0 15px 0 0;
			}
			#register-2 .payment-options a.btn.active {
				opacity: 1;
				box-shadow: 0 0 25px #129c57;
			}

		#register-2  .payment {
			display: none;
		}
			#register-2  .payment b {
				color: #129c57;
			}

			#register-2 .registration_partners {
			}
				#register-2 .registration_partners > a {
					display: inline-block;
					vertical-align: top;
					background: #fff;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					margin: 0 5px 5px 0;
				}
					#register-2 .registration_partners > a > img {
						display: block;
						width: auto;
						height: 40px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
					}

		#register-2 #process {
			margin: 0 0 50px;
		}
		#register-2 #result {
			display: none;
		}


	#approve {
		padding: 25px;
		margin: 0 0 1000px;
	}


body#screenshot p {
	font-size: 1em;
	font-weight: 400;
	color: #fff;
}
body#screenshot img.loader_img {
	display: block;
	width: 30px;
	height: auto;
	margin: 10px 0 0 0;
}
body#screenshot img.screenshot_img {
	display: inline-block;
	width: auto;
	height: 80px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}



img.check {
	float: left;
	width: 24px;
	height: auto;
	margin: -2px 10px 5px 0;
}
	img.check + br {
		clear: both;
		content: ' ';
		display: block;
		margin: 0 0 7px 0;
	}

#betting-site > .site,
#betting-sites > .site {
	display: block;
	background: rgba(0,0,0, .2);
	box-shadow: 0 0 20px rgba(0,0,0, .1);
	box-sizing: border-box;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid rgba(17,211,105, .2);
	padding: 35px;
	margin: 0 0 35px 0;
}
#betting-site > .site {
	margin: 0 0 80px 0;
}
#betting-sites > .site:last-child {
	margin: 0;
}
	#betting-site > .site > a.logo,
	#betting-sites > .site > a.logo {
		display: inline-block;
		vertical-align: top;
		width: 200px;
		margin: 0 40px 0 0;
	}
		#betting-site > .site > .logo > img,
		#betting-sites > .site > .logo > img {
			display: block;
			width: 100%;
			height: auto;
		}
	#betting-site > .site > .text,
	#betting-sites > .site > .text {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 240px);
	}
		#betting-site > .site > .text > .title,
		#betting-sites > .site > .text > .title {
			font-size: 2em;
			font-weight: 500;
			color: #fff;
			letter-spacing: -.03em;
			line-height: 1.05em;
			text-transform: none;
			margin: 0 0 20px 0;
		}
			#betting-sites > .site > .text > .title > a {
				color: #fff;
			}
		#betting-site > .site > .text > .descr,
		#betting-sites > .site > .text > .descr {
			color: #666;
			line-height: 1.5em;
		}
			#betting-site > .site > .text > .descr > .col,
			#betting-sites > .site > .text > .descr > .col {
				display: inline-block;
				vertical-align: top;
				width: 49%;
				margin: 0 2% 0 0;
			}
			#betting-site > .site > .text > .descr > .col:last-child,
			#betting-sites > .site > .text > .descr > .col:last-child {
				width: 49%;
				margin: 0;
			}

			#betting-site > .site > .text > .descr p,
			#betting-sites > .site > .text > .descr p {
				font-size: 1em;
				margin: 0 0 25px 0;
			}

			#betting-site > .site .parameters,
			#betting-sites > .site .parameters {
				margin: 0 0 20px 0;
			}
				#betting-site > .site .parameters > div,
				#betting-sites > .site .parameters > div {
					margin: 0 0 12px 0;
				}
					#betting-site > .site .parameters > div > img,
					#betting-sites > .site .parameters > div > img {
						display: inline-block;
						vertical-align: top;
						width: 26px;
						height: auto;
						margin: -3px 8px 0 0;
					}
					#betting-site > .site .parameters > div > span,
					#betting-sites > .site .parameters > div > span {
						display: inline-block;
						vertical-align: top;
						width: calc(100% - (26px + 8px));
						font-size: 1em;
						font-weight: 400;
						color: #fff;
					}


#modal {
	position: fixed;
	z-index: 100000000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 105vh;
	background: rgba(0,0,0, .5);
}
	#modal > div {
		display: table;
		vertical-align: middle;
		width: 100%;
		height: 105vh;
	}
		#modal > div > div {
			display: table-cell;
			vertical-align: middle;
			width: 100%;
			height: 100%;
			text-align: center;
		}
			#modal > div > div > span {
				position: relative;
				display: inline-block;
				width: 500px;
				max-width: 90% !important;
				min-height: 100px;
				background: #fff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				box-shadow: 0 0 25px rgba(0,0,0, .9);
				margin: -100px 0 0 0;
			}
			#modal i {
				position: absolute;
				display: inline-block;
				top: -10px;
				right: -10px;
				width: 20px;
				height: 20px;
				background: #c12d2d;
				font-size: .9em;
				font-style: normal;
				color: #fff;
				cursor: pointer;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				box-shadow: 0 0 5px rgba(0,0,0, .5);
				box-sizing: border-box;
				padding: 1px 0 0 0;
				transition: all .2s;
				-webkit-transition: all .2s;
			}
			#modal i:hover {
				background: #991f1f;
			}
				#modal .content {
					width: 100%;
					font-size: 1.1em;
					font-weight: 400;
					color: #333;
					box-sizing: border-box;
					padding: 10px 10px 25px 10px;
				}
				#modal .content .actions {
					width: 100%;
					min-height: 40px;
					box-sizing: border-box;
				}
					#modal .content .load {
						display: block;
						text-align: center;
					}
						#modal .content .load img {
							display: inline-block;
							width: 34px;
							height: 34px;
							margin: 0;
						}


footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0, .9);
	font-size: .8em;
	font-weight: 300;
	color: rgba(255,255,255, .4);
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0;
}
	footer .copyright {
	}
		footer .copyright a {
			color: rgba(255,255,255, .4);
		}
		footer .copyright a:hover {
			color: #fff;
		}
	footer .stodlinjen {
	}
		footer .stodlinjen span {
			display: inline-block;
			vertical-align: middle;
			margin: 0 3px 0 0;
		}
		footer .stodlinjen img {
			display: inline-block;
			vertical-align: middle;
			height: 15px;
			width: auto;
		}

	footer .spelinspektionen {
		text-align: center;
		margin: 15px 0 0 0;
	}
		footer .spelinspektionen a {
			display: inline-block;
			width: 50px;
			height: auto;
		}
			footer .spelinspektionen a img {
				display: block;
				width: 100%;
				height: auto;
			}


#dir,
#url_profile {
	display: none;
}










@media screen and (max-width: 1100px){
	h1 {
		font-size: 2.7em;
	}
	header a.logo {
		width: 100px;
	}
	header nav {
		width: calc(100% - (100px + 50px));
	}
}


@media screen and (max-width: 900px){
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0 0 20px;
	}
		header a.logo {
			width: 70px;
		}
		header nav {
			width: calc(100% - (70px + 50px));
		}
			header nav a {
				font-size: .75em;
				margin: 0 2px 0 0;
			}

	.w {
	  padding: 0 20px;
	}

	#entrance {
		display: table;
		width: 100%;
		margin: 0 0 100px;
	}
		#entrance .img {
			display: block;
			width: 100%;
			height: 300px;
			border-radius: 0 0 15px 15px;
			-webkit-border-radius: 0 0 15px 15px;
		}
		#entrance .content {
			display: table-header-group;
			width: 100%;
		}
			#entrance .content .padding {
				box-sizing: border-box;
				padding: 40px;
			}
			#entrance .content p {
				font-size: 1.1em;
				margin: 0 0 40px;
			}



	#about,
	#bookmakers {
		padding: 20px;
		margin: 0 0 90px;
	}
		#bookmakers .bookmakers > a > img {
			height: 40px;
		}


	#register-2 .payment-options a {
		display: block;
	}
	#register-2 .payment-options a.btn:first-child {
		margin: 0 0 8px 0;
	}


	#betting-site .col,
	#betting-sites .col {
		display: block !important;
		width: 100% !important;
	}
}



@media screen and (max-width: 700px){
	#betting-site > .site > a.logo,
	#betting-sites > .site > a.logo {
		display: block;
		width: 100%;
		max-width: 150px;
		margin: 0 0 30px 0;
	}
	#betting-site > .site > .text,
	#betting-sites > .site > .text {
		display: block;
		width: 100%;
	}
}



@media screen and (max-width: 630px){
	.w {
	  padding: 0 12px;
	}

	.coin_wallet {
		position: absolute;
		top: 9px;
		left: 22px;
		float: none;
		margin: 0;
	}
		.coin_wallet a.btn + i {
			width: 90px;
		}
	.user_nav {
		float: none;
		width: 100%;
		text-align: center;
		margin: 30px 0 0 0;
	}
		.user_nav a,
		.user_nav a:last-child {
			display: inline-block;
			vertical-align: top;
			background: rgba(0,0,0, .2);
			width: calc(50% - 4px);
			border: 1px solid rgba(255,255,255, .2);
			border-radius: 2px;
			-webkit-border-radius: 2px;
			box-sizing: border-box;
			padding: 10px 0 9px;
			margin: 0 8px 8px 0;;
		}
		.user_nav a:nth-child(2n) {
			margin-right: 0;
		}
		.user_nav a:hover {
			color: #fff;
		}
		.user_nav a.c {
			background: #129c57;
			color: #fff;
		}

	.user {
		position: absolute;
		top: 10px;
		right: 110px;
		text-align: right;
		margin: 0;
	}
	.logout {
		position: absolute;
		top: 10px;
		right: 19px;
	}

	body {
		background-size: cover;
	}
	main section {
		background: rgba(0,0,0, .6);
	}
}



@media screen and (max-width: 500px){
	.anc {
		height: 90px;
		margin-top: -90px;
	}
	.anc.anc-mobile {
		height: 380px;
		margin-top: -380px;
	}

	header a.logo {
		width: 50px;
	}
	header nav {
		width: calc(100% - (50px));
		margin: 0;
	}
		header nav a {
			font-size: .75em;
			margin: 0 2px 0 0;
		}

	#entrance .content .padding {
		padding: 25px 20px;
	}

	#bookmakers .bookmakers > a > img {
		height: 34px;
	}

	#register-2 .payment-options a {
		line-height: 1.1em;
	}

	main ul,
	main ol {
		line-height: 1.2em;
		padding: 0;
		margin: 0 0 0 20px;
	}

	#betting-sites > .site {
		background: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		border-width: 0 0 1px 0;
		padding: 0 0 60px;
		margin: 0 0 60px 0;
	}

	#modal > div > div > span {
		width: 300px;
		max-width: 90% !important;
	}
}

@media screen and (max-width: 405px){
	header .w {
		padding: 0 10px;
	}

	header nav a {
		font-size: .7em;
		padding: 0;
		margin: 0 10px 0 0;
	}
}