@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'OptimusPrincepsSemiBold';
    src: url('../fonts/OptimusPrincepsSemiBold.eot');
    src: url('../fonts/OptimusPrincepsSemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OptimusPrincepsSemiBold.woff2') format('woff2'),
         url('../fonts/OptimusPrincepsSemiBold.woff') format('woff'),
         url('../fonts/OptimusPrincepsSemiBold.ttf') format('truetype'),
         url('../fonts/OptimusPrincepsSemiBold.svg#OptimusPrincepsSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'castellar';
    src: url('../fonts/castellar.eot');
    src: url('../fonts/castellar.eot?#iefix') format('embedded-opentype'),
         url('../fonts/castellar.woff2') format('woff2'),
         url('../fonts/castellar.woff') format('woff'),
         url('../fonts/castellar.ttf') format('truetype'),
         url('../fonts/castellar.svg#castellar') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Devil_Breeze_Light';
    src: url('../fonts/Devil_Breeze_Light.eot');
    src: url('../fonts/Devil_Breeze_Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Devil_Breeze_Light.woff2') format('woff2'),
         url('../fonts/Devil_Breeze_Light.woff') format('woff'),
         url('../fonts/Devil_Breeze_Light.ttf') format('truetype'),
         url('../fonts/Devil_Breeze_Light.svg#Devil_Breeze_Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FUTRFW';
    src: url('../fonts/FUTRFW.eot');
    src: url('../fonts/FUTRFW.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FUTRFW.woff2') format('woff2'),
         url('../fonts/FUTRFW.woff') format('woff'),
         url('../fonts/FUTRFW.ttf') format('truetype'),
         url('../fonts/FUTRFW.svg#FUTRFW') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'origo_trialorigo_trial';
    src: url('../fonts/origo_trial-webfont.woff2') format('woff2'),
         url('../fonts/origo_trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asteraregular';
    src: url('../fonts/astera_v2-webfont.woff2') format('woff2'),
         url('../fonts/astera_v2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	width:100%;
	background:url(../images/body-bg.png) repeat-y 50% 50%;
	background-size:cover;
	background:#000000;
	overflow-x:hidden;
}

ul {
	margin-left:0px;
}

ul li {
	font-family:'Arial';
}

ul li a {
	font-family:'Arial';
}

tr td {
	font-family:'Arial';
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Arial';
}

.row {
	max-width:56.25em;
}

/* Header Style */
#header {
	width:100%;
	background:url(../images/banner-bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	float:left;
	padding:320px 0px 0px 0px;
}

#header .players {
	float:right;
	width:292px;
	background:url(../images/Playersonlinebg.png) 0% 0% no-repeat;
	margin-right:-27px;
}

#header.shop {
	background:url(../images/banner-bg.png) 50% 50% no-repeat;
	background-size:cover;
}

#header .players h6 {
	color:#000000;
	font-size:11px;
	margin-bottom:0px;
}

#header .players h6 span {
	color:#009dff;
}

#header .top-bar {
	background:url(../images/top-bg.png) 0% 0% no-repeat;
	background-size:cover;
}

#header .top-bar-section ul {
	margin-top:10px;
}

#header .top-bar-section ul li {
	background:none;
	list-style:none;
}

#header .top-bar-section ul li a {
	color:#787878;
	font-size:10px;
	font-family:'Arial';
	background:none;
	text-align:center;
	line-height:50px;
	padding: 0px 28px 0px 43px;
}

#header .top-bar-section li.active a, #header .top-bar-section li:hover a {
	color:#00b2eb;
}

#header a.button {
	background:url(../images/off-btn.png) 0% 0% no-repeat;
	margin-bottom:0px;
	width:100%;
	background-size:cover;
	padding:0px;
	height:50px;
	float:left;
}

#header a.button:focus {
	background:url(../images/on-btn.png) 0% 0% no-repeat;
	width:100%;
	background-size:cover;
	height:50px;
	float:left;
}

#header a.button h3 {
	font-size:25px;
	color:#009dff;
	 font-family: 'asteraregular';
	line-height:10px;
	margin:0px;
	margin-top:10px;
}

#header a.button h6 {
	font-size:8px;
	color:#fff;
	font-family: 'castellar';
}

#header .top-bar-section .dropdown {
	margin-top:0px;
	background:url(../images/drop-bg.png) repeat-x;
	background-size:cover;
	border-radius:0px 0px 5px 5px;
}

#header .top-bar-section .dropdown li a {
	padding:0px 35px;
	color:#787878;
}


#header .top-bar-section .dropdown li:hover a {
	color:#00b2eb;
}

#header .top-bar-section .dropdown li a{
	line-height:25px;
}

#header a.button h3 span {
	font-size:19px;
	font-family: 'origo_trialorigo_trial';
	color:#fff;
}

.none {
	padding:0px;
}

/*content*/
#content {
	float:left;
	width:100%;
	position:relative;/*
	background-image: url(../images/left_bg_image.jpg), url(../images/right_bg_image.jpg);
	background-position: -35px 0%, 106% 0%;
	background-repeat: no-repeat, no-repeat;*/
}

#content .bg-color {
	float:left;
	width:100%;
	background:#131313;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:4px;
	position:relative;
}


#content .bg-color .left-side-img {
	position:absolute;
	top:0;
	left:-260px;
}

#content ul.shop {
	float:left;
	width:100%;
	border:1px solid #000000;
}

#content ul.shop li {
	float:left;
	background:url(../images/li-bg.png) repeat-x;
	width:100%;
	list-style:none;
	text-align:center;
	background-size:contain;
	border-bottom:1px solid #000000;
	padding-bottom:3px;
}

#content ul.shop li.active a {
	color:#00b9f5;
}

#content ul.shop li a {
	font-size:10px;
	color:#afafaf;
}

#content ul.shop li:last-child {
	border-bottom:0px;
}

#content ul.shop li:hover a {
	color:#00b9f5;
}

#content .bg-color .right-side-img {
	position:absolute;
	top:0;
	right:-296px;
}

.padding-normal {
	padding:0px 10px;
}

#content h6 {
	font-size:10px;
	color:#afafaf;
	background:url(../images/user-bg.png) repeat-x;
	line-height:35px;
	padding-left:10px;
	margin-bottom:0px;
	margin-top:0px;
}

#content .panel {
	background:#131313;
	border:none;
	padding:0px 0px;
	float:left;
	width:100%;
	margin-bottom:5px;
	border:1px solid #080808;
}

#content .panel.shop-list {
	padding:5px 5px;
}

#content .panel .border {
	float:left;
	width:100%;
	padding:5px 7px 7px 5px;
}

#content .panel form {
	float:left;
	width:100%;
	border:1px solid #080808;
	padding:10px 12px 0px 2px;
}

.flex-video {
	margin-bottom:0px;
	padding-bottom: 44.5%;
}

#content .panel form label {
	color:#afafaf;
	font-size:11px;
	text-align:center;
	float:left;
	font-family:'Arial';
	margin-top:0px;
	margin-bottom:4px;
	width:100%;
}

#content .panel form .field {
	float:left;
	width:100%;
	position:relative;
	padding-left:25px;
}

#content .panel form .login {
	float:left;
	width:100%;
	padding:7px 0px 0px 10px;
}

#content .panel form .login label {
	padding-top:10px;
	font-family:'Arial';
}

#content .panel form .field span {
	position:absolute;
	top:-12%;
	left:0%;
}

#content .panel form input[type="text"] {
	background:#0f0f0f;
	font-size:10px;
	padding-left:30px;
	border:1px solid #080808;
	height:35px;
	padding-top:0px;
	border-bottom:1px solid #1e1e1e;
	margin-bottom:5px;
}

#content .panel form input[type="text"]:focus {
	color:#de0000;
}

#content .panel form input[type="password"]:focus {
	color:#de0000;
}

#content .panel form input[type="password"] {
	background:#0f0f0f;
	font-size:10px;
	border:1px solid #080808;
	height:35px;
	padding-left:30px;
	margin-bottom:5px;
	padding-top:0px;
	border-bottom:1px solid #1e1e1e;
}

#content .panel label {
	color:#828282;
	font-size:10px;
	float:left;
	margin-top:10px;
}

#content .panel label input[type="checkbox"] {
	float:left;
	margin-right:2px;
	margin-bottom:0px;
	height:11px;
	width:8px;
	background:#eaeaea;
	vertical-align: middle;
	-webkit-appearance: none;
	float:left;
	border-radius:2px;
	outline:0;
	box-shadow: inset 0px -8px 26px 0px #999999;
}

#content .panel input[type="checkbox"]:checked:before {
	font-weight: bold;
	color:#111111;
	 content:"\2713";
	-webkit-margin-start: 0;
	font-size: 9px;
    line-height: 0px;
    margin-left: 0px;
    margin-top: 6px;
	outline:0;
	float:left;
}

#content .panel form input[type="submit"] {
	background:#08a00e;
	border:none;
	color:#c5c5c5;
	border-radius:2px;
	padding:0px 18px;
	font-family:'Arial';
	font-size:11px;
	outline:0;
	line-height:27px;
	box-shadow: inset 0px -2px 11px 0px #067607;
	float:right;
}

#content .panel form input[type="submit"]:focus {
	color:#fff;
}

#content .panel a.fast {
	float:left;
	width:100%;
	background:url(../images/fastregister_off.png) repeat-x;
	color:#fff;
	text-align:center;
	border-radius:3px;
	font-size:11px;
	line-height:23px;
	margin-top:7px;
}

#content .panel a.fast:focus {
	background:url(../images/fastregister_on.png) repeat-x;
}

#content .panel h5 {
	font-size:9px;
	color:#828282;
	margin-top:5px;
}

#content .panel h5 a {
	color:#de0000;
	position:relative;
	margin-left:2px;
}

#content .panel h5 a:after {
	content:'/';
	color:#de0000;
	font-size:11px;
	top:0%;
	margin:0px 3px 0px 6px;
	right:0%;
}

#content .panel h5 a.pass:after {
	display:none;
}

#content .box {
	float:left;
	width:100%;
	background:#131313;
	margin-bottom:10px;
	border:1px solid #080808;
}

#content .box-small {
	float:left;
	width:100%;
	padding:3px 20px;
}

#content .ranking {
	float:left;
	width:100%;
	background:#131313;
	border:1px solid #080808;
}

.p-right {
	padding-right:0px;
}

#content .ranking ul {
	float:left;
	width:100%;
	border:1px solid #080808;
	padding:8px 5px;
	margin-bottom:3px;
}

#content .ranking .ranking-border {
	float:left;
	width:100%;
	padding:5px 5px;
}

#content .ranking ul li {
	float:left;
	width:100%;
	list-style:none;
	background:url(../images/list.png) repeat-x;
	margin-bottom:3px;
	padding:4px 0px;
	border:1px solid #080808;
	background-size:contain;
}

#content .ranking ul li a {
	background:none;
	padding:0px;
}

#content .ranking ul li h4 {
	font-size:10px;
	color:#afafaf;
	padding:0px 5px;
	margin:0px;
}

#content .ranking ul li h4 a {
	background:none;
	box-shadow:none;
	color:#00b9f5;
	margin-top:0px;
	line-height:18px;
}

#content .ranking ul li h5 {
	padding:0px 5px;
	margin:0px;
}

#content .ranking ul li h4 span {
	border:1px solid #080808;
	background:#131313;
	line-height:13px;
	width:13px;
	float:left;
	text-align:center;
}

.blue {
	color:#00b9f5 !important;
}

#content .ranking ul li h6 {
	color:#afafaf;
	font-size:10px;
}

#content .ranking ul li h5 {
	color:#afafaf;
	font-size:10px;
}

#content .ranking ul li h5:hover {
	color:#00a7dc;
}

#content .ranking ul li:last-child {
	padding:0px 20px;
	background:none;
	border:none;
}

#content .ranking ul li a.button {
	background:#00b3ec;
	width:100%;
	line-height:24px;
	font-size:11px;
	float:left;
	color:#b6cbd1;
	border-radius:4px;
	margin-top:5px;
	box-shadow: inset 0px -8px 26px 0px #027495;
	margin-bottom:0px;
}

#content .ranking ul li a:focus {
	color:#fff;
}

#content .donatiom {
	float:left;
	width:100%;
}

#content .donatiom .donator {
	float:left;
	width:100%;
	padding:12px 12px 0px 12px;
	border:1px solid #000000;
}

#content .donatiom .donator form {
	float:left;
	width:100%;
	background:url(../images/dwonload.png) repeat-x;
	padding:12px 12px;
	border:1px solid #000000;
}

#content .donatiom .donator form .field {
	float:left;
	width:100%;
	padding-bottom:8px;
}

#content .donatiom .donator form .field h4 {
	background:url(../images/head.png) repeat-x;
	font-size:10px;
	color:#000000;
	line-height:20px;
	padding-left:10px;
	border-radius:4px;
}

#content .donatiom .donator form .field h4.bottom {
	margin-bottom:16px;
}

#content .donatiom .donator form .field label {
	font-size:10px;
	color:#afafaf;
}

#content .donatiom .donator form .field input[type="text"] {
	background:url(../images/input.png) repeat-x;
	background-size:contain;
	border:none;
	border:1px solid #000000;
	height:20px;
	width:135px;
	margin-bottom:5px;
}

#content .donatiom .donator form .field input[type="password"] {
	background:url(../images/input.png) repeat-x;
	background-size:contain;
	border:none;
	border:1px solid #000000;
	height:20px;
	width:135px;
	margin-bottom:5px;
}

#content .donatiom .donator form .field select {
	border:none;
	border:1px solid #000000;
	height:20px;
	width:100%;
	margin-bottom:5px;
	outline:0;
	background-image: url(../images/arrow.png), url(../images/input.png);
	background-position: 97% 50%, 0% 0%;
	background-repeat: no-repeat, repeat-x;
	padding:0px;
}

#content .donatiom .donator form .field input[type="submit"] {
	background:url(../images/reg-btn.png) repeat-x;
	background-size:contain;
	border:none;
	font-size:10px;
	color:#ffffff;
	cursor:pointer;
	border-radius:3px;
	margin:0px 5px;
}

#content .donatiom .donator form .field input[type="submit"].cancel {
	background:url(../images/cancel-btn.png) repeat-x;
	background-size:contain;
	cursor:pointer;
}

#content .donatiom .donator .ring {
	float:left;
	width:100%;
	background:#202020;
	padding-top:15px;
	border:1px solid #000000;
}

#content .donatiom .donator .ring.client {
	background:url(../images/dwonload.png) repeat-x;
	background-size:contain;
	padding:0px 40px;
	padding-bottom:50px;
	margin-bottom:80px;
}

#content .donatiom .donator .ring.client .text {
	float:left;
	width:100%;
	padding:35px 20px; 
}

#content .donatiom .donator .ring.client .text h5 {
	font-size:10px;
	color:#a4a4a4;
	margin:0px;
	
}

#content .donatiom .donator .ring.client .text h5 span {
	color:#ff0000;
}

#content .donatiom .donator .ring.client .mega {
	float:left;
	width:100%;
	padding:0px 20px; 
}

#content .donatiom .donator .ring.client .mega ul {
	float:left;
	width:100%;
	padding:10px 30px;
	margin-bottom:0px;
	border:1px solid #000000;
}

#content .donatiom .donator .ring.client .mega ul li {
	float:left;
	width:100%;
	color:#ffffff;
	font-size:10px;
}

#content .donatiom .donator .ring.client .mega ul li:first-child a {
	color:#ff0000;
}

#content .donatiom .donator .ring.client .mega ul li:last-child a {
	color:#ffb200;
}

#content .donatiom .donator .ring.client .mega ul li a {
	color:#0096ff;
	font-size:10px;
}

#content .donatiom .donator .ring.client table {
	width:100%;
	margin-top:15px;
	border-spacing: 0px;
	border:none;
	padding:9px 8px;
	box-shadow: inset 0px -41px 87px 0px #d4d4d4;
}

#content .donatiom table thead {
	background:none;
}

#content .donatiom .donator .details tbody {
	background:#212121;
	border:1px solid #000000;
}

#content .donatiom .donator .ring.client table tr {
	background:url(../images/td-bg.png) repeat-x;
	background-size:contain;
	float:left;
	width:100%;
	margin-bottom:1px;
}

#content .donatiom .donator .ring.client table tr td {
	font-size:10px;
	color:#fff;
}

#content .donatiom .donator .ring.client table tr td.blue {
	color:#00b9f5;
}

#content .donatiom .donator .ring.client table tr td.green {
	color:#04e512;
}

#content .donatiom .donator .ring.client table tr td.gradient {
	background: -webkit-linear-gradient(top, #ffdb00, #ffdb00);
	background: linear-gradient(top, #fead00, #fead00);
	-webkit-background-clip: text;
	font-family: 'HelveticaInseratCyrillicUpright';
	-webkit-text-fill-color: transparent;
}

#content .donatiom .donator .img {
	background:#141414;
	float:left;
	width:100%;
	text-align:center;
	padding:8px 5px 2px 5px;
	margin-bottom:15px;
	border:1px solid #000000;
}

#content .donatiom .donator .img h5 {
	font-size:10px;
	color:#afafaf;
	margin-bottom:0px;
}

#content .donatiom .donator .img a {
	color:#b2c0c9;
	font-size:10px;
	background:#0091eb;
	border:1px solid #00b8ff;
	border-radius:5px;
	padding:1px 5px;
	margin-bottom:0px;
	box-shadow: inset 0px -8px 26px 0px #027495;
}

#content .donatiom .donator .img a:focus {
	color:#fff;
}

#content .donatiom .donator .search {
	float:left;
	width:100%;
}

#content .donatiom .donator .search label {
	font-size:10px;
	color:#afafaf;
}

#content .donatiom .donator .search input[type="text"] {
	border:1px solid #00b9f5;
	background:#0a0a0a;
	height:25px;
	width:130px;
}

#content .donatiom .donator .details {
	float:left;
	width:100%;
	padding:0px 30px;
}

#content .donatiom .donator .details table {
	background:none;
	float:left;
	width:100%;
	border-spacing:0px;
	border:none;
}

#content .donatiom .donator .details table tr th {
	font-size:10px;
	color:#afafaf;
	padding:2px 4px;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background:none;
}

#content .donatiom .donator .details table tr.none-bg {
	background:none;
	border:none;
}

#content .donatiom .donator .details table tr.border-top {
	border-top:1px solid #000000;
}

#content .donatiom .donator .details .bg {
	background:red;
	float:left;
	width:100%;
}

#content .donatiom .donator .details table tr td {
	font-size:10px;
	color:#afafaf;
	padding:2px 4px;
}

#content .donatiom .donator .details table tr {
	background:#222222;
}

#content .donatiom .donator ul.number li {
	display:inline-block;
	padding:0px 1px;
	list-style:none;
	font-size:10px;
	color:#00ace3;
}

#content .donatiom .donator ul.number li a {
	font-size:10px;
	color:#00ace3;
}

#content .new {
	float:left;
	width:100%;
	border:1px solid #080808;
	padding:7px 7px;
	margin-bottom:9px;
}

#content .new h3  {
	font-size:36px;
	font-family: 'Devil_Breeze_Light';
	color:#01a1fa;
	line-height:36px;
}

#content .new h3 span {
	font-size:36px;
	font-family: 'Devil_Breeze_Light';
	color:#fff;
}

#content .new ul.bxslider li {
	padding:60px 60px 80px 60px;
	list-style:none;
}

#content .new .text {
	position:absolute;
	top:0%;
	left:0%;
}

#content .bx-wrapper {
	margin-bottom:30px;
}

#content .update {
	float:left;
	width:100%;
	background:#111111;
	border:1px solid #080808;
}

#content .update .border-left {
	border-left:1px solid #080808 !important;
}

#content .update ul {
	float:left;
	width:100%;
	padding:5px 55px 61px 5px;
	margin-bottom:0px;
}

#content .update ul li {
	color:#959595;
	font-size:10px;
	background:url(../images/dots.png) left 5px no-repeat;
	list-style:none;
	padding-left:10px;
}

#content .update ul li a {
	color:#959595;
}

#content .update h6.left-side {
	padding-left:45px;
	position:relative;
}

#content .update h6.left-side:after {
	position:absolute;
	top:35%;
	right:0%;
	content:'';
	background:url(../images/des.png) 0% 0% no-repeat;
	width:5px;
	height:9px;
}

#content .item {
	float:left;
	width:100%;
	background:#111111;
	margin-top:15px;
	padding-bottom:5px;
	border:1px solid #080808;
}

#content .item .panel {
	border:1px solid #393939;
	padding-left:5px;
	height:92px;
}

#content .item h6 {
	color:#afafaf;
	font-size:12px;
	margin-bottom:5px;
}

#content .item h5 {
	color:#afafaf;
	font-size:11px;
	margin-bottom:5px;
}

#content .item label {
	font-size:10px;
	color:#636363;
	line-height:10px;
	margin-top:0px;
}

#content .item .top {
	padding-top:20px;
}	

#content .item a {
	color:#b2c0c9;
	font-size:10px;
	background:#0091eb;
	border:1px solid #00b8ff;
	border-radius:5px;
	padding:1px 5px;
	margin-top:20px;
	margin-bottom:0px;
	box-shadow: inset 0px -8px 26px 0px #027495;
}

#content .item a:focus {
	color:#fff;
}

#content .signa {
	float:left;
	width:100%;
	margin-bottom:5px;
}

#content .signa .button.signature {
	padding:0px;
	background:url(../images/Signature_off.png) 0% 0% no-repeat;
	background-size:cover;
	border:1px solid #080808;
	width:100%;
	height:68px;
	float:left;
	margin-bottom:4px;
}

#content .signa .button.signature:focus {
	background:url(../images/Signature_on.png) 0% 0% no-repeat;
	background-size:cover;
	border:1px solid #080808;
	width:100%;
	height:68px;
	float:left;
}

#content .signa .button.faq {
	padding:0px;
	background:url(../images/FAQ_off.png) 0% 0% no-repeat;
	background-size:cover;
	width:100%;
	border:1px solid #080808;
	height:36px;
	float:left;
	margin-bottom:7px;
}

#content .signa .button.faq:focus {
	background:url(../images/FAQ_on.png) 0% 0% no-repeat;
	background-size:cover;
	border:1px solid #080808;
	width:100%;
	height:36px;
	float:left;
}

#content .signa .button.donationmodule {
	padding:0px;
	background:url(../images/Donationmodule_off.png) 0% 0% no-repeat;
	background-size:cover;
	width:100%;
	border:1px solid #080808;
	height:105px;
	float:left;
	margin-bottom:4px;
}

#content .signa .button.donationmodule:focus {
	background:url(../images/Donationmodule_on.png) 0% 0% no-repeat;
	background-size:cover;
	border:1px solid #080808;
	width:100%;
	height:105px;
	float:left;
}


#content .facebook {
	float:left;
	width:100%;
	background:#161616;
	border:1px solid #080808;
	margin-bottom:10px;
}

#content .facebook .border {
	float:left;
	width:100%;
	padding:5px 5px;
}

#content .facebook .border .border-line {
	float:left;
	width:100%;
	border:1px solid #080808;
	padding:80px 15px;
}

#content .facebook h6 {
	color:#afafaf;
	font-size:10px;
}


#content p.last {
	font-size:10px;
	color:#ffffff;
	font-family:'Arial';
}

#content p.last span {
	color:#0089df;
}


/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

#header .columns {
	padding:0px;
}

.top-bar .toggle-topbar.menu-icon a {
	height:40px;
}

#content .bg-color .left-side-img, #content .bg-color .right-side-img {
	display:none;
}

#header .top-bar-section ul {
	margin-top:45px;
	background:#1c1c1c;
}

.top-bar.expanded .title-area {
	background:none;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top:-5px;
}

ul li h1 {
	margin-top:0px;
	margin-left:15px;
}

#header {
	background-position:40% top;
}

#header.shop {
	background-position:70% top;
}

#header .players {
	margin-right:0px;
}

#content .item .panel {
	height:150px;
}

#header a.button {
	background-size:contain;
	background-position:right top;
}

#header .players {
	background-size:contain;
	background-position:right top;
}

#header a.button:focus {
	background-size:contain;
	background-position:right top;
}


.row .row {
	margin:0px;
}

#header .players h6 {
	padding-left:64px;
}

#content .donatiom .donator form .field h4 {
	font-size:8px;
}

#content .donatiom .donator .ring.client .mega ul {
	padding:10px 20px;
}

#content .donatiom .donator .details {
	padding:0px;
}

#content .donatiom .donator .ring.client {
	padding:0px 0px;
}

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:56.1875em) {

#content h6 {
	font-size:8px;
}

#content .bg-color .left-side-img img, #content .bg-color .right-side-img img {
	width:50%;
}

#header .top-bar-section ul li a {
    padding: 0px 0px 0px 34px;
}

#content .bg-color {
	margin-top:-2px;
}

#header a.button h6 {
	font-size:6px;
}

#header a.button {
	padding-left:10px;
}

#header .players {
	margin-right:30px;
}

#header a.button {
	background-size:contain;
	height:38px;
}

#header a.button:focus {
	background-size:contain;
	height:38px;
}

#header .top-bar {
	height:38px;
}

#header .top-bar-section ul li a {
	line-height:38px;
}

.row .row {
	margin:0px;
}

#content .panel h5 {
	font-size:8px;
}

#content .panel h5 a {
	margin-bottom:5px;
	display:inline-block;
}

#content .panel form .login label {
	text-align:left;
}

#content .panel label input[type="checkbox"] {
	margin-right:3px;
}

#content .panel form input[type="submit"] {
	width:100%;
}

#content .panel form .login {
	padding-left:5px;
}

.top-bar-section .has-dropdown > a:after {
	margin-top:-5.5px;
}

#content .donatiom .donator .padding-normal {
	padding:0px 5px;
}

#content .donatiom .donator .img a {
	font-size:8px;
}
	
}
