/*
CSS Styles for Khan Wars 8.0 GATE, XS Software
Website: http://www.xs-software.com/
*/

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

ul, ol {
	list-style: none;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background: #fff!important;
}

input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.mobileBackground {
	text-align: center;
}

.mobileBackground + #gettingStartedBtn {
	position: relative;
	z-index: 10;
}

#logo {
	width: 95%;
	max-width: 430px;
	height: 200px;
	/*background: url(../img/v70/logos/logo_en.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center;*/
	background: url(../img/v70/logos/logo_en.png) no-repeat center;
	background-size: contain;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	display: inline-block;
}

#logo h1 {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 124px;
	text-align: center;
	color:#fff;
	text-shadow: 0px 0px 5px #000;
	font-size: 12px;
	z-index: 10;
}

#logo h2 {
	width: 80%;
	left: 10%;
	top: 92px;
	position: absolute;
	padding: 4px 0;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #d1d1d1;
	text-shadow: 0px 1px 3px #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 10;
}



#logo.ar { background: url(../img/v70/logos/logo_ae.png) no-repeat center; background-size: contain;}
/*#logo.al { background: url(../img/v70/logos/logo_al.png) no-repeat center}*/
#logo.bg { background: url(../img/v70/logos/logo_bg.png) no-repeat center; background-size: contain;}
#logo.br { background: url(../img/v70/logos/logo_br.png) no-repeat center; background-size: contain;}
#logo.cz { background: url(../img/v70/logos/logo_cz.png) no-repeat center; background-size: contain;}
#logo.de { background: url(../img/v70/logos/logo_de.png) no-repeat center; background-size: contain;}
#logo.en { background: url(../img/v70/logos/logo_en.png) no-repeat center; background-size: contain;}
#logo.es { background: url(../img/v70/logos/logo_es.png) no-repeat center; background-size: contain;}
#logo.fr { background: url(../img/v70/logos/logo_fr.png) no-repeat center; background-size: contain;}
#logo.ir { background: url(../img/v70/logos/logo_ir.png) no-repeat center; background-size: contain;}
#logo.lt { background: url(../img/v70/logos/logo_lt.png) no-repeat center; background-size: contain;}
#logo.tr { background: url(../img/v70/logos/logo_tr.png) no-repeat center; background-size: contain;}
/*#logo.ruxs { background: url(../img/v70/logos/logo_ru.png) no-repeat; }
#logo.ru { background: url(../img/v70/logos/logo_ru.png) no-repeat; }*/
#logo.us { background: url("../img/v70/logos/logo_us.png") no-repeat; background-size: contain;}

/*body.gid-ar.port-853 #logo.ar { background: url("../img/v70/logos/logo_ae2.png") no-repeat; }*/

body.gid-int.port-880 #logo {
	background: url("../img/v70/logos/SwornSwords.png") no-repeat;
}

body.gid-int.port-881 #logo {
	background: url("../img/v70/logos/Battlements.png") no-repeat;
}

.cornerdetails,
.playnow:after,
.playnow:before,
.rankingTitle .after,
.rankingTitle .before,
.tab.current .left,
.tab.current .right,
.tab .left,
.tab .right {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../img/KWX/ui.png);}

.cornerdetails {width:74px; height:75px; background-position: -2px -2px}
.playnow:after {width:32px; height:48px; background-position: -78px -2px}
.playnow:before {width:32px; height:48px; background-position: -112px -2px}
.rankingTitle .after {width:12px; height:63px; background-position: -146px -2px}
.rankingTitle .before {width:12px; height:63px; background-position: -160px -2px}
.tab.current .left {width:30px; height:45px; background-position: -2px -79px}
.tab.current .right {width:30px; height:45px; background-position: -34px -79px}
.tab .left {width:30px; height:45px; background-position: -66px -79px}
.tab .right {width:30px; height:45px; background-position: -98px -79px}

.checkboxContainer {
	display: flex;
	align-items: center;
}

.checkboxContainer input[type="checkbox"] {
	display: none;
}

.checkboxContainer label {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 27px;
	height: 27px;
	background: #fff;
	border: 1px solid #9c8e7c;
	border-radius: 4px;
	box-shadow: 0 0 10px #c6c6c6 inset;
	cursor: pointer;
}

.checkboxContainer .checkboxCustom {
	display: none;
	position: absolute;
	width: 36px;
	height: 36px;
	top: -7px;
	left: -5px;
	background: url('../img/KWX/checkMark.png') no-repeat top left;
}

.checkboxContainer input[type="checkbox"]:checked + .checkboxCustom {
	display: block;
}

/* ----------------------------- */

a img{
	border:none
}

.hidden {
	display: none !important;
}

h2 {
	font-family: Georgia, sans-serif;
	font-size: 32px;
	color: #fff;
	text-align: left;
	margin-bottom: 20px;
	cursor: default;
}

#register .buttons .register{
	margin-left:64px;
	font-size:11px
}

#login .loginForm .preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -68px;
	width: 136px;
	height: 30px;
}

#login .loginAlternate {
	padding: 5px 0 0 0;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#login .additional {
	margin-top: 10px;
	margin-bottom: 5px;
}

#login .additional a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

#login .additional label {
	display: block;
}

#login .newAccount {
	display: none;
	clear: both;
	margin: 15px 0 0 0;
}

/* ----------------------------- */

.dialogOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	z-index: 150;
	pointer-events:none;
}

.dialogWrapper {
	position: absolute;
	z-index: 160;
	background: #17140E;
	padding:10px;
	box-shadow: 0px 0px 150px #FAA872;
}

.dialogWrapper.statistics {
	background: #17140e url('../img/v70/pickerBg.jpg') center center no-repeat;
	background-size: cover;
	min-height: 320px;
	width: 714px;
	margin-left: -382px;
	top: 10%;
	left: 50%;
}

.dialogWrapper.statistics .listTable {
	color: #fff;
	width: 100%;
}

.dialogWrapper.statistics .listTable th, .dialogWrapper.statistics .listTable td {
	width: 20%;
}

.dialogWrapper.statistics .listTable tr:nth-of-type(odd) {
	background: rgba(255, 255, 255, .05);
}

.dialogWrapper.statistics .listTable thead tr {
	background: rgba(255, 0, 0, 0.38)!important;
}

.dialogWrapper.worldPicker {
	background: #17140e url('../img/v70/pickerBg.jpg') center center no-repeat;
	background-size: 100%;
	min-height: 220px;
	width: 714px;
	margin-left: -382px;
	top: 50px;
	left: 50%;
}

.dialogWrapper.password {
	background-size: 100%;
	width: 360px;
	top: 150px;
	left: 50%;
	margin-left: -180px;
}

.dialogWrapper.password h2.uniTitle {
	background: url('../img/v70/popup_title_s.png') top left no-repeat!important;
}

.dialogWrapper .content {
	position: relative;
	margin-top:10px;
	padding-top:10px;
	z-index: 5;
}

.dialogWrapper .listTable.content {
	z-index: 0;
}

.dialogWrapper .content .remember {
	position: absolute;
	top: -45px;
	right: 40px;
	font-size: 12px;
	color: #999;
	text-shadow: 0px 1px 2px black;
	line-height: 14px;
	display: block;
	z-index: 5;
	cursor: pointer;
}

.dialogWrapper .content .remember:hover {
	color: #fff;
}

.dialogWrapper .content .remember label, .dialogWrapper .content .remember input {
	cursor: pointer;
}

.dialogWrapper .content .remember input {
	height: 20px;
	width: 20px;
}

.dialogWrapper .content .remember span {
	position: relative;
	top: -5px;
	font-size: 16px;
}

/* ----------------------------- */

.dialogWrapper .content .formbox {

}

.dialogWrapper .content .formbox .row {
	overflow: hidden;
	padding: 5px 0;
}

.dialogWrapper .content .formbox .row .text {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.dialogWrapper .content .formbox .row .field {
	text-align: center;
}

.dialogWrapper .content .formbox .row .field input,
.dialogWrapper .content .formbox .row .field select {
	background: #e6ddca url('../img/form_bknd.png') top left repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	color: #321a04;
	border: 1px solid #ada281;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.dialogWrapper .content .formbox .row .field select {
	padding: 0;
}

.dialogWrapper .content .formbox .row .field input:focus {
	background-color: #d2c3a5;
	border: 1px solid #857956;
}

.dialogWrapper .content .formbox .buttonrow {
	text-align: center;
}

/* ----------------------------- */

.worldsList .worldRow {
	position: relative;
	border-radius: 12px;
	box-shadow: 0 0 10px #38312D;
	margin: 0 0 15px;
	text-shadow: 0px 1px 2px #000;
	cursor: default;
}

.worldRow {
	position: relative;
	top: 5%;
}

.worldsList .worldRow:hover {
	box-shadow: 0 0 10px #997967;
}

.flags-worlds {
	display: none;
}

.worldsList .worldRow.classic {
	background: rgba(23, 20, 14, 0.5) url('../img/v70/worlds_bknd1.jpg') no-repeat;
}

.worldsList .worldRow.new {
	background: rgba(23, 20, 14, 0.5) url('../img/v70/worlds_bknd2.jpg') no-repeat;
}

.worldsList .worldRow.retro {
	background: rgba(23, 20, 14, 0.5) url('../img/v70/worlds_bknd3.jpg') no-repeat;
}

.worldsList .worldRow.old {
	background: rgba(23, 20, 14, 0.5) url('../img/v70/worlds_bknd4.jpg') no-repeat;
}

.worldsList .worldRow.worldCup {

}

.worldRow .title {
	height: 34px;
	background: rgba(61, 55, 46, 0.5);
	border-radius: 4px;
	line-height: 34px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.worldRow .title strong {
	display:none;
}

.worldRow .title font {
	color:#ffffff!important;
}

.worldRow .title .worldTitle {
	margin:0 5px;
	color: #e0af03;
}

.worldRow .info {
	background: url(../img/v5.0/worlds_info.png) no-repeat top left;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 18px;
	height: 16px;
	border-radius: 2px 2px 2px 2px;
}

.worldRow .label {
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: -11px;
	left: 135px;
	width: 120px;
	height: 60px;
	z-index: 1;
}

.worldRow.classic .label {
	background-image: url(../img/v70/worlds_label_classic.png);
}

.worldRow.new .label {
	background-image: url(../img/v70/worlds_label_new.png);
}

.worldRow.retro .label {
	background-image: url(../img/v70/worlds_label_retro.png);
}

.worldRow.worldCup .thumb {
	background-image: none!important;
}

.worldRow.worldCup .stats .statsFlags {
	margin-top:10px!important;
}

.worldRow .thumb .worldCupString {
	display: none;
	background: rgba(0, 0, 0, 0.65);
	position: absolute;
	top: 80px;
	left: 160px;
	height: 24px;
	padding: 0 10px;
	color: white;
	font-size: 9px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
	font-family: verdana, sans-serif;
	border-radius: 5px;
}

.worldRow.worldCup .thumb .worldCupString {
	display:block!important;
}

.worldRow .thumb {
	display: inline-block;
	background-position: 0px -1px;
	background-repeat: no-repeat;
	width: 250px;
	height: 100px;
}

.worldRow .thumb .v70 {
	width: 80px;
	height: 80px;
	background: url('../img/v70/v7icon.png');
	position: absolute;
	left: 170px;
	top: 35px;
}

.worldRow .thumb .recom {
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 80px;
	left: 10px;
	height: 24px;
	padding: 0 10px;
	color: #e0af03;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
	border-radius: 5px 5px 0px 0px;
}

.worldRow .stats {
	display: inline-block;
	width: 220px;
	font-size: 10px;
	line-height: 13px;
	vertical-align: top;
}

.worldRow .stats .statsLeft {
	display: inline-block;
	width: 70%;
	margin: 5px 0 0 0;
	padding: 0 10px
}

.worldRow .stats .statsFlags {
	float: right;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0 0;
	padding: 0 10px;
}

.worldRow .stats .statsLeft img {
	border: 0;
}

.worldRow .stats strong {
	color: #b7b4af;
	font-weight: normal;
}

.worldRow .loginBox {
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
}

.dialogWrapper .content .formbox .buttonrow input {
	display: inline-block;
}

.worldRow a.loginBtn {
	display: block;
}

.worldRow a.loginBtn, .dialogWrapper .content .formbox .buttonrow input {
	background: url('../img/v70/popup_button.png') no-repeat center center;
	background-position: 0 0;
	width: 170px;
	height: 53px;
	line-height: 53px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	padding: 0 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px #000000;
	border: 0;
	cursor: pointer;
	font-weight: normal;
	vertical-align: top;
	text-transform: uppercase;
	margin: 25px 10px 0 10px;
}

.worldRow a:hover.loginBtn, .dialogWrapper .content .formbox .buttonrow input:hover {
	background-position: -170px 0;
}

.dialogWrapper .button a {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 705px;
	height: 32px;
	line-height: 25px;
	color: #F8161F;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 1px 2px #000;
}

.dialogWrapper .button a:hover {
	background-position: 0px -32px;
	color: #ffffff;
}

.worldsList#registrationWorlds {
	margin: 15px 0 10px;
}

.dialogWrapper .group.terms {
	margin: 5px 0 0 0;
	padding: 10px 0;
	color: #999;
	text-align: center;
	border-top: 1px dashed #404040;
}

.dialogWrapper .group.terms a {
	color: #c39302;
}

.dialogWrapper .group.terms a:hover {
	color: #fff;
}

/* ----------------------------- */

/* POP-UP STYLES */

.dialogWrapper .top {
background: url('../img/v70/popup_top.png') repeat-x;
height: 12px;
top: -12px;
position: absolute;
left: 0px;
width: 100%;
}

.dialogWrapper .bottom {
background: url('../img/v70/popup_bottom.png') repeat-x;
height: 12px;
bottom: -12px;
position: absolute;
left: 0px;
width: 100%;

}

.dialogWrapper .top .left,
.dialogWrapper .top .right,
.dialogWrapper .bottom .left,
.dialogWrapper .bottom .right {
background: url('../img/v70/popup_corners.png') no-repeat;
position: absolute;
height: 12px;
width: 12px;
z-index: 2;
}

.dialogWrapper .top .left {
background-position: 0px 0px;
left: -12px;
}

.dialogWrapper .top .right {
background-position: -12px 0px;
right: -12px;
}

.dialogWrapper .bottom .left {
background-position: -24px 0px;
left: -12px;
bottom: 0px;
}

.dialogWrapper .bottom .right {
background-position: -36px 0px;
right: -12px;
bottom: 0px;

}

.dialogWrapper .side {
position: absolute;
top: 0px;
left: 0px;
width: 20px;
height: 100%;
z-index: 1;
}

.dialogWrapper .side.left {
background: url('../img/v70/popup_left.png') repeat-y;
width: 12px;
left: -12px;
}

.dialogWrapper .side.right {
background: url('../img/v70/popup_right.png') repeat-y;
width: 12px;
right: -12px;
left: auto;
}

.dialogWrapper a.close {
display: block;
background: url('../img/v70/popup_close.png') no-repeat;
background-position: 0 0;
position: absolute;
top: -35px;
right: -25px;
height: 60px;
width: 60px;
z-index: 10;
opacity: 0.7;
cursor: pointer;
}

.dialogWrapper a.close:hover {
background-position: -60px 0;
opacity: 1;
}

/* ----------------------------- */
.dialogWrapper .thumbnailsList {
clear:both;
}

.dialogWrapper .thumbnailsList a {
text-decoration: none;
}

.dialogWrapper .thumbnailsList a img {
border: 4px solid rgba(255, 255, 255, .2);
margin: 4px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 8px #000;
-moz-box-shadow: 0 0 8px #000;
-webkit-box-shadow: 0 0 8px #000;
}

.dialogWrapper .thumbnailsList a:hover img {
border: 4px solid rgba(255, 255, 255, .3);
}

/* ----------------------------- */

.dialogWrapper ul.subNav {
overflow: hidden;
width:auto;
float:left;
padding: 5px 0;
margin: 0 0 15px 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.dialogWrapper .preloader {
background: rgba(0, 0, 0, 0.6) url(../img/v4.5/ajax-loader.gif) center center no-repeat;
height: 35px;
border: 1px solid #c4c4c4;
}

.dialogWrapper ul.subNav li {
display: inline-block;
margin: 0 5px;
font-family: Verdana, sans-serif;
}

.dialogWrapper ul.subNav li a {
display: block;
float: left;
color: #ddb78f;
text-decoration: none;
padding: 5px 10px;
font-weight: bold;
font-size: 13px;
text-shadow: 0px 1px 0px #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: rgba(255, 255, 255, .05);
}

.dialogWrapper ul.subNav li a:hover {
color: #fff;
text-decoration: none;
background: rgba(255, 255, 255, .1);
}

.dialogWrapper ul.subNav li.active a {
background: rgba(255, 255, 255, .15);
color: #fff;
cursor: default;
text-shadow: none;
}

.dialogWrapper ul.subNav li.active a:hover {
color: #fff;
background: rgba(255, 255, 255, .1);
text-decoration: none;
}

.dialogWrapper .popupTabsContent {
max-height: 452px;
overflow: hidden;
clear:both;
}

.dialogWrapper  select {
float: right;
padding: 5px;
margin-top:5px;
margin-left:5px;
background: #e6ddca;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #321a04;
border: 1px solid #997755;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


/* ----------------------------- */

.message {
position: absolute;
top: -9px;
left: auto !important;
border-radius: 5px 5px 5px 5px;
color: #fff;
margin: 10px 0 0;
padding: 5px;
z-index: 99;
box-shadow: 0 0 4px #000;
-moz-box-shadow: 0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
}

.message.error {
background-color: #b80300;
border: 1px solid #f62b00;
color: #fff;
text-shadow: 0 1px 0 #3a0707;
max-width: 220px;
}

.message .arrow {
height: 33px;
width: 21px;
position: absolute;
top: -2px;
}

.message.arrowLeft .arrow {
background: url(../img/c_error_arrowLeft.png) no-repeat 0 0;
left: -21px;
}

.message.arrowRight .arrow {
background: url(../img/c_error_arrowRight.png) no-repeat 0 0;
right: -13px;
}

.message.info.arrowLeft .arrow {
background: url(../img/c_info_arrowLeft.png) no-repeat 0 0;
left: -21px;
}

.message.info.arrowRight .arrow {
background: url(../img/c_info_arrowRight.png) no-repeat 0 0;
left: -13px;
}

.message.info {
background-color: #E9D57D;
border: 1px solid #FFF2B9;
color: #6B5252;
text-shadow: 0 1px 0 ##706761;
max-width: 220px;
}

/* ----------------------------- */

.dialogWrapper .messagesWrapper {
width: auto !important;
}

.dialogWrapper .message {
position: relative;
top: auto;
left: auto;
background-repeat: no-repeat;
border: 1px solid #ef8300;
font-size: 16px;
color: #fff;
max-width: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.dialogWrapper .message.error {
background-image: url(../img/alert_icon.png);
background-size: 50px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.3);
background-position: 10px 10px;
padding-left: 80px;
min-height: 61px;
}

.dialogWrapper .message.info {
background-size: 50px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.3);
background-position: 10px 10px;
min-height: 61px;
}

.dialogWrapper .message.recruit {
background-image: url(../img/recruit_background.png);
background-position: -30px center;
padding-left: 200px;
min-height: 80px;
}

/* ----------------------------- */

.preloader {
height: 45px;
background: rgba(0,0,0,0.9) url(../img/v4.5/ajax-loader.gif) center center no-repeat;
border: 1px solid #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#registerForm .preloader {
position: absolute;
width: 263px;
top: 50%;
left: 50%;
margin-left: -68px;
opacity: 0.8;
z-index: 1;
margin: 0 auto;
}

/* ----------------------------- */

#register_arrow {
position: absolute;
z-index: 10;
width: 79px;
height: 48px;
overflow: hidden;
background-image: url(../img/arrow_left.png);
}

#partner_logo {
text-align: center;
}

body.port-772 #partner_logo,
body.port-799 #partner_logo {
top: 615px;
}

#partner_logo_apru{
position: absolute;
z-index: 5;
width: 250px;
height: 99px;
left: 50%;
top: 692px;
margin-left: -125px;
text-align: center;
}

#partner_logo p {
position: absolute;
top: -32px;
left: 0;
background: #000;
background: rgba(0, 0, 0, 0.6);
width: 250px;
color: #fff;
font-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#partner_logo a img {
border: none;
}

.additionalCheckbox {
position: absolute;
top: 319px;
width: 630px;
left: -195px;
background: #000;
padding: 15px;
color: #fff;
border-radius: 5px;
font-size: 11px;
opacity: 0.8;
}

.additionalCheckbox a {
color: #fff !important;
}

*,*:hover,*:focus,*:active { outline: 0px none; }

.clear{
clear:both
}


iframe#myVideo{
width:300px;
height:228px;
position:absolute;
top:380px;
left:326px;
overflow:hidden
}

#RWPopup {
position: absolute;
left: 50%;
margin-left: -345px;
z-index: 160;
top: 100px;
padding: 155px 155px 35px 35px;
width: 499px;
height: 409px;
background: url("../img/v6.0/RWPopup.png") no-repeat 0 0;
}

#RWPopup a.close {
cursor: pointer;
display: block;
position: absolute;
top: -4px;
right: -8px;
width: 44px;
height: 38px;
z-index: 5;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0px 0px 15px #000;
-moz-box-shadow: 0px 0px 15px #000;
-webkit-box-shadow: 0px 0px 15px #000;
background: url("../img/dialog_close.png") no-repeat;
}

#RWPopup h2 {
text-align:center;
color:#993c11;
font-size:24px;
}

#RWPopup ul li {
/* clear: both; */
color: #676243;
font-size: 16px;
}

#RWPopup ul {
margin:10px 5px;
}

#RWPopup ul li strong {
color:#2e8018;
font-weight:bolder;
}

#RWPopup p.small {
width:70%;
margin:10px auto;
text-align:center;
}

#RWPopup p.bottom {
text-align: center;
color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
margin: 20px 0 0 5px;
}

body.gid-bg #RWPopup p.bottom,
body.gid-pt #RWPopup p.bottom,
body.gid-br #RWPopup p.bottom {
margin: -5px 0 0 5px;
}

#RWPopup p.bottom a {
font-weight:bold;
color:#632001;
}

#RWPopup p.bottom strong {
text-decoration:underline;
}

#RWPopup .RWButton {
width:366px;
height:58px;
line-height:58px;
display:block;
margin:10px auto;
text-align:center;
text-shadow:0 0 8px rgba(255,255,255,.8);
font-size:20px;
color:#fff;
text-decoration:none;
background: url("../img/v6.0/RWButton.png") no-repeat 0 0;
}

#RWPopup .RWButton:hover {
background: url("../img/v6.0/RWButton.png") no-repeat 0 -58px;
}


a.sq-logo img{
position:absolute;
left:329px;
top:489px
}

/* Gate registration ticks */
.f-reg-green-ok {
display: block;
position: absolute;
float: right;
width: 16px;
height: 16px;
top: 10px;
right: 65px;
background: url("../img/tick_box.png");
}

.f-reg-green-error {
display: block;
position: absolute;
float: right;
width: 16px;
height: 16px;
top: 10px;
right: 65px;
background: url("../img/cancel.png");
}

/* gate scrolls */

.dialogWrapper #playersRankingContent_scroll, .dialogWrapper #clansRankingContent_scroll {
max-height: 350px;
height: 480px;
padding: 0 24px 0 0;
clear:both;
height: 350px!important;
}

#playersRankingContent_scroll, #clansRankingContent_scroll {
max-height: 350px;
height: 480px;
padding: 0 24px 0 0;
clear:both;
height: 350px!important;
}

#rankingContent_scrollbar_track {
height: 410px;
left: 703px;
position: absolute;
top: 0px;
width: 10px;
}

#worldsList_scrollbar_track {
background: #23211e;
height: 100%;
left: 710px;
position: absolute;
top: 0px;
width: 10px;
}

#scrollbar_handle {
background: #645B4D;
width: 10px;
border: none;
}

.dialogWrapper #worldsListScroll {
overflow: hidden;
min-height: 140px;
max-height: 480px;
padding: 5px 10px;
}

.scrollShadowTop, .scrollShadowBottom{
position: absolute;
height: 20px;
width: 100%;
opacity:.7;
z-index:1;
}

#bottomBarContent .scrollShadowTop {
display: none;
}

.leftCornerBanner {
position:absolute;
height:125px;
width:125px;
right:0;
top: 24px;
}

.leftCornerBanner span.frame {
position:absolute;
height:125px;
width:125px;
top:0;
left:0;
background: url(../img/v6.0/leftCornerFrame.png) no-repeat top left;
}

#registerButton h2#registration_submit {display:none;}


/*==== GLOBAL HEADLINE STYLES ============*/

h2.uniTitle {
background: url(../img/v70/popup_title.png) top left no-repeat;
line-height: 33px;
height: 33px;
position: relative;
padding: 0 37px;
width: auto;
text-shadow: 0 1px 0 #000;
color: #FFF2E5;
font-weight: bold;
font-size: 14px;
font-family: Verdana, sans-serif;
text-transform: uppercase;
cursor: default;
}

h2.uniTitle strong {
color:#ccc;
text-transform:uppercase;
}

h2.uniTitle strong.active {
color:#fff;
}

.uniButton2 {
background: url(../img/layout-v5/button2_mid.png);
line-height: 26px;
height: 28px;
position: relative;
padding: 0 24px;
width: auto;
color: #fff!important;
text-transform: uppercase;
font-size: 10px;
text-shadow: 0 1px 0 #000;
text-decoration: none!important;
display: inline-block;
border-radius:14px;
}

#KWPopup {
position: absolute;
left: 50%;
margin-left: -345px;
z-index: 160;
top: 100px;
padding:15px;
width: auto;
height: auto;
background:#000;
}

#KWPopup a.close {
cursor: pointer;
display: block;
position: absolute;
top: -4px;
right: -8px;
width: 44px;
height: 38px;
z-index: 5;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0px 0px 15px #000;
-moz-box-shadow: 0px 0px 15px #000;
-webkit-box-shadow: 0px 0px 15px #000;
background: url("../img/dialog_close.png") no-repeat;
}

#KWPopup h2 {
color: #fff;
display: block;
text-align: center;
margin: 20px 0;
}

#KWPopup > h4 {
display: block;
text-align: center;
color: #888;
margin: 10px 0;
}

#KWPopup > p {
display: block;
text-align: center;
color: #666;
}

#KWPopup > h3 {
color: #ddb78f;
text-transform: uppercase;
font-size: 24px;
display: block;
text-align: center;
margin: 10px 0 20px 0;
}

/* NEW CSS STYLES  -- keep styles above for now -- */

html, body {
height: 100%;
line-height:1.5;
}

#madmooBar .wrapper {
width: auto!important;
}

#gateWrapper {
position: relative;
margin: 0 auto;
}

#mainWrapper {
width: 100%;
margin: 0 auto;
overflow: auto;
pointer-events: none;
text-align: center;
position: relative;
}

#sceneOver {
/*position: absolute;*/
/*z-index: 50;*/
	width: 100%;
	min-height: 648px;
/*height: 100%;*/
}

#forms {
	padding: 0;
	pointer-events: all;
	margin: 0 auto;
	pointer-events:all;
	background: url("../img/marketing/v13/KWBG01.png") 41% top no-repeat;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#newDecorations {
	vertical-align: top;
	position: absolute;
	top: 1%;
	left: 1%;
}

#newDecorations.allMarkets {
	left: 350px;
}

body.gid-us #newDecorations {
	/*right: auto;
	left: 0;*/
}

#logoMarketing {
width: 472px;
height: 112px;
background: url(../img/v6.0/marketing/logo_en.png) no-repeat center center;
background-position:center center;
margin: 0 auto;
padding: 30px 0 30px 0;
}

#logoMarketing.ar { background: url(../img/v6.0/marketing/logo_ae.png) center center no-repeat; }
#logoMarketing.al { background: url(../img/v6.0/marketing/logo_al.png) center center no-repeat; }
#logoMarketing.bg { background: url(../img/v6.0/marketing/logo_bg.png) center center no-repeat; }
#logoMarketing.br { background: url(../img/v6.0/marketing/logo_br.png) center center no-repeat; }
#logoMarketing.cz { background: url(../img/v6.0/marketing/logo_cz.png) center center no-repeat; }
#logoMarketing.de { background: url(../img/v6.0/marketing/logo_de2.png) center center no-repeat; }
#logoMarketing.es { background: url(../img/v6.0/marketing/logo_es.png) center center no-repeat; }
#logoMarketing.fr { background: url(../img/v6.0/marketing/logo_fr.png) center center no-repeat; }
#logoMarketing.ir { background: url(../img/v6.0/marketing/logo_ir.png) center center no-repeat; }
#logoMarketing.lt { background: url(../img/v6.0/marketing/logo_lt.png) center center no-repeat; }
#logoMarketing.tr { background: url(../img/v6.0/marketing/logo_tr.png) center center no-repeat; }

.callToAction {
margin: 0 auto;
width: 610px;
text-align:center;
line-height: 1.8;
font-family: Verdana;
margin-top: 20px;
background: url(../img/v70/callToBkg.png) no-repeat center center;
cursor:default;
}

.callToAction p {
font-size: 14px;
color: #fff;
padding: 15px 25px 20px 25px;
}

.callToAction span {
color: #962D2D;
font-weight:bold;
}

/* REGISTER FORM */

#register {
	display: flex;
	justify-content: center;
}

#registration_form {
/*width:380px;
margin:0 auto;
padding-top:20px;*/
}

.RegisterForm {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	background-color: #e4d8bc;
	background-image: url('../img/KWX/loginBg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	border: 4px solid #000;
	border-top: 0;
	box-sizing: border-box;
	width: 365px;
	box-shadow: 0 0 0 5px #686356;
}

/*.RegisterForm:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -8.5px;
	width: 102%;
	z-index: -1;
	height: 101%;
	border: 5px solid #7a766c;
	border-top: 0;
}*/

.RegisterForm .group{
	position: relative;
	display: flex;
	justify-content: center;
}

.RegisterForm input[type=text],
.RegisterForm input[type=password] {
	box-sizing: border-box;
    width: 70%;
    height: 34px;
    margin-bottom: 10px;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000;
    background: #fff;
    border: 1px solid #88806c;
    border-bottom-width: 3px;
    border-radius: 0;
    box-shadow: none;
}

.RegisterForm input:nth-child(3) {
margin: 0;
}

.RegisterForm .buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.separator {
width:397px;
height:11px;
background: url(../img/v6.0/marketing/separate.png);
}

.registerButton {
	text-decoration: none;
}

.registerButton span {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 3px #000;
    padding: 6px 22px;
    line-height: 22px;
    cursor: pointer;
    font-family: Georgia, sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89c144+0,62af06+50,2c8d06+51,2d8c06+100 */
    background: rgb(137,193,68); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(137,193,68,1) 0%, rgba(98,175,6,1) 50%, rgba(44,141,6,1) 51%, rgba(45,140,6,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(137,193,68,1) 0%,rgba(98,175,6,1) 50%,rgba(44,141,6,1) 51%,rgba(45,140,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(137,193,68,1) 0%,rgba(98,175,6,1) 50%,rgba(44,141,6,1) 51%,rgba(45,140,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c144', endColorstr='#2d8c06',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #a0fa34;
    border-bottom: 2px solid #2b5d14;
    border-left: 1px solid #5c9a21;
    border-right: 1px solid #5c9a21;
    box-shadow: 0 0 0 1px #61ae08, 0 0 0 2px #363530;
}

#f-reg-email {
margin:0;
}

#fbLogin {
width: 100%;
margin-left: 15px;
height: 40px;
float: left;
margin-top: 10px;
}

.fbLoginBtn {
width:280px;
padding:0 0 0 50px;
margin: 0 auto;
text-decoration:none;
display:block;
height:40px;
background: url(../img/v6.0/marketing/fbBtn.png);
}

.fbLoginBtn:hover {
background: url(../img/v6.0/marketing/fbBtn_h.png);
}

a.fbLoginBtn strong {
text-align: left;
display: block;
font-size: 16px;
text-decoration: none;
color: #fff;
padding: 5px 0 0 0;
text-shadow: 0 2px 0 rgba(0,0,0,.5);
}

a.fbLoginBtn small {
text-align: left;
display: block;
margin:-2px 0 0 0;
font-size: 10px;
text-transform:uppercase;
text-decoration: none;
color: #fff;
text-shadow: 0 2px 0 rgba(0,0,0,.5);
}

a.fbLoginBtn strong {
color:#fff;
}

#select-reg-world {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 70%;
	padding: 0 15px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: rgb(61,61,61);
    background: -moz-linear-gradient(top, rgba(61,61,61,1) 0%, rgba(5,5,5,1) 100%);
    background: -webkit-linear-gradient(top, rgba(61,61,61,1) 0%,rgba(5,5,5,1) 100%);
    background: linear-gradient(to bottom, rgba(61,61,61,1) 0%,rgba(5,5,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#050505',GradientType=0 );
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #000, 0 0 1px 2px #514d44;
}

#select-reg-world option {
	color: #000;
}


/*LOGIN FORM */
.LoginForm {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 365px;
	padding: 0;
	cursor: default;
	position: relative;
	margin: 0 auto;
	z-index: 0;
}

#login_form {
	position: relative;
    margin: 0 auto;
    padding: 10px 10px 20px 10px;
    background-color: #e4d8bc;
    background-image: url('../img/KWX/loginBg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border: 4px solid #000;
    border-top: 0;
    border-bottom-width: 5px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 0 0 5px #686356;
}

/*#login_form:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -8.5px;
	width: 102%;
	z-index: -1;
	height: 100%;
	border: 5px solid #686356;
}*/

.loginFormTabs {
	position: relative;
    z-index: 55;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 375px;
    overflow: hidden;
}

.loginFormTabs .tab {
	cursor: pointer;
	color: #fff;
	width: 50%;
	display: flex;
}

.loginFormTabs .tab:first-of-type {
	margin-left: -5px;
}

.loginFormTabs .tab:last-of-type {
	margin-right: -5px;
}

/*.loginFormTabs .tab .left {
	display: inline-block;
    position: relative;
    right: -5px;
}

.loginFormTabs .tab .right {
	display: inline-block;
    position: relative;
    left: -5px;
}*/

.loginFormTabs .tab .text {
	display: inline-block;
	align-items: center;
	/*border-top: 1px solid #948A77;
	box-shadow: 0 0 0 2px #000, 0 0 0px 6px #B0A58D;
	background: #0A0A09;*/
	/*padding: 1px 6px;*/
	/*font-size: 15px;
	height: 36px;
	line-height: 36px;*/
	vertical-align: top;
	margin: 6px 0 0 0;
	flex: 1;
	text-align: center;
}

.loginFormTabs .tab .text a {
	display: flex;
	align-items: center;
	line-height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.loginFormTabs .tab .text a span {
	flex: 1;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    top: 3px;
    height: 36px;
    line-height: 37px;
    border-top: 1px solid #948A77;
    box-shadow: 0 0 0 2px #000, 0 0 0px 6px #B0A58D;
    background: #0A0A09;
    position: relative;
    z-index: 5;
}

.loginFormTabs .tab .text a:before,
.loginFormTabs .tab .text a:after {
	content: '';
	position: relative;
	display: block;
	width: 30px;
	height: 45px;
	background-repeat: no-repeat;
	background-image: url(../img/KWX/ui.png);
	z-index: 10;
	top: 1px;
}

.loginFormTabs .tab .text a:before {
	left: 5px;
	background-position: -66px -79px;
}

.loginFormTabs .tab .text a:after {
	right: 5px;
    background-position: -98px -79px;
}

.loginFormTabs .tab.current {
	position: relative;
}

.loginFormTabs .tab.current .text a span {
	top: 2px;
	height: 38px;
	background: #e4d8bc;
	border-top: 4px solid #000;
	box-shadow: 0 -3px 0 0 #edeae5;
}

.loginFormTabs .tab.current .text a {
	color: #000;
}

.loginFormTabs .tab.current .text a:before {
	background-position: -2px -79px;
}

.loginFormTabs .tab.current .text a:after {
	background-position: -34px -79px;
}

#login_form .contentTitle,
#registerForm .contentTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 5px;
}

#login_form .contentTitle .line,
#registerForm .contentTitle .line {
	flex: 1;
	height: 3px;
	background-color: #71654e;
}

#login_form .contentTitle .text,
#registerForm .contentTitle .text {
	padding: 0 20px;
    font-family: Georgia, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
	color: #53462b;
}

#login_form .loginForm {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.LoginForm .group{
	position: relative;
}

.LoginForm input[type=text],
.LoginForm input[type=password] {
	box-sizing: border-box;
    width: 70%;
    height: 34px;
	margin-bottom: 10px;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000;
    background: #fff;
    border: 1px solid #88806c;
    border-bottom-width: 3px;
    border-radius: 0;
    box-shadow: none;
}

.LoginForm input:nth-child(3) {
margin: 0;
}

.loginForm p {
text-align: center;
color: #fff;
font-size: 16px;
}

.loginForm .checkboxContainer {
	width: 70%;
	margin-bottom: 15px;
}

.loginForm .checkboxContainer > span {
	margin-left: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	cursor: default;
}

#login_form .loginForm .contentTitle .line {
	background-color: #4d6fa9;
}

.group.terms {
	flex-direction: column;
	margin-bottom: 15px;
	padding: 5px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #756546;
	line-height: 13px;
}

.group.terms > div {
	width: 70%;
	margin: auto;
}

.group.terms label.agree {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
}

.group.terms a {
	font-family: 'Open Sans', sans-serif;
	text-decoration: underline;
	color:#756546;
}

.group.terms a:hover {
color:#CC171E;
}

#f-reg-terms {
margin: 0 5px 0 0;
float: left;
cursor: pointer;
}

.message.arrowLeft {
left: 105%;
}

.separator {
width:397px;
height:11px;
background: url('../img/v6.0/marketing/separate.png');
}

input.login {
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
    text-shadow: 0 0 3px #000;
	padding: 5px 22px;
    line-height: 22px;
	cursor: pointer;
	font-family: Georgia, sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89c144+0,62af06+50,2c8d06+51,2d8c06+100 */
    background: rgb(137,193,68); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(137,193,68,1) 0%, rgba(98,175,6,1) 50%, rgba(44,141,6,1) 51%, rgba(45,140,6,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(137,193,68,1) 0%,rgba(98,175,6,1) 50%,rgba(44,141,6,1) 51%,rgba(45,140,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(137,193,68,1) 0%,rgba(98,175,6,1) 50%,rgba(44,141,6,1) 51%,rgba(45,140,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c144', endColorstr='#2d8c06',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #a0fa34;
    border-bottom: 2px solid #2b5d14;
    border-left: 1px solid #5c9a21;
    border-right: 1px solid #5c9a21;
    box-shadow: 0 0 0 1px #61ae08, 0 0 0 2px #363530;
}

#f-reg-email {
margin:0;
}

.facebookWrapper {
/* width:300px; */
padding:10px 0;
display:block;
text-align: center;
}

.facebookWrapper p {
color: #fff;
font-size: 14px;
}

#fbLogin {
width: 100%;
margin-left: 15px;
height: 40px;
float: left;
margin-top: 10px;
margin-bottom: 5px;
}

#fbLoginBtn {
height: 20px;
}

.fbLoginBtn {
width:280px;
padding:0 0 0 50px;
margin: 0 auto;
text-decoration:none;
display:block;
height:40px;
background: url(../img/v6.0/marketing/fbBtn.png);
}

.fbLoginBtn:hover {
background: url(../img/v6.0/marketing/fbBtn_h.png);
}

a.fbLoginBtn strong {
text-align: left;
display: block;
font-size: 16px;
text-decoration: none;
color: #fff;
padding: 5px 0 0 0;
text-shadow: 0 2px 0 rgba(0,0,0,.5);
}

a.fbLoginBtn small {
text-align: left;
display: block;
margin:-2px 0 0 0;
font-size: 10px;
text-transform:uppercase;
text-decoration: none;
color: #fff;
text-shadow: 0 2px 0 rgba(0,0,0,.5);
}

a.fbLoginBtn strong {
color:#fff;
}

.backButton {
margin: 10px 0 0 0;
text-align: center;
}

#backToLoginButton {
color: #fff;
text-decoration: none;
font-size: 14px;
padding: 6px 25px;
background: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 8px #859491;
-moz-box-shadow: 0 0 8px #859491;
-webkit-box-shadow: 0 0 8px #859491;
}

#backToLoginButton:hover {
box-shadow: 0 0 14px #80A39C;
-moz-box-shadow: 0 0 14px #80A39C;
-webkit-box-shadow: 0 0 14px #80A39C;
}


.RegisterForm, .LoginForm {
	z-index: 50;
	margin-bottom: 5px;
}

/* MEDIA */

#video {
display: none;
width: 40%;
border: 10px;
}

#video iframe {
width: 100%;
}

#media {
display:block;
margin:0 auto;
line-height: 18px;
clear: both;
pointer-events: all;
}

#media img {
padding: 0;
}

.mediaTitle {
text-align: center;
color: #CC171E;
text-transform:uppercase;
padding: 5px 0 0 0;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mediaScreenshots {
	margin: 0 auto;
	text-align:center;
}

.mediaScreenshots a {
border: none;
text-decoration: none;
}

.mediaScreenshots a img{
	margin: 12px 5px;
	width: 22%;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
}

.mediaScreenshots a img:hover{
	border-color: #9F9F9F;
}

/* HALL OF FAME */

.sectionContent {
	padding: 0 30px;
	background: rgba(255, 255, 255, 0.8);
}

.slide #ranking {
	width: 100%;
	margin: 0 auto;
	cursor: default;
}


.subNav ul{
list-style: none;
}

.subNav li {
display: inline-block;
padding: 4px 10px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.subNav li a{
color: #CC171E;
text-decoration: none;
font-size: 16px;
}

.subNav li.active a{
color: #fff;
}

.rankingSelect {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
text-align: center;
}

.hall_select {
padding: 8px;
}

#playersRankingContent_scroll, #clansRankingContent_scroll {

}

#playersRankingContent_scroll table tbody, #clansRankingContent_scroll table tbody {
	border: 1px solid #d5cbb7;
}

.subNav {
text-align: center;
}

#playersRankingContent_scroll table th, #clansRankingContent_scroll table th {

}

#playersRankingContent_scroll table tbody tr:nth-of-type(odd), #clansRankingContent_scroll table tbody tr:nth-of-type(odd) {
	background: rgba(255, 255, 255, 0.1);
}
#playersRankingContent_scroll table tbody tr:nth-of-type(even), #clansRankingContent_scroll table tbody tr:nth-of-type(even) {
	background: #f1f1f1;
}

#playersRankingContent_scroll table tbody tr.currentPlayer, #clansRankingContent_scroll table tbody tr.currentPlayer {
	background-color: rgba(208, 186, 140, 0.8);
}

.rankingSection .listTable th{
text-align: left;
}

.rankingSection:nth-of-type(1) .listTable th:nth-of-type(2), .rankingSection:nth-of-type(1) .listTable th:nth-of-type(3), .rankingSection:nth-of-type(1) .listTable th:nth-of-type(4), .rankingSection:nth-of-type(1) .listTable th:nth-of-type(5) {

}

.rankingSection:nth-of-type(2) .listTable th:nth-of-type(2), .rankingSection:nth-of-type(2) .listTable th:nth-of-type(3), .rankingSection:nth-of-type(2) .listTable th:nth-of-type(4) {

}

#playersRankingContent_scroll table tbody tr td, #clansRankingContent_scroll table tbody tr td {
	padding: 7px 25px;
    font-family: Georgia, sans-serif;
    font-size: 16px;
    text-align: center;
    border-right: 1px solid #d5cbb7;
    vertical-align: middle;
}

#playersRankingContent_scroll table tbody tr td {
	padding-top: 0;
	padding-bottom: 0;
}

#playersRankingContent_scroll table td img {
	vertical-align: middle;
}

#playersRankingContent_scroll table tbody tr td:first-of-type, #clansRankingContent_scroll table tbody tr td:first-of-type {
	padding: 7px;
}

#playersRankingContent_scroll table tbody tr td:nth-of-type(1),  #clansRankingContent_scroll table tbody tr td:nth-of-type(1), .rankingSection .listTable th:nth-of-type(1) {
	text-align: center;
}

#playersRankingContent_scroll table tbody tr td:nth-of-type(2), #playersRankingContent_scroll table tbody tr td:nth-of-type(3), #playersRankingContent_scroll table tbody tr td:nth-of-type(4), #playersRankingContent_scroll table tbody tr td:nth-of-type(5) {

}

#clansRankingContent_scroll table tbody tr td:nth-of-type(2), #clansRankingContent_scroll table tbody tr td:nth-of-type(3), #clansRankingContent_scroll table tbody tr td:nth-of-type(4) {

}

#playersRankingContent_scroll table tbody tr td:nth-of-type(1) {
text-align: center;
}

.viewAll {
color: #F8161F;
background: rgba(0, 0, 0, 0.35);
text-align: center;
cursor: pointer;
margin-top: 10px;
font-size: 16px;
text-transform: lowercase;
padding: 5px 0;
}

.viewAll:hover {
color: #fff;
background: rgba(0, 0, 0, 0.5);
}

/* FOOTER */
.footerTop {
	background: #f8f2e5 url('../img/v70/footer.png') center top repeat-x;
	width: 100%;
	height: 30px;
	display: block;
}

#footer {
height: auto;
background: #000;
cursor: default;
text-align: center;
width: 100%;
font-size: 12px;
color: #fff;
}

.footerInfo {
width: 70%;
margin:0 auto;
padding: 5px 0 0 0;
}

.footerInfo .description a {
font-size: 12px;
text-decoration: none;
}

.footerInfo .description a:hover {
text-decoration: underline;
}

#footer a {
color: #CC171E;
cursor:pointer;
}

#footer a:hover {
color: #FFF;
}

#footer h2 {
font-size: 15px;
margin: 0 0 5px 0;
color: #CC171E;
}

#footer .description {
display: inline-block;
font-size: 10px;
margin: 0 0 10px 0;
text-align:justify;
width: 50%;
}

#footer .social {
display: inline-block;
width: 50%;
vertical-align: top;
}

#vk_like {

}

#fbLike {
vertical-align: super;
}


/* IMPORTANT */

#imageDataContainer {
background:#000!important;
position: relative;
z-index: 10;
top: 560px;
}

#imageData #imageDetails {
width: 95%!important;
padding: 10px;
}

#imageData #imageDetails h3 {
font-size: 16px;
padding-bottom: 5px;
}

#imageData #imageDetails p {
font-weight: normal;
}

#outerImageContainer {
background:#000!important;
}

#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevN.png) left 15% no-repeat!important; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextN.png) right 15% no-repeat!important; }
#bottomNavClose img {display:none!important;}
a#bottomNavClose {background: url(../img/lightbox/closeN.png) no-repeat center center!important;display:block;width:34px; height:34px;}

#numberDisplay {display:none!important}

/* Gate Main Carousel */
#carousel-wrapper {
color: white;
width: 100%;
height: auto;
overflow: hidden;
}
#gateContentWrapper {
width: 100%;
height: 100%;
}

#gateContentWrapper .slide {
	/*height: 648px;*/ /* TODO */
	width: 100%;
	pointer-events: all;
}

#slide-1 {
	text-align: left;
}

.slideContent {
	width: 60%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.9);
}

.slideContent .contentTitle {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 35px;
	position: relative;
}

.slideContent .contentTitle:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 77px;
	height: 77px;
	background: url('../img/KWX/ui.png') no-repeat left top;
}

.slideContent .contentTitle .text {
	padding-right: 20px;
	font-family: Georgia, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #000;
}

.slideContent .contentTitle .line {
	flex: 1;
	height: 3px;
	background-color: #ffa700;
}

#whatIs {
padding: 10px;
}

#whatIs, #newsHolder {

}

#gateContentWrapper #slide-1 {
/*background: url("../img/marketing/v13/kwVideoBg.jpg") center top no-repeat;
background-size: 100%;
padding-bottom: 0;*/
	position: relative;
}

#gateContentWrapper #slide-1 .videoContainer {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	overflow: hidden;
	background: url(http://khanwars-resources.xs-software.com/gate7.0/img/KWX/videoPoster.jpg) right center no-repeat;
	background-size: cover;
}

#gateContentWrapper #slide-1 .videoContainer video {
	left: 50%;
	margin-left: -960px;
	display: block;
	max-width: none;
	position: relative;
	top: 0;
	height: calc(100% - 68px);
}

#gateContentWrapper #slide-2 {
	padding-top: 25px;
	padding-bottom: 35px;
	background-color: #f8f2e5;
	background-image: url('../img/KWX/BG/infoBg1.jpg'), url('../img/KWX/BG/infoBg2.jpg');
	background-repeat: no-repeat;
	background-position: left top, right top;
	position: relative;
	z-index: 30;
}

#gateContentWrapper #slide-2:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background-color: #f6ebd0;
	border-top: 1px solid #b1a995;
	border-bottom: 1px solid #b1a995;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

#gateContentWrapper #slide-2 .slideTran {
background: url("../img/v70/sceneTransition.png") no-repeat left bottom;
background-size: 100%;
width: 100%;
height: 121px;
margin-top: -121px;
position: absolute;
}

#gateContentWrapper #slide-3 {
	position: relative;
	padding-top: 25px;
	padding-bottom: 35px;
	background-color: #f8f2e5;
	background-image: url('../img/KWX/BG/newsBg1.jpg'), url('../img/KWX/BG/newsBg2.jpg');
	background-repeat: no-repeat;
	background-position: left top, right top;
}

#gateContentWrapper #slide-3:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background-color: #f6ebd0;
	border-top: 1px solid #b1a995;
	border-bottom: 1px solid #b1a995;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

#gateContentWrapper #slide-4 {
	padding-top: 25px;
	padding-bottom: 40px;
	background-color: #f8f2e5;
	background-image: url('../img/KWX/BG/rankingBg1.jpg'), url('../img/KWX/BG/rankingBg2.jpg');
	background-repeat: no-repeat;
	background-position: left top, right top;
}

#mainGateNav {
	position: relative;
	z-index: 60;
	display: flex;
	justify-content: center;
	margin: auto;
	padding: 10px 0;
	background: #f6ebd0;
	border-top: 2px solid #242424;
	text-align: center;
	box-shadow: 0px 1px 14px 1px rgba(0,0,0,0.5);
}

#fixedMenu {
	z-index: 65;
	padding: 12px 0;
	background: #f6ebd0;
	border-top: 2px solid #242424;
	text-align: center;
	box-shadow: 0px 1px 14px 1px rgba(0,0,0,0.5);
}

#mainGateNav a,
#fixedMenu a {
	display: inline-block;
	margin: 5px 10px;
    text-transform: uppercase;
    padding: 6px 15px;
    line-height: 22px;
    font-size: 15px;
    font-family: Georgia, sans-serif;
    text-decoration: none;
    color: #fff;
	background: rgb(112,112,112);
    background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(84,84,84,1) 13%, rgba(43,43,43,1) 50%, rgba(33,33,33,1) 51%, rgba(33,33,33,1) 94%, rgba(68,68,68,1) 96%);
    background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(84,84,84,1) 13%,rgba(43,43,43,1) 50%,rgba(33,33,33,1) 51%,rgba(33,33,33,1) 94%,rgba(68,68,68,1) 96%);
    background: linear-gradient(to bottom, rgba(112,112,112,1) 0%,rgba(84,84,84,1) 13%,rgba(43,43,43,1) 50%,rgba(33,33,33,1) 51%,rgba(33,33,33,1) 94%,rgba(68,68,68,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#444444',GradientType=0 );
    text-shadow: 0 0 3px #000;
    border-top: 1px solid #9c9a9a;
    border-bottom: 2px solid #2f2f2f;
    border-left: 1px solid #696969;
    border-right: 1px solid #696969;
    border-radius: 0;
    box-shadow: 0 0 0 1px #6a6b6d, 0 0 0 2px #414142;
    text-shadow: 0 0 3px #000;
}

#mainGateNav a.current,
#fixedMenu a.current {
	color: #000;
	text-shadow: none;
	background: #E4D8BC;
}

#mainGateNav a:hover {

}

.slideRow {
margin-bottom: 15px;
}

#gameInfo {
	padding: 0 30px;
	text-align: justify;
}

#gameInfo p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#gettingStartedBtn, #playNow {
	text-align: center;
}

#gettingStartedBtn .playnow {
	margin: 10px 0;
}

#playNow {
	width: 60%;
	margin: 0 auto;
	padding: 40px 0 20px 0;
	background-color: #fff;
	box-sizing: border-box;
}

#gettingStartedBtn .playnow,
#playNow .playnow {
	display: inline-block;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
	font-family: Georgia, sans-serif;
	font-size: 28px;
	height: 48px;
	box-sizing: border-box;
	text-transform: uppercase;
	line-height: 48px;
	text-decoration: none;
	color: #fff;
    text-shadow: 1px 1px 3px #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b80400+0,fc2f00+100 */
	background: rgb(184,4,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(184,4,0,1) 0%, rgba(252,47,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(184,4,0,1) 0%,rgba(252,47,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(184,4,0,1) 0%,rgba(252,47,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80400', endColorstr='#fc2f00',GradientType=0 ); /* IE6-9 */
	    box-shadow: inset 0px 2px 0px 0px #e90400, inset 0px -2px 0px 0px #e90400;
}

#gettingStartedBtn .playnow:before,
#gettingStartedBtn .playnow:after,
#playNow .playnow:before,
#playNow .playnow:after {
	content: '';
	display: block;
	position: absolute;
	margin-top: -1px;
}

#gettingStartedBtn .playnow:before,
#playNow .playnow:before {
	right: 100%;
	top: 0;
}

#gettingStartedBtn .playnow:after,
#playNow .playnow:after {
	left: 100%;
	top: 0;
}

#newsHolder {
	display: flex;
	justify-content: center;
	text-align: left;
	padding: 0 30px 20px 30px;
}

#newsEntry {
	margin: 10px;
	max-width: 300px;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 10px;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}

#newsEntry:hover {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
}

#newsEntry.onFocus .newsThumb{

}

#newsEntry.onFocus .newsInfo {

}

#newsEntry.onFocus .newsInfo h3 {
font-size: 22px;
}

#newsEntry.onFocus .newsInfo p {
	font-size: 14px;
}

.datePublished {
	display: block;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #929292;
}

#newsEntry.onFocus .datePublished {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #929292;
}

.newsThumb a {
	display: block;
	height: 140px;
	margin-bottom: 10px;
	overflow: hidden;
}

.newsThumb a img {
	width: 100%;
	height: 100%;
}

.newsInfo {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	cursor: default;
}

.newsInfo h3 {
	margin-bottom: 10px;
}

.newsInfo h3 a {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #000;
}

.newsInfo p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #3d3d3d;
}

.newsInfo span.readMore {
	display: block;
	margin: 15px 0;
	flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.newsInfo span.readMore a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #5d584a;
}

#slide-3 .slideContent .viewAllBtn {
	display: flex;
	justify-content: center;
}

#slide-3 .slideContent .viewAllBtn a {
	margin-bottom: 15px;
	display: inline-block;
	text-transform: uppercase;
	padding: 6px 15px;
	line-height: 22px;
	font-size: 15px;
	font-family: Georgia, sans-serif;
	text-decoration: none;
	color: #fff;
	background: rgb(112,112,112);
    background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(84,84,84,1) 13%, rgba(43,43,43,1) 50%, rgba(33,33,33,1) 51%, rgba(33,33,33,1) 94%, rgba(68,68,68,1) 96%);
    background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(84,84,84,1) 13%,rgba(43,43,43,1) 50%,rgba(33,33,33,1) 51%,rgba(33,33,33,1) 94%,rgba(68,68,68,1) 96%);
    background: linear-gradient(to bottom, rgba(112,112,112,1) 0%,rgba(84,84,84,1) 13%,rgba(43,43,43,1) 50%,rgba(33,33,33,1) 51%,rgba(33,33,33,1) 94%,rgba(68,68,68,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#444444',GradientType=0 );
    text-shadow: 0 0 3px #000;
    border-top: 1px solid #9c9a9a;
    border-bottom: 2px solid #2f2f2f;
    border-left: 1px solid #696969;
    border-right: 1px solid #696969;
    border-radius: 0;
    box-shadow: 0 0 0 1px #6a6b6d, 0 0 0 2px #414142;
	text-shadow: 0 0 3px #000;
}

/* Fixed header menu */
#fixedMenu {
top: 0;
position: fixed;
width: 100%;
/*height: 65px;
background: url("../img/v70/fixedMenu.png") left bottom repeat-x;
z-index: 100;
text-align: center;*/
}
/*
.fixedMenuWrapper {
width: 80%;
margin: 0 auto;
}

#fixedMenu #navigation {
float: left;
margin: 5px 10px 0;
}

#fixedMenu #navigation a {
color: #fff;
text-decoration: none;
font-size: 22px;
margin: 0 10px 0 0;
text-shadow: 0 0 2px #000;
}

#fixedMenu #navigation a:hover {
color:#F8161F;
}*/

#fixedMenu input {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #A0A0A0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 8px;
height: 12px;
width: 150px;
font-size: 18px;
font-family: georgian;
color: #9F9F9F;
}

#fixedMenu input:focus {
border: 1px solid #fff;
background: #000!important;
}

#fixedMenu #fixedLogin {
float: right;
margin-top: 5px;
}

#fixedLoginBtn {
background: url('../img/v70/regBtn_s.png') no-repeat center center;
background-size: 95%;
width: 160px;
height: 32px;
line-height: 32px;
font-size: 18px;
display: inline-block;
color: #fff;
text-decoration: none;
vertical-align: top;
}

#fixedLoginBtn:hover {
background: url('../img/v70/regBtn_s-h.png') no-repeat center center;
background-size: 95%;
}


/* VIDEO */

#videoBackground {
width: 100%;
height: auto;
background: url("../../img/marketing/v13/kwVideoBg.jpg") no-repeat;
background-size: cover;
}

/* Parallax */

#scene {
display: block;
height: 100%;
width: 100%;
overflow: hidden!important;
top:0;
background: url('../img/v70/kw7bg.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.content-wrapper{
margin-top: -780px;
max-width: 980px;
}

/* Logos */

.fore, .fore2, .knight, .knight2, .midFigures, .barbarian, .barbarian2 {
position: absolute;
}

/* MENU */

.nav {
pointer-events: all;
text-align: center;
position: relative;
z-index: 10;
display: inline-block;
margin: 15px 0 0 0;
}

.nav a{
color: #fff;
font-size: 22px;
text-decoration: none;
display: inline-block;
font-family: Verdana, sans-serif;
margin: 0 20px;
padding: 5px 10px;
text-shadow: 0 0 2px #000;
}

.nav a:hover{
color: #F8161F;
}

.nav a.carousel-jumper.inactive {
color: gray!important;
cursor: default!important;
}

.fore {
position: absolute!important;
background: url("../img/v70/fore.png") center bottom no-repeat;
background-size: 100%;
height: 100%;
width: 110%;
right: 0!important;
left: -5%!important;
top: auto!important;
bottom: 0px!important;
z-index: 100!important;
}
.fore2 {
position: absolute!important;
background: url("../img/v70/fore2.png") center bottom no-repeat;
background-size: 100%;
height: 100%;
width: 110%;
right: 0!important;
left: -5%!important;
top: auto!important;
bottom: -1%!important;
z-index: 90!important;
}
.midFigures {
position: absolute!important;
background: url("../img/v70/midFigures.png") center bottom no-repeat;
background-size: 100%;
width: 40%;
height: 570px;
right: auto!important;
left: 0!important;
top: auto!important;
bottom: 0!important;
z-index: 80!important;
}
.knight2 {
position: absolute!important;
background: url("../img/v70/knight2.png") no-repeat center bottom;
background-size: 100%;
height: 306px;
width: 14%;
left: 40%!important;
top: auto!important;
bottom: 24%!important;
}
.barbarian2 {
position: absolute!important;
background: url("../img/v70/barbarian2.png") no-repeat center bottom;
background-size: 100%;
height: 290px;
width: 7%;
right: 40%!important;
top: auto!important;
bottom: 33% !important;
}
.knight {
position: absolute!important;
background: url("../img/v70/knight.png") center bottom no-repeat;
background-size: 100%;
height: 590px;
width: 30%;
right: 25%!important;
top: auto!important;
bottom: -5%!important;
z-index: 90!important;
}
.barbarian {
position: absolute!important;
background: url("../img/v70/barbarian.png") center bottom no-repeat;
background-size: 100%;
height: 586px;
width: 32%;
right: 7%!important;
top: auto!important;
bottom: 32%!important;
z-index: 85!important;
}

.transition {
position: absolute!important;
background: url("../img/v70/sceneTransition.png") left bottom repeat-x;
background-size: 100%;
width: 100%;
height: 138px;
right: auto!important;
left: 0!important;
top: auto!important;
bottom: 0%!important;
z-index: 100!important;
}

#fbActionBtn, #fbRegisterBtn {
width: 300px;
margin: 0 auto;
overflow: hidden;
border-radius: 3px;
}

.rankingWrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.rankingWrapper .rankingSection {
	color: #000;
	flex: 1 1 100%;
}
.rankingSection h3 {
	text-transform: uppercase;
	font-size: 14px;
}
.rankingSection .rankingTitle {
	display: flex;
	align-items: center;
	width: 70%;
	margin: 20px auto;
}
.rankingSection .rankingTitle .text {
	flex: 1;
	padding: 15px 0 16px 0;
	font-family: Georgia, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	border-top: 1px solid #b1a995;
	border-bottom: 1px solid #b1a995;
}
.rankingWrapper .rankingSection table{
	width: 99%;
	margin: auto;
    border-collapse: collapse;
}
.rankingWrapper .rankingSection table th {
	padding: 5px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: #655f50;
	border-right: 1px solid #d0c5af;
}
/* WINTER GATE */

#gateContentWrapper.winter #forms {
	margin: auto;
}

/* WINTER 2 */

#gateContentWrapper.winter2 #slide-1.slide {
	/*height: 100%;*/
}
#gateContentWrapper.winter2 #slide-2 {
	margin-top: 0;
}
#gateContentWrapper.winter2 #forms {
	margin: auto;
	height: auto!important;
    width: auto!important;
	background: none!important;
}
#gateContentWrapper.winter2 #slide-1 {
	/*background: url("../img/v70/winter2/kw7bg.jpg") center top no-repeat;
    background-size: cover;
    padding-bottom: 0;*/
}

/* Parallax */

#gateContentWrapper.winter #scene {
display: block;
height: 100%;
width: 100%;
overflow: hidden!important;
top:0;
background: url('../img/v70/winter/kw7bg.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.content-wrapper{
margin-top: -780px;
max-width: 980px;
}

/* Logos */

#gateContentWrapper.winter #scene .fore, #gateContentWrapper.winter #scene .fore2, #gateContentWrapper.winter #scene .knight, #gateContentWrapper.winter #scene .knight2, #gateContentWrapper.winter #scene .midFigures, #gateContentWrapper.winter #scene .barbarian, #gateContentWrapper.winter #scene .barbarian2 {
position: absolute;
}


#gateContentWrapper.winter #scene .fore {
position: absolute!important;
background: url("../img/v70/winter/fore.png") center bottom no-repeat;
background-size: 100%;
height: 100%;
width: 110%;
right: 0!important;
left: -5%!important;
top: auto!important;
bottom: 0px!important;
z-index: 100!important;
}
#gateContentWrapper.winter #scene .fore2 {
position: absolute!important;
background: url("../img/v70/winter/fore2.png") center bottom no-repeat;
background-size: 100%;
height: 100%;
width: 35%;
right: 0!important;
left: 75%!important;
top: auto!important;
bottom: 0%!important;
z-index: 90!important;
}
#gateContentWrapper.winter #scene .knight {
position: absolute!important;
background: url("../img/v70/winter/knight.png") center bottom no-repeat;
background-size: 100%;
height: 980px;
width: 60%;
right: 45%!important;
top: auto!important;
bottom: -5%!important;
z-index: 90!important;
}

#gateContentWrapper.winter #scene .transition {
position: absolute!important;
background: url("../img/v70/sceneTransition.png") left bottom repeat-x;
background-size: 100%;
width: 100%;
height: 138px;
right: auto!important;
left: 0!important;
top: auto!important;
bottom: 0%!important;
z-index: 100!important;
}

#gateContentWrapper.winter #scene .midFigures {
	display: none!important;

}
#gateContentWrapper.winter #scene .knight2 {
	display: none!important;

}
#gateContentWrapper.winter #scene .barbarian2 {
	display: none!important;

}
#gateContentWrapper.winter #scene .barbarian {
	display: none!important;
}

/* ANNOUNCER */

#announcer {
    display: block;
    position: absolute;
    left: 0;
    top: 140px;
    z-index: 100;
    width: 228px;
    height: 360px;
    background: url("../img/v70/announcer-rtl.png") center top no-repeat;
}
.announcerSpeech {
    height: auto;
    min-width: 230px;
    max-width: 240px;
    margin: -30px 0 10px 0;
    position: absolute;
    z-index: 1;
    right: 5px;
   /* bottom: 65px;*/
    top: 170px;
}
.announcerSpeechArrow {
    background: url("../img/v70/announcerBubbleArrow.png") no-repeat bottom center;
    width: 44px;
    height: 47px;
    margin-left: 75px;
    position: relative;
    z-index: 1;
}
.announcerSpeechBubble {
    display: block;
    height: auto;
    width: auto;
    min-height: 30px;
    margin-top: -1px;
    border: 1px solid #7B7B7B;
    box-shadow: 0 3px 10px #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgb(25,25,25); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#111111',GradientType=0 ); /* IE6-8 */
}
.announcerSpeechBubble p {
    color: #fff;
    font-style: italic;
    text-align: center;
    padding: 3px 10px;
    font-size: 16px;
    cursor: default;
}
.announcerSpeechBubble p a {
    display: inline-block;
    color: #fff;
    text-shadow: 0 0 4px #000;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    padding: 6px 12px;
    font-style: normal;
    text-transform: uppercase;
    border: 1px solid #CE0404;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background: rgb(206,4,4); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzg0MDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(206,4,4,1) 0%, rgba(132,2,2,1) 44%, rgba(124,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,4,4,1)), color-stop(44%,rgba(132,2,2,1)), color-stop(100%,rgba(124,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,4,4,1) 0%,rgba(132,2,2,1) 44%,rgba(124,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,4,4,1) 0%,rgba(132,2,2,1) 44%,rgba(124,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,4,4,1) 0%,rgba(132,2,2,1) 44%,rgba(124,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(206,4,4,1) 0%,rgba(132,2,2,1) 44%,rgba(124,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0404', endColorstr='#7c0000',GradientType=0 ); /* IE6-8 */
}
.announcerSpeechBubble p a:hover {
    border: 1px solid #FF5C5C;
    background: rgb(255,22,22); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzg0MDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTE4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,22,22,1) 0%, rgba(132,2,2,1) 44%, rgba(145,24,24,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,22,22,1)), color-stop(44%,rgba(132,2,2,1)), color-stop(100%,rgba(145,24,24,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,22,22,1) 0%,rgba(132,2,2,1) 44%,rgba(145,24,24,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,22,22,1) 0%,rgba(132,2,2,1) 44%,rgba(145,24,24,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,22,22,1) 0%,rgba(132,2,2,1) 44%,rgba(145,24,24,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,22,22,1) 0%,rgba(132,2,2,1) 44%,rgba(145,24,24,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1616', endColorstr='#911818',GradientType=0 ); /* IE6-8 */
}

/* ANNOUNCER - US */

body.gid-us #announcer {
	right: auto;
	left: 0;
	background: url("../img/v70/announcer-rtl.png") center top no-repeat;
}
body.gid-us .announcerSpeech {
	right: auto;
	left: 5px;
	bottom: 65px;
}
body.gid-us .announcerSpeechArrow {
	background: url("../img/v70/announcerBubbleArrow-rtl.png") no-repeat bottom center;
	margin-left: 75px;
}

/* ANNOUNCER - US Flag */

#announcer.flagUS {
	width: 185px;
	height: 320px;
    background: url("../img/v70/sidebarUS.png") left top no-repeat;
}
#announcer.flagUS .announcerSpeech {
	display: none;
}

/* ANNOUNCER - CA Flag */

#announcer.flagCA {
	width: 185px;
	height: 320px;
    background: url("../img/v70/sidebarCA.png") left top no-repeat;
}
#announcer.flagCA .announcerSpeech {
	display: none;
}


/* COOKIES */

#cookieInformedConsentDiv {
	position: fixed;
    z-index: 100;
    bottom: 1%;
    right: 1%;
    display: block;
    width: 25%;
    min-width: 260px;
    background: rgba(0,0,0,0.92);
    border: 3px solid rgba(51, 51, 51, 0.5);
    color: #fff;
    text-align: center;
    font-size: 14px;
}
#cookieInformedConsentDiv div {
	display: inline-block;
	padding: 5px;
}
#cookieInformedConsentDiv div a {
	display: block;
	background: #F8161F;
	padding: 2px 8px;
	color: #fff;
	text-decoration: none;
}

/* MEDIA STYLES */

@media all and (max-width: 1370px) {
	#logoMarketing {
		background-size: 100%!important;
		height: 70px;
		background-position: center bottom;
	}
	.RegisterForm, .LoginForm {
		margin: 0 auto;
	}
	.backButton {
		margin: 0;
		text-align: center;
	}
	.f-reg-green-error {
		top:11px!important
	}
	a.registerButton strong {
		font-size:22px;
		padding: 5px 0 0 0;
	}

	a.registerButton small {
		margin-top: -2px;
	}
	#fbActionBtn, #fbRegisterBtn {
		margin: 0 auto;
		overflow: hidden;
	}
	.fbLoginBtn {
		width: 257px;
		padding: 0 0 0 40px;
		margin: 0 0 0 0;
		text-decoration: none;
		display: block;
		height: 29px;
		background: url('../img/v6.0/marketing/fbBtn_small.png');
	}

	.fbLoginBtn:hover {
		background: url('../img/v6.0/marketing/fbBtn_h_small.png');
	}
	a.fbLoginBtn strong {
		font-size: 14px;
		padding: 1px 0 0 0;
	}
	a.fbLoginBtn small {
		font-size: 9px;
	}
	canvas#snow {
		max-height:760px!important;
	}
	#fbLoginBtn {
		display: block;
		height: 29px;
		margin: 0 auto;
	}
	#select-reg-world {
		width: 292px!important;
	}
	#forms {
		background: url("../img/marketing/v13/KWBG01.png") 20% top no-repeat;
  		background-size: 80%;
	}
}


/* MEDIA ADDITONAL */

@media all and (max-width: 1680px) {
	.barbarian {
		bottom: 30%!important;
		width: 30%;
	}
}

@media all and (max-width: 1600px) {

}

@media all and (max-width: 1520px) {
	.slideContent {
		width: 70%;
	}

	#playNow {
		background: none;
	}
}


@media all and (max-width: 1440px) {
	.nav a {

	}
	#playersRankingContent_scroll, #clansRankingContent_scroll {
		height: 320px!important;
	}

}

@media all and (max-width: 1370px) {
	#scene {
		max-height: 620px!important;
	}
	#backToLoginButton {
		font-size: 12px;
		padding: 3px 10px;
	}
}

@media all and (max-height: 769px) {
	#logo {
		height: 150px;
	}

	#sceneOver {
		min-height: 580px;
	}
}

@media all and (max-width: 1280px) {
	.fixedMenuWrapper {
		width: 100%;
		margin: 0 auto;
	}
	#scene {
		max-height: 640px!important;
	}
	.barbarian {
		bottom: 27%!important;
		width: 33%;
	}
	#fixedMenu #fixedLogin {
		display: inline-block;
		width: 100%;
		background: #000;
	}
	.slideContent {
		width: 80%;
	}
}

@media all and (max-width: 1100px) {
	#gateContentWrapper #slide-2,
	#gateContentWrapper #slide-3,
	#gateContentWrapper #slide-4 {
		background-size: 50%;
	}
}

@media all and (max-width: 1024px) {
	#madmooBar {
		display: none!important;
	}
	#logo {
		background: url('../img/v70/logos/logo_en.png') no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center top;
		background-size: 100%;
	}

	#logo.ar { background: url(../img/v70/logos/logo_ae.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	/*#logo.al { background: url(../img/v70/logos/logo_al.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}*/
	#logo.bg { background: url(../img/v70/logos/logo_bg.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.br { background: url(../img/v70/logos/logo_br.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.cz { background: url(../img/v70/logos/logo_cz.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.de { background: url(../img/v70/logos/logo_de.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.en { background: url(../img/v70/logos/logo_en.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.es { background: url(../img/v70/logos/logo_es.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.fr { background: url(../img/v70/logos/logo_fr.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.ir { background: url(../img/v70/logos/logo_ir.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.lt { background: url(../img/v70/logos/logo_lt.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	#logo.tr { background: url(../img/v70/logos/logo_tr.png) no-repeat center, url('../img/v70/logos/logo_splash.png') no-repeat center; background-size: contain;}
	/*#logo.ruxs { background: url(../img/v70/logos/logo_ru.png) no-repeat; }
	#logo.ru { background: url(../img/v70/logos/logo_ru.png) no-repeat; }*/
	/*#logo.us { background: url("../img/v70/logos/logo_us.png") no-repeat;}*/

	#gateContentWrapper.winter #forms {
		margin: 0 0 0 42%;
	}
	#scene {
		max-height: 600px!important;
		height: 600px!important;
	}
	#mainWrapper {
		margin: 0!important;
	}
	.slideContent {
		width: 90%;
		margin: 0 auto!important;
	}
	#slide-3 .slideContent {

	}
	.footerInfo {
		width: 90%;
	}
	#videoBackground {
		display: none;
	}
	#gateContentWrapper #slide-1 {
		background-size: 100%;
	}
	#forms {
		background: none;
	}
	#mainGateNav a {
		display: none;
	}
	#fixedMenu {
		display: block !important;
		padding: 5px 0;
	}
}

@media all and (max-width: 1024px) {
	#announcer {
		display: none;
	}
	#gateContentWrapper #slide-1 {
		padding-top: 54px;
		background: url('http://khanwars-resources.xs-software.com/gate7.0/img/KWX/videoPosterMobile.jpg') -400px center no-repeat;
		background-size: cover;
	}
	#gateContentWrapper #slide-1 .videoContainer {
		display: none;
	}
	#gateContentWrapper.winter2 #slide-1 {
		/*background: url("../img/v70/winter2/kw7bg1024.jpg") left top no-repeat;*/
	    padding-bottom: 0;
	}
}

@media all and (max-width: 960px) {
	/*.slideContent {
		min-width: 500px;
	}*/
	#logo {
		max-width: 350px;
	}
	.mobileBackground + #gettingStartedBtn {
		margin-top: -40px;
	}
	#slide-3 .slideContent {
		width: 90%;
	}
	#newsHolder {
		flex-wrap: wrap;
	}
	#newsEntry {
		flex: 0 0 80%;
		flex-direction: row;
		max-width: 100%;
	}
	#newsEntry .newsThumb {
		flex: 1;
		margin: 0 5px;
	}
	#newsEntry .newsInfo {
		margin: 0 5px;
	}
}

@media all and (max-width: 800px) {
	#newDecorations {
		display: none;
	}
	#fbActionBtn, #fbRegisterBtn {
		/*width: 260px;*/
		margin: 0 auto;
		overflow: hidden;
	}
	#scene {
		max-height: 500px!important;
	}
	#gateContentWrapper #slide-2 {

	}
	#gateContentWrapper #slide-3, #gateContentWrapper #slide-4 {
		background: none;
	}
	#gateContentWrapper .slide {
		height: auto!important;
	}
	#scene {
		background: url("../img/v70/kw7bg1024.jpg") center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 500px!important;
	}
	#gateContentWrapper.winter #scene {
		background: url("../img/v70/winter/kw7bg1024.jpg") center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 500px!important;
	}
	.fore, .fore2, .knight, .knight2, .barbarian, .barbarian2, .midFigures {
		display: none!important;
	}
	.message.arrowLeft.error {
		width: 140px!important;
		font-size: 11px!important;
	}
	.dialogWrapper.worldPicker, .dialogWrapper.statistics {
		width: 640px!important;
		top: 30px;
		left: 50%;
		margin-left: -320px;
	}
	#worldsList_scrollbar_track {
		left: 630px;
	}
	.worldRow .stats {
		width: 180px;
	}
	.worldRow a.loginBtn {
		margin: 0 auto!important;
	}
	#newsEntry.onFocus .newsThumb {
		width: 100%;
	}
	.newsThumb img {
		width: 100%;
		margin: 0;
	}
	.newsThumb {
		width: 100%;
		padding: 0!important;
	}
	#slide-3 .slideContent .newsInfo {
		width: 100%;
	}
	#video {
		padding: 0;
	}
	.rankingWrapper .rankingSection {
		width: 100%!important;
	}
	#video {
		width: 100%;
	}
	#footer .description, #footer .social {
		width: 100%;
		text-align: center;
	}
	#Toolbar .cenerBlock {
		width: 100%!important;
	}
	#Toolbar .cenerBlock div:nth-of-type(4) {
		display:none!important;
	}
	/*#fbActionBtn iframe {
		width: 250px!important;
	}*/
	#slide-4 .sectionContent {
		padding: 0;
	}
	#mainGateNav a, #fixedMenu a {
		margin: 5px;
		padding: 4px 6px;
	}
	#playersRankingContent_scroll table td img {
		width: 50px;
	}
	#newsEntry {
		flex: 0 0 95%;
	}
}

@media all and (max-width: 640px) {
	html {
	overflow-x: hidden;
	}
	#gateContentWrapper #slide-1 {
		padding-top: 54px;
		background: url('http://khanwars-resources.xs-software.com/gate7.0/img/KWX/videoPosterMobile.jpg') -600px center no-repeat;
		background-size: cover;
	}
	#announcer {
		display: none;
	}
	#forms {
		margin: 0 auto!important;
		display: block;
	}
	#fixedMenu #fixedLogin {
		display: none;
	}
	#fixedMenu #navigation {
		float: none;
	}
	#mainGateNav a, #fixedMenu a {
		font-size: 12px;
	}
	.nav a {
		font-size: 15px;
	}
	.dialogWrapper.worldPicker, .dialogWrapper.statistics {
		width: 300px!important;
		top: 10px;
		left: 50%;
		margin-left: -150px;
	}
	.worldRow .label {
		left: 170px;
	}
	.worldRow .thumb .v70 {
		left: 210px;
		top: 45px;
	}
	.dialogWrapper.worldPicker h2.uniTitle {
		background: url('../img/v70/popup_title_s.png') top left no-repeat!important;
	}
	.dialogWrapper .content .remember span {
		top:-5px;
	}
	#worldsList_scrollbar_track {
		left: 300px;
	}
	h2.uniTitle {
		padding: 0;
	}
	.dialogWrapper .content {
		padding-top: 20px;
	}
	.dialogWrapper .content .remember {
		top: -5px;
		left:0;
		right: auto!important;
		font-size: 16px;
	}
	.dialogWrapper .content .remember input {
		height: 20px;
		width: 20px;
	}
	.worldRow .loginBox, .worldRow .stats  {
		width: 100%;
	}
	.worldRow .info {
		display: none;
	}
	.worldRow .title {
		border-radius: 0;
	}
	#footer {
		position: relative;
		bottom: 0;
		padding: 0;
	}
	#media {
		display: none;
	}
	.slide #ranking {
		width: 100%;
	}
	#playersRankingContent_scroll, #clansRankingContent_scroll {
		padding: 0;
	}
	.footerInfo {
		width: 100%;
	}
	#playNow {
		width: 100%;
	}

	.rankingWrapper .rankingSection:first-child table {
		width: 100% !important;
	}

	.rankingWrapper .rankingSection:first-child table th,
	.rankingWrapper .rankingSection:first-child table td {
		padding: 5px !important;
		font-size: 13px !important;
	}
}

@media all and (max-width: 540px) {
	.dialogWrapper {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	#forms {
		margin: 0 auto;
	}
}

@media all and (max-width: 500px) {
	.rankingWrapper .rankingSection:last-child table {
		width: 100% !important;
		height: 99%;
	}

	.rankingWrapper .rankingSection:last-child table th,
	.rankingWrapper .rankingSection:last-child table td {
		padding: 5px !important;
		font-size: 13px !important;
	}
}

@media all and (max-width: 480px) {
	#madmooBar {
		display: none!important;
	}
	#forms {
		left: 0!important;
		right: 0!important;
	}
	.nav{
		text-align: left;
	}
	.nav a {
		font-size: 14px;
		margin: 0 10px;
	}
	#backToLoginButton {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid #B1B1B2;
	}
	#backToLoginButton:hover {
		box-shadow: none;
	}
	#mobileBackground {
		margin: 0;
		width: 480px!important;
	}
	.worldsList .worldRow {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border: 2px solid #38312D;
	}
	.worldsList .worldRow:hover {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border: 2px solid #38312D;
	}
	#video {
		margin-left: 0;
	}
	#video iframe {
	}
	#media {
		display: none;
	}
	.sectionContent {
		padding:0;
	}
	#newsHolder {
		padding: 0;
	}
	.listTable.content img{
		width: 70%;
	}
	#gettingStartedBtn a, #playNow a {
		font-size: 18px;
	}
	#Toolbar .cenerBlock {
		width: 100%!important;
	}
}

@media all and (max-width: 400px) {
	.RegisterForm, .LoginForm, .loginFormTabs {
		width: 100%;
	}

	.loginFormTabs .tab:first-of-type {
		margin-left: -10px;
	}

	.loginFormTabs .tab:last-of-type {
		margin-right: -10px;
	}

	#mainGateNav a, #fixedMenu a {
		font-size: 13px;
	}
}

/*@media all and (max-width: 320px) {
	#forms {
		width: 300px;
	}
	.RegisterForm, .LoginForm {
		width: 320px;
	}
	#mainGateNav a {
		font-size: 12px;
	}
	.dialogWrapper.worldPicker, .dialogWrapper.statistics, .dialogWrapper.password {
		width: 260px!important;
	}
	.worldRow .label {
		left: 130px;
	}
	.worldRow .thumb .v70 {
		left: 160px;
	}
	.dialogWrapper {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.listTable.content tr td:nth-of-type(2) {
		width: 40%;
	}
	.listTable.content tr td:nth-of-type(4), .listTable.content tr th:nth-of-type(5), .listTable.content tr td:nth-of-type(4), .listTable.content tr th:nth-of-type(5) {
		display: none;
	}
	#worldsList_scrollbar_track {
		left: 260px;
	}
	.dialogWrapper a.close {
		top: -15px;
		right: -15px;
	}
	#mainGateNav {
	  margin-left: -8px;
	}
}*/

#fbActionBtn iframe {
	height: 50px!important;
}
.gc-bubbleDefault, .pls-container {
    display: none !important;
}



/* SWORN SWORDS */

#logo.us {

}

body.gid-us #videoBackground {
	display: none;
}

body.gid-us #mainGateNav {
	/*position: absolute;
	right: 5%;*/
}

.usGateAdvisor {
display: block;
width: 280px;
height: 484px;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}

.usGateAdvisor.usa {
background: url("../img/US/swsw-launch-sidebar-USA.png") center top no-repeat;
background-size: 100%;
}

.usGateAdvisor.canada {
background: url("../img/US/swsw-launch-sidebar-CAN.png") center top no-repeat;
background-size: 100%;
}


body.gid-us #gateContentWrapper #slide-1 {

}

body.gid-us #gateContentWrapper .slide  {

}

body.gid-us #forms {
	background: none;
}

body.gid-us .LoginForm {
	/*margin: 0 0 0 60%;
	width: 460px;*/
}

@media all and (max-width: 1370px) {
	body.gid-us #gateContentWrapper #slide-1 {

	}
	body.gid-us #mainGateNav {

	}
	.usGateAdvisor {
		width: 180px;
	}
}

@media all and (max-width: 1024px) {
	body.gid-us #mainGateNav {
		/*margin: -50px 0 50px 50%;*/
	}

	body.gid-us .LoginForm {
		/*margin: 0 0 0 50%;
		width: 460px;*/
	}
	body.gid-us #gateContentWrapper #slide-1 {

	}
	.usGateAdvisor {
		width: 120px;
	}
	#cookieInformedConsentDiv {
		width: 100%;
		bottom: 0;
		right: 0;
		font-size: 12px;
	}
}

@media all and (max-width: 800px) {
	body.gid-us #gateContentWrapper #slide-1 {

	}
	#logo.us {
		height: 350px;
		width: 320px;
		background: url("../img/US/SwornSwords_logo.png") center top no-repeat!important;
	}
	body.gid-us #forms {

	}
	.usGateAdvisor {
		display: none;
	}
}